hzzt-kfb-slide 0.0.8 → 0.0.9

package/dist/components/indexBMt2qfwG.js

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