hzzt-kfb-slide 0.1.1 → 0.1.2

package/dist/components/indexCNC1g25E.js

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