kfb-view 3.0.7 → 3.0.9

package/example/index.js

@@ -1,546 +0,0 @@
-import {KfbView, hslToRgb, rgbToHsl, cacheGammaTable} from '../src';
-import axios from 'axios';
-import {EVENT_DB_CLICK_LABEL} from '../src/const/event';
-import {regionToPoint} from '../lib/kfb-view';
-import checkSvg from './label/check.svg';
-import checkEmptySvg from './label/check_empty.svg';
-import crossSvg from './label/cross.svg';
-import crossEmptySvg from './label/cross_empty.svg';
-import deleteSvg from './label/delete.svg';
-import deleteEmptySvg from './label/delete_empty.svg';
-import hasAuditSvg from './label/hasAudit.svg';
-
-const checkImg = new Image();
-checkImg.src = checkSvg;
-const checkEmptyImg = new Image();
-checkEmptyImg.src = checkEmptySvg;
-const crossImg = new Image();
-crossImg.src = crossSvg;
-const crossEmptyImg = new Image();
-crossEmptyImg.src = crossEmptySvg;
-const deleteImg = new Image();
-deleteImg.src = deleteSvg;
-const deleteEmptyImg = new Image();
-deleteEmptyImg.src = deleteEmptySvg;
-const hasAuditImg = new Image();
-hasAuditImg.src = hasAuditSvg;
-
-const fileName = '/data/ftp/950/22/slides/B20230069032023-03-12_16_41_56.kfb';
-
-const instance = axios.create({
-  baseURL: '/api',
-  timeout: 1000,
-  headers: {'Authorization': 'bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJodHRwOi8vMTkyLjE2OC4xLjIyL2FwaS9hdXRoL2xvZ2luIiwiaWF0IjoxNjY3NjE2OTIyLCJleHAiOjE2Njc2NTUzMjIsIm5iZiI6MTY2NzYxNjkyMiwianRpIjoiMDl4SEZMdlpHUlliVExlQyIsInN1YiI6MjcsInBydiI6IjIzYmQ1Yzg5NDlmNjAwYWRiMzllNzAxYzQwMDg3MmRiN2E1OTc2ZjcifQ.buNwEIsNSqo1-wH8zEaRyjauIVKOXmjJfjaa1-g9l_k'},
-});
-
-let cacheImage = {};
-
-const debounce = (func, delay) => {
-  let timer;
-  return function(...args) {
-    if (timer) {
-      clearTimeout(timer);
-    }
-    timer = setTimeout(() => {
-      // eslint-disable-next-line no-invalid-this,babel/no-invalid-this
-      func.apply(this, args);
-    }, delay);
-  };
-};
-
-instance.get(`/common/kfb/info?file=${fileName}`).then(({data}) => {
-  let params = {};
-  params.file = fileName;
-  data = data.data;
-  const kv = new KfbView({
-    el: '#app',
-    fileName,
-    scale: data.scanScale,
-    area: {
-      disabled: false,
-      drag: true,
-    },
-    board: {
-      ROI: false,
-    },
-    graduation: {
-      show: true,
-      left: 30,
-      bottom: 10,
-    },
-    navigator: {
-      disabled: false,
-      style: 'right: 0;top: 0',
-      thumbnail: `/api/slide/getImage?file=${fileName}&type=thumbnail`,
-      scale: data.scanScale,
-    },
-    pxConversion: {
-      unit: 'um',
-      imageCapRes: data.imageCapRes || 1,
-    },
-    grid: {
-      show: false,
-      ruler: false,
-    },
-    openSeadragonOptions: {
-      maxZoomLevel: data.scanScale * 10,
-      // imageLoaderLimit: 1,
-      animationTime: 0,
-      pixelsPerArrowPress: 120,
-      tileSources: {
-        height: data.height,
-        width: data.width,
-        tileSize: 256,
-        minLevel: 10,
-        getTileUrl(level, x, y) {
-          params.x = x;
-          params.y = y;
-          // temp workaround, need to fix hzztImageOperation library for return fileNum @gikidy
-          let maxLen = Math.max(data.width, data.height);
-          if (Math.pow(2, data.fileNum - 1) === maxLen) {
-            data.fileNum--;
-          }
-          if (data.fileNum === level) {
-            level = data.scanScale;
-            params.scale = level.toFixed(6);
-          } else {
-            level = data.scanScale / Math.pow(2, data.fileNum - level);
-            params.scale = level.toFixed(6);
-            level = data.ratiomap[level.toFixed(6)];
-            if (level === undefined) {
-              level = 0;
-            }
-          }
-          params.level = level;
-          return `/image.php?${encodeQueryData(params)}`;
-        },
-      },
-    },
-    tileDrawing(e) {
-      const {
-        context,
-        rendered,
-        sourceWidth,
-        sourceHeight,
-        position,
-        size,
-        initRendered,
-        tile,
-      } = e;
-      let rangeA = document.querySelector('#a').value / 1;
-      let rangeS = document.querySelector('#s').value / 1;
-      let rangeL = document.querySelector('#l').value / 1;
-      let rangeR = document.querySelector('#r').value / 1;
-      let rangeG = document.querySelector('#g').value / 1;
-      let rangeB = document.querySelector('#b').value / 1;
-      if (rangeB === 0 && rangeA === 1 && rangeS === 0 && rangeL === 0 &&
-        rangeR === 0 && rangeG === 0) {
-        context.drawImage(
-          initRendered.canvas,
-          0,
-          0,
-          sourceWidth,
-          sourceHeight,
-          position.x,
-          position.y,
-          size.x,
-          size.y,
-        );
-        return;
-      }
-      const url = tile.getUrl();
-      if (!cacheImage[url]) {
-        const sourceLength = sourceWidth * sourceHeight;
-        const canvas = rendered.canvas;
-        let imageData = initRendered.getImageData(0, 0, canvas.width,
-          canvas.height);
-        for (let i = 0; i < sourceLength; i++) {
-          let r = imageData.data[i * 4 + 0];
-          let g = imageData.data[i * 4 + 1];
-          let b = imageData.data[i * 4 + 2];
-          if (rangeR !== 0) {
-            r = r * (1 + rangeR);
-            r = r > 255 ? 255 : r;
-          }
-          if (rangeG !== 0) {
-            g = g * (1 + rangeG);
-            g = g > 255 ? 255 : g;
-          }
-          if (rangeB !== 0) {
-            b = b * (1 + rangeB);
-            b = b > 255 ? 255 : b;
-          }
-          if (rangeS !== 0) {
-            let {h, s, l} = rgbToHsl(r, g, b);
-            const rgb = hslToRgb(h, s * (1 + rangeS), l);
-            r = rgb.r;
-            g = rgb.g;
-            b = rgb.b;
-          }
-          if (rangeL !== 0) {
-            let {h, s, l} = rgbToHsl(r, g, b);
-            const rgb = hslToRgb(h, s, l * (1 + rangeL));
-            r = rgb.r;
-            g = rgb.g;
-            b = rgb.b;
-          }
-          if (rangeA !== 1) {
-            r = cacheGammaTable[rangeA][r >> 0];
-            g = cacheGammaTable[rangeA][g >> 0];
-            b = cacheGammaTable[rangeA][b >> 0];
-          }
-          if (r > 255 || g > 255 || b > 255) {
-            console.log(r, g, b);
-          }
-          imageData.data[i * 4 + 0] = r;
-          imageData.data[i * 4 + 1] = g;
-          imageData.data[i * 4 + 2] = b;
-        }
-        rendered.putImageData(imageData, 0, 0);
-        cacheImage[url] = canvas;
-      }
-      context.drawImage(
-        cacheImage[url],
-        0,
-        0,
-        sourceWidth,
-        sourceHeight,
-        position.x,
-        position.y,
-        size.x,
-        size.y,
-      );
-    },
-    measure: {
-      defaultShow: true,
-      scale: 9.99,
-      handler: (content, label) => {
-        return [`类型：${label.__data__?.sub_class || '未知'}`];
-      },
-      selectHandler: (content, label) => {
-        return [
-          `类型：${label.__data__?.sub_class || '未知'}`,
-          ...content,
-          `标注人：${label.__data__?.user_name || '未知'}`];
-      },
-    },
-    labelDrawing: (canvas, label, region) => {
-      const ctx = canvas.getContext('2d');
-      ctx.beginPath();
-      const determine = label?.__data__?.determine;
-      if (label.region.width < 0) {
-        region.y = region.y + region.height;
-      }
-      if (label.region.height < 0) {
-        region.y = region.y - region.height;
-      }
-      if (!determine) {
-        ctx.drawImage(checkEmptyImg, region.x + 5, region.y + region.height + 5,
-          20, 20);
-        ctx.drawImage(crossEmptyImg, region.x + 30,
-          region.y + region.height + 5, 20, 20);
-        ctx.drawImage(deleteEmptyImg, region.x + 55,
-          region.y + region.height + 5, 20, 20);
-      } else if (determine === 1) {
-        ctx.drawImage(checkImg, region.x + 5, region.y + region.height + 5, 20,
-          20);
-        ctx.drawImage(crossEmptyImg, region.x + 30,
-          region.y + region.height + 5, 20, 20);
-        ctx.drawImage(deleteEmptyImg, region.x + 55,
-          region.y + region.height + 5, 20, 20);
-        ctx.drawImage(hasAuditImg, region.x - 23, region.y - 15, 46, 35);
-      } else if (determine === 2) {
-        ctx.drawImage(checkEmptyImg, region.x + 5, region.y + region.height + 5,
-          20, 20);
-        ctx.drawImage(crossImg, region.x + 30, region.y + region.height + 5, 20,
-          20);
-        ctx.drawImage(deleteEmptyImg, region.x + 55,
-          region.y + region.height + 5, 20, 20);
-        ctx.drawImage(hasAuditImg, region.x - 23, region.y - 15, 46, 35);
-      } else if (determine === 3) {
-        ctx.drawImage(checkEmptyImg, region.x + 5, region.y + region.height + 5,
-          20, 20);
-        ctx.drawImage(crossEmptyImg, region.x + 30,
-          region.y + region.height + 5, 20, 20);
-        ctx.drawImage(deleteImg, region.x + 55, region.y + region.height + 5,
-          20, 20);
-        ctx.drawImage(hasAuditImg, region.x - 23, region.y - 15, 46, 35);
-      }
-    },
-  });
-  /* 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);
-  document.querySelector('#s').onchange = debounce(changeRange, 500);
-  document.querySelector('#l').onchange = debounce(changeRange, 500);
-  document.querySelector('#r').onchange = debounce(changeRange, 500);
-  document.querySelector('#g').onchange = debounce(changeRange, 500);
-  document.querySelector('#b').onchange = debounce(changeRange, 500);
-
-  // eslint-disable-next-line no-unused-vars
-  function changeRange() {
-    cacheImage = {};
-    kv.viewer.forceRedraw();
-  }
-
-  const rect = document.querySelector('#rect');
-  const dot = document.querySelector('#dot');
-  const font = document.querySelector('#font');
-  const flag = document.querySelector('#flag');
-  const star = document.querySelector('#star');
-  const line = document.querySelector('#line');
-  const ellipse = document.querySelector('#ellipse');
-  const polygon = document.querySelector('#polygon');
-  const curve1 = document.querySelector('#curve1');
-
-  rect.onclick = () => {
-    kv.board.startDraw({
-      tool: KfbView.marks.RECTANGLE,
-      isROI: false,
-      measure: true,
-    });
-  };
-  line.onclick = () => {
-    kv.board.startDraw({
-      tool: KfbView.marks.LINE,
-      once: true,
-    });
-  };
-
-  ellipse.onclick = () => {
-    kv.board.startDraw({
-      tool: KfbView.marks.ELLIPSE,
-      // isROI: true,
-      // fillStyle: '#0000ff8d',
-      once: true,
-    });
-  };
-
-  dot.onclick = () => {
-    kv.board.startDraw({
-      tool: KfbView.marks.DOT,
-      lineWidth: 10,
-      once: true,
-    });
-  };
-  font.onclick = () => {
-    kv.board.startDraw({
-      tool: KfbView.marks.FONT,
-      fontSize: 40,
-      text: '测试文字',
-      once: true,
-    });
-  };
-  flag.onclick = () => {
-    kv.board.startDraw({
-      tool: KfbView.marks.FLAG,
-      once: true,
-    });
-  };
-  star.onclick = () => {
-    kv.board.startDraw({
-      tool: KfbView.marks.STAR,
-      once: true,
-    });
-  };
-  polygon.onclick = () => {
-    kv.board.startDraw({
-      tool: KfbView.marks.POLYGON,
-      once: true,
-      isClose: false,
-      enableDbClickClose: true,
-    });
-  };
-  curve1.onclick = () => {
-    kv.board.startDraw({
-      tool: KfbView.marks.POLYGON,
-      once: true,
-      enableDbClickClose: true,
-    });
-  };
-  /* kv.viewer.addHandler('tile-loaded', (e) => {
-      console.log(e);
-    });
-    kv.viewer.addHandler('update-level', (e) => {
-      console.log(e);
-    });*/
-  kv.$on(KfbView.events.EVENT_END_PAINTING, (e) => {
-    console.time('appendLabelList');
-    kv.appendLabelList([e.detail]);
-    console.timeEnd('appendLabelList');
-    // kv.board.endDraw();
-  });
-  kv.$on(KfbView.events.EVENT_DELETE_LABEL, (e) => {
-    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) => {
-    console.log(e.detail);
-  });
-  /*  kv.tailoring.init(
-      {
-        left: width / 2 - 100,
-        top: height / 2 - 100,
-        height: 200,
-        width: 200,
-        color: '#F00',
-      });*/
-  setTimeout(() => {
-    // kv.destroy();
-    setTimeout(() => {
-      // kv.destroy();
-    }, 6000);
-  }, 6000);
-
-  // initLabels();
-
-  function initLabels() {
-    const labels = [];
-    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: 2,
-        points: [point, point1],
-        scale: 0.1,
-        strokeStyle: colors[(Math.random() * colors.length) >> 0],
-        tool: 'Rectangle',
-        move: true,
-        resize: true,
-      };
-      labels.push(label);
-    }
-    kv.initLabelList(labels);
-  }
-
-  document.querySelector('#reDraw').addEventListener('click', () => {
-    document.querySelector('#a').value = 1;
-    document.querySelector('#s').value = 0;
-    document.querySelector('#l').value = 0;
-    document.querySelector('#r').value = 0;
-    document.querySelector('#g').value = 0;
-    document.querySelector('#b').value = 0;
-    kv.viewer.forceRedraw();
-  });
-
-  /*
-    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}) => {
-          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');
-        });
-    });*/
-});
-
-/**
- * 解析参数，生成对应的请求参数字符串
- * @param {Object} data
- * @return {string}
- */
-function encodeQueryData(data) {
-  const ret = [];
-  for (const d in data) {
-    if (Object.prototype.hasOwnProperty.call(data, d)) {
-      ret.push(encodeURIComponent(d) + '=' + encodeURIComponent(data[d]));
-    }
-  }
-  return ret.join('&');
-}

package/example/label/check.svg

@@ -1,8 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
-  "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg t="1663313807126" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7312"
-     xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200">
-  <path
-    d="M506.0096 16.49664C228.71552 16.49664 3.92704 241.27488 3.92704 518.57408c0 277.2736 224.78848 502.07232 502.07232 502.07232s502.07232-224.79872 502.07232-502.07232c0-277.2992-224.78848-502.07744-502.0672-502.07744z m269.12256 369.54112l-312.40704 312.40192a33.4592 33.4592 0 0 1-47.32928 0l-156.20096-156.20096a33.46432 33.46432 0 0 1 0-47.32928 33.46944 33.46944 0 0 1 47.3344 0l132.53632 132.5312 288.73216-288.73728a33.46944 33.46944 0 1 1 47.3344 47.3344z m0 0"
-    fill="#67C23A" p-id="7313"></path>
-</svg>

package/example/label/check_empty.svg

@@ -1,9 +0,0 @@
-<svg t="1663314387498" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
-     p-id="11052" width="200" height="200">
-  <path
-    d="M512 0a512 512 0 1 0 512 512A512 512 0 0 0 512 0z m0 955.733A443.733 443.733 0 1 1 955.733 512 443.733 443.733 0 0 1 512 955.733z"
-    p-id="11053" fill="#67C23A"></path>
-  <path
-    d="M753.323 318.805L439.637 632.491l-168.96-168.619A34.133 34.133 0 1 0 222.208 512l193.195 193.195a34.133 34.133 0 0 0 48.128 0l337.92-337.92a34.133 34.133 0 1 0-48.128-48.128z"
-    p-id="11054" fill="#67C23A"></path>
-</svg>

package/example/label/cross.svg

@@ -1,6 +0,0 @@
-<svg t="1663314014710" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8897"
-     width="200" height="200">
-  <path
-    d="M512 32C251.4285715625 32 32 251.4285715625 32 512s219.4285715625 480 480 480 480-219.4285715625 480-480-219.4285715625-480-480-480z m205.7142853125 617.142856875c20.5714284375 20.5714284375 20.5714284375 48 0 61.714286249999994-20.5714284375 20.5714284375-48 20.5714284375-61.714285312499996 0l-137.142856875-137.1428578125L374.857143125 717.7142853125c-20.5714284375 20.5714284375-48 20.5714284375-68.5714284375 0s-20.5714284375-54.857143125 0-68.5714284375l144-144-137.1428578125-137.142856875c-20.5714284375-13.714285312500001-20.5714284375-41.142856875 0-61.714285312499996 20.5714284375-20.5714284375 48-20.5714284375 61.714286249999994 0l137.142856875 137.142856875 144-144c20.5714284375-20.5714284375 48-20.5714284375 68.5714284375 0 20.5714284375 20.5714284375 20.5714284375 48 0 68.5714284375L580.5714284375 512l137.142856875 137.142856875z"
-    fill="#F56C6C" p-id="8898"></path>
-</svg>

package/example/label/cross_empty.svg

@@ -1,6 +0,0 @@
-<svg t="1663313981454" class="icon" viewBox="0 0 1035 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8704"
-     width="200" height="200">
-  <path
-    d="M972.550494 326.095636c-24.872645-58.823304-60.482966-111.631728-105.828482-156.977244-45.345516-45.345516-98.15394-80.944698-156.977244-105.828482-60.917374-25.763738-125.599617-38.829396-192.253405-38.829396S386.155332 37.526172 325.22682 63.28991c-58.812166 24.872645-111.631728 60.482966-156.977244 105.828482s-80.944698 98.15394-105.828482 156.977244c-25.763738 60.917374-38.829396 125.599617-38.829396 192.253405s13.065657 131.336031 38.829396 192.264543c24.872645 58.812166 60.482966 111.631728 105.828482 156.977244s98.15394 80.944698 156.977244 105.828482c60.917374 25.763738 125.599617 38.829396 192.264543 38.829396s131.336031-13.065657 192.253405-38.829396c58.823304-24.872645 111.631728-60.482966 156.977244-105.828482 45.345516-45.345516 80.944698-98.15394 105.828482-156.977244 25.763738-60.917374 38.829396-125.599617 38.829395-192.264543s-13.065657-131.336031-38.829395-192.253405zM517.491363 923.139364c-223.196624 0-404.779185-181.582561-404.779184-404.779185s181.571422-404.790323 404.779184-404.790323 404.779185 181.582561 404.779185 404.779185-181.582561 404.779185-404.779185 404.779184z m218.62977-560.40865L580.491668 518.360179l155.629465 155.629466c17.398599 17.398599 17.398599 45.612844 0 63.011443-8.699299 8.699299-20.105295 13.054519-31.500152 13.054518s-22.800853-4.355219-31.500153-13.054518L517.491363 581.371623 361.861898 737.001088c-8.699299 8.699299-20.105295 13.054519-31.500152 13.054518s-22.800853-4.355219-31.500153-13.054518c-17.398599-17.398599-17.398599-45.612844 0-63.011443l155.629466-155.629466-155.629466-155.629465c-17.398599-17.398599-17.398599-45.612844 0-63.011443s45.612844-17.398599 63.011444 0L517.502502 455.348736l155.629465-155.629465c17.398599-17.398599 45.612844-17.398599 63.011443 0s17.398599 45.612844 0 63.011443z"
-    p-id="8705" fill="#F56C6C"></path>
-</svg>

package/example/label/delete.svg

@@ -1,8 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
-  "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg t="1663318752356" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
-     p-id="12242" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200">
-  <path
-    d="M895.464448 119.006208 677.967872 119.006208c0 0-32.8448 1.020928-58.648576-26.943488-10.395648-12.050432-27.804672-23.795712-56.4224-24.799232l-41.183232 0-6.280192 0-41.182208 0c-28.618752 1.004544-46.031872 12.749824-56.4224 24.799232-25.807872 27.964416-58.6496 26.943488-58.6496 26.943488L141.682688 119.006208c-13.99296 0-25.33888 11.34592-25.33888 25.33888l0 93.090816c-0.053248 26.927104 26.083328 26.396672 26.083328 26.396672l49.83808 0L192.265216 913.65376c0 0-3.966976 44.084224 40.121344 46.45888l269.31712 0 33.738752 0 30.808064 0.238592 38.500352 0 174.934016 0 24.297472 0 0.782336-0.238592c44.080128-2.374656 40.117248-46.45888 40.117248-46.45888L844.88192 263.832576l49.842176 0c0 0 26.133504 0.530432 26.083328-26.396672l0-93.090816C920.8064 130.353152 909.46048 119.006208 895.464448 119.006208zM430.539776 803.171328c0 17.042432-13.828096 30.865408-30.865408 30.865408-17.042432 0-30.865408-13.824-30.865408-30.865408L368.80896 320.736256c0-17.042432 13.824-30.865408 30.865408-30.865408 17.038336 0 30.865408 13.824 30.865408 30.865408L430.539776 803.171328zM663.436288 803.171328c0 17.042432-13.824 30.865408-30.865408 30.865408-17.038336 0-30.865408-13.824-30.865408-30.865408L601.705472 320.736256c0-17.042432 13.828096-30.865408 30.865408-30.865408 17.041408 0 30.865408 13.824 30.865408 30.865408L663.436288 803.171328z"
-    p-id="12243" fill="#d81e06"></path>
-</svg>

package/example/label/delete_empty.svg

@@ -1,8 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
-  "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg t="1663318728465" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
-     p-id="12045" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200">
-  <path
-    d="M202.666667 256h-42.666667a32 32 0 0 1 0-64h704a32 32 0 0 1 0 64H266.666667v565.333333a53.333333 53.333333 0 0 0 53.333333 53.333334h384a53.333333 53.333333 0 0 0 53.333333-53.333334V352a32 32 0 0 1 64 0v469.333333c0 64.8-52.533333 117.333333-117.333333 117.333334H320c-64.8 0-117.333333-52.533333-117.333333-117.333334V256z m224-106.666667a32 32 0 0 1 0-64h170.666666a32 32 0 0 1 0 64H426.666667z m-32 288a32 32 0 0 1 64 0v256a32 32 0 0 1-64 0V437.333333z m170.666666 0a32 32 0 0 1 64 0v256a32 32 0 0 1-64 0V437.333333z"
-    p-id="12046" fill="#d81e06"></path>
-</svg>

package/example/label/hasAudit.svg

@@ -1,26 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
-  "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg t="1663319022294" class="icon" viewBox="0 0 1300 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
-     p-id="12551" xmlns:xlink="http://www.w3.org/1999/xlink" width="253.90625" height="200">
-  <path
-    d="M772.138805 84.411091l-15.715103-14.58894-2.04757 21.345922-18.735269 10.442609 19.707865 8.497417 4.095141 21.089976 14.179425-16.124617 21.294732 2.559463-10.903312-18.428134 9.060499-19.451919-20.936408 4.658223zM1067.142514 642.37403l19.451918 9.00931-4.658222-20.936408 14.588939-15.715103-21.345922-1.996381-10.442609-18.735269-8.497417 19.656676-21.038786 4.14633 16.073428 14.179425-2.559463 21.294732 18.428134-10.903312zM588.727685 108.777179l20.270947 7.012928-6.756982-20.373325 12.950883-17.097213-21.448301 0.153567-12.234233-17.609105-6.501036 20.424515-20.526893 6.1939 17.404348 12.541369-0.409514 21.4483 17.250781-12.694936zM991.587165 753.659482l-21.089975-3.788005 9.828338 19.093594-10.135474 18.888837 21.192354-3.480869 14.844886 15.459156 3.224923-21.192354 19.298351-9.367634-19.144783-9.623581-2.917788-21.243543-15.100832 15.254399zM440.534776 128.74099l-17.762674-11.927098 1.330921 21.397111-16.892456 13.258019 20.78284 5.323683 7.371253 20.117379 11.517584-18.069809 21.397111-0.819028-13.667533-16.534131 5.886765-20.629272-19.963811 7.883146zM866.787748 868.425804l-17.813863-11.978287 1.330921 21.397111-16.841267 13.258019 20.731651 5.323683 7.371253 20.117379 11.517584-18.069809 21.4483-0.819028-13.667532-16.534131 5.835575-20.629272-19.912622 7.934335zM534.774204 894.225192l-1.996381 21.345921-18.735269 10.442609 19.656676 8.497418 4.14633 21.038786 14.179425-16.073428 21.294733 2.559463-10.903313-18.428134 9.00931-19.451919-20.936408 4.658223-15.715103-14.588939zM242.739473 420.724532l19.503109 9.060499-4.709412-20.936407 14.588939-15.715103-21.345922-2.047571-10.442609-18.735269-8.497417 19.707865-21.038786 4.095141 16.073428 14.230614-2.559464 21.294733 18.428134-10.954502zM717.622243 952.632138l20.270947 7.012928-6.756982-20.322136 12.950883-17.097213-21.448301 0.102379-12.234233-17.609106-6.552225 20.424515-20.475704 6.24509 17.404348 12.490179-0.460703 21.4483 17.30197-12.694936zM303.757072 248.114346l-21.089976-3.788006 9.828338 19.042405-10.135473 18.888837 21.192354-3.42968 14.844885 15.459157 3.224924-21.243544 19.298351-9.316445-19.144784-9.623581-2.917787-21.243543-15.100832 15.2544z"
-    fill="#13C463" p-id="12552"></path>
-  <path
-    d="M407.620081 90.604991a486.861057 486.861057 0 0 1 504.521352 11.77353l25.031548-14.435371a511.892605 511.892605 0 0 0-797.528678 459.57718l25.031548-14.384182A486.758678 486.758678 0 0 1 407.620081 90.604991zM893.201406 933.333787a486.861057 486.861057 0 0 1-504.521351-11.619963l-24.980359 14.384183A511.892605 511.892605 0 0 0 1161.177185 476.572015L1136.401583 490.956197a486.912246 486.912246 0 0 1-243.200177 442.37759z"
-    fill="#13C463" p-id="12553"></path>
-  <path
-    d="M998.804851 570.145983l-29.79215 17.148403a326.792239 326.792239 0 0 1-413.148521 238.08125l-29.79215 17.199592a353.205897 353.205897 0 0 0 472.732821-272.429245zM486.861057 228.099345a326.587482 326.587482 0 0 1 258.14744-29.536204l29.79215-17.199591A353.205897 353.205897 0 0 0 302.016637 453.792794l29.843339-17.148402a326.485103 326.485103 0 0 1 155.001081-208.545047zM1071.442411 35.32059L26.925551 637.255104a53.697534 53.697534 0 0 0-19.707865 73.405399l148.80718 258.19863a53.799913 53.799913 0 0 0 73.4054 19.759055l1044.260914-601.934514a53.748724 53.748724 0 0 0 19.759054-73.4054l-148.602423-258.19863a53.799913 53.799913 0 0 0-73.4054-19.759054z m199.996441 290.754999a28.154093 28.154093 0 0 1-10.237852 38.443135l-1044.260914 601.883325a28.154093 28.154093 0 0 1-38.443135-10.237852L29.382636 697.863188a28.102904 28.102904 0 0 1 2.815409-32.146855 27.130308 27.130308 0 0 1 7.524821-6.296279L1084.239727 57.536729a28.102904 28.102904 0 0 1 38.391945 10.237852z"
-    fill="#13C463" p-id="12554"></path>
-  <path
-    d="M544.653732 672.985208a20.475704 20.475704 0 0 1-9.777149 10.903312l-112.616373 64.856793q-13.360397 7.729578-21.243543-5.835575L363.44375 677.029159l136.061054-78.575515-50.677368-87.789581-163.805634 94.546564 8.855742 15.356778 147.732206-85.281308 33.068263 57.280782-120.192384 69.310259-18.274566-31.583774-15.766292 9.111689 66.801985 115.687729q14.896075 25.901766 39.722866 11.568772l121.164979-69.924529a35.422968 35.422968 0 0 0 15.868671-19.144784q2.303517-12.746126-17.865052-55.233212l-18.120998 4.043952q19.298351 36.856268 16.63651 46.582227zM588.676496 411.664033l-15.049643 12.490179c4.504655 3.071356 9.828338 7.012929 15.91986 11.875909l-83.592062 48.271473 22.83041 39.518109 15.356778-8.906932-14.588939-25.236305 152.339239-87.94315 13.974668 24.161331 15.356778-8.855742-22.16495-38.238377-83.233737 48.066715C598.402455 419.751936 592.669258 414.63301 588.676496 411.664033z"
-    fill="#13C463" p-id="12555"></path>
-  <path
-    d="M621.079298 451.489278l-15.817482 9.214066 12.694937 21.909004-64.088954 36.958646 61.427112 106.473662 15.356778-8.906931-7.422442-13.104451 48.680986-28.102904 25.59463 44.585846 15.817482-9.162878-25.59463-44.534657 49.397636-28.512418 7.115307 12.285423 15.356778-8.906931-61.068787-105.603445-64.754415 37.36816z m42.487086 110.108099l-48.732176 28.102904-14.53775-25.236306 48.680987-28.102904zM640.889541 522.130457l-48.732176 28.102904-14.588939-25.236305 48.732176-28.102904z m87.891961 1.638056l-49.397637 28.512418-14.588939-25.031548 49.397636-28.563607z m-37.265782-64.549657l14.53775 25.236305-49.346447 28.512418-14.588939-25.236305zM951.76192 400.76072a248.370292 248.370292 0 0 0 7.6272-72.893507l-17.404348 0.71665a226.717235 226.717235 0 0 1-59.635489 164.368716l16.431753 8.702174a244.889422 244.889422 0 0 0 48.680986-85.486065 347.779836 347.779836 0 0 1 63.935387 21.038786l4.81179-18.01862a378.800528 378.800528 0 0 0-64.447279-18.428134z"
-    fill="#13C463" p-id="12556"></path>
-  <path
-    d="M843.08712 377.776742l-0.921406 1.38211-1.38211 1.689246 10.749744 11.05688q20.117379-12.797315 47.75958-30.713556a183.257553 183.257553 0 0 1-40.951408 82.875413l16.175806 8.241471q49.704772-60.19857 44.944171-145.172743l-16.63651 0.563082a196.054868 196.054868 0 0 1-0.819028 33.580155q-13.667533 9.265256-39.876434 26.771983 6.091522-21.038786 5.630819-63.833008l60.096192-34.706319-8.241471-14.230614-48.680987 28.102904a290.550243 290.550243 0 0 0-23.751817-18.786459l-14.691318 12.029477a167.747207 167.747207 0 0 1 23.035168 15.356778l-54.874888 31.686152L808.790316 338.361012l42.589465-24.570845q-0.102379 48.117905-8.292661 63.986575z"
-    fill="#13C463" p-id="12557"></path>
-  <path
-    d="M852.915458 413.046143q-30.713556-14.077047-55.745104-22.523275l-8.241471-14.281803 25.901766-14.947264-8.753364-15.356779-25.901766 14.947264-24.724413-42.794221-15.356778 8.753363 24.673224 42.794222-30.252853 17.455538 8.753363 15.356778 29.689771-17.097213a260.041443 260.041443 0 0 1 11.517584 96.952459l15.817482 12.234234a298.177442 298.177442 0 0 0-7.524822-76.374377l63.474683 109.954532 15.356778-8.753364-64.498468-111.746156c10.698555 5.118926 25.59463 12.950883 44.841792 23.905385z"
-    fill="#13C463" p-id="12558"></path>
-</svg>