kfb-view 2.2.1 → 2.2.2

package/.idea/workspace.xml

@@ -36,9 +36,7 @@
     </select>
   </component>
   <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" />
-    </list>
+    <list default="true" id="55024232-8108-4dc9-9bd3-0fd2aa2f34f8" name="Default Changelist" comment="" />
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
     <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
@@ -73,21 +71,21 @@
     <option name="hideEmptyMiddlePackages" value="true" />
     <option name="showLibraryContents" value="true" />
   </component>
-  <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 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>
+}</component>
   <component name="RecentsManager">
     <key name="CopyFile.RECENT_KEYS">
       <recent name="$PROJECT_DIR$/src/image" />
@@ -293,35 +291,13 @@
       <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>
-      <option name="number" value="00033" />
-      <option name="presentableId" value="LOCAL-00033" />
-      <option name="project" value="LOCAL" />
-      <updated>1631756759803</updated>
-    </task>
-    <task id="LOCAL-00034" summary="标签优化">
-      <created>1631757323462</created>
-      <option name="number" value="00034" />
-      <option name="presentableId" value="LOCAL-00034" />
-      <option name="project" value="LOCAL" />
-      <updated>1631757323462</updated>
-    </task>
-    <task id="LOCAL-00035" summary="2.1.1">
-      <created>1631758578474</created>
-      <option name="number" value="00035" />
-      <option name="presentableId" value="LOCAL-00035" />
-      <option name="project" value="LOCAL" />
-      <updated>1631758578474</updated>
-    </task>
-    <task id="LOCAL-00036" summary="eslint">
-      <created>1631760254126</created>
-      <option name="number" value="00036" />
-      <option name="presentableId" value="LOCAL-00036" />
-      <option name="project" value="LOCAL" />
-      <updated>1631760254126</updated>
+      <workItem from="1657587519037" duration="20593000" />
+      <workItem from="1657785384118" duration="336000" />
+      <workItem from="1658133724686" duration="5036000" />
+      <workItem from="1658365477621" duration="2695000" />
+      <workItem from="1658371298489" duration="3932000" />
+      <workItem from="1658393509298" duration="2844000" />
+      <workItem from="1658398367362" duration="819000" />
     </task>
     <task id="LOCAL-00037" summary="Curve is obsolete. Please use polygon instead">
       <created>1631760521355</created>
@@ -638,7 +614,35 @@
       <option name="project" value="LOCAL" />
       <updated>1657612318447</updated>
     </task>
-    <option name="localTasksCounter" value="82" />
+    <task id="LOCAL-00082" summary="2.2.1">
+      <created>1657612343466</created>
+      <option name="number" value="00082" />
+      <option name="presentableId" value="LOCAL-00082" />
+      <option name="project" value="LOCAL" />
+      <updated>1657612343466</updated>
+    </task>
+    <task id="LOCAL-00083" summary="index.js">
+      <created>1657785699795</created>
+      <option name="number" value="00083" />
+      <option name="presentableId" value="LOCAL-00083" />
+      <option name="project" value="LOCAL" />
+      <updated>1657785699797</updated>
+    </task>
+    <task id="LOCAL-00084" summary="导航轨迹显示">
+      <created>1658394875542</created>
+      <option name="number" value="00084" />
+      <option name="presentableId" value="LOCAL-00084" />
+      <option name="project" value="LOCAL" />
+      <updated>1658394875543</updated>
+    </task>
+    <task id="LOCAL-00085" summary="刻度线显示">
+      <created>1658398987159</created>
+      <option name="number" value="00085" />
+      <option name="presentableId" value="LOCAL-00085" />
+      <option name="project" value="LOCAL" />
+      <updated>1658398987163</updated>
+    </task>
+    <option name="localTasksCounter" value="86" />
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">
@@ -680,10 +684,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="2.1.14" />
-    <MESSAGE value="闭合区域" />
-    <MESSAGE value="2.1.15" />
     <MESSAGE value="闭合曲线" />
     <MESSAGE value="2.1.16" />
     <MESSAGE value="优化加载速度" />
@@ -705,7 +705,11 @@
     <MESSAGE value="2.20.0" />
     <MESSAGE value="2.2.0" />
     <MESSAGE value="加载速度优化" />
-    <option name="LAST_COMMIT_MESSAGE" value="加载速度优化" />
+    <MESSAGE value="2.2.1" />
+    <MESSAGE value="index.js" />
+    <MESSAGE value="导航轨迹显示" />
+    <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

@@ -40,16 +40,20 @@ instance.get(`/slide/info?file=${fileName}`).then(({data}) => {
       ROI: false,
     },
     graduation: {
-      right: 30,
+      left: 30,
+      bottom: 10,
     },
     navigator: {
       disabled: false,
-      height: 200,
       style: 'right: 0;top: 0',
       thumbnail: `/api/slide/getImage?file=${fileName}&type=thumbnail`,
-      vestige: true,
+      scale: data.scanScale,
       vestigeZoom: .1,
     },
+    pxConversion: {
+      unit: 'um',
+      imageCapRes: data.imageCapRes,
+    },
     openSeadragonOptions: {
       maxZoomLevel: data.scanScale * 10,
       // imageLoaderLimit: 1,
@@ -182,6 +186,11 @@ instance.get(`/slide/info?file=${fileName}`).then(({data}) => {
   /* kv.board.startDraw({
      tool: KfbView.marks.POLYGON,
    });*/
+  kv.viewer.addHandler('zoom', (res) => {
+    const zoom = kv.viewer.viewport.viewportToImageZoom(res.zoom) *
+      kv.$options.scale;
+    // console.log(zoom.toFixed(2) / 1);
+  });
   console.log(kv);
   let list = [];
   document.querySelector('#a').onchange = debounce(changeRange, 500);
@@ -320,7 +329,8 @@ instance.get(`/slide/info?file=${fileName}`).then(({data}) => {
   setTimeout(() => {
     // kv.destroy();
   }, 6000);
-  initLabels();
+
+  // initLabels();
 
   function initLabels() {
     const labels = [];