hzzt-kfb-slide 0.0.8 → 0.1.0

package/dist/components/voiceDFacjiIM.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=require("./indexCFzrAiFg.js"),o={},c={viewBox:"0 0 1024 1024",version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:"200",height:"200"};function n(i,t){return e.openBlock(),e.createElementBlock("svg",c,t[0]||(t[0]=[e.createElementVNode("path",{d:"M515.041727 670.617766c91.584167 0 166.095647-74.504255 166.095647-166.095646V229.350568c0-91.584167-74.51148-166.095647-166.095647-166.095647-91.598617 0-166.102872 74.51148-166.102871 166.095647V504.52212c0 91.591392 74.504255 166.095647 166.102871 166.095646z",fill:"currentColor"},null,-1),e.createElementVNode("path",{d:"M801.643237 874.001665H558.391759v-45.423608c161.507768-21.313766 286.60151-159.788217 286.60151-327.01819a43.350032 43.350032 0 0 0-86.700064 0c0 134.124998-109.12648 243.251478-243.258703 243.251479-134.124998 0-243.244253-109.12648-243.244253-243.251479a43.350032 43.350032 0 0 0-86.700063 0c0 167.229972 125.100967 305.711649 286.601509 327.01819v45.423608H228.440217a43.350032 43.350032 0 0 0 0 86.700064h573.20302a43.350032 43.350032 0 0 0 0-86.700064z",fill:"currentColor"},null,-1)]))}const l=r._export_sfc(o,[["render",n]]);exports.default=l;

package/dist/components/{zoomBcO2XFbA.js → zoomB7VyAZrz.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),i=require("element-plus"),_=require("./indexBkFttmTs.js"),b={class:"hzzt-kfb-toolbox-zoom"},z=["data-index","onClick"],k={class:"hzzt-kfb-toolbox__text"},p={class:"hzzt-kfb-toolbox-zoom__button"},x=e.defineComponent({name:"ToolZoom",__name:"zoom",emits:["tool"],setup(v,{emit:r}){var c;const u=r,t=e.inject("kfbViewRef"),m=[{scaleNum:2,style:"background-color: rgba(0, 0, 0, 0.5)"},{scaleNum:4,style:"background-color: rgba(0, 0, 0, 0.6)"},{scaleNum:10,style:"background-color: rgba(0, 0, 0, 0.7)"},{scaleNum:20,style:"background-color: rgba(0, 0, 0, 0.8)"},{scaleNum:40,style:"background-color: rgba(0, 0, 0, 0.8)"}],n=e.ref(`${((c=t==null?void 0:t.value)==null?void 0:c.zoom)||"0x"}`);e.watch(()=>{var o;return(o=t==null?void 0:t.value)==null?void 0:o.zoom},o=>{n.value=`${o}x`});function s(o){u("tool","zoom",o)}return(o,a)=>(e.openBlock(),e.createElementBlock("div",b,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(m,(l,d)=>e.createElementVNode("div",{key:d,class:"hzzt-kfb-toolbox__icon","data-index":l.scaleNum,onClick:N=>s(l.scaleNum)},[e.createElementVNode("span",k,e.toDisplayString(l.scaleNum)+"x",1)],8,z)),64)),e.createElementVNode("div",p,[e.createVNode(e.unref(i.ElInput),{modelValue:n.value,"onUpdate:modelValue":a[0]||(a[0]=l=>n.value=l),class:"hzzt-kfb-toolbox-zoom__input",onKeydown:a[1]||(a[1]=e.withKeys(l=>s(Number(n.value.replace("x",""))),["enter"]))},null,8,["modelValue"])])]))}}),g=_._export_sfc(x,[["__scopeId","data-v-af758f1f"]]);exports.default=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),i=require("element-plus"),_=require("./indexCFzrAiFg.js"),b={class:"hzzt-kfb-toolbox-zoom"},z=["data-index","onClick"],k={class:"hzzt-kfb-toolbox__text"},p={class:"hzzt-kfb-toolbox-zoom__button"},x=e.defineComponent({name:"ToolZoom",__name:"zoom",emits:["tool"],setup(v,{emit:r}){var c;const u=r,t=e.inject("kfbViewRef"),m=[{scaleNum:2,style:"background-color: rgba(0, 0, 0, 0.5)"},{scaleNum:4,style:"background-color: rgba(0, 0, 0, 0.6)"},{scaleNum:10,style:"background-color: rgba(0, 0, 0, 0.7)"},{scaleNum:20,style:"background-color: rgba(0, 0, 0, 0.8)"},{scaleNum:40,style:"background-color: rgba(0, 0, 0, 0.8)"}],n=e.ref(`${((c=t==null?void 0:t.value)==null?void 0:c.zoom)||"0x"}`);e.watch(()=>{var o;return(o=t==null?void 0:t.value)==null?void 0:o.zoom},o=>{n.value=`${o}x`});function s(o){u("tool","zoom",o)}return(o,a)=>(e.openBlock(),e.createElementBlock("div",b,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(m,(l,d)=>e.createElementVNode("div",{key:d,class:"hzzt-kfb-toolbox__icon","data-index":l.scaleNum,onClick:N=>s(l.scaleNum)},[e.createElementVNode("span",k,e.toDisplayString(l.scaleNum)+"x",1)],8,z)),64)),e.createElementVNode("div",p,[e.createVNode(e.unref(i.ElInput),{modelValue:n.value,"onUpdate:modelValue":a[0]||(a[0]=l=>n.value=l),class:"hzzt-kfb-toolbox-zoom__input",onKeydown:a[1]||(a[1]=e.withKeys(l=>s(Number(n.value.replace("x",""))),["enter"]))},null,8,["modelValue"])])]))}}),g=_._export_sfc(x,[["__scopeId","data-v-af758f1f"]]);exports.default=g;

package/dist/components/{zoomB5HF8Hai.js → zoomBFx-vjsG.js}

@@ -1,6 +1,6 @@
 import { defineComponent as b, inject as z, ref as p, watch as x, createElementBlock as r, openBlock as m, createElementVNode as s, Fragment as f, renderList as k, toDisplayString as g, createVNode as v, unref as N, withKeys as y } from "vue";
 import { ElInput as h } from "element-plus";
-import { _ as V } from "./indexB0v3MpmE.js";
+import { _ as V } from "./indexCiVL4LuE.js";
 const w = { class: "hzzt-kfb-toolbox-zoom" }, $ = ["data-index", "onClick"], C = { class: "hzzt-kfb-toolbox__text" }, E = { class: "hzzt-kfb-toolbox-zoom__button" }, B = /* @__PURE__ */ b({
   name: "ToolZoom",
   __name: "zoom",

package/dist/components/{zoomInBrNwgimx.js → zoomInCf25h6Us.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=require("./indexBkFttmTs.js"),o={},l={t:"1748500532947",class:"icon",viewBox:"0 0 1024 1024",version:"1.1",xmlns:"http://www.w3.org/2000/svg","p-id":"10927",width:"32",height:"32"};function r(i,t){return e.openBlock(),e.createElementBlock("svg",l,t[0]||(t[0]=[e.createElementVNode("path",{d:"M919.264 905.984l-138.912-138.912C851.808 692.32 896 591.328 896 480c0-229.376-186.624-416-416-416S64 250.624 64 480s186.624 416 416 416c95.008 0 182.432-32.384 252.544-86.208l141.44 141.44a31.904 31.904 0 0 0 45.248 0 32 32 0 0 0 0.032-45.248zM128 480C128 285.92 285.92 128 480 128s352 157.92 352 352-157.92 352-352 352S128 674.08 128 480z","p-id":"10928",fill:"#333333"},null,-1),e.createElementVNode("path",{d:"M625.792 448H336a32 32 0 0 0 0 64h289.792a32 32 0 1 0 0-64z","p-id":"10929",fill:"#333333"},null,-1)]))}const c=n._export_sfc(o,[["render",r]]);exports.default=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=require("./indexCFzrAiFg.js"),o={},l={t:"1748500532947",class:"icon",viewBox:"0 0 1024 1024",version:"1.1",xmlns:"http://www.w3.org/2000/svg","p-id":"10927",width:"32",height:"32"};function r(i,t){return e.openBlock(),e.createElementBlock("svg",l,t[0]||(t[0]=[e.createElementVNode("path",{d:"M919.264 905.984l-138.912-138.912C851.808 692.32 896 591.328 896 480c0-229.376-186.624-416-416-416S64 250.624 64 480s186.624 416 416 416c95.008 0 182.432-32.384 252.544-86.208l141.44 141.44a31.904 31.904 0 0 0 45.248 0 32 32 0 0 0 0.032-45.248zM128 480C128 285.92 285.92 128 480 128s352 157.92 352 352-157.92 352-352 352S128 674.08 128 480z","p-id":"10928",fill:"#333333"},null,-1),e.createElementVNode("path",{d:"M625.792 448H336a32 32 0 0 0 0 64h289.792a32 32 0 1 0 0-64z","p-id":"10929",fill:"#333333"},null,-1)]))}const c=n._export_sfc(o,[["render",r]]);exports.default=c;

package/dist/components/{zoomInC3EAqFg-.js → zoomInRDq1eDLi.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as o, openBlock as n, createElementVNode as e } from "vue";
-import { _ as l } from "./indexB0v3MpmE.js";
+import { _ as l } from "./indexCiVL4LuE.js";
 const s = {}, r = {
   t: "1748500532947",
   class: "icon",

package/dist/components/{zoomOutDafuMDlQ.js → zoomOutDdDapD_E.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=require("./indexBkFttmTs.js"),c={},o={t:"1748500019773",class:"icon",viewBox:"0 0 1024 1024",version:"1.1",xmlns:"http://www.w3.org/2000/svg","p-id":"9740",width:"32",height:"32"};function s(i,t){return e.openBlock(),e.createElementBlock("svg",o,t[0]||(t[0]=[e.createElementVNode("path",{d:"M919.264 905.984l-138.912-138.912C851.808 692.32 896 591.328 896 480c0-229.376-186.624-416-416-416S64 250.624 64 480s186.624 416 416 416c95.008 0 182.432-32.384 252.544-86.208l141.44 141.44a31.904 31.904 0 0 0 45.248 0 32 32 0 0 0 0.032-45.248zM128 480C128 285.92 285.92 128 480 128s352 157.92 352 352-157.92 352-352 352S128 674.08 128 480z","p-id":"9741",fill:"#333333","data-spm-anchor-id":"a313x.search_index.0.i5.3c223a8142DgM6",class:"selected"},null,-1),e.createElementVNode("path",{d:"M625.792 448H512v-112a32 32 0 0 0-64 0V448h-112a32 32 0 0 0 0 64H448v112a32 32 0 1 0 64 0V512h113.792a32 32 0 1 0 0-64z","p-id":"9742",fill:"#333333"},null,-1)]))}const l=n._export_sfc(c,[["render",s]]);exports.default=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=require("./indexCFzrAiFg.js"),c={},o={t:"1748500019773",class:"icon",viewBox:"0 0 1024 1024",version:"1.1",xmlns:"http://www.w3.org/2000/svg","p-id":"9740",width:"32",height:"32"};function s(i,t){return e.openBlock(),e.createElementBlock("svg",o,t[0]||(t[0]=[e.createElementVNode("path",{d:"M919.264 905.984l-138.912-138.912C851.808 692.32 896 591.328 896 480c0-229.376-186.624-416-416-416S64 250.624 64 480s186.624 416 416 416c95.008 0 182.432-32.384 252.544-86.208l141.44 141.44a31.904 31.904 0 0 0 45.248 0 32 32 0 0 0 0.032-45.248zM128 480C128 285.92 285.92 128 480 128s352 157.92 352 352-157.92 352-352 352S128 674.08 128 480z","p-id":"9741",fill:"#333333","data-spm-anchor-id":"a313x.search_index.0.i5.3c223a8142DgM6",class:"selected"},null,-1),e.createElementVNode("path",{d:"M625.792 448H512v-112a32 32 0 0 0-64 0V448h-112a32 32 0 0 0 0 64H448v112a32 32 0 1 0 64 0V512h113.792a32 32 0 1 0 0-64z","p-id":"9742",fill:"#333333"},null,-1)]))}const l=n._export_sfc(c,[["render",s]]);exports.default=l;

package/dist/components/{zoomOutGi1JWbc1.js → zoomOutjIFNPuhT.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as o, openBlock as s, createElementVNode as t } from "vue";
-import { _ as a } from "./indexB0v3MpmE.js";
+import { _ as a } from "./indexCiVL4LuE.js";
 const c = {}, l = {
   t: "1748500019773",
   class: "icon",

package/dist/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./components/indexBkFttmTs.js");exports.HzztKfbSlide=e._sfc_main;exports.HzztKfbToolbox=e._sfc_main$2;exports.HzztKfbView=e._sfc_main$1;exports.default=e.index;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./components/indexCFzrAiFg.js");exports.HzztKfbSlide=e._sfc_main$1;exports.HzztKfbToolbox=e._sfc_main$3;exports.HzztKfbView=e._sfc_main$2;exports.default=e.index;

package/dist/index.css

@@ -1 +1 @@
-@charset "UTF-8";.hzzt-kfb-tool-config{--hzzt-kfb-tool-config-title-font-size: 20px;--hzzt-kfb-tool-config-title-color: #000000;--hzzt-kfb-tool-config-font-size: 14px;--hzzt-kfb-tool-config-color: #000000;--hzzt-kfb-tool-config-icon-color: #ffffff;--hzzt-kfb-tool-config-icon-background-color: #000000;--hzzt-kfb-tool-config-block-background-color: #ffffff;font-size:var(--hzzt-kfb-tool-config-font-size);color:var(--hzzt-kfb-tool-config-color)}.hzzt-kfb-tool-config__title{font-size:var(--hzzt-kfb-tool-config-title-font-size);color:var(--hzzt-kfb-tool-config-title-color)}.hzzt-kfb-tool-config__icon{width:48px;height:48px;border-radius:100%;color:var(--hzzt-kfb-tool-config-icon-color);background-color:var(--hzzt-kfb-tool-config-icon-background-color)}.hzzt-kfb-tool-config__block{width:240px;padding:8px;margin-bottom:8px;background-color:var(--hzzt-kfb-tool-config-block-background-color);border:var(--el-border)}.hzzt-kfb-toolbox{--hzzt-kfb-toolbox-padding: 8px 0;--hzzt-kfb-toolbox-font-size: 12px;--hzzt-kfb-toolbox-background-color: #fff;--hzzt-kfb-toolbox-icon-width: 40px;--hzzt-kfb-toolbox-icon-color: #000000;--hzzt-kfb-toolbox-icon-hover-color: #FFFFFF;--hzzt-kfb-toolbox-icon-hover-background-color: #424D68;--hzzt-kfb-toolbox-tooltip-color: #FFFFFF;--hzzt-kfb-toolbox-tooltip-background-color: #0655C3;--hzzt-kfb-toolbox-text-color: #000000;--hzzt-kfb-toolbox-text-hover-color: #FFFFFF;display:flex;align-items:center;justify-content:space-between;background-color:var(--hzzt-kfb-toolbox-background-color);padding:var(--hzzt-kfb-toolbox-padding);font-size:var(--hzzt-kfb-toolbox-font-size);position:relative;border-bottom:1px solid var(--hzzt-border-color, #DCDCDC);width:100%}.hzzt-kfb-toolbox__component{display:flex;flex:1;align-items:center;justify-content:center}.hzzt-kfb-toolbox__icon{min-width:var(--hzzt-kfb-toolbox-icon-width);color:var(--hzzt-kfb-toolbox-icon-color);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;margin:0 4px}.hzzt-kfb-toolbox__icon:hover{color:var(--hzzt-kfb-toolbox-icon-hover-color);background:var(--hzzt-kfb-toolbox-icon-hover-background-color);border-radius:4px}.hzzt-kfb-toolbox__icon:hover .hzzt-kfb-toolbox__tooltip{display:flex}.hzzt-kfb-toolbox__icon:hover .hzzt-kfb-toolbox__text{color:var(--hzzt-kfb-toolbox-text-hover-color)}.hzzt-kfb-toolbox__tooltip{align-items:center;justify-content:center;background-color:var(--hzzt-kfb-toolbox-tooltip-background-color);position:absolute;color:var(--hzzt-kfb-toolbox-tooltip-color);padding:2px 4px;border-radius:4px;top:30px;display:none;white-space:nowrap;z-index:9999}.hzzt-kfb-toolbox__text{color:var(--hzzt-kfb-toolbox-text-color)}.hzzt-kfb-toolbox__line{--hzzt-kfb-toolbox-line-color: #A8ABB2;margin:0 8px;width:1px;height:20px;background:var(--hzzt-kfb-toolbox-line-color)}.hzzt-kfb-toolbox-rotate__angle .el-input-number{width:120PX}.hzzt-kfb-toolbox-rotate__btn{--hzzt-kfb-toolbox-rotate-btn-backgroud-color: #3B55BF;cursor:pointer;width:10px;height:10px;background:var(--hzzt-kfb-toolbox-rotate-btn-backgroud-color);z-index:2}.hzzt-kfb-toolbox-rotate__container{width:64px;height:64px}.hzzt-kfb-toolbox-rotate__img{cursor:pointer;user-select:none;width:100%;height:100%}.hzzt-kfb-toolbox-zoom{display:flex;--hzzt-kfb-toolbox-zoom-backgroud-color: #F3F3F4}.hzzt-kfb-toolbox-zoom__button{font-size:16px;line-height:16px;margin-left:2px;height:32px;background:var(--hzzt-kfb-toolbox-zoom-backgroud-color);border-radius:4px;border:1px solid #DCDDE1}.hzzt-kfb-toolbox-zoom__input{width:60px;height:30px;--el-input-bg-color: getCssVarNoName($B, "backgroud-color");--el-input-text-color: #000;--el-input-border: none}.hzzt-kfb-toolbox-zoom__input .el-input__wrapper{box-shadow:none}.hzzt-kfb-toolbox-zoom__input .el-input__wrapper .el-input__inner{font-size:16px;font-weight:600}.el-popover-padding-0{--el-popover-padding: 0 }.hzzt-kfb-menu[data-v-739aad62]{position:absolute;display:none;background:#fff;box-shadow:var(--el-box-shadow);border-radius:var(--el-border-radius-base);padding:8px 0;font-size:14px}.hzzt-kfb-menu .hzzt-kfb-menu-item[data-v-739aad62]{min-width:200px;display:flex;align-items:center;justify-content:space-between;padding:6px 16px;position:relative;cursor:pointer;line-height:1}.hzzt-kfb-menu .hzzt-kfb-menu-item[data-v-739aad62]:hover{background:var(--el-color-info-light-8)}.hzzt-kfb-menu .hzzt-kfb-menu-item:hover .hzzt-kfb-sub-menu[data-v-739aad62]{display:block}.hzzt-kfb-menu .hzzt-kfb-menu-item .hzzt-kfb-sub-menu[data-v-739aad62]{position:absolute;display:none;left:0;top:0;transform:translate(200px);box-shadow:var(--el-box-shadow);border-radius:var(--el-border-radius-base);padding:8px 0;background:#fff}.hzzt-kfb-menu .hzzt-kfb-menu-item .hzzt-kfb-sub-menu .hzzt-kfb-menu-item[data-v-739aad62],.hzzt-kfb-menu[data-v-739aad62] .el-cascader-menu{min-width:auto}.hzzt-kfb-menu[data-v-739aad62] .el-cascader-menu .el-cascader-node__label{display:flex;align-items:center;padding:0 16px 0 8px}.hzzt-kfb-menu[data-v-739aad62] .el-cascader-menu .el-cascader-menu__wrap.el-scrollbar__wrap{height:auto}.hzzt-kfb-microscope[data-v-e8b36101]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.hzzt-kfb-microscope .hzzt-kfb-microscope__container[data-v-e8b36101]{border:2px dashed red;border-radius:50%;min-width:24px;min-height:24px}.hzzt-kfb-microscope .hzzt-kfb-microscope__top[data-v-e8b36101]{width:18px;height:18px;position:absolute;top:-20px;left:50%;cursor:pointer;transform:translate(-50%);pointer-events:auto}.hzzt-kfb-microscope .hzzt-kfb-microscope__bottom[data-v-e8b36101]{width:18px;height:18px;position:absolute;bottom:-20px;left:50%;cursor:pointer;transform:translate(-50%);pointer-events:auto}.hzzt-kfb-microscope .hzzt-kfb-microscope__left[data-v-e8b36101]{width:18px;height:18px;position:absolute;left:-20px;top:50%;cursor:pointer;transform:translateY(-50%);pointer-events:auto}.hzzt-kfb-microscope .hzzt-kfb-microscope__right[data-v-e8b36101]{width:18px;height:18px;position:absolute;right:-20px;top:50%;cursor:pointer;transform:translateY(-50%);pointer-events:auto}.hzzt-kfb-label[data-v-7397de48]{position:absolute;top:0;left:0;background:#fff;color:#000}.hzzt-kfb-label .hzzt-kfb-label__title[data-v-7397de48]{font-size:12px;color:#000;padding:0 4px}.hzzt-kfb-label .hzzt-kfb-label__img[data-v-7397de48]{cursor:pointer;background:#0000004d}.hzzt-kfb-label .hzzt-kfb-label__img img[data-v-7397de48]{height:120px;width:120px}.hzzt-kfb-label .hzzt-kfb-label__pathology[data-v-7397de48]{--set-patholgy-height: 20px;height:var(--set-patholgy-height);font-size:12px;width:100%;display:flex;align-items:center;cursor:pointer;padding:2px 4px;border:1px solid var(--el-border-color)}.hzzt-kfb-label .hzzt-kfb-label__expend[data-v-7397de48]{position:absolute;--expand-button-width: 10px;width:var(--expand-button-width);height:40px;top:50%;transform:translateY(-50%);right:calc(-1 * var(--expand-button-width));background:#0006;border-radius:0 6px 6px 0;cursor:pointer;color:#fff}.hzzt-kfb-keyword[data-v-c8d940f0]{position:absolute;bottom:5px;left:50%;width:156px;margin-left:-78px}.hzzt-kfb-keyword .hzzt-kfb-keyword__code[data-v-c8d940f0]{margin:2px;width:48px;height:48px;background-color:#c8c8c880;color:#333;cursor:pointer}.hzzt-kfb-keyword .hzzt-kfb-keyword__code[data-v-c8d940f0]:hover{background-color:#bebebecc}.hzzt-kfb-level{position:absolute;right:50px;bottom:300px;height:200px;width:30px;border-radius:4px;background:#00000040}.hzzt-kfb-level .el-slider__runway{background-color:#00000080}.hzzt-kfb-level .el-slider__bar{background-color:unset}.hzzt-kfb-level .el-slider__stop{background-color:#e2e2e2}.hzzt-kfb-level--large{height:250px}.hzzt-kfb-channel{position:absolute;bottom:20px;right:50px;border:1px solid #000;border-radius:4px;background:#fff9}.hzzt-kfb-channel__box{min-width:48px;height:32px;margin:0 2px;border-radius:2px;cursor:pointer;text-align:center;line-height:32px;font-weight:700;border-left:1px solid #000;border-right:1px solid #000}.hzzt-kfb-channel__box--unactive{background:#fff!important;color:#000}.hzzt-kfb-channel__box:last-child{margin-right:0;border-right:unset}.hzzt-kfb-view{position:relative}.hzzt-kfb-view__main{width:100%;height:100%}.hzzt-kfb-view__filter{position:absolute}.hzzt-kfb-view__hotmap{position:absolute;left:0;top:0;height:100%;width:2px;color:red;background:red;z-index:999}.hzzt-kfb-view__hotmap .icon-caret-left{position:absolute;top:50%;left:-22px;color:red;font-size:30px;transform:translateY(-50%);cursor:pointer;user-select:none}.hzzt-kfb-view__hotmap .icon-caret-right{position:absolute;top:50%;left:-7px;color:red;font-size:30px;transform:translateY(-50%);cursor:pointer;user-select:none}.hzzt-kfb-view__tag{position:absolute;right:4px;top:4px;z-index:999}.hzzt-kfb-img-triangle-left:after{content:"";position:absolute;left:-10px;top:50%;transform:translate(-50%);width:0;height:0;border:10px solid transparent;border-right-color:#000c}.hzzt-kfb-slides[data-v-25dae76d]{background-color:#fff;box-sizing:border-box;display:flex;flex-direction:column;height:100%;width:100%;overflow:auto;border-right:2px solid #DCDCDC}.hzzt-kfb-slides__row[data-v-25dae76d]{align-items:center;display:flex;flex:1;flex-direction:column;overflow:hidden;min-height:0;padding:0 8px;font-size:12px}.hzzt-kfb-slides__top[data-v-25dae76d]{align-items:center;display:flex;justify-content:space-between;overflow:hidden;width:100%;font-size:14px;margin:4px 0;color:#000}.hzzt-kfb-slides__top .text-primary[data-v-25dae76d]{color:var(--el-color-primary)}.hzzt-kfb-slides__box[data-v-25dae76d]{border:1px solid #DCDDE1;border-radius:5px;background-color:#f2f3ff;cursor:pointer;width:100%;padding:6px;margin-bottom:8px;position:relative;overflow:hidden}.hzzt-kfb-slides__box--active[data-v-25dae76d]{border:2px solid #366EF4}.hzzt-kfb-slides__gallery[data-v-25dae76d]{display:flex;position:relative;overflow:hidden;border-radius:4px}.hzzt-kfb-slides__img[data-v-25dae76d]{width:100px;max-height:100px}.hzzt-kfb-slides__img1[data-v-25dae76d]{max-height:100px}.hzzt-kfb-slides__read[data-v-25dae76d]{position:absolute;top:6px;z-index:2;left:6px;width:32px;height:16px;background:var(--el-color-danger);color:#fff;border-radius:999px;text-align:center;line-height:16px}.hzzt-kfb-slides__grade[data-v-25dae76d]{position:absolute;top:6px;z-index:2;right:6px;width:32px;height:16px;color:#fff;border-radius:999px;text-align:center;line-height:16px}.hzzt-kfb-slides__header[data-v-25dae76d]{display:flex;align-items:center;height:30px}.hzzt-kfb-slides__text[data-v-25dae76d]{width:100%}.hzzt-kfb-slides .w-10\%[data-v-25dae76d]{width:10%}.hzzt-kfb-slides .w-20\%[data-v-25dae76d]{width:20%}.hzzt-kfb-slides .w-30\%[data-v-25dae76d]{width:30%}.hzzt-kfb-slides .w-40\%[data-v-25dae76d]{width:40%}.hzzt-kfb-slides .text-center[data-v-25dae76d]{text-align:center}.hzzt-kfb-ai{--hzzt-kfb-ai-background-color: #fff;--hzzt-kfb-ai-font-size: 14px;--hzzt-kfb-ai-img-width: 100px;--hzzt-kfb-ai-height-width: 100px;background-color:var(--hzzt-kfb-ai-background-color);font-size:var(--hzzt-kfb-ai-font-size);box-sizing:border-box;display:flex;flex-direction:column;height:100%}.hzzt-kfb-ai__img{border:2px solid var(--el-border-color);border-radius:3px;cursor:pointer;margin-bottom:4px;margin-right:4px;width:calc(var(--hzzt-kfb-ai-img-width) + 4px)}.hzzt-kfb-ai__img--active{border-color:var(--el-color-primary)}.hzzt-kfb-ai__img img{display:block;height:var(--hzzt-kfb-ai-img-height);object-fit:contain;overflow:hidden;width:var(--hzzt-kfb-ai-img-width)}.label-sub-title{border-top:1px solid #eee;font-size:14px;font-weight:700}.hzzt-kfb-slide{width:100%;height:100%;display:flex;flex-direction:column}.hzzt-kfb-slide .hzzt-kfb-view{height:100%;width:100%;overflow:hidden}.hzzt-kfb-slide .hzzt-kfb-view-screen-active{box-shadow:0 4px 10px #00000080;border:2px solid var(--el-color-primary)!important}.el-card[data-v-3599775b],.el-card[data-v-0141cae6],.el-card[data-v-ca4687d6]{border:none;--el-card-padding: 12px}.hzzt-kfb-toolbox-dot__box[data-v-ca4687d6]{width:24px;height:24px;border-radius:4px;margin:0 4px;cursor:pointer}.hzzt-kfb-toolbox-dot__box[data-v-ca4687d6]:hover{opacity:.8}.hzzt-kfb-toolbox-annotate-img[data-v-71f2944f]{cursor:pointer;padding:4px;width:40px;height:40px}.hzzt-kfb-toolbox-annotate-img[data-v-71f2944f]:hover{background:#84b5ff}.el-card[data-v-71f2944f],.el-card[data-v-bdb018f5],.el-card[data-v-fe8098cc]{border:none;--el-card-padding: 12px}.el-card[data-v-aa10a89d]{border:none}.hzzt-kfb-toolbox__icon[data-v-af758f1f]{font-size:16px;font-weight:600;margin:0;line-height:1}.el-card[data-v-b1632013]{border:none;--el-card-padding: 12px}
+@charset "UTF-8";.hzzt-kfb-tool-config{--hzzt-kfb-tool-config-title-font-size: 20px;--hzzt-kfb-tool-config-title-color: #000000;--hzzt-kfb-tool-config-font-size: 14px;--hzzt-kfb-tool-config-color: #000000;--hzzt-kfb-tool-config-icon-color: #ffffff;--hzzt-kfb-tool-config-icon-background-color: #000000;--hzzt-kfb-tool-config-block-background-color: #ffffff;font-size:var(--hzzt-kfb-tool-config-font-size);color:var(--hzzt-kfb-tool-config-color)}.hzzt-kfb-tool-config__title{font-size:var(--hzzt-kfb-tool-config-title-font-size);color:var(--hzzt-kfb-tool-config-title-color)}.hzzt-kfb-tool-config__icon{width:48px;height:48px;border-radius:100%;color:var(--hzzt-kfb-tool-config-icon-color);background-color:var(--hzzt-kfb-tool-config-icon-background-color)}.hzzt-kfb-tool-config__block{width:240px;padding:8px;margin-bottom:8px;background-color:var(--hzzt-kfb-tool-config-block-background-color);border:var(--el-border)}.hzzt-kfb-toolbox{--hzzt-kfb-toolbox-padding: 8px 0;--hzzt-kfb-toolbox-font-size: 12px;--hzzt-kfb-toolbox-background-color: #fff;--hzzt-kfb-toolbox-icon-width: 40px;--hzzt-kfb-toolbox-icon-color: #000000;--hzzt-kfb-toolbox-icon-hover-color: #FFFFFF;--hzzt-kfb-toolbox-icon-hover-background-color: #424D68;--hzzt-kfb-toolbox-tooltip-color: #FFFFFF;--hzzt-kfb-toolbox-tooltip-background-color: #0655C3;--hzzt-kfb-toolbox-text-color: #000000;--hzzt-kfb-toolbox-text-hover-color: #FFFFFF;display:flex;align-items:center;justify-content:space-between;background-color:var(--hzzt-kfb-toolbox-background-color);padding:var(--hzzt-kfb-toolbox-padding);font-size:var(--hzzt-kfb-toolbox-font-size);position:relative;border-bottom:1px solid var(--hzzt-border-color, #DCDCDC);width:100%}.hzzt-kfb-toolbox__component{display:flex;flex:1;align-items:center;justify-content:center}.hzzt-kfb-toolbox__icon{min-width:var(--hzzt-kfb-toolbox-icon-width);color:var(--hzzt-kfb-toolbox-icon-color);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;margin:0 4px}.hzzt-kfb-toolbox__icon:hover{color:var(--hzzt-kfb-toolbox-icon-hover-color);background:var(--hzzt-kfb-toolbox-icon-hover-background-color);border-radius:4px}.hzzt-kfb-toolbox__icon:hover .hzzt-kfb-toolbox__tooltip{display:flex}.hzzt-kfb-toolbox__icon:hover .hzzt-kfb-toolbox__text{color:var(--hzzt-kfb-toolbox-text-hover-color)}.hzzt-kfb-toolbox__tooltip{align-items:center;justify-content:center;background-color:var(--hzzt-kfb-toolbox-tooltip-background-color);position:absolute;color:var(--hzzt-kfb-toolbox-tooltip-color);padding:2px 4px;border-radius:4px;top:30px;display:none;white-space:nowrap;z-index:9999}.hzzt-kfb-toolbox__text{color:var(--hzzt-kfb-toolbox-text-color)}.hzzt-kfb-toolbox__line{--hzzt-kfb-toolbox-line-color: #A8ABB2;margin:0 8px;width:1px;height:20px;background:var(--hzzt-kfb-toolbox-line-color)}.hzzt-kfb-toolbox-rotate__angle .el-input-number{width:120PX}.hzzt-kfb-toolbox-rotate__btn{--hzzt-kfb-toolbox-rotate-btn-backgroud-color: #3B55BF;cursor:pointer;width:10px;height:10px;background:var(--hzzt-kfb-toolbox-rotate-btn-backgroud-color);z-index:2}.hzzt-kfb-toolbox-rotate__container{width:64px;height:64px}.hzzt-kfb-toolbox-rotate__img{cursor:pointer;user-select:none;width:100%;height:100%}.hzzt-kfb-toolbox-zoom{display:flex;--hzzt-kfb-toolbox-zoom-backgroud-color: #F3F3F4}.hzzt-kfb-toolbox-zoom__button{font-size:16px;line-height:16px;margin-left:2px;height:32px;background:var(--hzzt-kfb-toolbox-zoom-backgroud-color);border-radius:4px;border:1px solid #DCDDE1}.hzzt-kfb-toolbox-zoom__input{width:60px;height:30px;--el-input-bg-color: getCssVarNoName($B, "backgroud-color");--el-input-text-color: #000;--el-input-border: none}.hzzt-kfb-toolbox-zoom__input .el-input__wrapper{box-shadow:none}.hzzt-kfb-toolbox-zoom__input .el-input__wrapper .el-input__inner{font-size:16px;font-weight:600}.el-popover-padding-0{--el-popover-padding: 0 }.hzzt-kfb-menu[data-v-414722d0]{position:absolute;display:none;background:#fff;box-shadow:var(--el-box-shadow);border-radius:var(--el-border-radius-base);padding:8px 0;font-size:14px}.hzzt-kfb-menu .hzzt-kfb-menu-item[data-v-414722d0]{min-width:200px;display:flex;align-items:center;justify-content:space-between;padding:6px 16px;position:relative;cursor:pointer;line-height:1}.hzzt-kfb-menu .hzzt-kfb-menu-item[data-v-414722d0]:hover{background:var(--el-color-info-light-8)}.hzzt-kfb-menu .hzzt-kfb-menu-item:hover .hzzt-kfb-sub-menu[data-v-414722d0]{display:block}.hzzt-kfb-menu .hzzt-kfb-menu-item .hzzt-kfb-sub-menu[data-v-414722d0]{position:absolute;display:none;left:0;top:0;transform:translate(200px);box-shadow:var(--el-box-shadow);border-radius:var(--el-border-radius-base);padding:8px 0;background:#fff}.hzzt-kfb-menu .hzzt-kfb-menu-item .hzzt-kfb-sub-menu .hzzt-kfb-menu-item[data-v-414722d0],.hzzt-kfb-menu[data-v-414722d0] .el-cascader-menu{min-width:auto}.hzzt-kfb-menu[data-v-414722d0] .el-cascader-menu .el-cascader-node__label{display:flex;align-items:center;padding:0 16px 0 8px}.hzzt-kfb-menu[data-v-414722d0] .el-cascader-menu .el-cascader-menu__wrap.el-scrollbar__wrap{height:auto}.hzzt-kfb-microscope[data-v-e8b36101]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.hzzt-kfb-microscope .hzzt-kfb-microscope__container[data-v-e8b36101]{border:2px dashed red;border-radius:50%;min-width:24px;min-height:24px}.hzzt-kfb-microscope .hzzt-kfb-microscope__top[data-v-e8b36101]{width:18px;height:18px;position:absolute;top:-20px;left:50%;cursor:pointer;transform:translate(-50%);pointer-events:auto}.hzzt-kfb-microscope .hzzt-kfb-microscope__bottom[data-v-e8b36101]{width:18px;height:18px;position:absolute;bottom:-20px;left:50%;cursor:pointer;transform:translate(-50%);pointer-events:auto}.hzzt-kfb-microscope .hzzt-kfb-microscope__left[data-v-e8b36101]{width:18px;height:18px;position:absolute;left:-20px;top:50%;cursor:pointer;transform:translateY(-50%);pointer-events:auto}.hzzt-kfb-microscope .hzzt-kfb-microscope__right[data-v-e8b36101]{width:18px;height:18px;position:absolute;right:-20px;top:50%;cursor:pointer;transform:translateY(-50%);pointer-events:auto}.hzzt-kfb-label[data-v-7397de48]{position:absolute;top:0;left:0;background:#fff;color:#000}.hzzt-kfb-label .hzzt-kfb-label__title[data-v-7397de48]{font-size:12px;color:#000;padding:0 4px}.hzzt-kfb-label .hzzt-kfb-label__img[data-v-7397de48]{cursor:pointer;background:#0000004d}.hzzt-kfb-label .hzzt-kfb-label__img img[data-v-7397de48]{height:120px;width:120px}.hzzt-kfb-label .hzzt-kfb-label__pathology[data-v-7397de48]{--set-patholgy-height: 20px;height:var(--set-patholgy-height);font-size:12px;width:100%;display:flex;align-items:center;cursor:pointer;padding:2px 4px;border:1px solid var(--el-border-color)}.hzzt-kfb-label .hzzt-kfb-label__expend[data-v-7397de48]{position:absolute;--expand-button-width: 10px;width:var(--expand-button-width);height:40px;top:50%;transform:translateY(-50%);right:calc(-1 * var(--expand-button-width));background:#0006;border-radius:0 6px 6px 0;cursor:pointer;color:#fff}.hzzt-kfb-keyword[data-v-c8d940f0]{position:absolute;bottom:5px;left:50%;width:156px;margin-left:-78px}.hzzt-kfb-keyword .hzzt-kfb-keyword__code[data-v-c8d940f0]{margin:2px;width:48px;height:48px;background-color:#c8c8c880;color:#333;cursor:pointer}.hzzt-kfb-keyword .hzzt-kfb-keyword__code[data-v-c8d940f0]:hover{background-color:#bebebecc}.hzzt-kfb-level{position:absolute;right:50px;bottom:300px;height:200px;width:30px;border-radius:4px;background:#00000040}.hzzt-kfb-level .el-slider__runway{background-color:#00000080}.hzzt-kfb-level .el-slider__bar{background-color:unset}.hzzt-kfb-level .el-slider__stop{background-color:#e2e2e2}.hzzt-kfb-level--large{height:250px}.hzzt-kfb-channel{position:absolute;bottom:20px;right:50px;border:1px solid #000;border-radius:4px;background:#fff9}.hzzt-kfb-channel__box{min-width:48px;height:32px;margin:0 2px;border-radius:2px;cursor:pointer;text-align:center;line-height:32px;font-weight:700;border-left:1px solid #000;border-right:1px solid #000}.hzzt-kfb-channel__box--unactive{background:#fff!important;color:#000}.hzzt-kfb-channel__box:last-child{margin-right:0;border-right:unset}.hzzt-kfb-annotation[data-v-bfc56a3e]{position:absolute;top:4px;right:4px;background:#fffc;box-shadow:0 0 8px #dbdbdb33;border:1px solid rgba(255,255,255,.8);overflow:hidden;width:40px;height:40px;border-radius:50%;align-items:center;justify-content:center;transition:width .2s linear}.hzzt-kfb-annotation.hzzt-kfb-annotation--expand[data-v-bfc56a3e]{align-items:inherit;justify-content:inherit;height:auto;width:160px;bottom:20%;border-radius:8px;padding:8px 12px}.hzzt-kfb-title[data-v-bfc56a3e]{display:flex;align-items:center;font-size:14px;line-height:22px;font-weight:700}.hzzt-kfb-title[data-v-bfc56a3e]:before{display:block;content:" ";background:var(--el-color-primary);width:2px;height:12px;margin-right:4px}.hzzt-kfb-annotation__icon[data-v-bfc56a3e]{cursor:pointer}.hzzt-kfb-annotation__container[data-v-bfc56a3e]{display:flex;flex-direction:column;grid-column-gap:8px;overflow-y:auto}.hzzt-kfb-annotation__item[data-v-bfc56a3e]{display:flex;align-items:center;border-radius:6px;padding:4px;font-size:14px;line-height:22px;cursor:pointer}.hzzt-kfb-annotation__item.hzzt-kfb-annotation__item--active[data-v-bfc56a3e],.hzzt-kfb-annotation__item[data-v-bfc56a3e]:hover{background:var(--el-color-primary-light-7)}.hzzt-kfb-annotation__item .el-icon[data-v-bfc56a3e]{margin:0 4px}.hzzt-kfb-view{position:relative}.hzzt-kfb-view__main{width:100%;height:100%}.hzzt-kfb-view__filter{position:absolute}.hzzt-kfb-view__hotmap{position:absolute;left:0;top:0;height:100%;width:2px;color:red;background:red;z-index:999}.hzzt-kfb-view__hotmap .icon-caret-left{position:absolute;top:50%;left:-22px;color:red;font-size:30px;transform:translateY(-50%);cursor:pointer;user-select:none}.hzzt-kfb-view__hotmap .icon-caret-right{position:absolute;top:50%;left:-7px;color:red;font-size:30px;transform:translateY(-50%);cursor:pointer;user-select:none}.hzzt-kfb-view__tag{position:absolute;right:8px;top:4px;z-index:999}.hzzt-kfb-img-triangle-left:after{content:"";position:absolute;left:-10px;top:50%;transform:translate(-50%);width:0;height:0;border:10px solid transparent;border-right-color:#000c}.hzzt-kfb-slides[data-v-d3cde57c]{background-color:#fff;box-sizing:border-box;display:flex;flex-direction:column;height:100%;width:100%;overflow:auto;border-right:2px solid #DCDCDC}.hzzt-kfb-slides__row[data-v-d3cde57c]{align-items:center;display:flex;flex:1;flex-direction:column;overflow:hidden;min-height:0;padding:0 8px;font-size:12px}.hzzt-kfb-slides__top[data-v-d3cde57c]{align-items:center;display:flex;justify-content:space-between;overflow:hidden;width:100%;font-size:14px;margin:4px 0;color:#000}.hzzt-kfb-slides__top .text-primary[data-v-d3cde57c]{color:var(--el-color-primary)}.hzzt-kfb-slides__box[data-v-d3cde57c]{border:1px solid #DCDDE1;border-radius:5px;background-color:#f2f3ff;cursor:pointer;width:100%;padding:6px;margin-bottom:8px;position:relative;overflow:hidden}.hzzt-kfb-slides__box--active[data-v-d3cde57c]{border:2px solid #366EF4}.hzzt-kfb-slides__gallery[data-v-d3cde57c]{display:flex;position:relative;overflow:hidden;border-radius:4px}.hzzt-kfb-slides__img[data-v-d3cde57c]{width:100px;max-height:100px}.hzzt-kfb-slides__img1[data-v-d3cde57c]{max-height:100px}.hzzt-kfb-slides__read[data-v-d3cde57c]{position:absolute;top:6px;z-index:2;left:6px;width:32px;height:16px;background:var(--el-color-danger);color:#fff;border-radius:999px;text-align:center;line-height:16px}.hzzt-kfb-slides__grade[data-v-d3cde57c]{position:absolute;top:6px;z-index:2;right:6px;width:32px;height:16px;color:#fff;border-radius:999px;text-align:center;line-height:16px}.hzzt-kfb-slides__header[data-v-d3cde57c]{display:flex;align-items:center;height:30px}.hzzt-kfb-slides__text[data-v-d3cde57c]{width:100%}.hzzt-kfb-slides .w-10\%[data-v-d3cde57c]{width:10%}.hzzt-kfb-slides .w-20\%[data-v-d3cde57c]{width:20%}.hzzt-kfb-slides .w-30\%[data-v-d3cde57c]{width:30%}.hzzt-kfb-slides .w-40\%[data-v-d3cde57c]{width:40%}.hzzt-kfb-slides .text-center[data-v-d3cde57c]{text-align:center}.hzzt-kfb-ai{--hzzt-kfb-ai-background-color: #fff;--hzzt-kfb-ai-font-size: 14px;--hzzt-kfb-ai-img-width: 100px;--hzzt-kfb-ai-height-width: 100px;background-color:var(--hzzt-kfb-ai-background-color);font-size:var(--hzzt-kfb-ai-font-size);box-sizing:border-box;display:flex;flex-direction:column;height:100%}.hzzt-kfb-ai__img{border:2px solid var(--el-border-color);border-radius:3px;cursor:pointer;margin-bottom:4px;margin-right:4px;width:calc(var(--hzzt-kfb-ai-img-width) + 4px)}.hzzt-kfb-ai__img--active{border-color:var(--el-color-primary)}.hzzt-kfb-ai__img img{display:block;height:var(--hzzt-kfb-ai-img-height);object-fit:contain;overflow:hidden;width:var(--hzzt-kfb-ai-img-width)}.label-sub-title{border-top:1px solid #eee;font-size:14px;font-weight:700}.hzzt-kfb-slide{width:100%;height:100%;display:flex;flex-direction:column}.hzzt-kfb-slide .hzzt-kfb-view{height:100%;width:100%;overflow:hidden}.hzzt-kfb-slide .hzzt-kfb-view-screen-active{box-shadow:0 4px 10px #00000080;border:2px solid var(--el-color-primary)!important}.el-card[data-v-3599775b],.el-card[data-v-23fd8f31],.el-card[data-v-ca4687d6]{border:none;--el-card-padding: 12px}.hzzt-kfb-toolbox-dot__box[data-v-ca4687d6]{width:24px;height:24px;border-radius:4px;margin:0 4px;cursor:pointer}.hzzt-kfb-toolbox-dot__box[data-v-ca4687d6]:hover{opacity:.8}.hzzt-kfb-toolbox-annotate-icon[data-v-c599cd1a]{cursor:pointer;display:flex;justify-content:center;align-items:center;padding:8px}.hzzt-kfb-toolbox-annotate-icon[data-v-c599cd1a]:hover{background:#84b5ff}.el-card[data-v-c599cd1a],.el-card[data-v-bdb018f5],.el-card[data-v-fe8098cc]{border:none;--el-card-padding: 12px}.el-card[data-v-aa10a89d]{border:none}.hzzt-kfb-toolbox__icon[data-v-af758f1f]{font-size:16px;font-weight:600;margin:0;line-height:1}.el-card[data-v-b1632013]{border:none;--el-card-padding: 12px}

package/dist/index.es.js

@@ -1,7 +1,7 @@
-import { h as f, j as o, i as t, k as b } from "./components/indexB0v3MpmE.js";
+import { c as e, e as f, d as o, i as t } from "./components/indexCiVL4LuE.js";
 export {
-  f as HzztKfbSlide,
-  o as HzztKfbToolbox,
-  t as HzztKfbView,
-  b as default
+  e as HzztKfbSlide,
+  f as HzztKfbToolbox,
+  o as HzztKfbView,
+  t as default
 };

package/package.json

@@ -10,7 +10,7 @@
     "package.json"
   ],
   "license": "MIT",
-  "version": "0.0.8",
+  "version": "0.1.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -21,7 +21,7 @@
   "peerDependencies": {
     "element-plus": "^2.10.4",
     "v-lazy-image": "^2.1.1",
-    "kfb-view": "^3.3.1",
+    "kfb-view": "^3.3.2",
     "vue": "^3.5.17"
   },
   "devDependencies": {

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

@@ -0,0 +1,17 @@
+import { Label } from "@/components/KfbView/index.ts";
+type __VLS_Props = {
+    annotation?: Label;
+    annotations: Label[];
+};
+type __VLS_PublicProps = __VLS_Props & {
+    'expand'?: boolean;
+};
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:expand": (value: boolean | undefined) => any;
+} & {
+    select: (label: Label) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onSelect?: ((label: Label) => any) | undefined;
+    "onUpdate:expand"?: ((value: boolean | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -73,6 +73,7 @@ export interface KfbEvent {
     center?: Point;
 }
 export interface ViewerInterface {
+    canvas?: HTMLCanvasElement;
     viewport: ViewportInterface;
     drawer: DrawerInterface;
     addHandler: (name: string, func: (e: KfbEvent) => void) => void;
@@ -118,6 +119,7 @@ export interface TiledImage {
     tilesMatrix: Record<any, any>;
 }
 export interface KfbViewInterface {
+    $el: HTMLElement;
     labelList?: Label[];
     viewer: ViewerInterface;
     destroy?: () => void;

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

@@ -10,12 +10,13 @@ declare function updateGraduation(options: any): void;
 declare function updateNavigator(flag: any): void;
 declare function zoomTo(zoom: any): void;
 declare function jumpToPosition(region: Rect, zoom: any): void;
-declare var __VLS_137: {};
+declare var __VLS_144: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_137) => any;
+    default?: (props: typeof __VLS_144) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<KfbProps, {
     kfbView: Ref<{
+        $el: HTMLElement;
         labelList?: {
             id?: number | undefined;
             parent_id?: number | undefined;
@@ -58,6 +59,7 @@ declare const __VLS_component: import("vue").DefineComponent<KfbProps, {
             __data__: any;
         }[] | undefined;
         viewer: {
+            canvas?: HTMLCanvasElement | undefined;
             viewport: {
                 setRotation: (angle?: number) => void;
                 toggleFlip: () => void;
@@ -129,6 +131,7 @@ declare const __VLS_component: import("vue").DefineComponent<KfbProps, {
             }) => void;
         };
     }, KfbViewInterface | {
+        $el: HTMLElement;
         labelList?: {
             id?: number | undefined;
             parent_id?: number | undefined;
@@ -171,6 +174,7 @@ declare const __VLS_component: import("vue").DefineComponent<KfbProps, {
             __data__: any;
         }[] | undefined;
         viewer: {
+            canvas?: HTMLCanvasElement | undefined;
             viewport: {
                 setRotation: (angle?: number) => void;
                 toggleFlip: () => void;

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

@@ -83,6 +83,87 @@ export declare function useLabel(props: KfbProps, emit: Emits, kfbView: Ref<KfbV
         __other__: any;
         __data__: any;
     } | undefined>;
+    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;
+    }[]>;
     initLabel: () => void;
     jumpToLabel: (label: Label, zoom?: number) => void;
     reloadLabelList: () => void;

package/types/components/icon/expandLeft.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/components/icon/expandRight.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/components/icon/mark/arrow.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/components/icon/mark/bilateral.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/components/icon/mark/dot.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/components/icon/mark/ellipse.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/components/icon/mark/flag.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/components/icon/mark/font.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/components/icon/mark/line.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/components/icon/mark/polygon.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/components/icon/mark/rectangle.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/components/icon/mark/star.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/components/icon/mark/voice.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/components/toolbox/instances.d.ts

@@ -7,6 +7,7 @@ export interface PropsInterface {
     component?: Component;
     isPrevent?: boolean;
     callback?: () => void;
+    options?: Record<any, any>;
 }
 export declare const defaultProps: {
     size: number;

package/types/index.d.ts

@@ -118,6 +118,7 @@ declare const _default: {
             onTool?: ((action: string, value?: any) => any) | undefined;
         }>, {
             kfbView: import("vue").Ref<{
+                $el: HTMLElement;
                 labelList?: {
                     id?: number | undefined;
                     parent_id?: number | undefined;
@@ -160,6 +161,7 @@ declare const _default: {
                     __data__: any;
                 }[] | undefined;
                 viewer: {
+                    canvas?: HTMLCanvasElement | undefined;
                     viewport: {
                         setRotation: (angle?: number) => void;
                         toggleFlip: () => void;
@@ -231,6 +233,7 @@ declare const _default: {
                     }) => void;
                 };
             }, import("./components/KfbView/index.ts").KfbViewInterface | {
+                $el: HTMLElement;
                 labelList?: {
                     id?: number | undefined;
                     parent_id?: number | undefined;
@@ -273,6 +276,7 @@ declare const _default: {
                     __data__: any;
                 }[] | undefined;
                 viewer: {
+                    canvas?: HTMLCanvasElement | undefined;
                     viewport: {
                         setRotation: (angle?: number) => void;
                         toggleFlip: () => void;
@@ -380,6 +384,7 @@ declare const _default: {
             onTool?: ((action: string, value?: any) => any) | undefined;
         }>, {
             kfbView: import("vue").Ref<{
+                $el: HTMLElement;
                 labelList?: {
                     id?: number | undefined;
                     parent_id?: number | undefined;
@@ -422,6 +427,7 @@ declare const _default: {
                     __data__: any;
                 }[] | undefined;
                 viewer: {
+                    canvas?: HTMLCanvasElement | undefined;
                     viewport: {
                         setRotation: (angle?: number) => void;
                         toggleFlip: () => void;
@@ -493,6 +499,7 @@ declare const _default: {
                     }) => void;
                 };
             }, import("./components/KfbView/index.ts").KfbViewInterface | {
+                $el: HTMLElement;
                 labelList?: {
                     id?: number | undefined;
                     parent_id?: number | undefined;
@@ -535,6 +542,7 @@ declare const _default: {
                     __data__: any;
                 }[] | undefined;
                 viewer: {
+                    canvas?: HTMLCanvasElement | undefined;
                     viewport: {
                         setRotation: (angle?: number) => void;
                         toggleFlip: () => void;
@@ -637,6 +645,7 @@ declare const _default: {
         onTool?: ((action: string, value?: any) => any) | undefined;
     }>, {
         kfbView: import("vue").Ref<{
+            $el: HTMLElement;
             labelList?: {
                 id?: number | undefined;
                 parent_id?: number | undefined;
@@ -679,6 +688,7 @@ declare const _default: {
                 __data__: any;
             }[] | undefined;
             viewer: {
+                canvas?: HTMLCanvasElement | undefined;
                 viewport: {
                     setRotation: (angle?: number) => void;
                     toggleFlip: () => void;
@@ -750,6 +760,7 @@ declare const _default: {
                 }) => void;
             };
         }, import("./components/KfbView/index.ts").KfbViewInterface | {
+            $el: HTMLElement;
             labelList?: {
                 id?: number | undefined;
                 parent_id?: number | undefined;
@@ -792,6 +803,7 @@ declare const _default: {
                 __data__: any;
             }[] | undefined;
             viewer: {
+                canvas?: HTMLCanvasElement | undefined;
                 viewport: {
                     setRotation: (angle?: number) => void;
                     toggleFlip: () => void;

package/dist/components/annotateJzE3toJV.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("./indexBkFttmTs.js"),c=require("./useCommonBD90FQd0.js"),o=require("element-plus"),_=require("./annotateR7c0LCw2.js"),v=["onClick"],x=["src","alt"],C=e.defineComponent({name:"ToolAnnotate",__name:"annotate",props:e.mergeDefaults({size:{},text:{},name:{},component:{},isPrevent:{type:Boolean},callback:{type:Function}},c.defaultProps),emits:["tool"],setup(b,{emit:i}){const u=i,{t:l,textClass:d}=c.useCommon(),s={line:t.line,arrow:t.arrow,bilateral:t.bilateral,rectangle:t.rectangle,ellipse:t.ellipse,polygon:t.polygon,star:t.star,flag:t.flag,dot:t.dot,font:t.font,voice:t.voice},f=Object.keys(s).map(n=>({name:n,src:s[n]})),a=e.ref(!1);function p(n){a.value=!1,u("tool","annotate",{tool:n.substring(0,1).toLocaleUpperCase()+n.substring(1)})}function m(){a.value=!a.value}return(n,y)=>(e.openBlock(),e.createBlock(e.unref(o.ElPopover),{visible:a.value,"popper-class":"el-popover-padding-0",placement:"bottom",width:"220px",trigger:"click"},{reference:e.withCtx(()=>[e.createElementVNode("div",{class:"hzzt-kfb-toolbox__icon",onClick:m},[e.createVNode(e.unref(o.ElIcon),{size:n.size},{default:e.withCtx(()=>[e.createVNode(_.default)]),_:1},8,["size"]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(d))},e.toDisplayString(e.unref(l)(n.text||"标注")),3)])]),default:e.withCtx(()=>[e.createVNode(e.unref(o.ElCard),{shadow:"never",header:e.unref(l)("标注工具"),"body-style":{padding:"8px"}},{default:e.withCtx(()=>[e.createElementVNode("div",null,[e.createVNode(e.unref(o.ElText),{type:"danger"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(l)("按ESC可退出标注模式")),1)]),_:1})]),e.createElementVNode("div",null,[e.createVNode(e.unref(o.ElText),{type:"danger"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(l)("点击标注按Delete键可删除标注")),1)]),_:1})]),e.createVNode(e.unref(o.ElRow),null,{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(f),(r,g)=>(e.openBlock(),e.createBlock(e.unref(o.ElCol),{key:g,class:"flex justify-content-center align-items-center",span:8},{default:e.withCtx(()=>[e.createElementVNode("div",{class:"hzzt-kfb-toolbox-annotate-img",onClick:E=>p(r.name)},[e.createElementVNode("img",{style:{width:"100%"},src:r.src,alt:r.name},null,8,x)],8,v)]),_:2},1024))),128))]),_:1})]),_:1},8,["header"])]),_:1},8,["visible"]))}}),h=t._export_sfc(C,[["__scopeId","data-v-71f2944f"]]);exports.default=h;

package/dist/components/annotatemJxZMVPO.js

@@ -1,123 +0,0 @@
-import { defineComponent as h, mergeDefaults as k, ref as y, createBlock as d, openBlock as i, unref as e, withCtx as o, createVNode as a, createElementVNode as s, createTextVNode as f, toDisplayString as c, createElementBlock as z, Fragment as E, renderList as w, normalizeClass as B } from "vue";
-import { v as D, f as N, d as P, a as T, s as V, p as j, e as F, r as I, b as L, c as S, l as A, _ as O } from "./indexB0v3MpmE.js";
-import { u as R, d as U } from "./useCommonBD-xKHu3.js";
-import { ElPopover as $, ElCard as q, ElText as m, ElRow as G, ElCol as H, ElIcon as J } from "element-plus";
-import K from "./annotateFlT59Ud8.js";
-const M = ["onClick"], Q = ["src", "alt"], W = /* @__PURE__ */ h({
-  name: "ToolAnnotate",
-  __name: "annotate",
-  props: /* @__PURE__ */ k({
-    size: {},
-    text: {},
-    name: {},
-    component: {},
-    isPrevent: { type: Boolean },
-    callback: { type: Function }
-  }, U),
-  emits: ["tool"],
-  setup(X, { emit: u }) {
-    const _ = u, { t: l, textClass: v } = R(), p = {
-      line: A,
-      arrow: S,
-      bilateral: L,
-      rectangle: I,
-      ellipse: F,
-      polygon: j,
-      star: V,
-      flag: T,
-      dot: P,
-      font: N,
-      voice: D
-    }, g = Object.keys(p).map((t) => ({
-      name: t,
-      src: p[t]
-    })), n = y(!1);
-    function b(t) {
-      n.value = !1, _("tool", "annotate", {
-        tool: t.substring(0, 1).toLocaleUpperCase() + t.substring(1)
-      });
-    }
-    function x() {
-      n.value = !n.value;
-    }
-    return (t, Y) => (i(), d(e($), {
-      visible: n.value,
-      "popper-class": "el-popover-padding-0",
-      placement: "bottom",
-      width: "220px",
-      trigger: "click"
-    }, {
-      reference: o(() => [
-        s("div", {
-          class: "hzzt-kfb-toolbox__icon",
-          onClick: x
-        }, [
-          a(e(J), { size: t.size }, {
-            default: o(() => [
-              a(K)
-            ]),
-            _: 1
-          }, 8, ["size"]),
-          s("div", {
-            class: B(e(v))
-          }, c(e(l)(t.text || "标注")), 3)
-        ])
-      ]),
-      default: o(() => [
-        a(e(q), {
-          shadow: "never",
-          header: e(l)("标注工具"),
-          "body-style": { padding: "8px" }
-        }, {
-          default: o(() => [
-            s("div", null, [
-              a(e(m), { type: "danger" }, {
-                default: o(() => [
-                  f(c(e(l)("按ESC可退出标注模式")), 1)
-                ]),
-                _: 1
-              })
-            ]),
-            s("div", null, [
-              a(e(m), { type: "danger" }, {
-                default: o(() => [
-                  f(c(e(l)("点击标注按Delete键可删除标注")), 1)
-                ]),
-                _: 1
-              })
-            ]),
-            a(e(G), null, {
-              default: o(() => [
-                (i(!0), z(E, null, w(e(g), (r, C) => (i(), d(e(H), {
-                  key: C,
-                  class: "flex justify-content-center align-items-center",
-                  span: 8
-                }, {
-                  default: o(() => [
-                    s("div", {
-                      class: "hzzt-kfb-toolbox-annotate-img",
-                      onClick: (Z) => b(r.name)
-                    }, [
-                      s("img", {
-                        style: { width: "100%" },
-                        src: r.src,
-                        alt: r.name
-                      }, null, 8, Q)
-                    ], 8, M)
-                  ]),
-                  _: 2
-                }, 1024))), 128))
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 8, ["header"])
-      ]),
-      _: 1
-    }, 8, ["visible"]));
-  }
-}), le = /* @__PURE__ */ O(W, [["__scopeId", "data-v-71f2944f"]]);
-export {
-  le as default
-};

package/dist/components/customB1-3lgH0.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=require("./useCommonBD90FQd0.js"),u=e.defineComponent({name:"ToolCustom",__name:"custom",props:e.mergeDefaults({size:{},text:{},name:{},component:{},isPrevent:{type:Boolean},callback:{type:Function}},n.defaultProps),emits:["tool"],setup(l,{emit:s}){const r=l,c=s,{t:a,textClass:i}=n.useCommon(),t=e.ref();function m(){c("tool",r.name||"",t.value)}return(o,f)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"toolRef",ref:t,class:"hzzt-kfb-toolbox__icon",onClick:m},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.component),{size:o.size},null,8,["size"])),e.createElementVNode("div",{class:e.normalizeClass(e.unref(i))},[e.renderSlot(o.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(e.unref(a)(o.text||" ")),1)])],2)],512))}});exports.default=u;

package/dist/components/dotDc-QmqaE.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),d=require("./useCommonBD90FQd0.js"),p=require("./dotDhjymv7s.js"),h=require("./checkCBxyasVc.js"),r=require("element-plus"),b=require("./indexBkFttmTs.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}},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 k(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 m(){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"},{reference:e.withCtx(()=>[e.createElementVNode("div",{class:"hzzt-kfb-toolbox__icon",onClick:t[0]||(t[0]=o=>m())},[e.createVNode(e.unref(r.ElIcon),{size:l.size},{default:e.withCtx(()=>[e.createVNode(p.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=>k(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-ca4687d6"]]);exports.default=x;