增加一个提示

张光辉
1 parent f5dbd4b7
Showing 11 changed files with 197 additions and 57 deletions
.idea/workspace.xml
dist/css/ide.css
dist/css/main.css
dist/gxb-ide/ToolBox.js
dist/gxb-ide/toolBox.css
dist/scss/main.scss
src/css/ide.css
src/css/main.css
src/gxb-ide/ToolBox.js
src/gxb-ide/toolBox.css
src/scss/main.scss
@@ -20,7 +20,7 @@
     <favorites_list name="programming" />
   </component>
   <component name="FileEditorManager">
-    <leaf>
+    <leaf SIDE_TABS_SIZE_LIMIT_KEY="300">
       <file leaf-file-name="Dir.js" pinned="false" current-in-tab="false">
         <entry file="file://$PROJECT_DIR$/src/gxb-ide/Dir.js">
           <provider selected="true" editor-type-id="text-editor">
@@ -46,8 +46,8 @@
       <file leaf-file-name="README.md" pinned="false" current-in-tab="true">
         <entry file="file://$PROJECT_DIR$/README.md">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="153">
-              <caret line="13" column="0" selection-start-line="13" selection-start-column="0" selection-end-line="13" selection-end-column="0" />
+            <state relative-caret-position="170">
+              <caret line="14" column="3" selection-start-line="14" selection-start-column="3" selection-end-line="14" selection-end-column="3" />
               <folding />
             </state>
           </provider>
@@ -102,6 +102,7 @@
       <foldersAlwaysOnTop value="true" />
     </navigator>
     <panes>
+      <pane id="Scratches" />
       <pane id="ProjectPane">
         <subPane>
           <PATH>
@@ -172,9 +173,8 @@
           </PATH>
         </subPane>
       </pane>
-      <pane id="Scope" />
       <pane id="PackagesPane" />
-      <pane id="Scratches" />
+      <pane id="Scope" />
     </panes>
   </component>
   <component name="PropertiesComponent">
@@ -416,6 +416,7 @@
       <setting name="cmdLine" value="run-app" />
       <setting name="passParentEnv" value="true" />
       <setting name="launchBrowser" value="true" />
+      <setting name="depsClasspath" value="false" />
       <extension name="coverage" enabled="false" merge="false" sample_coverage="true" runner="idea" />
       <method />
     </configuration>
@@ -581,6 +582,12 @@
       <method />
     </configuration>
     <configuration default="true" type="js.build_tools.gulp" factoryName="Gulp.js">
+      <node-interpreter>project</node-interpreter>
+      <node-options />
+      <gulpfile />
+      <tasks />
+      <arguments />
+      <envs />
       <method />
     </configuration>
     <configuration default="true" type="js.build_tools.npm" factoryName="npm">
@@ -608,40 +615,41 @@
       <option name="presentableId" value="Default" />
       <updated>1521082406200</updated>
       <workItem from="1521082408104" duration="1336000" />
+      <workItem from="1521277481140" duration="4000" />
     </task>
     <servers />
   </component>
   <component name="TimeTrackingManager">
-    <option name="totallyTimeSpent" value="1336000" />
+    <option name="totallyTimeSpent" value="1340000" />
   </component>
   <component name="ToolWindowManager">
     <frame x="0" y="23" width="1232" height="730" extended-state="0" />
-    <editor active="false" />
+    <editor active="true" />
     <layout>
-      <window_info id="Palette" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="-1" side_tool="false" content_ui="tabs" />
+      <window_info id="Palette" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
       <window_info id="TODO" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="6" side_tool="false" content_ui="tabs" />
-      <window_info id="Palette&#9;" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="-1" side_tool="false" content_ui="tabs" />
-      <window_info id="Capture Analysis" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="-1" side_tool="false" content_ui="tabs" />
-      <window_info id="Event Log" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="-1" side_tool="true" content_ui="tabs" />
-      <window_info id="Maven Projects" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="-1" side_tool="false" content_ui="tabs" />
+      <window_info id="Palette&#9;" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" />
+      <window_info id="Capture Analysis" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
+      <window_info id="Event Log" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="7" side_tool="true" content_ui="tabs" />
+      <window_info id="Maven Projects" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
       <window_info id="Run" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" />
-      <window_info id="Version Control" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="-1" side_tool="false" content_ui="tabs" />
-      <window_info id="Terminal" active="true" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.32843137" sideWeight="0.5" order="-1" side_tool="false" content_ui="tabs" />
-      <window_info id="Capture Tool" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="-1" side_tool="false" content_ui="tabs" />
-      <window_info id="Designer" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="-1" side_tool="false" content_ui="tabs" />
+      <window_info id="Version Control" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="7" side_tool="false" content_ui="tabs" />
+      <window_info id="Terminal" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.32843137" sideWeight="0.5" order="7" side_tool="false" content_ui="tabs" />
+      <window_info id="Capture Tool" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" />
+      <window_info id="Designer" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
       <window_info id="Project" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.24537815" sideWeight="0.5" order="0" side_tool="false" content_ui="combo" />
-      <window_info id="Database" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="-1" side_tool="false" content_ui="tabs" />
+      <window_info id="Database" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
       <window_info id="Structure" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
       <window_info id="Ant Build" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
-      <window_info id="UI Designer" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="-1" side_tool="false" content_ui="tabs" />
+      <window_info id="UI Designer" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" />
       <window_info id="Debug" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
-      <window_info id="Favorites" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="-1" side_tool="true" content_ui="tabs" />
+      <window_info id="Favorites" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="2" side_tool="true" content_ui="tabs" />
       <window_info id="Cvs" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="4" side_tool="false" content_ui="tabs" />
-      <window_info id="Hierarchy" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="2" side_tool="false" content_ui="combo" />
       <window_info id="Message" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
       <window_info id="Commander" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
-      <window_info id="Find" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
       <window_info id="Inspection" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="5" side_tool="false" content_ui="tabs" />
+      <window_info id="Hierarchy" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="2" side_tool="false" content_ui="combo" />
+      <window_info id="Find" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
     </layout>
   </component>
   <component name="Vcs.Log.UiProperties">
@@ -680,8 +688,34 @@
     </entry>
     <entry file="file://$PROJECT_DIR$/README.md">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="153">
-          <caret line="13" column="0" selection-start-line="13" selection-start-column="0" selection-end-line="13" selection-end-column="0" />
+        <state relative-caret-position="0">
+          <caret line="0" column="0" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/gxb-ide/Dir.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="0">
+          <caret line="0" column="0" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
+          <folding>
+            <element signature="n#!!doc" expanded="true" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/gxb-ide/Ide.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="323">
+          <caret line="19" column="29" selection-start-line="19" selection-start-column="29" selection-end-line="19" selection-end-column="29" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/README.md">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="170">
+          <caret line="14" column="3" selection-start-line="14" selection-start-column="3" selection-end-line="14" selection-end-column="3" />
           <folding />
         </state>
       </provider>
@@ -148,12 +148,24 @@ html, body {
 .tooltip-inner {
   background-color: transparent;
   color: #1FB6FF;
-  padding: 3px 6px; }
+  padding: 3px 10px; }
 .tooltip.top {
-  background: url("../img/toptip.png") no-repeat;
-  height: 36px;
-  top: -28px !important; }
+  background: #fff;
+  border: 1px solid #1FB6FF;
+  border-radius: 6px; }
+  .tooltip.top:before, .tooltip.top:after {
+    position: absolute;
+    left: 50%;
+    top: 100%;
+    margin-left: -6px;
+    content: "";
+    border: 6px solid transparent;
+    border-bottom: 0;
+    border-top: 6px solid #1FB6FF; }
+  .tooltip.top:after {
+    margin-top: -1px;
+    border-top-color: #fff; }
 .tooltip.top .tooltip-arrow {
   border-top-color: transparent; }
@@ -20,12 +20,24 @@ html, body {
 .tooltip-inner {
   background-color: transparent;
   color: #1FB6FF;
-  padding: 3px 6px; }
+  padding: 3px 10px; }
 .tooltip.top {
-  background: url("../img/toptip.png") no-repeat;
-  height: 36px;
-  top: -28px !important; }
+  background: #fff;
+  border: 1px solid #1FB6FF;
+  border-radius: 6px; }
+  .tooltip.top:before, .tooltip.top:after {
+    position: absolute;
+    left: 50%;
+    top: 100%;
+    margin-left: -6px;
+    content: "";
+    border: 6px solid transparent;
+    border-bottom: 0;
+    border-top: 6px solid #1FB6FF; }
+  .tooltip.top:after {
+    margin-top: -1px;
+    border-top-color: #fff; }
 .tooltip.top .tooltip-arrow {
   border-top-color: transparent; }
@@ -4,7 +4,8 @@
                         '<audio id="audio"></audio>'+
                         '</div>'+
                      '<div class="ctrl-wrap">'+
-                        '<div class="tool-item" id="start-recording" data="1" data-toggle="tooltip" data-placement="top" title="开始录制"><img src="" alt="" /></div>'+
+                        '<div class="tool-item" id="prepare-recording" data-toggle="tooltip" data-placement="top" title="点此开始录制"><img src="" alt="" /></div>'+
+                        '<div class="tool-item" id="start-recording" data="1" data-toggle="tooltip" data-placement="top" title="<span class=\'tooltip-content-large\'>点此开始录制</span>"><img src="" alt="" /></div>'+
                         '<div class="tool-item" id="stop-recording" data="1" data-toggle="tooltip" data-placement="top" title="结束录制"><img src="" alt="" /></div>'+
                         '<div class="tool-item" id="re-recoding" data="1" data-toggle="tooltip" data-placement="top" title="重新录制"><img src="" alt="" /></div>'+
                      '</div>'+
@@ -58,12 +59,21 @@
             var toolBox = this.options.el;
             $(toolBox).html(template)
+            $('#prepare-recording img').attr('src', '../img/ideicon/new-recording.svg');
             $('#start-recording img').attr('src', '../img/ideicon/new-recording.svg');
             $('#stop-recording img').attr('src', '../img/recording.svg');
             $('#re-recoding img').attr('src', '../img/ideicon/new-recording.svg');
             $('#audio-play img').attr('src', '../img/play.svg');
-            $('#start-recording').show()
+            // $('#prepare-recording').show();
+            // $('#prepare-recording').tooltip('show');
+            // $('#prepare-recording').on('click', function() {
+            //     $(this).hide();
+            //     $('#start-recording').show();
+            // });
+            $('#start-recording').show();
+            $('#start-recording').tooltip({ html : true });
+            $('#start-recording').tooltip('show');
             _this.events();
@@ -94,4 +94,8 @@
 }
 #audio-play img{
     width: 16px;
+}
+
+.tooltip-content-large {
+    font-size: 18px;
 }
 \ No newline at end of file
@@ -21,15 +21,30 @@ html, body{
 .tooltip-inner{
     background-color: transparent;
     color: #1FB6FF;
-    padding: 3px 6px;
+    padding: 3px 10px;
 }
 .tooltip.top{
-    background: url('../img/toptip.png') no-repeat;
-    height: 36px;
-    top: -28px !important;
-}
-.tooltip.top .tooltip-arrow{
-    // border-top-color: #1FB6FF;
+    // background: url('../img/toptip.png') no-repeat;
+    // height: 36px;
+    // top: -28px !important;
+    background: #fff;
+    border: 1px solid #1FB6FF;
+    border-radius: 6px;
+
+    &:before, &:after {
+        position: absolute;
+        left: 50%;
+        top: 100%;
+        margin-left: -6px;
+        content: "";
+        border: 6px solid transparent;
+        border-bottom: 0;
+        border-top: 6px solid #1FB6FF;
+    }
+    &:after {
+        margin-top: -1px;
+        border-top-color: #fff;
+    }
 }
 .tooltip.top .tooltip-arrow{
     border-top-color: transparent;
@@ -148,12 +148,24 @@ html, body {
 .tooltip-inner {
   background-color: transparent;
   color: #1FB6FF;
-  padding: 3px 6px; }
+  padding: 3px 10px; }
 .tooltip.top {
-  background: url("../img/toptip.png") no-repeat;
-  height: 36px;
-  top: -28px !important; }
+  background: #fff;
+  border: 1px solid #1FB6FF;
+  border-radius: 6px; }
+  .tooltip.top:before, .tooltip.top:after {
+    position: absolute;
+    left: 50%;
+    top: 100%;
+    margin-left: -6px;
+    content: "";
+    border: 6px solid transparent;
+    border-bottom: 0;
+    border-top: 6px solid #1FB6FF; }
+  .tooltip.top:after {
+    margin-top: -1px;
+    border-top-color: #fff; }
 .tooltip.top .tooltip-arrow {
   border-top-color: transparent; }
@@ -20,12 +20,24 @@ html, body {
 .tooltip-inner {
   background-color: transparent;
   color: #1FB6FF;
-  padding: 3px 6px; }
+  padding: 3px 10px; }
 .tooltip.top {
-  background: url("../img/toptip.png") no-repeat;
-  height: 36px;
-  top: -28px !important; }
+  background: #fff;
+  border: 1px solid #1FB6FF;
+  border-radius: 6px; }
+  .tooltip.top:before, .tooltip.top:after {
+    position: absolute;
+    left: 50%;
+    top: 100%;
+    margin-left: -6px;
+    content: "";
+    border: 6px solid transparent;
+    border-bottom: 0;
+    border-top: 6px solid #1FB6FF; }
+  .tooltip.top:after {
+    margin-top: -1px;
+    border-top-color: #fff; }
 .tooltip.top .tooltip-arrow {
   border-top-color: transparent; }
@@ -4,7 +4,8 @@
                         '<audio id="audio"></audio>'+
                         '</div>'+
                      '<div class="ctrl-wrap">'+
-                        '<div class="tool-item" id="start-recording" data="1" data-toggle="tooltip" data-placement="top" title="开始录制"><img src="" alt="" /></div>'+
+                        '<div class="tool-item" id="prepare-recording" data-toggle="tooltip" data-placement="top" title="点此开始录制"><img src="" alt="" /></div>'+
+                        '<div class="tool-item" id="start-recording" data="1" data-toggle="tooltip" data-placement="top" title="<span class=\'tooltip-content-large\'>点此开始录制</span>"><img src="" alt="" /></div>'+
                         '<div class="tool-item" id="stop-recording" data="1" data-toggle="tooltip" data-placement="top" title="结束录制"><img src="" alt="" /></div>'+
                         '<div class="tool-item" id="re-recoding" data="1" data-toggle="tooltip" data-placement="top" title="重新录制"><img src="" alt="" /></div>'+
                      '</div>'+
@@ -58,12 +59,21 @@
             var toolBox = this.options.el;
             $(toolBox).html(template)
+            $('#prepare-recording img').attr('src', '../img/ideicon/new-recording.svg');
             $('#start-recording img').attr('src', '../img/ideicon/new-recording.svg');
             $('#stop-recording img').attr('src', '../img/recording.svg');
             $('#re-recoding img').attr('src', '../img/ideicon/new-recording.svg');
             $('#audio-play img').attr('src', '../img/play.svg');
-            $('#start-recording').show()
+            // $('#prepare-recording').show();
+            // $('#prepare-recording').tooltip('show');
+            // $('#prepare-recording').on('click', function() {
+            //     $(this).hide();
+            //     $('#start-recording').show();
+            // });
+            $('#start-recording').show();
+            $('#start-recording').tooltip({ html : true });
+            $('#start-recording').tooltip('show');
             _this.events();
@@ -94,4 +94,8 @@
 }
 #audio-play img{
     width: 16px;
+}
+
+.tooltip-content-large {
+    font-size: 18px;
 }
 \ No newline at end of file
@@ -21,15 +21,30 @@ html, body{
 .tooltip-inner{
     background-color: transparent;
     color: #1FB6FF;
-    padding: 3px 6px;
+    padding: 3px 10px;
 }
 .tooltip.top{
-    background: url('../img/toptip.png') no-repeat;
-    height: 36px;
-    top: -28px !important;
-}
-.tooltip.top .tooltip-arrow{
-    // border-top-color: #1FB6FF;
+    // background: url('../img/toptip.png') no-repeat;
+    // height: 36px;
+    // top: -28px !important;
+    background: #fff;
+    border: 1px solid #1FB6FF;
+    border-radius: 6px;
+
+    &:before, &:after {
+        position: absolute;
+        left: 50%;
+        top: 100%;
+        margin-left: -6px;
+        content: "";
+        border: 6px solid transparent;
+        border-bottom: 0;
+        border-top: 6px solid #1FB6FF;
+    }
+    &:after {
+        margin-top: -1px;
+        border-top-color: #fff;
+    }
 }
 .tooltip.top .tooltip-arrow{
     border-top-color: transparent;