hy-dispatch-ui-v3 0.2.39 → 0.2.41

package/es/components/hyBatchUploadDialog/batchUploadDialog.vue.mjs

@@ -0,0 +1,278 @@
+import { defineComponent, useTemplateRef, useModel, ref, openBlock, createBlock, unref, mergeProps, createSlots, withCtx, renderList, renderSlot, normalizeProps, guardReactiveProps, createCommentVNode, createVNode, createTextVNode, toDisplayString, createElementBlock, mergeModels } from 'vue';
+import { ElIcon } from 'element-plus';
+import { Warning } from '@element-plus/icons-vue';
+import { HyDialog } from '../hyDialog/index.mjs';
+import { HyBatchTableForm } from '../hyTableForm/index.mjs';
+import { HyTooltip } from '../hyTooltip/index.mjs';
+import { HyButton } from '../hyButton/index.mjs';
+
+import "./style/batchUploadDialog.scss";
+
+const __default__ = defineComponent({
+  name: "HyBatchUploadDialog"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: /* @__PURE__ */ 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__ */ mergeModels([
+    "uploading",
+    "uploaded",
+    "reset",
+    "validate",
+    "submitting",
+    "submit"
+  ], ["update:modelValue"]),
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const emits = __emit;
+    const batchTableFormRef = useTemplateRef("batchTableFormRef");
+    const visible = useModel(__props, "modelValue");
+    const showSubmit = ref(false);
+    const isSubmitting = ref(false);
+    const failedCount = ref(0);
+    const failedStatus = 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 openBlock(), createBlock(unref(HyDialog), 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), createSlots({
+        "operate-left-box": withCtx(() => [
+          failedCount.value ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: "flex items-center gap-1.5 text-xs text-warning"
+          }, [
+            createVNode(unref(ElIcon), null, {
+              default: withCtx(() => [
+                createVNode(unref(Warning))
+              ]),
+              _: 1
+              /* STABLE */
+            }),
+            failedStatus.value === "validate" ? (openBlock(), createElementBlock(
+              "span",
+              { key: 0 },
+              "\u5F53\u524D " + 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 */
+            )) : (openBlock(), createElementBlock(
+              "span",
+              { key: 1 },
+              "\u5F53\u524D " + toDisplayString(failedCount.value) + " \u6761\u5F02\u5E38\u6570\u636E\uFF0C\u8BF7\u4FEE\u6B63\u5185\u5BB9",
+              1
+              /* TEXT */
+            ))
+          ])) : createCommentVNode("v-if", true)
+        ]),
+        "operate-right-box": withCtx(() => [
+          showSubmit.value ? (openBlock(), createBlock(unref(HyTooltip), {
+            key: 0,
+            disabled: !isSubmitting.value,
+            content: "\u6570\u636E\u6B63\u5728\u5BFC\u5165\u4E2D\uFF0C\u8BF7\u7A0D\u7B49"
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(HyButton), {
+                type: "primary",
+                loading: isSubmitting.value,
+                class: "!min-w-[120px]",
+                onClick: onSubmitHandler
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(
+                    toDisplayString(isSubmitting.value ? "\u6B63\u5728\u5BFC\u5165" : "\u786E\u8BA4\u5BFC\u5165"),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["loading"])
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["disabled"])) : createCommentVNode("v-if", true)
+        ]),
+        default: withCtx(() => [
+          visible.value ? (openBlock(), createBlock(unref(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
+          }, createSlots({
+            _: 2
+            /* DYNAMIC */
+          }, [
+            renderList(_ctx.$slots, (_, slotName) => {
+              return {
+                name: slotName,
+                fn: withCtx((scope) => [
+                  renderSlot(_ctx.$slots, slotName, normalizeProps(guardReactiveProps(scope)))
+                ])
+              };
+            })
+          ]), 1032, ["tableColumns", "formColumns", "rules", "emptyText", "fontSize", "rowClickExpand", "columnNum", "size", "beforeDataHandle", "submit-handler"])) : createCommentVNode("v-if", true)
+        ]),
+        _: 2
+        /* DYNAMIC */
+      }, [
+        renderList(_ctx.$slots, (_, slotName) => {
+          return {
+            name: slotName,
+            fn: withCtx((scope) => [
+              renderSlot(_ctx.$slots, slotName, normalizeProps(guardReactiveProps(scope)))
+            ])
+          };
+        })
+      ]), 1040, ["modelValue", "onUpdate:modelValue", "loading", "onUpdate:loading", "title", "width", "dialog-type", "show-cancel", "ifShrink", "ifDraggable"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/hyBatchUploadDialog/index.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './batchUploadDialog.vue.mjs';
+import { withInstall } from '../../utils/handler.mjs';
+
+const HyBatchUploadDialog = withInstall(_sfc_main);
+
+export { HyBatchUploadDialog, HyBatchUploadDialog as default };

package/es/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/es/components/hyDialog/dialog.vue.mjs

@@ -1,4 +1,4 @@
-import { useModel, ref, computed, openBlock, createElementBlock, Fragment, createCommentVNode, createVNode, unref, mergeProps, withCtx, createElementVNode, renderSlot, normalizeClass, createBlock, withModifiers, createTextVNode, toDisplayString, mergeModels, defineComponent } from 'vue';
+import { useModel, computed, ref, openBlock, createElementBlock, Fragment, createCommentVNode, createVNode, unref, mergeProps, withCtx, createElementVNode, renderSlot, normalizeClass, createBlock, withModifiers, createTextVNode, toDisplayString, mergeModels, defineComponent } from 'vue';
 import { ElDialog } from 'element-plus';
 import { useLocale } from '../../hooks/useLocale.mjs';
 import { HyButton } from '../hyButton/index.mjs';
@@ -63,15 +63,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__ */ mergeModels(["onMinimized", "onDialogMousedown"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ mergeModels(["onMinimized", "onDialogMousedown"], ["update:modelValue", "update:loading"]),
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emits = __emit;
     const { t } = useLocale();
     const visible = useModel(__props, "modelValue");
-    const loading = ref(false);
+    const loading = useModel(__props, "loading");
     const dialogTypeRight = computed(() => {
       return props.dialogType === "right";
     });
@@ -234,6 +236,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
             ]),
             default: withCtx(() => [
               createElementVNode("div", { class: "h-full flex flex-col text-main" }, [
+                renderSlot(_ctx.$slots, "before-content"),
                 renderSlot(_ctx.$slots, "content", {}, () => [
                   createElementVNode(
                     "div",
@@ -249,11 +252,11 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                     /* CLASS */
                   )
                 ]),
+                renderSlot(_ctx.$slots, "after-content"),
                 __props.showOperate ? (openBlock(), createElementBlock("div", {
                   key: 0,
                   class: "flex items-center flex-row-reverse justify-between p-5 pr-[26px] mt-auto box-border"
                 }, [
-                  renderSlot(_ctx.$slots, "operate-left-box"),
                   createElementVNode("div", { class: "flex items-center" }, [
                     renderSlot(_ctx.$slots, "operate", {}, () => [
                       __props.showCancel ? (openBlock(), createBlock(unref(HyButton), {
@@ -294,7 +297,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                       }, 8, ["type", "disabled"])) : createCommentVNode("v-if", true)
                     ]),
                     renderSlot(_ctx.$slots, "operate-right-box")
-                  ])
+                  ]),
+                  renderSlot(_ctx.$slots, "operate-left-box")
                 ])) : createCommentVNode("v-if", true)
               ])
             ]),

package/es/components/hyTableActionButton/tableActionButton.vue.mjs

@@ -1,6 +1,6 @@
-import { defineComponent, ref, computed, watch, resolveComponent, openBlock, createElementBlock, createBlock, unref, withCtx, createVNode, normalizeClass, createTextVNode, toDisplayString, createElementVNode, Fragment, renderList, createCommentVNode, normalizeStyle } from 'vue';
+import { defineComponent, ref, computed, watch, openBlock, createElementBlock, createBlock, unref, withCtx, createVNode, normalizeClass, createTextVNode, toDisplayString, createElementVNode, Fragment, renderList, createCommentVNode, normalizeStyle } from 'vue';
 import { ElPopover, ElIcon } from 'element-plus';
-import { Warning } from '@element-plus/icons-vue';
+import { Warning, ArrowDown } from '@element-plus/icons-vue';
 import { useLocale } from '../../hooks/useLocale.mjs';
 import { HyTooltip } from '../hyTooltip/index.mjs';
 import { HyButton } from '../hyButton/index.mjs';
@@ -119,7 +119,6 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     watch(() => props.operateList, setSelectedData, { deep: true, immediate: true });
     __expose({});
     return (_ctx, _cache) => {
-      const _component_ArrowDown = resolveComponent("ArrowDown");
       return dataList.value.length ? (openBlock(), createElementBlock("div", {
         key: 0,
         class: "hy-table-action-button"
@@ -203,7 +202,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                       }])
                     }, {
                       default: withCtx(() => [
-                        createVNode(_component_ArrowDown)
+                        createVNode(unref(ArrowDown))
                       ]),
                       _: 1
                       /* STABLE */

package/es/components/hyTableForm/batchTableForm.vue.mjs

@@ -1,9 +1,11 @@
-import { defineComponent, useTemplateRef, ref, openBlock, createElementBlock, createElementVNode, createVNode, unref as unref$1, withCtx, Fragment, renderList, createCommentVNode, toDisplayString, renderSlot, createBlock, createTextVNode, createSlots, normalizeProps, guardReactiveProps, normalizeStyle, nextTick } from 'vue';
-import { ElUpload, ElMessage } from 'element-plus';
+import { defineComponent, useTemplateRef, ref, nextTick, openBlock, createElementBlock, createElementVNode, createVNode, unref as unref$1, withCtx, Fragment, renderList, createCommentVNode, toDisplayString, renderSlot, createTextVNode, mergeProps, createSlots, normalizeProps, guardReactiveProps, normalizeStyle } from 'vue';
+import { ElUpload, ElIcon, ElMessage } from 'element-plus';
+import { Loading } from '@element-plus/icons-vue';
 import _sfc_main$1 from './tableForm.vue.mjs';
 import { downloadTemplateHandler, doReadExcel } from './js/index.mjs';
 import { useApi } from '../../hooks/useApi.mjs';
 import { useLocale } from '../../hooks/useLocale.mjs';
+import { isArray } from '../../utils/is.mjs';
 import { HyIcon } from '../hyIcon/index.mjs';
 import { HyButton } from '../hyButton/index.mjs';
 import { HyConfirmDialog } from '../hyConfirmDialog/index.mjs';
@@ -77,7 +79,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;
@@ -104,10 +112,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 = ref(false);
     const templateFileName = ref("");
     const submitNumber = ref(0);
     const submitting = ref(false);
     const submitProgress = ref(0);
+    const submitModel = ref("default");
     function setData(data = []) {
       if (!tableRef.value) return;
       tableRef.value.setData(data);
@@ -133,16 +143,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 doReadExcel(files, props);
             if (!data) {
               ElMessage.warning("\u8BFB\u53D6\u6587\u4EF6\u5931\u8D25");
+              isUploading.value = false;
+              return;
+            }
+            if (!data.length) {
+              ElMessage.warning("\u8BE5\u6587\u4EF6\u6CA1\u6709\u6570\u636E");
+              isUploading.value = false;
               return;
             }
             active.value++;
+            isUploading.value = false;
+            emits("uploaded");
             await nextTick();
             setData(data);
             templateFileName.value = file.name;
           } catch (err) {
+            isUploading.value = false;
             console.error(err);
             return;
           }
@@ -172,6 +193,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) {
@@ -188,11 +210,11 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       let { dataSource, total, success, failed } = res;
       if (!total) {
         ElMessage.warning("\u8BF7\u6DFB\u52A0\u6570\u636E");
-        return;
+        return Promise.reject();
       }
       if (!success) {
         ElMessage.warning("\u8BF7\u586B\u5199\u6709\u6548\u4E0A\u4F20\u6570\u636E");
-        return;
+        return Promise.reject();
       }
       if (failed) {
         try {
@@ -234,6 +256,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
               prop: null,
               message: res2.msg
             };
+            if (submitModel.value === "force") {
+              break;
+            }
           }
         } catch (err) {
           target.errorMsg = {
@@ -241,6 +266,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
             message: err?.msg ? err.msg : err
           };
           console.error(err);
+          if (submitModel.value === "force") {
+            break;
+          }
         }
       }
       deleteData(submitList);
@@ -263,8 +291,18 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       }
     }
     __expose({
-      setData,
+      setData: async (dataSource) => {
+        if (!isArray(dataSource) || !dataSource.length) return;
+        active.value = 2;
+        await nextTick();
+        setData(dataSource);
+      },
       deleteData,
+      clearData: () => {
+        templateFileName.value = "";
+        active.value = 1;
+        submitNumber.value = 0;
+      },
       getTableDataSource,
       validate,
       submitDataSource
@@ -297,18 +335,39 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                     "svg-name": "analytics-echarts-sos",
                     "class-name": "!w-[58px] !h-[66px] mb-4"
                   }),
-                  createElementVNode("div", { class: "mb-1.5 text-main" }, [
-                    createElementVNode("span", null, "\u70B9\u51FB\u6216\u5C06 \u6587\u4EF6 \u62D6\u62FD\u5230\u6B64\u5904\u4E0A\u4F20")
-                  ]),
-                  createElementVNode("div", { class: "text-auxiliary text-xs" }, "\u4E00\u6B21\u4EC5\u652F\u6301\u4E0A\u4F20\u4E00\u4E2A\u6587\u4EF6"),
-                  createElementVNode("div", { class: "w-full text-main absolute left-1/2 bottom-4 transform -translate-x-1/2" }, [
-                    createElementVNode("div", { class: "flex items-center justify-center text-xs text-auxiliary gap-2" }, [
-                      createElementVNode("span", null, "\u6587\u4EF6\u652F\u6301\uFF1A"),
-                      createElementVNode("div", { class: "border border-border rounded py-1 px-2.5 bg-background-4" }, " .xls "),
-                      createElementVNode("div", { class: "border border-border rounded py-1 px-2.5 bg-background-4" }, " .xlsx "),
-                      createElementVNode("span", null, "\u5355\u6587\u4EF6\u4E0D\u8D85\u8FC7 10 MB")
-                    ])
-                  ])
+                  isUploading.value ? (openBlock(), createElementBlock("div", {
+                    key: 0,
+                    class: "flex items-center gap-2 text-auxiliary"
+                  }, [
+                    createElementVNode("span", { class: "text-xs" }, "\u6587\u4EF6\u4E0A\u4F20\u4E2D"),
+                    createVNode(unref$1(ElIcon), { class: "is-loading" }, {
+                      default: withCtx(() => [
+                        createVNode(unref$1(Loading))
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    })
+                  ])) : (openBlock(), createElementBlock(
+                    Fragment,
+                    { key: 1 },
+                    [
+                      createElementVNode("div", { class: "mb-1.5 text-main" }, [
+                        createElementVNode("span", null, "\u70B9\u51FB\u6216\u5C06 \u6587\u4EF6 \u62D6\u62FD\u5230\u6B64\u5904\u4E0A\u4F20")
+                      ]),
+                      createElementVNode("div", { class: "text-auxiliary text-xs" }, "\u4E00\u6B21\u4EC5\u652F\u6301\u4E0A\u4F20\u4E00\u4E2A\u6587\u4EF6"),
+                      createElementVNode("div", { class: "w-full text-main absolute left-1/2 bottom-4 transform -translate-x-1/2" }, [
+                        createElementVNode("div", { class: "flex items-center justify-center text-xs text-auxiliary gap-2" }, [
+                          createElementVNode("span", null, "\u6587\u4EF6\u652F\u6301\uFF1A"),
+                          createElementVNode("div", { class: "border border-border rounded py-1 px-2.5 bg-background-4" }, " .xls "),
+                          createElementVNode("div", { class: "border border-border rounded py-1 px-2.5 bg-background-4" }, " .xlsx "),
+                          createElementVNode("span", null, "\u5355\u6587\u4EF6\u4E0D\u8D85\u8FC7 10 MB")
+                        ])
+                      ])
+                    ],
+                    64
+                    /* STABLE_FRAGMENT */
+                  )),
+                  createElementVNode("div", { class: "hy-batch-table-form-upload-bg" })
                 ]),
                 _: 1
                 /* STABLE */
@@ -352,9 +411,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                         innerHTML: item.description,
                         class: "text-auxiliary text-center mb-3 whitespace-nowrap"
                       }, null, 8, ["innerHTML"]),
-                      renderSlot(_ctx.$slots, "template-down", {}, () => [
-                        index === 0 ? (openBlock(), createBlock(unref$1(HyButton), {
-                          key: 0,
+                      index === 0 ? renderSlot(_ctx.$slots, "template-down", {}, () => [
+                        createVNode(unref$1(HyButton), {
                           type: "primary",
                           link: "",
                           onClick: () => unref$1(downloadTemplateHandler)(props)
@@ -368,8 +426,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                           ]),
                           _: 1
                           /* STABLE */
-                        }, 8, ["onClick"])) : createCommentVNode("v-if", true)
-                      ])
+                        }, 8, ["onClick"])
+                      ], void 0, 1) : createCommentVNode("v-if", true)
                     ]);
                   }),
                   64
@@ -381,19 +439,22 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
             key: 1,
             class: "h-full flex flex-col"
           }, [
-            createElementVNode("div", { class: "hy-batch-table-form-template-box" }, [
+            createElementVNode("div", { class: "hy-batch-table-form-template-box mb-4" }, [
               createElementVNode("div", { class: "flex items-center gap-2" }, [
                 createVNode(unref$1(HyIcon), {
                   "svg-name": "analytics-echarts-sos",
                   "class-name": "!w-[18px] !h-[22px]"
                 }),
-                createElementVNode(
+                templateFileName.value ? (openBlock(), createElementBlock(
                   "span",
-                  { class: "text-theme" },
+                  {
+                    key: 0,
+                    class: "text-theme"
+                  },
                   toDisplayString(templateFileName.value),
                   1
                   /* TEXT */
-                ),
+                )) : createCommentVNode("v-if", true),
                 createElementVNode("span", { class: "text-auxiliary" }, "\u89E3\u6790\u5B8C\u6210")
               ]),
               createVNode(unref$1(HyButton), {
@@ -409,9 +470,10 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                 /* STABLE */
               })
             ]),
-            createVNode(_sfc_main$1, {
+            createVNode(_sfc_main$1, mergeProps({
               ref_key: "tableRef",
-              ref: tableRef,
+              ref: tableRef
+            }, _ctx.$attrs, {
               tableColumns: __props.tableColumns,
               formColumns: __props.formColumns,
               rules: __props.rules,
@@ -419,7 +481,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
               columnNum: __props.columnNum,
               size: __props.size,
               class: "h-0 flex-1"
-            }, createSlots({
+            }), createSlots({
               _: 2
               /* DYNAMIC */
             }, [
@@ -431,7 +493,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                   ])
                 };
               })
-            ]), 1032, ["tableColumns", "formColumns", "rules", "rowClickExpand", "columnNum", "size"])
+            ]), 1040, ["tableColumns", "formColumns", "rules", "rowClickExpand", "columnNum", "size"])
           ])) : createCommentVNode("v-if", true),
           submitting.value ? (openBlock(), createElementBlock("div", {
             key: 2,