hy-dispatch-ui-v3 0.2.39 → 0.2.41

package/lib/components/hyBatchUploadDialog/batchUploadDialog.vue.js

@@ -0,0 +1,282 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+var iconsVue = require('@element-plus/icons-vue');
+var index = require('../hyDialog/index.js');
+var index$1 = require('../hyTableForm/index.js');
+var index$2 = require('../hyTooltip/index.js');
+var index$3 = require('../hyButton/index.js');
+
+import "./style/batchUploadDialog.scss";
+
+const __default__ = vue.defineComponent({
+  name: "HyBatchUploadDialog"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: /* @__PURE__ */ vue.mergeModels({
+    // 弹窗
+    title: {
+      type: String
+    },
+    width: {
+      type: String,
+      default: "920"
+    },
+    dialogType: {
+      type: String,
+      default: "right"
+    },
+    // 是否可缩小化
+    ifShrink: { type: Boolean, default: false },
+    // 是否拖拽
+    ifDraggable: { type: Boolean, default: true },
+    // 表格配置项
+    tableColumns: {
+      // 表格的列
+      type: Array,
+      required: true,
+      default: () => []
+    },
+    formColumns: {
+      type: Array,
+      default: () => []
+    },
+    rules: {
+      type: Object,
+      default: () => ({})
+    },
+    emptyText: {
+      // 空数据时显示的文本内容
+      type: String
+    },
+    fontSize: {
+      // 字体大小
+      type: Number,
+      default: 14
+    },
+    rowClickExpand: {
+      // 点击行展开
+      type: Boolean,
+      required: false,
+      default: true
+    },
+    // 表单配置项
+    columnNum: {
+      type: Number,
+      default: 2
+    },
+    size: {
+      type: String,
+      default: "default"
+      // 'large' | 'default' | 'small'
+    },
+    // 其他配置项
+    beforeDataHandle: {
+      type: Function
+    },
+    submitHandler: {
+      type: Function
+    }
+  }, {
+    "modelValue": { type: Boolean, default: false },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ vue.mergeModels([
+    "uploading",
+    "uploaded",
+    "reset",
+    "validate",
+    "submitting",
+    "submit"
+  ], ["update:modelValue"]),
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const emits = __emit;
+    const batchTableFormRef = vue.useTemplateRef("batchTableFormRef");
+    const visible = vue.useModel(__props, "modelValue");
+    const showSubmit = vue.ref(false);
+    const isSubmitting = vue.ref(false);
+    const failedCount = vue.ref(0);
+    const failedStatus = vue.ref(null);
+    async function show() {
+      visible.value = true;
+      showSubmit.value = false;
+      failedCount.value = 0;
+      failedStatus.value = null;
+    }
+    function onTableUploadingHandler(...args) {
+      emits("uploading", ...args);
+    }
+    function onTableUploadedHandler(...args) {
+      showSubmit.value = true;
+      emits("uploaded", ...args);
+    }
+    function onTableResetHandler(...args) {
+      failedCount.value = 0;
+      failedStatus.value = null;
+      showSubmit.value = false;
+      emits("reset", ...args);
+    }
+    function onTableValidateHandler(params) {
+      const { row, prop, isValid, message, total, success, failed } = params;
+      failedCount.value = failed;
+      failedStatus.value = !failed ? null : failedStatus.value || "validate";
+      emits("validate", params);
+    }
+    function onTableSubmittingHandler(...args) {
+      isSubmitting.value = true;
+      emits("submitting", ...args);
+    }
+    function onTableSubmitHandler(params) {
+      const { total, success, failed, result } = params;
+      if (result) {
+        visible.value = false;
+        failedCount.value = null;
+        failedStatus.value = null;
+      } else {
+        failedCount.value = failed;
+        failedStatus.value = "submit";
+      }
+      isSubmitting.value = false;
+      emits("submit", params);
+    }
+    async function onSubmitHandler() {
+      await batchTableFormRef.value.validate();
+      batchTableFormRef.value.submitDataSource();
+    }
+    __expose({
+      show,
+      getTableDataSource: () => {
+        return batchTableFormRef.value.getTableDataSource();
+      },
+      validate: async () => {
+        return await batchTableFormRef.value.validate();
+      },
+      submitDataSource: () => {
+        return batchTableFormRef.value.submitDataSource();
+      }
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(index.HyDialog), vue.mergeProps({
+        modelValue: visible.value,
+        "onUpdate:modelValue": ($event) => visible.value = $event,
+        loading: isSubmitting.value,
+        "onUpdate:loading": ($event) => isSubmitting.value = $event,
+        title: __props.title,
+        width: __props.width,
+        "dialog-type": __props.dialogType,
+        "show-operate": true,
+        "show-submit": false,
+        "show-cancel": !isSubmitting.value,
+        ifShrink: __props.ifShrink,
+        ifDraggable: __props.ifDraggable
+      }, _ctx.$attrs), vue.createSlots({
+        "operate-left-box": vue.withCtx(() => [
+          failedCount.value ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            class: "flex items-center gap-1.5 text-xs text-warning"
+          }, [
+            vue.createVNode(vue.unref(elementPlus.ElIcon), null, {
+              default: vue.withCtx(() => [
+                vue.createVNode(vue.unref(iconsVue.Warning))
+              ]),
+              _: 1
+              /* STABLE */
+            }),
+            failedStatus.value === "validate" ? (vue.openBlock(), vue.createElementBlock(
+              "span",
+              { key: 0 },
+              "\u5F53\u524D " + vue.toDisplayString(failedCount.value) + " \u6761\u5F02\u5E38\u6570\u636E\uFF0C\u70B9\u51FB\u5BFC\u5165\u5C06\u4EC5\u5BFC\u5165\u5C31\u7EEA\u6570\u636E\uFF0C\u5F02\u5E38\u6570\u636E\u5C06\u88AB\u5FFD\u7565\u3002",
+              1
+              /* TEXT */
+            )) : (vue.openBlock(), vue.createElementBlock(
+              "span",
+              { key: 1 },
+              "\u5F53\u524D " + vue.toDisplayString(failedCount.value) + " \u6761\u5F02\u5E38\u6570\u636E\uFF0C\u8BF7\u4FEE\u6B63\u5185\u5BB9",
+              1
+              /* TEXT */
+            ))
+          ])) : vue.createCommentVNode("v-if", true)
+        ]),
+        "operate-right-box": vue.withCtx(() => [
+          showSubmit.value ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.HyTooltip), {
+            key: 0,
+            disabled: !isSubmitting.value,
+            content: "\u6570\u636E\u6B63\u5728\u5BFC\u5165\u4E2D\uFF0C\u8BF7\u7A0D\u7B49"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(index$3.HyButton), {
+                type: "primary",
+                loading: isSubmitting.value,
+                class: "!min-w-[120px]",
+                onClick: onSubmitHandler
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(
+                    vue.toDisplayString(isSubmitting.value ? "\u6B63\u5728\u5BFC\u5165" : "\u786E\u8BA4\u5BFC\u5165"),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["loading"])
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["disabled"])) : vue.createCommentVNode("v-if", true)
+        ]),
+        default: vue.withCtx(() => [
+          visible.value ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.HyBatchTableForm), {
+            key: 0,
+            ref_key: "batchTableFormRef",
+            ref: batchTableFormRef,
+            tableColumns: __props.tableColumns,
+            formColumns: __props.formColumns,
+            rules: __props.rules,
+            emptyText: __props.emptyText,
+            fontSize: __props.fontSize,
+            rowClickExpand: __props.rowClickExpand,
+            columnNum: __props.columnNum,
+            size: __props.size,
+            beforeDataHandle: __props.beforeDataHandle,
+            "submit-handler": __props.submitHandler,
+            onUploading: onTableUploadingHandler,
+            onUploaded: onTableUploadedHandler,
+            onReset: onTableResetHandler,
+            onValidate: onTableValidateHandler,
+            onSubmitting: onTableSubmittingHandler,
+            onSubmit: onTableSubmitHandler
+          }, vue.createSlots({
+            _: 2
+            /* DYNAMIC */
+          }, [
+            vue.renderList(_ctx.$slots, (_, slotName) => {
+              return {
+                name: slotName,
+                fn: vue.withCtx((scope) => [
+                  vue.renderSlot(_ctx.$slots, slotName, vue.normalizeProps(vue.guardReactiveProps(scope)))
+                ])
+              };
+            })
+          ]), 1032, ["tableColumns", "formColumns", "rules", "emptyText", "fontSize", "rowClickExpand", "columnNum", "size", "beforeDataHandle", "submit-handler"])) : vue.createCommentVNode("v-if", true)
+        ]),
+        _: 2
+        /* DYNAMIC */
+      }, [
+        vue.renderList(_ctx.$slots, (_, slotName) => {
+          return {
+            name: slotName,
+            fn: vue.withCtx((scope) => [
+              vue.renderSlot(_ctx.$slots, slotName, vue.normalizeProps(vue.guardReactiveProps(scope)))
+            ])
+          };
+        })
+      ]), 1040, ["modelValue", "onUpdate:modelValue", "loading", "onUpdate:loading", "title", "width", "dialog-type", "show-cancel", "ifShrink", "ifDraggable"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/components/hyBatchUploadDialog/index.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var batchUploadDialog = require('./batchUploadDialog.vue.js');
+var handler = require('../../utils/handler.js');
+
+const HyBatchUploadDialog = handler.withInstall(batchUploadDialog.default);
+
+exports.HyBatchUploadDialog = HyBatchUploadDialog;
+exports.default = HyBatchUploadDialog;

package/lib/components/hyButton/style/button.scss

@@ -1,6 +1,5 @@
 .hy-button {
   height: 32px;
-  border: 0;
   outline: none;
   appearance: none;
   -webkit-appearance: none;
@@ -10,6 +9,7 @@
   white-space: nowrap;
   font-size: 14px;
   padding: 2px;
+  border: 1px solid transparent;
   box-sizing: border-box;
 
   &:disabled,

package/lib/components/hyDialog/dialog.vue.js

@@ -67,15 +67,17 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     onSubmit: Function
   }, {
     "modelValue": { type: Boolean, default: false },
-    "modelModifiers": {}
+    "modelModifiers": {},
+    "loading": { type: Boolean, default: false },
+    "loadingModifiers": {}
   }),
-  emits: /* @__PURE__ */ vue.mergeModels(["onMinimized", "onDialogMousedown"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ vue.mergeModels(["onMinimized", "onDialogMousedown"], ["update:modelValue", "update:loading"]),
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emits = __emit;
     const { t } = useLocale.useLocale();
     const visible = vue.useModel(__props, "modelValue");
-    const loading = vue.ref(false);
+    const loading = vue.useModel(__props, "loading");
     const dialogTypeRight = vue.computed(() => {
       return props.dialogType === "right";
     });
@@ -238,6 +240,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
             ]),
             default: vue.withCtx(() => [
               vue.createElementVNode("div", { class: "h-full flex flex-col text-main" }, [
+                vue.renderSlot(_ctx.$slots, "before-content"),
                 vue.renderSlot(_ctx.$slots, "content", {}, () => [
                   vue.createElementVNode(
                     "div",
@@ -253,11 +256,11 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                     /* CLASS */
                   )
                 ]),
+                vue.renderSlot(_ctx.$slots, "after-content"),
                 __props.showOperate ? (vue.openBlock(), vue.createElementBlock("div", {
                   key: 0,
                   class: "flex items-center flex-row-reverse justify-between p-5 pr-[26px] mt-auto box-border"
                 }, [
-                  vue.renderSlot(_ctx.$slots, "operate-left-box"),
                   vue.createElementVNode("div", { class: "flex items-center" }, [
                     vue.renderSlot(_ctx.$slots, "operate", {}, () => [
                       __props.showCancel ? (vue.openBlock(), vue.createBlock(vue.unref(index.HyButton), {
@@ -298,7 +301,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                       }, 8, ["type", "disabled"])) : vue.createCommentVNode("v-if", true)
                     ]),
                     vue.renderSlot(_ctx.$slots, "operate-right-box")
-                  ])
+                  ]),
+                  vue.renderSlot(_ctx.$slots, "operate-left-box")
                 ])) : vue.createCommentVNode("v-if", true)
               ])
             ]),

package/lib/components/hyTableActionButton/tableActionButton.vue.js

@@ -123,7 +123,6 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     vue.watch(() => props.operateList, setSelectedData, { deep: true, immediate: true });
     __expose({});
     return (_ctx, _cache) => {
-      const _component_ArrowDown = vue.resolveComponent("ArrowDown");
       return dataList.value.length ? (vue.openBlock(), vue.createElementBlock("div", {
         key: 0,
         class: "hy-table-action-button"
@@ -207,7 +206,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                       }])
                     }, {
                       default: vue.withCtx(() => [
-                        vue.createVNode(_component_ArrowDown)
+                        vue.createVNode(vue.unref(iconsVue.ArrowDown))
                       ]),
                       _: 1
                       /* STABLE */

package/lib/components/hyTableForm/batchTableForm.vue.js

@@ -4,10 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var elementPlus = require('element-plus');
+var iconsVue = require('@element-plus/icons-vue');
 var tableForm = require('./tableForm.vue.js');
 var index$2 = require('./js/index.js');
 var useApi = require('../../hooks/useApi.js');
 var useLocale = require('../../hooks/useLocale.js');
+var is = require('../../utils/is.js');
 var index = require('../hyIcon/index.js');
 var index$1 = require('../hyButton/index.js');
 var index$3 = require('../hyConfirmDialog/index.js');
@@ -81,7 +83,13 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       type: Function
     }
   },
-  emits: ["submitting", "submit"],
+  emits: [
+    "uploading",
+    "uploaded",
+    "reset",
+    "submitting",
+    "submit"
+  ],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emits = __emit;
@@ -108,10 +116,12 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
         description: "\u4EE5\u5F53\u524D\u6570\u636E\u4E3A\u51C6<br/>\u6267\u884C\u6279\u91CF\u5BFC\u5165\u6DFB\u52A0\u6570\u636E"
       }
     ];
+    const isUploading = vue.ref(false);
     const templateFileName = vue.ref("");
     const submitNumber = vue.ref(0);
     const submitting = vue.ref(false);
     const submitProgress = vue.ref(0);
+    const submitModel = vue.ref("default");
     function setData(data = []) {
       if (!tableRef.value) return;
       tableRef.value.setData(data);
@@ -137,16 +147,27 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
         if (type.indexOf("application") !== -1) {
           const files = { 0: file.raw };
           try {
+            isUploading.value = true;
+            emits("uploading");
             const data = await index$2.doReadExcel(files, props);
             if (!data) {
               elementPlus.ElMessage.warning("\u8BFB\u53D6\u6587\u4EF6\u5931\u8D25");
+              isUploading.value = false;
+              return;
+            }
+            if (!data.length) {
+              elementPlus.ElMessage.warning("\u8BE5\u6587\u4EF6\u6CA1\u6709\u6570\u636E");
+              isUploading.value = false;
               return;
             }
             active.value++;
+            isUploading.value = false;
+            emits("uploaded");
             await vue.nextTick();
             setData(data);
             templateFileName.value = file.name;
           } catch (err) {
+            isUploading.value = false;
             console.error(err);
             return;
           }
@@ -176,6 +197,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       templateFileName.value = "";
       active.value = 1;
       submitNumber.value = 0;
+      emits("reset");
     }
     async function submitDataSource() {
       if (!props.url && !props.submitHandler) {
@@ -192,11 +214,11 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       let { dataSource, total, success, failed } = res;
       if (!total) {
         elementPlus.ElMessage.warning("\u8BF7\u6DFB\u52A0\u6570\u636E");
-        return;
+        return Promise.reject();
       }
       if (!success) {
         elementPlus.ElMessage.warning("\u8BF7\u586B\u5199\u6709\u6548\u4E0A\u4F20\u6570\u636E");
-        return;
+        return Promise.reject();
       }
       if (failed) {
         try {
@@ -238,6 +260,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
               prop: null,
               message: res2.msg
             };
+            if (submitModel.value === "force") {
+              break;
+            }
           }
         } catch (err) {
           target.errorMsg = {
@@ -245,6 +270,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
             message: err?.msg ? err.msg : err
           };
           console.error(err);
+          if (submitModel.value === "force") {
+            break;
+          }
         }
       }
       deleteData(submitList);
@@ -267,8 +295,18 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       }
     }
     __expose({
-      setData,
+      setData: async (dataSource) => {
+        if (!is.isArray(dataSource) || !dataSource.length) return;
+        active.value = 2;
+        await vue.nextTick();
+        setData(dataSource);
+      },
       deleteData,
+      clearData: () => {
+        templateFileName.value = "";
+        active.value = 1;
+        submitNumber.value = 0;
+      },
       getTableDataSource,
       validate,
       submitDataSource
@@ -301,18 +339,39 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                     "svg-name": "analytics-echarts-sos",
                     "class-name": "!w-[58px] !h-[66px] mb-4"
                   }),
-                  vue.createElementVNode("div", { class: "mb-1.5 text-main" }, [
-                    vue.createElementVNode("span", null, "\u70B9\u51FB\u6216\u5C06 \u6587\u4EF6 \u62D6\u62FD\u5230\u6B64\u5904\u4E0A\u4F20")
-                  ]),
-                  vue.createElementVNode("div", { class: "text-auxiliary text-xs" }, "\u4E00\u6B21\u4EC5\u652F\u6301\u4E0A\u4F20\u4E00\u4E2A\u6587\u4EF6"),
-                  vue.createElementVNode("div", { class: "w-full text-main absolute left-1/2 bottom-4 transform -translate-x-1/2" }, [
-                    vue.createElementVNode("div", { class: "flex items-center justify-center text-xs text-auxiliary gap-2" }, [
-                      vue.createElementVNode("span", null, "\u6587\u4EF6\u652F\u6301\uFF1A"),
-                      vue.createElementVNode("div", { class: "border border-border rounded py-1 px-2.5 bg-background-4" }, " .xls "),
-                      vue.createElementVNode("div", { class: "border border-border rounded py-1 px-2.5 bg-background-4" }, " .xlsx "),
-                      vue.createElementVNode("span", null, "\u5355\u6587\u4EF6\u4E0D\u8D85\u8FC7 10 MB")
-                    ])
-                  ])
+                  isUploading.value ? (vue.openBlock(), vue.createElementBlock("div", {
+                    key: 0,
+                    class: "flex items-center gap-2 text-auxiliary"
+                  }, [
+                    vue.createElementVNode("span", { class: "text-xs" }, "\u6587\u4EF6\u4E0A\u4F20\u4E2D"),
+                    vue.createVNode(vue.unref(elementPlus.ElIcon), { class: "is-loading" }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(vue.unref(iconsVue.Loading))
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    })
+                  ])) : (vue.openBlock(), vue.createElementBlock(
+                    vue.Fragment,
+                    { key: 1 },
+                    [
+                      vue.createElementVNode("div", { class: "mb-1.5 text-main" }, [
+                        vue.createElementVNode("span", null, "\u70B9\u51FB\u6216\u5C06 \u6587\u4EF6 \u62D6\u62FD\u5230\u6B64\u5904\u4E0A\u4F20")
+                      ]),
+                      vue.createElementVNode("div", { class: "text-auxiliary text-xs" }, "\u4E00\u6B21\u4EC5\u652F\u6301\u4E0A\u4F20\u4E00\u4E2A\u6587\u4EF6"),
+                      vue.createElementVNode("div", { class: "w-full text-main absolute left-1/2 bottom-4 transform -translate-x-1/2" }, [
+                        vue.createElementVNode("div", { class: "flex items-center justify-center text-xs text-auxiliary gap-2" }, [
+                          vue.createElementVNode("span", null, "\u6587\u4EF6\u652F\u6301\uFF1A"),
+                          vue.createElementVNode("div", { class: "border border-border rounded py-1 px-2.5 bg-background-4" }, " .xls "),
+                          vue.createElementVNode("div", { class: "border border-border rounded py-1 px-2.5 bg-background-4" }, " .xlsx "),
+                          vue.createElementVNode("span", null, "\u5355\u6587\u4EF6\u4E0D\u8D85\u8FC7 10 MB")
+                        ])
+                      ])
+                    ],
+                    64
+                    /* STABLE_FRAGMENT */
+                  )),
+                  vue.createElementVNode("div", { class: "hy-batch-table-form-upload-bg" })
                 ]),
                 _: 1
                 /* STABLE */
@@ -356,9 +415,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                         innerHTML: item.description,
                         class: "text-auxiliary text-center mb-3 whitespace-nowrap"
                       }, null, 8, ["innerHTML"]),
-                      vue.renderSlot(_ctx.$slots, "template-down", {}, () => [
-                        index === 0 ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.HyButton), {
-                          key: 0,
+                      index === 0 ? vue.renderSlot(_ctx.$slots, "template-down", {}, () => [
+                        vue.createVNode(vue.unref(index$1.HyButton), {
                           type: "primary",
                           link: "",
                           onClick: () => vue.unref(index$2.downloadTemplateHandler)(props)
@@ -372,8 +430,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                           ]),
                           _: 1
                           /* STABLE */
-                        }, 8, ["onClick"])) : vue.createCommentVNode("v-if", true)
-                      ])
+                        }, 8, ["onClick"])
+                      ], void 0, 1) : vue.createCommentVNode("v-if", true)
                     ]);
                   }),
                   64
@@ -385,19 +443,22 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
             key: 1,
             class: "h-full flex flex-col"
           }, [
-            vue.createElementVNode("div", { class: "hy-batch-table-form-template-box" }, [
+            vue.createElementVNode("div", { class: "hy-batch-table-form-template-box mb-4" }, [
               vue.createElementVNode("div", { class: "flex items-center gap-2" }, [
                 vue.createVNode(vue.unref(index.HyIcon), {
                   "svg-name": "analytics-echarts-sos",
                   "class-name": "!w-[18px] !h-[22px]"
                 }),
-                vue.createElementVNode(
+                templateFileName.value ? (vue.openBlock(), vue.createElementBlock(
                   "span",
-                  { class: "text-theme" },
+                  {
+                    key: 0,
+                    class: "text-theme"
+                  },
                   vue.toDisplayString(templateFileName.value),
                   1
                   /* TEXT */
-                ),
+                )) : vue.createCommentVNode("v-if", true),
                 vue.createElementVNode("span", { class: "text-auxiliary" }, "\u89E3\u6790\u5B8C\u6210")
               ]),
               vue.createVNode(vue.unref(index$1.HyButton), {
@@ -413,9 +474,10 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                 /* STABLE */
               })
             ]),
-            vue.createVNode(tableForm.default, {
+            vue.createVNode(tableForm.default, vue.mergeProps({
               ref_key: "tableRef",
-              ref: tableRef,
+              ref: tableRef
+            }, _ctx.$attrs, {
               tableColumns: __props.tableColumns,
               formColumns: __props.formColumns,
               rules: __props.rules,
@@ -423,7 +485,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
               columnNum: __props.columnNum,
               size: __props.size,
               class: "h-0 flex-1"
-            }, vue.createSlots({
+            }), vue.createSlots({
               _: 2
               /* DYNAMIC */
             }, [
@@ -435,7 +497,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                   ])
                 };
               })
-            ]), 1032, ["tableColumns", "formColumns", "rules", "rowClickExpand", "columnNum", "size"])
+            ]), 1040, ["tableColumns", "formColumns", "rules", "rowClickExpand", "columnNum", "size"])
           ])) : vue.createCommentVNode("v-if", true),
           submitting.value ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 2,