hzzt-kfb-slide 0.0.9 → 0.1.1

package/dist/components/indexBk8PrnQT.js

@@ -0,0 +1,3021 @@
+var qt = Object.defineProperty, Yt = Object.defineProperties;
+var Xt = Object.getOwnPropertyDescriptors;
+var yt = Object.getOwnPropertySymbols;
+var Qt = Object.prototype.hasOwnProperty, Jt = Object.prototype.propertyIsEnumerable;
+var _t = (u, e, n) => e in u ? qt(u, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : u[e] = n, j = (u, e) => {
+  for (var n in e || (e = {}))
+    Qt.call(e, n) && _t(u, n, e[n]);
+  if (yt)
+    for (var n of yt(e))
+      Jt.call(e, n) && _t(u, n, e[n]);
+  return u;
+}, me = (u, e) => Yt(u, Xt(e));
+var Ce = (u, e, n) => new Promise((t, y) => {
+  var d = (f) => {
+    try {
+      i(n.next(f));
+    } catch (g) {
+      y(g);
+    }
+  }, c = (f) => {
+    try {
+      i(n.throw(f));
+    } catch (g) {
+      y(g);
+    }
+  }, i = (f) => f.done ? t(f.value) : Promise.resolve(f.value).then(d, c);
+  i((n = n.apply(u, e)).next());
+});
+import { inject as J, ref as $, markRaw as H, defineAsyncComponent as V, defineComponent as ee, createBlock as P, openBlock as _, unref as o, normalizeProps as el, guardReactiveProps as tl, withCtx as x, resolveDynamicComponent as xe, useModel as Ee, computed as B, createElementBlock as L, createElementVNode as b, createVNode as T, toDisplayString as E, Fragment as le, renderList as oe, createTextVNode as G, isRef as Ve, watch as ne, h as ll, provide as ue, renderSlot as de, mergeProps as Ke, createCommentVNode as A, reactive as ot, onMounted as pe, onBeforeUnmount as Ie, normalizeStyle as Z, mergeDefaults as ol, withDirectives as $e, vShow as Pe, getCurrentInstance as nl, mergeModels as we, normalizeClass as ye, Teleport as Fe, withModifiers as Be } from "vue";
+import { ElIcon as _e, ElRow as al, ElCol as sl, ElSwitch as Le, ElRadioGroup as bt, ElRadio as De, ElDialog as je, ElForm as tt, ElFormItem as se, ElInput as et, ElButton as ge, ElMessage as kt, ElLoading as Ct, ElSlider as il, ElTag as Tt, ElCheckbox as Oe, ElTooltip as zt, ElPopover as rl, ElCheckboxGroup as ul, ElPagination as cl } from "element-plus";
+import { KfbView as ce, OpenSeadragon as Te } from "kfb-view";
+import dl from "v-lazy-image";
+function ie() {
+  const u = J("i18n"), e = (n) => n;
+  return {
+    locale: u == null ? void 0 : u.locale,
+    t: (u == null ? void 0 : u.t) || e
+  };
+}
+const vl = {
+  install(u, e) {
+    u.provide("i18n", e == null ? void 0 : e.global);
+  }
+}, O = $({
+  annotate: H(V(() => import("./annotateDa-PLWsY.js"))),
+  arrowCircle: H(V(() => import("./arrowCircleCiliVlpQ.js"))),
+  check: H(V(() => import("./checkPjfQU2X-.js"))),
+  dot: H(V(() => import("./dotCZmc5XHw.js"))),
+  flip: H(V(() => import("./flip2i6pDnun.js"))),
+  info: H(V(() => import("./infoBKGJei_W.js"))),
+  microscope: H(V(() => import("./microscopeCgg0Ym67.js"))),
+  move: H(V(() => import("./moveB41ZcoNK.js"))),
+  next: H(V(() => import("./nextD5Z4bZnT.js"))),
+  prev: H(V(() => import("./prevCPX6EC1A.js"))),
+  process: H(V(() => import("./processBAq39ThA.js"))),
+  rotate: H(V(() => import("./rotateCUUn3DGL.js"))),
+  fullscreen: H(V(() => import("./fullscreenkPWhn6hX.js"))),
+  setting: H(V(() => import("./settingDFygEEDe.js"))),
+  tailor: H(V(() => import("./tailorBzcPtJBg.js"))),
+  download: H(V(() => import("./downloadBPbhAwsC.js"))),
+  config: H(V(() => import("./configBVvJPXEW.js"))),
+  arrowDown: H(V(() => import("./arrowDownBiQp1p0i.js"))),
+  arrowUp: H(V(() => import("./arrowUpBfRL3fhE.js"))),
+  arrowLeft: H(V(() => import("./arrowLeftCBSwbPg8.js"))),
+  arrowRight: H(V(() => import("./arrowRightDxs4lV9Z.js"))),
+  zoomIn: H(V(() => import("./zoomInDzq-DbIa.js"))),
+  zoomOut: H(V(() => import("./zoomOutDnt66Lz5.js"))),
+  level: H(V(() => import("./level0LJ8aEMv.js"))),
+  channel: H(V(() => import("./channelD9KcPJ4H.js"))),
+  delete: H(V(() => import("./deleteBK4VaII7.js"))),
+  expandLeft: H(V(() => import("./expandLeftCWohfvHq.js"))),
+  expandRight: H(V(() => import("./expandRight-KeLeoCw.js"))),
+  markLine: H(V(() => import("./linerlsB9JL7.js"))),
+  markArrow: H(V(() => import("./arrowDjWPvUqv.js"))),
+  markBilateral: H(V(() => import("./bilateralxnj69N0V.js"))),
+  markRectangle: H(V(() => import("./rectangleqZeguu3p.js"))),
+  markEllipse: H(V(() => import("./ellipseGq_BKpIA.js"))),
+  markPolygon: H(V(() => import("./polygonCp9oWQ3l.js"))),
+  markFlag: H(V(() => import("./flagCNdHcaOr.js"))),
+  markStar: H(V(() => import("./starBXSy-NoI.js"))),
+  markDot: H(V(() => import("./dotDf3m-ZtS.js"))),
+  markFont: H(V(() => import("./fontBvWU1Zty.js"))),
+  markVoice: H(V(() => import("./voiceDJghWoc3.js")))
+}), X = /* @__PURE__ */ ee({
+  __name: "KfbIcon",
+  props: {
+    name: {
+      type: [String, Number],
+      required: !0
+    }
+  },
+  setup(u) {
+    return (e, n) => (_(), P(o(_e), el(tl(e.$attrs)), {
+      default: x(() => [
+        (_(), P(xe(o(O)[u.name])))
+      ]),
+      _: 1
+    }, 16));
+  }
+}), fl = { class: "hzzt-kfb-tool-config" }, ml = { class: "hzzt-kfb-tool-config__title margin-b-2" }, pl = { class: "hzzt-kfb-tool-config__block flex align-items-center" }, hl = { class: "hzzt-kfb-tool-config__icon flex align-items-center justify-content-center" }, gl = { class: "margin-l-4 flex-1" }, wl = { class: "hzzt-kfb-tool-config__title" }, yl = { class: "flex align-items-center" }, _l = {
+  class: "margin-t-2 margin-b-2",
+  style: { width: "160px" }
+}, bl = { class: "flex align-items-center" }, kl = {
+  class: "margin-t-2 margin-b-2",
+  style: { width: "160px" }
+}, zl = /* @__PURE__ */ ee({
+  name: "KfbToolConfig",
+  __name: "KfbToolConfig",
+  props: {
+    menus: {
+      default: () => []
+    },
+    menusModifiers: {},
+    showText: { type: Boolean },
+    showTextModifiers: {}
+  },
+  emits: ["update:menus", "update:showText"],
+  setup(u) {
+    const e = Ee(u, "menus"), n = Ee(u, "showText"), { t } = ie(), y = B(() => e.value.filter((g) => g.name !== "line" && g.name !== "config" && g.name !== "zoom")), d = {
+      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("下载")
+    }, c = J("show-keyboard", $(!1));
+    function i(g) {
+      return g in d;
+    }
+    function f(g) {
+      var h;
+      return ((h = g.props) == null ? void 0 : h.text) || (i(g.name) ? d[g.name] : "");
+    }
+    return (g, h) => (_(), L("div", fl, [
+      b("h3", ml, E(o(t)("显示管理")), 1),
+      T(o(al), { gutter: 10 }, {
+        default: x(() => [
+          (_(!0), L(le, null, oe(y.value, (l) => (_(), P(o(sl), {
+            key: l.name,
+            span: 8
+          }, {
+            default: x(() => {
+              var a, p;
+              return [
+                b("div", pl, [
+                  b("div", hl, [
+                    (a = l.props) != null && a.component ? (_(), P(xe((p = l.props) == null ? void 0 : p.component), {
+                      key: 1,
+                      size: 24
+                    })) : (_(), P(X, {
+                      key: 0,
+                      size: 24,
+                      name: l.name
+                    }, null, 8, ["name"]))
+                  ]),
+                  b("p", gl, E(f(l)), 1),
+                  T(o(Le), {
+                    modelValue: l.show,
+                    "onUpdate:modelValue": (r) => l.show = r,
+                    "active-text": "",
+                    "inactive-text": ""
+                  }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                ])
+              ];
+            }),
+            _: 2
+          }, 1024))), 128))
+        ]),
+        _: 1
+      }),
+      b("div", null, [
+        b("h3", wl, E(o(t)("其他设置")), 1),
+        b("div", yl, [
+          b("p", _l, E(o(t)("工具列表显示切换")), 1),
+          T(o(bt), {
+            modelValue: n.value,
+            "onUpdate:modelValue": h[0] || (h[0] = (l) => n.value = l)
+          }, {
+            default: x(() => [
+              T(o(De), { value: !0 }, {
+                default: x(() => [
+                  G(E(o(t)("显示工具名称")), 1)
+                ]),
+                _: 1
+              }),
+              T(o(De), { value: !1 }, {
+                default: x(() => [
+                  G(E(o(t)("隐藏工具名称")), 1)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        b("div", bl, [
+          b("p", kl, E(o(t)("小键盘显示切换")), 1),
+          T(o(bt), {
+            modelValue: o(c),
+            "onUpdate:modelValue": h[1] || (h[1] = (l) => Ve(c) ? c.value = l : null)
+          }, {
+            default: x(() => [
+              T(o(De), { value: !0 }, {
+                default: x(() => [
+                  G(E(o(t)("显示小键盘")), 1)
+                ]),
+                _: 1
+              }),
+              T(o(De), { value: !1 }, {
+                default: x(() => [
+                  G(E(o(t)("隐藏小键盘")), 1)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ])
+      ])
+    ]));
+  }
+}), Cl = { class: "hzzt-kfb-toolbox" }, Tl = { class: "hzzt-kfb-toolbox__component" }, Re = /* @__PURE__ */ ee({
+  name: "KfbToolbox",
+  __name: "KfbToolbox",
+  props: {
+    menu: {},
+    process: {},
+    microscope: {},
+    showMenuText: { type: Boolean }
+  },
+  emits: ["tool"],
+  setup(u, { emit: e }) {
+    const n = u, t = e, { t: y } = ie(), d = {
+      prev: y("上一张"),
+      next: y("下一张"),
+      config: y("配置"),
+      info: y("信息"),
+      flip: y("镜像"),
+      tailor: y("截图")
+    }, c = J("kfbViewRef"), i = $(!1), f = $(n.showMenuText), g = $(a(n.menu)), h = {
+      fullscreen: V(() => import("./fullscreenilcy7g6R.js")),
+      line: V(() => import("./lineBIoJpzbf.js")),
+      setting: V(() => import("./settingDWDMPbdO.js")),
+      rotate: V(() => import("./rotateCEBfde_V.js")),
+      dot: V(() => import("./dotCZFwvsGJ.js")),
+      annotate: V(() => import("./annotateB3lFxMEo.js")),
+      process: V(() => import("./processnL7rVPu0.js")),
+      microscope: V(() => import("./microscopeCLmgCovH.js")),
+      move: V(() => import("./moveBGpoQ1-D.js")),
+      custom: V(() => import("./customBqUoJeja.js")),
+      zoom: V(() => import("./zoomqK-uW5RK.js")),
+      download: V(() => import("./downloadGVNhdAbp.js"))
+    }, l = B(() => g.value.filter((r) => r.show !== !1).map((r) => ({
+      component: h[r.name],
+      props: r.props,
+      slots: r.slots
+    })));
+    ne(() => n.menu, (r) => {
+      g.value = a(r);
+    });
+    function a(r) {
+      return r.map((s) => {
+        const m = typeof s == "string" ? s : s.name;
+        return d[m] ? {
+          name: "custom",
+          show: typeof s == "string" ? !0 : s.show !== !1,
+          props: me(j({
+            text: d[m]
+          }, typeof s == "string" ? {} : s.props), {
+            name: m,
+            component: ll(X, {
+              name: m
+            })
+          })
+        } : m === "process" ? {
+          name: m,
+          props: typeof s == "string" ? {
+            process: n.process
+          } : j({
+            process: n.process
+          }, s.props),
+          slots: typeof s == "string" ? void 0 : s.slots,
+          show: typeof s == "string" ? !0 : s.show !== !1
+        } : m === "microscope" ? {
+          name: m,
+          props: typeof s == "string" ? {
+            process: n.process
+          } : j({
+            microscope: n.microscope
+          }, s.props),
+          slots: typeof s == "string" ? void 0 : s.slots,
+          show: typeof s == "string" ? !0 : s.show !== !1
+        } : {
+          name: m,
+          props: typeof s == "string" ? {} : s.props,
+          slots: typeof s == "string" ? void 0 : s.slots,
+          show: typeof s == "string" ? !0 : s.show !== !1
+        };
+      });
+    }
+    function p(r, s) {
+      const m = {
+        annotate: () => c.value.startDraw(s),
+        tailor: () => c.value.shotScreen(s),
+        process: () => c.value.forceRedraw(s),
+        microscope: () => c.value.scopeChange(s),
+        move: () => c.value.fastMove(s),
+        endDraw: () => c.value.endDraw(),
+        info: () => c.value.info(),
+        zoom: () => c.value.zoomTo(s),
+        flip: () => c.value.toggleFlip(s),
+        config: () => i.value = !0,
+        grid: () => c.value.updateGrid(s),
+        ruler: () => c.value.updateGrid(s),
+        graduation: () => c.value.updateGraduation(s),
+        navigator: () => c.value.updateNavigator(s),
+        tool: () => {
+          c.value.updateGrid({
+            show: s
+          }), c.value.updateGraduation({
+            show: s
+          }), c.value.updateGrid({
+            ruler: s
+          }), c.value.updateNavigator(s);
+        }
+      };
+      m[r] ? m[r]() : t("tool", r, s);
+    }
+    return ue("show-text", f), (r, s) => (_(), L("div", Cl, [
+      de(r.$slots, "left"),
+      b("div", Tl, [
+        (_(!0), L(le, null, oe(l.value, (m, w) => (_(), P(xe(m.component), Ke({ ref_for: !0 }, m.props, {
+          key: w,
+          onTool: p
+        }), {
+          default: x(() => [
+            m.slots ? (_(!0), L(le, { key: 0 }, oe(m.slots, (k) => (_(), P(xe(k)))), 256)) : A("", !0)
+          ]),
+          _: 2
+        }, 1040))), 128))
+      ]),
+      de(r.$slots, "right"),
+      T(o(je), {
+        modelValue: i.value,
+        "onUpdate:modelValue": s[2] || (s[2] = (m) => i.value = m),
+        width: "800px",
+        title: o(y)("阅片工具设置中心")
+      }, {
+        default: x(() => [
+          T(zl, {
+            menus: g.value,
+            "onUpdate:menus": s[0] || (s[0] = (m) => g.value = m),
+            showText: f.value,
+            "onUpdate:showText": s[1] || (s[1] = (m) => f.value = m)
+          }, 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 $l(u) {
+  const e = ot(j(j({}, $t), u.process));
+  ne(() => u.process, (d) => {
+    y(d);
+  });
+  const n = B(() => {
+    const d = [
+      1 + e.r + e.l + 0.5 * e.c,
+      0,
+      0,
+      0,
+      -0.25 * e.c
+    ], c = [
+      0,
+      1 + e.g + e.l + 0.5 * e.c,
+      0,
+      0,
+      -0.25 * e.c
+    ], i = [
+      0,
+      0,
+      1 + e.b + e.l + 0.5 * e.c,
+      0,
+      -0.25 * e.c
+    ], f = [0, 0, 0, 1, 0];
+    return `${d.join(" ")}
+${c.join(" ")}
+${i.join(" ")}
+${f.join(" ")}`;
+  }), t = B(() => String(1 + e.s));
+  function y(d) {
+    d && Object.assign(e, d);
+  }
+  return {
+    imageProcess: e,
+    matrixValues: n,
+    saturateValues: t,
+    forceRedraw: y
+  };
+}
+function Ll(u, e) {
+  function n() {
+    e.value.$on(ce.events.EVENT_TAILORING_SCREENSHOT, t);
+  }
+  function t({ base64: c, region: i }) {
+    if (window.ClipboardItem && (navigator != null && navigator.clipboard)) {
+      const f = y(c, "image/png");
+      navigator.clipboard.write([
+        new window.ClipboardItem({
+          [f.type]: f
+        })
+      ]);
+    }
+    u("tool", "screen-shot", { base64: c, region: i });
+  }
+  function y(c, i) {
+    var a, p;
+    const f = c.split(",");
+    (p = (a = f[0]) == null ? void 0 : a.match(/:(.*?);/)) == null || p[1];
+    const g = atob(f == null ? void 0 : f[1]);
+    let h = g.length;
+    const l = new Uint8Array(h);
+    for (; h--; )
+      l[h] = g.charCodeAt(h);
+    return new Blob([l], { type: i });
+  }
+  function d(c) {
+    const { width: i, height: f } = e.value.$options;
+    c ? i > f ? e.value.tailoring.init(
+      {
+        left: (i - f) / 2,
+        top: 0,
+        height: f,
+        width: f,
+        now: !0
+      }
+    ) : e.value.tailoring.init(
+      {
+        left: 0,
+        top: (f - i) / 2,
+        height: i,
+        width: i,
+        now: !0
+      }
+    ) : e.value.tailoring.init(
+      {
+        left: i / 2 - 100,
+        top: f / 2 - 100,
+        height: 200,
+        width: 200,
+        color: "#ff0000"
+      }
+    );
+  }
+  return {
+    tailorEvent: n,
+    shotScreen: d
+  };
+}
+const xl = ["onClick"], El = ["src"], Vl = {
+  key: 2,
+  style: { width: "18px" },
+  class: "margin-r-3"
+}, Ml = {
+  key: 1,
+  class: "hzzt-kfb-sub-menu"
+}, Il = ["onClick"], Sl = { class: "flex align-items-center" }, Hl = ["src"], Pl = {
+  key: 2,
+  style: { width: "18px" },
+  class: "margin-r-2"
+}, Rl = /* @__PURE__ */ ee({
+  __name: "KfbMenu",
+  props: {
+    menus: {}
+  },
+  emits: ["tool"],
+  setup(u, { emit: e }) {
+    const n = $({
+      top: "0",
+      left: "0",
+      display: "none"
+    }), t = J("kfbView", $({})), y = J("currentLabel"), d = u, c = e, { t: i } = ie(), f = [
+      {
+        label: i("直线"),
+        value: "line",
+        icon: O.value.markLine
+      },
+      {
+        label: i("箭头"),
+        value: "arrow",
+        icon: O.value.markArrow
+      },
+      {
+        label: i("双箭头"),
+        value: "bilateral",
+        icon: O.value.markBilateral
+      },
+      {
+        label: i("矩形"),
+        value: "rectangle",
+        icon: O.value.markRectangle
+      },
+      {
+        label: i("圆形"),
+        value: "ellipse",
+        icon: O.value.markEllipse
+      },
+      {
+        label: i("曲线"),
+        value: "polygon",
+        icon: O.value.markPolygon
+      },
+      {
+        label: i("星星"),
+        value: "star",
+        icon: O.value.markStar
+      },
+      {
+        label: i("旗帜"),
+        value: "flag",
+        icon: O.value.markFlag
+      },
+      {
+        label: i("点"),
+        value: "dot",
+        icon: O.value.markDot
+      },
+      {
+        label: i("文字"),
+        value: "font",
+        icon: O.value.markFont
+      },
+      {
+        label: i("语音"),
+        value: "voice",
+        icon: O.value.markVoice
+      }
+    ], g = B(() => {
+      var r;
+      return y != null && y.value ? [{
+        label: i("删除"),
+        value: "delete",
+        icon: O.value.delete
+      }] : (r = d.menus) != null && r.length ? d.menus.map((s) => s.value === "annotate" ? me(j({}, s), {
+        children: f
+      }) : me(j({}, s), {
+        icon: s.icon || O.value[s.value]
+      })) : [
+        {
+          label: i("上一张"),
+          value: "prev"
+        },
+        {
+          label: i("下一张"),
+          value: "next"
+        },
+        {
+          label: i("标注"),
+          value: "annotate",
+          icon: O.value.annotate,
+          children: f
+        },
+        {
+          label: i("一键截图"),
+          value: "tailor_now",
+          icon: O.value.tailor
+        },
+        {
+          label: i("区域截图"),
+          value: "tailor"
+        },
+        {
+          label: i("镜像翻转"),
+          value: "flip",
+          icon: O.value.flip
+        },
+        {
+          label: i("切片信息"),
+          value: "info",
+          icon: O.value.info
+        }
+      ];
+    });
+    ne(() => t.value, (r, s) => {
+      s != null && s.viewer && (s.viewer.removeHandler("canvas-contextmenu", h), s.viewer.removeHandler("canvas-click", l)), r != null && r.viewer && (r.viewer.addHandler("canvas-contextmenu", h), r.viewer.addHandler("canvas-click", l));
+    }), pe(() => {
+      var r;
+      (r = t.value) != null && r.viewer && (t.value.viewer.addHandler("canvas-contextmenu", h), t.value.viewer.addHandler("canvas-click", l)), document.body.addEventListener("click", l);
+    }), Ie(() => {
+      var r;
+      (r = t.value) != null && r.viewer && (t.value.viewer.removeHandler("canvas-contextmenu", h), t.value.viewer.removeHandler("canvas-click", l)), document.body.removeEventListener("click", l);
+    });
+    function h(r) {
+      r.preventDefault = !0, n.value.top = `${r.position.y}px`, n.value.left = `${r.position.x}px`, n.value.display === "block" ? n.value.display = "none" : n.value.display = "block";
+    }
+    function l() {
+      n.value.display = "none";
+    }
+    function a(r, s) {
+      r.children || ((s == null ? void 0 : s.value) === "annotate" ? c("tool", "annotate", {
+        tool: r.value.substring(0, 1).toLocaleUpperCase() + r.value.substring(1),
+        once: !0
+      }) : r.value === "tailor_now" ? c("tool", "tailor", !0) : c("tool", r.value), l());
+    }
+    function p(r) {
+      return r == null || typeof r != "object" && typeof r != "function" ? !1 : (
+        // 函数式组件
+        typeof r == "function" || // 对象式组件
+        "render" in r || "setup" in r
+      );
+    }
+    return (r, s) => (_(), L("div", {
+      class: "hzzt-kfb-menu",
+      style: Z(n.value)
+    }, [
+      (_(!0), L(le, null, oe(g.value, (m, w) => (_(), L("div", {
+        key: w,
+        class: "hzzt-kfb-menu-item"
+      }, [
+        b("div", {
+          class: "flex align-items-center",
+          onClick: (k) => a(m)
+        }, [
+          p(m.icon) ? (_(), P(o(_e), {
+            key: 0,
+            class: "margin-r-3",
+            size: 18
+          }, {
+            default: x(() => [
+              (_(), P(xe(m.icon)))
+            ]),
+            _: 2
+          }, 1024)) : m.icon ? (_(), L("img", {
+            key: 1,
+            style: { width: "18px" },
+            class: "margin-r-2",
+            src: m.icon
+          }, null, 8, El)) : (_(), L("div", Vl)),
+          b("span", null, E(m.label), 1)
+        ], 8, xl),
+        m.children ? (_(), P(X, {
+          key: 0,
+          name: "arrowRight",
+          class: "margin-r-2",
+          size: 14
+        })) : A("", !0),
+        m.children ? (_(), L("div", Ml, [
+          (_(!0), L(le, null, oe(m.children, (k, v) => (_(), L("div", {
+            key: v,
+            class: "hzzt-kfb-menu-item",
+            onClick: (M) => a(k, m)
+          }, [
+            b("div", Sl, [
+              p(k.icon) ? (_(), P(o(_e), {
+                key: 0,
+                class: "margin-r-2",
+                size: 18
+              }, {
+                default: x(() => [
+                  (_(), P(xe(k.icon)))
+                ]),
+                _: 2
+              }, 1024)) : k.icon ? (_(), L("img", {
+                key: 1,
+                style: { width: "18px" },
+                class: "margin-r-2",
+                src: k.icon
+              }, null, 8, Hl)) : (_(), L("div", Pl)),
+              b("span", null, E(k.label), 1)
+            ])
+          ], 8, Il))), 128))
+        ])) : A("", !0)
+      ]))), 128))
+    ], 4));
+  }
+}), he = (u, e) => {
+  const n = u.__vccOpts || u;
+  for (const [t, y] of e)
+    n[t] = y;
+  return n;
+}, Al = /* @__PURE__ */ he(Rl, [["__scopeId", "data-v-414722d0"]]), Nl = {
+  key: 0,
+  class: "hzzt-kfb-microscope"
+}, Bl = /* @__PURE__ */ ee({
+  __name: "KfbMicroscope",
+  props: /* @__PURE__ */ ol({
+    shape: {},
+    width: {},
+    color: {},
+    borderWidth: {}
+  }, j({}, lt)),
+  setup(u, { expose: e }) {
+    const n = u, t = ot(j(j({}, lt), n));
+    ne(() => n, (l) => {
+      h({ name: "change", value: l });
+    });
+    const y = $("200px"), d = $(!1), c = B(() => ({
+      borderRadius: t.shape,
+      borderColor: t.color,
+      borderWidth: t.borderWidth + "px",
+      width: y.value,
+      height: y.value
+    })), i = J("kfbView", $({}));
+    ne(() => i.value, (l, a) => {
+      a != null && a.viewer && a.viewer.removeHandler("zoom", f), l != null && l.viewer && l.viewer.addHandler("zoom", f);
+    }), pe(() => {
+      var l;
+      (l = i.value) != null && l.viewer && i.value.viewer.addHandler("zoom", f);
+    }), Ie(() => {
+      var l;
+      (l = i.value) != null && l.viewer && i.value.viewer.removeHandler("zoom", f);
+    });
+    function f() {
+      setTimeout(() => {
+        h({ name: "change", value: t });
+      }, 100);
+    }
+    function g(l) {
+      let { x: a, y: p } = i.value.viewer.viewport.getCenter(!0);
+      l === "top" ? p -= 6e-3 : l === "bottom" ? p += 6e-3 : l === "left" ? a -= 6e-3 : l === "right" && (a += 6e-3), i.value.area.moveToLabel({ x: a, y: p });
+    }
+    function h({ name: l, value: a }) {
+      var r, s;
+      const p = (s = (r = i.value.$options) == null ? void 0 : r.pxConversion) == null ? void 0 : s.imageCapRes;
+      if (l === "visible") {
+        if (d.value = a, a) {
+          const m = i.value.area.imageToViewerElementRectangle(
+            {
+              x: 0,
+              y: 0,
+              width: t.width * 1e3 / p,
+              height: t.width * 1e3 / p
+            }
+          );
+          y.value = m.width + "px";
+        }
+      } else if (l === "change") {
+        Object.assign(t, a);
+        const m = i.value.area.imageToViewerElementRectangle(
+          {
+            x: 0,
+            y: 0,
+            width: t.width * 1e3 / p,
+            height: t.width * 1e3 / p
+          }
+        );
+        y.value = m.width + "px";
+      }
+    }
+    return e({
+      scopeChange: h
+    }), (l, a) => d.value ? (_(), L("div", Nl, [
+      b("div", {
+        class: "hzzt-kfb-microscope__container",
+        style: Z(c.value)
+      }, null, 4),
+      b("div", {
+        class: "hzzt-kfb-microscope__top",
+        onClick: a[0] || (a[0] = (p) => g("top"))
+      }, [
+        T(X, {
+          size: "24",
+          name: "arrowUp"
+        })
+      ]),
+      b("div", {
+        class: "hzzt-kfb-microscope__bottom",
+        onClick: a[1] || (a[1] = (p) => g("bottom"))
+      }, [
+        T(X, {
+          size: "24",
+          name: "arrowDown"
+        })
+      ]),
+      b("div", {
+        class: "hzzt-kfb-microscope__left",
+        onClick: a[2] || (a[2] = (p) => g("left"))
+      }, [
+        T(X, {
+          size: "24",
+          name: "arrowLeft"
+        })
+      ]),
+      b("div", {
+        class: "hzzt-kfb-microscope__right",
+        onClick: a[3] || (a[3] = (p) => g("right"))
+      }, [
+        T(X, {
+          size: "24",
+          name: "arrowRight"
+        })
+      ])
+    ])) : A("", !0);
+  }
+}), Dl = /* @__PURE__ */ he(Bl, [["__scopeId", "data-v-e8b36101"]]), Ul = { class: "hzzt-kfb-label flex column" }, Fl = { class: "hzzt-kfb-label__img flex justify-content-center" }, Kl = ["src"], jl = { class: "ellipsis flex-1" }, Ol = {
+  class: "flex margin-b-4",
+  style: { width: "100%" }
+}, Gl = {
+  class: "flex margin overflow-hidden",
+  style: { height: "132px" }
+}, Wl = ["src"], Zl = ["src"], ql = /* @__PURE__ */ ee({
+  __name: "KfbLabel",
+  props: {
+    info: {},
+    slide: {},
+    pathologyHandle: { type: Function }
+  },
+  emits: ["tool"],
+  setup(u, { emit: e }) {
+    const { t: n } = ie(), t = u, y = e, d = $(!0), c = $(!1), i = B(() => t.slide.pathology_id ? n("修改病理号") : n("绑定病理号"));
+    function f() {
+      t.slide.angle || (t.slide.angle = 0), t.slide.angle += 90, t.slide.angle > 360 && (t.slide.angle = t.slide.angle % 360), y("tool", "rotate", t.slide.angle);
+    }
+    function g() {
+      c.value = !0;
+    }
+    function h() {
+      t.pathologyHandle && t.pathologyHandle(t.slide).then(() => {
+        c.value = !1;
+      });
+    }
+    return (l, a) => (_(), L("div", Ul, [
+      $e(b("div", { class: "hzzt-kfb-label__title" }, E(o(n)(`点击标签旋转${l.pathologyHandle ? "，点击病理号重绑" : ""}`)), 513), [
+        [Pe, d.value]
+      ]),
+      $e(b("div", Fl, [
+        b("img", {
+          src: l.info.labelImg,
+          style: Z({ transform: `rotate(${l.slide.angle}deg)` }),
+          onClick: f
+        }, null, 12, Kl)
+      ], 512), [
+        [Pe, d.value]
+      ]),
+      l.pathologyHandle ? $e((_(), L("div", {
+        key: 0,
+        class: "hzzt-kfb-label__pathology flex align-items-center justify-content-between",
+        onClick: g
+      }, [
+        b("span", jl, E(l.slide.pathology_number), 1),
+        T(X, {
+          size: "14",
+          name: "annotate"
+        })
+      ], 512)), [
+        [Pe, d.value]
+      ]) : A("", !0),
+      b("span", {
+        onClick: a[0] || (a[0] = (p) => d.value = !d.value),
+        style: Z({
+          transform: `translateY(${d.value ? "-50%" : 0})`
+        }),
+        class: "hzzt-kfb-label__expend flex align-items-center justify-content-center"
+      }, [
+        d.value ? (_(), P(X, {
+          key: 0,
+          size: "10",
+          name: "arrowLeft"
+        })) : (_(), P(X, {
+          key: 1,
+          size: "10",
+          name: "arrowRight"
+        }))
+      ], 4),
+      T(o(je), {
+        modelValue: c.value,
+        "onUpdate:modelValue": a[5] || (a[5] = (p) => c.value = p),
+        "append-to-body": !0,
+        title: i.value,
+        width: "450px"
+      }, {
+        footer: x(() => [
+          T(o(ge), {
+            onClick: a[4] || (a[4] = (p) => c.value = !1)
+          }, {
+            default: x(() => [
+              G(E(o(n)("取消")), 1)
+            ]),
+            _: 1
+          }),
+          T(o(ge), {
+            type: "primary",
+            onClick: h
+          }, {
+            default: x(() => [
+              G(E(o(n)("确认")), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        default: x(() => [
+          b("div", Ol, [
+            b("div", Gl, [
+              b("img", {
+                src: l.slide.labelImg
+              }, null, 8, Wl),
+              b("img", {
+                src: l.slide.previewImg
+              }, null, 8, Zl)
+            ])
+          ]),
+          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] = (p) => l.slide.pathology_number = p),
+                    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] = (p) => l.slide.paraffin_block_number = p),
+                    placeholder: o(n)("输入蜡块号"),
+                    clearable: ""
+                  }, null, 8, ["modelValue", "placeholder"])
+                ]),
+                _: 1
+              }, 8, ["label"]),
+              l.slide.slide_id ? A("", !0) : (_(), P(o(se), {
+                key: 0,
+                label: o(n)("试剂")
+              }, {
+                default: x(() => [
+                  T(o(et), {
+                    modelValue: l.slide.reagent,
+                    "onUpdate:modelValue": a[3] || (a[3] = (p) => l.slide.reagent = p),
+                    placeholder: o(n)("输入试剂"),
+                    clearable: ""
+                  }, null, 8, ["modelValue", "placeholder"])
+                ]),
+                _: 1
+              }, 8, ["label"]))
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["modelValue", "title"])
+    ]));
+  }
+}), Yl = /* @__PURE__ */ he(ql, [["__scopeId", "data-v-7397de48"]]);
+function Xl(u, e) {
+  const n = $(1), t = $(null), y = $(null);
+  function d() {
+    u.value.viewer.addHandler("canvas-drag", (i) => {
+      t.value || (t.value = i.position);
+    }), u.value.viewer.addHandler("canvas-drag-end", (i) => {
+      if (n.value !== 1) {
+        y.value = i.position;
+        const f = u.value.viewer.viewport.containerSize.x, g = u.value.viewer.viewport.containerSize.y, h = (y.value.x - t.value.x) / (f * e.value) * (n.value - 1), l = (y.value.y - t.value.y) / (g * e.value) * (n.value - 1), a = u.value.viewer.viewport.getCenter(), p = new Te.Point(a.x - h, a.y - l);
+        u.value.viewer.viewport.panTo(p), t.value = null;
+      }
+    });
+  }
+  function c({ name: i, value: f }) {
+    i === "ratio" && (n.value = f / 1);
+  }
+  return {
+    moveEvent: d,
+    fastMove: c
+  };
+}
+function Ql(u, e, n, t, y) {
+  const d = $(void 0), c = $([]);
+  ne(() => u.aiLabelList, h);
+  function i() {
+    n.value.$on(ce.events.EVENT_END_PAINTING, f("add")), n.value.$on(ce.events.EVENT_AREA_MOVE_END, f("move")), n.value.$on(ce.events.EVENT_ADD_POLYGON_POINT, f("add-point")), n.value.$on(ce.events.EVENT_DELETE_POLYGON_POINT, f("delete-point")), n.value.$on(ce.events.EVENT_DELETE_LABEL, f("delete")), n.value.$on(ce.events.EVENT_SELECT_LABEL, (r) => {
+      d.value = r, p(), e("tool", "select-label", d.value);
+    }), n.value.$on(ce.events.EVENT_CANCEL_SELECT_LABEL, () => {
+      d.value = void 0, e("tool", "cancel-select-label", d.value);
+    }), f("list")();
+  }
+  function f(r) {
+    return (s) => g(r, s);
+  }
+  function g(r, s) {
+    var m;
+    if (r === "add" && s && ((s == null ? void 0 : s.subType) || ((m = s == null ? void 0 : s.__data__) == null ? void 0 : m.subType)) === "voice")
+      t(s);
+    else
+      return u.labelHandle(r, u.slide, s).then((w) => {
+        c.value = w, h();
+      }).catch(() => {
+        h();
+      });
+  }
+  function h() {
+    var r;
+    if ((r = n.value) != null && r.initLabelList) {
+      const s = [...c.value, ...u.aiLabelList || []];
+      s.find(({ id: m }) => {
+        var w;
+        return m === ((w = d.value) == null ? void 0 : w.id);
+      }) || (d.value = void 0), n.value.initLabelList(s);
+    }
+  }
+  function l(r, s) {
+    var w, k;
+    d.value && (d.value.select = !1, d.value = void 0);
+    const m = (n.value.labelList || []).findIndex((v) => v.id === r.id);
+    if (m > -1) {
+      d.value = (w = n.value.labelList) == null ? void 0 : w[m], d.value.select = !0;
+      const v = n.value.area.getCenterPoint(r.region);
+      n.value.area.moveToLabel(v), (k = n.value.viewer) != null && k.canvas && n.value.viewer.canvas.focus(), p();
+    }
+    s && y(s);
+  }
+  function a(r) {
+    return u.labelHandle("add", u.slide, r).then((s) => {
+      c.value = s, h();
+    }).catch(() => {
+      h();
+    });
+  }
+  function p() {
+    var s, m, w, k;
+    (((s = d.value) == null ? void 0 : s.subType) || ((w = (m = d.value) == null ? void 0 : m.__data__) == null ? void 0 : w.subType)) === "voice" && ((k = d.value) != null && k.src) && new Audio(d.value.src).play();
+  }
+  return {
+    currentLabel: d,
+    localLabelList: c,
+    initLabel: i,
+    jumpToLabel: l,
+    reloadLabelList: h,
+    eventHandel: f,
+    addHandle: a
+  };
+}
+function Jl() {
+  function u(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: u
+  };
+}
+function eo(u, e) {
+  const { t: n } = ie(), t = $(!1), y = $();
+  let d = null;
+  const c = $(!1), i = $(0);
+  let f = 0;
+  const g = $([]), h = $(void 0);
+  let l = !1;
+  function a(v, M) {
+    v.save(), v.strokeStyle = "rgba(0,0,0,0)", v.miterLimit = 4, v.font = "15px ''", v.fillStyle = M, v.font = "   15px ''", v.scale(0.03125, 0.03125), v.save(), v.font = "   15px ''", v.beginPath(), v.moveTo(515.041727, 670.617766), v.bezierCurveTo(606.625894, 670.617766, 681.137374, 596.113511, 681.137374, 504.52212), v.lineTo(681.137374, 229.350568), v.bezierCurveTo(681.137374, 137.76640100000003, 606.625894, 63.254920999999996, 515.041727, 63.254920999999996), v.bezierCurveTo(423.44311000000005, 63.254920999999996, 348.93885500000005, 137.766401, 348.93885600000004, 229.350568), v.lineTo(348.93885600000004, 504.52212), v.bezierCurveTo(348.93885600000004, 596.113512, 423.44311100000004, 670.617767, 515.041727, 670.617766), v.closePath(), v.fill(), v.stroke(), v.restore(), v.save(), v.font = "   15px ''", v.beginPath(), v.moveTo(801.643237, 874.001665), v.lineTo(558.391759, 874.001665), v.lineTo(558.391759, 828.578057), v.bezierCurveTo(719.899527, 807.264291, 844.993269, 668.7898399999999, 844.993269, 501.55986699999994), v.translate(801.643237, 501.55986699999994), v.rotate(0), v.arc(0, 0, 43.350032, 0, 3.141592653589793, !0), v.rotate(0), v.translate(-801.643237, -501.55986699999994), v.bezierCurveTo(758.2932050000001, 635.684865, 649.166725, 744.811345, 515.0345020000001, 744.811346), v.bezierCurveTo(380.9095040000001, 744.811346, 271.79024900000013, 635.6848659999999, 271.79024900000013, 501.55986699999994), v.translate(228.44021750000013, 501.5664510740879), v.rotate(0), v.arc(0, 0, 43.350032, -15188164315591997e-20, -3.1414407719461273, !0), v.rotate(0), v.translate(-228.44021750000013, -501.5664510740879), v.bezierCurveTo(185.09018600000013, 668.7898389999999, 310.1911530000001, 807.271516, 471.69169500000015, 828.578057), v.lineTo(471.69169500000015, 874.001665), v.lineTo(228.440217, 874.001665), v.translate(228.440217, 917.3516970000001), v.rotate(0), v.arc(0, 0, 43.350032, -1.5707963267948966, 1.5707963267948966, !0), v.rotate(0), v.translate(-228.440217, -917.3516970000001), v.lineTo(801.643237, 960.701729), v.translate(801.643237, 917.3516970000001), v.rotate(0), v.arc(0, 0, 43.350032, 1.5707963267948966, 4.71238898038469, !0), v.rotate(0), v.translate(-801.643237, -917.3516970000001), v.closePath(), v.fill(), v.stroke(), v.restore(), v.restore();
+  }
+  function p() {
+    return Ce(this, null, function* () {
+      try {
+        y.value = yield navigator.mediaDevices.getUserMedia({ audio: !0 }), d = new MediaRecorder(y.value), g.value = [], d.addEventListener("dataavailable", (v) => {
+          g.value.push(v.data);
+        }), d.addEventListener("stop", () => Ce(this, null, function* () {
+          if (h.value) {
+            const v = new Blob(g.value, { type: u.audioType || "audio/wav" });
+            h.value.src = URL.createObjectURL(v);
+          }
+          c.value = !1, l && (yield k());
+        })), d.start(), c.value = !0, f = window.setInterval(() => {
+          i.value++;
+        }, 1e3);
+      } catch (v) {
+        kt.error(n("麦克风启用失败，请确认是否开启麦克风权限"));
+      }
+    });
+  }
+  function r() {
+    y.value && d ? (d.stop(), y.value.getTracks().forEach((v) => v.stop()), d = null, y.value = void 0) : (d = null, y.value = void 0), c.value = !1, f && (clearInterval(f), f = 0), i.value = 0;
+  }
+  function s(v) {
+    t.value = !0, h.value = v, g.value = [], l = !1;
+  }
+  function m() {
+    c.value && r(), t.value = !1, c.value = !1, l = !1;
+  }
+  function w() {
+    return Ce(this, null, function* () {
+      if (!c.value && !g.value.length) {
+        kt.error(n("请先录音"));
+        return;
+      }
+      c.value && r(), c.value = !1, l = !0, g.value.length && (yield k()), t.value = !1;
+    });
+  }
+  function k() {
+    return Ce(this, null, function* () {
+      if (u.uploadHandle && h.value) {
+        const v = Ct.service({
+          text: n("录音上传中")
+        }), M = new Blob(g.value, { type: u.audioType || "audio/wav" });
+        g.value = [];
+        try {
+          yield u.uploadHandle(u.slide, h.value, M).then((R) => {
+            h.value.src = R;
+          }), v.close(), e(h.value);
+        } catch (R) {
+          v.close();
+        }
+      }
+    });
+  }
+  return {
+    voiceVisible: t,
+    voiceForm: h,
+    recordTime: i,
+    isRecording: c,
+    drawVoice: a,
+    startRecording: p,
+    stopRecording: r,
+    initVoice: s,
+    cancelRecord: m,
+    confirmRecord: w
+  };
+}
+function to(u, e) {
+  const n = $([]), t = $(0), y = $(!1);
+  let d = null;
+  ne(() => {
+    var a;
+    return (a = u.hotmap) == null ? void 0 : a.enable;
+  }, () => {
+    var a, p;
+    if ((p = (a = e.value) == null ? void 0 : a.viewer) != null && p.world) {
+      t.value = 0;
+      const r = e.value.viewer.world.getItemAt(0);
+      r && (r.tilesMatrix = {}, r.draw());
+    }
+  }), pe(() => {
+    window.addEventListener("mousemove", f), window.addEventListener("mouseup", h);
+  }), Ie(() => {
+    window.removeEventListener("mousemove", f), window.removeEventListener("mouseup", h);
+  });
+  function c(a, p, r) {
+    var m, w, k, v, M, R;
+    const s = me(j({}, p), {
+      file: (m = u.hotmap) == null ? void 0 : m.file
+    });
+    if ((w = u.hotmap) != null && w.info) {
+      if (r[p.x + "_" + p.y + "_" + Number(p.scale)]) {
+        if (((k = u.hotmap) == null ? void 0 : k.type) === "switch")
+          return u.tileHandle(s);
+        if (((v = u.hotmap) == null ? void 0 : v.type) === "drag")
+          return i(a, s), a;
+      }
+    } else return ((M = u.hotmap) == null ? void 0 : M.type) === "switch" ? u.tileHandle(s) : (((R = u.hotmap) == null ? void 0 : R.type) === "drag" && i(a, s), a);
+  }
+  function i(a, p) {
+    const r = n.value.find((s) => s.url === a) || {
+      url: a,
+      x: p.x,
+      y: p.y,
+      img: void 0,
+      load: ""
+    };
+    if (!(r != null && r.img) && (n.value.push(r), r.load !== "success")) {
+      const s = new Image();
+      s.src = u.tileHandle(p), s.onload = () => {
+        r.load = "success";
+      }, r.img = s;
+    }
+  }
+  function f(a) {
+    y.value && d && (t.value += a.x - d.x, t.value < 0 ? t.value = 0 : t.value > e.value.$options.width && (t.value = e.value.$options.width, y.value = !1), e.value.viewer.forceRedraw()), d = { x: a.x, y: a.y };
+  }
+  function g(a) {
+    const { x: p, y: r } = a;
+    y.value = !0, d = { x: p, y: r };
+  }
+  function h() {
+    y.value = !1, d = null;
+  }
+  function l(a) {
+    const {
+      context: p,
+      sourceWidth: r,
+      sourceHeight: s,
+      position: m,
+      size: w,
+      initRendered: k,
+      tile: v,
+      pixelDensityRatio: M
+    } = a, R = v.getUrl(), S = t.value * M, Q = m.original.x;
+    if (Q < S && Q + w.x > S) {
+      const W = S - Q, ve = w.x - W, te = n.value.find((Se) => Se.url === R), be = (te == null ? void 0 : te.load) === "success" ? te.img : k.canvas;
+      p.drawImage(
+        be,
+        0,
+        0,
+        r * W / w.x,
+        s,
+        m.x,
+        m.y,
+        W,
+        w.y
+      ), p.drawImage(
+        k.canvas,
+        r * W / w.x,
+        0,
+        r * ve / w.x,
+        s,
+        m.x + W,
+        m.y,
+        ve,
+        w.y
+      );
+    } else if (Q + w.x <= S) {
+      const W = n.value.find((te) => te.url === R), ve = (W == null ? void 0 : W.load) === "success" ? W.img : k.canvas;
+      p.drawImage(
+        ve,
+        0,
+        0,
+        r,
+        s,
+        m.x,
+        m.y,
+        w.x,
+        w.y
+      );
+    } else Q >= S && p.drawImage(
+      k.canvas,
+      0,
+      0,
+      r,
+      s,
+      m.x,
+      m.y,
+      w.x,
+      w.y
+    );
+  }
+  return {
+    getHotmapUrl: c,
+    hotmapImgs: n,
+    handlerImage: l,
+    hotmapLine: t,
+    lineMouseDown: g
+  };
+}
+function lo(u, e, n) {
+  const t = nl(), y = $(!1), d = new BroadcastChannel("sync_kfb_view");
+  d.onmessage = (l) => {
+    const a = l.data;
+    g(a);
+  }, pe(() => {
+    var l, a, p;
+    (l = n.value) == null || l.addEventListener("mouseenter", c), (a = n.value) == null || a.addEventListener("mousemove", c), (p = n.value) == null || p.addEventListener("mouseleave", i);
+  }), Ie(() => {
+    var l, a, p;
+    (l = n.value) == null || l.removeEventListener("mouseenter", c), (a = n.value) == null || a.removeEventListener("mousemove", c), (p = n.value) == null || p.removeEventListener("mouseleave", i), d.close();
+  });
+  function c() {
+    y.value = !0;
+  }
+  function i() {
+    y.value = !1;
+  }
+  function f() {
+    let l;
+    e.value.viewer.addHandler("pan", (a) => {
+      var s, m, w, k;
+      if (!l) {
+        l = (m = (s = a.center) == null ? void 0 : s.clone) == null ? void 0 : m.call(s);
+        return;
+      }
+      const p = a.center, r = (w = p == null ? void 0 : p.minus) == null ? void 0 : w.call(p, l);
+      l = (k = p == null ? void 0 : p.clone) == null ? void 0 : k.call(p), u.syncPosition && h({
+        position: r,
+        type: "sync_position"
+      });
+    }), e.value.viewer.addHandler("zoom", (a) => {
+      u.syncZoom && h({
+        zoom: a.zoom,
+        type: "sync_zoom"
+      });
+    }), e.value.viewer.addHandler("animation-finish", () => {
+      var r;
+      if (u.syncZoom && h({
+        zoom: e.value.viewer.viewport.getZoom(!0),
+        type: "sync_zoom"
+      }), !l)
+        return;
+      const a = e.value.viewer.viewport.getCenter(!0), p = (r = a == null ? void 0 : a.minus) == null ? void 0 : r.call(a, l);
+      l = void 0, u.syncPosition && h({
+        position: p,
+        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;
+    y.value && d.postMessage(me(j({}, l), {
+      uuid: t == null ? void 0 : t.uid,
+      fileName: (a = u.slide) == null ? void 0 : a.file
+    }));
+  }
+  return {
+    initSync: f
+  };
+}
+const oo = { class: "hzzt-kfb-keyword flex wrap" }, no = ["onMouseenter"], ao = /* @__PURE__ */ ee({
+  __name: "KfbKeyword",
+  setup(u) {
+    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 y(c, i) {
+      c.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 d() {
+      t && (clearInterval(t), t = null);
+    }
+    return Ie(() => {
+      clearTimeout(t);
+    }), (c, i) => (_(), L("div", oo, [
+      (_(!0), L(le, null, oe(e.value, (f) => (_(), L("div", {
+        key: f.code,
+        class: "hzzt-kfb-keyword__code flex column align-items-center justify-content-center",
+        onMouseenter: (g) => y(g, f.code),
+        onMouseleave: d
+      }, [
+        b("p", null, E(f.code), 1),
+        T(X, {
+          size: "14",
+          name: f.icon
+        }, null, 8, ["name"])
+      ], 40, no))), 128))
+    ]));
+  }
+}), so = /* @__PURE__ */ he(ao, [["__scopeId", "data-v-c8d940f0"]]);
+function io(u, e, n = {}) {
+  const {
+    panSensitivity: t = 0.2,
+    // 值越大，鼠标移动时图像移动越快
+    zoomSensitivity: y = 1.1,
+    // 值越大，滚轮缩放幅度越大
+    damping: d = 0.6,
+    // 值越大，惯性滑动时间越长
+    minThreshold: c = 0.05
+    // 值越小，停止移动时的精度越高
+  } = n;
+  let i = !1, f = null, g = 0, h = 0, l = !1;
+  const a = () => {
+    i = document.pointerLockElement === e.value, i || p();
+  }, p = () => {
+    g = 0, h = 0, f && (cancelAnimationFrame(f), f = null), l = !1;
+  }, r = (v) => Ce(this, null, function* () {
+    try {
+      v.key === "l" && e.value && (document.pointerLockElement ? (document.exitPointerLock(), console.log("鼠标已解锁！")) : (yield e.value.requestPointerLock(), console.log("鼠标已锁定！")));
+    } catch (M) {
+      console.error("无法锁定鼠标:", M);
+    }
+  }), s = (v) => {
+    if (i) {
+      v.preventDefault();
+      const M = Math.pow(y, Math.sign(v.deltaY) * -1);
+      u.value.viewer.viewport.zoomBy(M), u.value.viewer.viewport.applyConstraints();
+    }
+  }, m = (v) => {
+    i && (g += v.movementX * t, h += v.movementY * t, !l && (Math.abs(g) > 1 || Math.abs(h) > 1) && (l = !0, f = requestAnimationFrame(w)));
+  }, w = () => {
+    const v = u.value.viewer.viewport;
+    if (Math.abs(g) > c || Math.abs(h) > c) {
+      const M = v.deltaPointsFromPixels(
+        new Te.Point(g, h)
+      );
+      v.panBy(M), v.applyConstraints();
+    }
+    g *= d, h *= d, Math.abs(g) > c || Math.abs(h) > c ? f = requestAnimationFrame(w) : p();
+  }, k = () => {
+    i && document.exitPointerLock();
+  };
+  return pe(() => {
+    var v;
+    (v = e.value) == null || v.addEventListener("keydown", r), document.addEventListener("wheel", s, { passive: !1 }), document.addEventListener("click", k), document.addEventListener("mousemove", m), document.addEventListener("pointerlockchange", a);
+  }), Ie(() => {
+    var v;
+    (v = e.value) == null || v.removeEventListener("keydown", r), document.removeEventListener("click", k), document.removeEventListener("wheel", s), document.removeEventListener("mousemove", m), document.removeEventListener("pointerlockchange", a), p();
+  }), {
+    setConfig: (v) => {
+      Object.assign(n, v);
+    }
+  };
+}
+const ro = /* @__PURE__ */ ee({
+  __name: "KfbLevel",
+  props: /* @__PURE__ */ we({
+    slides: { default: () => [] }
+  }, {
+    "model-value": {
+      default: 0
+    },
+    "model-valueModifiers": {}
+  }),
+  emits: ["update:model-value"],
+  setup(u) {
+    const e = u, n = Ee(u, "model-value"), t = J("kfbView", $({})), y = B(() => Array.from(new Array(e.slides.length + 1)).map((c, i) => i));
+    function d() {
+      const c = t.value.viewer.world.getItemAt(0), i = Object.keys(c.tilesMatrix);
+      i.forEach((f, g) => {
+        g > i.length - 4 && (c.tilesMatrix[f] = {});
+      }), c.draw();
+    }
+    return (c, i) => (_(), L("div", {
+      class: ye(["hzzt-kfb-level flex column align-items-center", c.slides.length > 5 ? "hzzt-kfb-level--large" : ""])
+    }, [
+      T(X, {
+        name: "level",
+        size: "24",
+        class: "margin-b-4 margin-t-2"
+      }),
+      T(o(il), {
+        modelValue: n.value,
+        "onUpdate:modelValue": i[0] || (i[0] = (f) => n.value = f),
+        vertical: "",
+        min: y.value[0],
+        step: 1,
+        max: y.value[y.value.length - 1],
+        "show-stops": "",
+        "show-tooltip": !0,
+        placement: "left",
+        height: c.slides.length > 5 ? "180px" : "130px",
+        onInput: d
+      }, null, 8, ["modelValue", "min", "max", "height"])
+    ], 2));
+  }
+}), uo = {
+  key: 0,
+  class: "flex hzzt-kfb-channel"
+}, co = ["onClick"], vo = /* @__PURE__ */ ee({
+  __name: "KfbChannel",
+  props: /* @__PURE__ */ we({
+    info: {}
+  }, {
+    "model-value": {
+      default: () => []
+    },
+    "model-valueModifiers": {}
+  }),
+  emits: /* @__PURE__ */ we(["load"], ["update:model-value"]),
+  setup(u, { emit: e }) {
+    const n = u, t = e, y = Ee(u, "model-value"), d = [
+      { 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" }
+    ], c = B(() => {
+      var f;
+      return (((f = n.info) == null ? void 0 : f.channel) || []).map((g) => {
+        const h = d.find((l) => l.key === g.eqt_num);
+        return {
+          label: g.eqt_num,
+          color: g.r ? `rgb(${g.r}, ${g.g}, ${g.b})` : h == null ? void 0 : h.color
+        };
+      });
+    });
+    function i(f) {
+      y.value.includes(f) ? y.value = y.value.filter((g) => g !== f) : y.value.push(f), t("load");
+    }
+    return (f, g) => c.value.length > 0 ? (_(), L("div", uo, [
+      T(X, {
+        name: "channel",
+        size: "32"
+      }),
+      (_(!0), L(le, null, oe(c.value, (h) => (_(), L("div", {
+        key: h.label,
+        style: Z({ background: h.color }),
+        class: ye(["hzzt-kfb-channel__box", y.value.includes(h.label) ? "" : "hzzt-kfb-channel__box--unactive"]),
+        onClick: (l) => i(h.label)
+      }, E(h.label), 15, co))), 128))
+    ])) : A("", !0);
+  }
+}), fo = { class: "flex align-items-center justify-content-between" }, mo = { class: "hzzt-kfb-title" }, po = { class: "hzzt-kfb-annotation__container flex-1" }, ho = ["onClick"], go = /* @__PURE__ */ ee({
+  __name: "KfbAnnotation",
+  props: /* @__PURE__ */ we({
+    annotation: {},
+    annotations: {}
+  }, {
+    expand: { type: Boolean },
+    expandModifiers: {}
+  }),
+  emits: /* @__PURE__ */ we(["select"], ["update:expand"]),
+  setup(u, { emit: e }) {
+    const n = Ee(u, "expand"), t = e, { t: y } = ie();
+    function d(i) {
+      const f = i.subType || i.tool || "";
+      return `mark${f.substring(0, 1).toLocaleUpperCase()}${f.substring(1)}`;
+    }
+    function c(i) {
+      t("select", i);
+    }
+    return (i, f) => (_(), L("div", {
+      class: ye(["hzzt-kfb-annotation flex column", n.value ? "hzzt-kfb-annotation--expand" : ""])
+    }, [
+      b("div", fo, [
+        $e(b("div", mo, [
+          b("span", null, E(o(y)("标注列表")), 1)
+        ], 512), [
+          [Pe, n.value]
+        ]),
+        T(X, {
+          class: "hzzt-kfb-annotation__icon",
+          name: n.value ? "expandLeft" : "expandRight",
+          onClick: f[0] || (f[0] = (g) => n.value = !n.value)
+        }, null, 8, ["name"])
+      ]),
+      $e(b("div", po, [
+        (_(!0), L(le, null, oe(i.annotations, (g, h) => {
+          var l;
+          return _(), 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) => c(g)
+          }, [
+            T(X, {
+              size: "16",
+              name: d(g)
+            }, null, 8, ["name"]),
+            b("span", null, E(o(y)("标注")) + E(h + 1), 1)
+          ], 10, ho);
+        }), 128))
+      ], 512), [
+        [Pe, n.value]
+      ])
+    ], 2));
+  }
+}), wo = /* @__PURE__ */ he(go, [["__scopeId", "data-v-bfc56a3e"]]);
+function Lt(u) {
+  const { t: e } = ie();
+  return B(() => {
+    var y, d;
+    const t = ((d = (y = u == null ? void 0 : u.slide) == null ? void 0 : y.analysis) == null ? void 0 : d.result) || "";
+    return t.indexOf("疑似阳性") > -1 ? {
+      type: "warning",
+      name: t
+    } : t.indexOf("阳性") > -1 ? {
+      type: "danger",
+      name: t
+    } : t.indexOf("阴性") > -1 ? {
+      type: "success",
+      name: t
+    } : t.indexOf("不合格") > -1 ? {
+      type: "danger",
+      name: t
+    } : t.indexOf("合格") > -1 ? {
+      type: "success",
+      name: t
+    } : {
+      type: "info",
+      name: t || e("未知")
+    };
+  });
+}
+const yo = ["element-loading-text"], _o = {
+  key: 1,
+  class: "hzzt-kfb-view__main flex align-items-center justify-content-center"
+}, bo = {
+  class: "hzzt-kfb-view__filter",
+  height: "0",
+  width: "0"
+}, ko = { id: "colorMatrixFilter" }, zo = ["values"], Co = ["values"], To = ["exponent"], $o = ["exponent"], Lo = ["exponent"], xo = { class: "flex nowrap justify-content-center overflow-hidden" }, Eo = ["src"], Vo = ["src"], Mo = { class: "flex-1" }, Io = { class: "flex-1" }, So = { class: "flex-1" }, Ho = { class: "flex-1" }, Po = { class: "flex-1" }, Ro = { class: "flex-1" }, Ao = ["src"], No = {
+  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(u, { expose: e, emit: n }) {
+    const t = u, y = n, { t: d, locale: c } = ie(), i = $(), f = $(), g = $(), h = $(!1), l = $({}), a = $(!1), p = $(0), r = $(0), s = $(0), m = $([]), w = $({
+      width: 0,
+      height: 0,
+      fileNum: 0,
+      scanScale: 1,
+      fileName: "",
+      ratiomap: {}
+    }), k = J("show-kfb-label", $(!0)), v = J("show-keyboard", $(!1)), M = J("hidden-all-label", $(!1)), R = $(!1), S = Ct.directive;
+    ne(() => {
+      var z;
+      return (z = t.slide) == null ? void 0 : z.file;
+    }, () => {
+      jt(), setTimeout(() => {
+        it();
+      }, 100);
+    }), pe(() => {
+      it();
+    });
+    const Q = Lt(t), {
+      imageProcess: W,
+      matrixValues: ve,
+      saturateValues: te,
+      forceRedraw: be
+    } = $l(t), {
+      tailorEvent: Se,
+      shotScreen: Ae
+    } = Ll(y, l), {
+      moveEvent: Ze,
+      fastMove: qe
+    } = Xl(l, r), { initSync: Ye } = lo(t, l, i);
+    io(l, i);
+    const { drawDot: Xe } = Jl(), {
+      voiceVisible: C,
+      voiceForm: N,
+      drawVoice: F,
+      recordTime: re,
+      isRecording: ke,
+      startRecording: xt,
+      stopRecording: Et,
+      initVoice: Vt,
+      cancelRecord: Mt,
+      confirmRecord: It
+    } = eo(t, At), {
+      currentLabel: Qe,
+      localLabelList: nt,
+      initLabel: St,
+      jumpToLabel: at,
+      reloadLabelList: Ht,
+      eventHandel: Pt,
+      addHandle: Rt
+    } = Ql(t, y, l, Vt, Je);
+    function At(z) {
+      Rt(z);
+    }
+    const {
+      getHotmapUrl: Nt,
+      handlerImage: Bt,
+      hotmapLine: Dt,
+      lineMouseDown: st,
+      hotmapImgs: Ut
+    } = to(t, l);
+    function it() {
+      var z;
+      (z = t.slide) != null && z.file && t.fileHandle && (a.value || (a.value = !0, t.fileHandle(t.slide).then((I) => {
+        var q, ae, fe, K;
+        w.value = I, m.value = (((q = w.value) == null ? void 0 : q.channel) || []).map((U) => U.eqt_num), l.value = new ce(j({
+          el: f.value,
+          fileName: (ae = t.slide) == null ? void 0 : ae.file,
+          scale: w.value.scanScale,
+          lang: (c == null ? void 0 : c.value) === "en-US" ? "en" : c == null ? void 0 : c.value,
+          navigator: {
+            style: "left: 0;bottom: 0",
+            thumbnail: w.value.thumbnailImg,
+            width: 200,
+            height: 180
+          },
+          grid: {
+            show: !1,
+            ruler: !1,
+            pxConversion: !0
+          },
+          thumb: {
+            bgColor: "rgba(0,0,0,0)"
+          },
+          graduation: {
+            show: !0,
+            right: 120,
+            bottom: (K = (fe = w.value) == null ? void 0 : fe.channel) != null && K.length ? 120 : 30,
+            tick: {
+              number: 3,
+              height: 8
+            }
+          },
+          pxConversion: {
+            units: ["um", "mm"],
+            binary: 1e3,
+            imageCapRes: w.value.imageCapRes || w.value.scanResolution || 1
+          },
+          openSeadragonOptions: {
+            maxZoomLevel: w.value.scanScale * 20,
+            pixelsPerArrowPress: 200,
+            animationTime: 0,
+            tileSources: rt()
+          },
+          tileDrawing: Bt,
+          label: {
+            drawing: (U, D, ze) => {
+              var Ne;
+              if (D != null && D.custom) {
+                const Y = U.getContext("2d");
+                Y.save(), Y.beginPath();
+                const He = (D == null ? void 0 : D.subType) || ((Ne = D == null ? void 0 : D.__data__) == null ? void 0 : Ne.subType);
+                He === "count" ? (Y.translate(ze.x - 14, ze.y - 22), Xe(Y, (D == null ? void 0 : D.strokeStyle) || "")) : He === "voice" ? (Y.translate(ze.x - 16, ze.y - 18), F(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)", St(), Kt(), Ye();
+      }).finally(() => {
+        a.value = !1, M.value && (vt({
+          show: !1,
+          ruler: !1
+        }), ft({
+          show: !1
+        }), setTimeout(() => {
+          mt(!1);
+        }, 100));
+      })));
+    }
+    function Ft() {
+      const z = l.value.viewer;
+      if (z.world) {
+        const I = z.world.getItemAt(0), q = z.viewport.getZoom(), ae = z.viewport.getCenter();
+        z.world.removeItem(I), z.addTiledImage({
+          tileSource: rt(),
+          success: function() {
+            z.viewport.zoomTo(q), z.viewport.panTo(ae);
+          }
+        });
+      }
+    }
+    function rt() {
+      var fe, K;
+      const z = w.value.tileWidth || w.value.imageBlockLen || 256, I = w.value.tileHeight || w.value.imageBlockLen || 256, q = {};
+      (fe = t.hotmap) != null && fe.enable && (((K = t.hotmap) == null ? void 0 : K.info) || []).forEach((U) => {
+        q[U[0] / z + "_" + U[1] / I + "_" + U[2]] = !0;
+      });
+      let ae = 10;
+      return Object.keys(w.value.ratiomap).forEach((U) => {
+        const D = w.value.fileNum - Math.sqrt(w.value.scanScale / Number(U));
+        D > 0 && (ae = ae ? Math.min(ae, D) : D);
+      }), {
+        height: w.value.height,
+        width: w.value.width,
+        tileWidth: z,
+        tileHeight: I,
+        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(m.value)
+          };
+          w.value.fileNum === U ? (U = w.value.scanScale, Y.scale = U.toFixed(6)) : (U = w.value.scanScale / Math.pow(2, w.value.fileNum - U), Y.scale = U.toFixed(6)), Y.level = Ne, Y.file = s.value === 0 ? Y.file : ((gt = (ht = t.slide) == null ? void 0 : ht.children) == null ? void 0 : gt[s.value - 1]) || "";
+          const He = t.tileHandle(Y);
+          return (wt = t.hotmap) != null && wt.enable ? Nt(He, Y, q) : He;
+        }
+      };
+    }
+    function Kt() {
+      l.value.viewer.addHandler("rotate", (z) => {
+        p.value = z.degrees || 0;
+      }), l.value.viewer.addHandler("zoom", (z) => {
+        const I = l.value.viewer.viewport.viewportToImageZoom(
+          z.zoom || 0
+        ) * Number(l.value.$options.scale);
+        r.value = Number(I.toFixed(2));
+      }), l.value.$on(ce.events.EVENT_NAVIGATOR_VESTIGE, (z) => {
+        t.navigatorHandle && t.navigatorHandle("add", t.slide, z);
+      }), t.navigatorHandle && t.navigatorHandle("list", t.slide).then((z) => {
+        var I, q;
+        (q = (I = l.value.navigator) == null ? void 0 : I.drawPointList) == null || q.call(I, z);
+      }), Se(), Ze();
+    }
+    function jt() {
+      var z;
+      (z = l.value) != null && z.destroy && (l.value.destroy(), l.value = {}, w.value = {
+        width: 0,
+        height: 0,
+        fileNum: 0,
+        scanScale: 1,
+        fileName: "",
+        ratiomap: {}
+      }, Ut.value = [], m.value = [], r.value = 0, p.value = 0, s.value = 0);
+    }
+    function ut(z, I) {
+      z === "annotate" ? ct(I) : z === "tailor" ? Ae(I) : z === "info" ? h.value = !0 : z === "flip" ? dt() : z === "delete" ? Pt("delete")(Qe.value) : y("tool", z, I);
+    }
+    function ct(z) {
+      z.tool === "Voice" && (z.subType = "voice", z.tool = "Dot", z.custom = !0), l.value.board.startDraw(z);
+    }
+    function Ot() {
+      l.value.board.endDraw();
+    }
+    function dt() {
+      l.value.viewer.viewport.toggleFlip();
+    }
+    function Gt(z) {
+      var I, q;
+      (q = (I = g.value) == null ? void 0 : I.scopeChange) == null || q.call(I, z);
+    }
+    function Wt() {
+      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 I = l.value.viewer.viewport.imageToViewportZoom(Number(z / l.value.$options.scale));
+      l.value.viewer.viewport.zoomTo(I);
+    }
+    function Zt(z, I) {
+      l.value.area && (l.value.area.moveToLabel(l.value.viewer.viewport.imageToViewportCoordinates(
+        z.x + z.width / 2,
+        z.y + z.height / 2
+      )), Je(I));
+    }
+    return ue("kfbView", l), ue("currentLabel", Qe), e({
+      kfbView: l,
+      degrees: p,
+      zoom: r,
+      forceRedraw: be,
+      toggleFlip: dt,
+      startDraw: ct,
+      endDraw: Ot,
+      shotScreen: Ae,
+      info: Wt,
+      scopeChange: Gt,
+      updateGrid: vt,
+      updateGraduation: ft,
+      updateNavigator: mt,
+      fastMove: qe,
+      zoomTo: Je,
+      jumpToLabel: at,
+      jumpToPosition: Zt,
+      reloadLabelList: Ht
+    }), (z, I) => {
+      var q, ae, fe;
+      return _(), L("div", {
+        ref_key: "mainKfbViewRef",
+        ref: i,
+        class: "hzzt-kfb-view"
+      }, [
+        z.slide.file ? $e((_(), L("div", {
+          key: 0,
+          ref_key: "kfbViewMainRef",
+          ref: f,
+          class: "hzzt-kfb-view__main",
+          "element-loading-text": o(d)("加载中"),
+          "element-loading-background": "rgba(0, 0, 0, 0.8)"
+        }, null, 8, yo)), [
+          [o(S), a.value]
+        ]) : (_(), L("div", _o, I[5] || (I[5] = [
+          b("img", {
+            style: { width: "50%" },
+            src: Ge
+          }, null, -1)
+        ]))),
+        z.slide.analysis && z.slide.analysis.result ? (_(), P(o(Tt), {
+          key: 2,
+          class: "hzzt-kfb-view__tag",
+          type: o(Q).type
+        }, {
+          default: x(() => [
+            G(E(o(Q).name), 1)
+          ]),
+          _: 1
+        }, 8, ["type"])) : A("", !0),
+        (_(), L("svg", bo, [
+          b("filter", ko, [
+            b("feColorMatrix", {
+              values: o(ve),
+              type: "matrix"
+            }, null, 8, zo),
+            b("feColorMatrix", {
+              values: o(te),
+              type: "saturate"
+            }, null, 8, Co),
+            b("feComponentTransfer", null, [
+              b("feFuncR", {
+                id: "feFuncR",
+                type: "gamma",
+                exponent: o(W).ga,
+                amplitude: "1",
+                offset: "0"
+              }, null, 8, To),
+              b("feFuncG", {
+                id: "feFuncG",
+                type: "gamma",
+                exponent: o(W).ga,
+                amplitude: "1",
+                offset: "0"
+              }, null, 8, $o),
+              b("feFuncB", {
+                id: "feFuncB",
+                type: "gamma",
+                exponent: o(W).ga,
+                amplitude: "1",
+                offset: "0"
+              }, null, 8, Lo)
+            ])
+          ])
+        ])),
+        T(Al, {
+          menus: z.menus,
+          onTool: ut
+        }, null, 8, ["menus"]),
+        T(Dl, Ke(z.microscope, {
+          ref_key: "microscopeRef",
+          ref: g
+        }), null, 16),
+        o(k) && z.slide.file ? (_(), P(Yl, {
+          key: 3,
+          info: w.value,
+          slide: z.slide,
+          pathologyHandle: z.pathologyHandle,
+          onTool: ut
+        }, null, 8, ["info", "slide", "pathologyHandle"])) : A("", !0),
+        o(v) ? (_(), P(so, { key: 4 })) : A("", !0),
+        (q = z.slide.children) != null && q.length ? (_(), P(ro, {
+          key: 5,
+          modelValue: s.value,
+          "onUpdate:modelValue": I[0] || (I[0] = (K) => s.value = K),
+          slides: z.slide.children
+        }, null, 8, ["modelValue", "slides"])) : A("", !0),
+        (fe = (ae = w.value) == null ? void 0 : ae.channel) != null && fe.length ? (_(), P(vo, {
+          key: 6,
+          modelValue: m.value,
+          "onUpdate:modelValue": I[1] || (I[1] = (K) => m.value = K),
+          info: w.value,
+          onLoad: Ft
+        }, null, 8, ["modelValue", "info"])) : A("", !0),
+        o(nt).length ? (_(), P(wo, {
+          key: 7,
+          expand: R.value,
+          "onUpdate:expand": I[2] || (I[2] = (K) => R.value = K),
+          style: Z({
+            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": I[3] || (I[3] = (K) => h.value = K),
+          "append-to-body": !0,
+          title: o(d)("图像信息"),
+          width: "700px",
+          top: "5vh"
+        }, {
+          default: x(() => [
+            T(o(tt), { "label-position": "left" }, {
+              default: x(() => [
+                T(o(se), {
+                  class: "flex",
+                  "label-width": "0px"
+                }, {
+                  default: x(() => [
+                    b("div", xo, [
+                      b("img", {
+                        src: w.value.labelImg,
+                        style: { height: "180px" }
+                      }, null, 8, Eo),
+                      b("img", {
+                        src: w.value.previewImg,
+                        style: { height: "180px" },
+                        class: "flex-1"
+                      }, null, 8, Vo)
+                    ])
+                  ]),
+                  _: 1
+                }),
+                T(o(se), {
+                  label: o(d)("文件名")
+                }, {
+                  default: x(() => [
+                    b("span", Mo, E(w.value.fileName), 1)
+                  ]),
+                  _: 1
+                }, 8, ["label"]),
+                T(o(se), {
+                  label: o(d)("图像像素")
+                }, {
+                  default: x(() => [
+                    b("span", Io, E(w.value.width) + "Pixel - " + E(w.value.height) + "Pixel", 1)
+                  ]),
+                  _: 1
+                }, 8, ["label"]),
+                T(o(se), {
+                  label: o(d)("扫描倍率")
+                }, {
+                  default: x(() => [
+                    b("span", So, E(w.value.scanScale), 1)
+                  ]),
+                  _: 1
+                }, 8, ["label"]),
+                T(o(se), {
+                  label: o(d)("扫描时刻")
+                }, {
+                  default: x(() => [
+                    b("span", Ho, E(w.value.scanTime), 1)
+                  ]),
+                  _: 1
+                }, 8, ["label"]),
+                T(o(se), {
+                  label: o(d)("扫描时间")
+                }, {
+                  default: x(() => [
+                    b("span", Po, E(w.value.scanDuration || 0) + "s", 1)
+                  ]),
+                  _: 1
+                }, 8, ["label"]),
+                w.value.ext ? (_(), P(o(se), {
+                  key: 0,
+                  label: o(d)("扫描设备")
+                }, {
+                  default: x(() => [
+                    b("span", Ro, E(w.value.ext.machineNum || ""), 1)
+                  ]),
+                  _: 1
+                }, 8, ["label"])) : A("", !0)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue", "title"]),
+        T(o(je), {
+          modelValue: o(C),
+          "onUpdate:modelValue": I[4] || (I[4] = (K) => Ve(C) ? C.value = K : null),
+          "append-to-body": !0,
+          title: o(d)("语音输入"),
+          width: "500px",
+          top: "5vh"
+        }, {
+          footer: x(() => [
+            T(o(ge), { onClick: o(Mt) }, {
+              default: x(() => [
+                G(E(o(d)("取消")), 1)
+              ]),
+              _: 1
+            }, 8, ["onClick"]),
+            T(o(ge), {
+              type: "primary",
+              onClick: o(It)
+            }, {
+              default: x(() => [
+                G(E(o(d)("确定")), 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(N)) != null && U.src ? (_(), L("audio", {
+                          key: 0,
+                          class: "width-100%",
+                          src: o(N).src,
+                          controls: "",
+                          preload: "auto"
+                        }, null, 8, Ao)) : A("", !0)
+                      ];
+                    }),
+                    _: 1
+                  }),
+                  (K = o(N)) != null && K.src ? A("", !0) : (_(), P(o(se), { key: 0 }, {
+                    default: x(() => [
+                      o(ke) ? (_(), P(o(ge), {
+                        key: 1,
+                        type: "danger",
+                        onClick: o(Et)
+                      }, {
+                        default: x(() => [
+                          G(E(o(d)("结束录音")), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["onClick"])) : (_(), P(o(ge), {
+                        key: 0,
+                        type: "primary",
+                        onClick: o(xt)
+                      }, {
+                        default: x(() => [
+                          G(E(o(d)("开始录音")), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["onClick"])),
+                      o(ke) ? (_(), L("span", No, E(o(d)("录音时长")) + "：" + E(o(re)) + "s", 1)) : A("", !0)
+                    ]),
+                    _: 1
+                  }))
+                ];
+              }),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue", "title"]),
+        z.hotmap && z.hotmap.enable && z.hotmap.type !== "switch" ? (_(), L("div", {
+          key: 8,
+          class: "hzzt-kfb-view__hotmap",
+          style: Z({ left: o(Dt) + "px" })
+        }, [
+          T(o(_e), {
+            class: "icon-caret-left",
+            size: "30",
+            onMousedown: o(st)
+          }, {
+            default: x(() => I[6] || (I[6] = [
+              b("svg", {
+                xmlns: "http://www.w3.org/2000/svg",
+                viewBox: "0 0 1024 1024"
+              }, [
+                b("path", {
+                  fill: "currentColor",
+                  d: "M672 192 288 511.936 672 832z"
+                })
+              ], -1)
+            ])),
+            _: 1,
+            __: [6]
+          }, 8, ["onMousedown"]),
+          T(o(_e), {
+            class: "icon-caret-right",
+            size: "30",
+            onMousedown: o(st)
+          }, {
+            default: x(() => I[7] || (I[7] = [
+              b("svg", {
+                xmlns: "http://www.w3.org/2000/svg",
+                viewBox: "0 0 1024 1024"
+              }, [
+                b("path", {
+                  fill: "currentColor",
+                  d: "M384 192v640l384-320.064z"
+                })
+              ], -1)
+            ])),
+            _: 1,
+            __: [7]
+          }, 8, ["onMousedown"])
+        ], 4)) : A("", !0),
+        de(z.$slots, "default")
+      ], 512);
+    };
+  }
+});
+function Bo(u, e) {
+  var h, l;
+  const n = $(!!((h = u.ai) != null && h.default)), t = $(!!((l = u.ai) != null && l.default)), y = $([]), d = B(
+    () => {
+      var a, p, r, s;
+      return (p = (a = e.value) == null ? void 0 : a.analysis) != null && p.id ? ((s = (r = e.value) == null ? void 0 : r.analysis) == null ? void 0 : s.class) || "auto" : "";
+    }
+  );
+  ne(() => {
+    var a;
+    return (a = u.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;
+  }, c), pe(() => {
+    var a, p;
+    n.value = !!((a = u.ai) != null && a.default), t.value = !!((p = u.ai) != null && p.default), c();
+  });
+  function c() {
+    var a;
+    (a = e.value) != null && a.id && d.value ? n.value || t.value ? i() : y.value = [] : y.value = [];
+  }
+  function i() {
+    u.ai.handle(d.value, e.value).then((a) => {
+      y.value = a;
+    }).catch(() => {
+      y.value = [], d.value === "IQC" ? t.value = !1 : n.value = !1;
+    });
+  }
+  function f() {
+    t.value = !1, c();
+  }
+  function g() {
+    n.value = !1, c();
+  }
+  return {
+    analysisClass: d,
+    aiLabelList: y,
+    enableAi: n,
+    enableIqc: t,
+    toggleIqc: g,
+    toggleAi: f
+  };
+}
+const Do = ["src", "fit"], Uo = ["src", "fit"], Ue = /* @__PURE__ */ ee({
+  name: "KfbImage",
+  __name: "KfbImage",
+  props: {
+    src: {
+      type: String,
+      required: !0,
+      default: ""
+    },
+    fit: {
+      type: String,
+      validator: (u) => ["", "contain", "cover", "fill", "none", "scale-down"].includes(u),
+      default: ""
+    },
+    retryTimes: {
+      type: Number,
+      default: 0
+    },
+    load: {
+      type: Function,
+      default: () => ({})
+    }
+  },
+  setup(u) {
+    const e = u;
+    let n = 0;
+    const t = $(!1), y = ot({
+      x: 0,
+      y: 0
+    }), d = B(() => ({
+      top: `${y.y + 10}px`,
+      left: `${y.x}px`,
+      transform: "translateY(-50%)",
+      width: `${4 * 300 / 3}px`,
+      height: "300px",
+      background: "rgba(0,0,0,0.8)",
+      zIndex: "10000"
+    }));
+    function c(h) {
+      const l = h.target;
+      n < e.retryTimes ? (l.src = e.src, n++) : l.src = Ge;
+    }
+    function i(h) {
+      if (h.target) {
+        const s = h.target, m = s.tagName;
+        let w = "";
+        if (s.tagName === "IMG" ? w = s.src || "" : m === "DIV" && (w = s.children[0].src || ""), w.indexOf(Ge) > -1)
+          return;
+      }
+      const { x: l, y: a } = f(h), p = 4 * 300 / 3, r = 300;
+      y.x = Math.min(Math.max(l, p / 2), window.innerWidth - p / 2), y.y = Math.min(Math.max(a, r / 2), window.innerHeight - r / 2), t.value = !0;
+    }
+    function f(h) {
+      const l = h.target, a = h.offsetX, p = h.offsetY, r = l.clientWidth, s = l.clientHeight;
+      return {
+        x: h.clientX + r - a,
+        y: h.clientY - p + s / 2
+      };
+    }
+    function g() {
+      t.value = !1;
+    }
+    return (h, l) => (_(), L("div", {
+      class: "relative",
+      onMouseenter: i,
+      onMouseleave: g
+    }, [
+      b("img", {
+        src: u.src,
+        fit: u.fit,
+        onError: c,
+        style: {
+          height: "100%",
+          width: "100%"
+        }
+      }, null, 40, Do),
+      (_(), P(Fe, { to: "body" }, [
+        t.value ? (_(), L("div", {
+          key: 0,
+          class: "fixed hzzt-kfb-img-triangle-left",
+          style: Z(d.value)
+        }, [
+          b("img", {
+            src: u.src,
+            fit: u.fit,
+            style: {
+              objectFit: "contain",
+              height: "100%",
+              width: "100%"
+            },
+            onMouseenter: l[0] || (l[0] = () => {
+              t.value = !0;
+            }),
+            onMouseleave: g
+          }, null, 40, Uo)
+        ], 4)) : A("", !0)
+      ]))
+    ], 32));
+  }
+}), Fo = {}, Ko = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 1024 1024"
+};
+function jo(u, e) {
+  return _(), L("svg", Ko, e[0] || (e[0] = [
+    b("path", {
+      fill: "currentColor",
+      d: "M160 448a32 32 0 0 1-32-32V160.064a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V416a32 32 0 0 1-32 32zm448 0a32 32 0 0 1-32-32V160.064a32 32 0 0 1 32-32h255.936a32 32 0 0 1 32 32V416a32 32 0 0 1-32 32zM160 896a32 32 0 0 1-32-32V608a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32v256a32 32 0 0 1-32 32zm448 0a32 32 0 0 1-32-32V608a32 32 0 0 1 32-32h255.936a32 32 0 0 1 32 32v256a32 32 0 0 1-32 32z"
+    }, null, -1)
+  ]));
+}
+const Oo = /* @__PURE__ */ he(Fo, [["render", jo]]), Go = {}, Wo = {
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function Zo(u, e) {
+  return _(), L("svg", Wo, e[0] || (e[0] = [
+    b("g", { id: "Frame" }, [
+      b("path", {
+        id: "Vector",
+        d: "M5.33333 2.66659H14V3.99992H5.33333V2.66659ZM2 2.33325H4V4.33325H2V2.33325ZM2 6.99992H4V8.99992H2V6.99992ZM2 11.6666H4V13.6666H2V11.6666ZM5.33333 7.33325H14V8.66659H5.33333V7.33325ZM5.33333 11.9999H14V13.3333H5.33333V11.9999Z",
+        fill: "currentColor",
+        "fill-opacity": "0.9"
+      })
+    ], -1)
+  ]));
+}
+const qo = /* @__PURE__ */ he(Go, [["render", Zo]]), Yo = { class: "hzzt-kfb-slides" }, Xo = { class: "hzzt-kfb-slides__row" }, Qo = { class: "hzzt-kfb-slides__top" }, Jo = { class: "text-primary" }, en = { class: "flex align-items-center" }, tn = { key: 0 }, ln = ["data-index", "onClick"], on = { class: "hzzt-kfb-slides__gallery" }, nn = ["onClick"], an = {
+  key: 0,
+  class: "hzzt-kfb-slides__read"
+}, sn = ["onClick"], rn = {
+  key: 1,
+  class: "flex column"
+}, un = { class: "hzzt-kfb-slides__header" }, cn = { class: "w-30%" }, dn = { class: "w-40%" }, vn = { class: "w-20%" }, fn = ["data-index", "onClick"], mn = { class: "w-30% flex" }, pn = { class: "hzzt-kfb-slides__gallery" }, hn = {
+  key: 0,
+  class: "hzzt-kfb-slides__read"
+}, gn = { class: "w-40% flex" }, wn = ["onClick"], yn = ["onClick"], _n = {
+  key: 0,
+  class: "flex column py-2"
+}, bn = { class: "flex align-items-center justify-content-center" }, kn = { class: "margin-r-1" }, zn = {
+  key: 0,
+  class: "margin-r-1 margin-l-2"
+}, Cn = /* @__PURE__ */ ee({
+  __name: "KfbSlideList",
+  props: {
+    slides: {}
+  },
+  emits: ["select", "tool"],
+  setup(u, { expose: e, emit: n }) {
+    const t = u, y = n, d = J("file-index", {
+      value: 0
+    }), c = J("divide", {
+      value: !1
+    }), i = J("sync", {
+      value: !1
+    }), f = $(!1), g = $(), h = B(() => t.slides.filter(({ read: m }) => m)), l = B(() => t.slides.filter(({ check: m }) => m)), { t: a } = ie();
+    function p(m) {
+      d.value = m, y("select", m);
+    }
+    function r(m) {
+      m.check = !m.check;
+    }
+    function s(m) {
+      var k, v, M;
+      const w = ((M = (v = (k = g.value.querySelector('[data-index="0"]')) == null ? void 0 : k.getBoundingClientRect) == null ? void 0 : v.call(k)) == null ? void 0 : M.y) || 0;
+      g.value.scrollTop = g.value.querySelector(`[data-index="${m}"]`).getBoundingClientRect().y - w;
+    }
+    return e({
+      jumpToSlide: s
+    }), (m, w) => (_(), L("div", Yo, [
+      b("div", Xo, [
+        b("div", Qo, [
+          b("span", null, [
+            w[4] || (w[4] = G("已读：")),
+            b("span", Jo, E(h.value.length), 1),
+            G("/" + E(m.slides.length), 1)
+          ]),
+          b("div", en, [
+            T(o(_e), {
+              class: "margin-r-2 pointer",
+              size: "16",
+              color: f.value ? "#999" : "#000",
+              onClick: w[0] || (w[0] = (k) => f.value = !f.value)
+            }, {
+              default: x(() => [
+                T(Oo)
+              ]),
+              _: 1
+            }, 8, ["color"]),
+            T(o(_e), {
+              class: "pointer",
+              name: "cus-list",
+              size: "16",
+              color: f.value ? "#000" : "#999",
+              onClick: w[1] || (w[1] = (k) => f.value = !f.value)
+            }, {
+              default: x(() => [
+                T(qo)
+              ]),
+              _: 1
+            }, 8, ["color"])
+          ])
+        ]),
+        b("div", {
+          class: "flex-1 overflow-auto",
+          style: { width: "100%" },
+          ref_key: "slidesRef",
+          ref: g
+        }, [
+          f.value ? (_(), L("ul", rn, [
+            b("li", un, [
+              w[5] || (w[5] = b("div", { class: "w-10%" }, null, -1)),
+              b("div", cn, E(o(a)("缩略图")), 1),
+              b("div", dn, E(o(a)("切片名")), 1),
+              b("div", vn, E(o(a)("评分")), 1)
+            ]),
+            (_(!0), L(le, null, oe(m.slides, (k, v) => (_(), L("li", {
+              key: v,
+              "data-index": v,
+              class: "flex align-items-center overflow-hidden",
+              style: Z({
+                backgroundColor: o(d) === v ? "rgba(6, 85, 195, 0.1)" : "#fff"
+              }),
+              onClick: (M) => p(v)
+            }, [
+              b("div", {
+                class: "w-10% text-center",
+                onClick: Be(() => {
+                }, ["stop"])
+              }, [
+                T(o(Oe), {
+                  modelValue: k.check,
+                  "onUpdate:modelValue": (M) => k.check = M,
+                  style: { width: "14px", height: "16px" }
+                }, null, 8, ["modelValue", "onUpdate:modelValue"])
+              ]),
+              b("div", mn, [
+                b("div", pn, [
+                  T(Ue, {
+                    style: Z([{ 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) : (_(), L("div", hn, E(o(a)("未读")), 1))
+                ])
+              ]),
+              b("div", gn, [
+                T(o(zt), {
+                  effect: "dark",
+                  placement: "bottom",
+                  content: `${k.name}`
+                }, {
+                  default: x(() => [
+                    b("span", {
+                      style: { "line-height": "16px" },
+                      class: "margin-l-1 ellipsis hzzt-kfb-slides__text",
+                      dir: "rtl",
+                      onClick: Be((M) => r(k), ["stop"])
+                    }, E(k.name), 9, wn)
+                  ]),
+                  _: 2
+                }, 1032, ["content"])
+              ]),
+              b("div", {
+                class: "w-20% flex text-center pointer",
+                style: Z({
+                  color: k.gradeColor
+                }),
+                onClick: (M) => y("tool", "grade", k)
+              }, E(k.grade), 13, yn)
+            ], 12, fn))), 128))
+          ])) : (_(), L("div", tn, [
+            (_(!0), L(le, null, oe(m.slides, (k, v) => (_(), L("div", {
+              key: v,
+              class: ye(["hzzt-kfb-slides__box", o(d) === v ? "hzzt-kfb-slides__box--active" : ""]),
+              "data-index": v,
+              onClick: (M) => p(v)
+            }, [
+              b("div", on, [
+                T(Ue, {
+                  style: Z({ transform: `rotate(${k.angle}deg)` }),
+                  "retry-times": 1,
+                  src: k.labelImg,
+                  class: "hzzt-kfb-slides__img",
+                  fit: "cover"
+                }, null, 8, ["style", "src"]),
+                T(Ue, {
+                  "retry-times": 1,
+                  src: k.previewImg,
+                  class: "flex-1 hzzt-kfb-slides__img1",
+                  fit: "cover"
+                }, null, 8, ["src"])
+              ]),
+              b("div", {
+                class: "flex justify-content-between align-items-center",
+                onClick: Be(() => {
+                }, ["stop"])
+              }, [
+                T(o(Oe), {
+                  modelValue: k.check,
+                  "onUpdate:modelValue": (M) => k.check = M,
+                  style: { width: "14px", height: "16px" }
+                }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+                T(o(zt), {
+                  effect: "dark",
+                  placement: "bottom",
+                  content: `${k.name}`
+                }, {
+                  default: x(() => [
+                    b("span", {
+                      style: { "line-height": "16px", "text-align": "center", width: "calc(100% - 14px)" },
+                      class: "margin-l-1 ellipsis",
+                      onClick: Be((M) => r(k), ["stop"])
+                    }, E(k.name), 9, nn)
+                  ]),
+                  _: 2
+                }, 1032, ["content"])
+              ]),
+              k.read ? A("", !0) : (_(), L("div", an, E(o(a)("未读")), 1)),
+              k.grade ? (_(), L("div", {
+                key: 1,
+                class: "hzzt-kfb-slides__grade",
+                style: Z({
+                  background: k.gradeColor
+                }),
+                onClick: (M) => y("tool", "grade", k)
+              }, E(k.grade), 13, sn)) : A("", !0),
+              de(m.$slots, "slide", { slide: k }, void 0, !0)
+            ], 10, ln))), 128))
+          ]))
+        ], 512),
+        l.value.length > 1 ? (_(), L("div", _n, [
+          b("div", bn, [
+            b("span", kn, E(o(a)("分屏")), 1),
+            T(o(Le), {
+              modelValue: o(c),
+              "onUpdate:modelValue": w[2] || (w[2] = (k) => Ve(c) ? c.value = k : null)
+            }, null, 8, ["modelValue"]),
+            o(c) ? (_(), L("span", zn, E(o(a)("同步")), 1)) : A("", !0),
+            o(c) ? (_(), P(o(Le), {
+              key: 1,
+              modelValue: o(i),
+              "onUpdate:modelValue": w[3] || (w[3] = (k) => Ve(i) ? i.value = k : null)
+            }, null, 8, ["modelValue"])) : A("", !0)
+          ])
+        ])) : A("", !0)
+      ])
+    ]));
+  }
+}), Tn = /* @__PURE__ */ he(Cn, [["__scopeId", "data-v-d3cde57c"]]), $n = { class: "hzzt-kfb-ai overflow-hidden" }, Ln = { class: "flex align-items-center margin-t-1" }, xn = { style: { color: "var(--el-color-success)" } }, En = { class: "flex-1 flex overflow-auto wrap margin-t-1" }, Vn = ["onClick"], Mn = {
+  key: 0,
+  style: { "margin-left": "2px" }
+}, In = /* @__PURE__ */ ee({
+  name: "KfbAiList",
+  __name: "list",
+  props: {
+    data: { default: () => [] },
+    slide: { default: () => ({}) }
+  },
+  setup(u, { expose: e }) {
+    const n = u, { t } = ie(), y = J("kfbViewRef"), d = $(-1), c = $(1), i = $(100), f = $(!0), g = $([]), h = B(() => n.data.filter((M) => g.value.includes(M.cls || ""))), l = B(() => h.value.slice((c.value - 1) * i.value, c.value * i.value)), a = B(() => {
+      const M = /* @__PURE__ */ new Set();
+      return n.data.forEach((R) => {
+        const S = R.cls || "";
+        S && !M.has(S) && M.add(S);
+      }), Array.from(M);
+    }), p = B(() => g.value.length !== 0 && g.value.length !== a.value.length), r = Lt(n);
+    ne(() => a.value, (M) => {
+      s(), g.value = [...M];
+    }), pe(() => {
+      g.value = [...a.value];
+    });
+    function s() {
+      d.value = -1, c.value = 1, i.value = 100, f.value = !0;
+    }
+    function m(M) {
+      const R = h.value.findIndex((S) => S.id === M.id);
+      d.value = R, y.value.jumpToLabel(M, 5);
+    }
+    function w(M) {
+      const R = n.data.filter((S) => S.cls === M);
+      return R.length ? `（${R.length}）` : "";
+    }
+    function k() {
+      d.value = -1, f.value = g.value.length == a.value.length;
+    }
+    function v(M) {
+      g.value = M ? [...a.value] : [], d.value = -1;
+    }
+    return e({
+      labelList: h
+    }), (M, R) => (_(), L("div", $n, [
+      b("div", Ln, [
+        T(o(rl), {
+          placement: "bottom",
+          trigger: "click",
+          width: "160"
+        }, {
+          reference: x(() => [
+            T(o(ge), {
+              class: "margin-r-1",
+              type: "primary"
+            }, {
+              default: x(() => [
+                G(E(o(t)("分类")) + " ", 1),
+                T(X, { name: "arrowDown" })
+              ]),
+              _: 1
+            })
+          ]),
+          default: x(() => [
+            b("div", null, [
+              T(o(Oe), {
+                modelValue: f.value,
+                "onUpdate:modelValue": R[0] || (R[0] = (S) => f.value = S),
+                indeterminate: p.value,
+                onChange: v
+              }, {
+                default: x(() => [
+                  G(E(o(t)("全选")), 1)
+                ]),
+                _: 1
+              }, 8, ["modelValue", "indeterminate"]),
+              T(o(ul), {
+                modelValue: g.value,
+                "onUpdate:modelValue": R[1] || (R[1] = (S) => g.value = S),
+                class: "flex column",
+                onChange: k
+              }, {
+                default: x(() => [
+                  (_(!0), L(le, null, oe(a.value, (S) => (_(), P(o(Oe), {
+                    key: S,
+                    value: S
+                  }, {
+                    default: x(() => [
+                      G(E(S) + " ", 1),
+                      b("span", xn, E(w(S)), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["value"]))), 128))
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ])
+          ]),
+          _: 1
+        }),
+        T(o(Tt), {
+          type: o(r).type,
+          class: "margin-l-1"
+        }, {
+          default: x(() => [
+            G(E(o(r).name), 1)
+          ]),
+          _: 1
+        }, 8, ["type"])
+      ]),
+      b("div", En, [
+        (_(!0), L(le, null, oe(l.value, (S, Q) => (_(), L("div", {
+          key: Q + (c.value - 1) * i.value,
+          class: ye(`hzzt-kfb-ai__img ${d.value === Q + (c.value - 1) * i.value ? "hzzt-kfb-ai__img--active" : ""}`),
+          onClick: (W) => m(S)
+        }, [
+          T(o(dl), {
+            "retry-times": 1,
+            src: S.imageUrl,
+            "error-src": o(Ge)
+          }, null, 8, ["src", "error-src"]),
+          b("div", {
+            style: Z({ color: S.strokeStyle }),
+            class: "ellipsis"
+          }, [
+            G(E(S.cls) + " ", 1),
+            S.score ? (_(), L("span", Mn, E(S.score), 1)) : A("", !0)
+          ], 4)
+        ], 10, Vn))), 128))
+      ]),
+      T(o(cl), {
+        class: "wrap",
+        "current-page": c.value,
+        "onUpdate:currentPage": R[2] || (R[2] = (S) => c.value = S),
+        "page-size": i.value,
+        "onUpdate:pageSize": R[3] || (R[3] = (S) => i.value = S),
+        "page-sizes": [100, 200, 300, 400],
+        layout: "total, sizes, prev, pager, next",
+        total: h.value.length
+      }, null, 8, ["current-page", "page-size", "total"])
+    ]));
+  }
+}), Sn = { class: "hzzt-kfb-slide" }, Hn = { class: "flex flex-1 overflow-hidden" }, Pn = { class: "flex flex-1" }, Rn = {
+  key: 0,
+  style: { height: "100%", width: "100%" },
+  class: "flex wrap"
+}, An = ["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(u, { expose: e, emit: n }) {
+    const t = u, y = n, d = Ee(u, "index"), c = B(() => t.slides[d.value]), i = B(() => t.slides.filter(({ check: C }) => C)), f = $(), g = $(), h = $(), l = $(), a = $(t.showKeyboard), p = $(t.showKfbLabel), r = $(!1), s = $(!1), m = $(!1), { t: w } = ie(), k = B(() => {
+      var C;
+      if (r.value) {
+        const N = i.value.findIndex(({ id: F }) => {
+          var re;
+          return F === ((re = c.value) == null ? void 0 : re.id);
+        });
+        return ((C = h.value) == null ? void 0 : C[N]) || g.value;
+      } else
+        return g.value;
+    }), v = B(() => i.value.length <= 1 ? {
+      height: "100%",
+      width: "100%"
+    } : i.value.length <= 2 ? {
+      height: "100%",
+      width: "calc((100% - 4px) / 2)"
+    } : i.value.length <= 4 ? {
+      height: "calc((100% - 4px) / 2)",
+      width: "calc((100% - 4px) / 2)"
+    } : i.value.length <= 6 ? {
+      height: "calc((100% - 4px) / 2)",
+      width: "calc((100% - 4px * 2) / 3)"
+    } : i.value.length <= 9 ? {
+      height: "calc((100% - 4px * 2) / 3)",
+      width: "calc((100% - 4px * 2) / 3)"
+    } : {
+      height: "100%",
+      width: "100%"
+    });
+    ne(() => i.value, (C) => {
+      r.value && C.length <= 1 && (r.value = !1);
+    }), ne(() => c.value, (C) => {
+      if (C) {
+        const N = C.read;
+        C.read = !0, y("tool", "choose", {
+          slide: C,
+          read: N
+        });
+      }
+    });
+    const {
+      analysisClass: M,
+      aiLabelList: R,
+      enableAi: S,
+      enableIqc: Q,
+      toggleIqc: W,
+      toggleAi: ve
+    } = Bo(t, c);
+    function te(C, N) {
+      C === "next" && t.slides[d.value + 1] && d.value++, C === "prev" && t.slides[d.value - 1] && d.value--, (C === "label" || C === "tool") && (p.value = N), y("tool", C, N);
+    }
+    function be(C) {
+      var F, re, ke;
+      const N = me(j({}, t.kfb), {
+        process: t.process,
+        microscope: t.microscope,
+        slide: C,
+        aiLabelList: c.value.id === C.id ? ((F = l.value) == null ? void 0 : F.labelList) || [] : [],
+        hotmap: (re = C == null ? void 0 : C.hotmap) != null && re.file ? me(j({}, (C == null ? void 0 : C.hotmap) || {}), {
+          enable: S.value
+        }) : void 0,
+        syncPosition: s.value,
+        syncZoom: s.value,
+        handle: void 0
+      });
+      return (ke = t.kfb) != null && ke.handle ? t.kfb.handle(C, N) : N;
+    }
+    function Se(C) {
+      d.value = t.slides.findIndex((N) => N.id === C.id);
+    }
+    function Ae(C) {
+      r.value && (t.slides[C].check = !0);
+    }
+    function Ze() {
+      var C;
+      p.value = !m.value, (C = r.value ? h.value : [g.value]) == null || C.forEach((N) => {
+        m.value && (N.updateGrid({
+          show: !m.value,
+          ruler: !m.value
+        }), a.value = !m.value), N.updateGraduation({
+          show: !m.value
+        }), N.updateNavigator(!m.value);
+      });
+    }
+    function qe(C) {
+      d.value = C, f.value && f.value.jumpToSlide(C);
+    }
+    function Ye(C, N) {
+      k.value && k.value.jumpToLabel(C, N);
+    }
+    function Xe(C, N) {
+      k.value && k.value.jumpToPosition(C, N);
+    }
+    return ue("kfbViewRef", k), ue("show-keyboard", a), ue("show-kfb-label", p), ue("hidden-all-label", m), ue("file-index", d), ue("divide", r), ue("sync", s), e({
+      divide: r,
+      slide: c,
+      kfbViewRef: k,
+      jumpToSlide: qe,
+      jumpToLabel: Ye,
+      jumpToPosition: Xe,
+      enableAI: B(() => {
+        var C;
+        return ((C = t.ai) == null ? void 0 : C.enable) && R.value.length;
+      })
+    }), (C, N) => (_(), L("div", Sn, [
+      C.menus.length ? (_(), P(Re, {
+        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: m.value,
+            "onUpdate:modelValue": N[0] || (N[0] = (F) => m.value = F),
+            "active-text": o(w)("隐藏标签"),
+            class: "margin-r-2",
+            onChange: Ze
+          }, null, 8, ["modelValue", "active-text"]),
+          C.ai && C.ai.enable && o(M) === "IQC" ? (_(), P(o(Le), {
+            key: 0,
+            modelValue: o(Q),
+            "onUpdate:modelValue": N[1] || (N[1] = (F) => Ve(Q) ? Q.value = F : null),
+            "active-text": o(w)("AI质控"),
+            class: "margin-r-2",
+            onChange: o(W)
+          }, null, 8, ["modelValue", "active-text", "onChange"])) : C.ai && C.ai.enable && o(M) ? (_(), P(o(Le), {
+            key: 1,
+            modelValue: o(S),
+            "onUpdate:modelValue": N[2] || (N[2] = (F) => Ve(S) ? S.value = F : null),
+            "active-text": o(w)("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),
+      b("div", Hn, [
+        C.showList ? (_(), P(Fe, {
+          key: 0,
+          defer: "",
+          to: "#kfb-slide-list",
+          disabled: !C.teleport
+        }, [
+          T(Tn, {
+            ref_key: "slidesRef",
+            ref: f,
+            style: Z(C.teleport ? "" : "width: 250px"),
+            slides: C.slides,
+            onSelect: Ae,
+            onTool: te
+          }, {
+            slide: x(({ slide: F }) => [
+              de(C.$slots, "list", { slide: F })
+            ]),
+            _: 3
+          }, 8, ["style", "slides"])
+        ], 8, ["disabled"])) : A("", !0),
+        (_(), P(Fe, {
+          defer: "",
+          to: "#kfb-slide-view",
+          disabled: !C.teleport
+        }, [
+          b("div", Pn, [
+            i.value.length && r.value ? (_(), L("ul", Rn, [
+              (_(!0), L(le, null, oe(i.value, (F, re) => (_(), L("li", {
+                key: re,
+                style: Z(v.value),
+                class: ye(c.value.id === F.id ? "hzzt-kfb-view-screen-active" : ""),
+                onClick: (ke) => Se(F)
+              }, [
+                (_(), P(Me, Ke({
+                  ref_for: !0,
+                  ref_key: "kfbViewRefs",
+                  ref: h,
+                  key: `kfb-${re}`
+                }, { ref_for: !0 }, be(F), { onTool: te }), {
+                  default: x(() => [
+                    de(C.$slots, "kfb", { slide: F })
+                  ]),
+                  _: 2
+                }, 1040))
+              ], 14, An))), 128))
+            ])) : c.value ? (_(), P(Me, Ke({
+              key: 1,
+              ref_key: "kfbViewRef",
+              ref: g
+            }, be(c.value), { onTool: te }), {
+              default: x(() => [
+                de(C.$slots, "kfb", { slide: c.value })
+              ]),
+              _: 3
+            }, 16)) : A("", !0)
+          ])
+        ], 8, ["disabled"])),
+        C.ai && C.ai.enable && o(R).length ? (_(), P(Fe, {
+          key: 1,
+          defer: "",
+          to: "#kfb-slide-ai",
+          disabled: !C.teleport
+        }, [
+          T(In, {
+            style: Z(C.teleport ? "" : "width: 350px"),
+            ref_key: "kfbAiRef",
+            ref: l,
+            data: o(R),
+            slide: c.value
+          }, null, 8, ["style", "data", "slide"])
+        ], 8, ["disabled"])) : A("", !0),
+        de(C.$slots, "default")
+      ])
+    ]));
+  }
+});
+We.name = "HzztKfbSlide";
+Me.name = "HzztKfbView";
+Re.name = "HzztKfbToolbox";
+const Nn = (u, e) => {
+  u.use(vl, e == null ? void 0 : e.i18n), u.component(We.name, We), u.component(Me.name, Me), u.component(Re.name, Re);
+}, jn = {
+  install: Nn,
+  HzztKfbSlide: We,
+  HzztKfbView: Me,
+  HzztKfbToolbox: Re
+};
+export {
+  $t as D,
+  he as _,
+  X as a,
+  lt as b,
+  We as c,
+  Me as d,
+  Re as e,
+  jn as i,
+  ie as u
+};