hzzt-kfb-slide 0.0.6 → 0.0.8

package/dist/components/indexB0v3MpmE.js

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