hzzt-kfb-slide 0.0.5 → 0.0.7

package/dist/components/indexCbr7K6Yq.js

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