hzzt-kfb-slide 0.0.9 → 0.1.1

package/dist/components/indexBMt2qfwG.js

@@ -1,3006 +0,0 @@
-var Wt = Object.defineProperty, Zt = Object.defineProperties;
-var qt = Object.getOwnPropertyDescriptors;
-var yt = Object.getOwnPropertySymbols;
-var Yt = Object.prototype.hasOwnProperty, Xt = Object.prototype.propertyIsEnumerable;
-var bt = (d, e, n) => e in d ? Wt(d, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : d[e] = n, j = (d, e) => {
-  for (var n in e || (e = {}))
-    Yt.call(e, n) && bt(d, n, e[n]);
-  if (yt)
-    for (var n of yt(e))
-      Xt.call(e, n) && bt(d, n, e[n]);
-  return d;
-}, me = (d, e) => Zt(d, qt(e));
-var Ce = (d, e, n) => new Promise((t, b) => {
-  var v = (m) => {
-    try {
-      i(n.next(m));
-    } catch (g) {
-      b(g);
-    }
-  }, u = (m) => {
-    try {
-      i(n.throw(m));
-    } catch (g) {
-      b(g);
-    }
-  }, i = (m) => m.done ? t(m.value) : Promise.resolve(m.value).then(v, u);
-  i((n = n.apply(d, e)).next());
-});
-import { inject as J, ref as $, markRaw as H, defineAsyncComponent as M, defineComponent as ee, createBlock as P, openBlock as w, unref as o, normalizeProps as Qt, guardReactiveProps as Jt, withCtx as x, resolveDynamicComponent as xe, useModel as Ee, computed as B, createElementBlock as L, createElementVNode as _, createVNode as T, toDisplayString as V, Fragment as le, renderList as oe, createTextVNode as G, isRef as Ve, watch as ne, h as el, provide as re, renderSlot as de, mergeProps as Ke, createCommentVNode as A, reactive as ot, onMounted as pe, onBeforeUnmount as Ie, normalizeStyle as W, mergeDefaults as tl, withDirectives as $e, vShow as Re, getCurrentInstance as ll, mergeModels as we, normalizeClass as ye, Teleport as Fe, withModifiers as Be } from "vue";
-import { ElIcon as be, ElRow as ol, ElCol as nl, ElSwitch as Le, ElRadioGroup as _t, ElRadio as De, ElDialog as je, ElForm as tt, ElFormItem as se, ElInput as et, ElButton as ge, ElMessage as kt, ElLoading as Ct, ElSlider as al, ElTag as Tt, ElCheckbox as Oe, ElTooltip as zt, ElPopover as sl, ElCheckboxGroup as il, ElPagination as rl } from "element-plus";
-import { KfbView as ue, OpenSeadragon as Te } from "kfb-view";
-import ul from "v-lazy-image";
-function ce() {
-  const d = J("i18n"), e = (n) => n;
-  return {
-    locale: d == null ? void 0 : d.locale,
-    t: (d == null ? void 0 : d.t) || e
-  };
-}
-const dl = {
-  install(d, e) {
-    d.provide("i18n", e == null ? void 0 : e.global);
-  }
-}, O = $({
-  annotate: H(M(() => import("./annotateDQQc3oYO.js"))),
-  arrowCircle: H(M(() => import("./arrowCircleDN2Qevn_.js"))),
-  check: H(M(() => import("./checkgqabT7oF.js"))),
-  dot: H(M(() => import("./dotBx_U-TRs.js"))),
-  flip: H(M(() => import("./flipCNkGkJFc.js"))),
-  info: H(M(() => import("./infoBWvCO9_7.js"))),
-  microscope: H(M(() => import("./microscopeB6_xwHWr.js"))),
-  move: H(M(() => import("./movel8WgST25.js"))),
-  next: H(M(() => import("./next_hDHaXI8.js"))),
-  prev: H(M(() => import("./prevBeyGPDD3.js"))),
-  process: H(M(() => import("./processD0b1s4d4.js"))),
-  rotate: H(M(() => import("./rotateDZ2LcDRk.js"))),
-  fullscreen: H(M(() => import("./fullscreenDZYz-sfk.js"))),
-  setting: H(M(() => import("./settingDCw5DNWc.js"))),
-  tailor: H(M(() => import("./tailorvV9idwBq.js"))),
-  download: H(M(() => import("./downloadCO9Cz6dr.js"))),
-  config: H(M(() => import("./config8wBzwVWe.js"))),
-  arrowDown: H(M(() => import("./arrowDownB5PEMVYP.js"))),
-  arrowUp: H(M(() => import("./arrowUpB_mDEoVE.js"))),
-  arrowLeft: H(M(() => import("./arrowLeftC_h3QrNf.js"))),
-  arrowRight: H(M(() => import("./arrowRightBAEhIIeD.js"))),
-  zoomIn: H(M(() => import("./zoomInDtlrDlNR.js"))),
-  zoomOut: H(M(() => import("./zoomOut_jWy0Idj.js"))),
-  level: H(M(() => import("./levelBeCwZgz9.js"))),
-  channel: H(M(() => import("./channelCxhiBqFa.js"))),
-  delete: H(M(() => import("./deleteDFVCacNy.js"))),
-  expandLeft: H(M(() => import("./expandLeftBmr3uw-F.js"))),
-  expandRight: H(M(() => import("./expandRightBPDxAHAT.js"))),
-  markLine: H(M(() => import("./linerKZy_PBV.js"))),
-  markArrow: H(M(() => import("./arrowq3GgyGtl.js"))),
-  markBilateral: H(M(() => import("./bilateralsYVc46ez.js"))),
-  markRectangle: H(M(() => import("./rectangleD4mKwQvO.js"))),
-  markEllipse: H(M(() => import("./ellipseDPdtULn7.js"))),
-  markPolygon: H(M(() => import("./polygonI_Zz93ii.js"))),
-  markFlag: H(M(() => import("./flagC_HXmW12.js"))),
-  markStar: H(M(() => import("./starZ-R1XM0P.js"))),
-  markDot: H(M(() => import("./dotDVIxo3b0.js"))),
-  markFont: H(M(() => import("./fontDXUcdfsw.js"))),
-  markVoice: H(M(() => import("./voice0zCcCgj_.js")))
-}), X = /* @__PURE__ */ ee({
-  __name: "KfbIcon",
-  props: {
-    name: {
-      type: [String, Number],
-      required: !0
-    }
-  },
-  setup(d) {
-    return (e, n) => (w(), P(o(be), Qt(Jt(e.$attrs)), {
-      default: x(() => [
-        (w(), P(xe(o(O)[d.name])))
-      ]),
-      _: 1
-    }, 16));
-  }
-}), cl = { class: "hzzt-kfb-tool-config" }, vl = { class: "hzzt-kfb-tool-config__title margin-b-2" }, fl = { class: "hzzt-kfb-tool-config__block flex align-items-center" }, ml = { class: "hzzt-kfb-tool-config__icon flex align-items-center justify-content-center" }, pl = { class: "margin-l-4 flex-1" }, hl = { class: "hzzt-kfb-tool-config__title" }, gl = { class: "flex align-items-center" }, wl = {
-  class: "margin-t-2 margin-b-2",
-  style: { width: "160px" }
-}, yl = { class: "flex align-items-center" }, bl = {
-  class: "margin-t-2 margin-b-2",
-  style: { width: "160px" }
-}, _l = /* @__PURE__ */ ee({
-  name: "KfbToolConfig",
-  __name: "KfbToolConfig",
-  props: {
-    menus: {
-      default: () => []
-    },
-    menusModifiers: {},
-    showText: { type: Boolean },
-    showTextModifiers: {}
-  },
-  emits: ["update:menus", "update:showText"],
-  setup(d) {
-    const e = Ee(d, "menus"), n = Ee(d, "showText"), { t } = ce(), b = B(() => e.value.filter((g) => g.name !== "line" && g.name !== "config" && g.name !== "zoom")), v = {
-      fullscreen: t("全屏"),
-      next: t("上一张"),
-      prev: t("上一张"),
-      flip: t("镜像翻转"),
-      setting: t("工具"),
-      rotate: t("旋转"),
-      dot: t("打点"),
-      annotate: t("标注"),
-      tailor: t("截图"),
-      process: t("图像处理"),
-      microscope: t("镜下"),
-      move: t("快速移动"),
-      info: t("信息"),
-      download: t("下载")
-    }, u = J("show-keyboard", $(!1));
-    function i(g) {
-      return g in v;
-    }
-    function m(g) {
-      var h;
-      return ((h = g.props) == null ? void 0 : h.text) || (i(g.name) ? v[g.name] : "");
-    }
-    return (g, h) => (w(), L("div", cl, [
-      _("h3", vl, V(o(t)("显示管理")), 1),
-      T(o(ol), { gutter: 10 }, {
-        default: x(() => [
-          (w(!0), L(le, null, oe(b.value, (l) => (w(), P(o(nl), {
-            key: l.name,
-            span: 8
-          }, {
-            default: x(() => {
-              var a, c;
-              return [
-                _("div", fl, [
-                  _("div", ml, [
-                    (a = l.props) != null && a.component ? (w(), P(xe((c = l.props) == null ? void 0 : c.component), {
-                      key: 1,
-                      size: 24
-                    })) : (w(), P(X, {
-                      key: 0,
-                      size: 24,
-                      name: l.name
-                    }, null, 8, ["name"]))
-                  ]),
-                  _("p", pl, V(m(l)), 1),
-                  T(o(Le), {
-                    modelValue: l.show,
-                    "onUpdate:modelValue": (s) => l.show = s,
-                    "active-text": "",
-                    "inactive-text": ""
-                  }, null, 8, ["modelValue", "onUpdate:modelValue"])
-                ])
-              ];
-            }),
-            _: 2
-          }, 1024))), 128))
-        ]),
-        _: 1
-      }),
-      _("div", null, [
-        _("h3", hl, V(o(t)("其他设置")), 1),
-        _("div", gl, [
-          _("p", wl, V(o(t)("工具列表显示切换")), 1),
-          T(o(_t), {
-            modelValue: n.value,
-            "onUpdate:modelValue": h[0] || (h[0] = (l) => n.value = l)
-          }, {
-            default: x(() => [
-              T(o(De), { value: !0 }, {
-                default: x(() => [
-                  G(V(o(t)("显示工具名称")), 1)
-                ]),
-                _: 1
-              }),
-              T(o(De), { value: !1 }, {
-                default: x(() => [
-                  G(V(o(t)("隐藏工具名称")), 1)
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          }, 8, ["modelValue"])
-        ]),
-        _("div", yl, [
-          _("p", bl, V(o(t)("小键盘显示切换")), 1),
-          T(o(_t), {
-            modelValue: o(u),
-            "onUpdate:modelValue": h[1] || (h[1] = (l) => Ve(u) ? u.value = l : null)
-          }, {
-            default: x(() => [
-              T(o(De), { value: !0 }, {
-                default: x(() => [
-                  G(V(o(t)("显示小键盘")), 1)
-                ]),
-                _: 1
-              }),
-              T(o(De), { value: !1 }, {
-                default: x(() => [
-                  G(V(o(t)("隐藏小键盘")), 1)
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          }, 8, ["modelValue"])
-        ])
-      ])
-    ]));
-  }
-}), kl = { class: "hzzt-kfb-toolbox" }, zl = { class: "hzzt-kfb-toolbox__component" }, Ae = /* @__PURE__ */ ee({
-  name: "KfbToolbox",
-  __name: "KfbToolbox",
-  props: {
-    menu: {},
-    process: {},
-    microscope: {},
-    showMenuText: { type: Boolean }
-  },
-  emits: ["tool"],
-  setup(d, { emit: e }) {
-    const n = d, t = e, { t: b } = ce(), v = {
-      prev: b("上一张"),
-      next: b("下一张"),
-      config: b("配置"),
-      info: b("信息"),
-      flip: b("镜像"),
-      tailor: b("截图")
-    }, u = J("kfbViewRef"), i = $(!1), m = $(n.showMenuText), g = $(a(n.menu)), h = {
-      fullscreen: M(() => import("./fullscreenCEFKqV7l.js")),
-      line: M(() => import("./lineBIoJpzbf.js")),
-      setting: M(() => import("./settingB_4RabuF.js")),
-      rotate: M(() => import("./rotatePTOj7NOR.js")),
-      dot: M(() => import("./dotB2b_Bc58.js")),
-      annotate: M(() => import("./annotateCskNt8uV.js")),
-      process: M(() => import("./processBUT2dQY5.js")),
-      microscope: M(() => import("./microscopeB9wC5wRM.js")),
-      move: M(() => import("./moveCCEIbSgO.js")),
-      custom: M(() => import("./customoXQbJYSP.js")),
-      zoom: M(() => import("./zoomDQAi2Vcg.js")),
-      download: M(() => import("./downloadDYN6iKOq.js"))
-    }, l = B(() => g.value.filter((s) => s.show !== !1).map((s) => ({
-      component: h[s.name],
-      props: s.props,
-      slots: s.slots
-    })));
-    ne(() => n.menu, (s) => {
-      g.value = a(s);
-    });
-    function a(s) {
-      return s.map((r) => {
-        const p = typeof r == "string" ? r : r.name;
-        return v[p] ? {
-          name: "custom",
-          show: typeof r == "string" ? !0 : r.show !== !1,
-          props: me(j({
-            text: v[p]
-          }, typeof r == "string" ? {} : r.props), {
-            name: p,
-            component: el(X, {
-              name: p
-            })
-          })
-        } : p === "process" ? {
-          name: p,
-          props: typeof r == "string" ? {
-            process: n.process
-          } : j({
-            process: n.process
-          }, r.props),
-          slots: typeof r == "string" ? void 0 : r.slots,
-          show: typeof r == "string" ? !0 : r.show !== !1
-        } : p === "microscope" ? {
-          name: p,
-          props: typeof r == "string" ? {
-            process: n.process
-          } : j({
-            microscope: n.microscope
-          }, r.props),
-          slots: typeof r == "string" ? void 0 : r.slots,
-          show: typeof r == "string" ? !0 : r.show !== !1
-        } : {
-          name: p,
-          props: typeof r == "string" ? {} : r.props,
-          slots: typeof r == "string" ? void 0 : r.slots,
-          show: typeof r == "string" ? !0 : r.show !== !1
-        };
-      });
-    }
-    function c(s, r) {
-      const p = {
-        annotate: () => u.value.startDraw(r),
-        tailor: () => u.value.shotScreen(r),
-        process: () => u.value.forceRedraw(r),
-        microscope: () => u.value.scopeChange(r),
-        move: () => u.value.fastMove(r),
-        endDraw: () => u.value.endDraw(),
-        info: () => u.value.info(),
-        zoom: () => u.value.zoomTo(r),
-        flip: () => u.value.toggleFlip(r),
-        config: () => i.value = !0,
-        grid: () => u.value.updateGrid(r),
-        ruler: () => u.value.updateGrid(r),
-        graduation: () => u.value.updateGraduation(r),
-        navigator: () => u.value.updateNavigator(r),
-        tool: () => {
-          u.value.updateGrid({
-            show: r
-          }), u.value.updateGraduation({
-            show: r
-          }), u.value.updateGrid({
-            ruler: r
-          }), u.value.updateNavigator(r);
-        }
-      };
-      p[s] ? p[s]() : t("tool", s, r);
-    }
-    return re("show-text", m), (s, r) => (w(), L("div", kl, [
-      de(s.$slots, "left"),
-      _("div", zl, [
-        (w(!0), L(le, null, oe(l.value, (p, y) => (w(), P(xe(p.component), Ke({ ref_for: !0 }, p.props, {
-          key: y,
-          onTool: c
-        }), {
-          default: x(() => [
-            p.slots ? (w(!0), L(le, { key: 0 }, oe(p.slots, (k) => (w(), P(xe(k)))), 256)) : A("", !0)
-          ]),
-          _: 2
-        }, 1040))), 128))
-      ]),
-      de(s.$slots, "right"),
-      T(o(je), {
-        modelValue: i.value,
-        "onUpdate:modelValue": r[2] || (r[2] = (p) => i.value = p),
-        width: "800px",
-        title: o(b)("阅片工具设置中心")
-      }, {
-        default: x(() => [
-          T(_l, {
-            menus: g.value,
-            "onUpdate:menus": r[0] || (r[0] = (p) => g.value = p),
-            showText: m.value,
-            "onUpdate:showText": r[1] || (r[1] = (p) => m.value = p)
-          }, null, 8, ["menus", "showText"])
-        ]),
-        _: 1
-      }, 8, ["modelValue", "title"])
-    ]));
-  }
-}), Ge = "data:image/svg+xml,%3csvg%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%3e%3cpath%20d='M556.45%20126.8H904.7c31.31%200%2056.26%2025.47%2057.3%2056.78v656.85c-0.68%2031.26-26.03%2056.35-57.3%2056.72H617.28l74.32-291.24-77.38-56.14%2032.3-27.32c8.28-6.66%2015.51-11.46%2025.7-11.46%209.96%200.24%2019.33%204.77%2025.7%2012.45h-0.06l198.87%20214.09-0.58-522.46c-0.75-13.7-12.21-24.35-25.93-24.08H542.45l14-64.19z%20m-118.47%200l-14.01%2064.24H152.41c-13.6%200-24.31%209.84-26.22%2023.44v522.63l242.33-292.28-13.08%2060.14%20204.6%20148.46-62.22%20243.77H118.15a56.398%2056.398%200%200%201-39.86-16.73A56.35%2056.35%200%200%201%2062%20840.43V183.57c0-31.25%2024.89-56.72%2056.14-56.72h319.83v-0.05z%20m203.67%20224.68c-0.86-34.98%2017.31-67.68%2047.47-85.42%2030.16-17.74%2067.56-17.74%2097.73%200%2030.16%2017.74%2048.33%2050.44%2047.47%2085.42%200%2053.22-43.15%2096.37-96.37%2096.37-53.22%200-96.37-43.14-96.37-96.37h0.07z%20m0%200'%20fill='%23ffffff'%3e%3c/path%3e%3c/svg%3e", lt = {
-  shape: "50%",
-  width: 0.3,
-  color: "#FA0404",
-  borderWidth: 5
-}, $t = {
-  r: 0,
-  g: 0,
-  b: 0,
-  c: 0,
-  s: 0,
-  l: 0,
-  ga: 1
-};
-function Cl(d) {
-  const e = ot(j(j({}, $t), d.process));
-  ne(() => d.process, (v) => {
-    b(v);
-  });
-  const n = B(() => {
-    const v = [
-      1 + e.r + e.l + 0.5 * e.c,
-      0,
-      0,
-      0,
-      -0.25 * e.c
-    ], u = [
-      0,
-      1 + e.g + e.l + 0.5 * e.c,
-      0,
-      0,
-      -0.25 * e.c
-    ], i = [
-      0,
-      0,
-      1 + e.b + e.l + 0.5 * e.c,
-      0,
-      -0.25 * e.c
-    ], m = [0, 0, 0, 1, 0];
-    return `${v.join(" ")}
-${u.join(" ")}
-${i.join(" ")}
-${m.join(" ")}`;
-  }), t = B(() => String(1 + e.s));
-  function b(v) {
-    v && Object.assign(e, v);
-  }
-  return {
-    imageProcess: e,
-    matrixValues: n,
-    saturateValues: t,
-    forceRedraw: b
-  };
-}
-function Tl(d, e) {
-  function n() {
-    e.value.$on(ue.events.EVENT_TAILORING_SCREENSHOT, t);
-  }
-  function t({ base64: u, region: i }) {
-    if (window.ClipboardItem && (navigator != null && navigator.clipboard)) {
-      const m = b(u, "image/png");
-      navigator.clipboard.write([
-        new window.ClipboardItem({
-          [m.type]: m
-        })
-      ]);
-    }
-    d("tool", "screen-shot", { base64: u, region: i });
-  }
-  function b(u, i) {
-    var a, c;
-    const m = u.split(",");
-    (c = (a = m[0]) == null ? void 0 : a.match(/:(.*?);/)) == null || c[1];
-    const g = atob(m == null ? void 0 : m[1]);
-    let h = g.length;
-    const l = new Uint8Array(h);
-    for (; h--; )
-      l[h] = g.charCodeAt(h);
-    return new Blob([l], { type: i });
-  }
-  function v(u) {
-    const { width: i, height: m } = e.value.$options;
-    u ? i > m ? e.value.tailoring.init(
-      {
-        left: (i - m) / 2,
-        top: 0,
-        height: m,
-        width: m,
-        now: !0
-      }
-    ) : e.value.tailoring.init(
-      {
-        left: 0,
-        top: (m - i) / 2,
-        height: i,
-        width: i,
-        now: !0
-      }
-    ) : e.value.tailoring.init(
-      {
-        left: i / 2 - 100,
-        top: m / 2 - 100,
-        height: 200,
-        width: 200,
-        color: "#ff0000"
-      }
-    );
-  }
-  return {
-    tailorEvent: n,
-    shotScreen: v
-  };
-}
-const $l = ["onClick"], Ll = ["src"], xl = {
-  key: 2,
-  style: { width: "18px" },
-  class: "margin-r-3"
-}, El = {
-  key: 1,
-  class: "hzzt-kfb-sub-menu"
-}, Vl = ["onClick"], Ml = { class: "flex align-items-center" }, Il = ["src"], Sl = {
-  key: 2,
-  style: { width: "18px" },
-  class: "margin-r-2"
-}, Hl = /* @__PURE__ */ ee({
-  __name: "KfbMenu",
-  props: {
-    menus: {}
-  },
-  emits: ["tool"],
-  setup(d, { emit: e }) {
-    const n = $({
-      top: "0",
-      left: "0",
-      display: "none"
-    }), t = J("kfbView", $({})), b = J("currentLabel"), v = d, u = e, { t: i } = ce(), m = [
-      {
-        label: i("直线"),
-        value: "line",
-        icon: O.value.markLine
-      },
-      {
-        label: i("箭头"),
-        value: "arrow",
-        icon: O.value.markArrow
-      },
-      {
-        label: i("双箭头"),
-        value: "bilateral",
-        icon: O.value.markBilateral
-      },
-      {
-        label: i("矩形"),
-        value: "rectangle",
-        icon: O.value.markRectangle
-      },
-      {
-        label: i("圆形"),
-        value: "ellipse",
-        icon: O.value.markEllipse
-      },
-      {
-        label: i("曲线"),
-        value: "polygon",
-        icon: O.value.markPolygon
-      },
-      {
-        label: i("星星"),
-        value: "star",
-        icon: O.value.markStar
-      },
-      {
-        label: i("旗帜"),
-        value: "flag",
-        icon: O.value.markFlag
-      },
-      {
-        label: i("点"),
-        value: "dot",
-        icon: O.value.markDot
-      },
-      {
-        label: i("文字"),
-        value: "font",
-        icon: O.value.markFont
-      },
-      {
-        label: i("语音"),
-        value: "voice",
-        icon: O.value.markVoice
-      }
-    ], g = B(() => {
-      var s;
-      return b != null && b.value ? [{
-        label: i("删除"),
-        value: "delete",
-        icon: O.value.delete
-      }] : (s = v.menus) != null && s.length ? v.menus.map((r) => r.value === "annotate" ? me(j({}, r), {
-        children: m
-      }) : me(j({}, r), {
-        icon: r.icon || O.value[r.value]
-      })) : [
-        {
-          label: i("上一张"),
-          value: "prev"
-        },
-        {
-          label: i("下一张"),
-          value: "next"
-        },
-        {
-          label: i("标注"),
-          value: "annotate",
-          icon: O.value.annotate,
-          children: m
-        },
-        {
-          label: i("一键截图"),
-          value: "tailor_now",
-          icon: O.value.tailor
-        },
-        {
-          label: i("区域截图"),
-          value: "tailor"
-        },
-        {
-          label: i("镜像翻转"),
-          value: "flip",
-          icon: O.value.flip
-        },
-        {
-          label: i("切片信息"),
-          value: "info",
-          icon: O.value.info
-        }
-      ];
-    });
-    ne(() => t.value, (s, r) => {
-      r != null && r.viewer && (r.viewer.removeHandler("canvas-contextmenu", h), r.viewer.removeHandler("canvas-click", l)), s != null && s.viewer && (s.viewer.addHandler("canvas-contextmenu", h), s.viewer.addHandler("canvas-click", l));
-    }), pe(() => {
-      var s;
-      (s = t.value) != null && s.viewer && (t.value.viewer.addHandler("canvas-contextmenu", h), t.value.viewer.addHandler("canvas-click", l)), document.body.addEventListener("click", l);
-    }), Ie(() => {
-      var s;
-      (s = t.value) != null && s.viewer && (t.value.viewer.removeHandler("canvas-contextmenu", h), t.value.viewer.removeHandler("canvas-click", l)), document.body.removeEventListener("click", l);
-    });
-    function h(s) {
-      s.preventDefault = !0, n.value.top = `${s.position.y}px`, n.value.left = `${s.position.x}px`, n.value.display === "block" ? n.value.display = "none" : n.value.display = "block";
-    }
-    function l() {
-      n.value.display = "none";
-    }
-    function a(s, r) {
-      s.children || ((r == null ? void 0 : r.value) === "annotate" ? u("tool", "annotate", {
-        tool: s.value.substring(0, 1).toLocaleUpperCase() + s.value.substring(1),
-        once: !0
-      }) : s.value === "tailor_now" ? u("tool", "tailor", !0) : u("tool", s.value), l());
-    }
-    function c(s) {
-      return s == null || typeof s != "object" && typeof s != "function" ? !1 : (
-        // 函数式组件
-        typeof s == "function" || // 对象式组件
-        "render" in s || "setup" in s
-      );
-    }
-    return (s, r) => (w(), L("div", {
-      class: "hzzt-kfb-menu",
-      style: W(n.value)
-    }, [
-      (w(!0), L(le, null, oe(g.value, (p, y) => (w(), L("div", {
-        key: y,
-        class: "hzzt-kfb-menu-item"
-      }, [
-        _("div", {
-          class: "flex align-items-center",
-          onClick: (k) => a(p)
-        }, [
-          c(p.icon) ? (w(), P(o(be), {
-            key: 0,
-            class: "margin-r-3",
-            size: 18
-          }, {
-            default: x(() => [
-              (w(), P(xe(p.icon)))
-            ]),
-            _: 2
-          }, 1024)) : p.icon ? (w(), L("img", {
-            key: 1,
-            style: { width: "18px" },
-            class: "margin-r-2",
-            src: p.icon
-          }, null, 8, Ll)) : (w(), L("div", xl)),
-          _("span", null, V(p.label), 1)
-        ], 8, $l),
-        p.children ? (w(), P(X, {
-          key: 0,
-          name: "arrowRight",
-          class: "margin-r-2",
-          size: 14
-        })) : A("", !0),
-        p.children ? (w(), L("div", El, [
-          (w(!0), L(le, null, oe(p.children, (k, f) => (w(), L("div", {
-            key: f,
-            class: "hzzt-kfb-menu-item",
-            onClick: (E) => a(k, p)
-          }, [
-            _("div", Ml, [
-              c(k.icon) ? (w(), P(o(be), {
-                key: 0,
-                class: "margin-r-2",
-                size: 18
-              }, {
-                default: x(() => [
-                  (w(), P(xe(k.icon)))
-                ]),
-                _: 2
-              }, 1024)) : k.icon ? (w(), L("img", {
-                key: 1,
-                style: { width: "18px" },
-                class: "margin-r-2",
-                src: k.icon
-              }, null, 8, Il)) : (w(), L("div", Sl)),
-              _("span", null, V(k.label), 1)
-            ])
-          ], 8, Vl))), 128))
-        ])) : A("", !0)
-      ]))), 128))
-    ], 4));
-  }
-}), he = (d, e) => {
-  const n = d.__vccOpts || d;
-  for (const [t, b] of e)
-    n[t] = b;
-  return n;
-}, Pl = /* @__PURE__ */ he(Hl, [["__scopeId", "data-v-414722d0"]]), Rl = {
-  key: 0,
-  class: "hzzt-kfb-microscope"
-}, Al = /* @__PURE__ */ ee({
-  __name: "KfbMicroscope",
-  props: /* @__PURE__ */ tl({
-    shape: {},
-    width: {},
-    color: {},
-    borderWidth: {}
-  }, j({}, lt)),
-  setup(d, { expose: e }) {
-    const n = d, t = ot(j(j({}, lt), n));
-    ne(() => n, (l) => {
-      h({ name: "change", value: l });
-    });
-    const b = $("200px"), v = $(!1), u = B(() => ({
-      borderRadius: t.shape,
-      borderColor: t.color,
-      borderWidth: t.borderWidth + "px",
-      width: b.value,
-      height: b.value
-    })), i = J("kfbView", $({}));
-    ne(() => i.value, (l, a) => {
-      a != null && a.viewer && a.viewer.removeHandler("zoom", m), l != null && l.viewer && l.viewer.addHandler("zoom", m);
-    }), pe(() => {
-      var l;
-      (l = i.value) != null && l.viewer && i.value.viewer.addHandler("zoom", m);
-    }), Ie(() => {
-      var l;
-      (l = i.value) != null && l.viewer && i.value.viewer.removeHandler("zoom", m);
-    });
-    function m() {
-      setTimeout(() => {
-        h({ name: "change", value: t });
-      }, 100);
-    }
-    function g(l) {
-      let { x: a, y: c } = i.value.viewer.viewport.getCenter(!0);
-      l === "top" ? c -= 6e-3 : l === "bottom" ? c += 6e-3 : l === "left" ? a -= 6e-3 : l === "right" && (a += 6e-3), i.value.area.moveToLabel({ x: a, y: c });
-    }
-    function h({ name: l, value: a }) {
-      var s, r;
-      const c = (r = (s = i.value.$options) == null ? void 0 : s.pxConversion) == null ? void 0 : r.imageCapRes;
-      if (l === "visible") {
-        if (v.value = a, a) {
-          const p = i.value.area.imageToViewerElementRectangle(
-            {
-              x: 0,
-              y: 0,
-              width: t.width * 1e3 / c,
-              height: t.width * 1e3 / c
-            }
-          );
-          b.value = p.width + "px";
-        }
-      } else if (l === "change") {
-        Object.assign(t, a);
-        const p = i.value.area.imageToViewerElementRectangle(
-          {
-            x: 0,
-            y: 0,
-            width: t.width * 1e3 / c,
-            height: t.width * 1e3 / c
-          }
-        );
-        b.value = p.width + "px";
-      }
-    }
-    return e({
-      scopeChange: h
-    }), (l, a) => v.value ? (w(), L("div", Rl, [
-      _("div", {
-        class: "hzzt-kfb-microscope__container",
-        style: W(u.value)
-      }, null, 4),
-      _("div", {
-        class: "hzzt-kfb-microscope__top",
-        onClick: a[0] || (a[0] = (c) => g("top"))
-      }, [
-        T(X, {
-          size: "24",
-          name: "arrowUp"
-        })
-      ]),
-      _("div", {
-        class: "hzzt-kfb-microscope__bottom",
-        onClick: a[1] || (a[1] = (c) => g("bottom"))
-      }, [
-        T(X, {
-          size: "24",
-          name: "arrowDown"
-        })
-      ]),
-      _("div", {
-        class: "hzzt-kfb-microscope__left",
-        onClick: a[2] || (a[2] = (c) => g("left"))
-      }, [
-        T(X, {
-          size: "24",
-          name: "arrowLeft"
-        })
-      ]),
-      _("div", {
-        class: "hzzt-kfb-microscope__right",
-        onClick: a[3] || (a[3] = (c) => g("right"))
-      }, [
-        T(X, {
-          size: "24",
-          name: "arrowRight"
-        })
-      ])
-    ])) : A("", !0);
-  }
-}), Nl = /* @__PURE__ */ he(Al, [["__scopeId", "data-v-e8b36101"]]), Bl = { class: "hzzt-kfb-label flex column" }, Dl = { class: "hzzt-kfb-label__img flex justify-content-center" }, Ul = ["src"], Fl = { class: "ellipsis flex-1" }, Kl = {
-  class: "flex margin-b-4",
-  style: { width: "100%" }
-}, jl = {
-  class: "flex margin overflow-hidden",
-  style: { height: "132px" }
-}, Ol = ["src"], Gl = ["src"], Wl = /* @__PURE__ */ ee({
-  __name: "KfbLabel",
-  props: {
-    info: {},
-    slide: {},
-    pathologyHandle: { type: Function }
-  },
-  emits: ["tool"],
-  setup(d, { emit: e }) {
-    const { t: n } = ce(), t = d, b = e, v = $(!0), u = $(!1), i = B(() => t.slide.pathology_id ? n("修改病理号") : n("绑定病理号"));
-    function m() {
-      t.slide.angle || (t.slide.angle = 0), t.slide.angle += 90, t.slide.angle > 360 && (t.slide.angle = t.slide.angle % 360), b("tool", "rotate", t.slide.angle);
-    }
-    function g() {
-      u.value = !0;
-    }
-    function h() {
-      t.pathologyHandle && t.pathologyHandle(t.slide).then(() => {
-        u.value = !1;
-      });
-    }
-    return (l, a) => (w(), L("div", Bl, [
-      $e(_("div", { class: "hzzt-kfb-label__title" }, V(o(n)(`点击标签旋转${l.pathologyHandle ? "，点击病理号重绑" : ""}`)), 513), [
-        [Re, v.value]
-      ]),
-      $e(_("div", Dl, [
-        _("img", {
-          src: l.info.labelImg,
-          style: W({ transform: `rotate(${l.slide.angle}deg)` }),
-          onClick: m
-        }, null, 12, Ul)
-      ], 512), [
-        [Re, v.value]
-      ]),
-      l.pathologyHandle ? $e((w(), L("div", {
-        key: 0,
-        class: "hzzt-kfb-label__pathology flex align-items-center justify-content-between",
-        onClick: g
-      }, [
-        _("span", Fl, V(l.slide.pathology_number), 1),
-        T(X, {
-          size: "14",
-          name: "annotate"
-        })
-      ], 512)), [
-        [Re, v.value]
-      ]) : A("", !0),
-      _("span", {
-        onClick: a[0] || (a[0] = (c) => v.value = !v.value),
-        style: W({
-          transform: `translateY(${v.value ? "-50%" : 0})`
-        }),
-        class: "hzzt-kfb-label__expend flex align-items-center justify-content-center"
-      }, [
-        v.value ? (w(), P(X, {
-          key: 0,
-          size: "10",
-          name: "arrowLeft"
-        })) : (w(), P(X, {
-          key: 1,
-          size: "10",
-          name: "arrowRight"
-        }))
-      ], 4),
-      T(o(je), {
-        modelValue: u.value,
-        "onUpdate:modelValue": a[5] || (a[5] = (c) => u.value = c),
-        "append-to-body": !0,
-        title: i.value,
-        width: "450px"
-      }, {
-        footer: x(() => [
-          T(o(ge), {
-            onClick: a[4] || (a[4] = (c) => u.value = !1)
-          }, {
-            default: x(() => [
-              G(V(o(n)("取消")), 1)
-            ]),
-            _: 1
-          }),
-          T(o(ge), {
-            type: "primary",
-            onClick: h
-          }, {
-            default: x(() => [
-              G(V(o(n)("确认")), 1)
-            ]),
-            _: 1
-          })
-        ]),
-        default: x(() => [
-          _("div", Kl, [
-            _("div", jl, [
-              _("img", {
-                src: l.slide.labelImg
-              }, null, 8, Ol),
-              _("img", {
-                src: l.slide.previewImg
-              }, null, 8, Gl)
-            ])
-          ]),
-          T(o(tt), { class: "margin-t-2" }, {
-            default: x(() => [
-              T(o(se), {
-                label: o(n)("病理号")
-              }, {
-                default: x(() => [
-                  T(o(et), {
-                    modelValue: l.slide.pathology_number,
-                    "onUpdate:modelValue": a[1] || (a[1] = (c) => l.slide.pathology_number = c),
-                    placeholder: o(n)("输入病理号"),
-                    clearable: ""
-                  }, null, 8, ["modelValue", "placeholder"])
-                ]),
-                _: 1
-              }, 8, ["label"]),
-              T(o(se), {
-                label: o(n)("蜡块号")
-              }, {
-                default: x(() => [
-                  T(o(et), {
-                    modelValue: l.slide.paraffin_block_number,
-                    "onUpdate:modelValue": a[2] || (a[2] = (c) => l.slide.paraffin_block_number = c),
-                    placeholder: o(n)("输入蜡块号"),
-                    clearable: ""
-                  }, null, 8, ["modelValue", "placeholder"])
-                ]),
-                _: 1
-              }, 8, ["label"]),
-              l.slide.slide_id ? A("", !0) : (w(), P(o(se), {
-                key: 0,
-                label: o(n)("试剂")
-              }, {
-                default: x(() => [
-                  T(o(et), {
-                    modelValue: l.slide.reagent,
-                    "onUpdate:modelValue": a[3] || (a[3] = (c) => l.slide.reagent = c),
-                    placeholder: o(n)("输入试剂"),
-                    clearable: ""
-                  }, null, 8, ["modelValue", "placeholder"])
-                ]),
-                _: 1
-              }, 8, ["label"]))
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      }, 8, ["modelValue", "title"])
-    ]));
-  }
-}), Zl = /* @__PURE__ */ he(Wl, [["__scopeId", "data-v-7397de48"]]);
-function ql(d, e) {
-  const n = $(1), t = $(null), b = $(null);
-  function v() {
-    d.value.viewer.addHandler("canvas-drag", (i) => {
-      t.value || (t.value = i.position);
-    }), d.value.viewer.addHandler("canvas-drag-end", (i) => {
-      if (n.value !== 1) {
-        b.value = i.position;
-        const m = d.value.viewer.viewport.containerSize.x, g = d.value.viewer.viewport.containerSize.y, h = (b.value.x - t.value.x) / (m * e.value) * (n.value - 1), l = (b.value.y - t.value.y) / (g * e.value) * (n.value - 1), a = d.value.viewer.viewport.getCenter(), c = new Te.Point(a.x - h, a.y - l);
-        d.value.viewer.viewport.panTo(c), t.value = null;
-      }
-    });
-  }
-  function u({ name: i, value: m }) {
-    i === "ratio" && (n.value = m / 1);
-  }
-  return {
-    moveEvent: v,
-    fastMove: u
-  };
-}
-function Yl(d, e, n, t, b) {
-  const v = $(void 0), u = $([]);
-  ne(() => d.aiLabelList, h);
-  function i() {
-    n.value.$on(ue.events.EVENT_END_PAINTING, m("add")), n.value.$on(ue.events.EVENT_AREA_MOVE_END, m("move")), n.value.$on(ue.events.EVENT_ADD_POLYGON_POINT, m("add-point")), n.value.$on(ue.events.EVENT_DELETE_POLYGON_POINT, m("delete-point")), n.value.$on(ue.events.EVENT_DELETE_LABEL, m("delete")), n.value.$on(ue.events.EVENT_SELECT_LABEL, (c) => {
-      var r, p, y, k;
-      v.value = c, (((r = v.value) == null ? void 0 : r.subType) || ((y = (p = v.value) == null ? void 0 : p.__data__) == null ? void 0 : y.subType)) === "voice" && ((k = v.value) != null && k.src) && new Audio(v.value.src).play(), e("tool", "select-label", v.value);
-    }), n.value.$on(ue.events.EVENT_CANCEL_SELECT_LABEL, () => {
-      v.value = void 0, e("tool", "cancel-select-label", v.value);
-    }), m("list")();
-  }
-  function m(c) {
-    return (s) => g(c, s);
-  }
-  function g(c, s) {
-    var r;
-    if (c === "add" && s && ((s == null ? void 0 : s.subType) || ((r = s == null ? void 0 : s.__data__) == null ? void 0 : r.subType)) === "voice")
-      t(s);
-    else
-      return d.labelHandle(c, d.slide, s).then((p) => {
-        u.value = p, h();
-      }).catch(() => {
-        h();
-      });
-  }
-  function h() {
-    var c;
-    if ((c = n.value) != null && c.initLabelList) {
-      const s = [...u.value, ...d.aiLabelList || []];
-      s.find(({ id: r }) => {
-        var p;
-        return r === ((p = v.value) == null ? void 0 : p.id);
-      }) || (v.value = void 0), n.value.initLabelList(s);
-    }
-  }
-  function l(c, s) {
-    var p;
-    v.value && (v.value.select = !1, v.value = void 0);
-    const r = (n.value.labelList || []).findIndex((y) => y.id === c.id);
-    if (r > -1) {
-      v.value = (p = n.value.labelList) == null ? void 0 : p[r], v.value.select = !0;
-      const y = n.value.area.getCenterPoint(c.region);
-      n.value.area.moveToLabel(y);
-    }
-    s && b(s);
-  }
-  function a(c) {
-    return d.labelHandle("add", d.slide, c).then((s) => {
-      u.value = s, h();
-    }).catch(() => {
-      h();
-    });
-  }
-  return {
-    currentLabel: v,
-    localLabelList: u,
-    initLabel: i,
-    jumpToLabel: l,
-    reloadLabelList: h,
-    eventHandel: m,
-    addHandle: a
-  };
-}
-function Xl() {
-  function d(e, n) {
-    e.save(), e.strokeStyle = "rgba(0,0,0,0)", e.miterLimit = 4, e.font = "15px", e.fillStyle = n, e.font = "15px", e.scale(0.02734375, 0.02734375), e.save(), e.font = "15px", e.beginPath(), e.moveTo(512, 427.023), e.moveTo(422, 427.023), e.translate(512, 427.023), e.rotate(0), e.arc(0, 0, 90, 3.141592653589793, 6.283185307179586, !0), e.rotate(0), e.translate(-512, -427.023), e.translate(512, 427.023), e.rotate(0), e.arc(0, 0, 90, 0, 3.141592653589793, !0), e.rotate(0), e.translate(-512, -427.023), e.fill(), e.stroke(), e.restore(), e.save(), e.font = "15px", e.beginPath(), e.moveTo(512, 910.402), e.bezierCurveTo(492.86, 910.402, 474.51800000000003, 904.548, 458.95799999999997, 893.4730000000001), e.bezierCurveTo(444.895, 883.4630000000001, 434.032, 869.8770000000001, 427.36899999999997, 854.013), e.lineTo(255.043, 585.177), e.lineTo(254.889, 584.927), e.bezierCurveTo(225.522, 537.209, 210, 482.605, 210, 427.021), e.bezierCurveTo(210, 346.35400000000004, 241.414, 270.515, 298.454, 213.47500000000002), e.bezierCurveTo(355.494, 156.43500000000006, 431.333, 125.021, 512, 125.021), e.bezierCurveTo(592.6669999999999, 125.021, 668.506, 156.435, 725.546, 213.475), e.bezierCurveTo(782.587, 270.515, 814, 346.354, 814, 427.021), e.bezierCurveTo(814, 482.87, 798.345, 537.692, 768.726, 585.56), e.lineTo(768.462, 585.9789999999999), e.lineTo(596.381, 854.6949999999999), e.bezierCurveTo(589.626, 870.4209999999999, 578.721, 883.871, 564.677, 893.7499999999999), e.bezierCurveTo(549.192, 904.6449999999999, 530.977, 910.4019999999999, 512, 910.4019999999999), e.closePath(), e.moveTo(309.246, 551.141), e.lineTo(484.74, 824.9209999999999), e.lineTo(485.934, 828.1179999999999), e.bezierCurveTo(490.083, 839.2249999999999, 500.31500000000005, 846.4019999999999, 512, 846.4019999999999), e.bezierCurveTo(523.584, 846.4019999999999, 533.791, 839.3309999999999, 538.004, 828.387), e.lineTo(539.169, 825.3589999999999), e.lineTo(714.43, 551.678), e.bezierCurveTo(737.701, 513.983, 750, 470.884, 750, 427.021), e.bezierCurveTo(750, 363.449, 725.244, 303.682, 680.2909999999999, 258.72900000000004), e.bezierCurveTo(635.3389999999999, 213.77800000000005, 575.5719999999999, 189.02100000000004, 511.99999999999994, 189.02100000000004), e.bezierCurveTo(448.428, 189.02100000000004, 388.66099999999994, 213.77700000000004, 343.70799999999997, 258.72900000000004), e.bezierCurveTo(298.755, 303.68100000000004, 274, 363.449, 274, 427.021), e.bezierCurveTo(274, 470.661, 286.186, 513.573, 309.246, 551.1410000000001), e.closePath(), e.fill(), e.stroke(), e.restore(), e.restore();
-  }
-  return {
-    drawDot: d
-  };
-}
-function Ql(d, e) {
-  const { t: n } = ce(), t = $(!1), b = $();
-  let v = null;
-  const u = $(!1), i = $(0);
-  let m = 0;
-  const g = $([]), h = $(void 0);
-  let l = !1;
-  function a(f, E) {
-    f.save(), f.strokeStyle = "rgba(0,0,0,0)", f.miterLimit = 4, f.font = "15px ''", f.fillStyle = E, f.font = "   15px ''", f.scale(0.03125, 0.03125), f.save(), f.font = "   15px ''", f.beginPath(), f.moveTo(515.041727, 670.617766), f.bezierCurveTo(606.625894, 670.617766, 681.137374, 596.113511, 681.137374, 504.52212), f.lineTo(681.137374, 229.350568), f.bezierCurveTo(681.137374, 137.76640100000003, 606.625894, 63.254920999999996, 515.041727, 63.254920999999996), f.bezierCurveTo(423.44311000000005, 63.254920999999996, 348.93885500000005, 137.766401, 348.93885600000004, 229.350568), f.lineTo(348.93885600000004, 504.52212), f.bezierCurveTo(348.93885600000004, 596.113512, 423.44311100000004, 670.617767, 515.041727, 670.617766), f.closePath(), f.fill(), f.stroke(), f.restore(), f.save(), f.font = "   15px ''", f.beginPath(), f.moveTo(801.643237, 874.001665), f.lineTo(558.391759, 874.001665), f.lineTo(558.391759, 828.578057), f.bezierCurveTo(719.899527, 807.264291, 844.993269, 668.7898399999999, 844.993269, 501.55986699999994), f.translate(801.643237, 501.55986699999994), f.rotate(0), f.arc(0, 0, 43.350032, 0, 3.141592653589793, !0), f.rotate(0), f.translate(-801.643237, -501.55986699999994), f.bezierCurveTo(758.2932050000001, 635.684865, 649.166725, 744.811345, 515.0345020000001, 744.811346), f.bezierCurveTo(380.9095040000001, 744.811346, 271.79024900000013, 635.6848659999999, 271.79024900000013, 501.55986699999994), f.translate(228.44021750000013, 501.5664510740879), f.rotate(0), f.arc(0, 0, 43.350032, -15188164315591997e-20, -3.1414407719461273, !0), f.rotate(0), f.translate(-228.44021750000013, -501.5664510740879), f.bezierCurveTo(185.09018600000013, 668.7898389999999, 310.1911530000001, 807.271516, 471.69169500000015, 828.578057), f.lineTo(471.69169500000015, 874.001665), f.lineTo(228.440217, 874.001665), f.translate(228.440217, 917.3516970000001), f.rotate(0), f.arc(0, 0, 43.350032, -1.5707963267948966, 1.5707963267948966, !0), f.rotate(0), f.translate(-228.440217, -917.3516970000001), f.lineTo(801.643237, 960.701729), f.translate(801.643237, 917.3516970000001), f.rotate(0), f.arc(0, 0, 43.350032, 1.5707963267948966, 4.71238898038469, !0), f.rotate(0), f.translate(-801.643237, -917.3516970000001), f.closePath(), f.fill(), f.stroke(), f.restore(), f.restore();
-  }
-  function c() {
-    return Ce(this, null, function* () {
-      try {
-        b.value = yield navigator.mediaDevices.getUserMedia({ audio: !0 }), v = new MediaRecorder(b.value), g.value = [], v.addEventListener("dataavailable", (f) => {
-          g.value.push(f.data);
-        }), v.addEventListener("stop", () => Ce(this, null, function* () {
-          if (h.value) {
-            const f = new Blob(g.value, { type: d.audioType || "audio/wav" });
-            h.value.src = URL.createObjectURL(f);
-          }
-          u.value = !1, l && (yield k());
-        })), v.start(), u.value = !0, m = window.setInterval(() => {
-          i.value++;
-        }, 1e3);
-      } catch (f) {
-        kt.error(n("麦克风启用失败，请确认是否开启麦克风权限"));
-      }
-    });
-  }
-  function s() {
-    b.value && v ? (v.stop(), b.value.getTracks().forEach((f) => f.stop()), v = null, b.value = void 0) : (v = null, b.value = void 0), u.value = !1, m && (clearInterval(m), m = 0), i.value = 0;
-  }
-  function r(f) {
-    t.value = !0, h.value = f, g.value = [], l = !1;
-  }
-  function p() {
-    u.value && s(), t.value = !1, u.value = !1, l = !1;
-  }
-  function y() {
-    return Ce(this, null, function* () {
-      if (!u.value && !g.value.length) {
-        kt.error(n("请先录音"));
-        return;
-      }
-      u.value && s(), u.value = !1, l = !0, g.value.length && (yield k()), t.value = !1;
-    });
-  }
-  function k() {
-    return Ce(this, null, function* () {
-      if (d.uploadHandle && h.value) {
-        const f = Ct.service({
-          text: n("录音上传中")
-        }), E = new Blob(g.value, { type: d.audioType || "audio/wav" });
-        g.value = [];
-        try {
-          yield d.uploadHandle(d.slide, h.value, E).then((R) => {
-            h.value.src = R;
-          }), f.close(), e(h.value);
-        } catch (R) {
-          f.close();
-        }
-      }
-    });
-  }
-  return {
-    voiceVisible: t,
-    voiceForm: h,
-    recordTime: i,
-    isRecording: u,
-    drawVoice: a,
-    startRecording: c,
-    stopRecording: s,
-    initVoice: r,
-    cancelRecord: p,
-    confirmRecord: y
-  };
-}
-function Jl(d, e) {
-  const n = $([]), t = $(0), b = $(!1);
-  let v = null;
-  ne(() => {
-    var a;
-    return (a = d.hotmap) == null ? void 0 : a.enable;
-  }, () => {
-    var a, c;
-    if ((c = (a = e.value) == null ? void 0 : a.viewer) != null && c.world) {
-      t.value = 0;
-      const s = e.value.viewer.world.getItemAt(0);
-      s && (s.tilesMatrix = {}, s.draw());
-    }
-  }), pe(() => {
-    window.addEventListener("mousemove", m), window.addEventListener("mouseup", h);
-  }), Ie(() => {
-    window.removeEventListener("mousemove", m), window.removeEventListener("mouseup", h);
-  });
-  function u(a, c, s) {
-    var p, y, k, f, E, R;
-    const r = me(j({}, c), {
-      file: (p = d.hotmap) == null ? void 0 : p.file
-    });
-    if ((y = d.hotmap) != null && y.info) {
-      if (s[c.x + "_" + c.y + "_" + Number(c.scale)]) {
-        if (((k = d.hotmap) == null ? void 0 : k.type) === "switch")
-          return d.tileHandle(r);
-        if (((f = d.hotmap) == null ? void 0 : f.type) === "drag")
-          return i(a, r), a;
-      }
-    } else return ((E = d.hotmap) == null ? void 0 : E.type) === "switch" ? d.tileHandle(r) : (((R = d.hotmap) == null ? void 0 : R.type) === "drag" && i(a, r), a);
-  }
-  function i(a, c) {
-    const s = n.value.find((r) => r.url === a) || {
-      url: a,
-      x: c.x,
-      y: c.y,
-      img: void 0,
-      load: ""
-    };
-    if (!(s != null && s.img) && (n.value.push(s), s.load !== "success")) {
-      const r = new Image();
-      r.src = d.tileHandle(c), r.onload = () => {
-        s.load = "success";
-      }, s.img = r;
-    }
-  }
-  function m(a) {
-    b.value && v && (t.value += a.x - v.x, t.value < 0 ? t.value = 0 : t.value > e.value.$options.width && (t.value = e.value.$options.width, b.value = !1), e.value.viewer.forceRedraw()), v = { x: a.x, y: a.y };
-  }
-  function g(a) {
-    const { x: c, y: s } = a;
-    b.value = !0, v = { x: c, y: s };
-  }
-  function h() {
-    b.value = !1, v = null;
-  }
-  function l(a) {
-    const {
-      context: c,
-      sourceWidth: s,
-      sourceHeight: r,
-      position: p,
-      size: y,
-      initRendered: k,
-      tile: f,
-      pixelDensityRatio: E
-    } = a, R = f.getUrl(), I = t.value * E, Z = p.original.x;
-    if (Z < I && Z + y.x > I) {
-      const Q = I - Z, ve = y.x - Q, te = n.value.find((ke) => ke.url === R), _e = (te == null ? void 0 : te.load) === "success" ? te.img : k.canvas;
-      c.drawImage(
-        _e,
-        0,
-        0,
-        s * Q / y.x,
-        r,
-        p.x,
-        p.y,
-        Q,
-        y.y
-      ), c.drawImage(
-        k.canvas,
-        s * Q / y.x,
-        0,
-        s * ve / y.x,
-        r,
-        p.x + Q,
-        p.y,
-        ve,
-        y.y
-      );
-    } else if (Z + y.x <= I) {
-      const Q = n.value.find((te) => te.url === R), ve = (Q == null ? void 0 : Q.load) === "success" ? Q.img : k.canvas;
-      c.drawImage(
-        ve,
-        0,
-        0,
-        s,
-        r,
-        p.x,
-        p.y,
-        y.x,
-        y.y
-      );
-    } else Z >= I && c.drawImage(
-      k.canvas,
-      0,
-      0,
-      s,
-      r,
-      p.x,
-      p.y,
-      y.x,
-      y.y
-    );
-  }
-  return {
-    getHotmapUrl: u,
-    hotmapImgs: n,
-    handlerImage: l,
-    hotmapLine: t,
-    lineMouseDown: g
-  };
-}
-function eo(d, e, n) {
-  const t = ll(), b = $(!1), v = new BroadcastChannel("sync_kfb_view");
-  v.onmessage = (l) => {
-    const a = l.data;
-    g(a);
-  }, pe(() => {
-    var l, a, c;
-    (l = n.value) == null || l.addEventListener("mouseenter", u), (a = n.value) == null || a.addEventListener("mousemove", u), (c = n.value) == null || c.addEventListener("mouseleave", i);
-  }), Ie(() => {
-    var l, a, c;
-    (l = n.value) == null || l.removeEventListener("mouseenter", u), (a = n.value) == null || a.removeEventListener("mousemove", u), (c = n.value) == null || c.removeEventListener("mouseleave", i), v.close();
-  });
-  function u() {
-    b.value = !0;
-  }
-  function i() {
-    b.value = !1;
-  }
-  function m() {
-    let l;
-    e.value.viewer.addHandler("pan", (a) => {
-      var r, p, y, k;
-      if (!l) {
-        l = (p = (r = a.center) == null ? void 0 : r.clone) == null ? void 0 : p.call(r);
-        return;
-      }
-      const c = a.center, s = (y = c == null ? void 0 : c.minus) == null ? void 0 : y.call(c, l);
-      l = (k = c == null ? void 0 : c.clone) == null ? void 0 : k.call(c), d.syncPosition && h({
-        position: s,
-        type: "sync_position"
-      });
-    }), e.value.viewer.addHandler("zoom", (a) => {
-      d.syncZoom && h({
-        zoom: a.zoom,
-        type: "sync_zoom"
-      });
-    }), e.value.viewer.addHandler("animation-finish", () => {
-      var s;
-      if (d.syncZoom && h({
-        zoom: e.value.viewer.viewport.getZoom(!0),
-        type: "sync_zoom"
-      }), !l)
-        return;
-      const a = e.value.viewer.viewport.getCenter(!0), c = (s = a == null ? void 0 : a.minus) == null ? void 0 : s.call(a, l);
-      l = void 0, d.syncPosition && h({
-        position: c,
-        type: "sync_position"
-      });
-    });
-  }
-  function g(l) {
-    l.uuid && l.type === "sync_position" && l.uuid !== (t == null ? void 0 : t.uid) ? e.value && e.value.viewer.viewport.panBy(l.position, !0) : l.uuid && l.type === "sync_zoom" && l.uuid !== (t == null ? void 0 : t.uid) && e.value && e.value.viewer.viewport.zoomTo(l.zoom);
-  }
-  function h(l) {
-    var a;
-    b.value && v.postMessage(me(j({}, l), {
-      uuid: t == null ? void 0 : t.uid,
-      fileName: (a = d.slide) == null ? void 0 : a.file
-    }));
-  }
-  return {
-    initSync: m
-  };
-}
-const to = { class: "hzzt-kfb-keyword flex wrap" }, lo = ["onMouseenter"], oo = /* @__PURE__ */ ee({
-  __name: "KfbKeyword",
-  setup(d) {
-    const e = $([
-      { code: "Q", icon: "zoomIn" },
-      { code: "W", icon: "arrowUp" },
-      { code: "E", icon: "zoomOut" },
-      { code: "A", icon: "arrowLeft" },
-      { code: "S", icon: "arrowDown" },
-      { code: "D", icon: "arrowRight" }
-    ]), n = J("kfbView", $({}));
-    let t = null;
-    function b(u, i) {
-      u.preventDefault(), t && clearTimeout(t), t = setInterval(() => {
-        i === "E" && (n.value.viewer.viewport.zoomBy(1.1), n.value.viewer.viewport.applyConstraints()), i === "Q" && (n.value.viewer.viewport.zoomBy(0.9), n.value.viewer.viewport.applyConstraints()), i === "W" && (n.value.viewer.viewport.panBy(n.value.viewer.viewport.deltaPointsFromPixels(new Te.Point(0, -40))), n.value.viewer.viewport.applyConstraints()), i === "S" && (n.value.viewer.viewport.panBy(n.value.viewer.viewport.deltaPointsFromPixels(new Te.Point(0, 40))), n.value.viewer.viewport.applyConstraints()), i === "A" && (n.value.viewer.viewport.panBy(n.value.viewer.viewport.deltaPointsFromPixels(new Te.Point(-40, 0))), n.value.viewer.viewport.applyConstraints()), i === "D" && (n.value.viewer.viewport.panBy(n.value.viewer.viewport.deltaPointsFromPixels(new Te.Point(40, 0))), n.value.viewer.viewport.applyConstraints());
-      }, 120);
-    }
-    function v() {
-      t && (clearInterval(t), t = null);
-    }
-    return Ie(() => {
-      clearTimeout(t);
-    }), (u, i) => (w(), L("div", to, [
-      (w(!0), L(le, null, oe(e.value, (m) => (w(), L("div", {
-        key: m.code,
-        class: "hzzt-kfb-keyword__code flex column align-items-center justify-content-center",
-        onMouseenter: (g) => b(g, m.code),
-        onMouseleave: v
-      }, [
-        _("p", null, V(m.code), 1),
-        T(X, {
-          size: "14",
-          name: m.icon
-        }, null, 8, ["name"])
-      ], 40, lo))), 128))
-    ]));
-  }
-}), no = /* @__PURE__ */ he(oo, [["__scopeId", "data-v-c8d940f0"]]);
-function ao(d, e, n = {}) {
-  const {
-    panSensitivity: t = 0.2,
-    // 值越大，鼠标移动时图像移动越快
-    zoomSensitivity: b = 1.1,
-    // 值越大，滚轮缩放幅度越大
-    damping: v = 0.6,
-    // 值越大，惯性滑动时间越长
-    minThreshold: u = 0.05
-    // 值越小，停止移动时的精度越高
-  } = n;
-  let i = !1, m = null, g = 0, h = 0, l = !1;
-  const a = () => {
-    i = document.pointerLockElement === e.value, i || c();
-  }, c = () => {
-    g = 0, h = 0, m && (cancelAnimationFrame(m), m = null), l = !1;
-  }, s = (f) => Ce(this, null, function* () {
-    try {
-      f.key === "l" && e.value && (document.pointerLockElement ? (document.exitPointerLock(), console.log("鼠标已解锁！")) : (yield e.value.requestPointerLock(), console.log("鼠标已锁定！")));
-    } catch (E) {
-      console.error("无法锁定鼠标:", E);
-    }
-  }), r = (f) => {
-    if (i) {
-      f.preventDefault();
-      const E = Math.pow(b, Math.sign(f.deltaY) * -1);
-      d.value.viewer.viewport.zoomBy(E), d.value.viewer.viewport.applyConstraints();
-    }
-  }, p = (f) => {
-    i && (g += f.movementX * t, h += f.movementY * t, !l && (Math.abs(g) > 1 || Math.abs(h) > 1) && (l = !0, m = requestAnimationFrame(y)));
-  }, y = () => {
-    const f = d.value.viewer.viewport;
-    if (Math.abs(g) > u || Math.abs(h) > u) {
-      const E = f.deltaPointsFromPixels(
-        new Te.Point(g, h)
-      );
-      f.panBy(E), f.applyConstraints();
-    }
-    g *= v, h *= v, Math.abs(g) > u || Math.abs(h) > u ? m = requestAnimationFrame(y) : c();
-  }, k = () => {
-    i && document.exitPointerLock();
-  };
-  return pe(() => {
-    var f;
-    (f = e.value) == null || f.addEventListener("keydown", s), document.addEventListener("wheel", r, { passive: !1 }), document.addEventListener("click", k), document.addEventListener("mousemove", p), document.addEventListener("pointerlockchange", a);
-  }), Ie(() => {
-    var f;
-    (f = e.value) == null || f.removeEventListener("keydown", s), document.removeEventListener("click", k), document.removeEventListener("wheel", r), document.removeEventListener("mousemove", p), document.removeEventListener("pointerlockchange", a), c();
-  }), {
-    setConfig: (f) => {
-      Object.assign(n, f);
-    }
-  };
-}
-const so = /* @__PURE__ */ ee({
-  __name: "KfbLevel",
-  props: /* @__PURE__ */ we({
-    slides: { default: () => [] }
-  }, {
-    "model-value": {
-      default: 0
-    },
-    "model-valueModifiers": {}
-  }),
-  emits: ["update:model-value"],
-  setup(d) {
-    const e = d, n = Ee(d, "model-value"), t = J("kfbView", $({})), b = B(() => Array.from(new Array(e.slides.length + 1)).map((u, i) => i));
-    function v() {
-      const u = t.value.viewer.world.getItemAt(0), i = Object.keys(u.tilesMatrix);
-      i.forEach((m, g) => {
-        g > i.length - 4 && (u.tilesMatrix[m] = {});
-      }), u.draw();
-    }
-    return (u, i) => (w(), L("div", {
-      class: ye(["hzzt-kfb-level flex column align-items-center", u.slides.length > 5 ? "hzzt-kfb-level--large" : ""])
-    }, [
-      T(X, {
-        name: "level",
-        size: "24",
-        class: "margin-b-4 margin-t-2"
-      }),
-      T(o(al), {
-        modelValue: n.value,
-        "onUpdate:modelValue": i[0] || (i[0] = (m) => n.value = m),
-        vertical: "",
-        min: b.value[0],
-        step: 1,
-        max: b.value[b.value.length - 1],
-        "show-stops": "",
-        "show-tooltip": !0,
-        placement: "left",
-        height: u.slides.length > 5 ? "180px" : "130px",
-        onInput: v
-      }, null, 8, ["modelValue", "min", "max", "height"])
-    ], 2));
-  }
-}), io = {
-  key: 0,
-  class: "flex hzzt-kfb-channel"
-}, ro = ["onClick"], uo = /* @__PURE__ */ ee({
-  __name: "KfbChannel",
-  props: /* @__PURE__ */ we({
-    info: {}
-  }, {
-    "model-value": {
-      default: () => []
-    },
-    "model-valueModifiers": {}
-  }),
-  emits: /* @__PURE__ */ we(["load"], ["update:model-value"]),
-  setup(d, { emit: e }) {
-    const n = d, t = e, b = Ee(d, "model-value"), v = [
-      { key: "DAPI", color: "#4A6CF7" },
-      { key: "480", color: "#00BFFF" },
-      { key: "520", color: "#32CD32" },
-      { key: "570", color: "#FFAA33" },
-      { key: "620", color: "#FF6347" },
-      { key: "670", color: "#DC143C" },
-      { key: "780", color: "#4B0082" }
-    ], u = B(() => {
-      var m;
-      return (((m = n.info) == null ? void 0 : m.channel) || []).map((g) => {
-        const h = v.find((l) => l.key === g.eqt_num);
-        return {
-          label: g.eqt_num,
-          color: g.r ? `rgb(${g.r}, ${g.g}, ${g.b})` : h == null ? void 0 : h.color
-        };
-      });
-    });
-    function i(m) {
-      b.value.includes(m) ? b.value = b.value.filter((g) => g !== m) : b.value.push(m), t("load");
-    }
-    return (m, g) => u.value.length > 0 ? (w(), L("div", io, [
-      T(X, {
-        name: "channel",
-        size: "32"
-      }),
-      (w(!0), L(le, null, oe(u.value, (h) => (w(), L("div", {
-        key: h.label,
-        style: W({ background: h.color }),
-        class: ye(["hzzt-kfb-channel__box", b.value.includes(h.label) ? "" : "hzzt-kfb-channel__box--unactive"]),
-        onClick: (l) => i(h.label)
-      }, V(h.label), 15, ro))), 128))
-    ])) : A("", !0);
-  }
-}), co = { class: "flex align-items-center justify-content-between" }, vo = { class: "hzzt-kfb-title" }, fo = { class: "hzzt-kfb-annotation__container flex-1" }, mo = ["onClick"], po = /* @__PURE__ */ ee({
-  __name: "KfbAnnotation",
-  props: /* @__PURE__ */ we({
-    annotation: {},
-    annotations: {}
-  }, {
-    expand: { type: Boolean },
-    expandModifiers: {}
-  }),
-  emits: /* @__PURE__ */ we(["select"], ["update:expand"]),
-  setup(d, { emit: e }) {
-    const n = Ee(d, "expand"), t = e, { t: b } = ce();
-    function v(i) {
-      const m = i.subType || i.tool || "";
-      return `mark${m.substring(0, 1).toLocaleUpperCase()}${m.substring(1)}`;
-    }
-    function u(i) {
-      t("select", i);
-    }
-    return (i, m) => (w(), L("div", {
-      class: ye(["hzzt-kfb-annotation flex column", n.value ? "hzzt-kfb-annotation--expand" : ""])
-    }, [
-      _("div", co, [
-        $e(_("div", vo, [
-          _("span", null, V(o(b)("标注列表")), 1)
-        ], 512), [
-          [Re, n.value]
-        ]),
-        T(X, {
-          class: "hzzt-kfb-annotation__icon",
-          name: n.value ? "expandLeft" : "expandRight",
-          onClick: m[0] || (m[0] = (g) => n.value = !n.value)
-        }, null, 8, ["name"])
-      ]),
-      $e(_("div", fo, [
-        (w(!0), L(le, null, oe(i.annotations, (g, h) => {
-          var l;
-          return w(), L("div", {
-            class: ye(["hzzt-kfb-annotation__item", ((l = i.annotation) == null ? void 0 : l.id) === g.id ? "hzzt-kfb-annotation__item--active" : ""]),
-            key: h,
-            onClick: (a) => u(g)
-          }, [
-            T(X, {
-              size: "16",
-              name: v(g)
-            }, null, 8, ["name"]),
-            _("span", null, V(o(b)("标注")) + V(h + 1), 1)
-          ], 10, mo);
-        }), 128))
-      ], 512), [
-        [Re, n.value]
-      ])
-    ], 2));
-  }
-}), ho = /* @__PURE__ */ he(po, [["__scopeId", "data-v-bfc56a3e"]]), go = ["element-loading-text"], wo = {
-  key: 1,
-  class: "hzzt-kfb-view__main flex align-items-center justify-content-center"
-}, yo = {
-  class: "hzzt-kfb-view__filter",
-  height: "0",
-  width: "0"
-}, bo = { id: "colorMatrixFilter" }, _o = ["values"], ko = ["values"], zo = ["exponent"], Co = ["exponent"], To = ["exponent"], $o = { class: "flex nowrap justify-content-center overflow-hidden" }, Lo = ["src"], xo = ["src"], Eo = { class: "flex-1" }, Vo = { class: "flex-1" }, Mo = { class: "flex-1" }, Io = { class: "flex-1" }, So = { class: "flex-1" }, Ho = { class: "flex-1" }, Po = ["src"], Ro = {
-  key: 2,
-  class: "margin-l-2"
-}, Me = /* @__PURE__ */ ee({
-  name: "HzztKfbView",
-  __name: "index",
-  props: {
-    slide: {},
-    fileHandle: {},
-    labelHandle: {},
-    tileHandle: {},
-    navigatorHandle: {},
-    pathologyHandle: {},
-    uploadHandle: {},
-    options: {},
-    labelDrawing: {},
-    process: { default: () => j({}, $t) },
-    microscope: { default: () => j({}, lt) },
-    menus: {},
-    aiLabelList: {},
-    hotmap: {},
-    syncPosition: { type: Boolean },
-    syncZoom: { type: Boolean },
-    audioType: {}
-  },
-  emits: ["tool"],
-  setup(d, { expose: e, emit: n }) {
-    const t = d, b = n, { t: v, locale: u } = ce(), i = $(), m = $(), g = $(), h = $(!1), l = $({}), a = $(!1), c = $(0), s = $(0), r = $(0), p = $([]), y = $({
-      width: 0,
-      height: 0,
-      fileNum: 0,
-      scanScale: 1,
-      fileName: "",
-      ratiomap: {}
-    }), k = J("show-kfb-label", $(!0)), f = J("show-keyboard", $(!1)), E = J("hidden-all-label", $(!1)), R = $(!1), I = Ct.directive;
-    ne(() => {
-      var z;
-      return (z = t.slide) == null ? void 0 : z.file;
-    }, () => {
-      Ft(), setTimeout(() => {
-        it();
-      }, 100);
-    }), pe(() => {
-      it();
-    });
-    const {
-      imageProcess: Z,
-      matrixValues: Q,
-      saturateValues: ve,
-      forceRedraw: te
-    } = Cl(t), {
-      tailorEvent: _e,
-      shotScreen: ke
-    } = Tl(b, l), {
-      moveEvent: Ze,
-      fastMove: qe
-    } = ql(l, s), { initSync: Ye } = eo(t, l, i);
-    ao(l, i);
-    const { drawDot: Xe } = Xl(), {
-      voiceVisible: Se,
-      voiceForm: C,
-      drawVoice: N,
-      recordTime: F,
-      isRecording: ie,
-      startRecording: He,
-      stopRecording: Lt,
-      initVoice: xt,
-      cancelRecord: Et,
-      confirmRecord: Vt
-    } = Ql(t, Pt), {
-      currentLabel: Qe,
-      localLabelList: nt,
-      initLabel: Mt,
-      jumpToLabel: at,
-      reloadLabelList: It,
-      eventHandel: St,
-      addHandle: Ht
-    } = Yl(t, b, l, xt, Je);
-    function Pt(z) {
-      Ht(z);
-    }
-    const {
-      getHotmapUrl: Rt,
-      handlerImage: At,
-      hotmapLine: Nt,
-      lineMouseDown: st,
-      hotmapImgs: Bt
-    } = Jl(t, l);
-    function it() {
-      var z;
-      (z = t.slide) != null && z.file && t.fileHandle && (a.value || (a.value = !0, t.fileHandle(t.slide).then((S) => {
-        var q, ae, fe, K;
-        y.value = S, p.value = (((q = y.value) == null ? void 0 : q.channel) || []).map((U) => U.eqt_num), l.value = new ue(j({
-          el: m.value,
-          fileName: (ae = t.slide) == null ? void 0 : ae.file,
-          scale: y.value.scanScale,
-          lang: (u == null ? void 0 : u.value) === "en-US" ? "en" : u == null ? void 0 : u.value,
-          navigator: {
-            style: "left: 0;bottom: 0",
-            thumbnail: y.value.thumbnailImg,
-            width: 200,
-            height: 180
-          },
-          grid: {
-            show: !1,
-            ruler: !1,
-            pxConversion: !0
-          },
-          thumb: {
-            bgColor: "rgba(0,0,0,0)"
-          },
-          graduation: {
-            show: !0,
-            right: 120,
-            bottom: (K = (fe = y.value) == null ? void 0 : fe.channel) != null && K.length ? 120 : 30,
-            tick: {
-              number: 3,
-              height: 8
-            }
-          },
-          pxConversion: {
-            units: ["um", "mm"],
-            binary: 1e3,
-            imageCapRes: y.value.imageCapRes || y.value.scanResolution || 1
-          },
-          openSeadragonOptions: {
-            maxZoomLevel: y.value.scanScale * 20,
-            pixelsPerArrowPress: 200,
-            animationTime: 0,
-            tileSources: rt()
-          },
-          tileDrawing: At,
-          label: {
-            drawing: (U, D, ze) => {
-              var Ne;
-              if (D != null && D.custom) {
-                const Y = U.getContext("2d");
-                Y.save(), Y.beginPath();
-                const Pe = (D == null ? void 0 : D.subType) || ((Ne = D == null ? void 0 : D.__data__) == null ? void 0 : Ne.subType);
-                Pe === "count" ? (Y.translate(ze.x - 14, ze.y - 22), Xe(Y, (D == null ? void 0 : D.strokeStyle) || "")) : Pe === "voice" ? (Y.translate(ze.x - 16, ze.y - 18), N(Y, (D == null ? void 0 : D.strokeStyle) || "")) : t.labelDrawing && t.labelDrawing(Y, D), Y.restore();
-              }
-            }
-          }
-        }, t.options || {})), l.value.viewer.drawer.canvas.style.filter = "url(#colorMatrixFilter)", Mt(), Ut(), Ye();
-      }).finally(() => {
-        a.value = !1, E.value && (vt({
-          show: !1,
-          ruler: !1
-        }), ft({
-          show: !1
-        }), setTimeout(() => {
-          mt(!1);
-        }, 100));
-      })));
-    }
-    function Dt() {
-      const z = l.value.viewer;
-      if (z.world) {
-        const S = z.world.getItemAt(0), q = z.viewport.getZoom(), ae = z.viewport.getCenter();
-        z.world.removeItem(S), z.addTiledImage({
-          tileSource: rt(),
-          success: function() {
-            z.viewport.zoomTo(q), z.viewport.panTo(ae);
-          }
-        });
-      }
-    }
-    function rt() {
-      var fe, K;
-      const z = y.value.tileWidth || y.value.imageBlockLen || 256, S = y.value.tileHeight || y.value.imageBlockLen || 256, q = {};
-      (fe = t.hotmap) != null && fe.enable && (((K = t.hotmap) == null ? void 0 : K.info) || []).forEach((U) => {
-        q[U[0] / z + "_" + U[1] / S + "_" + U[2]] = !0;
-      });
-      let ae = 10;
-      return Object.keys(y.value.ratiomap).forEach((U) => {
-        const D = y.value.fileNum - Math.sqrt(y.value.scanScale / Number(U));
-        D > 0 && (ae = ae ? Math.min(ae, D) : D);
-      }), {
-        height: y.value.height,
-        width: y.value.width,
-        tileWidth: z,
-        tileHeight: S,
-        minLevel: Math.floor(ae || 8),
-        getTileUrl: (U, D, ze) => {
-          var pt, ht, gt, wt;
-          const Ne = U, Y = {
-            file: ((pt = t.slide) == null ? void 0 : pt.file) || "",
-            x: D,
-            y: ze,
-            scale: "0",
-            level: U,
-            channel: JSON.stringify(p.value)
-          };
-          y.value.fileNum === U ? (U = y.value.scanScale, Y.scale = U.toFixed(6)) : (U = y.value.scanScale / Math.pow(2, y.value.fileNum - U), Y.scale = U.toFixed(6)), Y.level = Ne, Y.file = r.value === 0 ? Y.file : ((gt = (ht = t.slide) == null ? void 0 : ht.children) == null ? void 0 : gt[r.value - 1]) || "";
-          const Pe = t.tileHandle(Y);
-          return (wt = t.hotmap) != null && wt.enable ? Rt(Pe, Y, q) : Pe;
-        }
-      };
-    }
-    function Ut() {
-      l.value.viewer.addHandler("rotate", (z) => {
-        c.value = z.degrees || 0;
-      }), l.value.viewer.addHandler("zoom", (z) => {
-        const S = l.value.viewer.viewport.viewportToImageZoom(
-          z.zoom || 0
-        ) * Number(l.value.$options.scale);
-        s.value = Number(S.toFixed(2));
-      }), l.value.$on(ue.events.EVENT_NAVIGATOR_VESTIGE, (z) => {
-        t.navigatorHandle && t.navigatorHandle("add", t.slide, z);
-      }), t.navigatorHandle && t.navigatorHandle("list", t.slide).then((z) => {
-        var S, q;
-        (q = (S = l.value.navigator) == null ? void 0 : S.drawPointList) == null || q.call(S, z);
-      }), _e(), Ze();
-    }
-    function Ft() {
-      var z;
-      (z = l.value) != null && z.destroy && (l.value.destroy(), l.value = {}, y.value = {
-        width: 0,
-        height: 0,
-        fileNum: 0,
-        scanScale: 1,
-        fileName: "",
-        ratiomap: {}
-      }, Bt.value = [], p.value = [], s.value = 0, c.value = 0, r.value = 0);
-    }
-    function ut(z, S) {
-      z === "annotate" ? dt(S) : z === "tailor" ? ke(S) : z === "info" ? h.value = !0 : z === "flip" ? ct() : z === "delete" ? St("delete")(Qe.value) : b("tool", z, S);
-    }
-    function dt(z) {
-      z.tool === "Voice" && (z.subType = "voice", z.tool = "Dot", z.custom = !0), l.value.board.startDraw(z);
-    }
-    function Kt() {
-      l.value.board.endDraw();
-    }
-    function ct() {
-      l.value.viewer.viewport.toggleFlip();
-    }
-    function jt(z) {
-      var S, q;
-      (q = (S = g.value) == null ? void 0 : S.scopeChange) == null || q.call(S, z);
-    }
-    function Ot() {
-      h.value = !0;
-    }
-    function vt(z) {
-      l.value.grid.updated(z);
-    }
-    function ft(z) {
-      l.value.graduation.updated(z);
-    }
-    function mt(z) {
-      l.value.navigator.element.style.display = z ? "flex" : "none";
-    }
-    function Je(z) {
-      const S = l.value.viewer.viewport.imageToViewportZoom(Number(z / l.value.$options.scale));
-      l.value.viewer.viewport.zoomTo(S);
-    }
-    function Gt(z, S) {
-      l.value.area && (l.value.area.moveToLabel(l.value.viewer.viewport.imageToViewportCoordinates(
-        z.x + z.width / 2,
-        z.y + z.height / 2
-      )), Je(S));
-    }
-    return re("kfbView", l), re("currentLabel", Qe), e({
-      kfbView: l,
-      degrees: c,
-      zoom: s,
-      forceRedraw: te,
-      toggleFlip: ct,
-      startDraw: dt,
-      endDraw: Kt,
-      shotScreen: ke,
-      info: Ot,
-      scopeChange: jt,
-      updateGrid: vt,
-      updateGraduation: ft,
-      updateNavigator: mt,
-      fastMove: qe,
-      zoomTo: Je,
-      jumpToLabel: at,
-      jumpToPosition: Gt,
-      reloadLabelList: It
-    }), (z, S) => {
-      var q, ae, fe;
-      return w(), L("div", {
-        ref_key: "mainKfbViewRef",
-        ref: i,
-        class: "hzzt-kfb-view"
-      }, [
-        z.slide.file ? $e((w(), L("div", {
-          key: 0,
-          ref_key: "kfbViewMainRef",
-          ref: m,
-          class: "hzzt-kfb-view__main",
-          "element-loading-text": o(v)("加载中"),
-          "element-loading-background": "rgba(0, 0, 0, 0.8)"
-        }, null, 8, go)), [
-          [o(I), a.value]
-        ]) : (w(), L("div", wo, S[5] || (S[5] = [
-          _("img", {
-            style: { width: "50%" },
-            src: Ge
-          }, null, -1)
-        ]))),
-        z.slide.analysis && z.slide.analysis.result ? (w(), P(o(Tt), {
-          key: 2,
-          class: "hzzt-kfb-view__tag"
-        }, {
-          default: x(() => [
-            G(V(z.slide.analysis.result), 1)
-          ]),
-          _: 1
-        })) : A("", !0),
-        (w(), L("svg", yo, [
-          _("filter", bo, [
-            _("feColorMatrix", {
-              values: o(Q),
-              type: "matrix"
-            }, null, 8, _o),
-            _("feColorMatrix", {
-              values: o(ve),
-              type: "saturate"
-            }, null, 8, ko),
-            _("feComponentTransfer", null, [
-              _("feFuncR", {
-                id: "feFuncR",
-                type: "gamma",
-                exponent: o(Z).ga,
-                amplitude: "1",
-                offset: "0"
-              }, null, 8, zo),
-              _("feFuncG", {
-                id: "feFuncG",
-                type: "gamma",
-                exponent: o(Z).ga,
-                amplitude: "1",
-                offset: "0"
-              }, null, 8, Co),
-              _("feFuncB", {
-                id: "feFuncB",
-                type: "gamma",
-                exponent: o(Z).ga,
-                amplitude: "1",
-                offset: "0"
-              }, null, 8, To)
-            ])
-          ])
-        ])),
-        T(Pl, {
-          menus: z.menus,
-          onTool: ut
-        }, null, 8, ["menus"]),
-        T(Nl, Ke(z.microscope, {
-          ref_key: "microscopeRef",
-          ref: g
-        }), null, 16),
-        o(k) && z.slide.file ? (w(), P(Zl, {
-          key: 3,
-          info: y.value,
-          slide: z.slide,
-          pathologyHandle: z.pathologyHandle,
-          onTool: ut
-        }, null, 8, ["info", "slide", "pathologyHandle"])) : A("", !0),
-        o(f) ? (w(), P(no, { key: 4 })) : A("", !0),
-        (q = z.slide.children) != null && q.length ? (w(), P(so, {
-          key: 5,
-          modelValue: r.value,
-          "onUpdate:modelValue": S[0] || (S[0] = (K) => r.value = K),
-          slides: z.slide.children
-        }, null, 8, ["modelValue", "slides"])) : A("", !0),
-        (fe = (ae = y.value) == null ? void 0 : ae.channel) != null && fe.length ? (w(), P(uo, {
-          key: 6,
-          modelValue: p.value,
-          "onUpdate:modelValue": S[1] || (S[1] = (K) => p.value = K),
-          info: y.value,
-          onLoad: Dt
-        }, null, 8, ["modelValue", "info"])) : A("", !0),
-        o(nt).length ? (w(), P(ho, {
-          key: 7,
-          expand: R.value,
-          "onUpdate:expand": S[2] || (S[2] = (K) => R.value = K),
-          style: W({
-            top: z.slide.analysis && z.slide.analysis.result ? "24px" : "4px;"
-          }),
-          annotation: o(Qe),
-          annotations: o(nt),
-          onSelect: o(at)
-        }, null, 8, ["expand", "style", "annotation", "annotations", "onSelect"])) : A("", !0),
-        T(o(je), {
-          modelValue: h.value,
-          "onUpdate:modelValue": S[3] || (S[3] = (K) => h.value = K),
-          "append-to-body": !0,
-          title: o(v)("图像信息"),
-          width: "700px",
-          top: "5vh"
-        }, {
-          default: x(() => [
-            T(o(tt), { "label-position": "left" }, {
-              default: x(() => [
-                T(o(se), {
-                  class: "flex",
-                  "label-width": "0px"
-                }, {
-                  default: x(() => [
-                    _("div", $o, [
-                      _("img", {
-                        src: y.value.labelImg,
-                        style: { height: "180px" }
-                      }, null, 8, Lo),
-                      _("img", {
-                        src: y.value.previewImg,
-                        style: { height: "180px" },
-                        class: "flex-1"
-                      }, null, 8, xo)
-                    ])
-                  ]),
-                  _: 1
-                }),
-                T(o(se), {
-                  label: o(v)("文件名")
-                }, {
-                  default: x(() => [
-                    _("span", Eo, V(y.value.fileName), 1)
-                  ]),
-                  _: 1
-                }, 8, ["label"]),
-                T(o(se), {
-                  label: o(v)("图像像素")
-                }, {
-                  default: x(() => [
-                    _("span", Vo, V(y.value.width) + "Pixel - " + V(y.value.height) + "Pixel", 1)
-                  ]),
-                  _: 1
-                }, 8, ["label"]),
-                T(o(se), {
-                  label: o(v)("扫描倍率")
-                }, {
-                  default: x(() => [
-                    _("span", Mo, V(y.value.scanScale), 1)
-                  ]),
-                  _: 1
-                }, 8, ["label"]),
-                T(o(se), {
-                  label: o(v)("扫描时刻")
-                }, {
-                  default: x(() => [
-                    _("span", Io, V(y.value.scanTime), 1)
-                  ]),
-                  _: 1
-                }, 8, ["label"]),
-                T(o(se), {
-                  label: o(v)("扫描时间")
-                }, {
-                  default: x(() => [
-                    _("span", So, V(y.value.scanDuration || 0) + "s", 1)
-                  ]),
-                  _: 1
-                }, 8, ["label"]),
-                y.value.ext ? (w(), P(o(se), {
-                  key: 0,
-                  label: o(v)("扫描设备")
-                }, {
-                  default: x(() => [
-                    _("span", Ho, V(y.value.ext.machineNum || ""), 1)
-                  ]),
-                  _: 1
-                }, 8, ["label"])) : A("", !0)
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 8, ["modelValue", "title"]),
-        T(o(je), {
-          modelValue: o(Se),
-          "onUpdate:modelValue": S[4] || (S[4] = (K) => Ve(Se) ? Se.value = K : null),
-          "append-to-body": !0,
-          title: o(v)("语音输入"),
-          width: "500px",
-          top: "5vh"
-        }, {
-          footer: x(() => [
-            T(o(ge), { onClick: o(Et) }, {
-              default: x(() => [
-                G(V(o(v)("取消")), 1)
-              ]),
-              _: 1
-            }, 8, ["onClick"]),
-            T(o(ge), {
-              type: "primary",
-              onClick: o(Vt)
-            }, {
-              default: x(() => [
-                G(V(o(v)("确定")), 1)
-              ]),
-              _: 1
-            }, 8, ["onClick"])
-          ]),
-          default: x(() => [
-            T(o(tt), { "label-position": "left" }, {
-              default: x(() => {
-                var K;
-                return [
-                  T(o(se), null, {
-                    default: x(() => {
-                      var U;
-                      return [
-                        (U = o(C)) != null && U.src ? (w(), L("audio", {
-                          key: 0,
-                          class: "width-100%",
-                          src: o(C).src,
-                          controls: "",
-                          preload: "auto"
-                        }, null, 8, Po)) : A("", !0)
-                      ];
-                    }),
-                    _: 1
-                  }),
-                  (K = o(C)) != null && K.src ? A("", !0) : (w(), P(o(se), { key: 0 }, {
-                    default: x(() => [
-                      o(ie) ? (w(), P(o(ge), {
-                        key: 1,
-                        type: "danger",
-                        onClick: o(Lt)
-                      }, {
-                        default: x(() => [
-                          G(V(o(v)("结束录音")), 1)
-                        ]),
-                        _: 1
-                      }, 8, ["onClick"])) : (w(), P(o(ge), {
-                        key: 0,
-                        type: "primary",
-                        onClick: o(He)
-                      }, {
-                        default: x(() => [
-                          G(V(o(v)("开始录音")), 1)
-                        ]),
-                        _: 1
-                      }, 8, ["onClick"])),
-                      o(ie) ? (w(), L("span", Ro, V(o(v)("录音时长")) + "：" + V(o(F)) + "s", 1)) : A("", !0)
-                    ]),
-                    _: 1
-                  }))
-                ];
-              }),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 8, ["modelValue", "title"]),
-        z.hotmap && z.hotmap.enable && z.hotmap.type !== "switch" ? (w(), L("div", {
-          key: 8,
-          class: "hzzt-kfb-view__hotmap",
-          style: W({ left: o(Nt) + "px" })
-        }, [
-          T(o(be), {
-            class: "icon-caret-left",
-            size: "30",
-            onMousedown: o(st)
-          }, {
-            default: x(() => S[6] || (S[6] = [
-              _("svg", {
-                xmlns: "http://www.w3.org/2000/svg",
-                viewBox: "0 0 1024 1024"
-              }, [
-                _("path", {
-                  fill: "currentColor",
-                  d: "M672 192 288 511.936 672 832z"
-                })
-              ], -1)
-            ])),
-            _: 1,
-            __: [6]
-          }, 8, ["onMousedown"]),
-          T(o(be), {
-            class: "icon-caret-right",
-            size: "30",
-            onMousedown: o(st)
-          }, {
-            default: x(() => S[7] || (S[7] = [
-              _("svg", {
-                xmlns: "http://www.w3.org/2000/svg",
-                viewBox: "0 0 1024 1024"
-              }, [
-                _("path", {
-                  fill: "currentColor",
-                  d: "M384 192v640l384-320.064z"
-                })
-              ], -1)
-            ])),
-            _: 1,
-            __: [7]
-          }, 8, ["onMousedown"])
-        ], 4)) : A("", !0),
-        de(z.$slots, "default")
-      ], 512);
-    };
-  }
-});
-function Ao(d, e) {
-  var h, l;
-  const n = $(!!((h = d.ai) != null && h.default)), t = $(!!((l = d.ai) != null && l.default)), b = $([]), v = B(
-    () => {
-      var a, c, s, r;
-      return (c = (a = e.value) == null ? void 0 : a.analysis) != null && c.id ? ((r = (s = e.value) == null ? void 0 : s.analysis) == null ? void 0 : r.class) || "auto" : "";
-    }
-  );
-  ne(() => {
-    var a;
-    return (a = d.ai) == null ? void 0 : a.default;
-  }, (a) => {
-    n.value = !!a, t.value = !!a;
-  }), ne(() => {
-    var a;
-    return (a = e == null ? void 0 : e.value) == null ? void 0 : a.id;
-  }, u), pe(() => {
-    var a, c;
-    n.value = !!((a = d.ai) != null && a.default), t.value = !!((c = d.ai) != null && c.default), u();
-  });
-  function u() {
-    var a;
-    (a = e.value) != null && a.id && v.value ? n.value || t.value ? i() : b.value = [] : b.value = [];
-  }
-  function i() {
-    d.ai.handle(v.value, e.value).then((a) => {
-      b.value = a;
-    }).catch(() => {
-      b.value = [], v.value === "IQC" ? t.value = !1 : n.value = !1;
-    });
-  }
-  function m() {
-    t.value = !1, u();
-  }
-  function g() {
-    n.value = !1, u();
-  }
-  return {
-    analysisClass: v,
-    aiLabelList: b,
-    enableAi: n,
-    enableIqc: t,
-    toggleIqc: g,
-    toggleAi: m
-  };
-}
-const No = ["src", "fit"], Bo = ["src", "fit"], Ue = /* @__PURE__ */ ee({
-  name: "KfbImage",
-  __name: "KfbImage",
-  props: {
-    src: {
-      type: String,
-      required: !0,
-      default: ""
-    },
-    fit: {
-      type: String,
-      validator: (d) => ["", "contain", "cover", "fill", "none", "scale-down"].includes(d),
-      default: ""
-    },
-    retryTimes: {
-      type: Number,
-      default: 0
-    },
-    load: {
-      type: Function,
-      default: () => ({})
-    }
-  },
-  setup(d) {
-    const e = d;
-    let n = 0;
-    const t = $(!1), b = ot({
-      x: 0,
-      y: 0
-    }), v = B(() => ({
-      top: `${b.y + 10}px`,
-      left: `${b.x}px`,
-      transform: "translateY(-50%)",
-      width: `${4 * 300 / 3}px`,
-      height: "300px",
-      background: "rgba(0,0,0,0.8)",
-      zIndex: "10000"
-    }));
-    function u(h) {
-      const l = h.target;
-      n < e.retryTimes ? (l.src = e.src, n++) : l.src = Ge;
-    }
-    function i(h) {
-      if (h.target) {
-        const r = h.target, p = r.tagName;
-        let y = "";
-        if (r.tagName === "IMG" ? y = r.src || "" : p === "DIV" && (y = r.children[0].src || ""), y.indexOf(Ge) > -1)
-          return;
-      }
-      const { x: l, y: a } = m(h), c = 4 * 300 / 3, s = 300;
-      b.x = Math.min(Math.max(l, c / 2), window.innerWidth - c / 2), b.y = Math.min(Math.max(a, s / 2), window.innerHeight - s / 2), t.value = !0;
-    }
-    function m(h) {
-      const l = h.target, a = h.offsetX, c = h.offsetY, s = l.clientWidth, r = l.clientHeight;
-      return {
-        x: h.clientX + s - a,
-        y: h.clientY - c + r / 2
-      };
-    }
-    function g() {
-      t.value = !1;
-    }
-    return (h, l) => (w(), L("div", {
-      class: "relative",
-      onMouseenter: i,
-      onMouseleave: g
-    }, [
-      _("img", {
-        src: d.src,
-        fit: d.fit,
-        onError: u,
-        style: {
-          height: "100%",
-          width: "100%"
-        }
-      }, null, 40, No),
-      (w(), P(Fe, { to: "body" }, [
-        t.value ? (w(), L("div", {
-          key: 0,
-          class: "fixed hzzt-kfb-img-triangle-left",
-          style: W(v.value)
-        }, [
-          _("img", {
-            src: d.src,
-            fit: d.fit,
-            style: {
-              objectFit: "contain",
-              height: "100%",
-              width: "100%"
-            },
-            onMouseenter: l[0] || (l[0] = () => {
-              t.value = !0;
-            }),
-            onMouseleave: g
-          }, null, 40, Bo)
-        ], 4)) : A("", !0)
-      ]))
-    ], 32));
-  }
-}), Do = {}, Uo = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 1024 1024"
-};
-function Fo(d, e) {
-  return w(), L("svg", Uo, e[0] || (e[0] = [
-    _("path", {
-      fill: "currentColor",
-      d: "M160 448a32 32 0 0 1-32-32V160.064a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V416a32 32 0 0 1-32 32zm448 0a32 32 0 0 1-32-32V160.064a32 32 0 0 1 32-32h255.936a32 32 0 0 1 32 32V416a32 32 0 0 1-32 32zM160 896a32 32 0 0 1-32-32V608a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32v256a32 32 0 0 1-32 32zm448 0a32 32 0 0 1-32-32V608a32 32 0 0 1 32-32h255.936a32 32 0 0 1 32 32v256a32 32 0 0 1-32 32z"
-    }, null, -1)
-  ]));
-}
-const Ko = /* @__PURE__ */ he(Do, [["render", Fo]]), jo = {}, Oo = {
-  width: "16",
-  height: "16",
-  viewBox: "0 0 16 16",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-function Go(d, e) {
-  return w(), L("svg", Oo, e[0] || (e[0] = [
-    _("g", { id: "Frame" }, [
-      _("path", {
-        id: "Vector",
-        d: "M5.33333 2.66659H14V3.99992H5.33333V2.66659ZM2 2.33325H4V4.33325H2V2.33325ZM2 6.99992H4V8.99992H2V6.99992ZM2 11.6666H4V13.6666H2V11.6666ZM5.33333 7.33325H14V8.66659H5.33333V7.33325ZM5.33333 11.9999H14V13.3333H5.33333V11.9999Z",
-        fill: "currentColor",
-        "fill-opacity": "0.9"
-      })
-    ], -1)
-  ]));
-}
-const Wo = /* @__PURE__ */ he(jo, [["render", Go]]), Zo = { class: "hzzt-kfb-slides" }, qo = { class: "hzzt-kfb-slides__row" }, Yo = { class: "hzzt-kfb-slides__top" }, Xo = { class: "text-primary" }, Qo = { class: "flex align-items-center" }, Jo = { key: 0 }, en = ["data-index", "onClick"], tn = { class: "hzzt-kfb-slides__gallery" }, ln = ["onClick"], on = {
-  key: 0,
-  class: "hzzt-kfb-slides__read"
-}, nn = ["onClick"], an = {
-  key: 1,
-  class: "flex column"
-}, sn = { class: "hzzt-kfb-slides__header" }, rn = { class: "w-30%" }, un = { class: "w-40%" }, dn = { class: "w-20%" }, cn = ["data-index", "onClick"], vn = { class: "w-30% flex" }, fn = { class: "hzzt-kfb-slides__gallery" }, mn = {
-  key: 0,
-  class: "hzzt-kfb-slides__read"
-}, pn = { class: "w-40% flex" }, hn = ["onClick"], gn = ["onClick"], wn = {
-  key: 0,
-  class: "flex column py-2"
-}, yn = { class: "flex align-items-center justify-content-center" }, bn = { class: "margin-r-1" }, _n = {
-  key: 0,
-  class: "margin-r-1 margin-l-2"
-}, kn = /* @__PURE__ */ ee({
-  __name: "KfbSlideList",
-  props: {
-    slides: {}
-  },
-  emits: ["select", "tool"],
-  setup(d, { expose: e, emit: n }) {
-    const t = d, b = n, v = J("file-index", {
-      value: 0
-    }), u = J("divide", {
-      value: !1
-    }), i = J("sync", {
-      value: !1
-    }), m = $(!1), g = $(), h = B(() => t.slides.filter(({ read: p }) => p)), l = B(() => t.slides.filter(({ check: p }) => p)), { t: a } = ce();
-    function c(p) {
-      v.value = p, b("select", p);
-    }
-    function s(p) {
-      p.check = !p.check;
-    }
-    function r(p) {
-      var k, f, E;
-      const y = ((E = (f = (k = g.value.querySelector('[data-index="0"]')) == null ? void 0 : k.getBoundingClientRect) == null ? void 0 : f.call(k)) == null ? void 0 : E.y) || 0;
-      g.value.scrollTop = g.value.querySelector(`[data-index="${p}"]`).getBoundingClientRect().y - y;
-    }
-    return e({
-      jumpToSlide: r
-    }), (p, y) => (w(), L("div", Zo, [
-      _("div", qo, [
-        _("div", Yo, [
-          _("span", null, [
-            y[4] || (y[4] = G("已读：")),
-            _("span", Xo, V(h.value.length), 1),
-            G("/" + V(p.slides.length), 1)
-          ]),
-          _("div", Qo, [
-            T(o(be), {
-              class: "margin-r-2 pointer",
-              size: "16",
-              color: m.value ? "#999" : "#000",
-              onClick: y[0] || (y[0] = (k) => m.value = !m.value)
-            }, {
-              default: x(() => [
-                T(Ko)
-              ]),
-              _: 1
-            }, 8, ["color"]),
-            T(o(be), {
-              class: "pointer",
-              name: "cus-list",
-              size: "16",
-              color: m.value ? "#000" : "#999",
-              onClick: y[1] || (y[1] = (k) => m.value = !m.value)
-            }, {
-              default: x(() => [
-                T(Wo)
-              ]),
-              _: 1
-            }, 8, ["color"])
-          ])
-        ]),
-        _("div", {
-          class: "flex-1 overflow-auto",
-          style: { width: "100%" },
-          ref_key: "slidesRef",
-          ref: g
-        }, [
-          m.value ? (w(), L("ul", an, [
-            _("li", sn, [
-              y[5] || (y[5] = _("div", { class: "w-10%" }, null, -1)),
-              _("div", rn, V(o(a)("缩略图")), 1),
-              _("div", un, V(o(a)("切片名")), 1),
-              _("div", dn, V(o(a)("评分")), 1)
-            ]),
-            (w(!0), L(le, null, oe(p.slides, (k, f) => (w(), L("li", {
-              key: f,
-              "data-index": f,
-              class: "flex align-items-center overflow-hidden",
-              style: W({
-                backgroundColor: o(v) === f ? "rgba(6, 85, 195, 0.1)" : "#fff"
-              }),
-              onClick: (E) => c(f)
-            }, [
-              _("div", {
-                class: "w-10% text-center",
-                onClick: Be(() => {
-                }, ["stop"])
-              }, [
-                T(o(Oe), {
-                  modelValue: k.check,
-                  "onUpdate:modelValue": (E) => k.check = E,
-                  style: { width: "14px", height: "16px" }
-                }, null, 8, ["modelValue", "onUpdate:modelValue"])
-              ]),
-              _("div", vn, [
-                _("div", fn, [
-                  T(Ue, {
-                    style: W([{ transform: `rotate(${k.angle}deg)` }, { height: "45px" }]),
-                    "retry-times": 1,
-                    src: k.labelImg,
-                    fit: "cover",
-                    class: "flex-1"
-                  }, null, 8, ["style", "src"]),
-                  T(Ue, {
-                    "retry-times": 1,
-                    fit: "cover",
-                    src: k.previewImg,
-                    style: { height: "45px" },
-                    class: "flex-1"
-                  }, null, 8, ["src"]),
-                  k.read ? A("", !0) : (w(), L("div", mn, V(o(a)("未读")), 1))
-                ])
-              ]),
-              _("div", pn, [
-                T(o(zt), {
-                  effect: "dark",
-                  placement: "bottom",
-                  content: `${k.name}`
-                }, {
-                  default: x(() => [
-                    _("span", {
-                      style: { "line-height": "16px" },
-                      class: "margin-l-1 ellipsis hzzt-kfb-slides__text",
-                      dir: "rtl",
-                      onClick: Be((E) => s(k), ["stop"])
-                    }, V(k.name), 9, hn)
-                  ]),
-                  _: 2
-                }, 1032, ["content"])
-              ]),
-              _("div", {
-                class: "w-20% flex text-center pointer",
-                style: W({
-                  color: k.gradeColor
-                }),
-                onClick: (E) => b("tool", "grade", k)
-              }, V(k.grade), 13, gn)
-            ], 12, cn))), 128))
-          ])) : (w(), L("div", Jo, [
-            (w(!0), L(le, null, oe(p.slides, (k, f) => (w(), L("div", {
-              key: f,
-              class: ye(["hzzt-kfb-slides__box", o(v) === f ? "hzzt-kfb-slides__box--active" : ""]),
-              "data-index": f,
-              onClick: (E) => c(f)
-            }, [
-              _("div", tn, [
-                T(Ue, {
-                  style: W({ transform: `rotate(${k.angle}deg)` }),
-                  "retry-times": 1,
-                  src: k.labelImg,
-                  class: "hzzt-kfb-slides__img",
-                  fit: "cover"
-                }, null, 8, ["style", "src"]),
-                T(Ue, {
-                  "retry-times": 1,
-                  src: k.previewImg,
-                  class: "flex-1 hzzt-kfb-slides__img1",
-                  fit: "cover"
-                }, null, 8, ["src"])
-              ]),
-              _("div", {
-                class: "flex justify-content-between align-items-center",
-                onClick: Be(() => {
-                }, ["stop"])
-              }, [
-                T(o(Oe), {
-                  modelValue: k.check,
-                  "onUpdate:modelValue": (E) => k.check = E,
-                  style: { width: "14px", height: "16px" }
-                }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-                T(o(zt), {
-                  effect: "dark",
-                  placement: "bottom",
-                  content: `${k.name}`
-                }, {
-                  default: x(() => [
-                    _("span", {
-                      style: { "line-height": "16px", "text-align": "center", width: "calc(100% - 14px)" },
-                      class: "margin-l-1 ellipsis",
-                      onClick: Be((E) => s(k), ["stop"])
-                    }, V(k.name), 9, ln)
-                  ]),
-                  _: 2
-                }, 1032, ["content"])
-              ]),
-              k.read ? A("", !0) : (w(), L("div", on, V(o(a)("未读")), 1)),
-              k.grade ? (w(), L("div", {
-                key: 1,
-                class: "hzzt-kfb-slides__grade",
-                style: W({
-                  background: k.gradeColor
-                }),
-                onClick: (E) => b("tool", "grade", k)
-              }, V(k.grade), 13, nn)) : A("", !0),
-              de(p.$slots, "slide", { slide: k }, void 0, !0)
-            ], 10, en))), 128))
-          ]))
-        ], 512),
-        l.value.length > 1 ? (w(), L("div", wn, [
-          _("div", yn, [
-            _("span", bn, V(o(a)("分屏")), 1),
-            T(o(Le), {
-              modelValue: o(u),
-              "onUpdate:modelValue": y[2] || (y[2] = (k) => Ve(u) ? u.value = k : null)
-            }, null, 8, ["modelValue"]),
-            o(u) ? (w(), L("span", _n, V(o(a)("同步")), 1)) : A("", !0),
-            o(u) ? (w(), P(o(Le), {
-              key: 1,
-              modelValue: o(i),
-              "onUpdate:modelValue": y[3] || (y[3] = (k) => Ve(i) ? i.value = k : null)
-            }, null, 8, ["modelValue"])) : A("", !0)
-          ])
-        ])) : A("", !0)
-      ])
-    ]));
-  }
-}), zn = /* @__PURE__ */ he(kn, [["__scopeId", "data-v-d3cde57c"]]), Cn = { class: "hzzt-kfb-ai overflow-hidden" }, Tn = { class: "flex align-items-center margin-t-1" }, $n = { style: { color: "var(--el-color-success)" } }, Ln = { class: "flex-1 flex overflow-auto wrap margin-t-1" }, xn = ["onClick"], En = {
-  key: 0,
-  style: { "margin-left": "2px" }
-}, Vn = /* @__PURE__ */ ee({
-  name: "KfbAiList",
-  __name: "list",
-  props: {
-    data: { default: () => [] },
-    slide: { default: () => ({}) }
-  },
-  setup(d, { expose: e }) {
-    const n = d, { t } = ce(), b = J("kfbViewRef"), v = $(-1), u = $(1), i = $(100), m = $(!0), g = $([]), h = B(() => n.data.filter((E) => g.value.includes(E.cls || ""))), l = B(() => h.value.slice((u.value - 1) * i.value, u.value * i.value)), a = B(() => {
-      var R, I;
-      const E = ((I = (R = n.slide) == null ? void 0 : R.analysis) == null ? void 0 : I.result) || "";
-      return E.indexOf("疑似阳性") > -1 ? {
-        type: "warning",
-        name: E
-      } : E.indexOf("阳性") > -1 ? {
-        type: "danger",
-        name: E
-      } : E.indexOf("阴性") > -1 ? {
-        type: "success",
-        name: E
-      } : {
-        type: "info",
-        name: E || t("未知")
-      };
-    }), c = B(() => {
-      const E = /* @__PURE__ */ new Set();
-      return n.data.forEach((R) => {
-        const I = R.cls || "";
-        I && !E.has(I) && E.add(I);
-      }), Array.from(E);
-    }), s = B(() => g.value.length !== 0 && g.value.length !== c.value.length);
-    ne(() => c.value, (E) => {
-      r(), g.value = [...E];
-    }), pe(() => {
-      g.value = [...c.value];
-    });
-    function r() {
-      v.value = -1, u.value = 1, i.value = 100, m.value = !0;
-    }
-    function p(E) {
-      const R = h.value.findIndex((I) => I.id === E.id);
-      v.value = R, b.value.jumpToLabel(E, 5);
-    }
-    function y(E) {
-      const R = n.data.filter((I) => I.cls === E);
-      return R.length ? `（${R.length}）` : "";
-    }
-    function k() {
-      v.value = -1, m.value = g.value.length == c.value.length;
-    }
-    function f(E) {
-      g.value = E ? [...c.value] : [], v.value = -1;
-    }
-    return e({
-      labelList: h
-    }), (E, R) => (w(), L("div", Cn, [
-      _("div", Tn, [
-        T(o(sl), {
-          placement: "bottom",
-          trigger: "click",
-          width: "160"
-        }, {
-          reference: x(() => [
-            T(o(ge), {
-              class: "margin-r-1",
-              type: "primary"
-            }, {
-              default: x(() => [
-                G(V(o(t)("分类")) + " ", 1),
-                T(X, { name: "arrowDown" })
-              ]),
-              _: 1
-            })
-          ]),
-          default: x(() => [
-            _("div", null, [
-              T(o(Oe), {
-                modelValue: m.value,
-                "onUpdate:modelValue": R[0] || (R[0] = (I) => m.value = I),
-                indeterminate: s.value,
-                onChange: f
-              }, {
-                default: x(() => [
-                  G(V(o(t)("全选")), 1)
-                ]),
-                _: 1
-              }, 8, ["modelValue", "indeterminate"]),
-              T(o(il), {
-                modelValue: g.value,
-                "onUpdate:modelValue": R[1] || (R[1] = (I) => g.value = I),
-                class: "flex column",
-                onChange: k
-              }, {
-                default: x(() => [
-                  (w(!0), L(le, null, oe(c.value, (I) => (w(), P(o(Oe), {
-                    key: I,
-                    value: I
-                  }, {
-                    default: x(() => [
-                      G(V(I) + " ", 1),
-                      _("span", $n, V(y(I)), 1)
-                    ]),
-                    _: 2
-                  }, 1032, ["value"]))), 128))
-                ]),
-                _: 1
-              }, 8, ["modelValue"])
-            ])
-          ]),
-          _: 1
-        }),
-        T(o(Tt), {
-          type: a.value.type,
-          class: "margin-l-1"
-        }, {
-          default: x(() => [
-            G(V(a.value.name), 1)
-          ]),
-          _: 1
-        }, 8, ["type"])
-      ]),
-      _("div", Ln, [
-        (w(!0), L(le, null, oe(l.value, (I, Z) => (w(), L("div", {
-          key: Z + (u.value - 1) * i.value,
-          class: ye(`hzzt-kfb-ai__img ${v.value === Z + (u.value - 1) * i.value ? "hzzt-kfb-ai__img--active" : ""}`),
-          onClick: (Q) => p(I)
-        }, [
-          T(o(ul), {
-            "retry-times": 1,
-            src: I.imageUrl,
-            "error-src": o(Ge)
-          }, null, 8, ["src", "error-src"]),
-          _("div", {
-            style: W({ color: I.strokeStyle }),
-            class: "ellipsis"
-          }, [
-            G(V(I.cls) + " ", 1),
-            I.score ? (w(), L("span", En, V(I.score), 1)) : A("", !0)
-          ], 4)
-        ], 10, xn))), 128))
-      ]),
-      T(o(rl), {
-        class: "wrap",
-        "current-page": u.value,
-        "onUpdate:currentPage": R[2] || (R[2] = (I) => u.value = I),
-        "page-size": i.value,
-        "onUpdate:pageSize": R[3] || (R[3] = (I) => i.value = I),
-        "page-sizes": [100, 200, 300, 400],
-        layout: "total, sizes, prev, pager, next",
-        total: h.value.length
-      }, null, 8, ["current-page", "page-size", "total"])
-    ]));
-  }
-}), Mn = { class: "hzzt-kfb-slide" }, In = { class: "flex flex-1 overflow-hidden" }, Sn = { class: "flex flex-1" }, Hn = {
-  key: 0,
-  style: { height: "100%", width: "100%" },
-  class: "flex wrap"
-}, Pn = ["onClick"], We = /* @__PURE__ */ ee({
-  name: "HzztKfbSlide",
-  __name: "index",
-  props: /* @__PURE__ */ we({
-    menus: { default: () => [] },
-    kfb: {},
-    slides: { default: () => [] },
-    ai: {},
-    teleport: { type: Boolean, default: !1 },
-    process: {},
-    microscope: {},
-    showList: { type: Boolean, default: !0 },
-    showKfbLabel: { type: Boolean, default: !0 },
-    showKeyboard: { type: Boolean, default: !1 },
-    showMenuText: { type: Boolean, default: !0 }
-  }, {
-    index: {
-      default: 0
-    },
-    indexModifiers: {}
-  }),
-  emits: /* @__PURE__ */ we(["tool"], ["update:index"]),
-  setup(d, { expose: e, emit: n }) {
-    const t = d, b = n, v = Ee(d, "index"), u = B(() => t.slides[v.value]), i = B(() => t.slides.filter(({ check: C }) => C)), m = $(), g = $(), h = $(), l = $(), a = $(t.showKeyboard), c = $(t.showKfbLabel), s = $(!1), r = $(!1), p = $(!1), { t: y } = ce(), k = B(() => {
-      var C;
-      if (s.value) {
-        const N = i.value.findIndex(({ id: F }) => {
-          var ie;
-          return F === ((ie = u.value) == null ? void 0 : ie.id);
-        });
-        return ((C = h.value) == null ? void 0 : C[N]) || g.value;
-      } else
-        return g.value;
-    }), f = B(() => i.value.length <= 1 ? {
-      height: "100%",
-      width: "100%"
-    } : i.value.length <= 2 ? {
-      height: "100%",
-      width: "calc((100% - 4px) / 2)"
-    } : i.value.length <= 4 ? {
-      height: "calc((100% - 4px) / 2)",
-      width: "calc((100% - 4px) / 2)"
-    } : i.value.length <= 6 ? {
-      height: "calc((100% - 4px) / 2)",
-      width: "calc((100% - 4px * 2) / 3)"
-    } : i.value.length <= 9 ? {
-      height: "calc((100% - 4px * 2) / 3)",
-      width: "calc((100% - 4px * 2) / 3)"
-    } : {
-      height: "100%",
-      width: "100%"
-    });
-    ne(() => i.value, (C) => {
-      s.value && C.length <= 1 && (s.value = !1);
-    }), ne(() => u.value, (C) => {
-      if (C) {
-        const N = C.read;
-        C.read = !0, b("tool", "choose", {
-          slide: C,
-          read: N
-        });
-      }
-    });
-    const {
-      analysisClass: E,
-      aiLabelList: R,
-      enableAi: I,
-      enableIqc: Z,
-      toggleIqc: Q,
-      toggleAi: ve
-    } = Ao(t, u);
-    function te(C, N) {
-      C === "next" && t.slides[v.value + 1] && v.value++, C === "prev" && t.slides[v.value - 1] && v.value--, (C === "label" || C === "tool") && (c.value = N), b("tool", C, N);
-    }
-    function _e(C) {
-      var F, ie, He;
-      const N = me(j({}, t.kfb), {
-        process: t.process,
-        microscope: t.microscope,
-        slide: C,
-        aiLabelList: u.value.id === C.id ? ((F = l.value) == null ? void 0 : F.labelList) || [] : [],
-        hotmap: (ie = C == null ? void 0 : C.hotmap) != null && ie.file ? me(j({}, (C == null ? void 0 : C.hotmap) || {}), {
-          enable: I.value
-        }) : void 0,
-        syncPosition: r.value,
-        syncZoom: r.value,
-        handle: void 0
-      });
-      return (He = t.kfb) != null && He.handle ? t.kfb.handle(C, N) : N;
-    }
-    function ke(C) {
-      v.value = t.slides.findIndex((N) => N.id === C.id);
-    }
-    function Ze(C) {
-      s.value && (t.slides[C].check = !0);
-    }
-    function qe() {
-      var C;
-      c.value = !p.value, (C = s.value ? h.value : [g.value]) == null || C.forEach((N) => {
-        p.value && (N.updateGrid({
-          show: !p.value,
-          ruler: !p.value
-        }), a.value = !p.value), N.updateGraduation({
-          show: !p.value
-        }), N.updateNavigator(!p.value);
-      });
-    }
-    function Ye(C) {
-      v.value = C, m.value && m.value.jumpToSlide(C);
-    }
-    function Xe(C, N) {
-      k.value && k.value.jumpToLabel(C, N);
-    }
-    function Se(C, N) {
-      k.value && k.value.jumpToPosition(C, N);
-    }
-    return re("kfbViewRef", k), re("show-keyboard", a), re("show-kfb-label", c), re("hidden-all-label", p), re("file-index", v), re("divide", s), re("sync", r), e({
-      divide: s,
-      slide: u,
-      kfbViewRef: k,
-      jumpToSlide: Ye,
-      jumpToLabel: Xe,
-      jumpToPosition: Se,
-      enableAI: B(() => {
-        var C;
-        return ((C = t.ai) == null ? void 0 : C.enable) && R.value.length;
-      })
-    }), (C, N) => (w(), L("div", Mn, [
-      C.menus.length ? (w(), P(Ae, {
-        key: 0,
-        menu: C.menus,
-        "show-menu-text": C.showMenuText,
-        process: C.process,
-        microscope: C.microscope,
-        onTool: te
-      }, {
-        left: x(() => [
-          de(C.$slots, "left")
-        ]),
-        right: x(() => [
-          T(o(Le), {
-            modelValue: p.value,
-            "onUpdate:modelValue": N[0] || (N[0] = (F) => p.value = F),
-            "active-text": o(y)("隐藏标签"),
-            class: "margin-r-2",
-            onChange: qe
-          }, null, 8, ["modelValue", "active-text"]),
-          C.ai && C.ai.enable && o(E) === "IQC" ? (w(), P(o(Le), {
-            key: 0,
-            modelValue: o(Z),
-            "onUpdate:modelValue": N[1] || (N[1] = (F) => Ve(Z) ? Z.value = F : null),
-            "active-text": o(y)("AI质控"),
-            class: "margin-r-2",
-            onChange: o(Q)
-          }, null, 8, ["modelValue", "active-text", "onChange"])) : C.ai && C.ai.enable && o(E) ? (w(), P(o(Le), {
-            key: 1,
-            modelValue: o(I),
-            "onUpdate:modelValue": N[2] || (N[2] = (F) => Ve(I) ? I.value = F : null),
-            "active-text": o(y)("AI分析"),
-            class: "margin-r-2",
-            onChange: o(ve)
-          }, null, 8, ["modelValue", "active-text", "onChange"])) : A("", !0),
-          de(C.$slots, "right")
-        ]),
-        _: 3
-      }, 8, ["menu", "show-menu-text", "process", "microscope"])) : A("", !0),
-      _("div", In, [
-        C.showList ? (w(), P(Fe, {
-          key: 0,
-          defer: "",
-          to: "#kfb-slide-list",
-          disabled: !C.teleport
-        }, [
-          T(zn, {
-            ref_key: "slidesRef",
-            ref: m,
-            style: W(C.teleport ? "" : "width: 250px"),
-            slides: C.slides,
-            onSelect: Ze,
-            onTool: te
-          }, {
-            slide: x(({ slide: F }) => [
-              de(C.$slots, "list", { slide: F })
-            ]),
-            _: 3
-          }, 8, ["style", "slides"])
-        ], 8, ["disabled"])) : A("", !0),
-        (w(), P(Fe, {
-          defer: "",
-          to: "#kfb-slide-view",
-          disabled: !C.teleport
-        }, [
-          _("div", Sn, [
-            i.value.length && s.value ? (w(), L("ul", Hn, [
-              (w(!0), L(le, null, oe(i.value, (F, ie) => (w(), L("li", {
-                key: ie,
-                style: W(f.value),
-                class: ye(u.value.id === F.id ? "hzzt-kfb-view-screen-active" : ""),
-                onClick: (He) => ke(F)
-              }, [
-                (w(), P(Me, Ke({
-                  ref_for: !0,
-                  ref_key: "kfbViewRefs",
-                  ref: h,
-                  key: `kfb-${ie}`
-                }, { ref_for: !0 }, _e(F), { onTool: te }), {
-                  default: x(() => [
-                    de(C.$slots, "kfb", { slide: F })
-                  ]),
-                  _: 2
-                }, 1040))
-              ], 14, Pn))), 128))
-            ])) : u.value ? (w(), P(Me, Ke({
-              key: 1,
-              ref_key: "kfbViewRef",
-              ref: g
-            }, _e(u.value), { onTool: te }), {
-              default: x(() => [
-                de(C.$slots, "kfb", { slide: u.value })
-              ]),
-              _: 3
-            }, 16)) : A("", !0)
-          ])
-        ], 8, ["disabled"])),
-        C.ai && C.ai.enable && o(R).length ? (w(), P(Fe, {
-          key: 1,
-          defer: "",
-          to: "#kfb-slide-ai",
-          disabled: !C.teleport
-        }, [
-          T(Vn, {
-            style: W(C.teleport ? "" : "width: 350px"),
-            ref_key: "kfbAiRef",
-            ref: l,
-            data: o(R),
-            slide: u.value
-          }, null, 8, ["style", "data", "slide"])
-        ], 8, ["disabled"])) : A("", !0),
-        de(C.$slots, "default")
-      ])
-    ]));
-  }
-});
-We.name = "HzztKfbSlide";
-Me.name = "HzztKfbView";
-Ae.name = "HzztKfbToolbox";
-const Rn = (d, e) => {
-  d.use(dl, e == null ? void 0 : e.i18n), d.component(We.name, We), d.component(Me.name, Me), d.component(Ae.name, Ae);
-}, Fn = {
-  install: Rn,
-  HzztKfbSlide: We,
-  HzztKfbView: Me,
-  HzztKfbToolbox: Ae
-};
-export {
-  $t as D,
-  he as _,
-  X as a,
-  lt as b,
-  We as c,
-  Me as d,
-  Ae as e,
-  Fn as i,
-  ce as u
-};