hzzt-kfb-slide 0.0.8 → 0.1.0

package/dist/components/indexCiVL4LuE.js

@@ -0,0 +1,3009 @@
+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
+};