kfb-view 2.0.17 → 2.1.7

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" />
@@ -101,35 +99,35 @@
     </key>
   </component>
   <component name="RunManager" selected="npm.build:lib">
-    <configuration name="build:dev" type="js.build_tools.npm" temporary="true" nameIsGenerated="true">
+    <configuration name="build:lib" type="js.build_tools.npm" temporary="true" nameIsGenerated="true">
       <package-json value="$PROJECT_DIR$/package.json" />
       <command value="run" />
       <scripts>
-        <script value="build:dev" />
+        <script value="build:lib" />
       </scripts>
       <node-interpreter value="project" />
+      <package-manager value="npm" />
       <envs />
       <method v="2" />
     </configuration>
-    <configuration name="build:lib" type="js.build_tools.npm" temporary="true" nameIsGenerated="true">
+    <configuration name="build:prod" type="js.build_tools.npm" temporary="true" nameIsGenerated="true">
       <package-json value="$PROJECT_DIR$/package.json" />
       <command value="run" />
       <scripts>
-        <script value="build:lib" />
+        <script value="build:prod" />
       </scripts>
       <node-interpreter value="project" />
       <package-manager value="npm" />
       <envs />
       <method v="2" />
     </configuration>
-    <configuration name="build:prod" type="js.build_tools.npm" temporary="true" nameIsGenerated="true">
+    <configuration name="lint" type="js.build_tools.npm" temporary="true" nameIsGenerated="true">
       <package-json value="$PROJECT_DIR$/package.json" />
       <command value="run" />
       <scripts>
-        <script value="build:prod" />
+        <script value="lint" />
       </scripts>
       <node-interpreter value="project" />
-      <package-manager value="npm" />
       <envs />
       <method v="2" />
     </configuration>
@@ -156,19 +154,19 @@
       <method v="2" />
     </configuration>
     <list>
-      <item itemvalue="npm.build:dev" />
       <item itemvalue="npm.server:dev" />
       <item itemvalue="npm.server:hot" />
       <item itemvalue="npm.build:lib" />
       <item itemvalue="npm.build:prod" />
+      <item itemvalue="npm.lint" />
     </list>
     <recent_temporary>
       <list>
         <item itemvalue="npm.build:lib" />
-        <item itemvalue="npm.server:dev" />
         <item itemvalue="npm.server:hot" />
+        <item itemvalue="npm.lint" />
         <item itemvalue="npm.build:prod" />
-        <item itemvalue="npm.build:dev" />
+        <item itemvalue="npm.server:dev" />
       </list>
     </recent_temporary>
   </component>
@@ -231,7 +229,21 @@
       <workItem from="1630585626678" duration="1572000" />
       <workItem from="1631256025694" duration="2632000" />
       <workItem from="1631343012139" duration="12587000" />
-      <workItem from="1631665536248" duration="9139000" />
+      <workItem from="1631665536248" duration="9947000" />
+      <workItem from="1631751049128" duration="15257000" />
+      <workItem from="1632269649302" duration="15644000" />
+      <workItem from="1632442983325" duration="942000" />
+      <workItem from="1632452605749" duration="612000" />
+      <workItem from="1632615323445" duration="735000" />
+      <workItem from="1632701267211" duration="2657000" />
+      <workItem from="1632902494154" duration="1200000" />
+      <workItem from="1632988331348" duration="597000" />
+      <workItem from="1633433313520" duration="532000" />
+      <workItem from="1633434001653" duration="14000" />
+      <workItem from="1634268135304" duration="1276000" />
+      <workItem from="1634344422400" duration="3753000" />
+      <workItem from="1634435147345" duration="2072000" />
+      <workItem from="1634438173344" duration="675000" />
     </task>
     <task id="LOCAL-00001" summary="2.0.0重构">
       <created>1600767106537</created>
@@ -450,7 +462,105 @@
       <option name="project" value="LOCAL" />
       <updated>1631694555711</updated>
     </task>
-    <option name="localTasksCounter" value="32" />
+    <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>
+    </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>
+    </task>
+    <task id="LOCAL-00037" summary="Curve is obsolete. Please use polygon instead">
+      <created>1631760521355</created>
+      <option name="number" value="00037" />
+      <option name="presentableId" value="LOCAL-00037" />
+      <option name="project" value="LOCAL" />
+      <updated>1631760521355</updated>
+    </task>
+    <task id="LOCAL-00038" summary="优化调整">
+      <created>1632362091089</created>
+      <option name="number" value="00038" />
+      <option name="presentableId" value="LOCAL-00038" />
+      <option name="project" value="LOCAL" />
+      <updated>1632362091089</updated>
+    </task>
+    <task id="LOCAL-00039" summary="2.1.2">
+      <created>1632362102053</created>
+      <option name="number" value="00039" />
+      <option name="presentableId" value="LOCAL-00039" />
+      <option name="project" value="LOCAL" />
+      <updated>1632362102053</updated>
+    </task>
+    <task id="LOCAL-00040" summary="修复navigator中图片宽高一致时不显示">
+      <created>1632364163945</created>
+      <option name="number" value="00040" />
+      <option name="presentableId" value="LOCAL-00040" />
+      <option name="project" value="LOCAL" />
+      <updated>1632364163945</updated>
+    </task>
+    <task id="LOCAL-00041" summary="2.1.3">
+      <created>1632364173513</created>
+      <option name="number" value="00041" />
+      <option name="presentableId" value="LOCAL-00041" />
+      <option name="project" value="LOCAL" />
+      <updated>1632364173513</updated>
+    </task>
+    <task id="LOCAL-00042" summary="2.1.4">
+      <created>1632364377230</created>
+      <option name="number" value="00042" />
+      <option name="presentableId" value="LOCAL-00042" />
+      <option name="project" value="LOCAL" />
+      <updated>1632364377230</updated>
+    </task>
+    <task id="LOCAL-00043" summary="navigator 获取元素方式修改">
+      <created>1632379605009</created>
+      <option name="number" value="00043" />
+      <option name="presentableId" value="LOCAL-00043" />
+      <option name="project" value="LOCAL" />
+      <updated>1632379605009</updated>
+    </task>
+    <task id="LOCAL-00044" summary="chrome 49版本兼容">
+      <created>1634268789961</created>
+      <option name="number" value="00044" />
+      <option name="presentableId" value="LOCAL-00044" />
+      <option name="project" value="LOCAL" />
+      <updated>1634268789961</updated>
+    </task>
+    <task id="LOCAL-00045" summary="刻度线显示异常">
+      <created>1634437932304</created>
+      <option name="number" value="00045" />
+      <option name="presentableId" value="LOCAL-00045" />
+      <option name="project" value="LOCAL" />
+      <updated>1634437932304</updated>
+    </task>
+    <option name="localTasksCounter" value="46" />
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">
@@ -493,19 +603,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="area组件重构完成" />
-    <MESSAGE value="area完善" />
-    <MESSAGE value="增加label.model" />
-    <MESSAGE value="细节完善" />
-    <MESSAGE value="修改" />
-    <MESSAGE value="增加DOT方法" />
-    <MESSAGE value="dot缩放" />
-    <MESSAGE value="键盘事件" />
-    <MESSAGE value="绘制实心点空心点" />
-    <MESSAGE value="2.0.6" />
-    <MESSAGE value="2.0.7" />
-    <MESSAGE value="2.0.8单个标注允许拖动" />
-    <MESSAGE value="2.0.9单个标注允许移动和调整大小" />
     <MESSAGE value="2.0.10缩略图" />
     <MESSAGE value="2.0.11截图优化" />
     <MESSAGE value="2.0.12增加lib打包" />
@@ -518,7 +615,20 @@
     <MESSAGE value="优化Curve标注，增加是否是闭合曲线参数" />
     <MESSAGE value="优化Curve标注，增加组合" />
     <MESSAGE value="组合标注增加ellipse和rect" />
-    <option name="LAST_COMMIT_MESSAGE" value="组合标注增加ellipse和rect" />
+    <MESSAGE value="2.0.17" />
+    <MESSAGE value="标签优化" />
+    <MESSAGE value="2.1.1" />
+    <MESSAGE value="eslint" />
+    <MESSAGE value="Curve is obsolete. Please use polygon instead" />
+    <MESSAGE value="优化调整" />
+    <MESSAGE value="2.1.2" />
+    <MESSAGE value="修复navigator中图片宽高一致时不显示" />
+    <MESSAGE value="2.1.3" />
+    <MESSAGE value="2.1.4" />
+    <MESSAGE value="navigator 获取元素方式修改" />
+    <MESSAGE value="chrome 49版本兼容" />
+    <MESSAGE value="刻度线显示异常" />
+    <option name="LAST_COMMIT_MESSAGE" value="刻度线显示异常" />
     <option name="REFORMAT_BEFORE_PROJECT_COMMIT" value="true" />
   </component>
   <component name="WindowStateProjectService">
@@ -526,34 +636,40 @@
       <screen x="0" y="27" width="2560" height="1348" />
     </state>
     <state x="738" y="358" width="1084" height="756" key="#com.intellij.execution.impl.EditConfigurationsDialog/0.27.2560.1348@0.27.2560.1348" timestamp="1626252602840" />
-    <state x="1106" y="264" width="920" height="1030" key="CommitChangelistDialog2" timestamp="1631694555646">
-      <screen x="0" y="27" width="2560" height="1348" />
+    <state x="804" y="176" width="937" height="804" key="CommitChangelistDialog2" timestamp="1634437932051">
+      <screen x="0" y="27" width="1861" height="1052" />
     </state>
-    <state x="1106" y="264" width="920" height="1030" key="CommitChangelistDialog2/0.27.2560.1348@0.27.2560.1348" timestamp="1631694555646" />
-    <state x="100" y="125" width="2360" height="1150" key="DiffContextDialog" timestamp="1631689866188">
+    <state x="804" y="176" width="937" height="804" key="CommitChangelistDialog2/0.27.1861.1052@0.27.1861.1052" timestamp="1634437932051" />
+    <state x="1106" y="264" width="920" height="1030" key="CommitChangelistDialog2/0.27.2560.1348@0.27.2560.1348" timestamp="1632379604925" />
+    <state x="233" y="564" width="2360" height="1150" key="DiffContextDialog" timestamp="1632379478129">
       <screen x="0" y="27" width="2560" height="1348" />
     </state>
-    <state x="100" y="125" width="2360" height="1150" key="DiffContextDialog/0.27.2560.1348@0.27.2560.1348" timestamp="1631689866188" />
-    <state x="1063" y="458" width="424" height="484" key="FileChooserDialogImpl" timestamp="1630485689567">
-      <screen x="0" y="27" width="2560" height="1348" />
+    <state x="233" y="564" width="2360" height="1150" key="DiffContextDialog/0.27.2560.1348@0.27.2560.1348" timestamp="1632379478129" />
+    <state x="1595" y="688" width="424" height="484" key="FileChooserDialogImpl" timestamp="1632743649599">
+      <screen x="0" y="27" width="3840" height="2068" />
     </state>
     <state x="1063" y="458" width="424" height="484" key="FileChooserDialogImpl/0.27.2560.1348@0.27.2560.1348" timestamp="1630485689567" />
-    <state width="2533" height="281" key="GridCell.Tab.0.bottom" timestamp="1631689852426">
-      <screen x="0" y="27" width="2560" height="1348" />
+    <state x="1595" y="688" key="FileChooserDialogImpl/0.27.3840.2068@0.27.3840.2068" timestamp="1632743649599" />
+    <state width="1834" height="301" key="GridCell.Tab.0.bottom" timestamp="1634436647542">
+      <screen x="0" y="27" width="1861" height="1052" />
     </state>
-    <state width="2533" height="281" key="GridCell.Tab.0.bottom/0.27.2560.1348@0.27.2560.1348" timestamp="1631689852426" />
-    <state width="2533" height="281" key="GridCell.Tab.0.center" timestamp="1631689852424">
-      <screen x="0" y="27" width="2560" height="1348" />
+    <state width="1834" height="301" key="GridCell.Tab.0.bottom/0.27.1861.1052@0.27.1861.1052" timestamp="1634436647542" />
+    <state width="2533" height="408" key="GridCell.Tab.0.bottom/0.27.2560.1348@0.27.2560.1348" timestamp="1632382458365" />
+    <state width="1834" height="301" key="GridCell.Tab.0.center" timestamp="1634436647540">
+      <screen x="0" y="27" width="1861" height="1052" />
     </state>
-    <state width="2533" height="281" key="GridCell.Tab.0.center/0.27.2560.1348@0.27.2560.1348" timestamp="1631689852424" />
-    <state width="2533" height="281" key="GridCell.Tab.0.left" timestamp="1631689852423">
-      <screen x="0" y="27" width="2560" height="1348" />
+    <state width="1834" height="301" key="GridCell.Tab.0.center/0.27.1861.1052@0.27.1861.1052" timestamp="1634436647540" />
+    <state width="2533" height="408" key="GridCell.Tab.0.center/0.27.2560.1348@0.27.2560.1348" timestamp="1632382458362" />
+    <state width="1834" height="301" key="GridCell.Tab.0.left" timestamp="1634436647539">
+      <screen x="0" y="27" width="1861" height="1052" />
     </state>
-    <state width="2533" height="281" key="GridCell.Tab.0.left/0.27.2560.1348@0.27.2560.1348" timestamp="1631689852423" />
-    <state width="2533" height="281" key="GridCell.Tab.0.right" timestamp="1631689852425">
-      <screen x="0" y="27" width="2560" height="1348" />
+    <state width="1834" height="301" key="GridCell.Tab.0.left/0.27.1861.1052@0.27.1861.1052" timestamp="1634436647539" />
+    <state width="2533" height="408" key="GridCell.Tab.0.left/0.27.2560.1348@0.27.2560.1348" timestamp="1632382458361" />
+    <state width="1834" height="301" key="GridCell.Tab.0.right" timestamp="1634436647541">
+      <screen x="0" y="27" width="1861" height="1052" />
     </state>
-    <state width="2533" height="281" key="GridCell.Tab.0.right/0.27.2560.1348@0.27.2560.1348" timestamp="1631689852425" />
+    <state width="1834" height="301" key="GridCell.Tab.0.right/0.27.1861.1052@0.27.1861.1052" timestamp="1634436647541" />
+    <state width="2533" height="408" key="GridCell.Tab.0.right/0.27.2560.1348@0.27.2560.1348" timestamp="1632382458364" />
     <state width="2533" height="457" key="GridCell.Tab.1.bottom" timestamp="1626673542669">
       <screen x="0" y="27" width="2560" height="1348" />
     </state>
@@ -606,13 +722,19 @@
       <screen x="0" y="27" width="2560" height="1348" />
     </state>
     <state x="1031" y="327" width="487" height="745" key="RollbackChangesDialog/0.27.2560.1348@0.27.2560.1348" timestamp="1630460804017" />
-    <state x="875" y="434" width="800" height="531" key="Vcs.Push.Dialog.v2" timestamp="1631623398486">
+    <state x="1122" y="606" width="306" height="187" key="VCS.ChangelistChooser" timestamp="1631757307782">
       <screen x="0" y="27" width="2560" height="1348" />
     </state>
-    <state x="875" y="434" width="800" height="531" key="Vcs.Push.Dialog.v2/0.27.2560.1348@0.27.2560.1348" timestamp="1631623398486" />
-    <state x="971" y="387" width="617" height="626" key="find.popup" timestamp="1631693859462">
-      <screen x="0" y="27" width="2560" height="1348" />
+    <state x="1122" y="606" width="306" height="187" key="VCS.ChangelistChooser/0.27.2560.1348@0.27.2560.1348" timestamp="1631757307782" />
+    <state x="636" y="327" width="800" height="531" key="Vcs.Push.Dialog.v2" timestamp="1634268799005">
+      <screen x="0" y="27" width="1861" height="1052" />
+    </state>
+    <state x="636" y="327" key="Vcs.Push.Dialog.v2/0.27.1861.1052@0.27.1861.1052" timestamp="1634268799005" />
+    <state x="875" y="434" width="800" height="531" key="Vcs.Push.Dialog.v2/0.27.2560.1348@0.27.2560.1348" timestamp="1632364390828" />
+    <state x="704" y="306" width="839" height="626" key="find.popup" timestamp="1634435934505">
+      <screen x="0" y="27" width="1861" height="1052" />
     </state>
-    <state x="971" y="387" width="617" height="626" key="find.popup/0.27.2560.1348@0.27.2560.1348" timestamp="1631693859462" />
+    <state x="704" y="306" width="839" height="626" key="find.popup/0.27.1861.1052@0.27.1861.1052" timestamp="1634435934505" />
+    <state x="969" y="384" width="1154" height="626" key="find.popup/0.27.2560.1348@0.27.2560.1348" timestamp="1632379533248" />
   </component>
 </project>

package/config/webpack.dev.conf.js

@@ -63,10 +63,11 @@ module.exports = function() {
       proxy: [
         {
           context: ['/api', '/image.php', '/process.php'],
-          target: 'http://gastric.label.hzztai.com/',
+          // target: 'http://gastric.label.hzztai.com/',
           // target: 'http://192.168.1.91:7007',
           // target: 'http://192.168.1.112',
           // target: 'https://tct.hzztai.com',
+          target: 'https://pis-ningbo.hzztai.com',
           secure: false,
           changeOrigin: true,
         },

package/example/index.js

@@ -1,15 +1,15 @@
 import {KfbView, cacheGammaTable, hslToRgb, rgbToHsl} from '../src';
 import axios from 'axios';
 
-const fileName = 'hzzt_test/batch2/low/2017-29213_胃窦_A1-1.kfb';
+const fileName = '/upload/large_file/last/fb6f566d15cc52331e3c4f3e1794a748/T2020-00935.kfb';
 
 const instance = axios.create({
   baseURL: '/api',
   timeout: 1000,
-  headers: {'Authorization': 'bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJodHRwOi8vMTkyLjE2OC4xLjkxOjcwMDcvYXBpL2F1dGgvbG9naW4iLCJpYXQiOjE2MDI3Mjg4NzEsImV4cCI6MTYwMjczMjQ3MSwibmJmIjoxNjAyNzI4ODcxLCJqdGkiOiJOQTJacnpmckduSVN2M0YzIiwic3ViIjoxLCJwcnYiOiJmNjRkNDhhNmNlYzdiZGZhN2ZiZjg5OTQ1NGI0ODhiM2U0NjI1MjBhIn0.8kVRTqSA8GVaxETlHmg-L-VjJF3JvYSJL3fEepwtwX0'},
+  headers: {'Authorization': 'bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJodHRwczpcL1wvcGlzLW5pbmdiby5oenp0YWkuY29tXC9hcGlcL2F1dGhcL2xvZ2luIiwiaWF0IjoxNjMyMzYxNjQxLCJleHAiOjE2MzI5NjY0NDEsIm5iZiI6MTYzMjM2MTY0MSwianRpIjoidGlGYzBMcTRMRjQxMDNzNCIsInN1YiI6NjQsInBydiI6Ijg3ZTBhZjFlZjlmZDE1ODEyZmRlYzk3MTUzYTE0ZTBiMDQ3NTQ2YWEifQ.lwwW8vublDPm-zSbQzeY3HabRN3O0Ud7CzxF4gnlVRo'},
 });
 
-instance.get(`/slice/info?file=${fileName}`).then(({data}) => {
+instance.get(`/ai/kfb/info?file=${fileName}`).then(({data}) => {
   let params = {};
   params.file = fileName;
   const kv = new KfbView({
@@ -27,7 +27,7 @@ instance.get(`/slice/info?file=${fileName}`).then(({data}) => {
       disabled: false,
       height: 200,
       style: 'right: 0;top: 0',
-      thumbnail: `/api/slice/get_image?file=${fileName}&type=thumbnail`,
+      thumbnail: `/api/ai/kfb/image?file=${fileName}&type=thumbnail`,
       vestige: true,
       vestigeZoom: .1,
     },
@@ -149,7 +149,7 @@ instance.get(`/slice/info?file=${fileName}`).then(({data}) => {
     },
   });
   /* kv.board.startDraw({
-     tool: KfbView.marks.CURVE,
+     tool: KfbView.marks.POLYGON,
    });*/
   console.log(kv);
   let list = [];
@@ -170,7 +170,7 @@ instance.get(`/slice/info?file=${fileName}`).then(({data}) => {
   const star = document.querySelector('#star');
   const line = document.querySelector('#line');
   const ellipse = document.querySelector('#ellipse');
-  const curve = document.querySelector('#curve');
+  const polygon = document.querySelector('#polygon');
   const curve1 = document.querySelector('#curve1');
 
   rect.onclick = () => {
@@ -191,7 +191,7 @@ instance.get(`/slice/info?file=${fileName}`).then(({data}) => {
     kv.board.startDraw({
       tool: KfbView.marks.ELLIPSE,
       // isROI: true,
-      fillStyle: '#0000ff8d',
+      // fillStyle: '#0000ff8d',
       once: true,
     });
   };
@@ -223,15 +223,15 @@ instance.get(`/slice/info?file=${fileName}`).then(({data}) => {
       once: true,
     });
   };
-  curve.onclick = () => {
+  polygon.onclick = () => {
     kv.board.startDraw({
-      tool: KfbView.marks.CURVE,
+      tool: KfbView.marks.POLYGON,
       once: true,
     });
   };
   curve1.onclick = () => {
     kv.board.startDraw({
-      tool: KfbView.marks.CURVE,
+      tool: KfbView.marks.POLYGON,
       once: true,
       fillStyle: '#ff00ff8d',
     });
@@ -245,7 +245,7 @@ instance.get(`/slice/info?file=${fileName}`).then(({data}) => {
   kv.$on(KfbView.events.EVENT_END_PAINTING, (e) => {
     console.log(e.detail);
     list.push(e.detail);
-    kv.updateLabelList(list);
+    kv.initLabelList(list);
     // kv.board.endDraw();
   });
   kv.$on(KfbView.events.EVENT_DELETE_LABEL, (e) => {
@@ -270,6 +270,9 @@ instance.get(`/slice/info?file=${fileName}`).then(({data}) => {
     kv.$on(KfbView.events.EVENT_TAILORING_SCREENSHOT, (e) => {
       console.log(e.detail);
     });*/
+  setTimeout(() => {
+    // kv.destroy();
+  }, 6000);
 });
 
 /**

package/example/style/index.css

@@ -9,15 +9,6 @@ body, div, span, header, footer, nav, section, aside, article, ul, dl, dt, dd, l
   -webkit-font-smoothing: antialiased;
 }
 
-#hzzt_navigator {
-  position: absolute;
-  z-index: 999;
-}
-
-#hzzt_container {
-  position: relative;
-}
-
 .rotation-container {
   color: #FDFDFD;
   font-size: 14px;