hzzt-kfb-slide 0.1.0 → 0.1.2

package/dist/components/indexCiVL4LuE.js

@@ -1,3009 +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 _t = (c, e, o) => e in c ? Wt(c, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : c[e] = o, j = (c, e) => {
-  for (var o in e || (e = {}))
-    Yt.call(e, o) && _t(c, o, e[o]);
-  if (yt)
-    for (var o of yt(e))
-      Xt.call(e, o) && _t(c, o, e[o]);
-  return c;
-}, me = (c, e) => Zt(c, qt(e));
-var Ce = (c, e, o) => new Promise((t, _) => {
-  var v = (f) => {
-    try {
-      i(o.next(f));
-    } catch (g) {
-      _(g);
-    }
-  }, u = (f) => {
-    try {
-      i(o.throw(f));
-    } catch (g) {
-      _(g);
-    }
-  }, i = (f) => f.done ? t(f.value) : Promise.resolve(f.value).then(v, u);
-  i((o = o.apply(c, e)).next());
-});
-import { inject as J, ref as $, markRaw as H, defineAsyncComponent as M, defineComponent as ee, createBlock as P, openBlock as y, unref as n, normalizeProps as Qt, guardReactiveProps as Jt, withCtx as x, resolveDynamicComponent as xe, useModel as Ee, computed as B, createElementBlock as L, createElementVNode as b, 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 ce, 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 _e, ElRow as ol, ElCol as nl, ElSwitch as Le, ElRadioGroup as bt, 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 de() {
-  const c = J("i18n"), e = (o) => o;
-  return {
-    locale: c == null ? void 0 : c.locale,
-    t: (c == null ? void 0 : c.t) || e
-  };
-}
-const cl = {
-  install(c, e) {
-    c.provide("i18n", e == null ? void 0 : e.global);
-  }
-}, O = $({
-  annotate: H(M(() => import("./annotateBCPPxCOM.js"))),
-  arrowCircle: H(M(() => import("./arrowCircleDcEhXBbb.js"))),
-  check: H(M(() => import("./checkDdnX-C4X.js"))),
-  dot: H(M(() => import("./dotDcO8K7mJ.js"))),
-  flip: H(M(() => import("./flipBIarRte4.js"))),
-  info: H(M(() => import("./infoCp7ve5DR.js"))),
-  microscope: H(M(() => import("./microscopeD9DoPiHa.js"))),
-  move: H(M(() => import("./moveCoqqrHrF.js"))),
-  next: H(M(() => import("./next949tlxwI.js"))),
-  prev: H(M(() => import("./prevBoMShTVJ.js"))),
-  process: H(M(() => import("./process3Kd9iKAC.js"))),
-  rotate: H(M(() => import("./rotateHyLr1dia.js"))),
-  fullscreen: H(M(() => import("./fullscreenBQ1YkrN_.js"))),
-  setting: H(M(() => import("./settingCutO8H2U.js"))),
-  tailor: H(M(() => import("./tailorCxS09ZPn.js"))),
-  download: H(M(() => import("./downloadDy93WSTG.js"))),
-  config: H(M(() => import("./configBFvCGNtv.js"))),
-  arrowDown: H(M(() => import("./arrowDownGBYuSng0.js"))),
-  arrowUp: H(M(() => import("./arrowUpBeusa4Lo.js"))),
-  arrowLeft: H(M(() => import("./arrowLeftD5sInyYk.js"))),
-  arrowRight: H(M(() => import("./arrowRightDZ5B3UGP.js"))),
-  zoomIn: H(M(() => import("./zoomInRDq1eDLi.js"))),
-  zoomOut: H(M(() => import("./zoomOutjIFNPuhT.js"))),
-  level: H(M(() => import("./levelKqcfU9Ld.js"))),
-  channel: H(M(() => import("./channelCex9iiR2.js"))),
-  delete: H(M(() => import("./deleteBpbziZfN.js"))),
-  expandLeft: H(M(() => import("./expandLeft0jc4WZXg.js"))),
-  expandRight: H(M(() => import("./expandRightBH8iguKS.js"))),
-  markLine: H(M(() => import("./lineOSorc3WE.js"))),
-  markArrow: H(M(() => import("./arrowBsGolew1.js"))),
-  markBilateral: H(M(() => import("./bilateraliBpUezXT.js"))),
-  markRectangle: H(M(() => import("./rectangleD42v1SqR.js"))),
-  markEllipse: H(M(() => import("./ellipseCp5zAGAh.js"))),
-  markPolygon: H(M(() => import("./polygonCVRu0jGg.js"))),
-  markFlag: H(M(() => import("./flagDbfaF80Z.js"))),
-  markStar: H(M(() => import("./starB6lZrSR_.js"))),
-  markDot: H(M(() => import("./dotCF84g70n.js"))),
-  markFont: H(M(() => import("./fontBuHpTztq.js"))),
-  markVoice: H(M(() => import("./voiceCifc7IPf.js")))
-}), X = /* @__PURE__ */ ee({
-  __name: "KfbIcon",
-  props: {
-    name: {
-      type: [String, Number],
-      required: !0
-    }
-  },
-  setup(c) {
-    return (e, o) => (y(), P(n(_e), Qt(Jt(e.$attrs)), {
-      default: x(() => [
-        (y(), P(xe(n(O)[c.name])))
-      ]),
-      _: 1
-    }, 16));
-  }
-}), dl = { 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" }, _l = {
-  class: "margin-t-2 margin-b-2",
-  style: { width: "160px" }
-}, bl = /* @__PURE__ */ ee({
-  name: "KfbToolConfig",
-  __name: "KfbToolConfig",
-  props: {
-    menus: {
-      default: () => []
-    },
-    menusModifiers: {},
-    showText: { type: Boolean },
-    showTextModifiers: {}
-  },
-  emits: ["update:menus", "update:showText"],
-  setup(c) {
-    const e = Ee(c, "menus"), o = Ee(c, "showText"), { t } = de(), _ = 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 f(g) {
-      var h;
-      return ((h = g.props) == null ? void 0 : h.text) || (i(g.name) ? v[g.name] : "");
-    }
-    return (g, h) => (y(), L("div", dl, [
-      b("h3", vl, V(n(t)("显示管理")), 1),
-      T(n(ol), { gutter: 10 }, {
-        default: x(() => [
-          (y(!0), L(le, null, oe(_.value, (l) => (y(), P(n(nl), {
-            key: l.name,
-            span: 8
-          }, {
-            default: x(() => {
-              var a, m;
-              return [
-                b("div", fl, [
-                  b("div", ml, [
-                    (a = l.props) != null && a.component ? (y(), P(xe((m = l.props) == null ? void 0 : m.component), {
-                      key: 1,
-                      size: 24
-                    })) : (y(), P(X, {
-                      key: 0,
-                      size: 24,
-                      name: l.name
-                    }, null, 8, ["name"]))
-                  ]),
-                  b("p", pl, V(f(l)), 1),
-                  T(n(Le), {
-                    modelValue: l.show,
-                    "onUpdate:modelValue": (r) => l.show = r,
-                    "active-text": "",
-                    "inactive-text": ""
-                  }, null, 8, ["modelValue", "onUpdate:modelValue"])
-                ])
-              ];
-            }),
-            _: 2
-          }, 1024))), 128))
-        ]),
-        _: 1
-      }),
-      b("div", null, [
-        b("h3", hl, V(n(t)("其他设置")), 1),
-        b("div", gl, [
-          b("p", wl, V(n(t)("工具列表显示切换")), 1),
-          T(n(bt), {
-            modelValue: o.value,
-            "onUpdate:modelValue": h[0] || (h[0] = (l) => o.value = l)
-          }, {
-            default: x(() => [
-              T(n(De), { value: !0 }, {
-                default: x(() => [
-                  G(V(n(t)("显示工具名称")), 1)
-                ]),
-                _: 1
-              }),
-              T(n(De), { value: !1 }, {
-                default: x(() => [
-                  G(V(n(t)("隐藏工具名称")), 1)
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          }, 8, ["modelValue"])
-        ]),
-        b("div", yl, [
-          b("p", _l, V(n(t)("小键盘显示切换")), 1),
-          T(n(bt), {
-            modelValue: n(u),
-            "onUpdate:modelValue": h[1] || (h[1] = (l) => Ve(u) ? u.value = l : null)
-          }, {
-            default: x(() => [
-              T(n(De), { value: !0 }, {
-                default: x(() => [
-                  G(V(n(t)("显示小键盘")), 1)
-                ]),
-                _: 1
-              }),
-              T(n(De), { value: !1 }, {
-                default: x(() => [
-                  G(V(n(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(c, { emit: e }) {
-    const o = c, t = e, { t: _ } = de(), v = {
-      prev: _("上一张"),
-      next: _("下一张"),
-      config: _("配置"),
-      info: _("信息"),
-      flip: _("镜像"),
-      tailor: _("截图")
-    }, u = J("kfbViewRef"), i = $(!1), f = $(o.showMenuText), g = $(a(o.menu)), h = {
-      fullscreen: M(() => import("./fullscreenBiMgHdq_.js")),
-      line: M(() => import("./lineBIoJpzbf.js")),
-      setting: M(() => import("./settingonwvagGo.js")),
-      rotate: M(() => import("./rotateDu_mkWYc.js")),
-      dot: M(() => import("./dotD_biewxL.js")),
-      annotate: M(() => import("./annotateBjK38kC5.js")),
-      process: M(() => import("./processBtDhC5cN.js")),
-      microscope: M(() => import("./microscopeD9m8Vj5p.js")),
-      move: M(() => import("./move67AZY9GV.js")),
-      custom: M(() => import("./customCjYE_yPK.js")),
-      zoom: M(() => import("./zoomBFx-vjsG.js")),
-      download: M(() => import("./downloadC8nKUjq6.js"))
-    }, l = B(() => g.value.filter((r) => r.show !== !1).map((r) => ({
-      component: h[r.name],
-      props: r.props,
-      slots: r.slots
-    })));
-    ne(() => o.menu, (r) => {
-      g.value = a(r);
-    });
-    function a(r) {
-      return r.map((s) => {
-        const p = typeof s == "string" ? s : s.name;
-        return v[p] ? {
-          name: "custom",
-          show: typeof s == "string" ? !0 : s.show !== !1,
-          props: me(j({
-            text: v[p]
-          }, typeof s == "string" ? {} : s.props), {
-            name: p,
-            component: el(X, {
-              name: p
-            })
-          })
-        } : p === "process" ? {
-          name: p,
-          props: typeof s == "string" ? {
-            process: o.process
-          } : j({
-            process: o.process
-          }, s.props),
-          slots: typeof s == "string" ? void 0 : s.slots,
-          show: typeof s == "string" ? !0 : s.show !== !1
-        } : p === "microscope" ? {
-          name: p,
-          props: typeof s == "string" ? {
-            process: o.process
-          } : j({
-            microscope: o.microscope
-          }, s.props),
-          slots: typeof s == "string" ? void 0 : s.slots,
-          show: typeof s == "string" ? !0 : s.show !== !1
-        } : {
-          name: p,
-          props: typeof s == "string" ? {} : s.props,
-          slots: typeof s == "string" ? void 0 : s.slots,
-          show: typeof s == "string" ? !0 : s.show !== !1
-        };
-      });
-    }
-    function m(r, s) {
-      const p = {
-        annotate: () => u.value.startDraw(s),
-        tailor: () => u.value.shotScreen(s),
-        process: () => u.value.forceRedraw(s),
-        microscope: () => u.value.scopeChange(s),
-        move: () => u.value.fastMove(s),
-        endDraw: () => u.value.endDraw(),
-        info: () => u.value.info(),
-        zoom: () => u.value.zoomTo(s),
-        flip: () => u.value.toggleFlip(s),
-        config: () => i.value = !0,
-        grid: () => u.value.updateGrid(s),
-        ruler: () => u.value.updateGrid(s),
-        graduation: () => u.value.updateGraduation(s),
-        navigator: () => u.value.updateNavigator(s),
-        tool: () => {
-          u.value.updateGrid({
-            show: s
-          }), u.value.updateGraduation({
-            show: s
-          }), u.value.updateGrid({
-            ruler: s
-          }), u.value.updateNavigator(s);
-        }
-      };
-      p[r] ? p[r]() : t("tool", r, s);
-    }
-    return re("show-text", f), (r, s) => (y(), L("div", kl, [
-      ce(r.$slots, "left"),
-      b("div", zl, [
-        (y(!0), L(le, null, oe(l.value, (p, w) => (y(), P(xe(p.component), Ke({ ref_for: !0 }, p.props, {
-          key: w,
-          onTool: m
-        }), {
-          default: x(() => [
-            p.slots ? (y(!0), L(le, { key: 0 }, oe(p.slots, (k) => (y(), P(xe(k)))), 256)) : A("", !0)
-          ]),
-          _: 2
-        }, 1040))), 128))
-      ]),
-      ce(r.$slots, "right"),
-      T(n(je), {
-        modelValue: i.value,
-        "onUpdate:modelValue": s[2] || (s[2] = (p) => i.value = p),
-        width: "800px",
-        title: n(_)("阅片工具设置中心")
-      }, {
-        default: x(() => [
-          T(bl, {
-            menus: g.value,
-            "onUpdate:menus": s[0] || (s[0] = (p) => g.value = p),
-            showText: f.value,
-            "onUpdate:showText": s[1] || (s[1] = (p) => f.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(c) {
-  const e = ot(j(j({}, $t), c.process));
-  ne(() => c.process, (v) => {
-    _(v);
-  });
-  const o = 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
-    ], f = [0, 0, 0, 1, 0];
-    return `${v.join(" ")}
-${u.join(" ")}
-${i.join(" ")}
-${f.join(" ")}`;
-  }), t = B(() => String(1 + e.s));
-  function _(v) {
-    v && Object.assign(e, v);
-  }
-  return {
-    imageProcess: e,
-    matrixValues: o,
-    saturateValues: t,
-    forceRedraw: _
-  };
-}
-function Tl(c, e) {
-  function o() {
-    e.value.$on(ue.events.EVENT_TAILORING_SCREENSHOT, t);
-  }
-  function t({ base64: u, region: i }) {
-    if (window.ClipboardItem && (navigator != null && navigator.clipboard)) {
-      const f = _(u, "image/png");
-      navigator.clipboard.write([
-        new window.ClipboardItem({
-          [f.type]: f
-        })
-      ]);
-    }
-    c("tool", "screen-shot", { base64: u, region: i });
-  }
-  function _(u, i) {
-    var a, m;
-    const f = u.split(",");
-    (m = (a = f[0]) == null ? void 0 : a.match(/:(.*?);/)) == null || m[1];
-    const g = atob(f == null ? void 0 : f[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: f } = e.value.$options;
-    u ? i > f ? e.value.tailoring.init(
-      {
-        left: (i - f) / 2,
-        top: 0,
-        height: f,
-        width: f,
-        now: !0
-      }
-    ) : e.value.tailoring.init(
-      {
-        left: 0,
-        top: (f - i) / 2,
-        height: i,
-        width: i,
-        now: !0
-      }
-    ) : e.value.tailoring.init(
-      {
-        left: i / 2 - 100,
-        top: f / 2 - 100,
-        height: 200,
-        width: 200,
-        color: "#ff0000"
-      }
-    );
-  }
-  return {
-    tailorEvent: o,
-    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(c, { emit: e }) {
-    const o = $({
-      top: "0",
-      left: "0",
-      display: "none"
-    }), t = J("kfbView", $({})), _ = J("currentLabel"), v = c, u = e, { t: i } = de(), f = [
-      {
-        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 r;
-      return _ != null && _.value ? [{
-        label: i("删除"),
-        value: "delete",
-        icon: O.value.delete
-      }] : (r = v.menus) != null && r.length ? v.menus.map((s) => s.value === "annotate" ? me(j({}, s), {
-        children: f
-      }) : me(j({}, s), {
-        icon: s.icon || O.value[s.value]
-      })) : [
-        {
-          label: i("上一张"),
-          value: "prev"
-        },
-        {
-          label: i("下一张"),
-          value: "next"
-        },
-        {
-          label: i("标注"),
-          value: "annotate",
-          icon: O.value.annotate,
-          children: f
-        },
-        {
-          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, (r, s) => {
-      s != null && s.viewer && (s.viewer.removeHandler("canvas-contextmenu", h), s.viewer.removeHandler("canvas-click", l)), r != null && r.viewer && (r.viewer.addHandler("canvas-contextmenu", h), r.viewer.addHandler("canvas-click", l));
-    }), pe(() => {
-      var r;
-      (r = t.value) != null && r.viewer && (t.value.viewer.addHandler("canvas-contextmenu", h), t.value.viewer.addHandler("canvas-click", l)), document.body.addEventListener("click", l);
-    }), Ie(() => {
-      var r;
-      (r = t.value) != null && r.viewer && (t.value.viewer.removeHandler("canvas-contextmenu", h), t.value.viewer.removeHandler("canvas-click", l)), document.body.removeEventListener("click", l);
-    });
-    function h(r) {
-      r.preventDefault = !0, o.value.top = `${r.position.y}px`, o.value.left = `${r.position.x}px`, o.value.display === "block" ? o.value.display = "none" : o.value.display = "block";
-    }
-    function l() {
-      o.value.display = "none";
-    }
-    function a(r, s) {
-      r.children || ((s == null ? void 0 : s.value) === "annotate" ? u("tool", "annotate", {
-        tool: r.value.substring(0, 1).toLocaleUpperCase() + r.value.substring(1),
-        once: !0
-      }) : r.value === "tailor_now" ? u("tool", "tailor", !0) : u("tool", r.value), l());
-    }
-    function m(r) {
-      return r == null || typeof r != "object" && typeof r != "function" ? !1 : (
-        // 函数式组件
-        typeof r == "function" || // 对象式组件
-        "render" in r || "setup" in r
-      );
-    }
-    return (r, s) => (y(), L("div", {
-      class: "hzzt-kfb-menu",
-      style: W(o.value)
-    }, [
-      (y(!0), L(le, null, oe(g.value, (p, w) => (y(), L("div", {
-        key: w,
-        class: "hzzt-kfb-menu-item"
-      }, [
-        b("div", {
-          class: "flex align-items-center",
-          onClick: (k) => a(p)
-        }, [
-          m(p.icon) ? (y(), P(n(_e), {
-            key: 0,
-            class: "margin-r-3",
-            size: 18
-          }, {
-            default: x(() => [
-              (y(), P(xe(p.icon)))
-            ]),
-            _: 2
-          }, 1024)) : p.icon ? (y(), L("img", {
-            key: 1,
-            style: { width: "18px" },
-            class: "margin-r-2",
-            src: p.icon
-          }, null, 8, Ll)) : (y(), L("div", xl)),
-          b("span", null, V(p.label), 1)
-        ], 8, $l),
-        p.children ? (y(), P(X, {
-          key: 0,
-          name: "arrowRight",
-          class: "margin-r-2",
-          size: 14
-        })) : A("", !0),
-        p.children ? (y(), L("div", El, [
-          (y(!0), L(le, null, oe(p.children, (k, d) => (y(), L("div", {
-            key: d,
-            class: "hzzt-kfb-menu-item",
-            onClick: (E) => a(k, p)
-          }, [
-            b("div", Ml, [
-              m(k.icon) ? (y(), P(n(_e), {
-                key: 0,
-                class: "margin-r-2",
-                size: 18
-              }, {
-                default: x(() => [
-                  (y(), P(xe(k.icon)))
-                ]),
-                _: 2
-              }, 1024)) : k.icon ? (y(), L("img", {
-                key: 1,
-                style: { width: "18px" },
-                class: "margin-r-2",
-                src: k.icon
-              }, null, 8, Il)) : (y(), L("div", Sl)),
-              b("span", null, V(k.label), 1)
-            ])
-          ], 8, Vl))), 128))
-        ])) : A("", !0)
-      ]))), 128))
-    ], 4));
-  }
-}), he = (c, e) => {
-  const o = c.__vccOpts || c;
-  for (const [t, _] of e)
-    o[t] = _;
-  return o;
-}, 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(c, { expose: e }) {
-    const o = c, t = ot(j(j({}, lt), o));
-    ne(() => o, (l) => {
-      h({ name: "change", value: l });
-    });
-    const _ = $("200px"), v = $(!1), u = B(() => ({
-      borderRadius: t.shape,
-      borderColor: t.color,
-      borderWidth: t.borderWidth + "px",
-      width: _.value,
-      height: _.value
-    })), i = J("kfbView", $({}));
-    ne(() => i.value, (l, a) => {
-      a != null && a.viewer && a.viewer.removeHandler("zoom", f), l != null && l.viewer && l.viewer.addHandler("zoom", f);
-    }), pe(() => {
-      var l;
-      (l = i.value) != null && l.viewer && i.value.viewer.addHandler("zoom", f);
-    }), Ie(() => {
-      var l;
-      (l = i.value) != null && l.viewer && i.value.viewer.removeHandler("zoom", f);
-    });
-    function f() {
-      setTimeout(() => {
-        h({ name: "change", value: t });
-      }, 100);
-    }
-    function g(l) {
-      let { x: a, y: m } = i.value.viewer.viewport.getCenter(!0);
-      l === "top" ? m -= 6e-3 : l === "bottom" ? m += 6e-3 : l === "left" ? a -= 6e-3 : l === "right" && (a += 6e-3), i.value.area.moveToLabel({ x: a, y: m });
-    }
-    function h({ name: l, value: a }) {
-      var r, s;
-      const m = (s = (r = i.value.$options) == null ? void 0 : r.pxConversion) == null ? void 0 : s.imageCapRes;
-      if (l === "visible") {
-        if (v.value = a, a) {
-          const p = i.value.area.imageToViewerElementRectangle(
-            {
-              x: 0,
-              y: 0,
-              width: t.width * 1e3 / m,
-              height: t.width * 1e3 / m
-            }
-          );
-          _.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 / m,
-            height: t.width * 1e3 / m
-          }
-        );
-        _.value = p.width + "px";
-      }
-    }
-    return e({
-      scopeChange: h
-    }), (l, a) => v.value ? (y(), L("div", Rl, [
-      b("div", {
-        class: "hzzt-kfb-microscope__container",
-        style: W(u.value)
-      }, null, 4),
-      b("div", {
-        class: "hzzt-kfb-microscope__top",
-        onClick: a[0] || (a[0] = (m) => g("top"))
-      }, [
-        T(X, {
-          size: "24",
-          name: "arrowUp"
-        })
-      ]),
-      b("div", {
-        class: "hzzt-kfb-microscope__bottom",
-        onClick: a[1] || (a[1] = (m) => g("bottom"))
-      }, [
-        T(X, {
-          size: "24",
-          name: "arrowDown"
-        })
-      ]),
-      b("div", {
-        class: "hzzt-kfb-microscope__left",
-        onClick: a[2] || (a[2] = (m) => g("left"))
-      }, [
-        T(X, {
-          size: "24",
-          name: "arrowLeft"
-        })
-      ]),
-      b("div", {
-        class: "hzzt-kfb-microscope__right",
-        onClick: a[3] || (a[3] = (m) => 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(c, { emit: e }) {
-    const { t: o } = de(), t = c, _ = e, v = $(!0), u = $(!1), i = B(() => t.slide.pathology_id ? o("修改病理号") : o("绑定病理号"));
-    function f() {
-      t.slide.angle || (t.slide.angle = 0), t.slide.angle += 90, t.slide.angle > 360 && (t.slide.angle = t.slide.angle % 360), _("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) => (y(), L("div", Bl, [
-      $e(b("div", { class: "hzzt-kfb-label__title" }, V(n(o)(`点击标签旋转${l.pathologyHandle ? "，点击病理号重绑" : ""}`)), 513), [
-        [Re, v.value]
-      ]),
-      $e(b("div", Dl, [
-        b("img", {
-          src: l.info.labelImg,
-          style: W({ transform: `rotate(${l.slide.angle}deg)` }),
-          onClick: f
-        }, null, 12, Ul)
-      ], 512), [
-        [Re, v.value]
-      ]),
-      l.pathologyHandle ? $e((y(), L("div", {
-        key: 0,
-        class: "hzzt-kfb-label__pathology flex align-items-center justify-content-between",
-        onClick: g
-      }, [
-        b("span", Fl, V(l.slide.pathology_number), 1),
-        T(X, {
-          size: "14",
-          name: "annotate"
-        })
-      ], 512)), [
-        [Re, v.value]
-      ]) : A("", !0),
-      b("span", {
-        onClick: a[0] || (a[0] = (m) => 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 ? (y(), P(X, {
-          key: 0,
-          size: "10",
-          name: "arrowLeft"
-        })) : (y(), P(X, {
-          key: 1,
-          size: "10",
-          name: "arrowRight"
-        }))
-      ], 4),
-      T(n(je), {
-        modelValue: u.value,
-        "onUpdate:modelValue": a[5] || (a[5] = (m) => u.value = m),
-        "append-to-body": !0,
-        title: i.value,
-        width: "450px"
-      }, {
-        footer: x(() => [
-          T(n(ge), {
-            onClick: a[4] || (a[4] = (m) => u.value = !1)
-          }, {
-            default: x(() => [
-              G(V(n(o)("取消")), 1)
-            ]),
-            _: 1
-          }),
-          T(n(ge), {
-            type: "primary",
-            onClick: h
-          }, {
-            default: x(() => [
-              G(V(n(o)("确认")), 1)
-            ]),
-            _: 1
-          })
-        ]),
-        default: x(() => [
-          b("div", Kl, [
-            b("div", jl, [
-              b("img", {
-                src: l.slide.labelImg
-              }, null, 8, Ol),
-              b("img", {
-                src: l.slide.previewImg
-              }, null, 8, Gl)
-            ])
-          ]),
-          T(n(tt), { class: "margin-t-2" }, {
-            default: x(() => [
-              T(n(se), {
-                label: n(o)("病理号")
-              }, {
-                default: x(() => [
-                  T(n(et), {
-                    modelValue: l.slide.pathology_number,
-                    "onUpdate:modelValue": a[1] || (a[1] = (m) => l.slide.pathology_number = m),
-                    placeholder: n(o)("输入病理号"),
-                    clearable: ""
-                  }, null, 8, ["modelValue", "placeholder"])
-                ]),
-                _: 1
-              }, 8, ["label"]),
-              T(n(se), {
-                label: n(o)("蜡块号")
-              }, {
-                default: x(() => [
-                  T(n(et), {
-                    modelValue: l.slide.paraffin_block_number,
-                    "onUpdate:modelValue": a[2] || (a[2] = (m) => l.slide.paraffin_block_number = m),
-                    placeholder: n(o)("输入蜡块号"),
-                    clearable: ""
-                  }, null, 8, ["modelValue", "placeholder"])
-                ]),
-                _: 1
-              }, 8, ["label"]),
-              l.slide.slide_id ? A("", !0) : (y(), P(n(se), {
-                key: 0,
-                label: n(o)("试剂")
-              }, {
-                default: x(() => [
-                  T(n(et), {
-                    modelValue: l.slide.reagent,
-                    "onUpdate:modelValue": a[3] || (a[3] = (m) => l.slide.reagent = m),
-                    placeholder: n(o)("输入试剂"),
-                    clearable: ""
-                  }, null, 8, ["modelValue", "placeholder"])
-                ]),
-                _: 1
-              }, 8, ["label"]))
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      }, 8, ["modelValue", "title"])
-    ]));
-  }
-}), Zl = /* @__PURE__ */ he(Wl, [["__scopeId", "data-v-7397de48"]]);
-function ql(c, e) {
-  const o = $(1), t = $(null), _ = $(null);
-  function v() {
-    c.value.viewer.addHandler("canvas-drag", (i) => {
-      t.value || (t.value = i.position);
-    }), c.value.viewer.addHandler("canvas-drag-end", (i) => {
-      if (o.value !== 1) {
-        _.value = i.position;
-        const f = c.value.viewer.viewport.containerSize.x, g = c.value.viewer.viewport.containerSize.y, h = (_.value.x - t.value.x) / (f * e.value) * (o.value - 1), l = (_.value.y - t.value.y) / (g * e.value) * (o.value - 1), a = c.value.viewer.viewport.getCenter(), m = new Te.Point(a.x - h, a.y - l);
-        c.value.viewer.viewport.panTo(m), t.value = null;
-      }
-    });
-  }
-  function u({ name: i, value: f }) {
-    i === "ratio" && (o.value = f / 1);
-  }
-  return {
-    moveEvent: v,
-    fastMove: u
-  };
-}
-function Yl(c, e, o, t, _) {
-  const v = $(void 0), u = $([]);
-  ne(() => c.aiLabelList, h);
-  function i() {
-    o.value.$on(ue.events.EVENT_END_PAINTING, f("add")), o.value.$on(ue.events.EVENT_AREA_MOVE_END, f("move")), o.value.$on(ue.events.EVENT_ADD_POLYGON_POINT, f("add-point")), o.value.$on(ue.events.EVENT_DELETE_POLYGON_POINT, f("delete-point")), o.value.$on(ue.events.EVENT_DELETE_LABEL, f("delete")), o.value.$on(ue.events.EVENT_SELECT_LABEL, (r) => {
-      v.value = r, m(), e("tool", "select-label", v.value);
-    }), o.value.$on(ue.events.EVENT_CANCEL_SELECT_LABEL, () => {
-      v.value = void 0, e("tool", "cancel-select-label", v.value);
-    }), f("list")();
-  }
-  function f(r) {
-    return (s) => g(r, s);
-  }
-  function g(r, s) {
-    var p;
-    if (r === "add" && s && ((s == null ? void 0 : s.subType) || ((p = s == null ? void 0 : s.__data__) == null ? void 0 : p.subType)) === "voice")
-      t(s);
-    else
-      return c.labelHandle(r, c.slide, s).then((w) => {
-        u.value = w, h();
-      }).catch(() => {
-        h();
-      });
-  }
-  function h() {
-    var r;
-    if ((r = o.value) != null && r.initLabelList) {
-      const s = [...u.value, ...c.aiLabelList || []];
-      s.find(({ id: p }) => {
-        var w;
-        return p === ((w = v.value) == null ? void 0 : w.id);
-      }) || (v.value = void 0), o.value.initLabelList(s);
-    }
-  }
-  function l(r, s) {
-    var w, k;
-    v.value && (v.value.select = !1, v.value = void 0);
-    const p = (o.value.labelList || []).findIndex((d) => d.id === r.id);
-    if (p > -1) {
-      v.value = (w = o.value.labelList) == null ? void 0 : w[p], v.value.select = !0;
-      const d = o.value.area.getCenterPoint(r.region);
-      o.value.area.moveToLabel(d), (k = o.value.viewer) != null && k.canvas && o.value.viewer.canvas.focus(), m();
-    }
-    s && _(s);
-  }
-  function a(r) {
-    return c.labelHandle("add", c.slide, r).then((s) => {
-      u.value = s, h();
-    }).catch(() => {
-      h();
-    });
-  }
-  function m() {
-    var s, p, w, k;
-    (((s = v.value) == null ? void 0 : s.subType) || ((w = (p = v.value) == null ? void 0 : p.__data__) == null ? void 0 : w.subType)) === "voice" && ((k = v.value) != null && k.src) && new Audio(v.value.src).play();
-  }
-  return {
-    currentLabel: v,
-    localLabelList: u,
-    initLabel: i,
-    jumpToLabel: l,
-    reloadLabelList: h,
-    eventHandel: f,
-    addHandle: a
-  };
-}
-function Xl() {
-  function c(e, o) {
-    e.save(), e.strokeStyle = "rgba(0,0,0,0)", e.miterLimit = 4, e.font = "15px", e.fillStyle = o, 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: c
-  };
-}
-function Ql(c, e) {
-  const { t: o } = de(), t = $(!1), _ = $();
-  let v = null;
-  const u = $(!1), i = $(0);
-  let f = 0;
-  const g = $([]), h = $(void 0);
-  let l = !1;
-  function a(d, E) {
-    d.save(), d.strokeStyle = "rgba(0,0,0,0)", d.miterLimit = 4, d.font = "15px ''", d.fillStyle = E, d.font = "   15px ''", d.scale(0.03125, 0.03125), d.save(), d.font = "   15px ''", d.beginPath(), d.moveTo(515.041727, 670.617766), d.bezierCurveTo(606.625894, 670.617766, 681.137374, 596.113511, 681.137374, 504.52212), d.lineTo(681.137374, 229.350568), d.bezierCurveTo(681.137374, 137.76640100000003, 606.625894, 63.254920999999996, 515.041727, 63.254920999999996), d.bezierCurveTo(423.44311000000005, 63.254920999999996, 348.93885500000005, 137.766401, 348.93885600000004, 229.350568), d.lineTo(348.93885600000004, 504.52212), d.bezierCurveTo(348.93885600000004, 596.113512, 423.44311100000004, 670.617767, 515.041727, 670.617766), d.closePath(), d.fill(), d.stroke(), d.restore(), d.save(), d.font = "   15px ''", d.beginPath(), d.moveTo(801.643237, 874.001665), d.lineTo(558.391759, 874.001665), d.lineTo(558.391759, 828.578057), d.bezierCurveTo(719.899527, 807.264291, 844.993269, 668.7898399999999, 844.993269, 501.55986699999994), d.translate(801.643237, 501.55986699999994), d.rotate(0), d.arc(0, 0, 43.350032, 0, 3.141592653589793, !0), d.rotate(0), d.translate(-801.643237, -501.55986699999994), d.bezierCurveTo(758.2932050000001, 635.684865, 649.166725, 744.811345, 515.0345020000001, 744.811346), d.bezierCurveTo(380.9095040000001, 744.811346, 271.79024900000013, 635.6848659999999, 271.79024900000013, 501.55986699999994), d.translate(228.44021750000013, 501.5664510740879), d.rotate(0), d.arc(0, 0, 43.350032, -15188164315591997e-20, -3.1414407719461273, !0), d.rotate(0), d.translate(-228.44021750000013, -501.5664510740879), d.bezierCurveTo(185.09018600000013, 668.7898389999999, 310.1911530000001, 807.271516, 471.69169500000015, 828.578057), d.lineTo(471.69169500000015, 874.001665), d.lineTo(228.440217, 874.001665), d.translate(228.440217, 917.3516970000001), d.rotate(0), d.arc(0, 0, 43.350032, -1.5707963267948966, 1.5707963267948966, !0), d.rotate(0), d.translate(-228.440217, -917.3516970000001), d.lineTo(801.643237, 960.701729), d.translate(801.643237, 917.3516970000001), d.rotate(0), d.arc(0, 0, 43.350032, 1.5707963267948966, 4.71238898038469, !0), d.rotate(0), d.translate(-801.643237, -917.3516970000001), d.closePath(), d.fill(), d.stroke(), d.restore(), d.restore();
-  }
-  function m() {
-    return Ce(this, null, function* () {
-      try {
-        _.value = yield navigator.mediaDevices.getUserMedia({ audio: !0 }), v = new MediaRecorder(_.value), g.value = [], v.addEventListener("dataavailable", (d) => {
-          g.value.push(d.data);
-        }), v.addEventListener("stop", () => Ce(this, null, function* () {
-          if (h.value) {
-            const d = new Blob(g.value, { type: c.audioType || "audio/wav" });
-            h.value.src = URL.createObjectURL(d);
-          }
-          u.value = !1, l && (yield k());
-        })), v.start(), u.value = !0, f = window.setInterval(() => {
-          i.value++;
-        }, 1e3);
-      } catch (d) {
-        kt.error(o("麦克风启用失败，请确认是否开启麦克风权限"));
-      }
-    });
-  }
-  function r() {
-    _.value && v ? (v.stop(), _.value.getTracks().forEach((d) => d.stop()), v = null, _.value = void 0) : (v = null, _.value = void 0), u.value = !1, f && (clearInterval(f), f = 0), i.value = 0;
-  }
-  function s(d) {
-    t.value = !0, h.value = d, g.value = [], l = !1;
-  }
-  function p() {
-    u.value && r(), t.value = !1, u.value = !1, l = !1;
-  }
-  function w() {
-    return Ce(this, null, function* () {
-      if (!u.value && !g.value.length) {
-        kt.error(o("请先录音"));
-        return;
-      }
-      u.value && r(), u.value = !1, l = !0, g.value.length && (yield k()), t.value = !1;
-    });
-  }
-  function k() {
-    return Ce(this, null, function* () {
-      if (c.uploadHandle && h.value) {
-        const d = Ct.service({
-          text: o("录音上传中")
-        }), E = new Blob(g.value, { type: c.audioType || "audio/wav" });
-        g.value = [];
-        try {
-          yield c.uploadHandle(c.slide, h.value, E).then((R) => {
-            h.value.src = R;
-          }), d.close(), e(h.value);
-        } catch (R) {
-          d.close();
-        }
-      }
-    });
-  }
-  return {
-    voiceVisible: t,
-    voiceForm: h,
-    recordTime: i,
-    isRecording: u,
-    drawVoice: a,
-    startRecording: m,
-    stopRecording: r,
-    initVoice: s,
-    cancelRecord: p,
-    confirmRecord: w
-  };
-}
-function Jl(c, e) {
-  const o = $([]), t = $(0), _ = $(!1);
-  let v = null;
-  ne(() => {
-    var a;
-    return (a = c.hotmap) == null ? void 0 : a.enable;
-  }, () => {
-    var a, m;
-    if ((m = (a = e.value) == null ? void 0 : a.viewer) != null && m.world) {
-      t.value = 0;
-      const r = e.value.viewer.world.getItemAt(0);
-      r && (r.tilesMatrix = {}, r.draw());
-    }
-  }), pe(() => {
-    window.addEventListener("mousemove", f), window.addEventListener("mouseup", h);
-  }), Ie(() => {
-    window.removeEventListener("mousemove", f), window.removeEventListener("mouseup", h);
-  });
-  function u(a, m, r) {
-    var p, w, k, d, E, R;
-    const s = me(j({}, m), {
-      file: (p = c.hotmap) == null ? void 0 : p.file
-    });
-    if ((w = c.hotmap) != null && w.info) {
-      if (r[m.x + "_" + m.y + "_" + Number(m.scale)]) {
-        if (((k = c.hotmap) == null ? void 0 : k.type) === "switch")
-          return c.tileHandle(s);
-        if (((d = c.hotmap) == null ? void 0 : d.type) === "drag")
-          return i(a, s), a;
-      }
-    } else return ((E = c.hotmap) == null ? void 0 : E.type) === "switch" ? c.tileHandle(s) : (((R = c.hotmap) == null ? void 0 : R.type) === "drag" && i(a, s), a);
-  }
-  function i(a, m) {
-    const r = o.value.find((s) => s.url === a) || {
-      url: a,
-      x: m.x,
-      y: m.y,
-      img: void 0,
-      load: ""
-    };
-    if (!(r != null && r.img) && (o.value.push(r), r.load !== "success")) {
-      const s = new Image();
-      s.src = c.tileHandle(m), s.onload = () => {
-        r.load = "success";
-      }, r.img = s;
-    }
-  }
-  function f(a) {
-    _.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, _.value = !1), e.value.viewer.forceRedraw()), v = { x: a.x, y: a.y };
-  }
-  function g(a) {
-    const { x: m, y: r } = a;
-    _.value = !0, v = { x: m, y: r };
-  }
-  function h() {
-    _.value = !1, v = null;
-  }
-  function l(a) {
-    const {
-      context: m,
-      sourceWidth: r,
-      sourceHeight: s,
-      position: p,
-      size: w,
-      initRendered: k,
-      tile: d,
-      pixelDensityRatio: E
-    } = a, R = d.getUrl(), I = t.value * E, Z = p.original.x;
-    if (Z < I && Z + w.x > I) {
-      const Q = I - Z, ve = w.x - Q, te = o.value.find((ke) => ke.url === R), be = (te == null ? void 0 : te.load) === "success" ? te.img : k.canvas;
-      m.drawImage(
-        be,
-        0,
-        0,
-        r * Q / w.x,
-        s,
-        p.x,
-        p.y,
-        Q,
-        w.y
-      ), m.drawImage(
-        k.canvas,
-        r * Q / w.x,
-        0,
-        r * ve / w.x,
-        s,
-        p.x + Q,
-        p.y,
-        ve,
-        w.y
-      );
-    } else if (Z + w.x <= I) {
-      const Q = o.value.find((te) => te.url === R), ve = (Q == null ? void 0 : Q.load) === "success" ? Q.img : k.canvas;
-      m.drawImage(
-        ve,
-        0,
-        0,
-        r,
-        s,
-        p.x,
-        p.y,
-        w.x,
-        w.y
-      );
-    } else Z >= I && m.drawImage(
-      k.canvas,
-      0,
-      0,
-      r,
-      s,
-      p.x,
-      p.y,
-      w.x,
-      w.y
-    );
-  }
-  return {
-    getHotmapUrl: u,
-    hotmapImgs: o,
-    handlerImage: l,
-    hotmapLine: t,
-    lineMouseDown: g
-  };
-}
-function eo(c, e, o) {
-  const t = ll(), _ = $(!1), v = new BroadcastChannel("sync_kfb_view");
-  v.onmessage = (l) => {
-    const a = l.data;
-    g(a);
-  }, pe(() => {
-    var l, a, m;
-    (l = o.value) == null || l.addEventListener("mouseenter", u), (a = o.value) == null || a.addEventListener("mousemove", u), (m = o.value) == null || m.addEventListener("mouseleave", i);
-  }), Ie(() => {
-    var l, a, m;
-    (l = o.value) == null || l.removeEventListener("mouseenter", u), (a = o.value) == null || a.removeEventListener("mousemove", u), (m = o.value) == null || m.removeEventListener("mouseleave", i), v.close();
-  });
-  function u() {
-    _.value = !0;
-  }
-  function i() {
-    _.value = !1;
-  }
-  function f() {
-    let l;
-    e.value.viewer.addHandler("pan", (a) => {
-      var s, p, w, k;
-      if (!l) {
-        l = (p = (s = a.center) == null ? void 0 : s.clone) == null ? void 0 : p.call(s);
-        return;
-      }
-      const m = a.center, r = (w = m == null ? void 0 : m.minus) == null ? void 0 : w.call(m, l);
-      l = (k = m == null ? void 0 : m.clone) == null ? void 0 : k.call(m), c.syncPosition && h({
-        position: r,
-        type: "sync_position"
-      });
-    }), e.value.viewer.addHandler("zoom", (a) => {
-      c.syncZoom && h({
-        zoom: a.zoom,
-        type: "sync_zoom"
-      });
-    }), e.value.viewer.addHandler("animation-finish", () => {
-      var r;
-      if (c.syncZoom && h({
-        zoom: e.value.viewer.viewport.getZoom(!0),
-        type: "sync_zoom"
-      }), !l)
-        return;
-      const a = e.value.viewer.viewport.getCenter(!0), m = (r = a == null ? void 0 : a.minus) == null ? void 0 : r.call(a, l);
-      l = void 0, c.syncPosition && h({
-        position: m,
-        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;
-    _.value && v.postMessage(me(j({}, l), {
-      uuid: t == null ? void 0 : t.uid,
-      fileName: (a = c.slide) == null ? void 0 : a.file
-    }));
-  }
-  return {
-    initSync: f
-  };
-}
-const to = { class: "hzzt-kfb-keyword flex wrap" }, lo = ["onMouseenter"], oo = /* @__PURE__ */ ee({
-  __name: "KfbKeyword",
-  setup(c) {
-    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" }
-    ]), o = J("kfbView", $({}));
-    let t = null;
-    function _(u, i) {
-      u.preventDefault(), t && clearTimeout(t), t = setInterval(() => {
-        i === "E" && (o.value.viewer.viewport.zoomBy(1.1), o.value.viewer.viewport.applyConstraints()), i === "Q" && (o.value.viewer.viewport.zoomBy(0.9), o.value.viewer.viewport.applyConstraints()), i === "W" && (o.value.viewer.viewport.panBy(o.value.viewer.viewport.deltaPointsFromPixels(new Te.Point(0, -40))), o.value.viewer.viewport.applyConstraints()), i === "S" && (o.value.viewer.viewport.panBy(o.value.viewer.viewport.deltaPointsFromPixels(new Te.Point(0, 40))), o.value.viewer.viewport.applyConstraints()), i === "A" && (o.value.viewer.viewport.panBy(o.value.viewer.viewport.deltaPointsFromPixels(new Te.Point(-40, 0))), o.value.viewer.viewport.applyConstraints()), i === "D" && (o.value.viewer.viewport.panBy(o.value.viewer.viewport.deltaPointsFromPixels(new Te.Point(40, 0))), o.value.viewer.viewport.applyConstraints());
-      }, 120);
-    }
-    function v() {
-      t && (clearInterval(t), t = null);
-    }
-    return Ie(() => {
-      clearTimeout(t);
-    }), (u, i) => (y(), L("div", to, [
-      (y(!0), L(le, null, oe(e.value, (f) => (y(), L("div", {
-        key: f.code,
-        class: "hzzt-kfb-keyword__code flex column align-items-center justify-content-center",
-        onMouseenter: (g) => _(g, f.code),
-        onMouseleave: v
-      }, [
-        b("p", null, V(f.code), 1),
-        T(X, {
-          size: "14",
-          name: f.icon
-        }, null, 8, ["name"])
-      ], 40, lo))), 128))
-    ]));
-  }
-}), no = /* @__PURE__ */ he(oo, [["__scopeId", "data-v-c8d940f0"]]);
-function ao(c, e, o = {}) {
-  const {
-    panSensitivity: t = 0.2,
-    // 值越大，鼠标移动时图像移动越快
-    zoomSensitivity: _ = 1.1,
-    // 值越大，滚轮缩放幅度越大
-    damping: v = 0.6,
-    // 值越大，惯性滑动时间越长
-    minThreshold: u = 0.05
-    // 值越小，停止移动时的精度越高
-  } = o;
-  let i = !1, f = null, g = 0, h = 0, l = !1;
-  const a = () => {
-    i = document.pointerLockElement === e.value, i || m();
-  }, m = () => {
-    g = 0, h = 0, f && (cancelAnimationFrame(f), f = null), l = !1;
-  }, r = (d) => Ce(this, null, function* () {
-    try {
-      d.key === "l" && e.value && (document.pointerLockElement ? (document.exitPointerLock(), console.log("鼠标已解锁！")) : (yield e.value.requestPointerLock(), console.log("鼠标已锁定！")));
-    } catch (E) {
-      console.error("无法锁定鼠标:", E);
-    }
-  }), s = (d) => {
-    if (i) {
-      d.preventDefault();
-      const E = Math.pow(_, Math.sign(d.deltaY) * -1);
-      c.value.viewer.viewport.zoomBy(E), c.value.viewer.viewport.applyConstraints();
-    }
-  }, p = (d) => {
-    i && (g += d.movementX * t, h += d.movementY * t, !l && (Math.abs(g) > 1 || Math.abs(h) > 1) && (l = !0, f = requestAnimationFrame(w)));
-  }, w = () => {
-    const d = c.value.viewer.viewport;
-    if (Math.abs(g) > u || Math.abs(h) > u) {
-      const E = d.deltaPointsFromPixels(
-        new Te.Point(g, h)
-      );
-      d.panBy(E), d.applyConstraints();
-    }
-    g *= v, h *= v, Math.abs(g) > u || Math.abs(h) > u ? f = requestAnimationFrame(w) : m();
-  }, k = () => {
-    i && document.exitPointerLock();
-  };
-  return pe(() => {
-    var d;
-    (d = e.value) == null || d.addEventListener("keydown", r), document.addEventListener("wheel", s, { passive: !1 }), document.addEventListener("click", k), document.addEventListener("mousemove", p), document.addEventListener("pointerlockchange", a);
-  }), Ie(() => {
-    var d;
-    (d = e.value) == null || d.removeEventListener("keydown", r), document.removeEventListener("click", k), document.removeEventListener("wheel", s), document.removeEventListener("mousemove", p), document.removeEventListener("pointerlockchange", a), m();
-  }), {
-    setConfig: (d) => {
-      Object.assign(o, d);
-    }
-  };
-}
-const so = /* @__PURE__ */ ee({
-  __name: "KfbLevel",
-  props: /* @__PURE__ */ we({
-    slides: { default: () => [] }
-  }, {
-    "model-value": {
-      default: 0
-    },
-    "model-valueModifiers": {}
-  }),
-  emits: ["update:model-value"],
-  setup(c) {
-    const e = c, o = Ee(c, "model-value"), t = J("kfbView", $({})), _ = 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((f, g) => {
-        g > i.length - 4 && (u.tilesMatrix[f] = {});
-      }), u.draw();
-    }
-    return (u, i) => (y(), 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(n(al), {
-        modelValue: o.value,
-        "onUpdate:modelValue": i[0] || (i[0] = (f) => o.value = f),
-        vertical: "",
-        min: _.value[0],
-        step: 1,
-        max: _.value[_.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(c, { emit: e }) {
-    const o = c, t = e, _ = Ee(c, "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 f;
-      return (((f = o.info) == null ? void 0 : f.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(f) {
-      _.value.includes(f) ? _.value = _.value.filter((g) => g !== f) : _.value.push(f), t("load");
-    }
-    return (f, g) => u.value.length > 0 ? (y(), L("div", io, [
-      T(X, {
-        name: "channel",
-        size: "32"
-      }),
-      (y(!0), L(le, null, oe(u.value, (h) => (y(), L("div", {
-        key: h.label,
-        style: W({ background: h.color }),
-        class: ye(["hzzt-kfb-channel__box", _.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(c, { emit: e }) {
-    const o = Ee(c, "expand"), t = e, { t: _ } = de();
-    function v(i) {
-      const f = i.subType || i.tool || "";
-      return `mark${f.substring(0, 1).toLocaleUpperCase()}${f.substring(1)}`;
-    }
-    function u(i) {
-      t("select", i);
-    }
-    return (i, f) => (y(), L("div", {
-      class: ye(["hzzt-kfb-annotation flex column", o.value ? "hzzt-kfb-annotation--expand" : ""])
-    }, [
-      b("div", co, [
-        $e(b("div", vo, [
-          b("span", null, V(n(_)("标注列表")), 1)
-        ], 512), [
-          [Re, o.value]
-        ]),
-        T(X, {
-          class: "hzzt-kfb-annotation__icon",
-          name: o.value ? "expandLeft" : "expandRight",
-          onClick: f[0] || (f[0] = (g) => o.value = !o.value)
-        }, null, 8, ["name"])
-      ]),
-      $e(b("div", fo, [
-        (y(!0), L(le, null, oe(i.annotations, (g, h) => {
-          var l;
-          return y(), 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"]),
-            b("span", null, V(n(_)("标注")) + V(h + 1), 1)
-          ], 10, mo);
-        }), 128))
-      ], 512), [
-        [Re, o.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"
-}, _o = { id: "colorMatrixFilter" }, bo = ["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(c, { expose: e, emit: o }) {
-    const t = c, _ = o, { t: v, locale: u } = de(), i = $(), f = $(), g = $(), h = $(!1), l = $({}), a = $(!1), m = $(0), r = $(0), s = $(0), p = $([]), w = $({
-      width: 0,
-      height: 0,
-      fileNum: 0,
-      scanScale: 1,
-      fileName: "",
-      ratiomap: {}
-    }), k = J("show-kfb-label", $(!0)), d = 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: be,
-      shotScreen: ke
-    } = Tl(_, l), {
-      moveEvent: Ze,
-      fastMove: qe
-    } = ql(l, r), { 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, _, 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;
-        w.value = S, p.value = (((q = w.value) == null ? void 0 : q.channel) || []).map((U) => U.eqt_num), l.value = new ue(j({
-          el: f.value,
-          fileName: (ae = t.slide) == null ? void 0 : ae.file,
-          scale: w.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: w.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 = w.value) == null ? void 0 : fe.channel) != null && K.length ? 120 : 30,
-            tick: {
-              number: 3,
-              height: 8
-            }
-          },
-          pxConversion: {
-            units: ["um", "mm"],
-            binary: 1e3,
-            imageCapRes: w.value.imageCapRes || w.value.scanResolution || 1
-          },
-          openSeadragonOptions: {
-            maxZoomLevel: w.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 = w.value.tileWidth || w.value.imageBlockLen || 256, S = w.value.tileHeight || w.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(w.value.ratiomap).forEach((U) => {
-        const D = w.value.fileNum - Math.sqrt(w.value.scanScale / Number(U));
-        D > 0 && (ae = ae ? Math.min(ae, D) : D);
-      }), {
-        height: w.value.height,
-        width: w.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)
-          };
-          w.value.fileNum === U ? (U = w.value.scanScale, Y.scale = U.toFixed(6)) : (U = w.value.scanScale / Math.pow(2, w.value.fileNum - U), Y.scale = U.toFixed(6)), Y.level = Ne, Y.file = s.value === 0 ? Y.file : ((gt = (ht = t.slide) == null ? void 0 : ht.children) == null ? void 0 : gt[s.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) => {
-        m.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);
-        r.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);
-      }), be(), Ze();
-    }
-    function Ft() {
-      var z;
-      (z = l.value) != null && z.destroy && (l.value.destroy(), l.value = {}, w.value = {
-        width: 0,
-        height: 0,
-        fileNum: 0,
-        scanScale: 1,
-        fileName: "",
-        ratiomap: {}
-      }, Bt.value = [], p.value = [], r.value = 0, m.value = 0, s.value = 0);
-    }
-    function ut(z, S) {
-      z === "annotate" ? ct(S) : z === "tailor" ? ke(S) : z === "info" ? h.value = !0 : z === "flip" ? dt() : z === "delete" ? St("delete")(Qe.value) : _("tool", z, S);
-    }
-    function ct(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 dt() {
-      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: m,
-      zoom: r,
-      forceRedraw: te,
-      toggleFlip: dt,
-      startDraw: ct,
-      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 y(), L("div", {
-        ref_key: "mainKfbViewRef",
-        ref: i,
-        class: "hzzt-kfb-view"
-      }, [
-        z.slide.file ? $e((y(), L("div", {
-          key: 0,
-          ref_key: "kfbViewMainRef",
-          ref: f,
-          class: "hzzt-kfb-view__main",
-          "element-loading-text": n(v)("加载中"),
-          "element-loading-background": "rgba(0, 0, 0, 0.8)"
-        }, null, 8, go)), [
-          [n(I), a.value]
-        ]) : (y(), L("div", wo, S[5] || (S[5] = [
-          b("img", {
-            style: { width: "50%" },
-            src: Ge
-          }, null, -1)
-        ]))),
-        z.slide.analysis && z.slide.analysis.result ? (y(), P(n(Tt), {
-          key: 2,
-          class: "hzzt-kfb-view__tag"
-        }, {
-          default: x(() => [
-            G(V(z.slide.analysis.result), 1)
-          ]),
-          _: 1
-        })) : A("", !0),
-        (y(), L("svg", yo, [
-          b("filter", _o, [
-            b("feColorMatrix", {
-              values: n(Q),
-              type: "matrix"
-            }, null, 8, bo),
-            b("feColorMatrix", {
-              values: n(ve),
-              type: "saturate"
-            }, null, 8, ko),
-            b("feComponentTransfer", null, [
-              b("feFuncR", {
-                id: "feFuncR",
-                type: "gamma",
-                exponent: n(Z).ga,
-                amplitude: "1",
-                offset: "0"
-              }, null, 8, zo),
-              b("feFuncG", {
-                id: "feFuncG",
-                type: "gamma",
-                exponent: n(Z).ga,
-                amplitude: "1",
-                offset: "0"
-              }, null, 8, Co),
-              b("feFuncB", {
-                id: "feFuncB",
-                type: "gamma",
-                exponent: n(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),
-        n(k) && z.slide.file ? (y(), P(Zl, {
-          key: 3,
-          info: w.value,
-          slide: z.slide,
-          pathologyHandle: z.pathologyHandle,
-          onTool: ut
-        }, null, 8, ["info", "slide", "pathologyHandle"])) : A("", !0),
-        n(d) ? (y(), P(no, { key: 4 })) : A("", !0),
-        (q = z.slide.children) != null && q.length ? (y(), P(so, {
-          key: 5,
-          modelValue: s.value,
-          "onUpdate:modelValue": S[0] || (S[0] = (K) => s.value = K),
-          slides: z.slide.children
-        }, null, 8, ["modelValue", "slides"])) : A("", !0),
-        (fe = (ae = w.value) == null ? void 0 : ae.channel) != null && fe.length ? (y(), P(uo, {
-          key: 6,
-          modelValue: p.value,
-          "onUpdate:modelValue": S[1] || (S[1] = (K) => p.value = K),
-          info: w.value,
-          onLoad: Dt
-        }, null, 8, ["modelValue", "info"])) : A("", !0),
-        n(nt).length ? (y(), 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: n(Qe),
-          annotations: n(nt),
-          onSelect: n(at)
-        }, null, 8, ["expand", "style", "annotation", "annotations", "onSelect"])) : A("", !0),
-        T(n(je), {
-          modelValue: h.value,
-          "onUpdate:modelValue": S[3] || (S[3] = (K) => h.value = K),
-          "append-to-body": !0,
-          title: n(v)("图像信息"),
-          width: "700px",
-          top: "5vh"
-        }, {
-          default: x(() => [
-            T(n(tt), { "label-position": "left" }, {
-              default: x(() => [
-                T(n(se), {
-                  class: "flex",
-                  "label-width": "0px"
-                }, {
-                  default: x(() => [
-                    b("div", $o, [
-                      b("img", {
-                        src: w.value.labelImg,
-                        style: { height: "180px" }
-                      }, null, 8, Lo),
-                      b("img", {
-                        src: w.value.previewImg,
-                        style: { height: "180px" },
-                        class: "flex-1"
-                      }, null, 8, xo)
-                    ])
-                  ]),
-                  _: 1
-                }),
-                T(n(se), {
-                  label: n(v)("文件名")
-                }, {
-                  default: x(() => [
-                    b("span", Eo, V(w.value.fileName), 1)
-                  ]),
-                  _: 1
-                }, 8, ["label"]),
-                T(n(se), {
-                  label: n(v)("图像像素")
-                }, {
-                  default: x(() => [
-                    b("span", Vo, V(w.value.width) + "Pixel - " + V(w.value.height) + "Pixel", 1)
-                  ]),
-                  _: 1
-                }, 8, ["label"]),
-                T(n(se), {
-                  label: n(v)("扫描倍率")
-                }, {
-                  default: x(() => [
-                    b("span", Mo, V(w.value.scanScale), 1)
-                  ]),
-                  _: 1
-                }, 8, ["label"]),
-                T(n(se), {
-                  label: n(v)("扫描时刻")
-                }, {
-                  default: x(() => [
-                    b("span", Io, V(w.value.scanTime), 1)
-                  ]),
-                  _: 1
-                }, 8, ["label"]),
-                T(n(se), {
-                  label: n(v)("扫描时间")
-                }, {
-                  default: x(() => [
-                    b("span", So, V(w.value.scanDuration || 0) + "s", 1)
-                  ]),
-                  _: 1
-                }, 8, ["label"]),
-                w.value.ext ? (y(), P(n(se), {
-                  key: 0,
-                  label: n(v)("扫描设备")
-                }, {
-                  default: x(() => [
-                    b("span", Ho, V(w.value.ext.machineNum || ""), 1)
-                  ]),
-                  _: 1
-                }, 8, ["label"])) : A("", !0)
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 8, ["modelValue", "title"]),
-        T(n(je), {
-          modelValue: n(Se),
-          "onUpdate:modelValue": S[4] || (S[4] = (K) => Ve(Se) ? Se.value = K : null),
-          "append-to-body": !0,
-          title: n(v)("语音输入"),
-          width: "500px",
-          top: "5vh"
-        }, {
-          footer: x(() => [
-            T(n(ge), { onClick: n(Et) }, {
-              default: x(() => [
-                G(V(n(v)("取消")), 1)
-              ]),
-              _: 1
-            }, 8, ["onClick"]),
-            T(n(ge), {
-              type: "primary",
-              onClick: n(Vt)
-            }, {
-              default: x(() => [
-                G(V(n(v)("确定")), 1)
-              ]),
-              _: 1
-            }, 8, ["onClick"])
-          ]),
-          default: x(() => [
-            T(n(tt), { "label-position": "left" }, {
-              default: x(() => {
-                var K;
-                return [
-                  T(n(se), null, {
-                    default: x(() => {
-                      var U;
-                      return [
-                        (U = n(C)) != null && U.src ? (y(), L("audio", {
-                          key: 0,
-                          class: "width-100%",
-                          src: n(C).src,
-                          controls: "",
-                          preload: "auto"
-                        }, null, 8, Po)) : A("", !0)
-                      ];
-                    }),
-                    _: 1
-                  }),
-                  (K = n(C)) != null && K.src ? A("", !0) : (y(), P(n(se), { key: 0 }, {
-                    default: x(() => [
-                      n(ie) ? (y(), P(n(ge), {
-                        key: 1,
-                        type: "danger",
-                        onClick: n(Lt)
-                      }, {
-                        default: x(() => [
-                          G(V(n(v)("结束录音")), 1)
-                        ]),
-                        _: 1
-                      }, 8, ["onClick"])) : (y(), P(n(ge), {
-                        key: 0,
-                        type: "primary",
-                        onClick: n(He)
-                      }, {
-                        default: x(() => [
-                          G(V(n(v)("开始录音")), 1)
-                        ]),
-                        _: 1
-                      }, 8, ["onClick"])),
-                      n(ie) ? (y(), L("span", Ro, V(n(v)("录音时长")) + "：" + V(n(F)) + "s", 1)) : A("", !0)
-                    ]),
-                    _: 1
-                  }))
-                ];
-              }),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 8, ["modelValue", "title"]),
-        z.hotmap && z.hotmap.enable && z.hotmap.type !== "switch" ? (y(), L("div", {
-          key: 8,
-          class: "hzzt-kfb-view__hotmap",
-          style: W({ left: n(Nt) + "px" })
-        }, [
-          T(n(_e), {
-            class: "icon-caret-left",
-            size: "30",
-            onMousedown: n(st)
-          }, {
-            default: x(() => S[6] || (S[6] = [
-              b("svg", {
-                xmlns: "http://www.w3.org/2000/svg",
-                viewBox: "0 0 1024 1024"
-              }, [
-                b("path", {
-                  fill: "currentColor",
-                  d: "M672 192 288 511.936 672 832z"
-                })
-              ], -1)
-            ])),
-            _: 1,
-            __: [6]
-          }, 8, ["onMousedown"]),
-          T(n(_e), {
-            class: "icon-caret-right",
-            size: "30",
-            onMousedown: n(st)
-          }, {
-            default: x(() => S[7] || (S[7] = [
-              b("svg", {
-                xmlns: "http://www.w3.org/2000/svg",
-                viewBox: "0 0 1024 1024"
-              }, [
-                b("path", {
-                  fill: "currentColor",
-                  d: "M384 192v640l384-320.064z"
-                })
-              ], -1)
-            ])),
-            _: 1,
-            __: [7]
-          }, 8, ["onMousedown"])
-        ], 4)) : A("", !0),
-        ce(z.$slots, "default")
-      ], 512);
-    };
-  }
-});
-function Ao(c, e) {
-  var h, l;
-  const o = $(!!((h = c.ai) != null && h.default)), t = $(!!((l = c.ai) != null && l.default)), _ = $([]), v = B(
-    () => {
-      var a, m, r, s;
-      return (m = (a = e.value) == null ? void 0 : a.analysis) != null && m.id ? ((s = (r = e.value) == null ? void 0 : r.analysis) == null ? void 0 : s.class) || "auto" : "";
-    }
-  );
-  ne(() => {
-    var a;
-    return (a = c.ai) == null ? void 0 : a.default;
-  }, (a) => {
-    o.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, m;
-    o.value = !!((a = c.ai) != null && a.default), t.value = !!((m = c.ai) != null && m.default), u();
-  });
-  function u() {
-    var a;
-    (a = e.value) != null && a.id && v.value ? o.value || t.value ? i() : _.value = [] : _.value = [];
-  }
-  function i() {
-    c.ai.handle(v.value, e.value).then((a) => {
-      _.value = a;
-    }).catch(() => {
-      _.value = [], v.value === "IQC" ? t.value = !1 : o.value = !1;
-    });
-  }
-  function f() {
-    t.value = !1, u();
-  }
-  function g() {
-    o.value = !1, u();
-  }
-  return {
-    analysisClass: v,
-    aiLabelList: _,
-    enableAi: o,
-    enableIqc: t,
-    toggleIqc: g,
-    toggleAi: f
-  };
-}
-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: (c) => ["", "contain", "cover", "fill", "none", "scale-down"].includes(c),
-      default: ""
-    },
-    retryTimes: {
-      type: Number,
-      default: 0
-    },
-    load: {
-      type: Function,
-      default: () => ({})
-    }
-  },
-  setup(c) {
-    const e = c;
-    let o = 0;
-    const t = $(!1), _ = ot({
-      x: 0,
-      y: 0
-    }), v = B(() => ({
-      top: `${_.y + 10}px`,
-      left: `${_.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;
-      o < e.retryTimes ? (l.src = e.src, o++) : l.src = Ge;
-    }
-    function i(h) {
-      if (h.target) {
-        const s = h.target, p = s.tagName;
-        let w = "";
-        if (s.tagName === "IMG" ? w = s.src || "" : p === "DIV" && (w = s.children[0].src || ""), w.indexOf(Ge) > -1)
-          return;
-      }
-      const { x: l, y: a } = f(h), m = 4 * 300 / 3, r = 300;
-      _.x = Math.min(Math.max(l, m / 2), window.innerWidth - m / 2), _.y = Math.min(Math.max(a, r / 2), window.innerHeight - r / 2), t.value = !0;
-    }
-    function f(h) {
-      const l = h.target, a = h.offsetX, m = h.offsetY, r = l.clientWidth, s = l.clientHeight;
-      return {
-        x: h.clientX + r - a,
-        y: h.clientY - m + s / 2
-      };
-    }
-    function g() {
-      t.value = !1;
-    }
-    return (h, l) => (y(), L("div", {
-      class: "relative",
-      onMouseenter: i,
-      onMouseleave: g
-    }, [
-      b("img", {
-        src: c.src,
-        fit: c.fit,
-        onError: u,
-        style: {
-          height: "100%",
-          width: "100%"
-        }
-      }, null, 40, No),
-      (y(), P(Fe, { to: "body" }, [
-        t.value ? (y(), L("div", {
-          key: 0,
-          class: "fixed hzzt-kfb-img-triangle-left",
-          style: W(v.value)
-        }, [
-          b("img", {
-            src: c.src,
-            fit: c.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(c, e) {
-  return y(), L("svg", Uo, e[0] || (e[0] = [
-    b("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(c, e) {
-  return y(), L("svg", Oo, e[0] || (e[0] = [
-    b("g", { id: "Frame" }, [
-      b("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%" }, cn = { class: "w-20%" }, dn = ["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" }, _n = { class: "margin-r-1" }, bn = {
-  key: 0,
-  class: "margin-r-1 margin-l-2"
-}, kn = /* @__PURE__ */ ee({
-  __name: "KfbSlideList",
-  props: {
-    slides: {}
-  },
-  emits: ["select", "tool"],
-  setup(c, { expose: e, emit: o }) {
-    const t = c, _ = o, v = J("file-index", {
-      value: 0
-    }), u = J("divide", {
-      value: !1
-    }), i = J("sync", {
-      value: !1
-    }), f = $(!1), g = $(), h = B(() => t.slides.filter(({ read: p }) => p)), l = B(() => t.slides.filter(({ check: p }) => p)), { t: a } = de();
-    function m(p) {
-      v.value = p, _("select", p);
-    }
-    function r(p) {
-      p.check = !p.check;
-    }
-    function s(p) {
-      var k, d, E;
-      const w = ((E = (d = (k = g.value.querySelector('[data-index="0"]')) == null ? void 0 : k.getBoundingClientRect) == null ? void 0 : d.call(k)) == null ? void 0 : E.y) || 0;
-      g.value.scrollTop = g.value.querySelector(`[data-index="${p}"]`).getBoundingClientRect().y - w;
-    }
-    return e({
-      jumpToSlide: s
-    }), (p, w) => (y(), L("div", Zo, [
-      b("div", qo, [
-        b("div", Yo, [
-          b("span", null, [
-            w[4] || (w[4] = G("已读：")),
-            b("span", Xo, V(h.value.length), 1),
-            G("/" + V(p.slides.length), 1)
-          ]),
-          b("div", Qo, [
-            T(n(_e), {
-              class: "margin-r-2 pointer",
-              size: "16",
-              color: f.value ? "#999" : "#000",
-              onClick: w[0] || (w[0] = (k) => f.value = !f.value)
-            }, {
-              default: x(() => [
-                T(Ko)
-              ]),
-              _: 1
-            }, 8, ["color"]),
-            T(n(_e), {
-              class: "pointer",
-              name: "cus-list",
-              size: "16",
-              color: f.value ? "#000" : "#999",
-              onClick: w[1] || (w[1] = (k) => f.value = !f.value)
-            }, {
-              default: x(() => [
-                T(Wo)
-              ]),
-              _: 1
-            }, 8, ["color"])
-          ])
-        ]),
-        b("div", {
-          class: "flex-1 overflow-auto",
-          style: { width: "100%" },
-          ref_key: "slidesRef",
-          ref: g
-        }, [
-          f.value ? (y(), L("ul", an, [
-            b("li", sn, [
-              w[5] || (w[5] = b("div", { class: "w-10%" }, null, -1)),
-              b("div", rn, V(n(a)("缩略图")), 1),
-              b("div", un, V(n(a)("切片名")), 1),
-              b("div", cn, V(n(a)("评分")), 1)
-            ]),
-            (y(!0), L(le, null, oe(p.slides, (k, d) => (y(), L("li", {
-              key: d,
-              "data-index": d,
-              class: "flex align-items-center overflow-hidden",
-              style: W({
-                backgroundColor: n(v) === d ? "rgba(6, 85, 195, 0.1)" : "#fff"
-              }),
-              onClick: (E) => m(d)
-            }, [
-              b("div", {
-                class: "w-10% text-center",
-                onClick: Be(() => {
-                }, ["stop"])
-              }, [
-                T(n(Oe), {
-                  modelValue: k.check,
-                  "onUpdate:modelValue": (E) => k.check = E,
-                  style: { width: "14px", height: "16px" }
-                }, null, 8, ["modelValue", "onUpdate:modelValue"])
-              ]),
-              b("div", vn, [
-                b("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) : (y(), L("div", mn, V(n(a)("未读")), 1))
-                ])
-              ]),
-              b("div", pn, [
-                T(n(zt), {
-                  effect: "dark",
-                  placement: "bottom",
-                  content: `${k.name}`
-                }, {
-                  default: x(() => [
-                    b("span", {
-                      style: { "line-height": "16px" },
-                      class: "margin-l-1 ellipsis hzzt-kfb-slides__text",
-                      dir: "rtl",
-                      onClick: Be((E) => r(k), ["stop"])
-                    }, V(k.name), 9, hn)
-                  ]),
-                  _: 2
-                }, 1032, ["content"])
-              ]),
-              b("div", {
-                class: "w-20% flex text-center pointer",
-                style: W({
-                  color: k.gradeColor
-                }),
-                onClick: (E) => _("tool", "grade", k)
-              }, V(k.grade), 13, gn)
-            ], 12, dn))), 128))
-          ])) : (y(), L("div", Jo, [
-            (y(!0), L(le, null, oe(p.slides, (k, d) => (y(), L("div", {
-              key: d,
-              class: ye(["hzzt-kfb-slides__box", n(v) === d ? "hzzt-kfb-slides__box--active" : ""]),
-              "data-index": d,
-              onClick: (E) => m(d)
-            }, [
-              b("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"])
-              ]),
-              b("div", {
-                class: "flex justify-content-between align-items-center",
-                onClick: Be(() => {
-                }, ["stop"])
-              }, [
-                T(n(Oe), {
-                  modelValue: k.check,
-                  "onUpdate:modelValue": (E) => k.check = E,
-                  style: { width: "14px", height: "16px" }
-                }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-                T(n(zt), {
-                  effect: "dark",
-                  placement: "bottom",
-                  content: `${k.name}`
-                }, {
-                  default: x(() => [
-                    b("span", {
-                      style: { "line-height": "16px", "text-align": "center", width: "calc(100% - 14px)" },
-                      class: "margin-l-1 ellipsis",
-                      onClick: Be((E) => r(k), ["stop"])
-                    }, V(k.name), 9, ln)
-                  ]),
-                  _: 2
-                }, 1032, ["content"])
-              ]),
-              k.read ? A("", !0) : (y(), L("div", on, V(n(a)("未读")), 1)),
-              k.grade ? (y(), L("div", {
-                key: 1,
-                class: "hzzt-kfb-slides__grade",
-                style: W({
-                  background: k.gradeColor
-                }),
-                onClick: (E) => _("tool", "grade", k)
-              }, V(k.grade), 13, nn)) : A("", !0),
-              ce(p.$slots, "slide", { slide: k }, void 0, !0)
-            ], 10, en))), 128))
-          ]))
-        ], 512),
-        l.value.length > 1 ? (y(), L("div", wn, [
-          b("div", yn, [
-            b("span", _n, V(n(a)("分屏")), 1),
-            T(n(Le), {
-              modelValue: n(u),
-              "onUpdate:modelValue": w[2] || (w[2] = (k) => Ve(u) ? u.value = k : null)
-            }, null, 8, ["modelValue"]),
-            n(u) ? (y(), L("span", bn, V(n(a)("同步")), 1)) : A("", !0),
-            n(u) ? (y(), P(n(Le), {
-              key: 1,
-              modelValue: n(i),
-              "onUpdate:modelValue": w[3] || (w[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(c, { expose: e }) {
-    const o = c, { t } = de(), _ = J("kfbViewRef"), v = $(-1), u = $(1), i = $(100), f = $(!0), g = $([]), h = B(() => o.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 = o.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("未知")
-      };
-    }), m = B(() => {
-      const E = /* @__PURE__ */ new Set();
-      return o.data.forEach((R) => {
-        const I = R.cls || "";
-        I && !E.has(I) && E.add(I);
-      }), Array.from(E);
-    }), r = B(() => g.value.length !== 0 && g.value.length !== m.value.length);
-    ne(() => m.value, (E) => {
-      s(), g.value = [...E];
-    }), pe(() => {
-      g.value = [...m.value];
-    });
-    function s() {
-      v.value = -1, u.value = 1, i.value = 100, f.value = !0;
-    }
-    function p(E) {
-      const R = h.value.findIndex((I) => I.id === E.id);
-      v.value = R, _.value.jumpToLabel(E, 5);
-    }
-    function w(E) {
-      const R = o.data.filter((I) => I.cls === E);
-      return R.length ? `（${R.length}）` : "";
-    }
-    function k() {
-      v.value = -1, f.value = g.value.length == m.value.length;
-    }
-    function d(E) {
-      g.value = E ? [...m.value] : [], v.value = -1;
-    }
-    return e({
-      labelList: h
-    }), (E, R) => (y(), L("div", Cn, [
-      b("div", Tn, [
-        T(n(sl), {
-          placement: "bottom",
-          trigger: "click",
-          width: "160"
-        }, {
-          reference: x(() => [
-            T(n(ge), {
-              class: "margin-r-1",
-              type: "primary"
-            }, {
-              default: x(() => [
-                G(V(n(t)("分类")) + " ", 1),
-                T(X, { name: "arrowDown" })
-              ]),
-              _: 1
-            })
-          ]),
-          default: x(() => [
-            b("div", null, [
-              T(n(Oe), {
-                modelValue: f.value,
-                "onUpdate:modelValue": R[0] || (R[0] = (I) => f.value = I),
-                indeterminate: r.value,
-                onChange: d
-              }, {
-                default: x(() => [
-                  G(V(n(t)("全选")), 1)
-                ]),
-                _: 1
-              }, 8, ["modelValue", "indeterminate"]),
-              T(n(il), {
-                modelValue: g.value,
-                "onUpdate:modelValue": R[1] || (R[1] = (I) => g.value = I),
-                class: "flex column",
-                onChange: k
-              }, {
-                default: x(() => [
-                  (y(!0), L(le, null, oe(m.value, (I) => (y(), P(n(Oe), {
-                    key: I,
-                    value: I
-                  }, {
-                    default: x(() => [
-                      G(V(I) + " ", 1),
-                      b("span", $n, V(w(I)), 1)
-                    ]),
-                    _: 2
-                  }, 1032, ["value"]))), 128))
-                ]),
-                _: 1
-              }, 8, ["modelValue"])
-            ])
-          ]),
-          _: 1
-        }),
-        T(n(Tt), {
-          type: a.value.type,
-          class: "margin-l-1"
-        }, {
-          default: x(() => [
-            G(V(a.value.name), 1)
-          ]),
-          _: 1
-        }, 8, ["type"])
-      ]),
-      b("div", Ln, [
-        (y(!0), L(le, null, oe(l.value, (I, Z) => (y(), 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(n(ul), {
-            "retry-times": 1,
-            src: I.imageUrl,
-            "error-src": n(Ge)
-          }, null, 8, ["src", "error-src"]),
-          b("div", {
-            style: W({ color: I.strokeStyle }),
-            class: "ellipsis"
-          }, [
-            G(V(I.cls) + " ", 1),
-            I.score ? (y(), L("span", En, V(I.score), 1)) : A("", !0)
-          ], 4)
-        ], 10, xn))), 128))
-      ]),
-      T(n(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(c, { expose: e, emit: o }) {
-    const t = c, _ = o, v = Ee(c, "index"), u = B(() => t.slides[v.value]), i = B(() => t.slides.filter(({ check: C }) => C)), f = $(), g = $(), h = $(), l = $(), a = $(t.showKeyboard), m = $(t.showKfbLabel), r = $(!1), s = $(!1), p = $(!1), { t: w } = de(), k = B(() => {
-      var C;
-      if (r.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;
-    }), d = 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) => {
-      r.value && C.length <= 1 && (r.value = !1);
-    }), ne(() => u.value, (C) => {
-      if (C) {
-        const N = C.read;
-        C.read = !0, _("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") && (m.value = N), _("tool", C, N);
-    }
-    function be(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: s.value,
-        syncZoom: s.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) {
-      r.value && (t.slides[C].check = !0);
-    }
-    function qe() {
-      var C;
-      m.value = !p.value, (C = r.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, f.value && f.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", m), re("hidden-all-label", p), re("file-index", v), re("divide", r), re("sync", s), e({
-      divide: r,
-      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) => (y(), L("div", Mn, [
-      C.menus.length ? (y(), P(Ae, {
-        key: 0,
-        menu: C.menus,
-        "show-menu-text": C.showMenuText,
-        process: C.process,
-        microscope: C.microscope,
-        onTool: te
-      }, {
-        left: x(() => [
-          ce(C.$slots, "left")
-        ]),
-        right: x(() => [
-          T(n(Le), {
-            modelValue: p.value,
-            "onUpdate:modelValue": N[0] || (N[0] = (F) => p.value = F),
-            "active-text": n(w)("隐藏标签"),
-            class: "margin-r-2",
-            onChange: qe
-          }, null, 8, ["modelValue", "active-text"]),
-          C.ai && C.ai.enable && n(E) === "IQC" ? (y(), P(n(Le), {
-            key: 0,
-            modelValue: n(Z),
-            "onUpdate:modelValue": N[1] || (N[1] = (F) => Ve(Z) ? Z.value = F : null),
-            "active-text": n(w)("AI质控"),
-            class: "margin-r-2",
-            onChange: n(Q)
-          }, null, 8, ["modelValue", "active-text", "onChange"])) : C.ai && C.ai.enable && n(E) ? (y(), P(n(Le), {
-            key: 1,
-            modelValue: n(I),
-            "onUpdate:modelValue": N[2] || (N[2] = (F) => Ve(I) ? I.value = F : null),
-            "active-text": n(w)("AI分析"),
-            class: "margin-r-2",
-            onChange: n(ve)
-          }, null, 8, ["modelValue", "active-text", "onChange"])) : A("", !0),
-          ce(C.$slots, "right")
-        ]),
-        _: 3
-      }, 8, ["menu", "show-menu-text", "process", "microscope"])) : A("", !0),
-      b("div", In, [
-        C.showList ? (y(), P(Fe, {
-          key: 0,
-          defer: "",
-          to: "#kfb-slide-list",
-          disabled: !C.teleport
-        }, [
-          T(zn, {
-            ref_key: "slidesRef",
-            ref: f,
-            style: W(C.teleport ? "" : "width: 250px"),
-            slides: C.slides,
-            onSelect: Ze,
-            onTool: te
-          }, {
-            slide: x(({ slide: F }) => [
-              ce(C.$slots, "list", { slide: F })
-            ]),
-            _: 3
-          }, 8, ["style", "slides"])
-        ], 8, ["disabled"])) : A("", !0),
-        (y(), P(Fe, {
-          defer: "",
-          to: "#kfb-slide-view",
-          disabled: !C.teleport
-        }, [
-          b("div", Sn, [
-            i.value.length && r.value ? (y(), L("ul", Hn, [
-              (y(!0), L(le, null, oe(i.value, (F, ie) => (y(), L("li", {
-                key: ie,
-                style: W(d.value),
-                class: ye(u.value.id === F.id ? "hzzt-kfb-view-screen-active" : ""),
-                onClick: (He) => ke(F)
-              }, [
-                (y(), P(Me, Ke({
-                  ref_for: !0,
-                  ref_key: "kfbViewRefs",
-                  ref: h,
-                  key: `kfb-${ie}`
-                }, { ref_for: !0 }, be(F), { onTool: te }), {
-                  default: x(() => [
-                    ce(C.$slots, "kfb", { slide: F })
-                  ]),
-                  _: 2
-                }, 1040))
-              ], 14, Pn))), 128))
-            ])) : u.value ? (y(), P(Me, Ke({
-              key: 1,
-              ref_key: "kfbViewRef",
-              ref: g
-            }, be(u.value), { onTool: te }), {
-              default: x(() => [
-                ce(C.$slots, "kfb", { slide: u.value })
-              ]),
-              _: 3
-            }, 16)) : A("", !0)
-          ])
-        ], 8, ["disabled"])),
-        C.ai && C.ai.enable && n(R).length ? (y(), 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: n(R),
-            slide: u.value
-          }, null, 8, ["style", "data", "slide"])
-        ], 8, ["disabled"])) : A("", !0),
-        ce(C.$slots, "default")
-      ])
-    ]));
-  }
-});
-We.name = "HzztKfbSlide";
-Me.name = "HzztKfbView";
-Ae.name = "HzztKfbToolbox";
-const Rn = (c, e) => {
-  c.use(cl, e == null ? void 0 : e.i18n), c.component(We.name, We), c.component(Me.name, Me), c.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,
-  de as u
-};