kfb-view 2.2.7 → 2.2.9

package/.idea/workspace.xml

@@ -38,7 +38,8 @@
   <component name="ChangeListManager">
     <list default="true" id="55024232-8108-4dc9-9bd3-0fd2aa2f34f8" name="Default Changelist" comment="">
       <change beforePath="$PROJECT_DIR$/package.json" beforeDir="false" afterPath="$PROJECT_DIR$/package.json" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/tool/Image.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/tool/Image.js" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/components/area/index.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/area/index.js" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/view.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/view.js" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -74,21 +75,22 @@
     <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;ts.external.directory.path&quot;: &quot;/opt/WebStorm/plugins/JavaScriptLanguage/jsLanguageServicesImpl/external&quot;,
-    &quot;vue.rearranger.settings.migration&quot;: &quot;true&quot;
+  <component name="PropertiesComponent"><![CDATA[{
+  "keyToString": {
+    "DefaultHtmlFileTemplate": "HTML File",
+    "Project.color": "4c401d",
+    "WebServerToolWindowFactoryState": "false",
+    "dart.analysis.tool.window.visible": "false",
+    "last_opened_file_path": "/home/fanqifeng/WebstormProjects/kfb-view",
+    "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$/example" />
@@ -105,7 +107,7 @@
       <recent name="$PROJECT_DIR$/src/tool" />
     </key>
   </component>
-  <component name="RunManager" selected="npm.build:lib">
+  <component name="RunManager" selected="npm.server:hot">
     <configuration name="build:lib" type="js.build_tools.npm" temporary="true" nameIsGenerated="true">
       <package-json value="$PROJECT_DIR$/package.json" />
       <command value="run" />
@@ -168,8 +170,8 @@
     </list>
     <recent_temporary>
       <list>
-        <item itemvalue="npm.build:lib" />
         <item itemvalue="npm.server:hot" />
+        <item itemvalue="npm.build:lib" />
         <item itemvalue="npm.clean:lib" />
         <item itemvalue="npm.server" />
         <item itemvalue="npm.build:prod" />
@@ -317,29 +319,26 @@
       <workItem from="1659952433819" duration="4309000" />
       <workItem from="1660003953397" duration="1603000" />
       <workItem from="1660273781421" duration="1360000" />
-      <workItem from="1660291265906" duration="619000" />
-      <workItem from="1660292148490" duration="530000" />
-    </task>
-    <task id="LOCAL-00046" summary="优化，增加部分注释">
-      <created>1646292963908</created>
-      <option name="number" value="00046" />
-      <option name="presentableId" value="LOCAL-00046" />
-      <option name="project" value="LOCAL" />
-      <updated>1646292963908</updated>
-    </task>
-    <task id="LOCAL-00047" summary="2.1.8">
-      <created>1646292978431</created>
-      <option name="number" value="00047" />
-      <option name="presentableId" value="LOCAL-00047" />
-      <option name="project" value="LOCAL" />
-      <updated>1646292978431</updated>
-    </task>
-    <task id="LOCAL-00048" summary="TerserPlugin">
-      <created>1646293408931</created>
-      <option name="number" value="00048" />
-      <option name="presentableId" value="LOCAL-00048" />
-      <option name="project" value="LOCAL" />
-      <updated>1646293408931</updated>
+      <workItem from="1660291265906" duration="622000" />
+      <workItem from="1660354678944" duration="1028000" />
+      <workItem from="1660372146258" duration="2000" />
+      <workItem from="1660524325887" duration="6231000" />
+      <workItem from="1660544268877" duration="1196000" />
+      <workItem from="1660559304089" duration="596000" />
+      <workItem from="1660609864291" duration="1272000" />
+      <workItem from="1660618324918" duration="598000" />
+      <workItem from="1660644014789" duration="599000" />
+      <workItem from="1660695374925" duration="593000" />
+      <workItem from="1660702683815" duration="681000" />
+      <workItem from="1660887408534" duration="1827000" />
+      <workItem from="1660892708510" duration="599000" />
+      <workItem from="1661049918925" duration="597000" />
+      <workItem from="1661073417704" duration="594000" />
+      <workItem from="1661133652371" duration="599000" />
+      <workItem from="1661147230248" duration="648000" />
+      <workItem from="1661304066625" duration="1482000" />
+      <workItem from="1661307403631" duration="1194000" />
+      <workItem from="1663305397647" duration="5412000" />
     </task>
     <task id="LOCAL-00049" summary="2.1.9">
       <created>1646293508969</created>
@@ -656,14 +655,35 @@
       <option name="project" value="LOCAL" />
       <updated>1659956059809</updated>
     </task>
-    <task id="LOCAL-00094" summary="2.2.6">
-      <created>1660292382085</created>
+    <task id="LOCAL-00094" summary="2.2.8">
+      <created>1660529152942</created>
       <option name="number" value="00094" />
       <option name="presentableId" value="LOCAL-00094" />
       <option name="project" value="LOCAL" />
-      <updated>1660292382086</updated>
+      <updated>1660529152943</updated>
+    </task>
+    <task id="LOCAL-00095" summary="优化标注信息显示">
+      <created>1663307741209</created>
+      <option name="number" value="00095" />
+      <option name="presentableId" value="LOCAL-00095" />
+      <option name="project" value="LOCAL" />
+      <updated>1663307741209</updated>
+    </task>
+    <task id="LOCAL-00096" summary="标注事件回调">
+      <created>1663310530025</created>
+      <option name="number" value="00096" />
+      <option name="presentableId" value="LOCAL-00096" />
+      <option name="project" value="LOCAL" />
+      <updated>1663310530025</updated>
+    </task>
+    <task id="LOCAL-00097" summary="2.2.9">
+      <created>1663310718298</created>
+      <option name="number" value="00097" />
+      <option name="presentableId" value="LOCAL-00097" />
+      <option name="project" value="LOCAL" />
+      <updated>1663310718298</updated>
     </task>
-    <option name="localTasksCounter" value="95" />
+    <option name="localTasksCounter" value="98" />
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">
@@ -705,9 +725,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="标注时增加右键拖动视野" />
-    <MESSAGE value="曲线绘制中，按删除键，删除上一个标注点" />
-    <MESSAGE value="优化点击操作" />
     <MESSAGE value="enableDbClickClose" />
     <MESSAGE value="2.1.20" />
     <MESSAGE value="view.js" />
@@ -729,8 +746,11 @@
     <MESSAGE value="触发限制优化" />
     <MESSAGE value="增加图片绘制" />
     <MESSAGE value="2.2.5" />
-    <MESSAGE value="2.2.6" />
-    <option name="LAST_COMMIT_MESSAGE" value="2.2.6" />
+    <MESSAGE value="2.2.8" />
+    <MESSAGE value="优化标注信息显示" />
+    <MESSAGE value="标注事件回调" />
+    <MESSAGE value="2.2.9" />
+    <option name="LAST_COMMIT_MESSAGE" value="2.2.9" />
     <option name="REFORMAT_BEFORE_PROJECT_COMMIT" value="true" />
   </component>
   <component name="XSLT-Support.FileAssociations.UIState">

package/example/index.js

@@ -2,7 +2,7 @@ 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/06/22/3625ce6de8197c7315ce9e05b4ef233b/IHC.kfb';
+const fileName = '/upload/large_file/last/2022/09/07/fb6f566d15cc52331e3c4f3e1794a748/T2020-00935.kfb';
 
 const instance = axios.create({
   baseURL: '/api',
@@ -55,8 +55,8 @@ instance.get(`/slide/info?file=${fileName}`).then(({data}) => {
       imageCapRes: data.imageCapRes,
     },
     grid: {
-      show: true,
-      ruler: true,
+      show: false,
+      ruler: false,
     },
     openSeadragonOptions: {
       maxZoomLevel: data.scanScale * 10,
@@ -187,9 +187,22 @@ instance.get(`/slide/info?file=${fileName}`).then(({data}) => {
       );
     },
     measure: {
-      handler(content, label) {
+      selectHandler(content, label) {
         return [...content];
       },
+      handler(content, label) {
+        return ['标注类别：ASC-HS'];
+      },
+      show: true,
+    },
+    labelDrawing(canvas, label, region) {
+      /* console.log(label, region);
+       const ctx = canvas.getContext('2d');
+       ctx.beginPath();
+       ctx.lineWidth = 2;
+       ctx.moveTo(region.x, region.y);
+       ctx.lineTo(region.x-10, region.y);
+       ctx.stroke();*/
     },
     labelList: [
       {