kfb-view 2.3.9 → 2.4.0

package/.idea/workspace.xml

@@ -41,6 +41,8 @@
       <change beforePath="$PROJECT_DIR$/example/index.js" beforeDir="false" afterPath="$PROJECT_DIR$/example/index.js" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/package.json" beforeDir="false" afterPath="$PROJECT_DIR$/package.json" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/src/components/shape/index.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/shape/index.js" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/const/mark.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/const/mark.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" />
@@ -380,7 +382,10 @@
       <workItem from="1669545429121" duration="449000" />
       <workItem from="1669940971680" duration="1305000" />
       <workItem from="1669965653573" duration="2149000" />
-      <workItem from="1671419756098" duration="338000" />
+      <workItem from="1671419756098" duration="2398000" />
+      <workItem from="1671437015276" duration="591000" />
+      <workItem from="1671501857160" duration="90000" />
+      <workItem from="1671751607914" duration="8964000" />
     </task>
     <task id="LOCAL-00067" summary="2.1.19">
       <created>1657181784906</created>

package/config/webpack.dev.conf.js

@@ -66,7 +66,8 @@ module.exports = function() {
           // target: 'http://gastric.label.hzztai.com/',
           // target: 'http://192.168.1.91:7007',
           // target: 'http://192.168.1.91',
-          target: 'http://192.168.1.22',
+          // target: 'http://192.168.1.22',
+          target: 'https://vai.hzztai.com',
           // target: 'https://tct.hzztai.com',
           //  target: 'https://pis-ningbo.hzztai.com',
           // target: 'https://pis-test.hzztai.com',

package/example/index.js

@@ -76,7 +76,7 @@ instance.get(`/process/info?file=${fileName}`).then(({data}) => {
     },
     pxConversion: {
       unit: 'um',
-      imageCapRes: data.imageCapRes,
+      imageCapRes: data.imageCapRes || 1,
     },
     grid: {
       show: false,
@@ -273,7 +273,7 @@ instance.get(`/process/info?file=${fileName}`).then(({data}) => {
   kv.viewer.addHandler('zoom', (res) => {
     const zoom = kv.viewer.viewport.viewportToImageZoom(res.zoom) *
       kv.$options.scale;
-    console.log(zoom.toFixed(2) / 1);
+    // console.log(zoom.toFixed(2) / 1);
   });
   console.log(kv);
   let list = [];
@@ -412,67 +412,36 @@ instance.get(`/process/info?file=${fileName}`).then(({data}) => {
     }, 6000);
   }, 6000);
 
-  // initLabels();
+  initLabels();
 
   function initLabels() {
     const labels = [];
-    const colors = ['#027AFF', '#f56c6c'];
-    for (let i = 0; i < 50000; i++) {
+    const colors = ['#027AFF', '#f56c6c', '#11ff6c', '#f56cff', '#11ffff'];
+    for (let i = 0; i < 10000; i++) {
       const point = {
         x: Math.random() * data.width,
         y: Math.random() * data.height,
       };
+      const point1 = {
+        x: point.x + Math.random() * 1000,
+        y: point.y + Math.random() * 1000,
+      };
       const label = {
         // fillStyle: 'rgba(2, 122, 255, 1)',
-        lineWidth: 6,
-        points: [point, point],
+        lineWidth: 2,
+        points: [point, point1],
         scale: 0.1,
-        strokeStyle: Math.random() > .5 ? colors[0] : colors[1],
-        tool: 'Dot',
-        move: false,
+        strokeStyle: colors[(Math.random() * colors.length) >> 0],
+        tool: 'Rectangle',
+        move: true,
+        resize: true,
       };
       labels.push(label);
     }
     kv.initLabelList(labels);
   }
 
-  instance.get(
-    `/image_annotation?file=${fileName}&slide_label_id=38749&user_id=27`).
-    then(({data}) => {
-      data = data.data;
-      const labelRegionList = [];
-      (data || []).filter(item => item.id && item.region.width > 0).
-        forEach(item => {
-          const subClass = item.sub_class || item.subClass;
-          const is_ai = !!item.score || subClass === 'ROI' && !item.user_name; // 通过分数来判断是否是AI识别标注
-          const r = {
-            ...item,
-            tool: (item.type || item.tool) === 'Spline' ?
-              'Polygon' :
-              (item.type || item.tool),
-            strokeStyle: item.strokeStyle || `#${item.color.toString(16).
-              slice(2)}${item.color.toString(16).slice(0, 2)}`,
-            measure: true,
-            sub_class: subClass,
-            isROI: subClass === 'ROI',
-            isClose: item.isClose || item.is_close,
-            lineWidth: item.lineWidth || item.width,
-            text: item.text || item.description,
-            is_ai,
-            ai_sub_class: is_ai ? (item.ai_sub_class ?? item.sub_class) : '',
-            ai_points: is_ai ? (item.ai_points ?? item.points) : '',
-            ai_region: is_ai ? (item.ai_region ?? item.region) : '',
-          };
-          r.content = (kv.area.getMeasureContent(r)?.texts || []).slice(1, -1);
-          labelRegionList.push({
-            ...r,
-          });
-        });
-      console.time('initLabelList');
-      kv.initLabelList(labelRegionList.filter(({deleted_at}) => !deleted_at));
-      console.timeEnd('initLabelList');
-    });
-  document.querySelector('#reDraw').addEventListener('click', () => {
+  /*
     instance.get(
       `/image_annotation?file=${fileName}&slide_label_id=38749&user_id=27`).
       then(({data}) => {
@@ -500,8 +469,7 @@ instance.get(`/process/info?file=${fileName}`).then(({data}) => {
               ai_points: is_ai ? (item.ai_points ?? item.points) : '',
               ai_region: is_ai ? (item.ai_region ?? item.region) : '',
             };
-            r.content = (kv.area.getMeasureContent(r)?.texts || []).slice(1,
-              -1);
+            r.content = (kv.area.getMeasureContent(r)?.texts || []).slice(1, -1);
             labelRegionList.push({
               ...r,
             });
@@ -510,7 +478,45 @@ instance.get(`/process/info?file=${fileName}`).then(({data}) => {
         kv.initLabelList(labelRegionList.filter(({deleted_at}) => !deleted_at));
         console.timeEnd('initLabelList');
       });
-  });
+    document.querySelector('#reDraw').addEventListener('click', () => {
+      instance.get(
+        `/image_annotation?file=${fileName}&slide_label_id=38749&user_id=27`).
+        then(({data}) => {
+          data = data.data;
+          const labelRegionList = [];
+          (data || []).filter(item => item.id && item.region.width > 0).
+            forEach(item => {
+              const subClass = item.sub_class || item.subClass;
+              const is_ai = !!item.score || subClass === 'ROI' && !item.user_name; // 通过分数来判断是否是AI识别标注
+              const r = {
+                ...item,
+                tool: (item.type || item.tool) === 'Spline' ?
+                  'Polygon' :
+                  (item.type || item.tool),
+                strokeStyle: item.strokeStyle || `#${item.color.toString(16).
+                  slice(2)}${item.color.toString(16).slice(0, 2)}`,
+                measure: true,
+                sub_class: subClass,
+                isROI: subClass === 'ROI',
+                isClose: item.isClose || item.is_close,
+                lineWidth: item.lineWidth || item.width,
+                text: item.text || item.description,
+                is_ai,
+                ai_sub_class: is_ai ? (item.ai_sub_class ?? item.sub_class) : '',
+                ai_points: is_ai ? (item.ai_points ?? item.points) : '',
+                ai_region: is_ai ? (item.ai_region ?? item.region) : '',
+              };
+              r.content = (kv.area.getMeasureContent(r)?.texts || []).slice(1,
+                -1);
+              labelRegionList.push({
+                ...r,
+              });
+            });
+          console.time('initLabelList');
+          kv.initLabelList(labelRegionList.filter(({deleted_at}) => !deleted_at));
+          console.timeEnd('initLabelList');
+        });
+    });*/
 });
 
 /**