vue3-components-plus 3.0.19 → 3.0.21

package/dist/vue3-components-plus.js

@@ -2,12 +2,12 @@ var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 var _a2;
-import { defineComponent, openBlock, createElementBlock, createElementVNode, reactive, withDirectives, normalizeStyle, Fragment, renderList, toDisplayString, vShow, nextTick, useCssVars, unref, inject, ref as ref$1, watch, onMounted, normalizeClass, renderSlot, createCommentVNode, createBlock, isRef, onUnmounted, onBeforeUnmount, resolveDirective, resolveComponent, createVNode, withCtx, resolveDynamicComponent, createTextVNode, useSlots, provide, computed, Teleport, defineAsyncComponent, createSlots, mergeProps, toHandlers, createApp, render, useAttrs, watchEffect, getCurrentInstance, shallowRef, createStaticVNode, Transition, vModelText, withModifiers, normalizeProps, guardReactiveProps, onUpdated, h as h$2 } from "vue";
+import { defineComponent, openBlock, createElementBlock, createElementVNode, ref as ref$1, watch, normalizeClass, nextTick, useCssVars, computed, defineAsyncComponent, reactive, onMounted, onUnmounted, resolveComponent, createBlock, createSlots, withCtx, resolveDynamicComponent, mergeProps, toHandlers, Fragment, createTextVNode, toDisplayString, unref, createCommentVNode, createVNode, createApp, render, useAttrs, watchEffect, withDirectives, vShow, renderSlot, resolveDirective, renderList, normalizeStyle, getCurrentInstance, shallowRef, onBeforeUnmount, createStaticVNode, Transition, vModelText, withModifiers, normalizeProps, guardReactiveProps, onUpdated, h as h$2 } from "vue";
 import { ElMessage, ElImage } from "element-plus";
 import VuePdfApp from "vue3-pdf-app";
 import axios from "axios";
 /*! Element Plus Icons Vue v2.3.2 */
-var _sfc_main$m = /* @__PURE__ */ defineComponent({
+var _sfc_main$f = /* @__PURE__ */ defineComponent({
   name: "AddLocation",
   __name: "add-location",
   setup(__props) {
@@ -29,7 +29,7 @@ var _sfc_main$m = /* @__PURE__ */ defineComponent({
       })
     ]));
   }
-}), add_location_default = _sfc_main$m;
+}), add_location_default = _sfc_main$f;
 var _sfc_main2 = /* @__PURE__ */ defineComponent({
   name: "Aim",
   __name: "aim",
@@ -5172,2109 +5172,6 @@ const ElementPlusIconsVue = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object
   ZoomIn: zoom_in_default,
   ZoomOut: zoom_out_default
 }, Symbol.toStringTag, { value: "Module" }));
-const _hoisted_1$f = { class: "right-box-2" };
-const _hoisted_2$c = ["onClick"];
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
-  __name: "videoRightMenu",
-  props: {
-    rightMenus: {
-      type: Array,
-      default: () => []
-    },
-    sacle_x: {
-      type: Number,
-      default: 1
-    },
-    sacle_y: {
-      type: Number,
-      default: 1
-    }
-  },
-  setup(__props, { expose: __expose }) {
-    const props = __props;
-    function rightHandler(rightAction) {
-      var _a3;
-      (_a3 = rightAction == null ? void 0 : rightAction.callback) == null ? void 0 : _a3.call(rightAction, state.rightTargetData);
-    }
-    const state = reactive({
-      rightShow: false,
-      // 右键菜单是否正在显示
-      rightTargetData: null,
-      // 右键菜单正在操作的 tab
-      rightStyle: {
-        // 右键菜单的 style 样式
-        left: "0px",
-        // 坐标x
-        top: "0px",
-        // 坐标y
-        maxHeight: "0px"
-        // 右键菜单的最高高度 (控制是否展开)
-      }
-    });
-    const right_showMenu = function(tab, event) {
-      state.rightTargetData = tab;
-      const e6 = event || window.event;
-      state.rightStyle.left = e6.clientX / props.sacle_x + 1 + "px";
-      state.rightStyle.top = e6.clientY / props.sacle_y + "px";
-      state.rightShow = true;
-      nextTick(function() {
-        var _a3, _b;
-        const foxHeight = (_a3 = document.querySelector(".right-box-2")) == null ? void 0 : _a3.offsetHeight;
-        state.rightStyle.maxHeight = foxHeight + "px";
-        (_b = document.querySelector(".right-box")) == null ? void 0 : _b.focus();
-      });
-    };
-    const right_closeMenu = function() {
-      state.rightStyle.maxHeight = "0px";
-      state.rightShow = false;
-    };
-    const right_closeMenu2 = function() {
-      state.rightStyle.maxHeight = "0px";
-    };
-    __expose({ right_showMenu });
-    return (_ctx, _cache) => {
-      return withDirectives((openBlock(), createElementBlock("div", {
-        class: "right-box",
-        style: normalizeStyle(state.rightStyle),
-        tabindex: "-1",
-        onBlur: _cache[0] || (_cache[0] = ($event) => right_closeMenu2())
-      }, [
-        createElementVNode("div", _hoisted_1$f, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.rightMenus, (item, index2) => {
-            return openBlock(), createElementBlock("div", {
-              key: index2,
-              onClick: () => {
-                right_closeMenu();
-                rightHandler(item);
-              }
-            }, toDisplayString(item == null ? void 0 : item.name), 9, _hoisted_2$c);
-          }), 128))
-        ])
-      ], 36)), [
-        [vShow, state.rightShow]
-      ]);
-    };
-  }
-});
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const ComRightMenu = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-644f5340"]]);
-const _hoisted_1$e = { class: "split-icon-container" };
-const _hoisted_2$b = ["onClick"];
-const _hoisted_3$9 = { class: "video-view-bg" };
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
-  __name: "SplitIcon",
-  props: {
-    type: {
-      type: Number,
-      default: 1
-    },
-    width: {
-      type: String,
-      default: "20px"
-    },
-    height: {
-      type: String,
-      default: "20px"
-    },
-    isVideo: {
-      type: Boolean,
-      default: false
-    }
-  },
-  setup(__props) {
-    useCssVars((_ctx) => ({
-      "v5a2a7a44": unref(_w),
-      "v5a2a7a62": unref(_h2),
-      "v6f72a330": mixWidth.value,
-      "v6ce9eb3a": heightComputed.value
-    }));
-    const props = __props;
-    const videoUrlKey = inject("videoUrlKey");
-    const activeIndex = inject("activeIndex");
-    const fouceIndex = inject("fouceIndex");
-    const videoInfos = inject("videoInfos");
-    const checkFouceIndex = (index2) => {
-      if (!props.isVideo) {
-        return false;
-      }
-      return fouceIndex.value == index2;
-    };
-    const _w = props.width;
-    const _h2 = props.height;
-    const isFirst = ref$1(false);
-    const onlyOne = ref$1(false);
-    const mixWidth = ref$1("100%");
-    const count = ref$1(1);
-    const isActive = ref$1(false);
-    function iconClick(index2) {
-      if (!props.isVideo) {
-        activeIndex.value = props.type;
-      } else {
-        fouceIndex.value = index2;
-      }
-    }
-    const heightComputed = ref$1("100%");
-    watch(
-      () => activeIndex.value,
-      () => {
-        isActive.value = activeIndex.value == props.type;
-        heightComputed.value = (100 / Number(activeIndex.value)).toFixed(2) + "%";
-      },
-      { immediate: true }
-    );
-    watch(
-      () => props.type,
-      () => {
-        if (props.type == 1) {
-          isFirst.value = true;
-          if (props.isVideo) {
-            onlyOne.value = true;
-          }
-        } else {
-          onlyOne.value = false;
-        }
-        count.value = Math.pow(props.type, 2);
-        mixWidth.value = (100 / props.type).toFixed(2) + "%";
-        const resetInfo = new Array(count.value).fill(null).map((_3, index2) => ({
-          index: index2,
-          [videoUrlKey]: ""
-        }));
-        fouceIndex.value = 0;
-        videoInfos.value = resetInfo;
-      },
-      { immediate: true }
-    );
-    onMounted(() => {
-      if (props.isVideo) {
-        console.log("video初始化");
-      }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$e, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.isVideo ? unref(videoInfos) : count.value, (videoInfo) => {
-          return openBlock(), createElementBlock("div", {
-            key: videoInfo,
-            class: normalizeClass([
-              "icon-item",
-              isFirst.value ? "first" : "",
-              isActive.value ? "active" : "",
-              __props.isVideo ? "video" : "",
-              onlyOne.value ? "only-one" : "",
-              checkFouceIndex(videoInfo.index) ? "fouce" : ""
-            ]),
-            onClick: ($event) => iconClick(videoInfo.index)
-          }, [
-            createElementVNode("div", _hoisted_3$9, [
-              __props.isVideo ? renderSlot(_ctx.$slots, "video-view-slot", {
-                key: 0,
-                index: videoInfo.index,
-                url: videoInfo[unref(videoUrlKey)],
-                info: videoInfo == null ? void 0 : videoInfo.info
-              }, void 0, true) : createCommentVNode("", true)
-            ])
-          ], 10, _hoisted_2$b);
-        }), 128))
-      ]);
-    };
-  }
-});
-const SplitIcon = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-5efe1bd4"]]);
-const _hoisted_1$d = { class: "split-box" };
-const _hoisted_2$a = ["onClick"];
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  props: {
-    videoSplitUseIcon: {
-      type: Boolean,
-      default: false
-    }
-  },
-  setup(__props) {
-    const getIconClass = (index2, activeIndex2) => {
-      let iconClass = "";
-      if (index2 == 0) {
-        iconClass = "icon-yiping";
-      } else if (index2 == 1) {
-        iconClass = "icon-siping";
-      } else if (index2 == 2) {
-        iconClass = "icon-jiuping";
-      }
-      if (activeIndex2 != index2 + 1) {
-        iconClass += "-moren";
-      }
-      return iconClass;
-    };
-    const splitIconCount = ref$1(3);
-    const activeIndex = inject("activeIndex");
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$d, [
-        _cache[1] || (_cache[1] = createElementVNode("span", { class: "split-text" }, "分屏：", -1)),
-        !__props.videoSplitUseIcon ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(splitIconCount.value, (item) => {
-          return openBlock(), createBlock(SplitIcon, {
-            type: item,
-            key: item,
-            activeIndex: unref(activeIndex),
-            "onUpdate:activeIndex": _cache[0] || (_cache[0] = ($event) => isRef(activeIndex) ? activeIndex.value = $event : null)
-          }, null, 8, ["type", "activeIndex"]);
-        }), 128)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, renderList(3, (_3, index2) => {
-          return createElementVNode("i", {
-            key: index2,
-            class: normalizeClass(["martrix_iconfont", getIconClass(index2, unref(activeIndex))]),
-            onClick: ($event) => activeIndex.value = index2 + 1
-          }, null, 10, _hoisted_2$a);
-        }), 64))
-      ]);
-    };
-  }
-});
-const SplitIconGroup = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-e9d24ad3"]]);
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
-  __name: "EasyPlay",
-  props: {
-    videoUrl: {
-      type: String,
-      default: ""
-    },
-    hasAudio: {
-      type: Boolean,
-      default: false
-    },
-    MSE: {
-      type: Boolean,
-      default: true
-    },
-    WCS: {
-      type: Boolean,
-      default: true
-    },
-    WASM: {
-      type: Boolean,
-      default: true
-    },
-    WASMSIMD: {
-      type: Boolean,
-      default: true
-    },
-    loadTimeReplay: {
-      type: Number,
-      default: 3
-    },
-    isLive: {
-      type: Boolean,
-      default: true
-    },
-    digitalZoom: {
-      type: Boolean,
-      default: true
-    },
-    stretch: {
-      type: Boolean,
-      default: true
-    },
-    watermark: {
-      type: String,
-      default: ""
-    },
-    playerIndex: {
-      type: Number,
-      default: -1
-    }
-  },
-  emits: ["dblclick", "error", "urlError", "videoOriginalInfo"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    console.info("----------初始化----------");
-    const emits = __emit;
-    const videoModel = inject("videoModel");
-    console.warn("播放模式===>", videoModel);
-    const easyRef = ref$1();
-    const player = ref$1();
-    const playerInfo = reactive({
-      config: {
-        hasAudio: true,
-        isLive: true,
-        MSE: false,
-        WCS: false
-      },
-      isPlay: false
-    });
-    watch(
-      () => props.videoUrl,
-      async (nv) => {
-        if (nv) {
-          onReplay(nv);
-        } else {
-          await onDestroy();
-        }
-      },
-      { immediate: true }
-    );
-    function onPlayer(videoUrl) {
-      playerInfo.isPlay = true;
-      setTimeout(
-        (url) => {
-          if (player.value) {
-            player.value.play(url).then(() => {
-            }).catch((e6) => {
-              console.warn("播放错误:", e6);
-              emits("urlError");
-            });
-          }
-        },
-        200,
-        videoUrl
-      );
-    }
-    function onDestroy() {
-      try {
-        return new Promise((resolve2) => {
-          try {
-            if (player.value) {
-              player.value.destroy();
-              player.value = null;
-            }
-          } catch (error) {
-            console.warn("销毁失败:", error);
-          }
-          setTimeout(() => {
-            resolve2();
-          }, 100);
-        });
-      } catch (error) {
-        setTimeout(() => {
-          console.error("888==>onDestroy失败:", error);
-          resolve();
-        }, 100);
-      }
-    }
-    function onReplay(videoUrl) {
-      onDestroy().then(() => {
-        setTimeout(() => {
-          try {
-            playCreate(videoUrl);
-          } catch (error) {
-            console.warn("播放容器错误:", error);
-          }
-        }, 200);
-      });
-    }
-    async function playCreate(videoUrl) {
-      let container = easyRef.value;
-      if (container) {
-        createPlay(container);
-        onPlayer(videoUrl);
-      } else {
-        setTimeout(async () => {
-          container = easyRef.value;
-          await nextTick();
-          createPlay(container);
-          onPlayer(videoUrl);
-        }, 500);
-      }
-    }
-    function createPlay(container) {
-      player.value = new EasyPlayerPro(container, {
-        stretch: !props.stretch,
-        MSE: props.MSE,
-        WCS: props.WCS,
-        WASM: props.WASM,
-        WASMSIMD: props.WASMSIMD,
-        isLive: props.isLive,
-        loadTimeReplay: -1,
-        hasAudio: props.hasAudio,
-        bufferTime: 3
-        // 缓存时长
-      });
-      player.value.on("videoInfo", (videoOriginalInfo) => {
-        try {
-          console.log("视频原始信息:", videoOriginalInfo);
-          emits("videoOriginalInfo", videoOriginalInfo);
-        } catch (error) {
-          console.warn("视频原始信息错误:", error);
-        }
-      });
-      player.value.on("timeout", () => {
-        console.error("播放器超时");
-        appendLoading();
-      });
-      player.value.on("error", () => {
-        console.error("播放器异常");
-        appendLoading();
-      });
-      appendLoading();
-    }
-    function appendLoading() {
-      setTimeout(async () => {
-        const container = easyRef.value;
-        await nextTick();
-        if (container.querySelector(".easyplayer-loading-text")) {
-          container.querySelector(".easyplayer-loading-text").innerHTML = "加载中...";
-        }
-        const rightMenus = container.querySelector(".easyplayer-controls-right");
-        const fullBtn = rightMenus == null ? void 0 : rightMenus.querySelector(".easyplayer-controls-item-wrap:last-child");
-        if (!!fullBtn) {
-          const fullscreenBtn = document.createElement("span");
-          fullscreenBtn.setAttribute("title", "全屏");
-          fullscreenBtn.innerHTML = "全屏";
-          fullscreenBtn.style.marginLeft = "8px";
-          fullscreenBtn.style.fontSize = "14px";
-          fullscreenBtn.style.zoom = "0.8";
-          fullscreenBtn.style.position = "relative";
-          fullscreenBtn.style.top = "-1px";
-          fullscreenBtn.addEventListener("click", doEmits);
-          fullBtn.replaceChildren(fullscreenBtn);
-        }
-      }, 200);
-    }
-    function doEmits() {
-      emits("dblclick", props.playerIndex);
-    }
-    onUnmounted(() => {
-      onDestroy();
-      console.warn("卸载成功");
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: "easy-player-view",
-        ref_key: "easyRef",
-        ref: easyRef
-      }, null, 512);
-    };
-  }
-});
-const EasyPlayView = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-1a2b8584"]]);
-class hkVideo {
-  constructor(options) {
-    __publicField(this, "hkVideoInfo");
-    this.hkVideoInfo = reactive({
-      open: false,
-      player: null,
-      splitNum: options.splitNum || 1,
-      width: options.width || "500px",
-      height: options.height || "500px",
-      currentPlayUrl: "",
-      mode: options.mode || 1
-      // 0普通模式， 1高级模式
-    });
-    this.createPlayer(options);
-  }
-  // 创建视频容器
-  createPlayer(options) {
-    this.hkVideoInfo.player = new window.JSPlugin({
-      szId: options.divId,
-      szBasePath: options.szBasePath,
-      //"/bigScreen/cdn/h5player",
-      iMaxSplit: 1,
-      iCurrentSplit: 1,
-      openDebug: true,
-      oStyle: {
-        borderSelect: "none"
-      }
-    });
-    window.addEventListener("resize", () => {
-      this.hkVideoInfo.player.JS_Resize();
-    });
-    this.hkVideoInfo.player.JS_SetConnectTimeOut(this.hkVideoInfo.player.currentWindowIndex, 6e3).then(
-      () => {
-      },
-      (err) => {
-        console.error("播放6000秒超时");
-      }
-    );
-    this.hkVideoInfo.player.JS_SetWindowControlCallback({
-      windowEventSelect: function(iWndIndex) {
-        console.log("windowSelect callback: ", iWndIndex);
-        if (options.windowEventSelect) options.windowEventSelect(iWndIndex);
-      },
-      pluginErrorHandler: function(iWndIndex, iErrorCode, oError) {
-        console.log("海康播放器-插件错误回调: ", iWndIndex, iErrorCode, oError);
-        if (options.pluginErrorHandler) options.pluginErrorHandler(iWndIndex);
-      },
-      windowEventOver: function(iWndIndex) {
-      },
-      windowEventOut: function(iWndIndex) {
-      },
-      windowEventUp: function(iWndIndex) {
-      },
-      windowFullCcreenChange: function(bFull) {
-        console.log("海康播放器-全屏切换回调: ", bFull);
-      },
-      firstFrameDisplay: function(iWndIndex, iWidth, iHeight) {
-        console.log("海康播放器-首帧显示回调: ", iWndIndex, iWidth, iHeight);
-        if (options.firstFrameDisplay) options.firstFrameDisplay(iWndIndex, iWidth, iHeight);
-      },
-      performanceLack: function() {
-        console.log("海康播放器-性能不足回调");
-      },
-      InterruptStream: (iWndIndex, interruptTime) => {
-        console.log("断流事件回调: " + iWndIndex + "interrupt time:" + interruptTime);
-        if (this.hkVideoInfo.currentPlayUrl) {
-          console.log("检测到断流，尝试重新播放:", this.hkVideoInfo.currentPlayUrl);
-          this.realplay(this.hkVideoInfo.currentPlayUrl, iWndIndex);
-        }
-      }
-    });
-    console.log("海康播放器-视频初始化");
-  }
-  // 开始播放
-  realplay(playURL, index2) {
-    console.warn("视频播放地址：", playURL);
-    this.hkVideoInfo.currentPlayUrl = playURL;
-    this.hkVideoInfo.player.JS_Play(playURL, { playURL, mode: this.hkVideoInfo.mode }, index2).then(
-      () => {
-        console.log("开始播放");
-      },
-      (e6) => {
-        console.error("海康播放器- error", e6);
-      }
-    );
-  }
-  // 停止预览
-  stop(index2) {
-    this.hkVideoInfo.player.JS_Stop(index2).then(
-      () => {
-        console.log("停止预览");
-      },
-      (e6) => {
-        console.error(e6);
-      }
-    );
-  }
-  // 停止预览
-  stopAll() {
-    this.hkVideoInfo.player.JS_StopRealPlayAll().then(
-      () => {
-        console.log("停止预览");
-      },
-      (e6) => {
-        console.error(e6);
-      }
-    );
-  }
-  // 切换分屏
-  changeSplitNum(splitNum) {
-    this.hkVideoInfo.player.JS_ArrangeWindow(splitNum).then(
-      () => {
-        console.log(`切换分屏 success`);
-      },
-      (e6) => {
-        console.error(e6);
-      }
-    );
-  }
-  // 全屏
-  wholeFullScreen() {
-    this.hkVideoInfo.player.JS_FullScreenDisplay(true).then(
-      () => {
-        console.log(`wholeFullScreen success`);
-      },
-      (e6) => {
-        console.error(e6);
-      }
-    );
-  }
-  // 设置播放容器的宽高并监听窗口大小变化
-  reSize(width, height) {
-    this.hkVideoInfo.player.JS_Resize(width, height);
-  }
-}
-const _hoisted_1$c = ["id"];
-const _hoisted_2$9 = ["id"];
-const _hoisted_3$8 = {
-  class: "video-mask",
-  "element-loading-text": "加载中..."
-};
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
-  __name: "HKPlay",
-  props: {
-    // divId: {
-    //   type: String,
-    //   default: "video",
-    // },
-    hkPath: {
-      type: Object,
-      default: null
-    },
-    splitNum: {
-      type: Number,
-      default: 1
-    },
-    videoList: {
-      type: Array
-    },
-    videoUrl: {
-      type: String,
-      default: ""
-    },
-    playerIndex: {
-      type: Number,
-      default: -1
-    }
-  },
-  emits: ["dblclick", "error", "urlError", "videoOriginalInfo"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const videoRandomId = parseInt(Math.random() * 999999999 + "");
-    const hkPath = inject("hkPath");
-    const videoModel = inject("videoModel");
-    console.warn("播放模式===>", videoModel);
-    const emits = __emit;
-    const props = __props;
-    const videoBtnRef = ref$1();
-    ref$1();
-    const splitNum = ref$1(1);
-    const currentIndex = ref$1(-1);
-    const hkVideoObj = ref$1();
-    const ysyVideoObj = ref$1(null);
-    const videoListNew = ref$1([]);
-    const isNext = ref$1(true);
-    ref$1("");
-    ref$1("0");
-    const showBtn = ref$1(false);
-    const btnTime = ref$1();
-    const videoLoading = ref$1(true);
-    watch(
-      () => props.videoUrl,
-      (val) => {
-        changeVideo(val);
-      },
-      { immediate: true }
-    );
-    function mouseoverHandler() {
-      showBtn.value = true;
-      if (btnTime.value) {
-        clearTimeout(btnTime.value);
-      }
-    }
-    function mouseleaveHandler() {
-      btnTime.value = setTimeout(() => {
-        showBtn.value = false;
-      }, 1e3);
-    }
-    function doEmits() {
-      emits("dblclick", props.playerIndex);
-    }
-    onMounted(() => {
-      currentIndex.value = -1;
-      videoListNew.value = [];
-      isNext.value = true;
-      splitNum.value = props.splitNum;
-      nextTick(() => {
-        initVideo();
-      });
-      setTimeout(() => {
-        videoLoading.value = false;
-      }, 30 * 1e3);
-    });
-    onBeforeUnmount(() => {
-      closeAllVideo();
-    });
-    const initVideo = async () => {
-      const { divId, clientWidth, clientHeight } = getVideoDom();
-      hkVideoObj.value = new hkVideo({
-        divId,
-        splitNum: 1,
-        width: clientWidth,
-        height: clientHeight,
-        szBasePath: props.hkPath || hkPath,
-        windowEventSelect: changeIndex,
-        pluginErrorHandler,
-        firstFrameDisplay
-      });
-    };
-    function changeVideo(url) {
-      nextTick(() => {
-        if (!hkVideoObj.value) initVideo();
-        console.log("海康视频信息");
-        nextTick(() => {
-          if (!hkVideoObj.value) {
-            setTimeout(() => {
-              hkVideoObj.value.realplay(url, 0);
-            }, 200);
-          } else {
-            hkVideoObj.value.realplay(url, 0);
-          }
-        });
-      });
-    }
-    const changeIndex = (index2) => {
-      console.log(index2, "index");
-      if (splitNum.value !== 1) {
-        currentIndex.value = index2;
-        isNext.value = false;
-      }
-    };
-    const pluginErrorHandler = (index2) => {
-      console.log("播放超时");
-      videoLoading.value = false;
-    };
-    const firstFrameDisplay = (iWndIndex, iWidth, iHeight) => {
-      console.log("海康开始播放");
-      videoLoading.value = false;
-      emits("videoOriginalInfo", {
-        width: iWidth,
-        height: iHeight
-      });
-    };
-    const getVideoDom = () => {
-      const dom = {
-        divId: `hk-${videoRandomId}`,
-        clientWidth: document.getElementById(`parent-hk-${videoRandomId}`).clientWidth,
-        clientHeight: document.getElementById(`parent-hk-${videoRandomId}`).clientHeight
-      };
-      console.log("视频容器信息", dom);
-      return dom;
-    };
-    const resize = () => {
-      nextTick(() => {
-        const dom = getVideoDom();
-        if (hkVideoObj.value != null) hkVideoObj.value.reSize(dom.clientWidth, dom.clientHeight);
-        if (ysyVideoObj.value != null) ysyVideoObj.value.reSize(dom.clientWidth, dom.clientHeight);
-      });
-    };
-    const closeAllVideo = () => {
-      stopHk();
-      videoListNew.value = [];
-    };
-    const stopHk = () => {
-      if (hkVideoObj.value) {
-        hkVideoObj.value.stopAll();
-      }
-      hkVideoObj.value = null;
-    };
-    __expose({
-      splitNum,
-      closeAllVideo,
-      resize,
-      changeIndex
-    });
-    return (_ctx, _cache) => {
-      const _directive_loading = resolveDirective("loading");
-      return openBlock(), createElementBlock("div", {
-        class: "rv-container",
-        id: `parent-hk-${unref(videoRandomId)}`,
-        onMouseover: mouseoverHandler,
-        onMouseleave: mouseleaveHandler
-      }, [
-        createElementVNode("div", {
-          class: "video-container",
-          id: `hk-${unref(videoRandomId)}`
-        }, null, 8, _hoisted_2$9),
-        withDirectives(createElementVNode("div", _hoisted_3$8, null, 512), [
-          [_directive_loading, videoLoading.value]
-        ]),
-        withDirectives(createElementVNode("div", {
-          ref_key: "videoBtnRef",
-          ref: videoBtnRef,
-          class: "video-button",
-          style: { "position": "absolute", "bottom": "0", "left": "0", "width": "100%", "background": "rgba(255, 255, 255, 0.3)" }
-        }, [
-          createElementVNode("div", { style: { "display": "flex", "align-items": "center", "justify-content": "flex-end", "width": "100%", "height": "100%" } }, [
-            createElementVNode("span", {
-              title: "全屏",
-              class: "full-title",
-              onClick: doEmits
-            }, "全屏")
-          ])
-        ], 512), [
-          [vShow, showBtn.value]
-        ])
-      ], 40, _hoisted_1$c);
-    };
-  }
-});
-const HKPlayView = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-a962f649"]]);
-const _hoisted_1$b = { class: "split-box" };
-const _hoisted_2$8 = ["onMouseover", "onMouseleave"];
-const _hoisted_3$7 = {
-  key: 0,
-  class: "no-signal"
-};
-const _hoisted_4$4 = {
-  key: 2,
-  class: "ctrl-box"
-};
-const _hoisted_5$3 = { class: "ctrl-left" };
-const _hoisted_6 = { class: "ctrl-btn-speed" };
-const _hoisted_7 = { class: "ctrl-right" };
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  props: {
-    videoErrorMaxCount: {
-      type: Number,
-      default: 3
-    },
-    videoConfig: {
-      type: Object,
-      default: () => {
-      }
-    }
-  },
-  emits: ["removeVideo", "errorVideo", "urlError", "videoOriginalInfo"],
-  setup(__props, { emit: __emit }) {
-    const injectedSlots = inject("slots");
-    const videoModelsInfo = ref$1({
-      easyplayer: {
-        name: "easyplayer",
-        player: EasyPlayView
-      },
-      hk: {
-        name: "hk",
-        player: HKPlayView
-      }
-    });
-    const videoModel = inject("videoModel");
-    const activeIndex = inject("activeIndex");
-    const videoCtrlFun = inject("videoCtrlFun");
-    const showVideoCtrls = inject("showVideoCtrls");
-    const slidValue = inject("slidValue");
-    const hasFullScreen = inject("hasFullScreen");
-    const emits = __emit;
-    const videoDivRefs = ref$1({});
-    const videoPlayerRefs = ref$1({});
-    const closeBtnStatusList = ref$1([]);
-    const showClose = inject("showClose") + "" === "true";
-    const isFullScreen = ref$1(false);
-    function getVideoModel(info) {
-      var _a3, _b, _c2, _d;
-      if (!!(info == null ? void 0 : info.videoModel)) {
-        return (_b = (_a3 = videoModelsInfo.value) == null ? void 0 : _a3[info.videoModel]) == null ? void 0 : _b.player;
-      }
-      return (_d = (_c2 = videoModelsInfo.value) == null ? void 0 : _c2[videoModel]) == null ? void 0 : _d.player;
-    }
-    function messageHandler(e6, index2) {
-      emits("errorVideo", index2, false);
-    }
-    function urlErrorHandler(e6, index2) {
-      emits("urlError", index2);
-    }
-    function videoOriginalInfoHandler(e6, index2) {
-      emits("videoOriginalInfo", e6, index2);
-    }
-    function videoDivRefHandler(el2, index2) {
-      if (el2) {
-        videoDivRefs.value[index2] = el2;
-      }
-    }
-    function videoPlayerRefHandler(el2, index2) {
-      if (el2) {
-        videoPlayerRefs.value[index2] = el2;
-      }
-    }
-    function showCloseBtnHandler(index2) {
-      closeBtnStatusList.value[index2] = true;
-    }
-    function hideCloseBtnHandler(index2) {
-      closeBtnStatusList.value[index2] = false;
-    }
-    let clickCtrlStatus = false;
-    const speakStatue = ref$1(false);
-    const ctrlInfoByMousedown = ref$1();
-    function ctrlHandler(type2, info) {
-      var _a3, _b, _c2, _d, _e, _f, _g, _h2, _i, _j;
-      clickCtrlStatus = true;
-      ctrlInfoByMousedown.value = info;
-      if (type2 === "left") {
-        (_a3 = videoCtrlFun == null ? void 0 : videoCtrlFun.toLeft) == null ? void 0 : _a3.call(videoCtrlFun, info);
-      } else if (type2 === "right") {
-        (_b = videoCtrlFun == null ? void 0 : videoCtrlFun.toRight) == null ? void 0 : _b.call(videoCtrlFun, info);
-      } else if (type2 === "top") {
-        (_c2 = videoCtrlFun == null ? void 0 : videoCtrlFun.toTop) == null ? void 0 : _c2.call(videoCtrlFun, info);
-      } else if (type2 === "bottom") {
-        (_d = videoCtrlFun == null ? void 0 : videoCtrlFun.toBottom) == null ? void 0 : _d.call(videoCtrlFun, info);
-      } else if (type2 === "zoom-in") {
-        (_e = videoCtrlFun == null ? void 0 : videoCtrlFun.changeZoom) == null ? void 0 : _e.call(videoCtrlFun, info, 1, slidValue.value);
-      } else if (type2 === "zoom-out") {
-        (_f = videoCtrlFun == null ? void 0 : videoCtrlFun.changeZoom) == null ? void 0 : _f.call(videoCtrlFun, info, -1, slidValue.value);
-      } else if (type2 === "speak") {
-        speakStatue.value = true;
-        (_g = videoCtrlFun == null ? void 0 : videoCtrlFun.toSpeak) == null ? void 0 : _g.call(videoCtrlFun, info);
-      } else if (type2 === "scan") {
-        (_h2 = videoCtrlFun == null ? void 0 : videoCtrlFun.toScan) == null ? void 0 : _h2.call(videoCtrlFun, info);
-      } else if (type2 === "cruise") {
-        (_i = videoCtrlFun == null ? void 0 : videoCtrlFun.toCruise) == null ? void 0 : _i.call(videoCtrlFun, info);
-      } else if (type2 === "call") {
-        (_j = videoCtrlFun == null ? void 0 : videoCtrlFun.toCall) == null ? void 0 : _j.call(videoCtrlFun, info);
-      }
-    }
-    function stopHandler() {
-      var _a3;
-      if (clickCtrlStatus) {
-        (_a3 = videoCtrlFun == null ? void 0 : videoCtrlFun.stop) == null ? void 0 : _a3.call(videoCtrlFun, ctrlInfoByMousedown.value);
-      }
-      clickCtrlStatus = false;
-      speakStatue.value = false;
-      ctrlInfoByMousedown.value = null;
-    }
-    function slidHandler(info) {
-      var _a3;
-      (_a3 = videoCtrlFun == null ? void 0 : videoCtrlFun.speed) == null ? void 0 : _a3.call(videoCtrlFun, info, slidValue.value);
-    }
-    function toggleFullScreen(index2) {
-      var _a3, _b;
-      try {
-        if (hasFullScreen + "" === "false") {
-          ElMessage.info("当前视频不支持全屏");
-          return;
-        }
-      } catch (error) {
-        console.error(`配置是否全屏失败：`, error);
-      }
-      let target = null;
-      try {
-        target = index2 == null ? void 0 : index2.currentTarget;
-      } catch (error) {
-        console.error(`全屏/退出失败，`, error);
-      }
-      if (!target) {
-        target = (_a3 = videoDivRefs.value) == null ? void 0 : _a3[index2];
-      }
-      if (!document.fullscreenElement) {
-        isFullScreen.value = true;
-        if (target) {
-          target.requestFullscreen();
-        }
-      } else {
-        isFullScreen.value = false;
-        (_b = document == null ? void 0 : document.exitFullscreen) == null ? void 0 : _b.call(document);
-      }
-    }
-    function handleFullscreenChange() {
-      if (!document.fullscreenElement) {
-        isFullScreen.value = false;
-      } else {
-        isFullScreen.value = true;
-      }
-      nextTick(() => {
-        const eles = document.querySelectorAll('[title="全屏"]');
-        if (isFullScreen.value) {
-          eles.forEach((ele) => {
-            ele.innerHTML = "退出全屏";
-          });
-        } else {
-          eles.forEach((ele) => {
-            ele.innerHTML = "全屏";
-          });
-        }
-      });
-    }
-    function closeVideoHandler(index2) {
-      emits("removeVideo", index2, false);
-      isFullScreen.value = false;
-    }
-    onMounted(() => {
-      document.addEventListener("fullscreenchange", handleFullscreenChange);
-      document.addEventListener("mouseup", stopHandler);
-    });
-    onUnmounted(() => {
-      document.removeEventListener("fullscreenchange", handleFullscreenChange);
-      document.removeEventListener("mouseup", stopHandler);
-    });
-    return (_ctx, _cache) => {
-      const _component_el_button = resolveComponent("el-button");
-      const _component_CaretLeft = resolveComponent("CaretLeft");
-      const _component_el_icon = resolveComponent("el-icon");
-      const _component_CaretTop = resolveComponent("CaretTop");
-      const _component_CaretRight = resolveComponent("CaretRight");
-      const _component_CaretBottom = resolveComponent("CaretBottom");
-      const _component_Microphone = resolveComponent("Microphone");
-      const _component_el_slider = resolveComponent("el-slider");
-      const _component_ZoomIn = resolveComponent("ZoomIn");
-      const _component_ZoomOut = resolveComponent("ZoomOut");
-      const _component_Files = resolveComponent("Files");
-      const _component_MapLocation = resolveComponent("MapLocation");
-      const _component_VideoCamera = resolveComponent("VideoCamera");
-      return openBlock(), createElementBlock("div", _hoisted_1$b, [
-        createVNode(SplitIcon, {
-          type: unref(activeIndex),
-          activeIndex: unref(activeIndex),
-          "onUpdate:activeIndex": _cache[1] || (_cache[1] = ($event) => isRef(activeIndex) ? activeIndex.value = $event : null),
-          width: "100%",
-          height: "100%",
-          isVideo: true
-        }, {
-          "video-view-slot": withCtx(({ index: index2, url, info }) => {
-            var _a3;
-            return [
-              createElementVNode("div", {
-                class: "live-player-box",
-                ref: (el2) => videoDivRefHandler(el2, index2),
-                onDblclick: toggleFullScreen,
-                onMouseover: ($event) => showCloseBtnHandler(index2),
-                onMouseleave: ($event) => hideCloseBtnHandler(index2)
-              }, [
-                !url ? (openBlock(), createElementBlock("span", _hoisted_3$7, "无信号")) : (openBlock(), createBlock(resolveDynamicComponent(getVideoModel(info)), {
-                  key: 1,
-                  ref: (el2) => videoPlayerRefHandler(el2, index2),
-                  videoUrl: url,
-                  MSE: __props.videoConfig.MSE,
-                  WCS: __props.videoConfig.WCS,
-                  WASM: __props.videoConfig.WASM,
-                  WASMSIMD: __props.videoConfig.WASMSIMD,
-                  loadTimeReplay: __props.videoErrorMaxCount,
-                  stretch: __props.videoConfig.stretch,
-                  hasAudio: __props.videoConfig.hasAudio,
-                  isLive: __props.videoConfig.isLive,
-                  playerIndex: index2,
-                  hkPath: info == null ? void 0 : info.hkPath,
-                  onDblclick: toggleFullScreen,
-                  onError: ($event) => messageHandler($event, index2),
-                  onUrlError: ($event) => urlErrorHandler($event, index2),
-                  onVideoOriginalInfo: ($event) => videoOriginalInfoHandler($event, index2)
-                }, null, 40, ["videoUrl", "MSE", "WCS", "WASM", "WASMSIMD", "loadTimeReplay", "stretch", "hasAudio", "isLive", "playerIndex", "hkPath", "onError", "onUrlError", "onVideoOriginalInfo"])),
-                withDirectives(createVNode(_component_el_button, {
-                  onClick: ($event) => closeVideoHandler(index2),
-                  type: "info",
-                  class: "close-btn"
-                }, {
-                  default: withCtx(() => [..._cache[2] || (_cache[2] = [
-                    createTextVNode("关闭", -1)
-                  ])]),
-                  _: 1
-                }, 8, ["onClick"]), [
-                  [vShow, closeBtnStatusList.value[index2] && !!url && showClose]
-                ]),
-                unref(showVideoCtrls) ? withDirectives((openBlock(), createElementBlock("div", _hoisted_4$4, [
-                  createElementVNode("div", _hoisted_5$3, [
-                    createVNode(_component_el_icon, {
-                      class: "ctrl-btn left",
-                      onMousedown: ($event) => ctrlHandler("left", info)
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(_component_CaretLeft)
-                      ]),
-                      _: 1
-                    }, 8, ["onMousedown"]),
-                    createVNode(_component_el_icon, {
-                      class: "ctrl-btn top",
-                      onMousedown: ($event) => ctrlHandler("top", info)
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(_component_CaretTop)
-                      ]),
-                      _: 1
-                    }, 8, ["onMousedown"]),
-                    createVNode(_component_el_icon, {
-                      class: "ctrl-btn right",
-                      onMousedown: ($event) => ctrlHandler("right", info)
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(_component_CaretRight)
-                      ]),
-                      _: 1
-                    }, 8, ["onMousedown"]),
-                    createVNode(_component_el_icon, {
-                      class: "ctrl-btn bottom",
-                      onMousedown: ($event) => ctrlHandler("bottom", info)
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(_component_CaretBottom)
-                      ]),
-                      _: 1
-                    }, 8, ["onMousedown"]),
-                    createVNode(_component_el_icon, {
-                      class: normalizeClass(["ctrl-btn speak", [speakStatue.value ? "running" : ""]]),
-                      onMousedown: ($event) => ctrlHandler("speak", info)
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(_component_Microphone)
-                      ]),
-                      _: 1
-                    }, 8, ["class", "onMousedown"]),
-                    createElementVNode("div", _hoisted_6, [
-                      _cache[3] || (_cache[3] = createElementVNode("span", { class: "speed-title" }, "速度：", -1)),
-                      createVNode(_component_el_slider, {
-                        class: "slid-btn",
-                        modelValue: unref(slidValue),
-                        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(slidValue) ? slidValue.value = $event : null),
-                        step: 5,
-                        max: 255,
-                        "show-tooltip": false,
-                        onChange: ($event) => slidHandler(info)
-                      }, null, 8, ["modelValue", "onChange"])
-                    ])
-                  ]),
-                  createElementVNode("div", _hoisted_7, [
-                    createVNode(_component_el_icon, {
-                      class: "ctrl-btn zoom-in",
-                      onMousedown: ($event) => ctrlHandler("zoom-in", info)
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(_component_ZoomIn)
-                      ]),
-                      _: 1
-                    }, 8, ["onMousedown"]),
-                    createVNode(_component_el_icon, {
-                      class: "ctrl-btn zoom-out",
-                      onMousedown: ($event) => ctrlHandler("zoom-out", info)
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(_component_ZoomOut)
-                      ]),
-                      _: 1
-                    }, 8, ["onMousedown"]),
-                    createVNode(_component_el_icon, {
-                      class: "ctrl-btn scan",
-                      onMousedown: ($event) => ctrlHandler("scan", info)
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(_component_Files)
-                      ]),
-                      _: 1
-                    }, 8, ["onMousedown"]),
-                    createVNode(_component_el_icon, {
-                      class: "ctrl-btn cruise",
-                      onMousedown: ($event) => ctrlHandler("cruise", info)
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(_component_MapLocation)
-                      ]),
-                      _: 1
-                    }, 8, ["onMousedown"]),
-                    createVNode(_component_el_icon, {
-                      class: "ctrl-btn call",
-                      onMousedown: ($event) => ctrlHandler("call", info)
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(_component_VideoCamera)
-                      ]),
-                      _: 1
-                    }, 8, ["onMousedown"])
-                  ])
-                ], 512)), [
-                  [vShow, (unref(activeIndex) == 1 || isFullScreen.value) && closeBtnStatusList.value[index2] && !!url]
-                ]) : createCommentVNode("", true),
-                ((_a3 = unref(injectedSlots)) == null ? void 0 : _a3["video-player-cover"]) ? (openBlock(), createBlock(resolveDynamicComponent(unref(injectedSlots)["video-player-cover"]), { key: 3 })) : createCommentVNode("", true)
-              ], 40, _hoisted_2$8)
-            ];
-          }),
-          _: 1
-        }, 8, ["type", "activeIndex"])
-      ]);
-    };
-  }
-});
-const SplitVideoGroup = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-d238d0e7"]]);
-const ctrlApis = {
-  fnUrl: "http://199.10.11.47:9091/videoTest/wvpFunction",
-  commandUrl: "http://199.10.11.47:9091/videoTest/wvpMove",
-  speakUrl: "http://199.10.11.47:19091/videoTest/wvpSpeak"
-};
-const _hoisted_1$a = { class: "video-player-view" };
-const _hoisted_2$7 = { class: "video-tree" };
-const _hoisted_3$6 = { class: "player-container" };
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  props: {
-    // 视频类型， easyplayer / hk
-    videoModel: {
-      type: String,
-      default: "easyplayer"
-    },
-    hkPath: {
-      type: String,
-      default: "/js/h5player"
-    },
-    // 显示视频关闭按钮
-    showClose: {
-      type: Boolean,
-      default: true
-    },
-    // 是否支持全屏
-    hasFullScreen: {
-      type: Boolean,
-      default: true
-    },
-    // 显示树
-    showTree: {
-      type: Boolean,
-      default: true
-    },
-    // 树数据
-    treeData: {
-      type: Array,
-      default: () => [],
-      required: true
-    },
-    // ！！！树节点key
-    treeNodeKey: {
-      type: String,
-      default: "label"
-    },
-    // 树节点展开
-    treeExpandedKeys: {
-      type: Array,
-      default: () => []
-    },
-    // 树节点属性 (videoUrlKey值要和treeData中的播放地址key一致, 默认为url)
-    treeOptions: {
-      type: Object,
-      default: () => ({
-        icontype: "icontype",
-        background: "background",
-        videoUrlKey: "url",
-        children: "children",
-        label: "label"
-      })
-    },
-    // 显示分屏按钮
-    showVideoSplit: {
-      type: Boolean,
-      default: true
-    },
-    // 分屏使用图标
-    videoSplitUseIcon: {
-      type: Boolean,
-      default: true
-    },
-    // 显示方向控制按钮
-    showVideoCtrls: {
-      type: Boolean,
-      default: false
-    },
-    // 禁止控制按钮默认请求行为(默认false，true则不使用组件的发送请求仅调用自定义回调函数)
-    stopVideoCtrlMethods: {
-      type: Boolean,
-      default: false
-    },
-    // 分屏模式: 1: 单屏, 2: 四屏, 3: 九屏
-    videoSplitType: {
-      type: Number,
-      default: 1
-    },
-    // 播放模式: 1: 单击,2: 双击
-    videoPlayModel: {
-      type: Number,
-      default: 1
-    },
-    // 单个视频错误最大次数
-    videoErrorMaxCount: {
-      type: Number,
-      default: 3
-    },
-    // easyplayer配置 (默认一般不修改)
-    videoConfig: {
-      type: Object,
-      default: () => {
-        return {
-          MSE: true,
-          WCS: true,
-          WASM: true,
-          WASMSIMD: true,
-          isLive: true,
-          hasAudio: false,
-          stretch: false
-        };
-      }
-    },
-    // 获取、设置打开的播放视频信息
-    videoInfos: {
-      type: Array,
-      default: () => [
-        {
-          index: 0
-        }
-      ]
-    },
-    // ！！！ 单点播放
-    videoSingleUrl: {
-      type: Boolean,
-      default: false
-    },
-    // ！！！ 已经在播放的是否关闭后再点击打开(需要单点播 videoSingleUrl:true)
-    videoSingleClose: {
-      type: Boolean,
-      default: false
-    },
-    hasVideoRightMenu: {
-      type: Boolean,
-      default: false
-    },
-    // 回调函数后是否继续执行默认播放操作
-    callbackContinueExecute: {
-      type: Boolean,
-      default: true
-    },
-    // 回调函数
-    treeClick: {
-      type: Function,
-      default: null
-    },
-    treeDBClick: {
-      type: Function,
-      default: null
-    },
-    treeRightMenu: {
-      type: Function,
-      default: null
-    },
-    treeExpand: {
-      type: Function,
-      default: null
-    },
-    videoError: {
-      type: Function,
-      default: null
-    }
-  },
-  emits: [
-    "videoOriginalInfo",
-    "up",
-    "down",
-    "left",
-    "right",
-    "zoomin",
-    "zoomout",
-    "stop",
-    "speed",
-    "speak",
-    "scan",
-    "cruise",
-    "call",
-    "changeSplit"
-  ],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const slots = useSlots();
-    provide("slots", slots);
-    const props = __props;
-    const treeRef = ref$1();
-    let videoErrorInfos = {};
-    const emit = __emit;
-    const getTreeNodeIcon = (iconType) => {
-      if (iconType === "on") {
-        return "online";
-      } else if (iconType === "off") {
-        return "offline";
-      }
-      return "";
-    };
-    const activeIndex = ref$1(props.videoSplitType);
-    const fouceIndex = ref$1(0);
-    const slidValue = ref$1(50);
-    const videoCtrlFun = {
-      speed: (info, slidValue2) => {
-        console.log("speed: ", slidValue2);
-        ctrlCommand("speed", info, slidValue2);
-      },
-      toTop: (info) => {
-        console.log("up");
-        ctrlCommand("up", info);
-      },
-      toBottom: (info) => {
-        console.log("down");
-        ctrlCommand("down", info);
-      },
-      toLeft: (info) => {
-        console.log("left");
-        ctrlCommand("left", info);
-      },
-      toRight: (info) => {
-        console.log("right");
-        ctrlCommand("right", info);
-      },
-      stop: (info) => {
-        console.log("stop");
-        ctrlCommand("stop", info);
-      },
-      changeZoom: (info, type2, speed) => {
-        console.log("changeZoom: ", type2);
-        if (type2 > 0) {
-          ctrlCommand("zoomin", info, speed);
-        } else if (type2 < 0) {
-          ctrlCommand("zoomout", info, speed);
-        }
-      },
-      toSpeak: (info) => {
-        ctrlSpeak("speak", info);
-      },
-      toScan: (info) => {
-        ctrlFunction("scan", info);
-      },
-      toCruise: (info) => {
-        ctrlFunction("cruise", info);
-      },
-      toCall: (info) => {
-        ctrlFunction("call", info);
-      }
-    };
-    function ctrlSpeak(type2, info, value = null) {
-      emit(type2, info, value);
-      if (props.stopVideoCtrlMethods) {
-        return;
-      }
-      const params = objectToString({
-        url: " ",
-        deviceId: (info == null ? void 0 : info.deviceId) ? info.deviceId : "",
-        channelId: (info == null ? void 0 : info.channelId) ? info.channelId : ""
-      });
-      fetch(`${ctrlApis == null ? void 0 : ctrlApis.speakUrl}?${params}`);
-    }
-    function ctrlFunction(type2, info, value = null) {
-      emit(type2, info, value);
-      if (props.stopVideoCtrlMethods) {
-        return;
-      }
-      const params = objectToString({
-        url: " ",
-        deviceId: (info == null ? void 0 : info.deviceId) ? info.deviceId : "",
-        channelId: (info == null ? void 0 : info.channelId) ? info.channelId : "",
-        functionType: type2
-      });
-      fetch(`${ctrlApis == null ? void 0 : ctrlApis.fnUrl}?${params}`);
-    }
-    function ctrlCommand(type2, info, value = null) {
-      emit(type2, info, value);
-      if (props.stopVideoCtrlMethods) {
-        return;
-      }
-      const params = objectToString({
-        url: " ",
-        deviceId: (info == null ? void 0 : info.deviceId) ? info.deviceId : "",
-        channelId: (info == null ? void 0 : info.channelId) ? info.channelId : "",
-        command: type2,
-        horizonSpeed: slidValue.value,
-        verticalSpeed: slidValue.value,
-        zoomSpeed: slidValue.value
-      });
-      fetch(`${ctrlApis == null ? void 0 : ctrlApis.commandUrl}?${params}`);
-    }
-    const videoInfos = ref$1([{ index: 0, [props.treeOptions.videoUrlKey]: "" }]);
-    watch(
-      () => props.videoInfos,
-      (nv) => {
-        console.log("传入的videoInfos----->", nv);
-        nextTick(() => {
-          const changeNv = checkVideoInfos(JSON.parse(JSON.stringify(nv)));
-          videoInfos.value = changeNv;
-          videoErrorInfos = {};
-        });
-      },
-      { immediate: true, deep: true }
-    );
-    watch(
-      () => videoInfos.value,
-      (nv) => {
-        console.log("播放数据:", nv);
-      },
-      { immediate: true, deep: true }
-    );
-    watch(
-      () => props.videoSplitType,
-      (nv) => {
-        console.log("分屏方式:", nv);
-        activeIndex.value = nv;
-        videoErrorInfos = {};
-      },
-      { immediate: true }
-    );
-    provide("videoModel", props.videoModel);
-    provide("hkPath", props.hkPath);
-    provide("videoUrlKey", props.treeOptions.videoUrlKey);
-    provide("activeIndex", activeIndex);
-    provide("fouceIndex", fouceIndex);
-    provide("videoInfos", videoInfos);
-    provide("videoCtrlFun", videoCtrlFun);
-    provide("showVideoCtrls", props.showVideoCtrls);
-    provide("slidValue", slidValue);
-    provide("showClose", props.showClose);
-    provide("hasFullScreen", props.hasFullScreen + "" === "false" ? false : true);
-    watch(
-      () => activeIndex.value,
-      (nv) => {
-        emit("changeSplit", nv);
-      }
-    );
-    function objectToString(obj) {
-      return Object.keys(obj).map((key) => `${encodeURIComponent(key)}=${encodeURIComponent(obj[key])}`).join("&");
-    }
-    function checkVideoInfos(data) {
-      const differenceCount = Math.pow(activeIndex.value, 2);
-      data.sort((a, b3) => a.index - b3.index);
-      data = data.filter((item) => item.index <= differenceCount - 1);
-      for (let i3 = 0; i3 < differenceCount; i3++) {
-        if (!data.some((item) => item.index === i3)) {
-          data.push({ index: i3, [props.treeOptions.videoUrlKey]: "" });
-        }
-      }
-      data.sort((a, b3) => a.index - b3.index);
-      return data;
-    }
-    const comRightMenuRef = ref$1(null);
-    const rightMenus = ref$1([
-      {
-        name: "打开监控",
-        callback: openVideo
-      }
-    ]);
-    function openVideo(val) {
-      if (val == null ? void 0 : val[props.treeOptions.videoUrlKey]) {
-        setVideoUrl(val[props.treeOptions.videoUrlKey], true, fouceIndex.value, val);
-      }
-    }
-    const treeExpand = computed(() => {
-      return props.treeExpand || treeExpandHandler;
-    });
-    const treeRightMenu = (event, val) => {
-      if (!props.hasVideoRightMenu) {
-        return;
-      }
-      if (props.treeRightMenu) {
-        props.treeRightMenu(event, val);
-        if (props.callbackContinueExecute) {
-          treeRightMenuHandler(event, val);
-        }
-      } else {
-        treeRightMenuHandler(event, val);
-      }
-    };
-    const dbClickInfo = {
-      dbTime: 200,
-      timeOut: null
-    };
-    function treeNodeAction(val) {
-      if (!dbClickInfo.timeOut) {
-        dbClickInfo.timeOut = setTimeout(() => {
-          dbClickInfo.timeOut = null;
-          if (props.treeClick) {
-            props.treeClick(val);
-            if (props.callbackContinueExecute) {
-              treeNodeClickHandler(val);
-            }
-          } else {
-            treeNodeClickHandler(val);
-          }
-        }, dbClickInfo.dbTime);
-      } else {
-        clearTimeout(dbClickInfo.timeOut);
-        dbClickInfo.timeOut = null;
-        if (props.treeDBClick) {
-          props.treeDBClick(val);
-          if (props.callbackContinueExecute) {
-            treeNodeDBClickHandler(val);
-          }
-        } else {
-          treeNodeDBClickHandler(val);
-        }
-      }
-    }
-    function treeNodeClickHandler(val) {
-      console.log("单击");
-      if (props.videoPlayModel == 1) {
-        defalutPlay(val);
-      }
-    }
-    function treeNodeDBClickHandler(val) {
-      console.log("双击");
-      defalutPlay(val);
-    }
-    function defalutPlay(val) {
-      if (val == null ? void 0 : val[props.treeOptions.videoUrlKey]) {
-        setVideoUrl(val == null ? void 0 : val[props.treeOptions.videoUrlKey], true, fouceIndex.value, val);
-      }
-    }
-    function treeRightMenuHandler(event, val) {
-      console.log("右键菜单");
-      comRightMenuRef.value.right_showMenu(val, event);
-    }
-    function treeExpandHandler() {
-      console.log("展开");
-    }
-    const getCurrentVideoUrl = ref$1({});
-    function setVideoUrl(url, toNext = true, index2 = fouceIndex.value, treeNodeInfo = null) {
-      var _a3, _b, _c2;
-      getCurrentVideoUrl.value = {
-        url,
-        toNext,
-        index: index2,
-        treeNodeInfo
-      };
-      if (index2 == -1) {
-        index2 = fouceIndex.value;
-      }
-      const currentVideoInfo = videoInfos.value.find((item) => item.index === index2);
-      if (fouceIndex.value != index2) {
-        fouceIndex.value = index2;
-      }
-      if (currentVideoInfo) {
-        if (treeNodeInfo && props.videoSingleUrl) {
-          const treeNodeInfoPlaying = (_a3 = videoInfos.value) == null ? void 0 : _a3.find(
-            (item) => {
-              var _a4;
-              return ((_a4 = item.info) == null ? void 0 : _a4[props.treeNodeKey]) === (treeNodeInfo == null ? void 0 : treeNodeInfo[props.treeNodeKey]);
-            }
-          );
-          if (treeNodeInfoPlaying) {
-            treeNodeInfoPlaying[props.treeOptions.videoUrlKey] = "";
-            delete treeNodeInfoPlaying.info;
-            if (props.videoSingleClose) {
-              return;
-            }
-          }
-        }
-        currentVideoInfo[props.treeOptions.videoUrlKey] = "";
-        delete currentVideoInfo.info;
-        setTimeout(() => {
-          currentVideoInfo[props.treeOptions.videoUrlKey] = url;
-          if (treeNodeInfo) {
-            currentVideoInfo.info = treeNodeInfo;
-          }
-        }, 250);
-      }
-      const maxCount = ((_b = Object.values(videoInfos.value)[Object.values(videoInfos.value).length - 1]) == null ? void 0 : _b.index) > Math.pow(activeIndex.value, 2) ? Math.pow(activeIndex.value, 2) - 1 : (_c2 = Object.values(videoInfos.value)[Object.values(videoInfos.value).length - 1]) == null ? void 0 : _c2.index;
-      if (maxCount > fouceIndex.value && toNext) {
-        fouceIndex.value++;
-      }
-    }
-    function removeVideo(index2, toNext = true) {
-      setVideoUrl("", toNext, index2);
-      try {
-        delete videoOriginalInfos.value[index2];
-      } catch (error) {
-        console.warn("删除视频原始信息：", error);
-      }
-    }
-    function errorVideo(index2, toNext = true) {
-      var _a3, _b;
-      console.warn("播放失败：", index2);
-      if (props.videoErrorMaxCount <= 0) {
-        removeVideo(index2, toNext);
-        (_a3 = props.videoError) == null ? void 0 : _a3.call(props, index2);
-      } else {
-        if (videoErrorInfos[index2] == null || videoErrorInfos[index2] == void 0) {
-          videoErrorInfos[index2] = { errors: 1 };
-        } else {
-          videoErrorInfos[index2] = { errors: videoErrorInfos[index2].errors + 1 };
-        }
-        console.warn("部分视频播放失败：", JSON.stringify(videoErrorInfos));
-        for (const [k, v] of Object.entries(videoErrorInfos)) {
-          if (v.errors >= props.videoErrorMaxCount) {
-            v.errors = 0;
-            removeVideo(index2, toNext);
-            (_b = props.videoError) == null ? void 0 : _b.call(props, index2);
-            console.info(`关闭失败视频：${k}, (失败次数: ${v.errors})`);
-          }
-        }
-      }
-    }
-    function urlError(index2) {
-      console.warn("【url错误】播放失败");
-      removeVideo(index2);
-    }
-    const videoOriginalInfos = ref$1({});
-    function videoOriginalInfo(originalInfo, index2) {
-      videoOriginalInfos.value[index2] = originalInfo;
-      emit("videoOriginalInfo", videoOriginalInfos.value);
-    }
-    function checkTreeNodeIsPlayHandler(data) {
-      var _a3;
-      let isPlay = false;
-      for (let i3 = 0; i3 < videoInfos.value.length; i3++) {
-        const selectTreeNode = videoInfos.value[i3];
-        const nodeKey = data == null ? void 0 : data[props == null ? void 0 : props.treeNodeKey];
-        if ((selectTreeNode == null ? void 0 : selectTreeNode.info) && nodeKey && nodeKey == ((_a3 = selectTreeNode.info) == null ? void 0 : _a3[props == null ? void 0 : props.treeNodeKey])) {
-          isPlay = true;
-          break;
-        }
-      }
-      if (isPlay) {
-        return "tree-node-playing";
-      } else {
-        return "";
-      }
-    }
-    function getOriginalInfo() {
-      return videoOriginalInfos.value;
-    }
-    __expose({ setVideoUrl, removeVideo, fouceIndex, videoInfos, treeRef, getOriginalInfo });
-    return (_ctx, _cache) => {
-      const _component_el_tree = resolveComponent("el-tree");
-      const _directive_sline = resolveDirective("sline");
-      return openBlock(), createElementBlock("div", _hoisted_1$a, [
-        __props.showTree ? renderSlot(_ctx.$slots, "video-tree", { key: 0 }, () => [
-          createElementVNode("div", _hoisted_2$7, [
-            createVNode(_component_el_tree, {
-              class: "tree-view",
-              ref_key: "treeRef",
-              ref: treeRef,
-              "node-key": __props.treeNodeKey,
-              data: __props.treeData,
-              "expand-on-click-node": false,
-              props: __props.treeOptions,
-              "default-expanded-keys": __props.treeExpandedKeys,
-              onNodeClick: treeNodeAction,
-              onNodeContextmenu: treeRightMenu,
-              onNodeExpand: treeExpand.value
-            }, {
-              default: withCtx(({ node, data }) => [
-                createElementVNode("div", {
-                  class: "tree-node",
-                  style: normalizeStyle({
-                    background: (data == null ? void 0 : data[__props.treeOptions.background]) ? `url(${data[__props.treeOptions.background]}) no-repeat top left / 100% 100%` : ""
-                  })
-                }, [
-                  createElementVNode("span", {
-                    class: normalizeClass(["tree-node-icon", getTreeNodeIcon(data == null ? void 0 : data[__props.treeOptions.icontype])])
-                  }, null, 2),
-                  withDirectives((openBlock(), createElementBlock("span", {
-                    class: normalizeClass(["tree-node-title", { "tree-node-playing": checkTreeNodeIsPlayHandler(data) }])
-                  }, [
-                    createTextVNode(toDisplayString(data[__props.treeOptions.label]), 1)
-                  ], 2)), [
-                    [_directive_sline]
-                  ])
-                ], 4)
-              ]),
-              _: 1
-            }, 8, ["node-key", "data", "props", "default-expanded-keys", "onNodeExpand"])
-          ])
-        ], true) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_3$6, [
-          __props.showVideoSplit ? renderSlot(_ctx.$slots, "video-player-head", { key: 0 }, () => [
-            createVNode(SplitIconGroup, {
-              class: "video-player-head",
-              videoSplitUseIcon: __props.videoSplitUseIcon
-            }, null, 8, ["videoSplitUseIcon"])
-          ], true) : createCommentVNode("", true),
-          renderSlot(_ctx.$slots, "video-player-view", {
-            videoConfig: __props.videoConfig,
-            videoInfos: videoInfos.value,
-            activeIndex: activeIndex.value,
-            fouceIndex: fouceIndex.value,
-            getCurrentVideoUrl: getCurrentVideoUrl.value
-          }, () => [
-            createVNode(SplitVideoGroup, {
-              class: normalizeClass(["video-player-center", !__props.showTree ? "no-tree" : ""]),
-              videoConfig: __props.videoConfig,
-              videoErrorMaxCount: __props.videoErrorMaxCount,
-              onRemoveVideo: removeVideo,
-              onErrorVideo: errorVideo,
-              onUrlError: urlError,
-              onVideoOriginalInfo: videoOriginalInfo
-            }, null, 8, ["class", "videoConfig", "videoErrorMaxCount"])
-          ], true),
-          renderSlot(_ctx.$slots, "video-player-foot", {}, void 0, true)
-        ]),
-        (openBlock(), createBlock(Teleport, { to: "body" }, [
-          createVNode(ComRightMenu, {
-            ref_key: "comRightMenuRef",
-            ref: comRightMenuRef,
-            rightMenus: rightMenus.value
-          }, null, 8, ["rightMenus"])
-        ]))
-      ]);
-    };
-  }
-});
-const NsVideo = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-7def3a14"]]);
-function registerDirective(app2) {
-  app2.directive("sline", {
-    mounted(el2) {
-      el2.style.whiteSpace = "nowrap";
-      el2.style.overflow = "hidden";
-      el2.style.textOverflow = "ellipsis";
-      el2.style.display = "inline-block";
-      el2.style.maxWidth = "100%";
-    }
-  });
-  app2.directive("permission", {
-    mounted(el2, binding) {
-      var _a3, _b, _c2, _d, _e, _f;
-      let btnsPermission = [];
-      try {
-        if (sessionStorage.getItem("btnsPermission")) {
-          Array.isArray(JSON.parse(sessionStorage.getItem("btnsPermission"))) ? btnsPermission = JSON.parse(sessionStorage.getItem("btnsPermission")) : null;
-        } else if (localStorage.getItem("btnsPermission")) {
-          Array.isArray(JSON.parse(localStorage.getItem("btnsPermission"))) ? btnsPermission = JSON.parse(localStorage.getItem("btnsPermission")) : null;
-        }
-      } catch (e6) {
-        btnsPermission = [];
-      }
-      if (btnsPermission.length === 0) {
-        if (app2.config.globalProperties.$btnsPermission) {
-          btnsPermission = app2.config.globalProperties.$btnsPermission;
-        } else if (binding.instance && binding.instance.$.appContext.app.config.globalProperties.$btnsPermission) {
-          btnsPermission = binding.instance.$.appContext.app.config.globalProperties.$btnsPermission;
-        } else if (binding.instance && ((_a3 = binding.instance.$.provides) == null ? void 0 : _a3.btnsPermission)) {
-          btnsPermission = binding.instance.$.provides.btnsPermission;
-        } else if (binding.instance && ((_c2 = (_b = binding.instance.$.parent) == null ? void 0 : _b.provides) == null ? void 0 : _c2.btnsPermission)) {
-          btnsPermission = binding.instance.$.parent.provides.btnsPermission;
-        }
-      }
-      const selector = ((_d = binding.modifiers) == null ? void 0 : _d["class"]) ? "class" : ((_e = binding.modifiers) == null ? void 0 : _e["id"]) ? "id" : "id";
-      const isDisplayNone = (_f = binding.modifiers) == null ? void 0 : _f["display"];
-      if (selector === "id") {
-        if (!(btnsPermission == null ? void 0 : btnsPermission.includes(el2.getAttribute(selector)))) {
-          if (isDisplayNone) {
-            el2.style.display = "none";
-          } else {
-            el2.style.visibility = "hidden";
-            el2.style.pointerEvents = "none";
-          }
-        } else {
-          el2.style.pointerEvents = "auto";
-        }
-      } else if (selector === "class") {
-        if ((btnsPermission == null ? void 0 : btnsPermission.filter((item) => Array.from(el2.classList).includes(item)).length) === 0) {
-          if (isDisplayNone) {
-            el2.style.display = "none";
-          } else {
-            el2.style.visibility = "hidden";
-            el2.style.pointerEvents = "none";
-          }
-        } else {
-          el2.style.pointerEvents = "auto";
-        }
-      }
-    }
-  });
-  app2.directive("length", {
-    mounted(el2, binding) {
-      var _a3, _b, _c2;
-      const config = parseBindingValue(binding);
-      let isComposing = false;
-      const getInputElement = () => {
-        return el2.tagName === "INPUT" ? el2 : el2.querySelector("input");
-      };
-      const handleCompositionStart = () => {
-        isComposing = true;
-      };
-      const handleCompositionEnd = (e6) => {
-        var _a4, _b2, _c3;
-        isComposing = false;
-        if (((_a4 = binding.modifiers) == null ? void 0 : _a4.number) || ((_b2 = binding.modifiers) == null ? void 0 : _b2.range) || ((_c3 = binding.modifiers) == null ? void 0 : _c3.regex)) {
-          handleInput(e6);
-        }
-      };
-      const handleInput = (e6) => {
-        var _a4, _b2, _c3;
-        const inputEl2 = e6.target;
-        if (isComposing) {
-          return;
-        }
-        const oldValue = inputEl2.value;
-        let newValue = oldValue;
-        if ((_a4 = binding.modifiers) == null ? void 0 : _a4.range) {
-          newValue = formatRangeInput(oldValue, config);
-        } else if ((_b2 = binding.modifiers) == null ? void 0 : _b2.number) {
-          newValue = formatNumberInput(oldValue, config.maxLength);
-        } else if (((_c3 = binding.modifiers) == null ? void 0 : _c3.regex) && config.pattern) {
-          newValue = formatRegexInput(oldValue, config.maxLength, config.pattern);
-        } else {
-          newValue = oldValue.slice(0, config.maxLength);
-        }
-        if (newValue !== oldValue) {
-          inputEl2.value = newValue;
-          const event = new Event("input", { bubbles: true });
-          inputEl2.dispatchEvent(event);
-        }
-      };
-      const inputEl = getInputElement();
-      if (inputEl) {
-        inputEl.addEventListener("compositionstart", handleCompositionStart);
-        inputEl.addEventListener("compositionend", handleCompositionEnd);
-        inputEl.addEventListener("input", handleInput);
-        if (inputEl.value) {
-          if ((_a3 = binding.modifiers) == null ? void 0 : _a3.range) {
-            inputEl.value = formatRangeInput(inputEl.value, config);
-          } else if ((_b = binding.modifiers) == null ? void 0 : _b.number) {
-            inputEl.value = formatNumberInput(inputEl.value, config.maxLength);
-          } else if (((_c2 = binding.modifiers) == null ? void 0 : _c2.regex) && config.pattern) {
-            inputEl.value = formatRegexInput(inputEl.value, config.maxLength, config.pattern);
-          } else {
-            inputEl.value = inputEl.value.slice(0, config.maxLength);
-          }
-        }
-      }
-      el2._lengthDirectiveHandlers = {
-        compositionstart: handleCompositionStart,
-        compositionend: handleCompositionEnd,
-        input: handleInput,
-        inputElement: inputEl
-      };
-    },
-    unmounted(el2) {
-      const handlers = el2._lengthDirectiveHandlers;
-      if (handlers && handlers.inputElement) {
-        handlers.inputElement.removeEventListener("compositionstart", handlers.compositionstart);
-        handlers.inputElement.removeEventListener("compositionend", handlers.compositionend);
-        handlers.inputElement.removeEventListener("input", handlers.input);
-        delete el2._lengthDirectiveHandlers;
-      }
-    },
-    updated(el2, binding) {
-      updatedCheck(el2, binding);
-    }
-  });
-  app2.directive("event-unuse", {
-    mounted(el2) {
-      el2.style.pointerEvents = "none";
-    }
-  });
-  app2.directive("event-use", {
-    mounted(el2) {
-      el2.style.pointerEvents = "auto";
-    }
-  });
-}
-function parseBindingValue(binding) {
-  const defaultConfig = { maxLength: 50, pattern: null, min: null, max: null, int: false };
-  if (!binding.value) {
-    return defaultConfig;
-  }
-  if (typeof binding.value === "number") {
-    return { ...defaultConfig, maxLength: binding.value };
-  }
-  if (typeof binding.value === "object") {
-    return {
-      maxLength: binding.value.maxLength || defaultConfig.maxLength,
-      pattern: binding.value.pattern || null,
-      min: binding.value.min || null,
-      max: binding.value.max || null,
-      int: binding.value.int || false
-    };
-  }
-  return defaultConfig;
-}
-function formatRegexInput(value, maxLength, pattern) {
-  let result = "";
-  for (let i3 = 0; i3 < value.length && result.length < maxLength; i3++) {
-    const char = value[i3];
-    const testValue = result + char;
-    if (pattern.test(testValue)) {
-      result += char;
-    }
-  }
-  return result;
-}
-function updatedCheck(el2, binding) {
-  const config = parseBindingValue(binding);
-  const els = el2.querySelectorAll("input, textarea");
-  els.forEach((element) => {
-    var _a3, _b, _c2;
-    if (element == null ? void 0 : element.value) {
-      if ((_a3 = binding.modifiers) == null ? void 0 : _a3.range) {
-        element.value = formatRangeInput(element.value, config);
-        element.dispatchEvent(new Event("input"));
-      } else if ((_b = binding.modifiers) == null ? void 0 : _b.number) {
-        element.value = formatNumberInput(element.value, config.maxLength);
-        element.dispatchEvent(new Event("input"));
-      } else if (((_c2 = binding.modifiers) == null ? void 0 : _c2.regex) && config.pattern) {
-        element.value = formatRegexInput(element.value, config.maxLength, config.pattern);
-        element.dispatchEvent(new Event("input"));
-      } else {
-        element.value = element.value.slice(0, config.maxLength);
-        element.dispatchEvent(new Event("input"));
-      }
-    }
-  });
-}
-function formatNumberInput(value, maxLength, allowNegative = true) {
-  let result = "";
-  let hasMinus = false;
-  let hasDot = false;
-  for (let i3 = 0; i3 < value.length; i3++) {
-    const char = value[i3];
-    if (char === "-") {
-      if (allowNegative && i3 === 0 && !hasMinus) {
-        result += char;
-        hasMinus = true;
-      }
-      continue;
-    }
-    if (char === ".") {
-      if (i3 !== 0 && !hasDot && (i3 === 0 || result[i3 - 1] !== "-")) {
-        result += char;
-        hasDot = true;
-      }
-      continue;
-    }
-    if (/^\d$/.test(char)) {
-      const currentResult = hasMinus ? result.slice(1) : result;
-      if (currentResult === "0" && char !== "0" && !hasDot) {
-        result = hasMinus ? "-" : "";
-      }
-      result += char;
-    }
-  }
-  return result.slice(0, maxLength);
-}
-function formatIntegerInput(value, maxLength, config) {
-  let result = "";
-  let hasMinus = false;
-  const allowNegative = config.min !== null && config.min < 0;
-  for (let i3 = 0; i3 < value.length; i3++) {
-    const char = value[i3];
-    if (char === "-") {
-      if (allowNegative && i3 === 0 && !hasMinus) {
-        result += char;
-        hasMinus = true;
-      }
-      continue;
-    }
-    if (/^\d$/.test(char)) {
-      const currentResult = hasMinus ? result.slice(1) : result;
-      if (currentResult === "0" && char !== "0") {
-        result = hasMinus ? "-" : "";
-      }
-      result += char;
-    }
-  }
-  return result.slice(0, maxLength);
-}
-function formatRangeInput(value, config) {
-  if (config.int) {
-    let result2 = formatIntegerInput(value, config.maxLength || 50, config);
-    if (config.min === null && config.max === null) {
-      return result2;
-    }
-    if (result2 === "" || result2 === "-") {
-      return result2;
-    }
-    const numValue2 = parseInt(result2, 10);
-    if (isNaN(numValue2)) {
-      return "";
-    }
-    if (config.min !== null && numValue2 < config.min) {
-      return Math.ceil(config.min).toString();
-    }
-    if (config.max !== null && numValue2 > config.max) {
-      return Math.floor(config.max).toString();
-    }
-    return result2;
-  }
-  const allowNegative = config.min !== null && config.min < 0;
-  let result = formatNumberInput(value, config.maxLength || 50, allowNegative);
-  if (config.min === null && config.max === null) {
-    return result;
-  }
-  if (result === "" || result === "-" || result === ".") {
-    return result;
-  }
-  const numValue = parseFloat(result);
-  if (isNaN(numValue)) {
-    return "";
-  }
-  if (config.min !== null && numValue < config.min) {
-    return config.min.toString();
-  }
-  if (config.max !== null && numValue > config.max) {
-    return config.max.toString();
-  }
-  return result;
-}
-NsVideo.install = (app2) => {
-  app2.component(NsVideo.name, NsVideo);
-  try {
-    registerDirective(app2);
-  } catch (error) {
-    console.warn("组件库注册指令失败：", error);
-  }
-};
 let Element$1 = class Element2 {
   constructor(tag, className = "") {
     if (typeof tag === "string") {
@@ -46879,6 +44776,13 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
 const ExcelComp = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-1aba0d50"]]);
 var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
 var freeSelf = typeof self == "object" && self && self.Object === Object && self;
@@ -47597,7 +45501,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
           title: props.dialogTitle,
           // 任何组件添加 $emit('close') 时，会触发关闭弹出框事件
           dom: ExcelComp,
-          // 也可以通过异步方式：import("@/views/VideoDemo.vue") 和 () => import("@/views/VideoDemo.vue")
+          // 也可以通过异步方式：import("@/views/xx.vue") 和 () => import("@/views/xx.vue")
           option: {
             // dom对应的自定义组件props属性
             ...attrs,
@@ -50234,9 +48138,9 @@ function keyBy(array, by) {
   }, {});
 }
 function blobToBase64(blob) {
-  return new Promise((resolve2, reject) => {
+  return new Promise((resolve, reject) => {
     const reader = new FileReader();
-    reader.onloadend = () => resolve2(reader.result);
+    reader.onloadend = () => resolve(reader.result);
     reader.onerror = () => reject();
     reader.readAsDataURL(blob);
   });
@@ -55539,6 +53443,302 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   }
 });
 const NsFormTitle = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-a0ddcbf6"]]);
+function registerDirective(app2) {
+  app2.directive("sline", {
+    mounted(el2) {
+      el2.style.whiteSpace = "nowrap";
+      el2.style.overflow = "hidden";
+      el2.style.textOverflow = "ellipsis";
+      el2.style.display = "inline-block";
+      el2.style.maxWidth = "100%";
+    }
+  });
+  app2.directive("permission", {
+    mounted(el2, binding) {
+      var _a3, _b, _c2, _d, _e, _f;
+      let btnsPermission = [];
+      try {
+        if (sessionStorage.getItem("btnsPermission")) {
+          Array.isArray(JSON.parse(sessionStorage.getItem("btnsPermission"))) ? btnsPermission = JSON.parse(sessionStorage.getItem("btnsPermission")) : null;
+        } else if (localStorage.getItem("btnsPermission")) {
+          Array.isArray(JSON.parse(localStorage.getItem("btnsPermission"))) ? btnsPermission = JSON.parse(localStorage.getItem("btnsPermission")) : null;
+        }
+      } catch (e6) {
+        btnsPermission = [];
+      }
+      if (btnsPermission.length === 0) {
+        if (app2.config.globalProperties.$btnsPermission) {
+          btnsPermission = app2.config.globalProperties.$btnsPermission;
+        } else if (binding.instance && binding.instance.$.appContext.app.config.globalProperties.$btnsPermission) {
+          btnsPermission = binding.instance.$.appContext.app.config.globalProperties.$btnsPermission;
+        } else if (binding.instance && ((_a3 = binding.instance.$.provides) == null ? void 0 : _a3.btnsPermission)) {
+          btnsPermission = binding.instance.$.provides.btnsPermission;
+        } else if (binding.instance && ((_c2 = (_b = binding.instance.$.parent) == null ? void 0 : _b.provides) == null ? void 0 : _c2.btnsPermission)) {
+          btnsPermission = binding.instance.$.parent.provides.btnsPermission;
+        }
+      }
+      const selector = ((_d = binding.modifiers) == null ? void 0 : _d["class"]) ? "class" : ((_e = binding.modifiers) == null ? void 0 : _e["id"]) ? "id" : "id";
+      const isDisplayNone = (_f = binding.modifiers) == null ? void 0 : _f["display"];
+      if (selector === "id") {
+        if (!(btnsPermission == null ? void 0 : btnsPermission.includes(el2.getAttribute(selector)))) {
+          if (isDisplayNone) {
+            el2.style.display = "none";
+          } else {
+            el2.style.visibility = "hidden";
+            el2.style.pointerEvents = "none";
+          }
+        } else {
+          el2.style.pointerEvents = "auto";
+        }
+      } else if (selector === "class") {
+        if ((btnsPermission == null ? void 0 : btnsPermission.filter((item) => Array.from(el2.classList).includes(item)).length) === 0) {
+          if (isDisplayNone) {
+            el2.style.display = "none";
+          } else {
+            el2.style.visibility = "hidden";
+            el2.style.pointerEvents = "none";
+          }
+        } else {
+          el2.style.pointerEvents = "auto";
+        }
+      }
+    }
+  });
+  app2.directive("length", {
+    mounted(el2, binding) {
+      var _a3, _b, _c2;
+      const config = parseBindingValue(binding);
+      let isComposing = false;
+      const getInputElement = () => {
+        return el2.tagName === "INPUT" ? el2 : el2.querySelector("input");
+      };
+      const handleCompositionStart = () => {
+        isComposing = true;
+      };
+      const handleCompositionEnd = (e6) => {
+        var _a4, _b2, _c3;
+        isComposing = false;
+        if (((_a4 = binding.modifiers) == null ? void 0 : _a4.number) || ((_b2 = binding.modifiers) == null ? void 0 : _b2.range) || ((_c3 = binding.modifiers) == null ? void 0 : _c3.regex)) {
+          handleInput(e6);
+        }
+      };
+      const handleInput = (e6) => {
+        var _a4, _b2, _c3;
+        const inputEl2 = e6.target;
+        if (isComposing) {
+          return;
+        }
+        const oldValue = inputEl2.value;
+        let newValue = oldValue;
+        if ((_a4 = binding.modifiers) == null ? void 0 : _a4.range) {
+          newValue = formatRangeInput(oldValue, config);
+        } else if ((_b2 = binding.modifiers) == null ? void 0 : _b2.number) {
+          newValue = formatNumberInput(oldValue, config.maxLength);
+        } else if (((_c3 = binding.modifiers) == null ? void 0 : _c3.regex) && config.pattern) {
+          newValue = formatRegexInput(oldValue, config.maxLength, config.pattern);
+        } else {
+          newValue = oldValue.slice(0, config.maxLength);
+        }
+        if (newValue !== oldValue) {
+          inputEl2.value = newValue;
+          const event = new Event("input", { bubbles: true });
+          inputEl2.dispatchEvent(event);
+        }
+      };
+      const inputEl = getInputElement();
+      if (inputEl) {
+        inputEl.addEventListener("compositionstart", handleCompositionStart);
+        inputEl.addEventListener("compositionend", handleCompositionEnd);
+        inputEl.addEventListener("input", handleInput);
+        if (inputEl.value) {
+          if ((_a3 = binding.modifiers) == null ? void 0 : _a3.range) {
+            inputEl.value = formatRangeInput(inputEl.value, config);
+          } else if ((_b = binding.modifiers) == null ? void 0 : _b.number) {
+            inputEl.value = formatNumberInput(inputEl.value, config.maxLength);
+          } else if (((_c2 = binding.modifiers) == null ? void 0 : _c2.regex) && config.pattern) {
+            inputEl.value = formatRegexInput(inputEl.value, config.maxLength, config.pattern);
+          } else {
+            inputEl.value = inputEl.value.slice(0, config.maxLength);
+          }
+        }
+      }
+      el2._lengthDirectiveHandlers = {
+        compositionstart: handleCompositionStart,
+        compositionend: handleCompositionEnd,
+        input: handleInput,
+        inputElement: inputEl
+      };
+    },
+    unmounted(el2) {
+      const handlers = el2._lengthDirectiveHandlers;
+      if (handlers && handlers.inputElement) {
+        handlers.inputElement.removeEventListener("compositionstart", handlers.compositionstart);
+        handlers.inputElement.removeEventListener("compositionend", handlers.compositionend);
+        handlers.inputElement.removeEventListener("input", handlers.input);
+        delete el2._lengthDirectiveHandlers;
+      }
+    },
+    updated(el2, binding) {
+      updatedCheck(el2, binding);
+    }
+  });
+  app2.directive("event-unuse", {
+    mounted(el2) {
+      el2.style.pointerEvents = "none";
+    }
+  });
+  app2.directive("event-use", {
+    mounted(el2) {
+      el2.style.pointerEvents = "auto";
+    }
+  });
+}
+function parseBindingValue(binding) {
+  const defaultConfig = { maxLength: 50, pattern: null, min: null, max: null, int: false };
+  if (!binding.value) {
+    return defaultConfig;
+  }
+  if (typeof binding.value === "number") {
+    return { ...defaultConfig, maxLength: binding.value };
+  }
+  if (typeof binding.value === "object") {
+    return {
+      maxLength: binding.value.maxLength || defaultConfig.maxLength,
+      pattern: binding.value.pattern || null,
+      min: binding.value.min || null,
+      max: binding.value.max || null,
+      int: binding.value.int || false
+    };
+  }
+  return defaultConfig;
+}
+function formatRegexInput(value, maxLength, pattern) {
+  let result = "";
+  for (let i3 = 0; i3 < value.length && result.length < maxLength; i3++) {
+    const char = value[i3];
+    const testValue = result + char;
+    if (pattern.test(testValue)) {
+      result += char;
+    }
+  }
+  return result;
+}
+function updatedCheck(el2, binding) {
+  const config = parseBindingValue(binding);
+  const els = el2.querySelectorAll("input, textarea");
+  els.forEach((element) => {
+    var _a3, _b, _c2;
+    if (element == null ? void 0 : element.value) {
+      if ((_a3 = binding.modifiers) == null ? void 0 : _a3.range) {
+        element.value = formatRangeInput(element.value, config);
+        element.dispatchEvent(new Event("input"));
+      } else if ((_b = binding.modifiers) == null ? void 0 : _b.number) {
+        element.value = formatNumberInput(element.value, config.maxLength);
+        element.dispatchEvent(new Event("input"));
+      } else if (((_c2 = binding.modifiers) == null ? void 0 : _c2.regex) && config.pattern) {
+        element.value = formatRegexInput(element.value, config.maxLength, config.pattern);
+        element.dispatchEvent(new Event("input"));
+      } else {
+        element.value = element.value.slice(0, config.maxLength);
+        element.dispatchEvent(new Event("input"));
+      }
+    }
+  });
+}
+function formatNumberInput(value, maxLength, allowNegative = true) {
+  let result = "";
+  let hasMinus = false;
+  let hasDot = false;
+  for (let i3 = 0; i3 < value.length; i3++) {
+    const char = value[i3];
+    if (char === "-") {
+      if (allowNegative && i3 === 0 && !hasMinus) {
+        result += char;
+        hasMinus = true;
+      }
+      continue;
+    }
+    if (char === ".") {
+      if (i3 !== 0 && !hasDot && (i3 === 0 || result[i3 - 1] !== "-")) {
+        result += char;
+        hasDot = true;
+      }
+      continue;
+    }
+    if (/^\d$/.test(char)) {
+      const currentResult = hasMinus ? result.slice(1) : result;
+      if (currentResult === "0" && char !== "0" && !hasDot) {
+        result = hasMinus ? "-" : "";
+      }
+      result += char;
+    }
+  }
+  return result.slice(0, maxLength);
+}
+function formatIntegerInput(value, maxLength, config) {
+  let result = "";
+  let hasMinus = false;
+  const allowNegative = config.min !== null && config.min < 0;
+  for (let i3 = 0; i3 < value.length; i3++) {
+    const char = value[i3];
+    if (char === "-") {
+      if (allowNegative && i3 === 0 && !hasMinus) {
+        result += char;
+        hasMinus = true;
+      }
+      continue;
+    }
+    if (/^\d$/.test(char)) {
+      const currentResult = hasMinus ? result.slice(1) : result;
+      if (currentResult === "0" && char !== "0") {
+        result = hasMinus ? "-" : "";
+      }
+      result += char;
+    }
+  }
+  return result.slice(0, maxLength);
+}
+function formatRangeInput(value, config) {
+  if (config.int) {
+    let result2 = formatIntegerInput(value, config.maxLength || 50, config);
+    if (config.min === null && config.max === null) {
+      return result2;
+    }
+    if (result2 === "" || result2 === "-") {
+      return result2;
+    }
+    const numValue2 = parseInt(result2, 10);
+    if (isNaN(numValue2)) {
+      return "";
+    }
+    if (config.min !== null && numValue2 < config.min) {
+      return Math.ceil(config.min).toString();
+    }
+    if (config.max !== null && numValue2 > config.max) {
+      return Math.floor(config.max).toString();
+    }
+    return result2;
+  }
+  const allowNegative = config.min !== null && config.min < 0;
+  let result = formatNumberInput(value, config.maxLength || 50, allowNegative);
+  if (config.min === null && config.max === null) {
+    return result;
+  }
+  if (result === "" || result === "-" || result === ".") {
+    return result;
+  }
+  const numValue = parseFloat(result);
+  if (isNaN(numValue)) {
+    return "";
+  }
+  if (config.min !== null && numValue < config.min) {
+    return config.min.toString();
+  }
+  if (config.max !== null && numValue > config.max) {
+    return config.max.toString();
+  }
+  return result;
+}
 var type;
 var hasRequiredType;
 function requireType() {
@@ -78956,102 +77156,104 @@ const _sfc_main$1 = {
       const _component_el_pagination = resolveComponent("el-pagination");
       const _directive_loading = resolveDirective("loading");
       return openBlock(), createElementBlock("div", _hoisted_1$1, [
-        __props.showHeaderToolbar ? (openBlock(), createElementBlock("div", _hoisted_2$1, [
-          createElementVNode("div", _hoisted_3$1, [
-            renderSlot(_ctx.$slots, "header-left", {}, void 0, true)
-          ]),
-          createElementVNode("div", _hoisted_4, [
-            renderSlot(_ctx.$slots, "header-right", {}, () => [
-              __props.showAddButton ? (openBlock(), createBlock(_component_el_button, {
+        renderSlot(_ctx.$slots, "page-content", {}, () => [
+          __props.showHeaderToolbar ? (openBlock(), createElementBlock("div", _hoisted_2$1, [
+            createElementVNode("div", _hoisted_3$1, [
+              renderSlot(_ctx.$slots, "header-left", {}, void 0, true)
+            ]),
+            createElementVNode("div", _hoisted_4, [
+              renderSlot(_ctx.$slots, "header-right", {}, () => [
+                __props.showAddButton ? (openBlock(), createBlock(_component_el_button, {
+                  key: 0,
+                  type: "primary",
+                  icon: unref(plus_default),
+                  onClick: handleAdd
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(__props.addButtonText), 1)
+                  ]),
+                  _: 1
+                }, 8, ["icon"])) : createCommentVNode("", true)
+              ], true)
+            ])
+          ])) : createCommentVNode("", true),
+          withDirectives((openBlock(), createBlock(_component_el_table, mergeProps({
+            ref_key: "tableRef",
+            ref: tableRef
+          }, tableAttrs.value, {
+            data: __props.tableData,
+            border: __props.border,
+            stripe: __props.stripe,
+            height: __props.height,
+            "max-height": __props.maxHeight,
+            "row-key": __props.rowKey,
+            "default-expand-all": __props.defaultExpandAll,
+            "highlight-current-row": __props.highlightCurrentRow,
+            onSelectionChange: handleSelectionChange,
+            onSortChange: handleSortChange2,
+            onRowClick: handleRowClick
+          }), {
+            empty: withCtx(() => [
+              renderSlot(_ctx.$slots, "empty", {}, () => [
+                createVNode(_component_el_empty, { description: "暂无数据" })
+              ], true)
+            ]),
+            default: withCtx(() => [
+              __props.showSelection ? (openBlock(), createBlock(_component_el_table_column, {
                 key: 0,
-                type: "primary",
-                icon: unref(plus_default),
-                onClick: handleAdd
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(__props.addButtonText), 1)
-                ]),
-                _: 1
-              }, 8, ["icon"])) : createCommentVNode("", true)
-            ], true)
-          ])
-        ])) : createCommentVNode("", true),
-        withDirectives((openBlock(), createBlock(_component_el_table, mergeProps({
-          ref_key: "tableRef",
-          ref: tableRef
-        }, tableAttrs.value, {
-          data: __props.tableData,
-          border: __props.border,
-          stripe: __props.stripe,
-          height: __props.height,
-          "max-height": __props.maxHeight,
-          "row-key": __props.rowKey,
-          "default-expand-all": __props.defaultExpandAll,
-          "highlight-current-row": __props.highlightCurrentRow,
-          onSelectionChange: handleSelectionChange,
-          onSortChange: handleSortChange2,
-          onRowClick: handleRowClick
-        }), {
-          empty: withCtx(() => [
-            renderSlot(_ctx.$slots, "empty", {}, () => [
-              createVNode(_component_el_empty, { description: "暂无数据" })
-            ], true)
-          ]),
-          default: withCtx(() => [
-            __props.showSelection ? (openBlock(), createBlock(_component_el_table_column, {
-              key: 0,
-              type: "selection",
-              width: "55",
-              align: "center",
-              "reserve-selection": !!__props.rowKey
-            }, null, 8, ["reserve-selection"])) : createCommentVNode("", true),
-            __props.showIndex ? (openBlock(), createBlock(_component_el_table_column, {
-              key: 1,
-              type: "index",
-              label: "序号",
-              width: "60",
-              index: getNumIndex,
-              align: "center"
-            })) : createCommentVNode("", true),
-            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column) => {
-              return openBlock(), createBlock(_sfc_main$2, {
-                key: column.prop || column.type || column.label,
-                column,
-                onLinkClick: handleLinkClick
-              }, createSlots({ _: 2 }, [
-                renderList(_ctx.$slots, (_3, slotName) => {
-                  return {
-                    name: slotName,
-                    fn: withCtx((slotData) => [
-                      renderSlot(_ctx.$slots, slotName, mergeProps({ ref_for: true }, slotData), void 0, true)
-                    ])
-                  };
-                })
-              ]), 1032, ["column"]);
-            }), 128))
+                type: "selection",
+                width: "55",
+                align: "center",
+                "reserve-selection": !!__props.rowKey
+              }, null, 8, ["reserve-selection"])) : createCommentVNode("", true),
+              __props.showIndex ? (openBlock(), createBlock(_component_el_table_column, {
+                key: 1,
+                type: "index",
+                label: "序号",
+                width: "60",
+                index: getNumIndex,
+                align: "center"
+              })) : createCommentVNode("", true),
+              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column) => {
+                return openBlock(), createBlock(_sfc_main$2, {
+                  key: column.prop || column.type || column.label,
+                  column,
+                  onLinkClick: handleLinkClick
+                }, createSlots({ _: 2 }, [
+                  renderList(_ctx.$slots, (_3, slotName) => {
+                    return {
+                      name: slotName,
+                      fn: withCtx((slotData) => [
+                        renderSlot(_ctx.$slots, slotName, mergeProps({ ref_for: true }, slotData), void 0, true)
+                      ])
+                    };
+                  })
+                ]), 1032, ["column"]);
+              }), 128))
+            ]),
+            _: 3
+          }, 16, ["data", "border", "stripe", "height", "max-height", "row-key", "default-expand-all", "highlight-current-row"])), [
+            [_directive_loading, __props.loading]
           ]),
-          _: 3
-        }, 16, ["data", "border", "stripe", "height", "max-height", "row-key", "default-expand-all", "highlight-current-row"])), [
-          [_directive_loading, __props.loading]
-        ]),
-        __props.showPagination ? (openBlock(), createElementBlock("div", _hoisted_5, [
-          createVNode(_component_el_pagination, {
-            "current-page": currentPageModel.value,
-            "onUpdate:currentPage": _cache[0] || (_cache[0] = ($event) => currentPageModel.value = $event),
-            "page-size": pageSizeModel.value,
-            "onUpdate:pageSize": _cache[1] || (_cache[1] = ($event) => pageSizeModel.value = $event),
-            "page-sizes": __props.pageSizes,
-            total: __props.total,
-            layout: __props.paginationLayout,
-            onSizeChange: handleSizeChange,
-            onCurrentChange: handleCurrentChange
-          }, null, 8, ["current-page", "page-size", "page-sizes", "total", "layout"])
-        ])) : createCommentVNode("", true)
+          __props.showPagination ? (openBlock(), createElementBlock("div", _hoisted_5, [
+            createVNode(_component_el_pagination, {
+              "current-page": currentPageModel.value,
+              "onUpdate:currentPage": _cache[0] || (_cache[0] = ($event) => currentPageModel.value = $event),
+              "page-size": pageSizeModel.value,
+              "onUpdate:pageSize": _cache[1] || (_cache[1] = ($event) => pageSizeModel.value = $event),
+              "page-sizes": __props.pageSizes,
+              total: __props.total,
+              layout: __props.paginationLayout,
+              onSizeChange: handleSizeChange,
+              onCurrentChange: handleCurrentChange
+            }, null, 8, ["current-page", "page-size", "page-sizes", "total", "layout"])
+          ])) : createCommentVNode("", true)
+        ], true)
       ]);
     };
   }
 };
-const NsTable = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-b7b7982e"]]);
+const NsTable = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-629ce96f"]]);
 const _hoisted_1 = { class: "page-container" };
 const _hoisted_2 = {
   key: 0,
@@ -79287,10 +77489,12 @@ const _sfc_main = {
       }
     );
     const initSearchAndLoad = () => {
-      if (searchRef.value && props.showSearch) {
-        const initialFormData = searchRef.value.getFormData();
-        emit("search", initialFormData);
-      }
+      nextTick(() => {
+        if (searchRef.value && props.showSearch) {
+          const initialFormData = searchRef.value.getFormData();
+          emit("search", initialFormData);
+        }
+      });
     };
     __expose({
       searchRef,
@@ -79525,7 +77729,7 @@ const _sfc_main = {
     };
   }
 };
-const NsTableContainer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-71f8c8d5"]]);
+const NsTableContainer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3f45ef27"]]);
 NsTableContainer.install = (app2) => {
   app2.component("NsTableContainer", NsTableContainer);
 };
@@ -79542,7 +77746,7 @@ function detectBrowser() {
 const glob = typeof global !== "undefined" ? global : typeof window !== "undefined" ? window : typeof WorkerGlobalScope !== "undefined" ? self : {};
 const Konva$2 = {
   _global: glob,
-  version: "10.2.0",
+  version: "10.2.3",
   isBrowser: detectBrowser(),
   isUnminified: /param/.test((function(param) {
   }).toString()),
@@ -81141,6 +79345,9 @@ const DD = {
       nodesToFireEvents.push(node);
     });
     nodesToFireEvents.forEach((node) => {
+      if (!node.getStage()) {
+        return;
+      }
       node.fire("dragmove", {
         type: "dragmove",
         target: node,
@@ -81769,12 +79976,15 @@ let Node$1 = class Node2 {
     this._filterUpToDate = true;
     return filterCanvas;
   }
-  on(evtStr, handler) {
+  on(...args) {
+    const evtStr = args[0];
+    const selectorOrHandler = args[1];
+    args[2];
     if (this._cache) {
       this._cache.delete(ALL_LISTENERS);
     }
-    if (arguments.length === 3) {
-      return this._delegate.apply(this, arguments);
+    if (args.length === 3) {
+      return this._delegate.apply(this, args);
     }
     const events = evtStr.split(SPACE$1);
     for (let n = 0; n < events.length; n++) {
@@ -81785,7 +79995,7 @@ let Node$1 = class Node2 {
       if (!this.eventListeners[baseEvent]) {
         this.eventListeners[baseEvent] = [];
       }
-      this.eventListeners[baseEvent].push({ name, handler });
+      this.eventListeners[baseEvent].push({ name, handler: selectorOrHandler });
     }
     return this;
   }
@@ -81843,12 +80053,18 @@ let Node$1 = class Node2 {
         handler.call(targets[i3], evt);
       }
     });
+    return this;
   }
   remove() {
     if (this.isDragging()) {
       this.stopDrag();
     }
     DD._dragElements.delete(this._id);
+    DD._dragElements.forEach((elem, key) => {
+      if (this.isAncestorOf(elem.node)) {
+        DD._dragElements.delete(key);
+      }
+    });
     this._remove();
     return this;
   }
@@ -82470,13 +80686,13 @@ let Node$1 = class Node2 {
     return url;
   }
   toImage(config) {
-    return new Promise((resolve2, reject) => {
+    return new Promise((resolve, reject) => {
       try {
         const callback = config === null || config === void 0 ? void 0 : config.callback;
         if (callback)
           delete config.callback;
         Util._urlToImage(this.toDataURL(config), function(img) {
-          resolve2(img);
+          resolve(img);
           callback === null || callback === void 0 ? void 0 : callback(img);
         });
       } catch (err) {
@@ -82485,13 +80701,13 @@ let Node$1 = class Node2 {
     });
   }
   toBlob(config) {
-    return new Promise((resolve2, reject) => {
+    return new Promise((resolve, reject) => {
       try {
         const callback = config === null || config === void 0 ? void 0 : config.callback;
         if (callback)
           delete config.callback;
         this.toCanvas(config).toBlob((blob) => {
-          resolve2(blob);
+          resolve(blob);
           callback === null || callback === void 0 ? void 0 : callback(blob);
         }, config === null || config === void 0 ? void 0 : config.mimeType, config === null || config === void 0 ? void 0 : config.quality);
       } catch (err) {
@@ -82696,7 +80912,8 @@ let Node$1 = class Node2 {
         y: pos.y - ap.y
       },
       dragStatus: "ready",
-      pointerId
+      pointerId,
+      startEvent: evt
     });
   }
   startDrag(evt, bubbleEvent = true) {
@@ -82708,7 +80925,7 @@ let Node$1 = class Node2 {
     this.fire("dragstart", {
       type: "dragstart",
       target: this,
-      evt: evt && evt.evt
+      evt: elem.startEvent && elem.startEvent.evt || evt && evt.evt
     }, bubbleEvent);
   }
   _setDragPosition(evt, elem) {
@@ -82839,7 +81056,7 @@ Node$1.protoListenerMap = /* @__PURE__ */ new Map();
 Node$1.prototype.nodeType = "Node";
 Node$1.prototype._attrsAffectingSize = [];
 Node$1.prototype.eventListeners = {};
-Node$1.prototype.on.call(Node$1.prototype, TRANSFORM_CHANGE_STR$1, function() {
+Node$1.prototype.on(TRANSFORM_CHANGE_STR$1, function() {
   if (this._batchingTransformChange) {
     this._needClearTransformCache = true;
     return;
@@ -82847,13 +81064,13 @@ Node$1.prototype.on.call(Node$1.prototype, TRANSFORM_CHANGE_STR$1, function() {
   this._clearCache(TRANSFORM);
   this._clearSelfAndDescendantCache(ABSOLUTE_TRANSFORM);
 });
-Node$1.prototype.on.call(Node$1.prototype, "visibleChange.konva", function() {
+Node$1.prototype.on("visibleChange.konva", function() {
   this._clearSelfAndDescendantCache(VISIBLE);
 });
-Node$1.prototype.on.call(Node$1.prototype, "listeningChange.konva", function() {
+Node$1.prototype.on("listeningChange.konva", function() {
   this._clearSelfAndDescendantCache(LISTENING);
 });
-Node$1.prototype.on.call(Node$1.prototype, "opacityChange.konva", function() {
+Node$1.prototype.on("opacityChange.konva", function() {
   this._clearSelfAndDescendantCache(ABSOLUTE_OPACITY);
 });
 const addGetterSetter = Factory.addGetterSetter;
@@ -84347,11 +82564,11 @@ Shape.prototype._centroid = false;
 Shape.prototype.nodeType = "Shape";
 _registerNode(Shape);
 Shape.prototype.eventListeners = {};
-Shape.prototype.on.call(Shape.prototype, "shadowColorChange.konva shadowBlurChange.konva shadowOffsetChange.konva shadowOpacityChange.konva shadowEnabledChange.konva", _clearHasShadowCache);
-Shape.prototype.on.call(Shape.prototype, "shadowColorChange.konva shadowOpacityChange.konva shadowEnabledChange.konva", _clearGetShadowRGBACache);
-Shape.prototype.on.call(Shape.prototype, "fillPriorityChange.konva fillPatternImageChange.konva fillPatternRepeatChange.konva fillPatternScaleXChange.konva fillPatternScaleYChange.konva fillPatternOffsetXChange.konva fillPatternOffsetYChange.konva fillPatternXChange.konva fillPatternYChange.konva fillPatternRotationChange.konva", _clearFillPatternCache);
-Shape.prototype.on.call(Shape.prototype, "fillPriorityChange.konva fillLinearGradientColorStopsChange.konva fillLinearGradientStartPointXChange.konva fillLinearGradientStartPointYChange.konva fillLinearGradientEndPointXChange.konva fillLinearGradientEndPointYChange.konva", _clearLinearGradientCache);
-Shape.prototype.on.call(Shape.prototype, "fillPriorityChange.konva fillRadialGradientColorStopsChange.konva fillRadialGradientStartPointXChange.konva fillRadialGradientStartPointYChange.konva fillRadialGradientEndPointXChange.konva fillRadialGradientEndPointYChange.konva fillRadialGradientStartRadiusChange.konva fillRadialGradientEndRadiusChange.konva", _clearRadialGradientCache);
+Shape.prototype.on("shadowColorChange.konva shadowBlurChange.konva shadowOffsetChange.konva shadowOpacityChange.konva shadowEnabledChange.konva", _clearHasShadowCache);
+Shape.prototype.on("shadowColorChange.konva shadowOpacityChange.konva shadowEnabledChange.konva", _clearGetShadowRGBACache);
+Shape.prototype.on("fillPriorityChange.konva fillPatternImageChange.konva fillPatternRepeatChange.konva fillPatternScaleXChange.konva fillPatternScaleYChange.konva fillPatternOffsetXChange.konva fillPatternOffsetYChange.konva fillPatternXChange.konva fillPatternYChange.konva fillPatternRotationChange.konva", _clearFillPatternCache);
+Shape.prototype.on("fillPriorityChange.konva fillLinearGradientColorStopsChange.konva fillLinearGradientStartPointXChange.konva fillLinearGradientStartPointYChange.konva fillLinearGradientEndPointXChange.konva fillLinearGradientEndPointYChange.konva", _clearLinearGradientCache);
+Shape.prototype.on("fillPriorityChange.konva fillRadialGradientColorStopsChange.konva fillRadialGradientStartPointXChange.konva fillRadialGradientStartPointYChange.konva fillRadialGradientEndPointXChange.konva fillRadialGradientEndPointYChange.konva fillRadialGradientStartRadiusChange.konva fillRadialGradientEndRadiusChange.konva", _clearRadialGradientCache);
 Factory.addGetterSetter(Shape, "stroke", void 0, getStringOrGradientValidator());
 Factory.addGetterSetter(Shape, "strokeWidth", 2, getNumberValidator());
 Factory.addGetterSetter(Shape, "fillAfterStrokeEnabled", false);
@@ -88291,7 +86508,7 @@ class TextPath extends Shape {
       });
       width += chars[i3].width;
     }
-    const { height } = this._getTextSize(this.attrs.text);
+    const { width: fullTextWidth, height } = this._getTextSize(this.attrs.text);
     this.textWidth = width;
     this.textHeight = height;
     this.glyphInfo = [];
@@ -88301,6 +86518,7 @@ class TextPath extends Shape {
     const letterSpacing = this.letterSpacing();
     const align = this.align();
     const kerningFunc = this.kerningFunc();
+    const kerningAdjustment = Math.max(0, width - fullTextWidth);
     const textWidth = Math.max(this.textWidth + ((this.attrs.text || "").length - 1) * letterSpacing, 0);
     let offset = 0;
     if (align === "center") {
@@ -88320,7 +86538,8 @@ class TextPath extends Shape {
         const numberOfSpaces = this.text().split(" ").length - 1;
         glyphWidth += (this.pathLength - textWidth) / numberOfSpaces;
       }
-      const charEndPoint = this._getPointAtLength(offsetToGlyph + glyphWidth);
+      const charEndLength = offsetToGlyph + glyphWidth;
+      const charEndPoint = this._getPointAtLength(charEndLength > this.pathLength && charEndLength - this.pathLength <= kerningAdjustment ? this.pathLength : charEndLength);
       if (!charEndPoint) {
         return;
       }
@@ -88530,6 +86749,7 @@ class Transformer extends Group {
     super(config);
     this._movingAnchorName = null;
     this._transforming = false;
+    this._elementsCreated = false;
     this._createElements();
     this._handleMouseMove = this._handleMouseMove.bind(this);
     this._handleMouseUp = this._handleMouseUp.bind(this);
@@ -88745,6 +86965,7 @@ class Transformer extends Group {
       this._createAnchor(name);
     });
     this._createAnchor("rotater");
+    this._elementsCreated = true;
   }
   _createAnchor(name) {
     const anchor = new Rect({
@@ -89322,6 +87543,13 @@ class Transformer extends Group {
     this._removeEvents();
     return this;
   }
+  add(...children) {
+    if (this._elementsCreated) {
+      Util.error("You cannot add external nodes to the Transformer. Use tr.nodes([node]) instead.");
+      return this;
+    }
+    return super.add(...children);
+  }
   toObject() {
     return Node$1.prototype.toObject.call(this);
   }
@@ -91194,7 +89422,7 @@ function debounce(fn2, delay) {
 }
 async function loadAccess(url, tag = null, isModel = false) {
   const type2 = url.endsWith(".js") ? "js" : "css";
-  return new Promise((resolve2) => {
+  return new Promise((resolve) => {
     const htmlEle = document.createElement(type2 == "js" ? "script" : "link");
     htmlEle.setAttribute("data-dynamic", "true");
     if (tag) {
@@ -91213,11 +89441,11 @@ async function loadAccess(url, tag = null, isModel = false) {
       htmlEle.rel = "stylesheet";
     }
     htmlEle.onload = () => {
-      resolve2(true);
+      resolve(true);
     };
     htmlEle.onerror = () => {
       console.error(`加载失败: ${url}`);
-      resolve2(false);
+      resolve(false);
     };
     document.head.appendChild(htmlEle);
   });
@@ -93997,7 +92225,6 @@ async function getEncryptSm2(publicKey, originalArr = [], isAdd04 = false, ciphe
   return encryptArrs;
 }
 const components = {
-  NsVideo,
   NsExcel: _sfc_main$c,
   NsPdf,
   NsWord,
@@ -94067,7 +92294,6 @@ export {
   NsSearch,
   NsTable,
   NsTableContainer,
-  NsVideo,
   NsWord,
   autoScaleInit,
   closeAllNsDialog,