hzzt-kfb-slide 0.0.3 → 0.0.5

package/dist/dist/components/indexDOcglE90.js

@@ -0,0 +1,2948 @@
+import { inject as Z, ref as $, markRaw as D, defineAsyncComponent as L, defineComponent as Y, createBlock as V, openBlock as h, unref as u, normalizeProps as ut, guardReactiveProps as ct, withCtx as P, resolveDynamicComponent as ke, useModel as Le, computed as j, createElementBlock as x, createElementVNode as g, createVNode as b, toDisplayString as O, Fragment as ee, renderList as le, createTextVNode as U, isRef as ze, watch as X, h as dt, provide as se, renderSlot as ue, mergeProps as Re, createCommentVNode as H, reactive as Je, onMounted as de, onBeforeUnmount as Pe, normalizeStyle as q, mergeDefaults as vt, withDirectives as je, vShow as Ze, getCurrentInstance as ft, mergeModels as Ee, normalizeClass as Ie, Teleport as Ne, withModifiers as Me } from "vue";
+import { ElIcon as he, ElRow as pt, ElCol as mt, ElSwitch as be, ElRadioGroup as vl, ElRadio as Se, ElDialog as Be, ElForm as Xe, ElFormItem as J, ElInput as Ge, ElButton as me, ElSlider as ht, ElLoading as _t, ElTag as Nl, ElCheckbox as Ue, ElTooltip as fl, ElPopover as gt, ElCheckboxGroup as wt, ElPagination as yt } from "element-plus";
+import { KfbView as ie, OpenSeadragon as ye } from "kfb-view";
+import bt from "v-lazy-image";
+function ve() {
+  const t = Z("i18n"), e = (l) => l;
+  return {
+    locale: t == null ? void 0 : t.locale,
+    t: (t == null ? void 0 : t.t) || e
+  };
+}
+const kt = {
+  install(t, e) {
+    t.provide("i18n", e == null ? void 0 : e.global);
+  }
+}, pe = $({
+  annotate: D(L(() => import("./annotateCPG0T3zR.js"))),
+  arrow: D(L(() => import("./arrowBJ1_uQ_E.js"))),
+  check: D(L(() => import("./checkD58Lt_t9.js"))),
+  dot: D(L(() => import("./dotBcz-OP0B.js"))),
+  flip: D(L(() => import("./flipBwR2T8Rs.js"))),
+  info: D(L(() => import("./infoC4fRWu15.js"))),
+  microscope: D(L(() => import("./microscopeDptxRPdj.js"))),
+  move: D(L(() => import("./moveCNc2f0wf.js"))),
+  next: D(L(() => import("./nextBX5bmT1e.js"))),
+  prev: D(L(() => import("./prevDRvSbFTC.js"))),
+  process: D(L(() => import("./processh0Wf3Q99.js"))),
+  rotate: D(L(() => import("./rotateCxZ7Z2pw.js"))),
+  fullscreen: D(L(() => import("./fullscreenCVgGTPtD.js"))),
+  setting: D(L(() => import("./settingCzWjOOeH.js"))),
+  tailor: D(L(() => import("./tailorCvZYsl2H.js"))),
+  download: D(L(() => import("./downloadBs4QK_IT.js"))),
+  config: D(L(() => import("./configFTiUKUAQ.js"))),
+  arrowDown: D(L(() => import("./arrowDownNi-pK4NR.js"))),
+  arrowUp: D(L(() => import("./arrowUpDNv09R_q.js"))),
+  arrowLeft: D(L(() => import("./arrowLeftBjlKltMm.js"))),
+  arrowRight: D(L(() => import("./arrowRight44qqQj9S.js"))),
+  zoomIn: D(L(() => import("./zoomInBFjk_aLI.js"))),
+  zoomOut: D(L(() => import("./zoomOutD3_PopeU.js"))),
+  level: D(L(() => import("./levelDjuyEKmz.js"))),
+  channel: D(L(() => import("./channelDTeDAbXs.js"))),
+  delete: D(L(() => import("./deleteCeXlMQda.js")))
+}), W = /* @__PURE__ */ Y({
+  __name: "KfbIcon",
+  props: {
+    name: {
+      type: [String, Number],
+      required: !0
+    }
+  },
+  setup(t) {
+    return (e, l) => (h(), V(u(he), ut(ct(e.$attrs)), {
+      default: P(() => [
+        (h(), V(ke(u(pe)[t.name])))
+      ]),
+      _: 1
+    }, 16));
+  }
+});
+var zt = Object.defineProperty, $t = Object.defineProperties, Pt = Object.getOwnPropertyDescriptors, pl = Object.getOwnPropertySymbols, xt = Object.prototype.hasOwnProperty, Ct = Object.prototype.propertyIsEnumerable, ml = (t, e, l) => e in t ? zt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: l }) : t[e] = l, Ot = (t, e) => {
+  for (var l in e || (e = {}))
+    xt.call(e, l) && ml(t, l, e[l]);
+  if (pl)
+    for (var l of pl(e))
+      Ct.call(e, l) && ml(t, l, e[l]);
+  return t;
+}, Tt = (t, e) => $t(t, Pt(e));
+const Lt = { class: "hzzt-kfb-tool-config" }, Et = { class: "hzzt-kfb-tool-config__title margin-b-2" }, Vt = { class: "hzzt-kfb-tool-config__block flex align-items-center" }, It = { class: "hzzt-kfb-tool-config__icon flex align-items-center justify-content-center" }, Mt = { class: "margin-l-4 flex-1" }, St = { class: "hzzt-kfb-tool-config__title" }, Ht = { class: "flex align-items-center" }, At = {
+  class: "margin-t-2 margin-b-2",
+  style: { width: "160px" }
+}, Dt = { class: "flex align-items-center" }, jt = {
+  class: "margin-t-2 margin-b-2",
+  style: { width: "160px" }
+}, Nt = /* @__PURE__ */ Y(Tt(Ot({}, {
+  name: "KfbToolConfig"
+}), {
+  __name: "KfbToolConfig",
+  props: {
+    menus: {
+      default: () => []
+    },
+    menusModifiers: {},
+    showText: { type: Boolean },
+    showTextModifiers: {}
+  },
+  emits: ["update:menus", "update:showText"],
+  setup(t) {
+    const e = Le(t, "menus"), l = Le(t, "showText"), { t: o } = ve(), m = j(() => e.value.filter((p) => p.name !== "line" && p.name !== "config" && p.name !== "zoom")), f = {
+      fullscreen: o("全屏"),
+      next: o("上一张"),
+      prev: o("上一张"),
+      flip: o("镜像翻转"),
+      setting: o("工具"),
+      rotate: o("旋转"),
+      dot: o("打点"),
+      annotate: o("标注"),
+      tailor: o("截图"),
+      process: o("图像处理"),
+      microscope: o("镜下"),
+      move: o("快速移动"),
+      info: o("信息"),
+      download: o("下载")
+    }, v = Z("show-keyboard", $(!1));
+    function i(p) {
+      return p in f;
+    }
+    function n(p) {
+      var _;
+      return ((_ = p.props) == null ? void 0 : _.text) || (i(p.name) ? f[p.name] : "");
+    }
+    return (p, _) => (h(), x("div", Lt, [
+      g("h3", Et, O(u(o)("显示管理")), 1),
+      b(u(pt), { gutter: 10 }, {
+        default: P(() => [
+          (h(!0), x(ee, null, le(m.value, (r) => (h(), V(u(mt), {
+            key: r.name,
+            span: 8
+          }, {
+            default: P(() => {
+              var s, c;
+              return [
+                g("div", Vt, [
+                  g("div", It, [
+                    (s = r.props) != null && s.component ? (h(), V(ke((c = r.props) == null ? void 0 : c.component), {
+                      key: 1,
+                      size: 24
+                    })) : (h(), V(W, {
+                      key: 0,
+                      size: 24,
+                      name: r.name
+                    }, null, 8, ["name"]))
+                  ]),
+                  g("p", Mt, O(n(r)), 1),
+                  b(u(be), {
+                    modelValue: r.show,
+                    "onUpdate:modelValue": (d) => r.show = d,
+                    "active-text": "",
+                    "inactive-text": ""
+                  }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                ])
+              ];
+            }),
+            _: 2
+          }, 1024))), 128))
+        ]),
+        _: 1
+      }),
+      g("div", null, [
+        g("h3", St, O(u(o)("其他设置")), 1),
+        g("div", Ht, [
+          g("p", At, O(u(o)("工具列表显示切换")), 1),
+          b(u(vl), {
+            modelValue: l.value,
+            "onUpdate:modelValue": _[0] || (_[0] = (r) => l.value = r)
+          }, {
+            default: P(() => [
+              b(u(Se), { value: !0 }, {
+                default: P(() => [
+                  U(O(u(o)("显示工具名称")), 1)
+                ]),
+                _: 1
+              }),
+              b(u(Se), { value: !1 }, {
+                default: P(() => [
+                  U(O(u(o)("隐藏工具名称")), 1)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        g("div", Dt, [
+          g("p", jt, O(u(o)("小键盘显示切换")), 1),
+          b(u(vl), {
+            modelValue: u(v),
+            "onUpdate:modelValue": _[1] || (_[1] = (r) => ze(v) ? v.value = r : null)
+          }, {
+            default: P(() => [
+              b(u(Se), { value: !0 }, {
+                default: P(() => [
+                  U(O(u(o)("显示小键盘")), 1)
+                ]),
+                _: 1
+              }),
+              b(u(Se), { value: !1 }, {
+                default: P(() => [
+                  U(O(u(o)("隐藏小键盘")), 1)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ])
+      ])
+    ]));
+  }
+}));
+var Rt = Object.defineProperty, Bt = Object.defineProperties, Ut = Object.getOwnPropertyDescriptors, hl = Object.getOwnPropertySymbols, Ft = Object.prototype.hasOwnProperty, Kt = Object.prototype.propertyIsEnumerable, _l = (t, e, l) => e in t ? Rt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: l }) : t[e] = l, He = (t, e) => {
+  for (var l in e || (e = {}))
+    Ft.call(e, l) && _l(t, l, e[l]);
+  if (hl)
+    for (var l of hl(e))
+      Kt.call(e, l) && _l(t, l, e[l]);
+  return t;
+}, gl = (t, e) => Bt(t, Ut(e));
+const Zt = { class: "hzzt-kfb-toolbox" }, Gt = { class: "hzzt-kfb-toolbox__component" }, Ve = /* @__PURE__ */ Y(gl(He({}, {
+  name: "KfbToolbox"
+}), {
+  __name: "KfbToolbox",
+  props: {
+    menu: {},
+    process: {},
+    microscope: {},
+    showMenuText: { type: Boolean }
+  },
+  emits: ["tool"],
+  setup(t, { emit: e }) {
+    const l = t, o = e, { t: m } = ve(), f = {
+      prev: m("上一张"),
+      next: m("下一张"),
+      config: m("配置"),
+      info: m("信息"),
+      flip: m("镜像"),
+      tailor: m("截图")
+    }, v = Z("kfbViewRef"), i = $(!1), n = $(l.showMenuText), p = $(s(l.menu)), _ = {
+      fullscreen: L(() => import("./fullscreenDvfoQFJX.js")),
+      line: L(() => import("./lineBIoJpzbf.js")),
+      setting: L(() => import("./settingC3yidTns.js")),
+      rotate: L(() => import("./rotateBdsvaWJ_.js")),
+      dot: L(() => import("./dotC4Q5qfQ3.js")),
+      annotate: L(() => import("./annotateCqAOjkGt.js")),
+      process: L(() => import("./processBHqsEap8.js")),
+      microscope: L(() => import("./microscopeD4o4Sywm.js")),
+      move: L(() => import("./moveBM4KQ8bE.js")),
+      custom: L(() => import("./customLw3nDjEr.js")),
+      zoom: L(() => import("./zoomcWHR4OY6.js")),
+      download: L(() => import("./downloadGCe-OpHT.js"))
+    }, r = j(() => p.value.filter((d) => d.show !== !1).map((d) => ({
+      component: _[d.name],
+      props: d.props,
+      slots: d.slots
+    })));
+    X(() => l.menu, (d) => {
+      p.value = s(d);
+    });
+    function s(d) {
+      return d.map((a) => {
+        const y = typeof a == "string" ? a : a.name;
+        return f[y] ? {
+          name: "custom",
+          show: typeof a == "string" ? !0 : a.show !== !1,
+          props: gl(He({
+            text: f[y]
+          }, typeof a == "string" ? {} : a.props), {
+            name: y,
+            component: dt(W, {
+              name: y
+            })
+          })
+        } : y === "process" ? {
+          name: y,
+          props: typeof a == "string" ? {
+            process: l.process
+          } : He({
+            process: l.process
+          }, a.props),
+          slots: typeof a == "string" ? void 0 : a.slots,
+          show: typeof a == "string" ? !0 : a.show !== !1
+        } : y === "microscope" ? {
+          name: y,
+          props: typeof a == "string" ? {
+            process: l.process
+          } : He({
+            microscope: l.microscope
+          }, a.props),
+          slots: typeof a == "string" ? void 0 : a.slots,
+          show: typeof a == "string" ? !0 : a.show !== !1
+        } : {
+          name: y,
+          props: typeof a == "string" ? {} : a.props,
+          slots: typeof a == "string" ? void 0 : a.slots,
+          show: typeof a == "string" ? !0 : a.show !== !1
+        };
+      });
+    }
+    function c(d, a) {
+      const y = {
+        annotate: () => v.value.startDraw(a),
+        tailor: () => v.value.shotScreen(a),
+        process: () => v.value.forceRedraw(a),
+        microscope: () => v.value.scopeChange(a),
+        move: () => v.value.fastMove(a),
+        endDraw: () => v.value.endDraw(),
+        info: () => v.value.info(),
+        zoom: () => v.value.zoomTo(a),
+        flip: () => v.value.toggleFlip(a),
+        config: () => i.value = !0,
+        grid: () => v.value.updateGrid(a),
+        ruler: () => v.value.updateGrid(a),
+        graduation: () => v.value.updateGraduation(a),
+        navigator: () => v.value.updateNavigator(a),
+        tool: () => {
+          v.value.updateGrid({
+            show: a
+          }), v.value.updateGraduation({
+            show: a
+          }), v.value.updateGrid({
+            ruler: a
+          }), v.value.updateNavigator(a);
+        }
+      };
+      y[d] ? y[d]() : o("tool", d, a);
+    }
+    return se("show-text", n), (d, a) => (h(), x("div", Zt, [
+      ue(d.$slots, "left"),
+      g("div", Gt, [
+        (h(!0), x(ee, null, le(r.value, (y, w) => (h(), V(ke(y.component), Re({ ref_for: !0 }, y.props, {
+          key: w,
+          onTool: c
+        }), {
+          default: P(() => [
+            y.slots ? (h(!0), x(ee, { key: 0 }, le(y.slots, (S) => (h(), V(ke(S)))), 256)) : H("", !0)
+          ]),
+          _: 2
+        }, 1040))), 128))
+      ]),
+      ue(d.$slots, "right"),
+      b(u(Be), {
+        modelValue: i.value,
+        "onUpdate:modelValue": a[2] || (a[2] = (y) => i.value = y),
+        width: "800px",
+        title: u(m)("阅片工具设置中心")
+      }, {
+        default: P(() => [
+          b(Nt, {
+            menus: p.value,
+            "onUpdate:menus": a[0] || (a[0] = (y) => p.value = y),
+            showText: n.value,
+            "onUpdate:showText": a[1] || (a[1] = (y) => n.value = y)
+          }, null, 8, ["menus", "showText"])
+        ]),
+        _: 1
+      }, 8, ["modelValue", "title"])
+    ]));
+  }
+})), el = "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", Qe = {
+  shape: "50%",
+  width: 0.3,
+  color: "#FA0404",
+  borderWidth: 5
+}, Rl = {
+  r: 0,
+  g: 0,
+  b: 0,
+  c: 0,
+  s: 0,
+  l: 0,
+  ga: 1
+};
+var Wt = Object.defineProperty, wl = Object.getOwnPropertySymbols, qt = Object.prototype.hasOwnProperty, Yt = Object.prototype.propertyIsEnumerable, yl = (t, e, l) => e in t ? Wt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: l }) : t[e] = l, bl = (t, e) => {
+  for (var l in e || (e = {}))
+    qt.call(e, l) && yl(t, l, e[l]);
+  if (wl)
+    for (var l of wl(e))
+      Yt.call(e, l) && yl(t, l, e[l]);
+  return t;
+};
+function Xt(t) {
+  const e = Je(bl(bl({}, Rl), t.process));
+  X(() => t.process, (f) => {
+    m(f);
+  });
+  const l = j(() => {
+    const f = [
+      1 + e.r + e.l + 0.5 * e.c,
+      0,
+      0,
+      0,
+      -0.25 * e.c
+    ], v = [
+      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
+    ], n = [0, 0, 0, 1, 0];
+    return `${f.join(" ")}
+${v.join(" ")}
+${i.join(" ")}
+${n.join(" ")}`;
+  }), o = j(() => String(1 + e.s));
+  function m(f) {
+    f && Object.assign(e, f);
+  }
+  return {
+    imageProcess: e,
+    matrixValues: l,
+    saturateValues: o,
+    forceRedraw: m
+  };
+}
+function Qt(t, e) {
+  function l() {
+    e.value.$on(ie.events.EVENT_TAILORING_SCREENSHOT, o);
+  }
+  function o({ base64: v, region: i }) {
+    if (window.ClipboardItem && (navigator != null && navigator.clipboard)) {
+      const n = m(v, "image/png");
+      navigator.clipboard.write([
+        new window.ClipboardItem({
+          [n.type]: n
+        })
+      ]);
+    }
+    t("tool", "screen-shot", { base64: v, region: i });
+  }
+  function m(v, i) {
+    var n, p;
+    const _ = v.split(",");
+    (p = (n = _[0]) == null ? void 0 : n.match(/:(.*?);/)) == null || p[1];
+    const r = atob(_ == null ? void 0 : _[1]);
+    let s = r.length;
+    const c = new Uint8Array(s);
+    for (; s--; )
+      c[s] = r.charCodeAt(s);
+    return new Blob([c], { type: i });
+  }
+  function f(v) {
+    const { width: i, height: n } = e.value.$options;
+    v ? i > n ? e.value.tailoring.init(
+      {
+        left: (i - n) / 2,
+        top: 0,
+        height: n,
+        width: n,
+        now: !0
+      }
+    ) : e.value.tailoring.init(
+      {
+        left: 0,
+        top: (n - i) / 2,
+        height: i,
+        width: i,
+        now: !0
+      }
+    ) : e.value.tailoring.init(
+      {
+        left: i / 2 - 100,
+        top: n / 2 - 100,
+        height: 200,
+        width: 200,
+        color: "#ff0000"
+      }
+    );
+  }
+  return {
+    tailorEvent: l,
+    shotScreen: f
+  };
+}
+const Jt = "data:image/svg+xml,%3csvg%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cdefs%3e%3cstyle%20type='text/css'%3e@font-face%20{%20font-family:%20feedback-iconfont;%20src:%20url('//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944')%20format('woff2'),%20url('//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944')%20format('woff'),%20url('//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944')%20format('truetype');%20}%20%3c/style%3e%3c/defs%3e%3cpath%20fill='currentColor'%20d='M848%20432a80.064%2080.064%200%200%200-73.216%2048H217.216A80.096%2080.096%200%200%200%20144%20432%2080.096%2080.096%200%200%200%2064%20512c0%2044.128%2035.904%2080%2080%2080A80%2080%200%200%200%20217.216%20544h557.536a80%2080%200%200%200%2073.216%2048c44.128%200%2080-35.872%2080-80a80.032%2080.032%200%200%200-79.968-80z'%20%3e%3c/path%3e%3c/svg%3e", eo = "data:image/svg+xml,%3csvg%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cdefs%3e%3cstyle%20type='text/css'%3e@font-face%20{%20font-family:%20feedback-iconfont;%20src:%20url('//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944')%20format('woff2'),%20url('//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944')%20format('woff'),%20url('//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944')%20format('truetype');%20}%20%3c/style%3e%3c/defs%3e%3cpath%20fill='currentColor'%20d='M462%20881V81c0-27.6%2022.4-50%2050-50s50%2022.4%2050%2050v800c0%2027.6-22.4%2050-50%2050s-50-22.4-50-50z'%3e%3c/path%3e%3cpath%20fill='currentColor'%20d='M483.3%20907.6l212.1-212.1c19.5-19.5%2051.2-19.5%2070.7%200s19.5%2051.2%200%2070.7L554%20978.4c-19.5%2019.5-51.2%2019.5-70.7%200-19.6-19.6-19.6-51.2%200-70.8z'%20%3e%3c/path%3e%3cpath%20fill='currentColor'%20d='M328.6%20695.5l212.1%20212.1c19.5%2019.5%2019.5%2051.2%200%2070.7s-51.2%2019.5-70.7%200L257.9%20766.2c-19.5-19.5-19.5-51.2%200-70.7s51.2-19.5%2070.7%200z'%20%3e%3c/path%3e%3c/svg%3e", lo = "data:image/svg+xml,%3csvg%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cdefs%3e%3cstyle%20type='text/css'%3e@font-face%20{%20font-family:%20feedback-iconfont;%20src:%20url('//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944')%20format('woff2'),%20url('//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944')%20format('woff'),%20url('//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944')%20format('truetype');%20}%20%3c/style%3e%3c/defs%3e%3cpath%20fill='currentColor'%20d='M474.3%20480.7L113.9%20836.6c-20.2%2019-21.2%2050.7-2.3%2071%200.7%200.8%201.5%201.5%202.3%202.3%209.5%2010.4%2023%2016.1%2037.1%2015.7%2014.1%200.4%2027.6-5.3%2037.1-15.7l323.3-319.1%20323.3%20319.1c9.5%2010.4%2023.1%2016.1%2037.1%2015.7%2014.1%200.4%2027.6-5.3%2037.1-15.7%2020.2-19%2021.2-50.7%202.3-71-0.7-0.8-1.5-1.5-2.3-2.3L548.5%20480.7c-19.9-20.5-52.6-21-73.1-1.1-0.4%200.3-0.8%200.7-1.1%201.1z%20m0-366.3L113.9%20470.2c-20.2%2019-21.2%2050.7-2.3%2071%200.7%200.8%201.5%201.5%202.3%202.3%209.5%2010.4%2023%2016.1%2037.1%2015.7%2014.1%200.4%2027.6-5.3%2037.1-15.6l323.3-319.2%20323.3%20319.2c9.5%2010.4%2023.1%2016.1%2037.1%2015.6%2014%200.4%2027.6-5.3%2037.1-15.6%2020.2-19%2021.2-50.7%202.3-71-0.7-0.8-1.5-1.5-2.3-2.3L548.5%20114.4c-19.9-20.5-52.6-21-73.1-1.1l-1.1%201.1z'%3e%3c/path%3e%3c/svg%3e", to = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='333.426'%20height='331.939'%20viewBox='0%200%20333.426%20331.939'%3e%3cg%20id='_10矩形'%20transform='translate(-63.7%20-66.2)'%3e%3cpath%20fill='currentColor'%20id='路径_2'%20d='M205.976,168.3H378.8v13.786H205.976Zm0,242.015H378.8V424.1H205.976ZM165.812,381.07V208.245H179.6V381.07Zm243.5,0V208.244H423.1V381.07Z'%20transform='translate(-64.168%20-64.161)'/%3e%3cpath%20fill='currentColor'%20id='路径_3'%20d='M108.662,66.2a44.962,44.962,0,1,0,44.962,44.962A44.975,44.975,0,0,0,108.662,66.2Zm-.037,75.618a30.73,30.73,0,1,1,30.73-30.73A30.718,30.718,0,0,1,108.625,141.818Zm.037,166.4a44.962,44.962,0,1,0,44.962,44.962,44.975,44.975,0,0,0-44.962-44.962Zm-.037,75.655a30.73,30.73,0,1,1,30.73-30.73A30.718,30.718,0,0,1,108.625,383.87Zm243.539-75.655a44.962,44.962,0,1,0,44.962,44.962A44.975,44.975,0,0,0,352.164,308.215Zm-.037,75.655a30.73,30.73,0,1,1,30.73-30.73A30.718,30.718,0,0,1,352.126,383.87Zm.037-317.67a44.962,44.962,0,1,0,44.962,44.962A44.975,44.975,0,0,0,352.164,66.2Zm-.037,75.618a30.73,30.73,0,1,1,30.73-30.73A30.718,30.718,0,0,1,352.126,141.818Z'/%3e%3c/g%3e%3c/svg%3e", oo = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='333'%20height='332'%20viewBox='0%200%20333%20332'%3e%3cg%20id='椭圆_1'%20fill='none'%20stroke='currentColor'%20stroke-width='30'%3e%3cellipse%20cx='166.5'%20cy='166'%20rx='156.5'%20ry='156'%20stroke='none'/%3e%3cellipse%20cx='166.5'%20cy='166'%20rx='149'%20ry='148.5'%20fill='none'/%3e%3c/g%3e%3c/svg%3e", no = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='322.663'%20height='322.663'%20viewBox='0%200%20322.663%20144.368'%3e%3cg%20id='组_1'%20transform='translate(-17.337%20-208.632)'%3e%3cpath%20id='路径_1'%20d='M21,254.606s69.664-74.994,139.621-8.395'%20fill='none'%20stroke='currentColor'%20stroke-width='20'/%3e%3cg%20id='椭圆_2'%20transform='translate(153%20233)'%20fill='%23fff'%20stroke='currentColor'%20stroke-width='20'%3e%3ccircle%20cx='22.5'%20cy='22.5'%20r='25.5'%20stroke='none'/%3e%3ccircle%20cx='22.5'%20cy='22.5'%20r='22.5'%20fill='none'/%3e%3c/g%3e%3cpath%20id='路径_2'%20d='M187.5,274.23s15.48,96.483,113.05,65.285'%20transform='translate(-4.814%20-5.239)'%20fill='none'%20stroke='currentColor'%20stroke-width='20'/%3e%3cg%20id='椭圆_3'%20transform='translate(295%20308)'%20fill='%23fff'%20stroke='currentColor'%20stroke-width='20'%3e%3ccircle%20cx='12.5'%20cy='12.5'%20r='22.5'%20stroke='none'/%3e%3ccircle%20cx='12.5'%20cy='12.5'%20r='22.5'%20fill='none'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e", ao = "data:image/svg+xml,%3csvg%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cdefs%3e%3cstyle%20type='text/css'%3e@font-face%20{%20font-family:%20feedback-iconfont;%20src:%20url('//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944')%20format('woff2'),%20url('//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944')%20format('woff'),%20url('//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944')%20format('truetype');%20}%20%3c/style%3e%3c/defs%3e%3cpath%20fill='currentColor'%20d='M575.852903%20115.426402L661.092435%20288.054362c10.130509%2020.465674%2029.675227%2034.689317%2052.289797%2037.963825l190.433097%2027.62866c56.996902%208.288598%2079.7138%2078.281203%2038.475467%20118.496253l-137.836314%20134.35715c-16.372539%2015.963226-23.84251%2038.987109-19.954032%2061.49935l32.540421%20189.716799c9.721195%2056.792245-49.833916%20100.077146-100.793444%2073.267113L545.870691%20841.446188a69.491196%2069.491196%200%200%200-64.67153%200l-170.376737%2089.537324c-50.959528%2026.810033-110.51464-16.474868-100.793444-73.267113L242.569401%20667.9996c3.888478-22.512241-3.581493-45.536125-19.954032-61.49935L84.779055%20472.245428c-41.238333-40.215049-18.521435-110.207655%2038.475467-118.496252l190.433097-27.62866c22.61457-3.274508%2042.159288-17.498151%2052.289797-37.963826L451.319277%20115.426402c25.479764-51.675827%2099.053862-51.675827%20124.533626%200z'%20%3e%3c/path%3e%3c/svg%3e", ro = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='320.756'%20height='350.074'%20viewBox='0%200%20320.756%20350.074'%3e%3cpath%20fill='currentColor'%20id='排除_1'%20d='M21.624,350.074a22.1,22.1,0,0,1-7.779-1.492A24.658,24.658,0,0,1,6.9,344.519,20.489,20.489,0,0,1,1.912,338.5,15.465,15.465,0,0,1,0,331.144V18.933a15.279,15.279,0,0,1,1.952-7.376A20.6,20.6,0,0,1,7.032,5.54,25.191,25.191,0,0,1,14.07,1.486,22.529,22.529,0,0,1,21.9,0a22.226,22.226,0,0,1,7.777,1.488,24.613,24.613,0,0,1,6.944,4.054,20.429,20.429,0,0,1,4.989,6.017,15.515,15.515,0,0,1,1.912,7.376v312.2a15.216,15.216,0,0,1-1.956,7.358,20.7,20.7,0,0,1-5.085,6.019,25.282,25.282,0,0,1-7.039,4.064A22.421,22.421,0,0,1,21.624,350.074ZM320.756,205.783H60.764L61.02,17.351l259.736,1.585v.728l-63.48,96.82,63.48,88.425v.873h0Z'%20transform='translate(0)'/%3e%3c/svg%3e", so = "data:image/svg+xml,%3csvg%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cdefs%3e%3cstyle%20type='text/css'%3e@font-face%20{%20font-family:%20feedback-iconfont;%20src:%20url('//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944')%20format('woff2'),%20url('//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944')%20format('woff'),%20url('//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944')%20format('truetype');%20}%20%3c/style%3e%3c/defs%3e%3cpath%20fill='currentColor'%20d='M512%20690a112%20112%200%201%200%200-350%20112%20112%200%200%200%200%20350z'%3e%3c/path%3e%3c/svg%3e", io = "data:image/svg+xml,%3csvg%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cdefs%3e%3cstyle%20type='text/css'%3e@font-face%20{%20font-family:%20feedback-iconfont;%20src:%20url('//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944')%20format('woff2'),%20url('//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944')%20format('woff'),%20url('//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944')%20format('truetype');%20}%20%3c/style%3e%3c/defs%3e%3cpath%20d='M563.2%20281.6V870.4a51.2%2051.2%200%200%201-102.4%200V281.6H179.2a51.2%2051.2%200%201%201%200-102.4h665.6a51.2%2051.2%200%200%201%200%20102.4H563.2z'%20fill='currentColor'%3e%3c/path%3e%3c/svg%3e", uo = "data:image/svg+xml,%3csvg%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20width='200'%20height='200'%3e%3cpath%20d='M515.041727%20670.617766c91.584167%200%20166.095647-74.504255%20166.095647-166.095646V229.350568c0-91.584167-74.51148-166.095647-166.095647-166.095647-91.598617%200-166.102872%2074.51148-166.102871%20166.095647V504.52212c0%2091.591392%2074.504255%20166.095647%20166.102871%20166.095646z'%20fill='currentColor'%3e%3c/path%3e%3cpath%20d='M801.643237%20874.001665H558.391759v-45.423608c161.507768-21.313766%20286.60151-159.788217%20286.60151-327.01819a43.350032%2043.350032%200%200%200-86.700064%200c0%20134.124998-109.12648%20243.251478-243.258703%20243.251479-134.124998%200-243.244253-109.12648-243.244253-243.251479a43.350032%2043.350032%200%200%200-86.700063%200c0%20167.229972%20125.100967%20305.711649%20286.601509%20327.01819v45.423608H228.440217a43.350032%2043.350032%200%200%200%200%2086.700064h573.20302a43.350032%2043.350032%200%200%200%200-86.700064z'%20fill='currentColor'%3e%3c/path%3e%3c/svg%3e";
+var co = Object.defineProperty, vo = Object.defineProperties, fo = Object.getOwnPropertyDescriptors, kl = Object.getOwnPropertySymbols, po = Object.prototype.hasOwnProperty, mo = Object.prototype.propertyIsEnumerable, zl = (t, e, l) => e in t ? co(t, e, { enumerable: !0, configurable: !0, writable: !0, value: l }) : t[e] = l, $l = (t, e) => {
+  for (var l in e || (e = {}))
+    po.call(e, l) && zl(t, l, e[l]);
+  if (kl)
+    for (var l of kl(e))
+      mo.call(e, l) && zl(t, l, e[l]);
+  return t;
+}, Pl = (t, e) => vo(t, fo(e));
+const ho = ["onClick"], _o = ["src"], go = {
+  key: 2,
+  style: { width: "18px" },
+  class: "margin-r-3"
+}, wo = {
+  key: 1,
+  class: "hzzt-kfb-sub-menu"
+}, yo = ["onClick"], bo = { class: "flex align-items-center" }, ko = ["src"], zo = {
+  key: 2,
+  style: { width: "18px" },
+  class: "margin-r-2"
+}, $o = /* @__PURE__ */ Y({
+  __name: "KfbMenu",
+  props: {
+    menus: {}
+  },
+  emits: ["tool"],
+  setup(t, { emit: e }) {
+    const l = $({
+      top: "0",
+      left: "0",
+      display: "none"
+    }), o = Z("kfbView", $({})), m = Z("currentLabel"), f = t, v = e, { t: i } = ve(), n = [
+      {
+        label: i("直线"),
+        value: "line",
+        icon: Jt
+      },
+      {
+        label: i("箭头"),
+        value: "arrow",
+        icon: eo
+      },
+      {
+        label: i("双箭头"),
+        value: "bilateral",
+        icon: lo
+      },
+      {
+        label: i("矩形"),
+        value: "rectangle",
+        icon: to
+      },
+      {
+        label: i("圆形"),
+        value: "ellipse",
+        icon: oo
+      },
+      {
+        label: i("曲线"),
+        value: "polygon",
+        icon: no
+      },
+      {
+        label: i("星星"),
+        value: "star",
+        icon: ao
+      },
+      {
+        label: i("旗帜"),
+        value: "flag",
+        icon: ro
+      },
+      {
+        label: i("点"),
+        value: "dot",
+        icon: so
+      },
+      {
+        label: i("文字"),
+        value: "font",
+        icon: io
+      },
+      {
+        label: i("语音"),
+        value: "voice",
+        icon: uo
+      }
+    ], p = j(() => {
+      var d;
+      return m != null && m.value ? [{
+        label: i("删除"),
+        value: "delete",
+        icon: pe.value.delete
+      }] : (d = f.menus) != null && d.length ? f.menus.map((a) => a.value === "annotate" ? Pl($l({}, a), {
+        children: n
+      }) : Pl($l({}, a), {
+        icon: a.icon || pe.value[a.value]
+      })) : [
+        {
+          label: i("上一张"),
+          value: "prev"
+        },
+        {
+          label: i("下一张"),
+          value: "next"
+        },
+        {
+          label: i("标注"),
+          value: "annotate",
+          icon: pe.value.annotate,
+          children: n
+        },
+        {
+          label: i("一键截图"),
+          value: "tailor_now",
+          icon: pe.value.tailor
+        },
+        {
+          label: i("区域截图"),
+          value: "tailor"
+        },
+        {
+          label: i("镜像翻转"),
+          value: "flip",
+          icon: pe.value.flip
+        },
+        {
+          label: i("切片信息"),
+          value: "info",
+          icon: pe.value.info
+        }
+      ];
+    });
+    X(() => o.value, (d, a) => {
+      a != null && a.viewer && (a.viewer.removeHandler("canvas-contextmenu", _), a.viewer.removeHandler("canvas-click", r)), d != null && d.viewer && (d.viewer.addHandler("canvas-contextmenu", _), d.viewer.addHandler("canvas-click", r));
+    }), de(() => {
+      var d;
+      (d = o.value) != null && d.viewer && (o.value.viewer.addHandler("canvas-contextmenu", _), o.value.viewer.addHandler("canvas-click", r)), document.body.addEventListener("click", r);
+    }), Pe(() => {
+      var d;
+      (d = o.value) != null && d.viewer && (o.value.viewer.removeHandler("canvas-contextmenu", _), o.value.viewer.removeHandler("canvas-click", r)), document.body.removeEventListener("click", r);
+    });
+    function _(d) {
+      d.preventDefault = !0, l.value.top = `${d.position.y}px`, l.value.left = `${d.position.x}px`, l.value.display === "block" ? l.value.display = "none" : l.value.display = "block";
+    }
+    function r() {
+      l.value.display = "none";
+    }
+    function s(d, a) {
+      d.children || ((a == null ? void 0 : a.value) === "annotate" ? v("tool", "annotate", {
+        tool: d.value.substring(0, 1).toLocaleUpperCase() + d.value.substring(1),
+        once: !0
+      }) : d.value === "tailor_now" ? v("tool", "tailor", !0) : v("tool", d.value), r());
+    }
+    function c(d) {
+      return d == null || typeof d != "object" && typeof d != "function" ? !1 : (
+        // 函数式组件
+        typeof d == "function" || // 对象式组件
+        "render" in d || "setup" in d
+      );
+    }
+    return (d, a) => (h(), x("div", {
+      class: "hzzt-kfb-menu",
+      style: q(l.value)
+    }, [
+      (h(!0), x(ee, null, le(p.value, (y, w) => (h(), x("div", {
+        key: w,
+        class: "hzzt-kfb-menu-item"
+      }, [
+        g("div", {
+          class: "flex align-items-center",
+          onClick: (S) => s(y)
+        }, [
+          c(y.icon) ? (h(), V(u(he), {
+            key: 0,
+            class: "margin-r-3",
+            size: 18
+          }, {
+            default: P(() => [
+              (h(), V(ke(y.icon)))
+            ]),
+            _: 2
+          }, 1024)) : y.icon ? (h(), x("img", {
+            key: 1,
+            style: { width: "18px" },
+            class: "margin-r-2",
+            src: y.icon
+          }, null, 8, _o)) : (h(), x("div", go)),
+          g("span", null, O(y.label), 1)
+        ], 8, ho),
+        y.children ? (h(), V(W, {
+          key: 0,
+          name: "arrowRight",
+          class: "margin-r-2",
+          size: 14
+        })) : H("", !0),
+        y.children ? (h(), x("div", wo, [
+          (h(!0), x(ee, null, le(y.children, (S, I) => (h(), x("div", {
+            key: I,
+            class: "hzzt-kfb-menu-item",
+            onClick: (E) => s(S, y)
+          }, [
+            g("div", bo, [
+              c(S.icon) ? (h(), V(u(he), {
+                key: 0,
+                class: "margin-r-2",
+                size: 18
+              }, {
+                default: P(() => [
+                  (h(), V(ke(S.icon)))
+                ]),
+                _: 2
+              }, 1024)) : S.icon ? (h(), x("img", {
+                key: 1,
+                style: { width: "18px" },
+                class: "margin-r-2",
+                src: S.icon
+              }, null, 8, ko)) : (h(), x("div", zo)),
+              g("span", null, O(S.label), 1)
+            ])
+          ], 8, yo))), 128))
+        ])) : H("", !0)
+      ]))), 128))
+    ], 4));
+  }
+}), _e = (t, e) => {
+  const l = t.__vccOpts || t;
+  for (const [o, m] of e)
+    l[o] = m;
+  return l;
+}, Po = /* @__PURE__ */ _e($o, [["__scopeId", "data-v-739aad62"]]);
+var xo = Object.defineProperty, xl = Object.getOwnPropertySymbols, Co = Object.prototype.hasOwnProperty, Oo = Object.prototype.propertyIsEnumerable, Cl = (t, e, l) => e in t ? xo(t, e, { enumerable: !0, configurable: !0, writable: !0, value: l }) : t[e] = l, We = (t, e) => {
+  for (var l in e || (e = {}))
+    Co.call(e, l) && Cl(t, l, e[l]);
+  if (xl)
+    for (var l of xl(e))
+      Oo.call(e, l) && Cl(t, l, e[l]);
+  return t;
+};
+const To = {
+  key: 0,
+  class: "hzzt-kfb-microscope"
+}, Lo = /* @__PURE__ */ Y({
+  __name: "KfbMicroscope",
+  props: /* @__PURE__ */ vt({
+    shape: {},
+    width: {},
+    color: {},
+    borderWidth: {}
+  }, We({}, Qe)),
+  setup(t, { expose: e }) {
+    const l = t, o = Je(We(We({}, Qe), l));
+    X(() => l, (r) => {
+      _({ name: "change", value: r });
+    });
+    const m = $("200px"), f = $(!1), v = j(() => ({
+      borderRadius: o.shape,
+      borderColor: o.color,
+      borderWidth: o.borderWidth + "px",
+      width: m.value,
+      height: m.value
+    })), i = Z("kfbView", $({}));
+    X(() => i.value, (r, s) => {
+      s != null && s.viewer && s.viewer.removeHandler("zoom", n), r != null && r.viewer && r.viewer.addHandler("zoom", n);
+    }), de(() => {
+      var r;
+      (r = i.value) != null && r.viewer && i.value.viewer.addHandler("zoom", n);
+    }), Pe(() => {
+      var r;
+      (r = i.value) != null && r.viewer && i.value.viewer.removeHandler("zoom", n);
+    });
+    function n() {
+      setTimeout(() => {
+        _({ name: "change", value: o });
+      }, 100);
+    }
+    function p(r) {
+      let { x: s, y: c } = i.value.viewer.viewport.getCenter(!0);
+      r === "top" ? c -= 6e-3 : r === "bottom" ? c += 6e-3 : r === "left" ? s -= 6e-3 : r === "right" && (s += 6e-3), i.value.area.moveToLabel({ x: s, y: c });
+    }
+    function _({ name: r, value: s }) {
+      var c, d;
+      const a = (d = (c = i.value.$options) == null ? void 0 : c.pxConversion) == null ? void 0 : d.imageCapRes;
+      if (r === "visible") {
+        if (f.value = s, s) {
+          const y = i.value.area.imageToViewerElementRectangle(
+            {
+              x: 0,
+              y: 0,
+              width: o.width * 1e3 / a,
+              height: o.width * 1e3 / a
+            }
+          );
+          m.value = y.width + "px";
+        }
+      } else if (r === "change") {
+        Object.assign(o, s);
+        const y = i.value.area.imageToViewerElementRectangle(
+          {
+            x: 0,
+            y: 0,
+            width: o.width * 1e3 / a,
+            height: o.width * 1e3 / a
+          }
+        );
+        m.value = y.width + "px";
+      }
+    }
+    return e({
+      scopeChange: _
+    }), (r, s) => f.value ? (h(), x("div", To, [
+      g("div", {
+        class: "hzzt-kfb-microscope__container",
+        style: q(v.value)
+      }, null, 4),
+      g("div", {
+        class: "hzzt-kfb-microscope__top",
+        onClick: s[0] || (s[0] = (c) => p("top"))
+      }, [
+        b(W, {
+          size: "24",
+          name: "arrowUp"
+        })
+      ]),
+      g("div", {
+        class: "hzzt-kfb-microscope__bottom",
+        onClick: s[1] || (s[1] = (c) => p("bottom"))
+      }, [
+        b(W, {
+          size: "24",
+          name: "arrowDown"
+        })
+      ]),
+      g("div", {
+        class: "hzzt-kfb-microscope__left",
+        onClick: s[2] || (s[2] = (c) => p("left"))
+      }, [
+        b(W, {
+          size: "24",
+          name: "arrowLeft"
+        })
+      ]),
+      g("div", {
+        class: "hzzt-kfb-microscope__right",
+        onClick: s[3] || (s[3] = (c) => p("right"))
+      }, [
+        b(W, {
+          size: "24",
+          name: "arrowRight"
+        })
+      ])
+    ])) : H("", !0);
+  }
+}), Eo = /* @__PURE__ */ _e(Lo, [["__scopeId", "data-v-e8b36101"]]), Vo = { class: "hzzt-kfb-label flex column" }, Io = { class: "hzzt-kfb-label__img flex justify-content-center" }, Mo = ["src"], So = { class: "ellipsis flex-1" }, Ho = {
+  class: "flex margin-b-4",
+  style: { width: "100%" }
+}, Ao = {
+  class: "flex margin overflow-hidden",
+  style: { height: "132px" }
+}, Do = ["src"], jo = ["src"], No = /* @__PURE__ */ Y({
+  __name: "KfbLabel",
+  props: {
+    info: {},
+    slide: {},
+    pathologyHandle: { type: Function }
+  },
+  emits: ["tool"],
+  setup(t, { emit: e }) {
+    const { t: l } = ve(), o = t, m = e, f = $(!0), v = $(!1), i = j(() => o.slide.pathology_id ? l("修改病理号") : l("绑定病理号"));
+    function n() {
+      o.slide.angle || (o.slide.angle = 0), o.slide.angle += 90, o.slide.angle > 360 && (o.slide.angle = o.slide.angle % 360), m("tool", "rotate", o.slide.angle);
+    }
+    function p() {
+      v.value = !0;
+    }
+    function _() {
+      o.pathologyHandle && o.pathologyHandle(o.slide).then(() => {
+        v.value = !1;
+      });
+    }
+    return (r, s) => (h(), x("div", Vo, [
+      je(g("div", { class: "hzzt-kfb-label__title" }, O(u(l)(`点击标签旋转${r.pathologyHandle ? "，点击病理号重绑" : ""}`)), 513), [
+        [Ze, f.value]
+      ]),
+      je(g("div", Io, [
+        g("img", {
+          src: r.info.labelImg,
+          style: q({ transform: `rotate(${r.slide.angle}deg)` }),
+          onClick: n
+        }, null, 12, Mo)
+      ], 512), [
+        [Ze, f.value]
+      ]),
+      r.pathologyHandle ? je((h(), x("div", {
+        key: 0,
+        class: "hzzt-kfb-label__pathology flex align-items-center justify-content-between",
+        onClick: p
+      }, [
+        g("span", So, O(r.slide.pathology_number), 1),
+        b(W, {
+          size: "14",
+          name: "annotate"
+        })
+      ], 512)), [
+        [Ze, f.value]
+      ]) : H("", !0),
+      g("span", {
+        onClick: s[0] || (s[0] = (c) => f.value = !f.value),
+        style: q({
+          transform: `translateY(${f.value ? "-50%" : 0})`
+        }),
+        class: "hzzt-kfb-label__expend flex align-items-center justify-content-center"
+      }, [
+        f.value ? (h(), V(W, {
+          key: 0,
+          size: "10",
+          name: "arrowLeft"
+        })) : (h(), V(W, {
+          key: 1,
+          size: "10",
+          name: "arrowRight"
+        }))
+      ], 4),
+      b(u(Be), {
+        modelValue: v.value,
+        "onUpdate:modelValue": s[5] || (s[5] = (c) => v.value = c),
+        "append-to-body": !0,
+        title: i.value,
+        width: "450px"
+      }, {
+        footer: P(() => [
+          b(u(me), {
+            onClick: s[4] || (s[4] = (c) => v.value = !1)
+          }, {
+            default: P(() => [
+              U(O(u(l)("取消")), 1)
+            ]),
+            _: 1
+          }),
+          b(u(me), {
+            type: "primary",
+            onClick: _
+          }, {
+            default: P(() => [
+              U(O(u(l)("确认")), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        default: P(() => [
+          g("div", Ho, [
+            g("div", Ao, [
+              g("img", {
+                src: r.slide.labelImg
+              }, null, 8, Do),
+              g("img", {
+                src: r.slide.previewImg
+              }, null, 8, jo)
+            ])
+          ]),
+          b(u(Xe), { class: "margin-t-2" }, {
+            default: P(() => [
+              b(u(J), {
+                label: u(l)("病理号")
+              }, {
+                default: P(() => [
+                  b(u(Ge), {
+                    modelValue: r.slide.pathology_number,
+                    "onUpdate:modelValue": s[1] || (s[1] = (c) => r.slide.pathology_number = c),
+                    placeholder: u(l)("输入病理号"),
+                    clearable: ""
+                  }, null, 8, ["modelValue", "placeholder"])
+                ]),
+                _: 1
+              }, 8, ["label"]),
+              b(u(J), {
+                label: u(l)("蜡块号")
+              }, {
+                default: P(() => [
+                  b(u(Ge), {
+                    modelValue: r.slide.paraffin_block_number,
+                    "onUpdate:modelValue": s[2] || (s[2] = (c) => r.slide.paraffin_block_number = c),
+                    placeholder: u(l)("输入蜡块号"),
+                    clearable: ""
+                  }, null, 8, ["modelValue", "placeholder"])
+                ]),
+                _: 1
+              }, 8, ["label"]),
+              r.slide.slide_id ? H("", !0) : (h(), V(u(J), {
+                key: 0,
+                label: u(l)("试剂")
+              }, {
+                default: P(() => [
+                  b(u(Ge), {
+                    modelValue: r.slide.reagent,
+                    "onUpdate:modelValue": s[3] || (s[3] = (c) => r.slide.reagent = c),
+                    placeholder: u(l)("输入试剂"),
+                    clearable: ""
+                  }, null, 8, ["modelValue", "placeholder"])
+                ]),
+                _: 1
+              }, 8, ["label"]))
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["modelValue", "title"])
+    ]));
+  }
+}), Ro = /* @__PURE__ */ _e(No, [["__scopeId", "data-v-7397de48"]]);
+function Bo(t, e) {
+  const l = $(1), o = $(null), m = $(null);
+  function f() {
+    t.value.viewer.addHandler("canvas-drag", (i) => {
+      o.value || (o.value = i.position);
+    }), t.value.viewer.addHandler("canvas-drag-end", (i) => {
+      if (l.value !== 1) {
+        m.value = i.position;
+        const n = t.value.viewer.viewport.containerSize.x, p = t.value.viewer.viewport.containerSize.y, _ = (m.value.x - o.value.x) / (n * e.value) * (l.value - 1), r = (m.value.y - o.value.y) / (p * e.value) * (l.value - 1), s = t.value.viewer.viewport.getCenter(), c = new ye.Point(s.x - _, s.y - r);
+        t.value.viewer.viewport.panTo(c), o.value = null;
+      }
+    });
+  }
+  function v({ name: i, value: n }) {
+    i === "ratio" && (l.value = n / 1);
+  }
+  return {
+    moveEvent: f,
+    fastMove: v
+  };
+}
+function Uo(t, e) {
+  const l = $(!1), o = $(void 0), m = $(void 0), f = $([]);
+  X(() => t.aiLabelList, p);
+  function v() {
+    e.value.$on(ie.events.EVENT_END_PAINTING, i("add")), e.value.$on(ie.events.EVENT_AREA_MOVE_END, i("move")), e.value.$on(ie.events.EVENT_ADD_POLYGON_POINT, i("add-point")), e.value.$on(ie.events.EVENT_DELETE_POLYGON_POINT, i("delete-point")), e.value.$on(ie.events.EVENT_DELETE_LABEL, i("delete")), e.value.$on(ie.events.EVENT_SELECT_LABEL, (s) => {
+      var c, d, a, y;
+      o.value = s, (((c = o.value) == null ? void 0 : c.subType) === "voice" || ((a = (d = o.value) == null ? void 0 : d.__data__) == null ? void 0 : a.subType)) === "voice" && ((y = o.value) != null && y.src) && new Audio(o.value.src).play();
+    }), e.value.$on(ie.events.EVENT_CANCEL_SELECT_LABEL, () => {
+      o.value = void 0;
+    }), i("list")();
+  }
+  function i(s) {
+    return (c) => n(s, c);
+  }
+  function n(s, c) {
+    var d;
+    if (s === "add" && ((c == null ? void 0 : c.subType) || ((d = c == null ? void 0 : c.__data__) == null ? void 0 : d.subType)) === "voice")
+      m.value = c, l.value = !0;
+    else
+      return t.labelHandle(s, t.slide, c).then((a) => {
+        f.value = a, p();
+      }).catch(() => {
+        p();
+      });
+  }
+  function p() {
+    var s;
+    if ((s = e.value) != null && s.initLabelList) {
+      const c = [...f.value, ...t.aiLabelList || []];
+      c.find(({ id: d }) => {
+        var a;
+        return d === ((a = o.value) == null ? void 0 : a.id);
+      }) || (o.value = void 0), e.value.initLabelList(c);
+    }
+  }
+  function _(s) {
+    var c;
+    o.value && (o.value.select = !1);
+    const d = (e.value.labelList || []).findIndex((a) => a.id === s.id);
+    if (d > -1) {
+      o.value = (c = e.value.labelList) == null ? void 0 : c[d], o.value.select = !0;
+      const a = e.value.area.getCenterPoint(s.region);
+      e.value.area.moveToLabel(a);
+    }
+  }
+  function r(s) {
+    return l.value = !1, t.labelHandle("add", t.slide, s).then((c) => {
+      f.value = c, p();
+    }).catch(() => {
+      p();
+    });
+  }
+  return {
+    currentLabel: o,
+    voiceVisible: l,
+    labelForm: m,
+    initLabel: v,
+    selectLabel: _,
+    reloadLabelList: p,
+    eventHandel: i,
+    addHandle: r
+  };
+}
+function Fo() {
+  function t(e, l) {
+    e.save(), e.strokeStyle = "rgba(0,0,0,0)", e.miterLimit = 4, e.font = "15px", e.fillStyle = l, 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: t
+  };
+}
+var Ko = (t, e, l) => new Promise((o, m) => {
+  var f = (n) => {
+    try {
+      i(l.next(n));
+    } catch (p) {
+      m(p);
+    }
+  }, v = (n) => {
+    try {
+      i(l.throw(n));
+    } catch (p) {
+      m(p);
+    }
+  }, i = (n) => n.done ? o(n.value) : Promise.resolve(n.value).then(f, v);
+  i((l = l.apply(t, e)).next());
+});
+function Zo(t, e) {
+  const l = $();
+  let o = null;
+  const m = $(!1);
+  function f(n, p) {
+    n.save(), n.strokeStyle = "rgba(0,0,0,0)", n.miterLimit = 4, n.font = "15px ''", n.fillStyle = p, n.font = "   15px ''", n.scale(0.03125, 0.03125), n.save(), n.font = "   15px ''", n.beginPath(), n.moveTo(515.041727, 670.617766), n.bezierCurveTo(606.625894, 670.617766, 681.137374, 596.113511, 681.137374, 504.52212), n.lineTo(681.137374, 229.350568), n.bezierCurveTo(681.137374, 137.76640100000003, 606.625894, 63.254920999999996, 515.041727, 63.254920999999996), n.bezierCurveTo(423.44311000000005, 63.254920999999996, 348.93885500000005, 137.766401, 348.93885600000004, 229.350568), n.lineTo(348.93885600000004, 504.52212), n.bezierCurveTo(348.93885600000004, 596.113512, 423.44311100000004, 670.617767, 515.041727, 670.617766), n.closePath(), n.fill(), n.stroke(), n.restore(), n.save(), n.font = "   15px ''", n.beginPath(), n.moveTo(801.643237, 874.001665), n.lineTo(558.391759, 874.001665), n.lineTo(558.391759, 828.578057), n.bezierCurveTo(719.899527, 807.264291, 844.993269, 668.7898399999999, 844.993269, 501.55986699999994), n.translate(801.643237, 501.55986699999994), n.rotate(0), n.arc(0, 0, 43.350032, 0, 3.141592653589793, !0), n.rotate(0), n.translate(-801.643237, -501.55986699999994), n.bezierCurveTo(758.2932050000001, 635.684865, 649.166725, 744.811345, 515.0345020000001, 744.811346), n.bezierCurveTo(380.9095040000001, 744.811346, 271.79024900000013, 635.6848659999999, 271.79024900000013, 501.55986699999994), n.translate(228.44021750000013, 501.5664510740879), n.rotate(0), n.arc(0, 0, 43.350032, -15188164315591997e-20, -3.1414407719461273, !0), n.rotate(0), n.translate(-228.44021750000013, -501.5664510740879), n.bezierCurveTo(185.09018600000013, 668.7898389999999, 310.1911530000001, 807.271516, 471.69169500000015, 828.578057), n.lineTo(471.69169500000015, 874.001665), n.lineTo(228.440217, 874.001665), n.translate(228.440217, 917.3516970000001), n.rotate(0), n.arc(0, 0, 43.350032, -1.5707963267948966, 1.5707963267948966, !0), n.rotate(0), n.translate(-228.440217, -917.3516970000001), n.lineTo(801.643237, 960.701729), n.translate(801.643237, 917.3516970000001), n.rotate(0), n.arc(0, 0, 43.350032, 1.5707963267948966, 4.71238898038469, !0), n.rotate(0), n.translate(-801.643237, -917.3516970000001), n.closePath(), n.fill(), n.stroke(), n.restore(), n.restore();
+  }
+  function v() {
+    return Ko(this, null, function* () {
+      try {
+        l.value = yield navigator.mediaDevices.getUserMedia({ audio: !0 }), o = new MediaRecorder(l.value);
+        const n = [];
+        o.addEventListener("dataavailable", (p) => {
+          n.push(p.data);
+        }), o.addEventListener("stop", () => {
+          const p = new Blob(n, { type: "audio/wav" });
+          e.value && (e.value.src = URL.createObjectURL(p)), t.uploadHandle && e.value && t.uploadHandle(t.slide, e.value, p).then((_) => {
+            e.value.src = _;
+          }), m.value = !1;
+        }), o.start(), m.value = !0;
+      } catch (n) {
+        console.error("录音错误:", n);
+      }
+    });
+  }
+  function i() {
+    l.value && o ? (o.stop(), l.value.getTracks().forEach((n) => n.stop()), o = null, l.value = void 0) : (o = null, l.value = void 0), m.value = !1;
+  }
+  return {
+    drawVoice: f,
+    isRecording: m,
+    startRecording: v,
+    stopRecording: i
+  };
+}
+var Go = Object.defineProperty, Wo = Object.defineProperties, qo = Object.getOwnPropertyDescriptors, Ol = Object.getOwnPropertySymbols, Yo = Object.prototype.hasOwnProperty, Xo = Object.prototype.propertyIsEnumerable, Tl = (t, e, l) => e in t ? Go(t, e, { enumerable: !0, configurable: !0, writable: !0, value: l }) : t[e] = l, Qo = (t, e) => {
+  for (var l in e || (e = {}))
+    Yo.call(e, l) && Tl(t, l, e[l]);
+  if (Ol)
+    for (var l of Ol(e))
+      Xo.call(e, l) && Tl(t, l, e[l]);
+  return t;
+}, Jo = (t, e) => Wo(t, qo(e));
+function en(t, e) {
+  const l = $([]), o = $(0), m = $(!1);
+  let f = null;
+  X(() => {
+    var s;
+    return (s = t.hotmap) == null ? void 0 : s.enable;
+  }, () => {
+    var s, c;
+    if ((c = (s = e.value) == null ? void 0 : s.viewer) != null && c.world) {
+      o.value = 0;
+      const d = e.value.viewer.world.getItemAt(0);
+      d && (d.tilesMatrix = {}, d.draw());
+    }
+  }), de(() => {
+    window.addEventListener("mousemove", n), window.addEventListener("mouseup", _);
+  }), Pe(() => {
+    window.removeEventListener("mousemove", n), window.removeEventListener("mouseup", _);
+  });
+  function v(s, c, d) {
+    var a, y, w, S, I, E;
+    const M = Jo(Qo({}, c), {
+      file: (a = t.hotmap) == null ? void 0 : a.file
+    });
+    if ((y = t.hotmap) != null && y.info) {
+      if (d[c.x + "_" + c.y + "_" + Number(c.scale)]) {
+        if (((w = t.hotmap) == null ? void 0 : w.type) === "switch")
+          return t.tileHandle(M);
+        if (((S = t.hotmap) == null ? void 0 : S.type) === "drag")
+          return i(s, M), s;
+      }
+    } else return ((I = t.hotmap) == null ? void 0 : I.type) === "switch" ? t.tileHandle(M) : (((E = t.hotmap) == null ? void 0 : E.type) === "drag" && i(s, M), s);
+  }
+  function i(s, c) {
+    const d = l.value.find((a) => a.url === s) || {
+      url: s,
+      x: c.x,
+      y: c.y,
+      img: void 0,
+      load: ""
+    };
+    if (!(d != null && d.img) && (l.value.push(d), d.load !== "success")) {
+      const a = new Image();
+      a.src = t.tileHandle(c), a.onload = () => {
+        d.load = "success";
+      }, d.img = a;
+    }
+  }
+  function n(s) {
+    m.value && f && (o.value += s.x - f.x, o.value < 0 ? o.value = 0 : o.value > e.value.$options.width && (o.value = e.value.$options.width, m.value = !1), e.value.viewer.forceRedraw()), f = { x: s.x, y: s.y };
+  }
+  function p(s) {
+    const { x: c, y: d } = s;
+    m.value = !0, f = { x: c, y: d };
+  }
+  function _() {
+    m.value = !1, f = null;
+  }
+  function r(s) {
+    const {
+      context: c,
+      sourceWidth: d,
+      sourceHeight: a,
+      position: y,
+      size: w,
+      initRendered: S,
+      tile: I,
+      pixelDensityRatio: E
+    } = s, M = I.getUrl(), C = o.value * E, Q = y.original.x;
+    if (Q < C && Q + w.x > C) {
+      const G = C - Q, te = w.x - G, ne = l.value.find((xe) => xe.url === M), ge = (ne == null ? void 0 : ne.load) === "success" ? ne.img : S.canvas;
+      c.drawImage(
+        ge,
+        0,
+        0,
+        d * G / w.x,
+        a,
+        y.x,
+        y.y,
+        G,
+        w.y
+      ), c.drawImage(
+        S.canvas,
+        d * G / w.x,
+        0,
+        d * te / w.x,
+        a,
+        y.x + G,
+        y.y,
+        te,
+        w.y
+      );
+    } else if (Q + w.x <= C) {
+      const G = l.value.find((ne) => ne.url === M), te = (G == null ? void 0 : G.load) === "success" ? G.img : S.canvas;
+      c.drawImage(
+        te,
+        0,
+        0,
+        d,
+        a,
+        y.x,
+        y.y,
+        w.x,
+        w.y
+      );
+    } else Q >= C && c.drawImage(
+      S.canvas,
+      0,
+      0,
+      d,
+      a,
+      y.x,
+      y.y,
+      w.x,
+      w.y
+    );
+  }
+  return {
+    getHotmapUrl: v,
+    hotmapImgs: l,
+    handlerImage: r,
+    hotmapLine: o,
+    lineMouseDown: p
+  };
+}
+var ln = Object.defineProperty, tn = Object.defineProperties, on = Object.getOwnPropertyDescriptors, Ll = Object.getOwnPropertySymbols, nn = Object.prototype.hasOwnProperty, an = Object.prototype.propertyIsEnumerable, El = (t, e, l) => e in t ? ln(t, e, { enumerable: !0, configurable: !0, writable: !0, value: l }) : t[e] = l, rn = (t, e) => {
+  for (var l in e || (e = {}))
+    nn.call(e, l) && El(t, l, e[l]);
+  if (Ll)
+    for (var l of Ll(e))
+      an.call(e, l) && El(t, l, e[l]);
+  return t;
+}, sn = (t, e) => tn(t, on(e));
+function un(t, e, l) {
+  const o = ft(), m = $(!1), f = new BroadcastChannel("sync_kfb_view");
+  f.onmessage = (r) => {
+    const s = r.data;
+    p(s);
+  }, de(() => {
+    var r, s, c;
+    (r = l.value) == null || r.addEventListener("mouseenter", v), (s = l.value) == null || s.addEventListener("mousemove", v), (c = l.value) == null || c.addEventListener("mouseleave", i);
+  }), Pe(() => {
+    var r, s, c;
+    (r = l.value) == null || r.removeEventListener("mouseenter", v), (s = l.value) == null || s.removeEventListener("mousemove", v), (c = l.value) == null || c.removeEventListener("mouseleave", i), f.close();
+  });
+  function v() {
+    m.value = !0;
+  }
+  function i() {
+    m.value = !1;
+  }
+  function n() {
+    let r;
+    e.value.viewer.addHandler("pan", (s) => {
+      var c, d, a, y;
+      if (!r) {
+        r = (d = (c = s.center) == null ? void 0 : c.clone) == null ? void 0 : d.call(c);
+        return;
+      }
+      const w = s.center, S = (a = w == null ? void 0 : w.minus) == null ? void 0 : a.call(w, r);
+      r = (y = w == null ? void 0 : w.clone) == null ? void 0 : y.call(w), t.syncPosition && _({
+        position: S,
+        type: "sync_position"
+      });
+    }), e.value.viewer.addHandler("zoom", (s) => {
+      t.syncZoom && _({
+        zoom: s.zoom,
+        type: "sync_zoom"
+      });
+    }), e.value.viewer.addHandler("animation-finish", () => {
+      var s;
+      if (t.syncZoom && _({
+        zoom: e.value.viewer.viewport.getZoom(!0),
+        type: "sync_zoom"
+      }), !r)
+        return;
+      const c = e.value.viewer.viewport.getCenter(!0), d = (s = c == null ? void 0 : c.minus) == null ? void 0 : s.call(c, r);
+      r = void 0, t.syncPosition && _({
+        position: d,
+        type: "sync_position"
+      });
+    });
+  }
+  function p(r) {
+    r.uuid && r.type === "sync_position" && r.uuid !== (o == null ? void 0 : o.uid) ? e.value && e.value.viewer.viewport.panBy(r.position, !0) : r.uuid && r.type === "sync_zoom" && r.uuid !== (o == null ? void 0 : o.uid) && e.value && e.value.viewer.viewport.zoomTo(r.zoom);
+  }
+  function _(r) {
+    var s;
+    m.value && f.postMessage(sn(rn({}, r), {
+      uuid: o == null ? void 0 : o.uid,
+      fileName: (s = t.slide) == null ? void 0 : s.file
+    }));
+  }
+  return {
+    initSync: n
+  };
+}
+const cn = { class: "hzzt-kfb-keyword flex wrap" }, dn = ["onMouseenter"], vn = /* @__PURE__ */ Y({
+  __name: "KfbKeyword",
+  setup(t) {
+    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" }
+    ]), l = Z("kfbView", $({}));
+    let o = null;
+    function m(v, i) {
+      v.preventDefault(), o && clearTimeout(o), o = setInterval(() => {
+        i === "E" && (l.value.viewer.viewport.zoomBy(1.1), l.value.viewer.viewport.applyConstraints()), i === "Q" && (l.value.viewer.viewport.zoomBy(0.9), l.value.viewer.viewport.applyConstraints()), i === "W" && (l.value.viewer.viewport.panBy(l.value.viewer.viewport.deltaPointsFromPixels(new ye.Point(0, -40))), l.value.viewer.viewport.applyConstraints()), i === "S" && (l.value.viewer.viewport.panBy(l.value.viewer.viewport.deltaPointsFromPixels(new ye.Point(0, 40))), l.value.viewer.viewport.applyConstraints()), i === "A" && (l.value.viewer.viewport.panBy(l.value.viewer.viewport.deltaPointsFromPixels(new ye.Point(-40, 0))), l.value.viewer.viewport.applyConstraints()), i === "D" && (l.value.viewer.viewport.panBy(l.value.viewer.viewport.deltaPointsFromPixels(new ye.Point(40, 0))), l.value.viewer.viewport.applyConstraints());
+      }, 120);
+    }
+    function f() {
+      o && (clearInterval(o), o = null);
+    }
+    return Pe(() => {
+      clearTimeout(o);
+    }), (v, i) => (h(), x("div", cn, [
+      (h(!0), x(ee, null, le(e.value, (n) => (h(), x("div", {
+        key: n.code,
+        class: "hzzt-kfb-keyword__code flex column align-items-center justify-content-center",
+        onMouseenter: (p) => m(p, n.code),
+        onMouseleave: f
+      }, [
+        g("p", null, O(n.code), 1),
+        b(W, {
+          size: "14",
+          name: n.icon
+        }, null, 8, ["name"])
+      ], 40, dn))), 128))
+    ]));
+  }
+}), fn = /* @__PURE__ */ _e(vn, [["__scopeId", "data-v-c8d940f0"]]);
+var pn = (t, e, l) => new Promise((o, m) => {
+  var f = (n) => {
+    try {
+      i(l.next(n));
+    } catch (p) {
+      m(p);
+    }
+  }, v = (n) => {
+    try {
+      i(l.throw(n));
+    } catch (p) {
+      m(p);
+    }
+  }, i = (n) => n.done ? o(n.value) : Promise.resolve(n.value).then(f, v);
+  i((l = l.apply(t, e)).next());
+});
+function mn(t, e, l = {}) {
+  const {
+    panSensitivity: o = 0.2,
+    // 值越大，鼠标移动时图像移动越快
+    zoomSensitivity: m = 1.1,
+    // 值越大，滚轮缩放幅度越大
+    damping: f = 0.6,
+    // 值越大，惯性滑动时间越长
+    minThreshold: v = 0.05
+    // 值越小，停止移动时的精度越高
+  } = l;
+  let i = !1, n = null, p = 0, _ = 0, r = !1;
+  const s = () => {
+    i = document.pointerLockElement === e.value, i || c();
+  }, c = () => {
+    p = 0, _ = 0, n && (cancelAnimationFrame(n), n = null), r = !1;
+  }, d = (I) => pn(this, null, function* () {
+    try {
+      I.key === "l" && e.value && (document.pointerLockElement ? (document.exitPointerLock(), console.log("鼠标已解锁！")) : (yield e.value.requestPointerLock(), console.log("鼠标已锁定！")));
+    } catch (E) {
+      console.error("无法锁定鼠标:", E);
+    }
+  }), a = (I) => {
+    if (i) {
+      I.preventDefault();
+      const E = Math.pow(m, Math.sign(I.deltaY) * -1);
+      t.value.viewer.viewport.zoomBy(E), t.value.viewer.viewport.applyConstraints();
+    }
+  }, y = (I) => {
+    i && (p += I.movementX * o, _ += I.movementY * o, !r && (Math.abs(p) > 1 || Math.abs(_) > 1) && (r = !0, n = requestAnimationFrame(w)));
+  }, w = () => {
+    const I = t.value.viewer.viewport;
+    if (Math.abs(p) > v || Math.abs(_) > v) {
+      const E = I.deltaPointsFromPixels(
+        new ye.Point(p, _)
+      );
+      I.panBy(E), I.applyConstraints();
+    }
+    p *= f, _ *= f, Math.abs(p) > v || Math.abs(_) > v ? n = requestAnimationFrame(w) : c();
+  }, S = () => {
+    i && document.exitPointerLock();
+  };
+  return de(() => {
+    var I;
+    (I = e.value) == null || I.addEventListener("keydown", d), document.addEventListener("wheel", a, { passive: !1 }), document.addEventListener("click", S), document.addEventListener("mousemove", y), document.addEventListener("pointerlockchange", s);
+  }), Pe(() => {
+    var I;
+    (I = e.value) == null || I.removeEventListener("keydown", d), document.removeEventListener("click", S), document.removeEventListener("wheel", a), document.removeEventListener("mousemove", y), document.removeEventListener("pointerlockchange", s), c();
+  }), {
+    setConfig: (I) => {
+      Object.assign(l, I);
+    }
+  };
+}
+const hn = /* @__PURE__ */ Y({
+  __name: "KfbLevel",
+  props: /* @__PURE__ */ Ee({
+    slides: { default: () => [] }
+  }, {
+    "model-value": {
+      default: 0
+    },
+    "model-valueModifiers": {}
+  }),
+  emits: ["update:model-value"],
+  setup(t) {
+    const e = t, l = Le(t, "model-value"), o = Z("kfbView", $({})), m = j(() => Array.from(new Array(e.slides.length + 1)).map((v, i) => i));
+    function f() {
+      const v = o.value.viewer.world.getItemAt(0), i = Object.keys(v.tilesMatrix);
+      i.forEach((n, p) => {
+        p > i.length - 4 && (v.tilesMatrix[n] = {});
+      }), v.draw();
+    }
+    return (v, i) => (h(), x("div", {
+      class: Ie(["hzzt-kfb-level flex column align-items-center", v.slides.length > 5 ? "hzzt-kfb-level--large" : ""])
+    }, [
+      b(W, {
+        name: "level",
+        size: "24",
+        class: "margin-b-4 margin-t-2"
+      }),
+      b(u(ht), {
+        modelValue: l.value,
+        "onUpdate:modelValue": i[0] || (i[0] = (n) => l.value = n),
+        vertical: "",
+        min: m.value[0],
+        step: 1,
+        max: m.value[m.value.length - 1],
+        "show-stops": "",
+        "show-tooltip": !0,
+        placement: "left",
+        height: v.slides.length > 5 ? "180px" : "130px",
+        onInput: f
+      }, null, 8, ["modelValue", "min", "max", "height"])
+    ], 2));
+  }
+}), _n = {
+  key: 0,
+  class: "flex hzzt-kfb-channel"
+}, gn = ["onClick"], wn = /* @__PURE__ */ Y({
+  __name: "KfbChannel",
+  props: /* @__PURE__ */ Ee({
+    info: {}
+  }, {
+    "model-value": {
+      default: () => []
+    },
+    "model-valueModifiers": {}
+  }),
+  emits: /* @__PURE__ */ Ee(["load"], ["update:model-value"]),
+  setup(t, { emit: e }) {
+    const l = t, o = e, m = Le(t, "model-value"), f = [
+      { 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" }
+    ], v = j(() => {
+      var n;
+      return (((n = l.info) == null ? void 0 : n.channel) || []).map((p) => {
+        const _ = f.find((r) => r.key === p.eqt_num);
+        return {
+          label: p.eqt_num,
+          color: p.r ? `rgb(${p.r}, ${p.g}, ${p.b})` : _ == null ? void 0 : _.color
+        };
+      });
+    });
+    function i(n) {
+      m.value.includes(n) ? m.value = m.value.filter((p) => p !== n) : m.value.push(n), o("load");
+    }
+    return (n, p) => v.value.length > 0 ? (h(), x("div", _n, [
+      b(W, {
+        name: "channel",
+        size: "32"
+      }),
+      (h(!0), x(ee, null, le(v.value, (_) => (h(), x("div", {
+        key: _.label,
+        style: q({ background: _.color }),
+        class: Ie(["hzzt-kfb-channel__box", m.value.includes(_.label) ? "" : "hzzt-kfb-channel__box--unactive"]),
+        onClick: (r) => i(_.label)
+      }, O(_.label), 15, gn))), 128))
+    ])) : H("", !0);
+  }
+});
+var yn = Object.defineProperty, bn = Object.defineProperties, kn = Object.getOwnPropertyDescriptors, Vl = Object.getOwnPropertySymbols, zn = Object.prototype.hasOwnProperty, $n = Object.prototype.propertyIsEnumerable, Il = (t, e, l) => e in t ? yn(t, e, { enumerable: !0, configurable: !0, writable: !0, value: l }) : t[e] = l, Ae = (t, e) => {
+  for (var l in e || (e = {}))
+    zn.call(e, l) && Il(t, l, e[l]);
+  if (Vl)
+    for (var l of Vl(e))
+      $n.call(e, l) && Il(t, l, e[l]);
+  return t;
+}, Pn = (t, e) => bn(t, kn(e));
+const xn = ["element-loading-text"], Cn = {
+  key: 1,
+  class: "hzzt-kfb-view__main flex align-items-center justify-content-center"
+}, On = {
+  class: "hzzt-kfb-view__filter",
+  height: "0",
+  width: "0"
+}, Tn = { id: "colorMatrixFilter" }, Ln = ["values"], En = ["values"], Vn = ["exponent"], In = ["exponent"], Mn = ["exponent"], Sn = { class: "flex nowrap justify-content-center overflow-hidden" }, Hn = ["src"], An = ["src"], Dn = { class: "flex-1" }, jn = { class: "flex-1" }, Nn = { class: "flex-1" }, Rn = { class: "flex-1" }, Bn = { class: "flex-1" }, Un = { class: "flex-1" }, Fn = ["src"], $e = /* @__PURE__ */ Y(Pn(Ae({}, {
+  name: "HzztKfbView"
+}), {
+  __name: "index",
+  props: {
+    slide: {},
+    fileHandle: {},
+    labelHandle: {},
+    tileHandle: {},
+    navigatorHandle: {},
+    pathologyHandle: {},
+    uploadHandle: {},
+    options: {},
+    labelDrawing: {},
+    process: { default: () => Ae({}, Rl) },
+    microscope: { default: () => Ae({}, Qe) },
+    menus: {},
+    aiLabelList: {},
+    hotmap: {},
+    syncPosition: { type: Boolean },
+    syncZoom: { type: Boolean }
+  },
+  emits: ["tool"],
+  setup(t, { expose: e, emit: l }) {
+    const o = t, m = l, { t: f, locale: v } = ve(), i = $(), n = $(), p = $(), _ = $(!1), r = $({}), s = $(!1), c = $(0), d = $(0), a = $(0), y = $([]), w = $({
+      width: 0,
+      height: 0,
+      fileNum: 0,
+      scanScale: 1,
+      fileName: "",
+      ratiomap: {}
+    }), S = Z("show-kfb-label", $(!0)), I = Z("show-keyboard", $(!1)), E = Z("hidden-all-label", $(!1)), M = _t.directive;
+    X(() => {
+      var k;
+      return (k = o.slide) == null ? void 0 : k.file;
+    }, () => {
+      ot(), setTimeout(() => {
+        tl();
+      }, 100);
+    }), de(() => {
+      tl();
+    });
+    const {
+      imageProcess: C,
+      matrixValues: Q,
+      saturateValues: G,
+      forceRedraw: te
+    } = Xt(o), {
+      tailorEvent: ne,
+      shotScreen: ge
+    } = Qt(m, r), {
+      moveEvent: xe,
+      fastMove: Ke
+    } = Bo(r, d), {
+      currentLabel: z,
+      voiceVisible: A,
+      labelForm: N,
+      initLabel: ae,
+      selectLabel: Ce,
+      reloadLabelList: Bl,
+      eventHandel: Ul,
+      addHandle: Fl
+    } = Uo(o, r), { initSync: Kl } = un(o, r, i);
+    mn(r, i);
+    const { drawDot: Zl } = Fo(), {
+      drawVoice: Gl,
+      isRecording: Wl,
+      startRecording: ql,
+      stopRecording: Yl
+    } = Zo(o, N), {
+      getHotmapUrl: Xl,
+      handlerImage: Ql,
+      hotmapLine: Jl,
+      lineMouseDown: ll,
+      hotmapImgs: et
+    } = en(o, r);
+    function tl() {
+      var k;
+      (k = o.slide) != null && k.file && o.fileHandle && (s.value || (s.value = !0, o.fileHandle(o.slide).then((T) => {
+        var K, re, ce, R;
+        w.value = T, y.value = (((K = w.value) == null ? void 0 : K.channel) || []).map((B) => B.eqt_num), r.value = new ie(Ae({
+          el: n.value,
+          fileName: (re = o.slide) == null ? void 0 : re.file,
+          scale: w.value.scanScale,
+          lang: (v == null ? void 0 : v.value) === "en-US" ? "en" : v == null ? void 0 : v.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: (R = (ce = w.value) == null ? void 0 : ce.channel) != null && R.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: ol()
+          },
+          tileDrawing: Ql,
+          label: {
+            drawing: (B, F, we) => {
+              var Oe;
+              if (F != null && F.custom) {
+                const oe = B.getContext("2d");
+                oe.save(), oe.beginPath();
+                const Te = (F == null ? void 0 : F.subType) || ((Oe = F == null ? void 0 : F.__data__) == null ? void 0 : Oe.subType);
+                Te === "count" ? (oe.translate(we.x - 14, we.y - 22), Zl(oe, (F == null ? void 0 : F.strokeStyle) || "")) : Te === "voice" ? (oe.translate(we.x - 16, we.y - 18), Gl(oe, (F == null ? void 0 : F.strokeStyle) || "")) : o.labelDrawing && o.labelDrawing(oe, F), oe.restore();
+              }
+            }
+          }
+        }, o.options || {})), r.value.viewer.drawer.canvas.style.filter = "url(#colorMatrixFilter)", ae(), tt(), Kl();
+      }).finally(() => {
+        s.value = !1, E.value && (sl({
+          show: !1,
+          ruler: !1
+        }), il({
+          show: !1
+        }), setTimeout(() => {
+          ul(!1);
+        }, 100));
+      })));
+    }
+    function lt() {
+      const k = r.value.viewer;
+      if (k.world) {
+        const T = k.world.getItemAt(0), K = k.viewport.getZoom(), re = k.viewport.getCenter();
+        k.world.removeItem(T), k.addTiledImage({
+          tileSource: ol(),
+          success: function() {
+            k.viewport.zoomTo(K), k.viewport.panTo(re);
+          }
+        });
+      }
+    }
+    function ol() {
+      var k, T;
+      const K = w.value.tileWidth || w.value.imageBlockLen || 256, re = w.value.tileHeight || w.value.imageBlockLen || 256, ce = {};
+      (k = o.hotmap) != null && k.enable && (((T = o.hotmap) == null ? void 0 : T.info) || []).forEach((B) => {
+        ce[B[0] / K + "_" + B[1] / re + "_" + B[2]] = !0;
+      });
+      let R = 10;
+      return Object.keys(w.value.ratiomap).forEach((B) => {
+        const F = w.value.fileNum - Math.sqrt(w.value.scanScale / Number(B));
+        F > 0 && (R = R ? Math.min(R, F) : F);
+      }), {
+        height: w.value.height,
+        width: w.value.width,
+        tileWidth: K,
+        tileHeight: re,
+        minLevel: Math.floor(R || 8),
+        getTileUrl: (B, F, we) => {
+          var Oe, oe, Te, cl;
+          const it = B, fe = {
+            file: ((Oe = o.slide) == null ? void 0 : Oe.file) || "",
+            x: F,
+            y: we,
+            scale: "0",
+            level: B,
+            channel: JSON.stringify(y.value)
+          };
+          w.value.fileNum === B ? (B = w.value.scanScale, fe.scale = B.toFixed(6)) : (B = w.value.scanScale / Math.pow(2, w.value.fileNum - B), fe.scale = B.toFixed(6)), fe.level = it, fe.file = a.value === 0 ? fe.file : ((Te = (oe = o.slide) == null ? void 0 : oe.children) == null ? void 0 : Te[a.value - 1]) || "";
+          const dl = o.tileHandle(fe);
+          return (cl = o.hotmap) != null && cl.enable ? Xl(dl, fe, ce) : dl;
+        }
+      };
+    }
+    function tt() {
+      r.value.viewer.addHandler("rotate", (k) => {
+        c.value = k.degrees || 0;
+      }), r.value.viewer.addHandler("zoom", (k) => {
+        const T = r.value.viewer.viewport.viewportToImageZoom(
+          k.zoom || 0
+        ) * Number(r.value.$options.scale);
+        d.value = Number(T.toFixed(2));
+      }), r.value.$on(ie.events.EVENT_NAVIGATOR_VESTIGE, (k) => {
+        o.navigatorHandle && o.navigatorHandle("add", o.slide, k);
+      }), o.navigatorHandle && o.navigatorHandle("list", o.slide).then((k) => {
+        var T, K;
+        (K = (T = r.value.navigator) == null ? void 0 : T.drawPointList) == null || K.call(T, k);
+      }), ne(), xe();
+    }
+    function ot() {
+      var k;
+      (k = r.value) != null && k.destroy && (r.value.destroy(), r.value = {}, w.value = {
+        width: 0,
+        height: 0,
+        fileNum: 0,
+        scanScale: 1,
+        fileName: "",
+        ratiomap: {}
+      }, et.value = [], y.value = [], d.value = 0, c.value = 0, a.value = 0);
+    }
+    function nl(k, T) {
+      k === "annotate" ? al(T) : k === "tailor" ? ge(T) : k === "info" ? _.value = !0 : k === "flip" ? rl() : k === "delete" ? Ul("delete")(z.value) : m("tool", k, T);
+    }
+    function al(k) {
+      k.tool === "Voice" && (k.subType = "voice", k.tool = "Dot", k.custom = !0), r.value.board.startDraw(k);
+    }
+    function nt() {
+      r.value.board.endDraw();
+    }
+    function rl() {
+      r.value.viewer.viewport.toggleFlip();
+    }
+    function at(k) {
+      var T, K;
+      (K = (T = p.value) == null ? void 0 : T.scopeChange) == null || K.call(T, k);
+    }
+    function rt() {
+      _.value = !0;
+    }
+    function sl(k) {
+      r.value.grid.updated(k);
+    }
+    function il(k) {
+      r.value.graduation.updated(k);
+    }
+    function ul(k) {
+      r.value.navigator.element.style.display = k ? "flex" : "none";
+    }
+    function st(k) {
+      const T = r.value.viewer.viewport.imageToViewportZoom(Number(k / r.value.$options.scale));
+      r.value.viewer.viewport.zoomTo(T);
+    }
+    return se("kfbView", r), se("currentLabel", z), e({
+      kfbView: r,
+      degrees: c,
+      zoom: d,
+      forceRedraw: te,
+      toggleFlip: rl,
+      startDraw: al,
+      endDraw: nt,
+      shotScreen: ge,
+      info: rt,
+      scopeChange: at,
+      updateGrid: sl,
+      updateGraduation: il,
+      updateNavigator: ul,
+      fastMove: Ke,
+      zoomTo: st,
+      selectLabel: Ce,
+      reloadLabelList: Bl
+    }), (k, T) => {
+      var K, re, ce;
+      return h(), x("div", {
+        ref_key: "mainKfbViewRef",
+        ref: i,
+        class: "hzzt-kfb-view"
+      }, [
+        k.slide.file ? je((h(), x("div", {
+          key: 0,
+          ref_key: "kfbViewMainRef",
+          ref: n,
+          class: "hzzt-kfb-view__main",
+          "element-loading-text": u(f)("加载中"),
+          "element-loading-background": "rgba(0, 0, 0, 0.8)"
+        }, null, 8, xn)), [
+          [u(M), s.value]
+        ]) : (h(), x("div", Cn, T[6] || (T[6] = [
+          g("img", {
+            style: { width: "50%" },
+            src: el
+          }, null, -1)
+        ]))),
+        k.slide.analysis && k.slide.analysis.result ? (h(), V(u(Nl), {
+          key: 2,
+          class: "hzzt-kfb-view__tag"
+        }, {
+          default: P(() => [
+            U(O(k.slide.analysis.result), 1)
+          ]),
+          _: 1
+        })) : H("", !0),
+        (h(), x("svg", On, [
+          g("filter", Tn, [
+            g("feColorMatrix", {
+              values: u(Q),
+              type: "matrix"
+            }, null, 8, Ln),
+            g("feColorMatrix", {
+              values: u(G),
+              type: "saturate"
+            }, null, 8, En),
+            g("feComponentTransfer", null, [
+              g("feFuncR", {
+                id: "feFuncR",
+                type: "gamma",
+                exponent: u(C).ga,
+                amplitude: "1",
+                offset: "0"
+              }, null, 8, Vn),
+              g("feFuncG", {
+                id: "feFuncG",
+                type: "gamma",
+                exponent: u(C).ga,
+                amplitude: "1",
+                offset: "0"
+              }, null, 8, In),
+              g("feFuncB", {
+                id: "feFuncB",
+                type: "gamma",
+                exponent: u(C).ga,
+                amplitude: "1",
+                offset: "0"
+              }, null, 8, Mn)
+            ])
+          ])
+        ])),
+        b(Po, {
+          menus: k.menus,
+          onTool: nl
+        }, null, 8, ["menus"]),
+        b(Eo, Re(k.microscope, {
+          ref_key: "microscopeRef",
+          ref: p
+        }), null, 16),
+        u(S) && k.slide.file ? (h(), V(Ro, {
+          key: 3,
+          info: w.value,
+          slide: k.slide,
+          pathologyHandle: k.pathologyHandle,
+          onTool: nl
+        }, null, 8, ["info", "slide", "pathologyHandle"])) : H("", !0),
+        u(I) ? (h(), V(fn, { key: 4 })) : H("", !0),
+        (K = k.slide.children) != null && K.length ? (h(), V(hn, {
+          key: 5,
+          modelValue: a.value,
+          "onUpdate:modelValue": T[0] || (T[0] = (R) => a.value = R),
+          slides: k.slide.children
+        }, null, 8, ["modelValue", "slides"])) : H("", !0),
+        (ce = (re = w.value) == null ? void 0 : re.channel) != null && ce.length ? (h(), V(wn, {
+          key: 6,
+          modelValue: y.value,
+          "onUpdate:modelValue": T[1] || (T[1] = (R) => y.value = R),
+          info: w.value,
+          onLoad: lt
+        }, null, 8, ["modelValue", "info"])) : H("", !0),
+        b(u(Be), {
+          modelValue: _.value,
+          "onUpdate:modelValue": T[2] || (T[2] = (R) => _.value = R),
+          "append-to-body": !0,
+          title: u(f)("图像信息"),
+          width: "700px",
+          top: "5vh"
+        }, {
+          default: P(() => [
+            b(u(Xe), { "label-position": "left" }, {
+              default: P(() => [
+                b(u(J), {
+                  class: "flex",
+                  "label-width": "0px"
+                }, {
+                  default: P(() => [
+                    g("div", Sn, [
+                      g("img", {
+                        src: w.value.labelImg,
+                        style: { height: "180px" }
+                      }, null, 8, Hn),
+                      g("img", {
+                        src: w.value.previewImg,
+                        style: { height: "180px" },
+                        class: "flex-1"
+                      }, null, 8, An)
+                    ])
+                  ]),
+                  _: 1
+                }),
+                b(u(J), {
+                  label: u(f)("文件名")
+                }, {
+                  default: P(() => [
+                    g("span", Dn, O(w.value.fileName), 1)
+                  ]),
+                  _: 1
+                }, 8, ["label"]),
+                b(u(J), {
+                  label: u(f)("图像像素")
+                }, {
+                  default: P(() => [
+                    g("span", jn, O(w.value.width) + "Pixel - " + O(w.value.height) + "Pixel", 1)
+                  ]),
+                  _: 1
+                }, 8, ["label"]),
+                b(u(J), {
+                  label: u(f)("扫描倍率")
+                }, {
+                  default: P(() => [
+                    g("span", Nn, O(w.value.scanScale), 1)
+                  ]),
+                  _: 1
+                }, 8, ["label"]),
+                b(u(J), {
+                  label: u(f)("扫描时刻")
+                }, {
+                  default: P(() => [
+                    g("span", Rn, O(w.value.scanTime), 1)
+                  ]),
+                  _: 1
+                }, 8, ["label"]),
+                b(u(J), {
+                  label: u(f)("扫描时间")
+                }, {
+                  default: P(() => [
+                    g("span", Bn, O(w.value.scanDuration || 0) + "s", 1)
+                  ]),
+                  _: 1
+                }, 8, ["label"]),
+                w.value.ext ? (h(), V(u(J), {
+                  key: 0,
+                  label: u(f)("扫描设备")
+                }, {
+                  default: P(() => [
+                    g("span", Un, O(w.value.ext.machineNum || ""), 1)
+                  ]),
+                  _: 1
+                }, 8, ["label"])) : H("", !0)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue", "title"]),
+        b(u(Be), {
+          modelValue: u(A),
+          "onUpdate:modelValue": T[5] || (T[5] = (R) => ze(A) ? A.value = R : null),
+          "append-to-body": !0,
+          title: u(f)("语音输入"),
+          width: "500px",
+          top: "5vh"
+        }, {
+          footer: P(() => [
+            b(u(me), {
+              onClick: T[3] || (T[3] = (R) => A.value = !1)
+            }, {
+              default: P(() => [
+                U(O(u(f)("取消")), 1)
+              ]),
+              _: 1
+            }),
+            b(u(me), {
+              type: "primary",
+              onClick: T[4] || (T[4] = (R) => u(Fl)(u(N)))
+            }, {
+              default: P(() => [
+                U(O(u(f)("确定")), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          default: P(() => [
+            b(u(Xe), { "label-position": "left" }, {
+              default: P(() => [
+                b(u(J), null, {
+                  default: P(() => {
+                    var R;
+                    return [
+                      (R = u(N)) != null && R.src ? (h(), x("audio", {
+                        key: 0,
+                        class: "width-100%",
+                        src: u(N).src,
+                        controls: "",
+                        preload: "auto"
+                      }, null, 8, Fn)) : H("", !0)
+                    ];
+                  }),
+                  _: 1
+                }),
+                b(u(J), null, {
+                  default: P(() => [
+                    u(Wl) ? (h(), V(u(me), {
+                      key: 1,
+                      type: "danger",
+                      onClick: u(Yl)
+                    }, {
+                      default: P(() => [
+                        U(O(u(f)("结束录音")), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["onClick"])) : (h(), V(u(me), {
+                      key: 0,
+                      type: "primary",
+                      onClick: u(ql)
+                    }, {
+                      default: P(() => [
+                        U(O(u(f)("开始录音")), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["onClick"]))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue", "title"]),
+        k.hotmap && k.hotmap.enable && k.hotmap.type !== "switch" ? (h(), x("div", {
+          key: 7,
+          class: "hzzt-kfb-view__hotmap",
+          style: q({ left: u(Jl) + "px" })
+        }, [
+          b(u(he), {
+            class: "icon-caret-left",
+            size: "30",
+            onMousedown: u(ll)
+          }, {
+            default: P(() => T[7] || (T[7] = [
+              g("svg", {
+                xmlns: "http://www.w3.org/2000/svg",
+                viewBox: "0 0 1024 1024"
+              }, [
+                g("path", {
+                  fill: "currentColor",
+                  d: "M672 192 288 511.936 672 832z"
+                })
+              ], -1)
+            ])),
+            _: 1,
+            __: [7]
+          }, 8, ["onMousedown"]),
+          b(u(he), {
+            class: "icon-caret-right",
+            size: "30",
+            onMousedown: u(ll)
+          }, {
+            default: P(() => T[8] || (T[8] = [
+              g("svg", {
+                xmlns: "http://www.w3.org/2000/svg",
+                viewBox: "0 0 1024 1024"
+              }, [
+                g("path", {
+                  fill: "currentColor",
+                  d: "M384 192v640l384-320.064z"
+                })
+              ], -1)
+            ])),
+            _: 1,
+            __: [8]
+          }, 8, ["onMousedown"])
+        ], 4)) : H("", !0),
+        ue(k.$slots, "default")
+      ], 512);
+    };
+  }
+}));
+function Kn(t, e) {
+  var l, o;
+  const m = $(!!((l = t.ai) != null && l.default)), f = $(!!((o = t.ai) != null && o.default)), v = $([]), i = j(
+    () => {
+      var s, c, d, a;
+      return (c = (s = e.value) == null ? void 0 : s.analysis) != null && c.id ? ((a = (d = e.value) == null ? void 0 : d.analysis) == null ? void 0 : a.class) || "auto" : "";
+    }
+  );
+  X(() => {
+    var s;
+    return (s = t.ai) == null ? void 0 : s.default;
+  }, (s) => {
+    m.value = !!s, f.value = !!s;
+  }), X(() => {
+    var s;
+    return (s = e == null ? void 0 : e.value) == null ? void 0 : s.id;
+  }, n), de(() => {
+    var s, c;
+    m.value = !!((s = t.ai) != null && s.default), f.value = !!((c = t.ai) != null && c.default), n();
+  });
+  function n() {
+    var s;
+    (s = e.value) != null && s.id && i.value ? m.value || f.value ? p() : v.value = [] : v.value = [];
+  }
+  function p() {
+    t.ai.handle(i.value, e.value).then((s) => {
+      v.value = s;
+    }).catch(() => {
+      v.value = [], i.value === "IQC" ? f.value = !1 : m.value = !1;
+    });
+  }
+  function _() {
+    f.value = !1, n();
+  }
+  function r() {
+    m.value = !1, n();
+  }
+  return {
+    analysisClass: i,
+    aiLabelList: v,
+    enableAi: m,
+    enableIqc: f,
+    toggleIqc: r,
+    toggleAi: _
+  };
+}
+var Zn = Object.defineProperty, Gn = Object.defineProperties, Wn = Object.getOwnPropertyDescriptors, Ml = Object.getOwnPropertySymbols, qn = Object.prototype.hasOwnProperty, Yn = Object.prototype.propertyIsEnumerable, Sl = (t, e, l) => e in t ? Zn(t, e, { enumerable: !0, configurable: !0, writable: !0, value: l }) : t[e] = l, Xn = (t, e) => {
+  for (var l in e || (e = {}))
+    qn.call(e, l) && Sl(t, l, e[l]);
+  if (Ml)
+    for (var l of Ml(e))
+      Yn.call(e, l) && Sl(t, l, e[l]);
+  return t;
+}, Qn = (t, e) => Gn(t, Wn(e));
+const Jn = ["src", "fit"], ea = ["src", "fit"], De = /* @__PURE__ */ Y(Qn(Xn({}, {
+  name: "KfbImage"
+}), {
+  __name: "KfbImage",
+  props: {
+    src: {
+      type: String,
+      required: !0,
+      default: ""
+    },
+    fit: {
+      type: String,
+      validator: (t) => ["", "contain", "cover", "fill", "none", "scale-down"].includes(t),
+      default: ""
+    },
+    retryTimes: {
+      type: Number,
+      default: 0
+    },
+    load: {
+      type: Function,
+      default: () => ({})
+    }
+  },
+  setup(t) {
+    const e = t;
+    let l = 0;
+    const o = $(!1), m = Je({
+      x: 0,
+      y: 0
+    }), f = j(() => ({
+      top: `${m.y + 10}px`,
+      left: `${m.x}px`,
+      transform: "translateY(-50%)",
+      width: `${4 * 300 / 3}px`,
+      height: "300px",
+      background: "rgba(0,0,0,0.8)",
+      zIndex: "10000"
+    }));
+    function v(_) {
+      const r = _.target;
+      l < e.retryTimes ? (r.src = e.src, l++) : r.src = el;
+    }
+    function i(_) {
+      const { x: r, y: s } = n(_), c = 4 * 300 / 3, d = 300;
+      m.x = Math.min(Math.max(r, c / 2), window.innerWidth - c / 2), m.y = Math.min(Math.max(s, d / 2), window.innerHeight - d / 2), o.value = !0;
+    }
+    function n(_) {
+      const r = _.target, s = _.offsetX, c = _.offsetY, d = r.clientWidth, a = r.clientHeight;
+      return {
+        x: _.clientX + d - s,
+        y: _.clientY - c + a / 2
+      };
+    }
+    function p() {
+      o.value = !1;
+    }
+    return (_, r) => (h(), x("div", {
+      class: "relative",
+      onMouseenter: i,
+      onMouseleave: p
+    }, [
+      g("img", {
+        src: t.src,
+        fit: t.fit,
+        onError: v,
+        style: {
+          height: "100%",
+          width: "100%"
+        }
+      }, null, 40, Jn),
+      (h(), V(Ne, { to: "body" }, [
+        o.value ? (h(), x("div", {
+          key: 0,
+          class: "fixed hzzt-kfb-img-triangle-left",
+          style: q(f.value)
+        }, [
+          g("img", {
+            src: t.src,
+            fit: t.fit,
+            style: {
+              objectFit: "contain",
+              height: "100%",
+              width: "100%"
+            },
+            onMouseenter: r[0] || (r[0] = () => {
+              o.value = !0;
+            }),
+            onMouseleave: p
+          }, null, 40, ea)
+        ], 4)) : H("", !0)
+      ]))
+    ], 32));
+  }
+})), la = {}, ta = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 1024 1024"
+};
+function oa(t, e) {
+  return h(), x("svg", ta, e[0] || (e[0] = [
+    g("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 na = /* @__PURE__ */ _e(la, [["render", oa]]), aa = {}, ra = {
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function sa(t, e) {
+  return h(), x("svg", ra, e[0] || (e[0] = [
+    g("g", { id: "Frame" }, [
+      g("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 ia = /* @__PURE__ */ _e(aa, [["render", sa]]), ua = { class: "hzzt-kfb-slides" }, ca = { class: "hzzt-kfb-slides__row" }, da = { class: "hzzt-kfb-slides__top" }, va = { class: "text-primary" }, fa = { class: "flex align-items-center" }, pa = {
+  class: "flex-1 overflow-auto",
+  style: { width: "100%" }
+}, ma = { key: 0 }, ha = ["onClick"], _a = { class: "hzzt-kfb-slides__gallery" }, ga = ["onClick"], wa = {
+  key: 0,
+  class: "hzzt-kfb-slides__read"
+}, ya = ["onClick"], ba = {
+  key: 1,
+  class: "flex column"
+}, ka = { class: "hzzt-kfb-slides__header" }, za = { class: "w-30%" }, $a = { class: "w-40%" }, Pa = { class: "w-20%" }, xa = ["onClick"], Ca = { class: "w-30% flex" }, Oa = { class: "hzzt-kfb-slides__gallery" }, Ta = {
+  key: 0,
+  class: "hzzt-kfb-slides__read"
+}, La = { class: "w-40% flex" }, Ea = ["onClick"], Va = ["onClick"], Ia = {
+  key: 0,
+  class: "flex column py-2"
+}, Ma = { class: "flex align-items-center justify-content-center" }, Sa = { class: "margin-r-1" }, Ha = {
+  key: 0,
+  class: "margin-r-1 margin-l-2"
+}, Aa = /* @__PURE__ */ Y({
+  __name: "KfbSlideList",
+  props: {
+    slides: {}
+  },
+  emits: ["select", "tool"],
+  setup(t, { emit: e }) {
+    const l = t, o = e, m = Z("file-index", {
+      value: 0
+    }), f = Z("divide", {
+      value: !1
+    }), v = Z("sync", {
+      value: !1
+    }), i = $(!1), n = j(() => l.slides.filter(({ read: c }) => c)), p = j(() => l.slides.filter(({ check: c }) => c)), { t: _ } = ve();
+    function r(c) {
+      m.value = c, o("select", c);
+    }
+    function s(c) {
+      c.check = !c.check;
+    }
+    return (c, d) => (h(), x("div", ua, [
+      g("div", ca, [
+        g("div", da, [
+          g("span", null, [
+            d[4] || (d[4] = U("已读：")),
+            g("span", va, O(n.value.length), 1),
+            U("/" + O(c.slides.length), 1)
+          ]),
+          g("div", fa, [
+            b(u(he), {
+              class: "margin-r-2 pointer",
+              size: "16",
+              color: i.value ? "#999" : "#000",
+              onClick: d[0] || (d[0] = (a) => i.value = !i.value)
+            }, {
+              default: P(() => [
+                b(na)
+              ]),
+              _: 1
+            }, 8, ["color"]),
+            b(u(he), {
+              class: "pointer",
+              name: "cus-list",
+              size: "16",
+              color: i.value ? "#000" : "#999",
+              onClick: d[1] || (d[1] = (a) => i.value = !i.value)
+            }, {
+              default: P(() => [
+                b(ia)
+              ]),
+              _: 1
+            }, 8, ["color"])
+          ])
+        ]),
+        g("div", pa, [
+          i.value ? (h(), x("ul", ba, [
+            g("li", ka, [
+              d[5] || (d[5] = g("div", { class: "w-10%" }, null, -1)),
+              g("div", za, O(u(_)("缩略图")), 1),
+              g("div", $a, O(u(_)("切片名")), 1),
+              g("div", Pa, O(u(_)("评分")), 1)
+            ]),
+            (h(!0), x(ee, null, le(c.slides, (a, y) => (h(), x("li", {
+              key: y,
+              class: "flex align-items-center overflow-hidden",
+              style: q({
+                backgroundColor: u(m) === y ? "rgba(6, 85, 195, 0.1)" : "#fff"
+              }),
+              onClick: (w) => r(y)
+            }, [
+              g("div", {
+                class: "w-10% text-center",
+                onClick: Me(() => {
+                }, ["stop"])
+              }, [
+                b(u(Ue), {
+                  modelValue: a.check,
+                  "onUpdate:modelValue": (w) => a.check = w,
+                  style: { width: "14px", height: "16px" }
+                }, null, 8, ["modelValue", "onUpdate:modelValue"])
+              ]),
+              g("div", Ca, [
+                g("div", Oa, [
+                  b(De, {
+                    "retry-times": 1,
+                    src: a.labelImg,
+                    fit: "cover",
+                    style: { height: "45px" },
+                    class: "flex-1"
+                  }, null, 8, ["src"]),
+                  b(De, {
+                    "retry-times": 1,
+                    fit: "cover",
+                    src: a.previewImg,
+                    style: { height: "45px" },
+                    class: "flex-1"
+                  }, null, 8, ["src"]),
+                  a.read ? H("", !0) : (h(), x("div", Ta, O(u(_)("未读")), 1))
+                ])
+              ]),
+              g("div", La, [
+                b(u(fl), {
+                  effect: "dark",
+                  placement: "bottom",
+                  content: `${a.name}`
+                }, {
+                  default: P(() => [
+                    g("span", {
+                      style: { "line-height": "16px" },
+                      class: "margin-l-1 ellipsis hzzt-kfb-slides__text",
+                      dir: "rtl",
+                      onClick: Me((w) => s(a), ["stop"])
+                    }, O(a.name), 9, Ea)
+                  ]),
+                  _: 2
+                }, 1032, ["content"])
+              ]),
+              g("div", {
+                class: "w-20% flex text-center pointer",
+                style: q({
+                  color: a.gradeColor
+                }),
+                onClick: (w) => o("tool", "grade", a)
+              }, O(a.grade), 13, Va)
+            ], 12, xa))), 128))
+          ])) : (h(), x("div", ma, [
+            (h(!0), x(ee, null, le(c.slides, (a, y) => (h(), x("div", {
+              key: y,
+              class: Ie(["hzzt-kfb-slides__box", u(m) === y ? "hzzt-kfb-slides__box--active" : ""]),
+              onClick: (w) => r(y)
+            }, [
+              g("div", _a, [
+                b(De, {
+                  "retry-times": 1,
+                  src: a.labelImg,
+                  class: "hzzt-kfb-slides__img",
+                  fit: "cover"
+                }, null, 8, ["src"]),
+                b(De, {
+                  "retry-times": 1,
+                  src: a.previewImg,
+                  class: "flex-1 hzzt-kfb-slides__img1",
+                  fit: "cover"
+                }, null, 8, ["src"])
+              ]),
+              g("div", {
+                class: "flex justify-content-between align-items-center",
+                onClick: Me(() => {
+                }, ["stop"])
+              }, [
+                b(u(Ue), {
+                  modelValue: a.check,
+                  "onUpdate:modelValue": (w) => a.check = w,
+                  style: { width: "14px", height: "16px" }
+                }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+                b(u(fl), {
+                  effect: "dark",
+                  placement: "bottom",
+                  content: `${a.name}`
+                }, {
+                  default: P(() => [
+                    g("span", {
+                      style: { "line-height": "16px", "text-align": "center", width: "calc(100% - 14px)" },
+                      class: "margin-l-1 ellipsis",
+                      dir: "rtl",
+                      onClick: Me((w) => s(a), ["stop"])
+                    }, O(a.name), 9, ga)
+                  ]),
+                  _: 2
+                }, 1032, ["content"])
+              ]),
+              a.read ? H("", !0) : (h(), x("div", wa, O(u(_)("未读")), 1)),
+              a.grade ? (h(), x("div", {
+                key: 1,
+                class: "hzzt-kfb-slides__grade",
+                style: q({
+                  background: a.gradeColor
+                }),
+                onClick: (w) => o("tool", "grade", a)
+              }, O(a.grade), 13, ya)) : H("", !0),
+              ue(c.$slots, "slide", { slide: a }, void 0, !0)
+            ], 10, ha))), 128))
+          ]))
+        ]),
+        p.value.length > 1 ? (h(), x("div", Ia, [
+          g("div", Ma, [
+            g("span", Sa, O(u(_)("分屏")), 1),
+            b(u(be), {
+              modelValue: u(f),
+              "onUpdate:modelValue": d[2] || (d[2] = (a) => ze(f) ? f.value = a : null)
+            }, null, 8, ["modelValue"]),
+            u(f) ? (h(), x("span", Ha, O(u(_)("同步")), 1)) : H("", !0),
+            u(f) ? (h(), V(u(be), {
+              key: 1,
+              modelValue: u(v),
+              "onUpdate:modelValue": d[3] || (d[3] = (a) => ze(v) ? v.value = a : null)
+            }, null, 8, ["modelValue"])) : H("", !0)
+          ])
+        ])) : H("", !0)
+      ])
+    ]));
+  }
+}), Da = /* @__PURE__ */ _e(Aa, [["__scopeId", "data-v-c2a1a22e"]]);
+var ja = Object.defineProperty, Na = Object.defineProperties, Ra = Object.getOwnPropertyDescriptors, Hl = Object.getOwnPropertySymbols, Ba = Object.prototype.hasOwnProperty, Ua = Object.prototype.propertyIsEnumerable, Al = (t, e, l) => e in t ? ja(t, e, { enumerable: !0, configurable: !0, writable: !0, value: l }) : t[e] = l, Fa = (t, e) => {
+  for (var l in e || (e = {}))
+    Ba.call(e, l) && Al(t, l, e[l]);
+  if (Hl)
+    for (var l of Hl(e))
+      Ua.call(e, l) && Al(t, l, e[l]);
+  return t;
+}, Ka = (t, e) => Na(t, Ra(e));
+const Za = { class: "hzzt-kfb-ai overflow-hidden" }, Ga = { class: "flex align-items-center margin-t-1" }, Wa = { style: { color: "var(--el-color-success)" } }, qa = { class: "flex-1 flex overflow-auto wrap margin-t-1" }, Ya = ["onClick"], Xa = {
+  key: 0,
+  style: { "margin-left": "2px" }
+}, Qa = /* @__PURE__ */ Y(Ka(Fa({}, {
+  name: "KfbAiList"
+}), {
+  __name: "list",
+  props: {
+    data: { default: () => [] },
+    slide: { default: () => ({}) }
+  },
+  setup(t, { expose: e }) {
+    const l = t, { t: o } = ve(), m = Z("kfbViewRef"), f = $(-1), v = $(1), i = $(100), n = $(!0), p = $([]), _ = j(() => l.data.filter((E) => p.value.includes(E.cls || ""))), r = j(() => _.value.slice((v.value - 1) * i.value, v.value * i.value)), s = j(() => {
+      var E, M;
+      const C = ((M = (E = l.slide) == null ? void 0 : E.analysis) == null ? void 0 : M.result) || "";
+      return C.indexOf("疑似阳性") > -1 ? {
+        type: "warning",
+        name: C
+      } : C.indexOf("阳性") > -1 ? {
+        type: "danger",
+        name: C
+      } : C.indexOf("阴性") > -1 ? {
+        type: "success",
+        name: C
+      } : {
+        type: "info",
+        name: C || o("未知")
+      };
+    }), c = j(() => {
+      const E = /* @__PURE__ */ new Set();
+      return l.data.forEach((M) => {
+        const C = M.cls || "";
+        C && !E.has(C) && E.add(C);
+      }), Array.from(E);
+    }), d = j(() => p.value.length !== 0 && p.value.length !== c.value.length);
+    X(() => c.value, (E) => {
+      a(), p.value = [...E];
+    }), de(() => {
+      p.value = [...c.value];
+    });
+    function a() {
+      f.value = -1, v.value = 1, i.value = 100, n.value = !0;
+    }
+    function y(E) {
+      const M = _.value.findIndex((C) => C.id === E.id);
+      f.value = M, m.value.selectLabel(E);
+    }
+    function w(E) {
+      const M = l.data.filter((C) => C.cls === E);
+      return M.length ? `（${M.length}）` : "";
+    }
+    function S() {
+      f.value = -1, n.value = p.value.length == c.value.length;
+    }
+    function I(E) {
+      p.value = E ? [...c.value] : [], f.value = -1;
+    }
+    return e({
+      labelList: _
+    }), (E, M) => (h(), x("div", Za, [
+      g("div", Ga, [
+        b(u(gt), {
+          placement: "bottom",
+          trigger: "click",
+          width: "160"
+        }, {
+          reference: P(() => [
+            b(u(me), {
+              class: "margin-r-1",
+              type: "primary"
+            }, {
+              default: P(() => [
+                U(O(u(o)("分类")) + " ", 1),
+                b(W, { name: "arrowDown" })
+              ]),
+              _: 1
+            })
+          ]),
+          default: P(() => [
+            g("div", null, [
+              b(u(Ue), {
+                modelValue: n.value,
+                "onUpdate:modelValue": M[0] || (M[0] = (C) => n.value = C),
+                indeterminate: d.value,
+                onChange: I
+              }, {
+                default: P(() => [
+                  U(O(u(o)("全选")), 1)
+                ]),
+                _: 1
+              }, 8, ["modelValue", "indeterminate"]),
+              b(u(wt), {
+                modelValue: p.value,
+                "onUpdate:modelValue": M[1] || (M[1] = (C) => p.value = C),
+                class: "flex column",
+                onChange: S
+              }, {
+                default: P(() => [
+                  (h(!0), x(ee, null, le(c.value, (C) => (h(), V(u(Ue), {
+                    key: C,
+                    value: C
+                  }, {
+                    default: P(() => [
+                      U(O(C) + " ", 1),
+                      g("span", Wa, O(w(C)), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["value"]))), 128))
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ])
+          ]),
+          _: 1
+        }),
+        b(u(Nl), {
+          type: s.value.type,
+          class: "margin-l-1"
+        }, {
+          default: P(() => [
+            U(O(s.value.name), 1)
+          ]),
+          _: 1
+        }, 8, ["type"])
+      ]),
+      g("div", qa, [
+        (h(!0), x(ee, null, le(r.value, (C, Q) => (h(), x("div", {
+          key: Q + (v.value - 1) * i.value,
+          class: Ie(`hzzt-kfb-ai__img ${f.value === Q + (v.value - 1) * i.value ? "hzzt-kfb-ai__img--active" : ""}`),
+          onClick: (G) => y(C)
+        }, [
+          b(u(bt), {
+            "retry-times": 1,
+            src: C.imageUrl,
+            "error-src": u(el)
+          }, null, 8, ["src", "error-src"]),
+          g("div", {
+            style: q({ color: C.strokeStyle }),
+            class: "ellipsis"
+          }, [
+            U(O(C.cls) + " ", 1),
+            C.score ? (h(), x("span", Xa, O(C.score), 1)) : H("", !0)
+          ], 4)
+        ], 10, Ya))), 128))
+      ]),
+      b(u(yt), {
+        class: "wrap",
+        "current-page": v.value,
+        "onUpdate:currentPage": M[2] || (M[2] = (C) => v.value = C),
+        "page-size": i.value,
+        "onUpdate:pageSize": M[3] || (M[3] = (C) => i.value = C),
+        "page-sizes": [100, 200, 300, 400],
+        layout: "total, sizes, prev, pager, next",
+        total: _.value.length
+      }, null, 8, ["current-page", "page-size", "total"])
+    ]));
+  }
+}));
+var Ja = Object.defineProperty, er = Object.defineProperties, lr = Object.getOwnPropertyDescriptors, Dl = Object.getOwnPropertySymbols, tr = Object.prototype.hasOwnProperty, or = Object.prototype.propertyIsEnumerable, jl = (t, e, l) => e in t ? Ja(t, e, { enumerable: !0, configurable: !0, writable: !0, value: l }) : t[e] = l, qe = (t, e) => {
+  for (var l in e || (e = {}))
+    tr.call(e, l) && jl(t, l, e[l]);
+  if (Dl)
+    for (var l of Dl(e))
+      or.call(e, l) && jl(t, l, e[l]);
+  return t;
+}, Ye = (t, e) => er(t, lr(e));
+const nr = { class: "hzzt-kfb-slide" }, ar = { class: "flex flex-1 overflow-hidden" }, rr = { class: "flex flex-1" }, sr = {
+  key: 0,
+  style: { height: "100%", width: "100%" },
+  class: "flex wrap"
+}, ir = ["onClick"], Fe = /* @__PURE__ */ Y(Ye(qe({}, {
+  name: "HzztKfbSlide"
+}), {
+  __name: "index",
+  props: /* @__PURE__ */ Ee({
+    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__ */ Ee(["tool"], ["update:index"]),
+  setup(t, { expose: e, emit: l }) {
+    const o = t, m = l, f = Le(t, "index"), v = j(() => o.slides[f.value]), i = j(() => o.slides.filter(({ check: z }) => z)), n = $(), p = $(), _ = $(), r = $(o.showKeyboard), s = $(o.showKfbLabel), c = $(!1), d = $(!1), a = $(!1), { t: y } = ve(), w = j(() => {
+      var z;
+      if (c.value) {
+        const A = i.value.findIndex(({ id: N }) => {
+          var ae;
+          return N === ((ae = v.value) == null ? void 0 : ae.id);
+        });
+        return ((z = p.value) == null ? void 0 : z[A]) || n.value;
+      } else
+        return n.value;
+    }), S = j(() => 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%"
+    });
+    X(() => i.value, (z) => {
+      c.value && z.length <= 1 && (c.value = !1);
+    }), X(() => v.value, (z) => {
+      if (z) {
+        const A = z.read;
+        z.read = !0, m("tool", "choose", {
+          slide: z,
+          read: A
+        });
+      }
+    });
+    const {
+      analysisClass: I,
+      aiLabelList: E,
+      enableAi: M,
+      enableIqc: C,
+      toggleIqc: Q,
+      toggleAi: G
+    } = Kn(o, v);
+    function te(z, A) {
+      z === "next" && o.slides[f.value + 1] && f.value++, z === "prev" && o.slides[f.value - 1] && f.value--, (z === "label" || z === "tool") && (s.value = A), m("tool", z, A);
+    }
+    function ne(z) {
+      var A, N, ae;
+      const Ce = Ye(qe({}, o.kfb), {
+        process: o.process,
+        microscope: o.microscope,
+        slide: z,
+        aiLabelList: v.value.id === z.id ? ((A = _.value) == null ? void 0 : A.labelList) || [] : [],
+        hotmap: (N = z == null ? void 0 : z.hotmap) != null && N.file ? Ye(qe({}, (z == null ? void 0 : z.hotmap) || {}), {
+          enable: M.value
+        }) : void 0,
+        syncPosition: d.value,
+        syncZoom: d.value,
+        handle: void 0
+      });
+      return (ae = o.kfb) != null && ae.handle ? o.kfb.handle(z, Ce) : Ce;
+    }
+    function ge(z) {
+      f.value = o.slides.findIndex((A) => A.id === z.id);
+    }
+    function xe(z) {
+      c.value && (o.slides[z].check = !0);
+    }
+    function Ke() {
+      var z;
+      s.value = !a.value, (z = c.value ? p.value : [n.value]) == null || z.forEach((A) => {
+        a.value && (A.updateGrid({
+          show: !a.value,
+          ruler: !a.value
+        }), r.value = !a.value), A.updateGraduation({
+          show: !a.value
+        }), A.updateNavigator(!a.value);
+      });
+    }
+    return se("kfbViewRef", w), se("show-keyboard", r), se("show-kfb-label", s), se("hidden-all-label", a), se("file-index", f), se("divide", c), se("sync", d), e({
+      divide: c,
+      slide: v,
+      kfbViewRef: w,
+      enableAI: j(() => {
+        var z;
+        return ((z = o.ai) == null ? void 0 : z.enable) && E.value.length;
+      })
+    }), (z, A) => (h(), x("div", nr, [
+      z.menus.length ? (h(), V(Ve, {
+        key: 0,
+        menu: z.menus,
+        "show-menu-text": z.showMenuText,
+        process: z.process,
+        microscope: z.microscope,
+        onTool: te
+      }, {
+        left: P(() => [
+          ue(z.$slots, "left")
+        ]),
+        right: P(() => [
+          b(u(be), {
+            modelValue: a.value,
+            "onUpdate:modelValue": A[0] || (A[0] = (N) => a.value = N),
+            "active-text": u(y)("隐藏标签"),
+            class: "margin-r-2",
+            onChange: Ke
+          }, null, 8, ["modelValue", "active-text"]),
+          z.ai && z.ai.enable && u(I) === "IQC" ? (h(), V(u(be), {
+            key: 0,
+            modelValue: u(C),
+            "onUpdate:modelValue": A[1] || (A[1] = (N) => ze(C) ? C.value = N : null),
+            "active-text": u(y)("AI质控"),
+            class: "margin-r-2",
+            onChange: u(Q)
+          }, null, 8, ["modelValue", "active-text", "onChange"])) : z.ai && z.ai.enable && u(I) ? (h(), V(u(be), {
+            key: 1,
+            modelValue: u(M),
+            "onUpdate:modelValue": A[2] || (A[2] = (N) => ze(M) ? M.value = N : null),
+            "active-text": u(y)("AI分析"),
+            class: "margin-r-2",
+            onChange: u(G)
+          }, null, 8, ["modelValue", "active-text", "onChange"])) : H("", !0),
+          ue(z.$slots, "right")
+        ]),
+        _: 3
+      }, 8, ["menu", "show-menu-text", "process", "microscope"])) : H("", !0),
+      g("div", ar, [
+        z.showList ? (h(), V(Ne, {
+          key: 0,
+          defer: "",
+          to: "#kfb-slide-list",
+          disabled: !z.teleport
+        }, [
+          b(Da, {
+            style: q(z.teleport ? "" : "width: 250px"),
+            slides: z.slides,
+            onSelect: xe,
+            onTool: te
+          }, {
+            slide: P(({ slide: N }) => [
+              ue(z.$slots, "list", { slide: N })
+            ]),
+            _: 3
+          }, 8, ["style", "slides"])
+        ], 8, ["disabled"])) : H("", !0),
+        (h(), V(Ne, {
+          defer: "",
+          to: "#kfb-slide-view",
+          disabled: !z.teleport
+        }, [
+          g("div", rr, [
+            i.value.length && c.value ? (h(), x("ul", sr, [
+              (h(!0), x(ee, null, le(i.value, (N, ae) => (h(), x("li", {
+                key: ae,
+                style: q(S.value),
+                class: Ie(v.value.id === N.id ? "hzzt-kfb-view-screen-active" : ""),
+                onClick: (Ce) => ge(N)
+              }, [
+                (h(), V($e, Re({
+                  ref_for: !0,
+                  ref_key: "kfbViewRefs",
+                  ref: p,
+                  key: `kfb-${ae}`
+                }, { ref_for: !0 }, ne(N), { onTool: te }), {
+                  default: P(() => [
+                    ue(z.$slots, "kfb", { slide: N })
+                  ]),
+                  _: 2
+                }, 1040))
+              ], 14, ir))), 128))
+            ])) : v.value ? (h(), V($e, Re({
+              key: 1,
+              ref_key: "kfbViewRef",
+              ref: n
+            }, ne(v.value), { onTool: te }), {
+              default: P(() => [
+                ue(z.$slots, "kfb", { slide: v.value })
+              ]),
+              _: 3
+            }, 16)) : H("", !0)
+          ])
+        ], 8, ["disabled"])),
+        z.ai && z.ai.enable && u(E).length ? (h(), V(Ne, {
+          key: 1,
+          defer: "",
+          to: "#kfb-slide-ai",
+          disabled: !z.teleport
+        }, [
+          b(Qa, {
+            style: q(z.teleport ? "" : "width: 350px"),
+            ref_key: "kfbAiRef",
+            ref: _,
+            data: u(E),
+            slide: v.value
+          }, null, 8, ["style", "data", "slide"])
+        ], 8, ["disabled"])) : H("", !0),
+        ue(z.$slots, "default")
+      ])
+    ]));
+  }
+}));
+Fe.name = "HzztKfbSlide";
+$e.name = "HzztKfbView";
+Ve.name = "HzztKfbToolbox";
+const ur = (t, e) => {
+  t.use(kt, e == null ? void 0 : e.i18n), t.component(Fe.name, Fe), t.component($e.name, $e), t.component(Ve.name, Ve);
+}, pr = {
+  install: ur,
+  HzztKfbSlide: Fe,
+  HzztKfbView: $e,
+  HzztKfbToolbox: Ve
+};
+export {
+  Rl as D,
+  _e as _,
+  ro as a,
+  lo as b,
+  eo as c,
+  so as d,
+  oo as e,
+  io as f,
+  Qe as g,
+  Fe as h,
+  $e as i,
+  Ve as j,
+  pr as k,
+  Jt as l,
+  no as p,
+  to as r,
+  ao as s,
+  ve as u,
+  uo as v
+};