matrix_components 2.0.360 → 2.0.362

package/dist/matrix_components.js

@@ -5472,9 +5472,9 @@ const ElementPlusIconsVue = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object
   ZoomIn: zoom_in_default,
   ZoomOut: zoom_out_default
 }, Symbol.toStringTag, { value: "Module" }));
-const _hoisted_1$a = { class: "right-box-2" };
-const _hoisted_2$8 = ["onClick"];
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _hoisted_1$c = { class: "right-box-2" };
+const _hoisted_2$a = ["onClick"];
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "videoRightMenu",
   props: {
     rightMenus: {
@@ -5539,7 +5539,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
         tabindex: "-1",
         onBlur: _cache[0] || (_cache[0] = ($event) => right_closeMenu2())
       }, [
-        createElementVNode("div", _hoisted_1$a, [
+        createElementVNode("div", _hoisted_1$c, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(__props.rightMenus, (item, index2) => {
             return openBlock(), createElementBlock("div", {
               key: index2,
@@ -5547,7 +5547,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
                 right_closeMenu();
                 rightHandler(item);
               }
-            }, toDisplayString(item == null ? void 0 : item.name), 9, _hoisted_2$8);
+            }, toDisplayString(item == null ? void 0 : item.name), 9, _hoisted_2$a);
           }), 128))
         ])
       ], 36)), [
@@ -5563,11 +5563,11 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const ComRightMenu = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-644f5340"]]);
-const _hoisted_1$9 = { class: "split-icon-container" };
-const _hoisted_2$7 = ["onClick"];
-const _hoisted_3$6 = { class: "video-view-bg" };
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const ComRightMenu = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-644f5340"]]);
+const _hoisted_1$b = { class: "split-icon-container" };
+const _hoisted_2$9 = ["onClick"];
+const _hoisted_3$7 = { class: "video-view-bg" };
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "SplitIcon",
   props: {
     type: {
@@ -5656,7 +5656,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$9, [
+      return openBlock(), createElementBlock("div", _hoisted_1$b, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(__props.isVideo ? unref(videoInfos) : count.value, (videoInfo) => {
           return openBlock(), createElementBlock("div", {
             key: videoInfo,
@@ -5670,7 +5670,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
             ]),
             onClick: ($event) => iconClick(videoInfo.index)
           }, [
-            createElementVNode("div", _hoisted_3$6, [
+            createElementVNode("div", _hoisted_3$7, [
               __props.isVideo ? renderSlot(_ctx.$slots, "video-view-slot", {
                 key: 0,
                 index: videoInfo.index,
@@ -5678,16 +5678,16 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
                 info: videoInfo == null ? void 0 : videoInfo.info
               }, void 0, true) : createCommentVNode("", true)
             ])
-          ], 10, _hoisted_2$7);
+          ], 10, _hoisted_2$9);
         }), 128))
       ]);
     };
   }
 });
-const SplitIcon = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-5efe1bd4"]]);
-const _hoisted_1$8 = { class: "split-box" };
-const _hoisted_2$6 = ["onClick"];
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const SplitIcon = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-5efe1bd4"]]);
+const _hoisted_1$a = { class: "split-box" };
+const _hoisted_2$8 = ["onClick"];
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
     videoSplitUseIcon: {
@@ -5713,7 +5713,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     const splitIconCount = ref$1(3);
     const activeIndex = inject("activeIndex");
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$8, [
+      return openBlock(), createElementBlock("div", _hoisted_1$a, [
         _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, {
@@ -5727,14 +5727,14 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
             key: index2,
             class: normalizeClass(["martrix_iconfont", getIconClass(index2, unref(activeIndex))]),
             onClick: ($event) => activeIndex.value = index2 + 1
-          }, null, 10, _hoisted_2$6);
+          }, null, 10, _hoisted_2$8);
         }), 64))
       ]);
     };
   }
 });
-const SplitIconGroup = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-e9d24ad3"]]);
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const SplitIconGroup = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-e9d24ad3"]]);
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "EasyPlay",
   props: {
     videoUrl: {
@@ -5948,7 +5948,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const EasyPlayView = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-1a2b8584"]]);
+const EasyPlayView = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-1a2b8584"]]);
 class hkVideo {
   constructor(options) {
     this.hkVideoInfo = reactive({
@@ -6083,13 +6083,13 @@ class hkVideo {
     this.hkVideoInfo.player.JS_Resize(width, height);
   }
 }
-const _hoisted_1$7 = ["id"];
-const _hoisted_2$5 = ["id"];
-const _hoisted_3$5 = {
+const _hoisted_1$9 = ["id"];
+const _hoisted_2$7 = ["id"];
+const _hoisted_3$6 = {
   class: "video-mask",
   "element-loading-text": "加载中..."
 };
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "HKPlay",
   props: {
     // divId: {
@@ -6263,8 +6263,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
         createElementVNode("div", {
           class: "video-container",
           id: `hk-${unref(videoRandomId)}`
-        }, null, 8, _hoisted_2$5),
-        withDirectives(createElementVNode("div", _hoisted_3$5, null, 512), [
+        }, null, 8, _hoisted_2$7),
+        withDirectives(createElementVNode("div", _hoisted_3$6, null, 512), [
           [_directive_loading, videoLoading.value]
         ]),
         withDirectives(createElementVNode("div", {
@@ -6283,25 +6283,25 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
         ], 512), [
           [vShow, showBtn.value]
         ])
-      ], 40, _hoisted_1$7);
+      ], 40, _hoisted_1$9);
     };
   }
 });
-const HKPlayView = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-a962f649"]]);
-const _hoisted_1$6 = { class: "split-box" };
-const _hoisted_2$4 = ["onMouseover", "onMouseleave"];
-const _hoisted_3$4 = {
+const HKPlayView = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-a962f649"]]);
+const _hoisted_1$8 = { class: "split-box" };
+const _hoisted_2$6 = ["onMouseover", "onMouseleave"];
+const _hoisted_3$5 = {
   key: 0,
   class: "no-signal"
 };
-const _hoisted_4$2 = {
+const _hoisted_4$3 = {
   key: 2,
   class: "ctrl-box"
 };
 const _hoisted_5$2 = { class: "ctrl-left" };
 const _hoisted_6 = { class: "ctrl-btn-speed" };
 const _hoisted_7 = { class: "ctrl-right" };
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
     videoErrorMaxCount: {
@@ -6479,7 +6479,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       const _component_Files = resolveComponent("Files");
       const _component_MapLocation = resolveComponent("MapLocation");
       const _component_VideoCamera = resolveComponent("VideoCamera");
-      return openBlock(), createElementBlock("div", _hoisted_1$6, [
+      return openBlock(), createElementBlock("div", _hoisted_1$8, [
         createVNode(SplitIcon, {
           type: unref(activeIndex),
           activeIndex: unref(activeIndex),
@@ -6498,7 +6498,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                 onMouseover: ($event) => showCloseBtnHandler(index2),
                 onMouseleave: ($event) => hideCloseBtnHandler(index2)
               }, [
-                !url ? (openBlock(), createElementBlock("span", _hoisted_3$4, "无信号")) : (openBlock(), createBlock(resolveDynamicComponent(getVideoModel(info)), {
+                !url ? (openBlock(), createElementBlock("span", _hoisted_3$5, "无信号")) : (openBlock(), createBlock(resolveDynamicComponent(getVideoModel(info)), {
                   key: 1,
                   ref: (el2) => videoPlayerRefHandler(el2, index2),
                   videoUrl: url,
@@ -6529,7 +6529,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                 }, 8, ["onClick"]), [
                   [vShow, closeBtnStatusList.value[index2] && !!url && showClose]
                 ]),
-                unref(showVideoCtrls) ? withDirectives((openBlock(), createElementBlock("div", _hoisted_4$2, [
+                unref(showVideoCtrls) ? withDirectives((openBlock(), createElementBlock("div", _hoisted_4$3, [
                   createElementVNode("div", _hoisted_5$2, [
                     createVNode(_component_el_icon, {
                       class: "ctrl-btn left",
@@ -6640,7 +6640,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                   [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$4)
+              ], 40, _hoisted_2$6)
             ];
           }),
           _: 1
@@ -6649,16 +6649,16 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SplitVideoGroup = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-7ea8a538"]]);
+const SplitVideoGroup = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-7ea8a538"]]);
 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$5 = { class: "video-player-view" };
-const _hoisted_2$3 = { class: "video-tree" };
-const _hoisted_3$3 = { class: "player-container" };
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _hoisted_1$7 = { class: "video-player-view" };
+const _hoisted_2$5 = { class: "video-tree" };
+const _hoisted_3$4 = { class: "player-container" };
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
     // 视频类型， easyplayer / hk
@@ -7178,9 +7178,9 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_el_tree = resolveComponent("el-tree");
       const _directive_sline = resolveDirective("sline");
-      return openBlock(), createElementBlock("div", _hoisted_1$5, [
+      return openBlock(), createElementBlock("div", _hoisted_1$7, [
         __props.showTree ? renderSlot(_ctx.$slots, "video-tree", { key: 0 }, () => [
-          createElementVNode("div", _hoisted_2$3, [
+          createElementVNode("div", _hoisted_2$5, [
             createVNode(_component_el_tree, {
               class: "tree-view",
               ref_key: "treeRef",
@@ -7217,7 +7217,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
             }, 8, ["node-key", "data", "props", "default-expanded-keys", "onNodeExpand"])
           ])
         ], true) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_3$3, [
+        createElementVNode("div", _hoisted_3$4, [
           __props.showVideoSplit ? renderSlot(_ctx.$slots, "video-player-head", { key: 0 }, () => [
             createVNode(SplitIconGroup, {
               class: "video-player-head",
@@ -7254,7 +7254,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const NsVideo = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-675ac530"]]);
+const NsVideo = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-675ac530"]]);
 function registerDirective(app2) {
   app2.directive("sline", {
     mounted(el2) {
@@ -7442,24 +7442,33 @@ function formatNumberInput(value, maxLength) {
       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) {
+function formatIntegerInput(value, maxLength, config) {
   let result = "";
   let hasMinus = false;
+  const allowNegative = config.min !== null && config.min < 0;
   for (let i = 0; i < value.length; i++) {
     const char = value[i];
     if (char === "-") {
-      if (i === 0 && !hasMinus) {
+      if (allowNegative && i === 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;
     }
   }
@@ -7467,7 +7476,7 @@ function formatIntegerInput(value, maxLength) {
 }
 function formatRangeInput(value, config) {
   if (config.int) {
-    let result2 = formatIntegerInput(value, config.maxLength || 50);
+    let result2 = formatIntegerInput(value, config.maxLength || 50, config);
     if (config.min === null && config.max === null) {
       return result2;
     }
@@ -46747,7 +46756,7 @@ var utils$2 = {
     SHEET_VERY_HIDDEN: 2
   }
 };
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "ExcelComp",
   props: {
     // 文件对象或文件URL
@@ -47117,7 +47126,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ExcelComp = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-1aba0d50"]]);
+const ExcelComp = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-1aba0d50"]]);
 var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
 var freeSelf = typeof self == "object" && self && self.Object === Object && self;
 var root = freeGlobal || freeSelf || Function("return this")();
@@ -47161,15 +47170,15 @@ const loadCssVars = () => {
   ThemeVar.VARS = variables;
   return variables;
 };
-const _hoisted_1$4 = { class: "dialog-content" };
-const _hoisted_2$2 = { class: "dialog-header" };
-const _hoisted_3$2 = { class: "dialog-title" };
-const _hoisted_4$1 = { class: "dialog-controls" };
+const _hoisted_1$6 = { class: "dialog-content" };
+const _hoisted_2$4 = { class: "dialog-header" };
+const _hoisted_3$3 = { class: "dialog-title" };
+const _hoisted_4$2 = { class: "dialog-controls" };
 const _hoisted_5$1 = {
   key: 1,
   class: "dialog-footer"
 };
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "NsDialog",
   props: {
     class: {
@@ -47589,8 +47598,8 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
         onClosed: dealClosed
       }, createSlots({
         header: withCtx(() => [
-          createElementVNode("div", _hoisted_2$2, [
-            createElementVNode("div", _hoisted_3$2, [
+          createElementVNode("div", _hoisted_2$4, [
+            createElementVNode("div", _hoisted_3$3, [
               __props.headerDom ? (openBlock(), createBlock(resolveDynamicComponent(asyncHeaderDom.value), mergeProps({ key: 0 }, props.headerOption, toHandlers({
                 ...props.headerEvents,
                 close: closeDialog
@@ -47598,7 +47607,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                 createTextVNode(toDisplayString(currentTitle.value), 1)
               ], 64))
             ]),
-            createElementVNode("div", _hoisted_4$1, [
+            createElementVNode("div", _hoisted_4$2, [
               showMaximizeButton.value ? (openBlock(), createBlock(_component_el_icon, {
                 key: 0,
                 class: "dialog-maximize",
@@ -47624,7 +47633,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
           ])
         ]),
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$4, [
+          createElementVNode("div", _hoisted_1$6, [
             (openBlock(), createBlock(resolveDynamicComponent(asyncDom.value), mergeProps({
               ref_key: "componentRef",
               ref: componentRef
@@ -47711,7 +47720,7 @@ const NsDialog = (data, modal = true, appendTo = "#app") => {
   };
   window.__dialogInstances.push(instance);
   if (externalApp) {
-    const vnode = createVNode(_sfc_main$8, {
+    const vnode = createVNode(_sfc_main$9, {
       ...superData,
       containerId,
       // 添加容器ID传递给组件
@@ -47735,7 +47744,7 @@ const NsDialog = (data, modal = true, appendTo = "#app") => {
     vnode.appContext = externalApp._context;
     render(vnode, container);
   } else {
-    const app2 = createApp(_sfc_main$8, {
+    const app2 = createApp(_sfc_main$9, {
       ...superData,
       containerId,
       // 添加容器ID传递给组件
@@ -47756,7 +47765,7 @@ const NsDialog = (data, modal = true, appendTo = "#app") => {
         }
       }
     });
-    const vnode = createVNode(_sfc_main$8, {
+    const vnode = createVNode(_sfc_main$9, {
       ...superData,
       containerId,
       dialogInstance: instance
@@ -47766,7 +47775,7 @@ const NsDialog = (data, modal = true, appendTo = "#app") => {
   }
   return instance;
 };
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
     isShowDialog: {
@@ -47892,13 +47901,13 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-_sfc_main$7.install = (app2) => {
-  app2.component(_sfc_main$7.name, _sfc_main$7);
+_sfc_main$8.install = (app2) => {
+  app2.component(_sfc_main$8.name, _sfc_main$8);
 };
-const _hoisted_1$3 = { class: "pdf-reader" };
-const _hoisted_2$1 = { class: "pdf-tools" };
-const _hoisted_3$1 = ["id"];
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$5 = { class: "pdf-reader" };
+const _hoisted_2$3 = { class: "pdf-tools" };
+const _hoisted_3$2 = ["id"];
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   ...{
     name: "ns-pdf"
   },
@@ -47984,8 +47993,8 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_el_button = resolveComponent("el-button");
       const _component_el_empty = resolveComponent("el-empty");
-      return openBlock(), createElementBlock("div", _hoisted_1$3, [
-        withDirectives(createElementVNode("div", _hoisted_2$1, [
+      return openBlock(), createElementBlock("div", _hoisted_1$5, [
+        withDirectives(createElementVNode("div", _hoisted_2$3, [
           createVNode(_component_el_button, {
             id: idConfig.value.previousPage
           }, {
@@ -47999,7 +48008,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
               class: "jump-input",
               id: idConfig.value.pageNumber,
               type: "number"
-            }, null, 8, _hoisted_3$1),
+            }, null, 8, _hoisted_3$2),
             createElementVNode("span", null, "/" + toDisplayString(numPages.value) + "页", 1)
           ]),
           createVNode(_component_el_button, {
@@ -48049,7 +48058,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const NsPdf = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-e08020c7"]]);
+const NsPdf = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-e08020c7"]]);
 NsPdf.install = (app2) => {
   app2.component(NsPdf.name, NsPdf);
 };
@@ -54406,15 +54415,15 @@ async function renderAsync(data, bodyContainer, styleContainer, userOptions) {
   await renderDocument(doc, bodyContainer, styleContainer, userOptions);
   return doc;
 }
-const _hoisted_1$2 = { class: "word-reader" };
-const _hoisted_2 = { class: "word-tools" };
-const _hoisted_3 = { class: "zoom-info" };
-const _hoisted_4 = { class: "word-container" };
+const _hoisted_1$4 = { class: "word-reader" };
+const _hoisted_2$2 = { class: "word-tools" };
+const _hoisted_3$1 = { class: "zoom-info" };
+const _hoisted_4$1 = { class: "word-container" };
 const _hoisted_5 = {
   key: 0,
   class: "loading-wrapper"
 };
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   ...{
     name: "ns-word"
   },
@@ -54547,8 +54556,8 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       const _component_el_button = resolveComponent("el-button");
-      return openBlock(), createElementBlock("div", _hoisted_1$2, [
-        withDirectives(createElementVNode("div", _hoisted_2, [
+      return openBlock(), createElementBlock("div", _hoisted_1$4, [
+        withDirectives(createElementVNode("div", _hoisted_2$2, [
           createVNode(_component_el_button, {
             onClick: zoomOut,
             disabled: zoom.value <= 0.5
@@ -54558,7 +54567,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
             ])]),
             _: 1
           }, 8, ["disabled"]),
-          createElementVNode("span", _hoisted_3, toDisplayString(Math.round(zoom.value * 100)) + "%", 1),
+          createElementVNode("span", _hoisted_3$1, toDisplayString(Math.round(zoom.value * 100)) + "%", 1),
           createVNode(_component_el_button, {
             onClick: zoomIn,
             disabled: zoom.value >= 3
@@ -54571,7 +54580,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         ], 512), [
           [vShow, __props.hasTool && !noData.value]
         ]),
-        withDirectives(createElementVNode("div", _hoisted_4, [
+        withDirectives(createElementVNode("div", _hoisted_4$1, [
           loading.value ? (openBlock(), createElementBlock("div", _hoisted_5, [..._cache[2] || (_cache[2] = [
             createElementVNode("div", { style: { "height": "200px" } }, null, -1)
           ])])) : createCommentVNode("", true),
@@ -54589,12 +54598,12 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const NsWord = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-5777b155"]]);
+const NsWord = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-5777b155"]]);
 NsWord.install = (app2) => {
   app2.component(NsWord.name, NsWord);
 };
-const _hoisted_1$1 = { class: "ns-office" };
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$3 = { class: "ns-office" };
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   ...{
     name: "ns-office"
   },
@@ -54644,8 +54653,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       const _component_NoData = resolveComponent("NoData");
-      return openBlock(), createElementBlock("div", _hoisted_1$1, [
-        fileType.value === "excel" ? (openBlock(), createBlock(_sfc_main$7, mergeProps({ key: 0 }, _ctx.$attrs, {
+      return openBlock(), createElementBlock("div", _hoisted_1$3, [
+        fileType.value === "excel" ? (openBlock(), createBlock(_sfc_main$8, mergeProps({ key: 0 }, _ctx.$attrs, {
           isEdit: false,
           isShowDialog: false,
           file: __props.url,
@@ -54668,436 +54677,652 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const NsOffice = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-a4bc0168"]]);
+const NsOffice = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-a4bc0168"]]);
 NsOffice.install = (app2) => {
   app2.component(NsOffice.name, NsOffice);
 };
-const _sfc_main$3 = {
-  __name: "index",
+const _hoisted_1$2 = {
+  key: 0,
+  class: "sub-row"
+};
+const _hoisted_2$1 = {
+  class: /* @__PURE__ */ normalizeClass(["sub-row-group"])
+};
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "DynamicForm",
   props: {
-    // 表单配置项
-    formItems: {
-      type: Array,
-      required: true,
-      default: () => []
-    },
-    // 表单数据
-    modelValue: {
-      type: Object,
-      default: () => ({})
+    // 可选table, vertical, 默认不带边框颜色
+    model: {
+      type: String,
+      default: () => ""
+      // 可选table, vertical
     },
-    // 表单验证规则
-    rules: {
-      type: Object,
-      default: () => ({})
+    readOnly: {
+      type: Boolean,
+      default: () => false
     },
-    // 标签宽度
+    // (父+子)文字宽度
     labelWidth: {
       type: String,
-      default: "100px"
+      default: "80px"
     },
-    // 标签位置
-    labelPosition: {
+    // 父文字宽度
+    superLabelWidth: {
       type: String,
-      default: "right"
+      default: "30px"
     },
-    // 表单尺寸
-    size: {
+    // (父+子)文字颜色
+    labelColor: {
       type: String,
-      default: "default"
+      default: "#0A7BFF"
     },
-    // 是否禁用
-    disabled: {
-      type: Boolean,
-      default: false
+    // 行中多个间隔（model: table无效）
+    gapH: {
+      type: String,
+      default: "10px"
     },
-    // 栅格间隔
-    gutter: {
-      type: Number,
-      default: 20
+    // 列间隔（model: table无效）
+    gapV: {
+      type: String,
+      default: "10px"
     },
-    // 下拉框选项数据源
-    optionsData: {
-      type: Object,
-      default: () => ({})
+    // 文字高度
+    height: {
+      type: String,
+      default: "32px"
     },
-    // 初始化时是否清除验证状态
-    clearValidateOnInit: {
-      type: Boolean,
-      default: true
+    // 列表
+    rows: {
+      type: Array,
+      default: () => []
+    },
+    backgroundColor: {
+      type: String,
+      default: ""
+    },
+    // 没值时显示的内容，默认'--'
+    valueEmptyTag: {
+      type: String,
+      default: () => "--"
+    },
+    // 表单校验路径前缀，用于支持多个DetailView
+    formPropKey: {
+      type: String,
+      default: "rows"
     }
   },
-  emits: ["update:modelValue", "validate", "submit", "reset"],
-  setup(__props, { expose: __expose, emit: __emit }) {
+  setup(__props, { expose: __expose }) {
+    useCssVars((_ctx) => ({
+      "v37afa004": customBackgroundColor.value,
+      "v837cf940": gapV.value,
+      "v0b770c26": superLabelWidth.value,
+      "dba2e31c": subLabelWidth.value,
+      "v35d88047": height.value,
+      "v43e7535c": labelWidth.value,
+      "v6d879d11": _ctx.$props.labelColor
+    }));
     const props = __props;
-    const emit = __emit;
-    const formRef = ref$1();
-    const formData = reactive({});
-    const formRules = reactive({});
-    const initFormData = () => {
-      Object.keys(formData).forEach((key) => {
-        delete formData[key];
-      });
-      props.formItems.forEach((item) => {
-        if (item.prop) {
-          formData[item.prop] = props.modelValue[item.prop] || item.defaultValue || getDefaultValue(item.component);
-        }
-      });
-    };
-    const initFormRules = () => {
-      Object.keys(formRules).forEach((key) => {
-        delete formRules[key];
-      });
-      props.formItems.forEach((item) => {
-        if (item.prop && (item.rules || props.rules[item.prop])) {
-          formRules[item.prop] = [
-            ...props.rules[item.prop] || [],
-            ...item.rules || []
-          ];
-        }
-      });
-    };
-    const getComponentName = (component) => {
-      const componentMap = {
-        input: "el-input",
-        textarea: "el-input",
-        password: "el-input",
-        number: "el-input-number",
-        select: "el-select",
-        radio: "el-radio",
-        "radio-group": "el-radio-group",
-        checkbox: "el-checkbox",
-        "checkbox-group": "el-checkbox-group",
-        switch: "el-switch",
-        slider: "el-slider",
-        "time-picker": "el-time-picker",
-        "time-select": "el-time-select",
-        "date-picker": "el-date-picker",
-        "datetime-picker": "el-date-picker",
-        upload: "el-upload",
-        rate: "el-rate",
-        "color-picker": "el-color-picker",
-        transfer: "el-transfer",
-        cascader: "el-cascader",
-        "tree-select": "el-tree-select"
-      };
-      return componentMap[component] || component;
-    };
-    const getComponentProps = (item) => {
-      const props2 = { ...item.props || {} };
-      if (item.component === "cascader") {
-        const options = getItemOptions(item);
-        if (options) {
-          props2.options = options;
+    const customBackgroundColor = computed(() => {
+      if (props.model === "vertical") {
+        return props.backgroundColor || "#eef4fb";
+      }
+      return "transparent";
+    });
+    function checkIsElempentComponent(rowInfo, name = "el") {
+      if (rowInfo.component) {
+        return (rowInfo.component.name + "").toLowerCase().startsWith(name);
+      } else {
+        return false;
+      }
+    }
+    function isUploadComponent(rowInfo) {
+      var _a3;
+      return ((((_a3 = rowInfo == null ? void 0 : rowInfo.component) == null ? void 0 : _a3.name) || "") + "").toLowerCase().indexOf("upload") !== -1;
+    }
+    function getComponentParams(rowInfo) {
+      const params = { ...rowInfo.params };
+      delete params["v-length"];
+      delete params["v-length.number"];
+      delete params["v-length.regex"];
+      delete params["v-length-modifier"];
+      if (rowInfo.component) {
+        const componentName = (rowInfo.component.name + "").replace("-", "").toLowerCase();
+        if (componentName.indexOf("input") !== -1 || componentName === "elautocomplete") {
+          params.placeholder = params.placeholder || "请输入";
+        } else if (componentName === "elselect" || componentName === "eltimeselect" || componentName === "eltimepicker" || componentName === "eldatepicker") {
+          params.placeholder = params.placeholder || "请选择";
+          if (componentName === "elselect" && !(params == null ? void 0 : params.props)) {
+            params.props = {
+              value: "value",
+              label: "label",
+              options: "options",
+              disabled: "disabled"
+            };
+          }
         }
       }
-      if (item.component === "textarea") {
-        props2.type = "textarea";
+      return params;
+    }
+    function getDirectiveValue(rowInfo) {
+      if (!rowInfo.params) {
+        return void 0;
       }
-      if (item.component === "password") {
-        props2.type = "password";
-        props2.showPassword = true;
+      if (rowInfo.params["v-length.number"] !== void 0) {
+        return rowInfo.params["v-length.number"];
       }
-      if (item.component === "datetime-picker") {
-        props2.type = "datetime";
+      if (rowInfo.params["v-length.range"] !== void 0) {
+        return rowInfo.params["v-length.range"];
       }
-      return props2;
-    };
-    const getComponentEvents = (item) => {
-      const events = { ...item.events || {} };
-      if (item.dependsOn) {
-        events.change = (value) => {
-          var _a3;
-          handleDependentChange(item);
-          if ((_a3 = item.events) == null ? void 0 : _a3.change) {
-            item.events.change(value);
-          }
-        };
+      if (rowInfo.params["v-length.regex"] !== void 0) {
+        return rowInfo.params["v-length.regex"];
       }
-      return events;
-    };
-    const getItemOptions = (item) => {
-      if (item.dependsOn) {
-        return getDependentOptions(item);
+      if (rowInfo.params["v-length"] === void 0) {
+        return void 0;
       }
-      if (item.optionsKey && props.optionsData[item.optionsKey]) {
-        return props.optionsData[item.optionsKey];
+      if (typeof rowInfo.params["v-length"] === "object") {
+        return {
+          maxLength: rowInfo.params["v-length"].value || rowInfo.params["v-length"].maxLength,
+          pattern: rowInfo.params["v-length"].pattern
+        };
       }
-      return item.options || [];
-    };
-    const getDependentOptions = (item) => {
-      if (!item.dependsOn || !item.dependsOn.field) {
-        return item.options || [];
+      return rowInfo.params["v-length"];
+    }
+    function getDirectiveType(rowInfo) {
+      if (!rowInfo.params) {
+        return "none";
       }
-      const dependentValue = formData[item.dependsOn.field];
-      if (!dependentValue) {
-        return [];
+      if (rowInfo.params["v-length.number"] !== void 0) {
+        return "number";
       }
-      if (item.dependsOn.optionsKey && props.optionsData[item.dependsOn.optionsKey]) {
-        const dependentData = props.optionsData[item.dependsOn.optionsKey];
-        return dependentData[dependentValue] || [];
+      if (rowInfo.params["v-length.range"] !== void 0) {
+        return "range";
       }
-      if (item.dependsOn.options && item.dependsOn.options[dependentValue]) {
-        return item.dependsOn.options[dependentValue];
+      if (rowInfo.params["v-length.regex"] !== void 0) {
+        return "regex";
       }
-      return [];
-    };
-    const handleDependentChange = (item, value) => {
-      const dependentItems = props.formItems.filter(
-        (formItem) => formItem.dependsOn && formItem.dependsOn.field === item.prop
-      );
-      dependentItems.forEach((dependentItem) => {
-        if (dependentItem.prop && formData[dependentItem.prop] !== void 0) {
-          formData[dependentItem.prop] = getDefaultValue(
-            dependentItem.component
-          );
+      if (rowInfo.params["v-length"] === void 0) {
+        return "none";
+      }
+      if (typeof rowInfo.params["v-length"] === "object") {
+        if (rowInfo.params["v-length"].modifier) {
+          return rowInfo.params["v-length"].modifier;
+        }
+        if (rowInfo.params["v-length"].pattern) {
+          return "regex";
         }
-      });
-    };
-    const getDefaultPlaceholder = (component, label) => {
-      const inputTypes = ["input", "textarea", "password", "number"];
-      const selectTypes = ["select", "cascader", "tree-select"];
-      const dateTypes = [
-        "date-picker",
-        "datetime-picker",
-        "time-picker",
-        "time-select"
-      ];
-      if (inputTypes.includes(component)) {
-        return `请输入${label}`;
-      } else if (selectTypes.includes(component)) {
-        return `请选择${label}`;
-      } else if (dateTypes.includes(component)) {
-        return `请选择${label}`;
       }
-      return "";
-    };
-    const getDefaultValue = (component) => {
-      const defaultValues = {
-        input: "",
-        textarea: "",
-        password: "",
-        number: null,
-        select: "",
-        "radio-group": "",
-        checkbox: false,
-        "checkbox-group": [],
-        switch: false,
-        slider: 0,
-        "date-picker": null,
-        "datetime-picker": null,
-        "time-picker": null,
-        "time-select": null,
-        upload: [],
-        rate: 0,
-        "color-picker": "",
-        transfer: [],
-        cascader: [],
-        "tree-select": null
-      };
-      return defaultValues[component] || null;
-    };
-    const validate = async (callback) => {
-      if (!formRef.value) return false;
-      try {
-        const valid = await formRef.value.validate();
-        emit("validate", valid, formData);
-        if (callback) callback(valid);
-        return valid;
-      } catch (error) {
-        emit("validate", false, formData);
-        if (callback) callback(false);
-        return false;
+      return "basic";
+    }
+    const gapH = computed(() => {
+      if (props.model.indexOf("table") > -1) {
+        return 0;
       }
-    };
-    const validateField = (props2, callback) => {
-      if (!formRef.value) return;
-      formRef.value.validateField(props2, callback);
-    };
-    const resetFields = () => {
-      if (!formRef.value) return;
-      formRef.value.resetFields();
-      emit("reset", formData);
-    };
-    const clearValidate = (props2) => {
-      if (!formRef.value) return;
-      formRef.value.clearValidate(props2);
-    };
-    watch(
-      formData,
-      (newVal) => {
-        emit("update:modelValue", { ...newVal });
-      },
-      { deep: true }
-    );
+      const _tmp = (props.gapH + "").replace("px", "").replace("%", "");
+      if (isNaN(_tmp)) {
+        return 0;
+      } else {
+        return Number(_tmp);
+      }
+    });
+    const gapV = computed(() => {
+      if (props.model.indexOf("table") > -1) {
+        return 0;
+      }
+      const _tmp = (props.gapV + "").replace("px", "").replace("%", "");
+      if (isNaN(_tmp)) {
+        return 0;
+      } else {
+        return _tmp + "px";
+      }
+    });
+    const height = computed(() => {
+      const _tmp = (props.height + "").replace("px", "").replace("%", "");
+      if (isNaN(_tmp)) {
+        return 0;
+      } else {
+        return _tmp + "px";
+      }
+    });
+    const labelWidth = computed(() => {
+      if (props.labelWidth.indexOf("px") > -1 || props.labelWidth.indexOf("%") > -1 || isNaN(Number(props.labelWidth))) {
+        return props.labelWidth;
+      } else {
+        return (props.labelWidth + "").replace("px", "") + "px";
+      }
+    });
+    const superLabelWidth = ref$1("0");
+    const subLabelWidth = ref$1(labelWidth.value);
     watch(
-      () => props.modelValue,
+      () => props.superLabelWidth,
       (nv) => {
-        const newVal = JSON.parse(JSON.stringify(nv));
-        Object.keys(newVal).forEach((key) => {
-          if (formData[key] !== newVal[key]) {
-            formData[key] = newVal[key];
-          }
-        });
+        if (nv.indexOf("px") > -1 || nv.indexOf("%") > -1 || isNaN(nv)) {
+          superLabelWidth.value = nv;
+        } else {
+          superLabelWidth.value = (nv + "").replace("px", "") + "px";
+          subLabelWidth.value = `calc(${labelWidth.value} - ${superLabelWidth.value})`;
+        }
       },
-      { deep: true }
+      { immediate: true }
     );
-    watch(
-      () => props.formItems,
-      () => {
-        nextTick(() => {
-          initFormData();
-          initFormRules();
-          if (props.clearValidateOnInit) {
-            nextTick(() => {
-              clearValidate();
-            });
+    function getRowItemStyle(row, rowInfo, rowInfoIndex) {
+      let _gapH = gapH.value;
+      if (rowInfo.span && (rowInfo.span + "").indexOf("%") > -1) {
+        return rowInfo.span;
+      }
+      let emptySpanCount = 0;
+      let allWidth = 0;
+      let customSpan = 0;
+      row == null ? void 0 : row.map((item) => {
+        if (!item.span && item.span + "" !== "0") {
+          emptySpanCount += 1;
+        } else {
+          const _span = Number((item.span + "").replace("%", ""));
+          allWidth += _span;
+          customSpan += _span;
+        }
+      });
+      if (allWidth > 24) {
+        allWidth = 100;
+      } else {
+        allWidth = 24;
+      }
+      if (!rowInfo.span) {
+        const _tmp = ((allWidth - customSpan) / emptySpanCount / allWidth * 100).toFixed(2) + "%";
+        const margint = row.length == 1 ? 0 : Number(_gapH / 2);
+        let marginLeft = margint * 0.75;
+        let marginRight = margint * 0.75;
+        if (rowInfoIndex == row.length - 1) {
+          marginRight = 0;
+          marginLeft = margint * 1.25;
+        } else if (rowInfoIndex == 0) {
+          marginLeft = 0;
+          marginRight = margint * 1.25;
+        }
+        return {
+          width: `calc(${_tmp} - ${marginLeft + marginRight}px)`,
+          marginLeft: `${marginLeft}px`,
+          marginRight: `${marginRight}px`
+        };
+      } else if (rowInfo.span == 0) {
+        return { width: 0 };
+      } else {
+        const _tmp = Number(rowInfo.span) / allWidth * 100 + "%";
+        const margint = row.length == 1 ? 0 : Number(_gapH / 2);
+        let marginLeft = margint * 0.75;
+        let marginRight = margint * 0.75;
+        if (rowInfoIndex == row.length - 1) {
+          marginRight = 0;
+          marginLeft = margint * 1.25;
+        } else if (rowInfoIndex == 0) {
+          marginLeft = 0;
+          marginRight = margint * 1.25;
+        }
+        return {
+          width: `calc(${_tmp} - ${marginLeft + marginRight}px)`,
+          marginLeft: `${marginLeft}px`,
+          marginRight: `${marginRight}px`
+        };
+      }
+    }
+    function getNodeByKey(rows, key) {
+      for (let rowIndex = 0; rowIndex < rows.length; rowIndex++) {
+        const row = rows[rowIndex];
+        for (let colIndex = 0; colIndex < row.length; colIndex++) {
+          const item = row[colIndex];
+          if (item.key === key) {
+            return item;
           }
-        });
-      },
-      { deep: true, immediate: true }
-    );
-    watch(
-      () => props.rules,
-      () => {
-        initFormRules();
-      },
-      { deep: true }
-    );
+          if (item.children && Array.isArray(item.children)) {
+            for (let childIndex = 0; childIndex < item.children.length; childIndex++) {
+              const child = item.children[childIndex];
+              if (child.key === key) {
+                return child;
+              }
+            }
+          }
+        }
+      }
+      return null;
+    }
+    function getKeyValuePairs(rows) {
+      const result = {};
+      for (let rowIndex = 0; rowIndex < rows.length; rowIndex++) {
+        const row = rows[rowIndex];
+        for (let colIndex = 0; colIndex < row.length; colIndex++) {
+          const item = row[colIndex];
+          if (item.key) {
+            if ((item == null ? void 0 : item.value) && (item == null ? void 0 : item.delValue) && Array.isArray(item.value) && Array.isArray(item.delValue) && item.value.length && item.delValue.length) {
+              result[item.key] = [...item.value, ...item.delValue];
+            } else {
+              result[item.key] = item.value || "";
+            }
+          }
+          if (item.children && Array.isArray(item.children)) {
+            for (let childIndex = 0; childIndex < item.children.length; childIndex++) {
+              const child = item.children[childIndex];
+              if (child.key) {
+                if ((child == null ? void 0 : child.value) && (child == null ? void 0 : child.delValue) && Array.isArray(child.value) && Array.isArray(child.delValue) && child.value.length && child.delValue.length) {
+                  result[child.key] = [...child.value, ...child.delValue];
+                } else {
+                  result[child.key] = child.value || "";
+                }
+              }
+            }
+          }
+        }
+      }
+      return result;
+    }
     __expose({
-      validate,
-      validateField,
-      resetFields,
-      clearValidate,
-      formData
+      getKeyValuePairs,
+      getNodeByKey
     });
     return (_ctx, _cache) => {
-      const _component_el_option = resolveComponent("el-option");
-      const _component_el_radio = resolveComponent("el-radio");
-      const _component_el_checkbox = resolveComponent("el-checkbox");
+      const _component_el_tooltip = resolveComponent("el-tooltip");
       const _component_el_form_item = resolveComponent("el-form-item");
-      const _component_el_col = resolveComponent("el-col");
-      const _component_el_row = resolveComponent("el-row");
-      const _component_el_form = resolveComponent("el-form");
-      return openBlock(), createBlock(_component_el_form, mergeProps({
-        ref_key: "formRef",
-        ref: formRef,
-        model: formData,
-        rules: formRules,
-        "label-width": __props.labelWidth,
-        "label-position": __props.labelPosition,
-        size: __props.size,
-        disabled: __props.disabled
-      }, _ctx.$attrs), {
-        default: withCtx(() => [
-          createVNode(_component_el_row, { gutter: __props.gutter }, {
-            default: withCtx(() => [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.formItems, (item, index2) => {
-                return openBlock(), createBlock(_component_el_col, {
-                  key: index2,
-                  span: item.span || 24,
-                  xs: item.xs,
-                  sm: item.sm,
-                  md: item.md,
-                  lg: item.lg,
-                  xl: item.xl
-                }, {
-                  default: withCtx(() => [
-                    createVNode(_component_el_form_item, {
-                      label: item.label,
-                      prop: item.prop,
-                      required: item.required,
-                      rules: item.rules,
-                      "label-width": item.labelWidth,
-                      error: item.error,
-                      "show-message": item.showMessage !== false,
-                      "inline-message": item.inlineMessage,
-                      size: item.size || __props.size
-                    }, {
-                      default: withCtx(() => [
-                        (openBlock(), createBlock(resolveDynamicComponent(getComponentName(item.component)), mergeProps({
-                          modelValue: formData[item.prop],
-                          "onUpdate:modelValue": ($event) => formData[item.prop] = $event
-                        }, { ref_for: true }, getComponentProps(item), toHandlers(getComponentEvents(item)), {
-                          placeholder: item.placeholder || getDefaultPlaceholder(item.component, item.label),
-                          disabled: item.disabled || __props.disabled,
-                          size: item.size || __props.size
-                        }), createSlots({
+      const _directive_sline = resolveDirective("sline");
+      const _directive_length = resolveDirective("length");
+      return props.rows.length ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass([
+          "detail-view",
+          props.model.indexOf("table") > -1 ? "model-table" : "",
+          props.model.indexOf("vertical") > -1 ? "vertical" : "horizontal"
+        ])
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(props.rows, (row, index2) => {
+          return openBlock(), createElementBlock("div", {
+            key: index2,
+            class: "detial-row"
+          }, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(row, (rowInfo, _index) => {
+              var _a3;
+              return openBlock(), createElementBlock("div", {
+                class: normalizeClass([
+                  "detial-row-item",
+                  props.model.indexOf("vertical") > -1 ? "vertical" : "horizontal",
+                  (rowInfo == null ? void 0 : rowInfo.children) ? "has-child" : ""
+                ]),
+                key: _index,
+                style: normalizeStyle(getRowItemStyle(row, rowInfo, _index))
+              }, [
+                ((_a3 = rowInfo == null ? void 0 : rowInfo.children) == null ? void 0 : _a3.length) ? (openBlock(), createElementBlock("div", _hoisted_1$2, [
+                  withDirectives((openBlock(), createElementBlock("span", {
+                    class: normalizeClass([
+                      "sub-row-title",
+                      "detial-row-item-label",
+                      props.model.indexOf("table") > -1 ? "model-table" : "",
+                      props.model.indexOf("vertical") > -1 ? "vertical" : "horizontal"
+                    ])
+                  }, [
+                    createTextVNode(toDisplayString(rowInfo.label || ""), 1)
+                  ], 2)), [
+                    [_directive_sline]
+                  ]),
+                  createElementVNode("div", _hoisted_2$1, [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(rowInfo.children, (subRowInfo, _subIndex) => {
+                      return openBlock(), createElementBlock("div", {
+                        class: normalizeClass(["sub-row-item"]),
+                        key: _subIndex
+                      }, [
+                        createVNode(_component_el_tooltip, {
+                          "hide-after": 0,
+                          "show-after": 500,
+                          content: subRowInfo.label || "",
+                          placement: "top-start",
+                          "popper-class": "detail-view-tooltip"
+                        }, {
+                          default: withCtx(() => [
+                            createElementVNode("span", {
+                              class: normalizeClass([
+                                "detial-row-item-label",
+                                props.model.indexOf("table") > -1 ? "model-table" : "",
+                                props.model.indexOf("vertical") > -1 ? "vertical" : "horizontal"
+                              ])
+                            }, toDisplayString(subRowInfo.label || ""), 3)
+                          ]),
+                          _: 2
+                        }, 1032, ["content"]),
+                        createVNode(_component_el_tooltip, {
+                          "hide-after": 0,
+                          "show-after": 500,
+                          disabled: subRowInfo.component,
+                          content: subRowInfo.value || "",
+                          placement: "top-start",
+                          "popper-class": "detail-view-tooltip"
+                        }, {
                           default: withCtx(() => [
-                            getItemOptions(item) && [
-                              "select",
-                              "radio-group",
-                              "checkbox-group"
-                            ].includes(item.component) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                              item.component === "select" ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(getItemOptions(item), (option) => {
-                                return openBlock(), createBlock(_component_el_option, {
-                                  key: option.value,
-                                  label: option.label,
-                                  value: option.value,
-                                  disabled: option.disabled
-                                }, null, 8, ["label", "value", "disabled"]);
-                              }), 128)) : item.component === "radio-group" ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(getItemOptions(item), (option) => {
-                                return openBlock(), createBlock(_component_el_radio, {
-                                  key: option.value,
-                                  label: option.value,
-                                  disabled: option.disabled
-                                }, {
-                                  default: withCtx(() => [
-                                    createTextVNode(toDisplayString(option.label), 1)
-                                  ]),
-                                  _: 2
-                                }, 1032, ["label", "disabled"]);
-                              }), 128)) : item.component === "checkbox-group" ? (openBlock(true), createElementBlock(Fragment, { key: 2 }, renderList(getItemOptions(item), (option) => {
-                                return openBlock(), createBlock(_component_el_checkbox, {
-                                  key: option.value,
-                                  label: option.value,
-                                  disabled: option.disabled
-                                }, {
-                                  default: withCtx(() => [
-                                    createTextVNode(toDisplayString(option.label), 1)
-                                  ]),
-                                  _: 2
-                                }, 1032, ["label", "disabled"]);
-                              }), 128)) : createCommentVNode("", true)
-                            ], 64)) : createCommentVNode("", true)
+                            !subRowInfo.component ? (openBlock(), createElementBlock("span", {
+                              key: 0,
+                              class: normalizeClass([
+                                "detial-row-item-value",
+                                props.model.indexOf("table") > -1 ? "model-table" : "",
+                                props.model.indexOf("vertical") > -1 ? "vertical" : "horizontal"
+                              ])
+                            }, toDisplayString(subRowInfo.value || ""), 3)) : (openBlock(), createElementBlock("span", {
+                              key: 1,
+                              class: normalizeClass([
+                                "detial-row-item-value",
+                                props.model.indexOf("table") > -1 ? "model-table" : ""
+                              ])
+                            }, [
+                              (openBlock(), createBlock(resolveDynamicComponent(subRowInfo.component), mergeProps({ ref_for: true }, subRowInfo.params, { rowData: subRowInfo }), createSlots({ _: 2 }, [
+                                renderList(subRowInfo.slots || {}, (slot, slotName) => {
+                                  return {
+                                    name: slotName,
+                                    fn: withCtx(() => [
+                                      (openBlock(), createBlock(resolveDynamicComponent(typeof slot === "function" ? slot() : slot)))
+                                    ])
+                                  };
+                                })
+                              ]), 1040, ["rowData"]))
+                            ], 2))
                           ]),
                           _: 2
+                        }, 1032, ["disabled", "content"])
+                      ]);
+                    }), 128))
+                  ])
+                ])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                  createVNode(_component_el_tooltip, {
+                    "hide-after": 0,
+                    "show-after": 500,
+                    content: rowInfo.label || "",
+                    placement: "top-start",
+                    "popper-class": "detail-view-tooltip"
+                  }, {
+                    default: withCtx(() => [
+                      /* !checkIsElempentComponent(rowInfo) ||  */
+                      __props.readOnly ? withDirectives((openBlock(), createElementBlock("span", {
+                        key: 0,
+                        class: normalizeClass([
+                          "detial-row-item-label",
+                          props.model.indexOf("table") > -1 ? "model-table" : "",
+                          props.model.indexOf("vertical") > -1 ? `vertical ${!checkIsElempentComponent(rowInfo) ? "custom-vertical" : ""}` : "horizontal"
+                        ])
+                      }, [
+                        createTextVNode(toDisplayString(rowInfo.label || ""), 1)
+                      ], 2)), [
+                        [_directive_sline]
+                      ]) : createCommentVNode("", true)
+                    ]),
+                    _: 2
+                  }, 1032, ["content"]),
+                  createVNode(_component_el_tooltip, {
+                    "hide-after": 0,
+                    "show-after": 500,
+                    disabled: !(__props.readOnly && typeof rowInfo.value === "string"),
+                    content: rowInfo.value || "",
+                    placement: "top-start",
+                    "popper-class": "detail-view-tooltip"
+                  }, {
+                    default: withCtx(() => {
+                      var _a4;
+                      return [
+                        !rowInfo.component || __props.readOnly && (!isUploadComponent(rowInfo) || !rowInfo.value) ? (openBlock(), createElementBlock("span", {
+                          key: 0,
+                          class: normalizeClass([
+                            "detial-row-item-value",
+                            props.model.indexOf("table") > -1 ? "model-table" : "",
+                            props.model.indexOf("vertical") > -1 ? "vertical" : "horizontal"
+                          ])
+                        }, toDisplayString(rowInfo.value || __props.valueEmptyTag || ""), 3)) : (openBlock(), createElementBlock("span", {
+                          key: 1,
+                          class: normalizeClass([
+                            "detial-row-item-value",
+                            props.model.indexOf("table") > -1 ? "model-table" : ""
+                          ])
                         }, [
-                          ["cascader"].includes(item.component) ? {
-                            name: "default",
-                            fn: withCtx(({ data }) => [
-                              createElementVNode("span", null, toDisplayString(data[item.labelField || "label"]), 1)
+                          createVNode(_component_el_form_item, {
+                            class: normalizeClass(["component-form-item", __props.readOnly && isUploadComponent(rowInfo) ? "hidden" : ""]),
+                            label: rowInfo.label,
+                            prop: `${props.formPropKey}.${index2}.${_index}.value`,
+                            rules: ((_a4 = rowInfo == null ? void 0 : rowInfo.params) == null ? void 0 : _a4.rules) || []
+                          }, {
+                            default: withCtx(() => [
+                              getDirectiveType(rowInfo) === "number" ? withDirectives((openBlock(), createBlock(resolveDynamicComponent(rowInfo.component), mergeProps({
+                                key: 0,
+                                ref_for: true
+                              }, getComponentParams(rowInfo), {
+                                modelValue: rowInfo.value,
+                                "onUpdate:modelValue": ($event) => rowInfo.value = $event
+                              }, toHandlers(rowInfo.events), {
+                                rowData: rowInfo,
+                                class: "elementplus-component-item"
+                              }), createSlots({ _: 2 }, [
+                                renderList(rowInfo.slots || {}, (slot, slotName) => {
+                                  return {
+                                    name: slotName,
+                                    fn: withCtx(() => [
+                                      (openBlock(), createBlock(resolveDynamicComponent(typeof slot === "function" ? slot() : slot)))
+                                    ])
+                                  };
+                                })
+                              ]), 1040, ["modelValue", "onUpdate:modelValue", "rowData"])), [
+                                [
+                                  _directive_length,
+                                  getDirectiveValue(rowInfo),
+                                  void 0,
+                                  { number: true }
+                                ]
+                              ]) : getDirectiveType(rowInfo) === "regex" ? withDirectives((openBlock(), createBlock(resolveDynamicComponent(rowInfo.component), mergeProps({
+                                key: 1,
+                                ref_for: true
+                              }, getComponentParams(rowInfo), {
+                                modelValue: rowInfo.value,
+                                "onUpdate:modelValue": ($event) => rowInfo.value = $event
+                              }, toHandlers(rowInfo.events), {
+                                rowData: rowInfo,
+                                class: "elementplus-component-item"
+                              }), createSlots({ _: 2 }, [
+                                renderList(rowInfo.slots || {}, (slot, slotName) => {
+                                  return {
+                                    name: slotName,
+                                    fn: withCtx(() => [
+                                      (openBlock(), createBlock(resolveDynamicComponent(typeof slot === "function" ? slot() : slot)))
+                                    ])
+                                  };
+                                })
+                              ]), 1040, ["modelValue", "onUpdate:modelValue", "rowData"])), [
+                                [
+                                  _directive_length,
+                                  getDirectiveValue(rowInfo),
+                                  void 0,
+                                  { regex: true }
+                                ]
+                              ]) : getDirectiveType(rowInfo) === "range" ? withDirectives((openBlock(), createBlock(resolveDynamicComponent(rowInfo.component), mergeProps({
+                                key: 2,
+                                ref_for: true
+                              }, getComponentParams(rowInfo), {
+                                modelValue: rowInfo.value,
+                                "onUpdate:modelValue": ($event) => rowInfo.value = $event
+                              }, toHandlers(rowInfo.events), {
+                                rowData: rowInfo,
+                                class: "elementplus-component-item"
+                              }), createSlots({ _: 2 }, [
+                                renderList(rowInfo.slots || {}, (slot, slotName) => {
+                                  return {
+                                    name: slotName,
+                                    fn: withCtx(() => [
+                                      (openBlock(), createBlock(resolveDynamicComponent(typeof slot === "function" ? slot() : slot)))
+                                    ])
+                                  };
+                                })
+                              ]), 1040, ["modelValue", "onUpdate:modelValue", "rowData"])), [
+                                [
+                                  _directive_length,
+                                  getDirectiveValue(rowInfo),
+                                  void 0,
+                                  { range: true }
+                                ]
+                              ]) : withDirectives((openBlock(), createBlock(resolveDynamicComponent(rowInfo.component), mergeProps({
+                                key: 3,
+                                ref_for: true
+                              }, getComponentParams(rowInfo), {
+                                modelValue: rowInfo.value,
+                                "onUpdate:modelValue": ($event) => rowInfo.value = $event
+                              }, toHandlers(rowInfo.events), {
+                                rowData: rowInfo,
+                                class: "elementplus-component-item"
+                              }), createSlots({ _: 2 }, [
+                                renderList(rowInfo.slots || {}, (slot, slotName) => {
+                                  return {
+                                    name: slotName,
+                                    fn: withCtx(() => [
+                                      (openBlock(), createBlock(resolveDynamicComponent(typeof slot === "function" ? slot() : slot)))
+                                    ])
+                                  };
+                                })
+                              ]), 1040, ["modelValue", "onUpdate:modelValue", "rowData"])), [
+                                [_directive_length, getDirectiveValue(rowInfo) || 50]
+                              ])
                             ]),
-                            key: "0"
-                          } : void 0
-                        ]), 1040, ["modelValue", "onUpdate:modelValue", "placeholder", "disabled", "size"])),
-                        item.slot ? renderSlot(_ctx.$slots, item.slot, {
-                          key: 0,
-                          item,
-                          formData
-                        }, void 0, true) : createCommentVNode("", true)
-                      ]),
-                      _: 2
-                    }, 1032, ["label", "prop", "required", "rules", "label-width", "error", "show-message", "inline-message", "size"])
-                  ]),
-                  _: 2
-                }, 1032, ["span", "xs", "sm", "md", "lg", "xl"]);
-              }), 128))
-            ]),
-            _: 3
-          }, 8, ["gutter"]),
-          renderSlot(_ctx.$slots, "footer", {
-            formData,
-            validate,
-            resetFields
-          }, void 0, true)
+                            _: 2
+                          }, 1032, ["class", "label", "prop", "rules"])
+                        ], 2))
+                      ];
+                    }),
+                    _: 2
+                  }, 1032, ["disabled", "content"])
+                ], 64))
+              ], 6);
+            }), 128))
+          ]);
+        }), 128))
+      ], 2)) : createCommentVNode("", true);
+    };
+  }
+});
+const NsForm = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-c2469310"]]);
+const _hoisted_1$1 = { class: "title-image-view" };
+const _hoisted_2 = { class: "content-model-title" };
+const _hoisted_3 = { class: "title-text" };
+const _hoisted_4 = { class: "content-ui" };
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "DynamicFormTitle",
+  props: {
+    title: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$1, [
+        createElementVNode("div", _hoisted_2, [
+          _cache[0] || (_cache[0] = createElementVNode("div", { class: "title-icon" }, null, -1)),
+          renderSlot(_ctx.$slots, "title", {}, () => [
+            createElementVNode("span", _hoisted_3, toDisplayString(__props.title), 1)
+          ], true)
         ]),
-        _: 3
-      }, 16, ["model", "rules", "label-width", "label-position", "size", "disabled"]);
+        createElementVNode("div", _hoisted_4, [
+          renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ])
+      ]);
     };
   }
-};
-const NsForm = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-926ee012"]]);
+});
+const NsFormTitle = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-a0ddcbf6"]]);
 NsForm.install = (app2) => {
   app2.component(NsForm.name, NsForm);
   try {
@@ -55106,6 +55331,9 @@ NsForm.install = (app2) => {
     console.warn("组件库注册指令失败：", error);
   }
 };
+NsFormTitle.install = (app2) => {
+  app2.component(NsFormTitle.name, NsFormTitle);
+};
 const ir = Math.min, L0 = Math.max, Rr = Math.round, Ot = (e6) => ({
   x: e6,
   y: e6
@@ -91340,11 +91568,12 @@ async function getEncryptSm2(publicKey, originalArr = [], isAdd04 = false, ciphe
 }
 const components = {
   NsVideo,
-  NsExcel: _sfc_main$7,
+  NsExcel: _sfc_main$8,
   NsPdf,
   NsWord,
   NsOffice,
   NsForm,
+  NsFormTitle,
   NsSaturationline: NsSaturationLine,
   NsImage,
   NsImg: NsImage,
@@ -91390,8 +91619,9 @@ const index = {
 };
 export {
   NsDialog,
-  _sfc_main$7 as NsExcel,
+  _sfc_main$8 as NsExcel,
   NsForm,
+  NsFormTitle,
   NsImage,
   NsImage as NsImg,
   NsMD,