kfb-view 2.1.19 → 2.2.1

package/.idea/workspace.xml

@@ -37,7 +37,7 @@
   </component>
   <component name="ChangeListManager">
     <list default="true" id="55024232-8108-4dc9-9bd3-0fd2aa2f34f8" name="Default Changelist" comment="">
-      <change beforePath="$PROJECT_DIR$/src/tool/Polygon.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/tool/Polygon.js" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/package.json" beforeDir="false" afterPath="$PROJECT_DIR$/package.json" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -60,6 +60,7 @@
       </map>
     </option>
     <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
+    <option name="RESET_MODE" value="HARD" />
   </component>
   <component name="GitToolBoxStore">
     <option name="projectConfigVersion" value="5" />
@@ -72,20 +73,21 @@
     <option name="hideEmptyMiddlePackages" value="true" />
     <option name="showLibraryContents" value="true" />
   </component>
-  <component name="PropertiesComponent">{
-  &quot;keyToString&quot;: {
-    &quot;DefaultHtmlFileTemplate&quot;: &quot;HTML File&quot;,
-    &quot;WebServerToolWindowFactoryState&quot;: &quot;false&quot;,
-    &quot;dart.analysis.tool.window.visible&quot;: &quot;false&quot;,
-    &quot;last_opened_file_path&quot;: &quot;/home/fanqifeng/WebstormProjects/kfb-view&quot;,
-    &quot;node.js.detected.package.eslint&quot;: &quot;true&quot;,
-    &quot;node.js.selected.package.eslint&quot;: &quot;(autodetect)&quot;,
-    &quot;nodejs_interpreter_path&quot;: &quot;/home/fanqifeng/.nvm/versions/node/v10.15.1/bin/node&quot;,
-    &quot;nodejs_package_manager_path&quot;: &quot;npm&quot;,
-    &quot;settings.editor.selected.configurable&quot;: &quot;settings.nodejs&quot;,
-    &quot;vue.rearranger.settings.migration&quot;: &quot;true&quot;
+  <component name="PropertiesComponent"><![CDATA[{
+  "keyToString": {
+    "DefaultHtmlFileTemplate": "HTML File",
+    "WebServerToolWindowFactoryState": "false",
+    "dart.analysis.tool.window.visible": "false",
+    "last_opened_file_path": "/home/fanqifeng/WebstormProjects/kfb_view_example",
+    "node.js.detected.package.eslint": "true",
+    "node.js.selected.package.eslint": "(autodetect)",
+    "nodejs_interpreter_path": "/home/fanqifeng/.nvm/versions/node/v10.15.1/bin/node",
+    "nodejs_package_manager_path": "npm",
+    "settings.editor.selected.configurable": "settings.nodejs",
+    "ts.external.directory.path": "/opt/WebStorm/plugins/JavaScriptLanguage/jsLanguageServicesImpl/external",
+    "vue.rearranger.settings.migration": "true"
   }
-}</component>
+}]]></component>
   <component name="RecentsManager">
     <key name="CopyFile.RECENT_KEYS">
       <recent name="$PROJECT_DIR$/src/image" />
@@ -286,105 +288,12 @@
       <workItem from="1651131294475" duration="3438000" />
       <workItem from="1651749414024" duration="8391000" />
       <workItem from="1657096942600" duration="1029000" />
-      <workItem from="1657179405990" duration="2878000" />
-    </task>
-    <task id="LOCAL-00019" summary="2.0.9单个标注允许移动和调整大小">
-      <created>1607677851087</created>
-      <option name="number" value="00019" />
-      <option name="presentableId" value="LOCAL-00019" />
-      <option name="project" value="LOCAL" />
-      <updated>1607677851087</updated>
-    </task>
-    <task id="LOCAL-00020" summary="2.0.10缩略图">
-      <created>1626163732757</created>
-      <option name="number" value="00020" />
-      <option name="presentableId" value="LOCAL-00020" />
-      <option name="project" value="LOCAL" />
-      <updated>1626163732757</updated>
-    </task>
-    <task id="LOCAL-00021" summary="2.0.11截图优化">
-      <created>1626244156946</created>
-      <option name="number" value="00021" />
-      <option name="presentableId" value="LOCAL-00021" />
-      <option name="project" value="LOCAL" />
-      <updated>1626244156946</updated>
-    </task>
-    <task id="LOCAL-00022" summary="2.0.12增加lib打包">
-      <created>1626258667578</created>
-      <option name="number" value="00022" />
-      <option name="presentableId" value="LOCAL-00022" />
-      <option name="project" value="LOCAL" />
-      <updated>1626258667578</updated>
-    </task>
-    <task id="LOCAL-00023" summary="导航图优化">
-      <created>1626403502030</created>
-      <option name="number" value="00023" />
-      <option name="presentableId" value="LOCAL-00023" />
-      <option name="project" value="LOCAL" />
-      <updated>1626403502031</updated>
-    </task>
-    <task id="LOCAL-00024" summary="gnore">
-      <created>1626511144371</created>
-      <option name="number" value="00024" />
-      <option name="presentableId" value="LOCAL-00024" />
-      <option name="project" value="LOCAL" />
-      <updated>1626511144371</updated>
-    </task>
-    <task id="LOCAL-00025" summary="标注信息从shape中移到area">
-      <created>1627457365420</created>
-      <option name="number" value="00025" />
-      <option name="presentableId" value="LOCAL-00025" />
-      <option name="project" value="LOCAL" />
-      <updated>1627457365420</updated>
-    </task>
-    <task id="LOCAL-00026" summary="2.0.15">
-      <created>1627457761721</created>
-      <option name="number" value="00026" />
-      <option name="presentableId" value="LOCAL-00026" />
-      <option name="project" value="LOCAL" />
-      <updated>1627457761721</updated>
-    </task>
-    <task id="LOCAL-00027" summary="优化代码结构">
-      <created>1630487596681</created>
-      <option name="number" value="00027" />
-      <option name="presentableId" value="LOCAL-00027" />
-      <option name="project" value="LOCAL" />
-      <updated>1630487596681</updated>
-    </task>
-    <task id="LOCAL-00028" summary="2.0.16">
-      <created>1630487867246</created>
-      <option name="number" value="00028" />
-      <option name="presentableId" value="LOCAL-00028" />
-      <option name="project" value="LOCAL" />
-      <updated>1630487867246</updated>
-    </task>
-    <task id="LOCAL-00029" summary="优化Curve标注，增加是否是闭合曲线参数">
-      <created>1631607168244</created>
-      <option name="number" value="00029" />
-      <option name="presentableId" value="LOCAL-00029" />
-      <option name="project" value="LOCAL" />
-      <updated>1631607168244</updated>
-    </task>
-    <task id="LOCAL-00030" summary="优化Curve标注，增加组合">
-      <created>1631623386433</created>
-      <option name="number" value="00030" />
-      <option name="presentableId" value="LOCAL-00030" />
-      <option name="project" value="LOCAL" />
-      <updated>1631623386433</updated>
-    </task>
-    <task id="LOCAL-00031" summary="组合标注增加ellipse和rect">
-      <created>1631694555711</created>
-      <option name="number" value="00031" />
-      <option name="presentableId" value="LOCAL-00031" />
-      <option name="project" value="LOCAL" />
-      <updated>1631694555711</updated>
-    </task>
-    <task id="LOCAL-00032" summary="2.0.17">
-      <created>1631694823499</created>
-      <option name="number" value="00032" />
-      <option name="presentableId" value="LOCAL-00032" />
-      <option name="project" value="LOCAL" />
-      <updated>1631694823499</updated>
+      <workItem from="1657179405990" duration="3012000" />
+      <workItem from="1657274457584" duration="684000" />
+      <workItem from="1657366256057" duration="578000" />
+      <workItem from="1657519907711" duration="2848000" />
+      <workItem from="1657527397247" duration="15173000" />
+      <workItem from="1657587519037" duration="20026000" />
     </task>
     <task id="LOCAL-00033" summary="标签优化">
       <created>1631756759803</created>
@@ -631,7 +540,105 @@
       <option name="project" value="LOCAL" />
       <updated>1657181784906</updated>
     </task>
-    <option name="localTasksCounter" value="68" />
+    <task id="LOCAL-00068" summary="绘制起点提示">
+      <created>1657182306689</created>
+      <option name="number" value="00068" />
+      <option name="presentableId" value="LOCAL-00068" />
+      <option name="project" value="LOCAL" />
+      <updated>1657182306689</updated>
+    </task>
+    <task id="LOCAL-00069" summary="曲线双击结束绘制">
+      <created>1657532017463</created>
+      <option name="number" value="00069" />
+      <option name="presentableId" value="LOCAL-00069" />
+      <option name="project" value="LOCAL" />
+      <updated>1657532017464</updated>
+    </task>
+    <task id="LOCAL-00070" summary="标注时增加右键拖动视野">
+      <created>1657537220254</created>
+      <option name="number" value="00070" />
+      <option name="presentableId" value="LOCAL-00070" />
+      <option name="project" value="LOCAL" />
+      <updated>1657537220255</updated>
+    </task>
+    <task id="LOCAL-00071" summary="曲线绘制中，按删除键，删除上一个标注点">
+      <created>1657538768786</created>
+      <option name="number" value="00071" />
+      <option name="presentableId" value="LOCAL-00071" />
+      <option name="project" value="LOCAL" />
+      <updated>1657538768786</updated>
+    </task>
+    <task id="LOCAL-00072" summary="优化点击操作">
+      <created>1657539785588</created>
+      <option name="number" value="00072" />
+      <option name="presentableId" value="LOCAL-00072" />
+      <option name="project" value="LOCAL" />
+      <updated>1657539785589</updated>
+    </task>
+    <task id="LOCAL-00073" summary="enableDbClickClose">
+      <created>1657539900044</created>
+      <option name="number" value="00073" />
+      <option name="presentableId" value="LOCAL-00073" />
+      <option name="project" value="LOCAL" />
+      <updated>1657539900044</updated>
+    </task>
+    <task id="LOCAL-00074" summary="2.1.20">
+      <created>1657539914133</created>
+      <option name="number" value="00074" />
+      <option name="presentableId" value="LOCAL-00074" />
+      <option name="project" value="LOCAL" />
+      <updated>1657539914133</updated>
+    </task>
+    <task id="LOCAL-00075" summary="view.js">
+      <created>1657540107150</created>
+      <option name="number" value="00075" />
+      <option name="presentableId" value="LOCAL-00075" />
+      <option name="project" value="LOCAL" />
+      <updated>1657540107150</updated>
+    </task>
+    <task id="LOCAL-00076" summary="优化选中点">
+      <created>1657588323251</created>
+      <option name="number" value="00076" />
+      <option name="presentableId" value="LOCAL-00076" />
+      <option name="project" value="LOCAL" />
+      <updated>1657588323252</updated>
+    </task>
+    <task id="LOCAL-00077" summary="优化标注图形显示，一次最多绘制5000个点，超过的标注延迟加载">
+      <created>1657592781786</created>
+      <option name="number" value="00077" />
+      <option name="presentableId" value="LOCAL-00077" />
+      <option name="project" value="LOCAL" />
+      <updated>1657592781786</updated>
+    </task>
+    <task id="LOCAL-00078" summary="键盘事件更新，delete可删除曲线标注点，双击可添加曲线标注点">
+      <created>1657607397044</created>
+      <option name="number" value="00078" />
+      <option name="presentableId" value="LOCAL-00078" />
+      <option name="project" value="LOCAL" />
+      <updated>1657607397044</updated>
+    </task>
+    <task id="LOCAL-00079" summary="2.20.0">
+      <created>1657607434015</created>
+      <option name="number" value="00079" />
+      <option name="presentableId" value="LOCAL-00079" />
+      <option name="project" value="LOCAL" />
+      <updated>1657607434015</updated>
+    </task>
+    <task id="LOCAL-00080" summary="2.2.0">
+      <created>1657607449348</created>
+      <option name="number" value="00080" />
+      <option name="presentableId" value="LOCAL-00080" />
+      <option name="project" value="LOCAL" />
+      <updated>1657607449348</updated>
+    </task>
+    <task id="LOCAL-00081" summary="加载速度优化">
+      <created>1657612318446</created>
+      <option name="number" value="00081" />
+      <option name="presentableId" value="LOCAL-00081" />
+      <option name="project" value="LOCAL" />
+      <updated>1657612318447</updated>
+    </task>
+    <option name="localTasksCounter" value="82" />
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">
@@ -673,20 +680,6 @@
   <component name="VcsManagerConfiguration">
     <option name="CHECK_CODE_SMELLS_BEFORE_PROJECT_COMMIT" value="false" />
     <option name="LOCAL_CHANGES_DETAILS_PREVIEW_SHOWN" value="false" />
-    <MESSAGE value="2.1.4" />
-    <MESSAGE value="navigator 获取元素方式修改" />
-    <MESSAGE value="chrome 49版本兼容" />
-    <MESSAGE value="刻度线显示异常" />
-    <MESSAGE value="优化，增加部分注释" />
-    <MESSAGE value="2.1.8" />
-    <MESSAGE value="TerserPlugin" />
-    <MESSAGE value="2.1.9" />
-    <MESSAGE value="增加图像处理操作" />
-    <MESSAGE value="2.1.10" />
-    <MESSAGE value="2.1.11 截图优化" />
-    <MESSAGE value="2.1.12 导出OpenSeadragon" />
-    <MESSAGE value="重写绘制逻辑" />
-    <MESSAGE value="package.json" />
     <MESSAGE value="组合框异常" />
     <MESSAGE value="2.1.14" />
     <MESSAGE value="闭合区域" />
@@ -698,7 +691,21 @@
     <MESSAGE value="2.1.18" />
     <MESSAGE value="增加曲线开始点显示" />
     <MESSAGE value="2.1.19" />
-    <option name="LAST_COMMIT_MESSAGE" value="2.1.19" />
+    <MESSAGE value="绘制起点提示" />
+    <MESSAGE value="曲线双击结束绘制" />
+    <MESSAGE value="标注时增加右键拖动视野" />
+    <MESSAGE value="曲线绘制中，按删除键，删除上一个标注点" />
+    <MESSAGE value="优化点击操作" />
+    <MESSAGE value="enableDbClickClose" />
+    <MESSAGE value="2.1.20" />
+    <MESSAGE value="view.js" />
+    <MESSAGE value="优化选中点" />
+    <MESSAGE value="优化标注图形显示，一次最多绘制5000个点，超过的标注延迟加载" />
+    <MESSAGE value="键盘事件更新，delete可删除曲线标注点，双击可添加曲线标注点" />
+    <MESSAGE value="2.20.0" />
+    <MESSAGE value="2.2.0" />
+    <MESSAGE value="加载速度优化" />
+    <option name="LAST_COMMIT_MESSAGE" value="加载速度优化" />
     <option name="REFORMAT_BEFORE_PROJECT_COMMIT" value="true" />
   </component>
   <component name="XSLT-Support.FileAssociations.UIState">

package/example/index.js

@@ -1,5 +1,6 @@
 import {KfbView, hslToRgb, rgbToHsl, cacheGammaTable} from '../src';
 import axios from 'axios';
+import {EVENT_DB_CLICK_LABEL} from '../src/const/event';
 
 const fileName = '/upload/large_file/last/2022/04/26/d31a31bf1ae5b73fca63f72e2affc879/胃镜1.kfb';
 
@@ -216,7 +217,6 @@ instance.get(`/slide/info?file=${fileName}`).then(({data}) => {
       resize: false,
       move: false,
       fillStyle: '#ff00ff8d',
-      isClose: true,
     });
   };
   line.onclick = () => {
@@ -266,14 +266,15 @@ instance.get(`/slide/info?file=${fileName}`).then(({data}) => {
     kv.board.startDraw({
       tool: KfbView.marks.POLYGON,
       once: true,
-      showStartPoint: true,
+      isClose: false,
+      enableDbClickClose: true,
     });
   };
   curve1.onclick = () => {
     kv.board.startDraw({
       tool: KfbView.marks.POLYGON,
       once: true,
-      fillStyle: '#ff00ff8d',
+      enableDbClickClose: true,
     });
   };
   /* kv.viewer.addHandler('tile-loaded', (e) => {
@@ -289,14 +290,20 @@ instance.get(`/slide/info?file=${fileName}`).then(({data}) => {
     // kv.board.endDraw();
   });
   kv.$on(KfbView.events.EVENT_DELETE_LABEL, (e) => {
-    console.log(e.detail);
+    console.log('EVENT_DELETE_LABEL', e.detail);
     // kv.board.endDraw();
   });
   kv.$on(KfbView.events.EVENT_SELECT_LABEL, (e) => {
     // kv.board.endDraw();
+    console.log('EVENT_SELECT_LABEL', e.detail);
   });
   kv.$on(KfbView.events.EVENT_CANCEL_SELECT_LABEL, (e) => {
     // kv.board.endDraw();
+    console.log(e.detail);
+  });
+  kv.$on(KfbView.events.EVENT_DB_CLICK_LABEL, (e) => {
+    // kv.board.endDraw();
+    console.log('EVENT_DB_CLICK_LABEL', e.detail);
   });
   const {width, height} = kv.$options;
   kv.$on(KfbView.events.EVENT_TAILORING_SCREENSHOT, (e) => {
@@ -317,18 +324,20 @@ instance.get(`/slide/info?file=${fileName}`).then(({data}) => {
 
   function initLabels() {
     const labels = [];
-    for (let i = 0; i < 10000; i++) {
+    const colors = ['#027AFF', '#f56c6c'];
+    for (let i = 0; i < 50000; i++) {
       const point = {
-        x: data.width / 2 + Math.random() * 10000,
-        y: data.height / 2 + Math.random() * 10000,
+        x: Math.random() * data.width,
+        y: Math.random() * data.height,
       };
       const label = {
         // fillStyle: 'rgba(2, 122, 255, 1)',
         lineWidth: 6,
         points: [point, point],
         scale: 0.1,
-        strokeStyle: '#027AFF',
+        strokeStyle: Math.random() > .5 ? colors[0] : colors[1],
         tool: 'Dot',
+        move: false,
       };
       labels.push(label);
     }