hzzt-kfb-slide 1.0.0 → 1.0.2

package/types/components/KfbView/index.vue.d.ts

@@ -115,6 +115,7 @@ declare const __VLS_component: import("vue").DefineComponent<KfbProps, {
             moveToLabel: (point: import("@/components/KfbView/index.ts").Point) => void;
             getCenterPoint: (rect: Rect) => import("@/components/KfbView/index.ts").Point;
             imageToViewerElementRectangle: (rect: Rect) => Rect;
+            imageToViewerElementCoordinates: (a: number, b: number) => import("@/components/KfbView/index.ts").Point;
         } | undefined;
         navigator?: {
             element: HTMLElement;
@@ -128,6 +129,7 @@ declare const __VLS_component: import("vue").DefineComponent<KfbProps, {
                 width: number;
                 now?: boolean;
                 color?: string;
+                contents?: any[];
             }, data?: unknown) => void;
         };
     }, KfbViewInterface | {
@@ -230,6 +232,7 @@ declare const __VLS_component: import("vue").DefineComponent<KfbProps, {
             moveToLabel: (point: import("@/components/KfbView/index.ts").Point) => void;
             getCenterPoint: (rect: Rect) => import("@/components/KfbView/index.ts").Point;
             imageToViewerElementRectangle: (rect: Rect) => Rect;
+            imageToViewerElementCoordinates: (a: number, b: number) => import("@/components/KfbView/index.ts").Point;
         } | undefined;
         navigator?: {
             element: HTMLElement;
@@ -243,16 +246,98 @@ declare const __VLS_component: import("vue").DefineComponent<KfbProps, {
                 width: number;
                 now?: boolean;
                 color?: string;
+                contents?: any[];
             }, data?: unknown) => void;
         };
     }>;
     degrees: Ref<number, number>;
     zoom: Ref<number, number>;
+    localLabelList: Ref<{
+        id?: number | undefined;
+        parent_id?: number | undefined;
+        lineWidth?: number | undefined;
+        strokeStyle?: string | undefined;
+        fillStyle?: string | undefined;
+        fontSize?: number | undefined;
+        description?: string | undefined;
+        text?: string | undefined;
+        angle?: number | undefined;
+        measure?: boolean | undefined;
+        points?: {
+            x: number;
+            y: number;
+            minus?: ((point: import("@/components/KfbView/index.ts").Point) => import("@/components/KfbView/index.ts").Point) | undefined;
+            clone?: (() => import("@/components/KfbView/index.ts").Point) | undefined;
+        }[] | undefined;
+        tool?: string | undefined;
+        subType?: string | undefined;
+        src?: string | undefined;
+        scale?: number | undefined;
+        region?: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+        } | undefined;
+        move?: boolean | undefined;
+        resize?: boolean | undefined;
+        isROI?: boolean | undefined;
+        isClose?: boolean | undefined;
+        select?: boolean | undefined;
+        show?: boolean | undefined;
+        isAi?: boolean | undefined;
+        custom?: boolean | undefined;
+        cls?: string | undefined;
+        score?: number | undefined;
+        imageUrl?: string | undefined;
+        __other__: any;
+        __data__: any;
+    }[], Label[] | {
+        id?: number | undefined;
+        parent_id?: number | undefined;
+        lineWidth?: number | undefined;
+        strokeStyle?: string | undefined;
+        fillStyle?: string | undefined;
+        fontSize?: number | undefined;
+        description?: string | undefined;
+        text?: string | undefined;
+        angle?: number | undefined;
+        measure?: boolean | undefined;
+        points?: {
+            x: number;
+            y: number;
+            minus?: ((point: import("@/components/KfbView/index.ts").Point) => import("@/components/KfbView/index.ts").Point) | undefined;
+            clone?: (() => import("@/components/KfbView/index.ts").Point) | undefined;
+        }[] | undefined;
+        tool?: string | undefined;
+        subType?: string | undefined;
+        src?: string | undefined;
+        scale?: number | undefined;
+        region?: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+        } | undefined;
+        move?: boolean | undefined;
+        resize?: boolean | undefined;
+        isROI?: boolean | undefined;
+        isClose?: boolean | undefined;
+        select?: boolean | undefined;
+        show?: boolean | undefined;
+        isAi?: boolean | undefined;
+        custom?: boolean | undefined;
+        cls?: string | undefined;
+        score?: number | undefined;
+        imageUrl?: string | undefined;
+        __other__: any;
+        __data__: any;
+    }[]>;
     forceRedraw: (process?: import("@/components/KfbView/index.ts").Process) => void;
     toggleFlip: typeof toggleFlip;
     startDraw: typeof startDraw;
     endDraw: typeof endDraw;
-    shotScreen: (now?: boolean, data?: unknown) => void;
+    shotScreen: (name: string, kfbViewRefs: Ref<any[]>) => void;
     info: typeof info;
     scopeChange: typeof scopeChange;
     updateGrid: typeof updateGrid;
@@ -265,7 +350,7 @@ declare const __VLS_component: import("vue").DefineComponent<KfbProps, {
     zoomTo: typeof zoomTo;
     jumpToLabel: (label: Label, zoom?: number) => void;
     jumpToPosition: typeof jumpToPosition;
-    reloadLabelList: () => void;
+    reloadLabelList: (list?: Label[]) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     tool: (action: string, value?: any) => any;
 }, string, import("vue").PublicProps, Readonly<KfbProps> & Readonly<{

package/types/components/KfbView/useLabel.d.ts

@@ -166,7 +166,7 @@ export declare function useLabel(props: KfbProps, emit: Emits, kfbView: Ref<KfbV
     }[]>;
     initLabel: () => void;
     jumpToLabel: (label: Label, zoom?: number) => void;
-    reloadLabelList: () => void;
+    reloadLabelList: (list?: Label[]) => void;
     eventHandel: (type: string) => (label?: Label) => Promise<void> | undefined;
     addHandle: (label?: Label) => Promise<void>;
 };

package/types/components/KfbView/useTailor.d.ts

@@ -1,7 +1,7 @@
-import { KfbViewInterface } from "@/components/KfbView/index.ts";
-import type { Ref } from "vue";
+import { FileInterface, KfbViewInterface } from "@/components/KfbView/index.ts";
+import { Ref } from "vue";
 import { Emits } from "@/instances.ts";
-export declare function useTailor(emit: Emits, kfbView: Ref<KfbViewInterface>): {
+export declare function useTailor(emit: Emits, t: Function, kfbView: Ref<KfbViewInterface>, zoom: Ref<number>, kfbInfo: Ref<FileInterface>): {
     tailorEvent: () => void;
-    shotScreen: (now?: boolean, data?: unknown) => void;
+    shotScreen: (name: string, kfbViewRefs: Ref<any[]>) => void;
 };

package/types/components/ai/list.vue.d.ts

@@ -4,9 +4,21 @@ type __VLS_Props = {
     data: Label[];
     analysis?: Analysis;
 };
-declare const _default: import("vue").DefineComponent<__VLS_Props, {
+declare var __VLS_36: {
+    analysis: Analysis | undefined;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_36) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     labelList: import("vue").ComputedRef<Label[]>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     data: Label[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/types/components/icon/mark/measure.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/types/instances.d.ts

@@ -2,7 +2,12 @@ import type { VNode } from "vue";
 import { FileInterface, KfbProps, Label, Menu, Microscope, Process, TileParams, Watermark } from "@/components/KfbView/index.ts";
 export type ToolboxMenu = {
     name: string;
-    props?: Record<string, unknown>;
+    props: {
+        name?: string;
+        text?: string;
+        component?: VNode | string | null | undefined;
+        process?: Process;
+    };
     slots?: Record<string, (...args: any[]) => VNode | string | null | undefined>;
     show?: boolean;
 };
@@ -44,7 +49,7 @@ export interface Kfb {
     fileHandle?: (slide: DigitalSlide) => Promise<FileInterface>;
     labelHandle?: (type: string, slide: DigitalSlide, data?: any) => Promise<Label[]>;
     navigatorHandle?: (type: string, slide: DigitalSlide, data?: any) => Promise<Label[]>;
-    tileHandle?: (params: TileParams) => string;
+    tileHandle?: (params: TileParams, slide: DigitalSlide) => string;
     pathologyHandle: (slide: DigitalSlide) => Promise<boolean>;
     uploadHandle?: (slide: DigitalSlide, label: Label, blob: Blob) => Promise<string>;
     options?: Record<string, any>;
@@ -74,7 +79,24 @@ export interface Props {
     showKeyboard?: boolean;
     showMenuText?: boolean;
     showWatermark?: boolean;
+    showZrender?: boolean;
+    editPathology?: boolean;
+    pathologyNumber?: string;
 }
 export interface Emits {
     (e: 'tool', action: string, value?: any): void;
 }
+export interface MenuConfigOtherSetting {
+    screenshotLocally: boolean;
+    screenshotFormat: string;
+    screenshotWatermark: {
+        time: boolean;
+        mac: boolean;
+        scale: boolean;
+        ratio: boolean;
+    };
+    screenshotSize: {
+        w: number;
+        h: number;
+    };
+}

package/web-types.json

@@ -0,0 +1,162 @@
+{
+  "framework": "vue",
+  "name": "hzzt-kfb-slide",
+  "version": "1.0.2",
+  "contributions": {
+    "html": {
+      "description-markup": "markdown",
+      "types-syntax": "typescript",
+      "tags": [
+        {
+          "name": "HzztKfbSlide",
+          "description": "",
+          "attributes": [
+            {
+              "name": "menus",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "Array"
+              },
+              "default": "() => []"
+            },
+            {
+              "name": "kfb",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "Kfb"
+              }
+            },
+            {
+              "name": "slides",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "Array"
+              },
+              "default": "() => []"
+            },
+            {
+              "name": "ai",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "{\n    enable: boolean;\n    default?: boolean;\n    handle: (slide: DigitalSlide, analysis?: Analysis) => Promise<Label[]>;\n}"
+              }
+            },
+            {
+              "name": "teleport",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "watermark",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "Watermark"
+              }
+            },
+            {
+              "name": "process",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "Process"
+              }
+            },
+            {
+              "name": "microscope",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "Microscope"
+              }
+            },
+            {
+              "name": "showList",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "true"
+            },
+            {
+              "name": "showKfbLabel",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "true"
+            },
+            {
+              "name": "showKeyboard",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "showMenuText",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "true"
+            },
+            {
+              "name": "showWatermark",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            }
+          ],
+          "events": [
+            {
+              "name": "tool"
+            }
+          ],
+          "slots": [
+            {
+              "name": "left"
+            },
+            {
+              "name": "right"
+            },
+            {
+              "name": "list"
+            },
+            {
+              "name": "listFooter"
+            },
+            {
+              "name": "kfb"
+            },
+            {
+              "name": "analysis"
+            },
+            {
+              "name": "default"
+            }
+          ],
+          "source": {
+            "symbol": "HzztKfbSlide"
+          }
+        }
+      ]
+    }
+  }
+}

package/dist/components/annotateBSSh0B_7.js

@@ -1 +0,0 @@
-"use strict";var b=Object.defineProperty;var c=Object.getOwnPropertySymbols;var h=Object.prototype.hasOwnProperty,V=Object.prototype.propertyIsEnumerable;var u=(n,t,o)=>t in n?b(n,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):n[t]=o,d=(n,t)=>{for(var o in t||(t={}))h.call(t,o)&&u(n,o,t[o]);if(c)for(var o of c(t))V.call(t,o)&&u(n,o,t[o]);return n};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),f=require("./useCommonQ8kVZUfg.js"),l=require("element-plus"),y=require("./annotateBXULk5a3.js"),p=require("./indexDiimdCX-.js"),E=["onClick"],N=e.defineComponent({name:"ToolAnnotate",__name:"annotate",props:e.mergeDefaults({size:{},text:{},name:{},component:{},isPrevent:{type:Boolean},callback:{type:Function},options:{}},f.defaultProps),emits:["tool"],setup(n,{emit:t}){const o=n,m=t,{t:r,textClass:g}=f.useCommon(),v={line:"Line",arrow:"Arrow",bilateral:"Bilateral",rectangle:"Rectangle",ellipse:"Ellipse",polygon:"Polygon",star:"Star",flag:"Flag",dot:"Dot",font:"Font",voice:"Voice"},i=e.ref(!1);function x(a){i.value=!1,m("tool","annotate",d({tool:a.substring(0,1).toLocaleUpperCase()+a.substring(1),once:!0},o.options||{}))}function _(){i.value=!i.value}return(a,w)=>(e.openBlock(),e.createBlock(e.unref(l.ElPopover),{visible:i.value,"popper-class":"el-popover-padding-0",placement:"bottom",width:"220px",trigger:"click",teleported:!1},{reference:e.withCtx(()=>[e.createElementVNode("div",{class:"hzzt-kfb-toolbox__icon",onClick:_},[e.createVNode(e.unref(l.ElIcon),{size:a.size},{default:e.withCtx(()=>[e.createVNode(y.default)]),_:1},8,["size"]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(g))},e.toDisplayString(e.unref(r)(a.text||"标注")),3)])]),default:e.withCtx(()=>[e.createVNode(e.unref(l.ElCard),{shadow:"never",header:e.unref(r)("标注工具"),"body-style":{padding:"8px"}},{default:e.withCtx(()=>[e.createElementVNode("div",null,[e.createVNode(e.unref(l.ElText),{type:"danger"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)("按ESC可退出标注模式")),1)]),_:1})]),e.createElementVNode("div",null,[e.createVNode(e.unref(l.ElText),{type:"danger"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)("点击标注按Delete键可删除标注")),1)]),_:1})]),e.createVNode(e.unref(l.ElRow),null,{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(v,(s,C)=>e.createVNode(e.unref(l.ElCol),{key:C,class:"flex justify-content-center align-items-center",span:8},{default:e.withCtx(()=>[e.createElementVNode("div",{class:"hzzt-kfb-toolbox-annotate-icon",onClick:z=>x(s)},[e.createVNode(p._sfc_main,{size:"32",name:`mark${s}`},null,8,["name"])],8,E)]),_:2},1024)),64))]),_:1})]),_:1},8,["header"])]),_:1},8,["visible"]))}}),k=p._export_sfc(N,[["__scopeId","data-v-72aefbbd"]]);exports.default=k;

package/dist/components/dotD5koTegE.js

@@ -1,115 +0,0 @@
-import { defineComponent as y, mergeDefaults as z, ref as m, inject as E, watch as F, createBlock as k, openBlock as i, unref as a, withCtx as s, createVNode as u, createElementVNode as c, toDisplayString as f, createElementBlock as b, Fragment as w, renderList as B, normalizeStyle as D, createCommentVNode as S, normalizeClass as V } from "vue";
-import { u as A, d as L } from "./useCommonSGwHyBmU.js";
-import N from "./dotDwG_BTC2.js";
-import P from "./checkapiu6iX2.js";
-import { ElPopover as j, ElCard as I, ElIcon as h } from "element-plus";
-import { _ as T } from "./indexmnZKfggK.js";
-const $ = { class: "margin-b-1" }, q = { class: "flex align-items-center" }, G = ["onClick"], H = /* @__PURE__ */ y({
-  name: "ToolDot",
-  __name: "dot",
-  props: /* @__PURE__ */ z({
-    size: {},
-    text: {},
-    name: {},
-    component: {},
-    isPrevent: { type: Boolean },
-    callback: { type: Function },
-    options: {}
-  }, L),
-  emits: ["tool"],
-  setup(J, { emit: _ }) {
-    const p = _, { t: v, textClass: C } = A(), n = m(!1), r = m([
-      { label: "#004BFF", value: 0, checked: !1 },
-      { label: "#FF4B40", value: 0, checked: !1 },
-      { label: "#FFAA00", value: 0, checked: !1 },
-      { label: "#51C964", value: 0, checked: !1 },
-      { label: "#00BEFF", value: 0, checked: !1 },
-      { label: "#8C58CE", value: 0, checked: !1 },
-      { label: "#F261A7", value: 0, checked: !1 }
-    ]), d = E("kfbViewRef");
-    F(() => {
-      var e, l;
-      return (l = (e = d == null ? void 0 : d.value) == null ? void 0 : e.kfbView) == null ? void 0 : l.labelList;
-    }, (e) => {
-      r.value.forEach((l) => {
-        var o;
-        l.value = (o = (e || []).filter((t) => (t == null ? void 0 : t.custom) && (t == null ? void 0 : t.strokeStyle) === l.label && (t == null ? void 0 : t.tool) === "Dot")) == null ? void 0 : o.length;
-      });
-    });
-    function g(e) {
-      r.value.forEach((l) => {
-        l.checked = !1;
-      }), e.checked = !0, p("tool", "annotate", {
-        strokeStyle: e.label,
-        tool: "Dot",
-        once: !1,
-        custom: !0,
-        subType: "count"
-      });
-    }
-    function x() {
-      n.value = !n.value, n.value || r.value.forEach((e) => {
-        e.checked = !1;
-      }), p("tool", "endDraw");
-    }
-    return (e, l) => (i(), k(a(j), {
-      visible: n.value,
-      "popper-class": "el-popover-padding-0",
-      placement: "bottom",
-      width: "300px",
-      trigger: "click",
-      teleported: !1
-    }, {
-      reference: s(() => [
-        c("div", {
-          class: "hzzt-kfb-toolbox__icon",
-          onClick: l[0] || (l[0] = (o) => x())
-        }, [
-          u(a(h), { size: e.size }, {
-            default: s(() => [
-              u(N)
-            ]),
-            _: 1
-          }, 8, ["size"]),
-          c("div", {
-            class: V(a(C))
-          }, f(a(v)(e.text || "打点")), 3)
-        ])
-      ]),
-      default: s(() => [
-        u(a(I), { shadow: "never" }, {
-          default: s(() => [
-            c("div", null, [
-              c("p", $, f(a(v)("按下ESC键结束打点操作")), 1),
-              c("div", q, [
-                (i(!0), b(w, null, B(r.value, (o) => (i(), b("div", {
-                  key: o.label,
-                  class: "flex column align-items-center"
-                }, [
-                  c("div", {
-                    style: D({ "background-color": o.label }),
-                    class: "hzzt-kfb-toolbox-dot__box flex justify-content-center align-items-center",
-                    onClick: (t) => g(o)
-                  }, [
-                    u(a(h), { size: "16" }, {
-                      default: s(() => [
-                        o.checked ? (i(), k(P, { key: 0 })) : S("", !0)
-                      ]),
-                      _: 2
-                    }, 1024)
-                  ], 12, G),
-                  c("p", null, f(o.value ? o.value : " "), 1)
-                ]))), 128))
-              ])
-            ])
-          ]),
-          _: 1
-        })
-      ]),
-      _: 1
-    }, 8, ["visible"]));
-  }
-}), W = /* @__PURE__ */ T(H, [["__scopeId", "data-v-34de7854"]]);
-export {
-  W as default
-};

package/dist/components/dotDKdIht2m.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),d=require("./useCommonQ8kVZUfg.js"),m=require("./dotDASJOh6f.js"),h=require("./checkCH14v3q4.js"),r=require("element-plus"),b=require("./indexDiimdCX-.js"),C={class:"margin-b-1"},_={class:"flex align-items-center"},E=["onClick"],g=e.defineComponent({name:"ToolDot",__name:"dot",props:e.mergeDefaults({size:{},text:{},name:{},component:{},isPrevent:{type:Boolean},callback:{type:Function},options:{}},d.defaultProps),emits:["tool"],setup(y,{emit:f}){const u=f,{t:i,textClass:v}=d.useCommon(),n=e.ref(!1),c=e.ref([{label:"#004BFF",value:0,checked:!1},{label:"#FF4B40",value:0,checked:!1},{label:"#FFAA00",value:0,checked:!1},{label:"#51C964",value:0,checked:!1},{label:"#00BEFF",value:0,checked:!1},{label:"#8C58CE",value:0,checked:!1},{label:"#F261A7",value:0,checked:!1}]),s=e.inject("kfbViewRef");e.watch(()=>{var l,t;return(t=(l=s==null?void 0:s.value)==null?void 0:l.kfbView)==null?void 0:t.labelList},l=>{c.value.forEach(t=>{var o;t.value=(o=(l||[]).filter(a=>(a==null?void 0:a.custom)&&(a==null?void 0:a.strokeStyle)===t.label&&(a==null?void 0:a.tool)==="Dot"))==null?void 0:o.length})});function p(l){c.value.forEach(t=>{t.checked=!1}),l.checked=!0,u("tool","annotate",{strokeStyle:l.label,tool:"Dot",once:!1,custom:!0,subType:"count"})}function k(){n.value=!n.value,n.value||c.value.forEach(l=>{l.checked=!1}),u("tool","endDraw")}return(l,t)=>(e.openBlock(),e.createBlock(e.unref(r.ElPopover),{visible:n.value,"popper-class":"el-popover-padding-0",placement:"bottom",width:"300px",trigger:"click",teleported:!1},{reference:e.withCtx(()=>[e.createElementVNode("div",{class:"hzzt-kfb-toolbox__icon",onClick:t[0]||(t[0]=o=>k())},[e.createVNode(e.unref(r.ElIcon),{size:l.size},{default:e.withCtx(()=>[e.createVNode(m.default)]),_:1},8,["size"]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(v))},e.toDisplayString(e.unref(i)(l.text||"打点")),3)])]),default:e.withCtx(()=>[e.createVNode(e.unref(r.ElCard),{shadow:"never"},{default:e.withCtx(()=>[e.createElementVNode("div",null,[e.createElementVNode("p",C,e.toDisplayString(e.unref(i)("按下ESC键结束打点操作")),1),e.createElementVNode("div",_,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,o=>(e.openBlock(),e.createElementBlock("div",{key:o.label,class:"flex column align-items-center"},[e.createElementVNode("div",{style:e.normalizeStyle({"background-color":o.label}),class:"hzzt-kfb-toolbox-dot__box flex justify-content-center align-items-center",onClick:a=>p(o)},[e.createVNode(e.unref(r.ElIcon),{size:"16"},{default:e.withCtx(()=>[o.checked?(e.openBlock(),e.createBlock(h.default,{key:0})):e.createCommentVNode("",!0)]),_:2},1024)],12,E),e.createElementVNode("p",null,e.toDisplayString(o.value?o.value:" "),1)]))),128))])])]),_:1})]),_:1},8,["visible"]))}}),x=b._export_sfc(g,[["__scopeId","data-v-34de7854"]]);exports.default=x;