hzzt-kfb-slide 0.1.9 → 1.0.1

package/dist/components/indexF91KX9_v.js

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