hzzt-kfb-slide 1.0.0 → 1.0.2

package/dist/components/indexChPoAAH8.js

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