hy-dispatch-ui-v3 0.2.38 → 0.2.40

package/dist/tailwind.css

@@ -268,10 +268,6 @@
   margin-bottom: 0.375rem;
 }
 
-.\!ml-4 {
-  margin-left: 1rem !important;
-}
-
 .\!ml-auto {
   margin-left: auto !important;
 }
@@ -560,8 +556,8 @@
   height: 54px;
 }
 
-.h-\[calc\(100vh-32px\)\] {
-  height: calc(100vh - 32px);
+.h-\[97vh\] {
+  height: 97vh;
 }
 
 .h-full {

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, normalizeClass, renderSlot, 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';
@@ -17,19 +17,17 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     dialogType: {
       type: String,
       default: "default"
-      // default-默认类型 right-右侧弹窗 fullscreen-全屏
+      // default-默认类型 right-右侧弹窗
     },
     dialogClass: {
       type: String,
       default: "default"
     },
-    // zIndex: {
-    //   type: Number,
-    //   default: null, // default-默认类型 right-右侧弹窗 fullscreen-全屏
-    // },
     top: String,
-    // 支持缩小化
-    showShrink: { type: Boolean, default: false },
+    // 是否可缩小化
+    ifShrink: { type: Boolean, default: false },
+    // 是否拖拽
+    ifDraggable: { type: Boolean, default: false },
     showOperate: { type: Boolean, default: true },
     showClose: { type: Boolean, default: true },
     showCancel: {
@@ -65,15 +63,26 @@ 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";
+    });
+    const ifDraggable = computed(() => {
+      if (props.ifShrink) {
+        return true;
+      }
+      return props.ifDraggable;
+    });
     const dragLevelIndex = ref(null);
     const minimized = ref(false);
     const animating = ref(false);
@@ -167,15 +176,14 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
         Fragment,
         null,
         [
-          createCommentVNode("  @mousedown.stop"),
-          createCommentVNode(`  :align-center="!['right', 'fullscreen'].includes(props.dialogType)"`),
-          createCommentVNode('  body-class="h-0 flex-1"'),
-          createCommentVNode('  :class="dialogClass"'),
+          createCommentVNode("  draggable	\u4E3A Dialog \u542F\u7528\u53EF\u62D6\u62FD\u529F\u80FD"),
+          createCommentVNode(" modal  \u662F\u5426\u9700\u8981\u906E\u7F69\u5C42"),
+          createCommentVNode(" overflow  \u62D6\u52A8\u8303\u56F4\u53EF\u4EE5\u8D85\u51FA\u53EF\u89C6\u533A"),
           createVNode(unref(ElDialog), mergeProps({
+            draggable: ifDraggable.value,
+            modal: !ifDraggable.value,
+            overflow: !ifDraggable.value,
             "z-index": dragLevelIndex.value,
-            draggable: props.showShrink,
-            modal: !props.showShrink,
-            overflow: !props.showShrink,
             "modal-penetrable": "",
             ref_key: "dialogTestRef",
             ref: dialogTestRef,
@@ -188,7 +196,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
             modelValue: visible.value,
             "onUpdate:modelValue": ($event) => visible.value = $event,
             width: props.width,
-            top: __props.top
+            top: dialogTypeRight.value ? "16px" : props.top || null,
+            class: dialogTypeRight.value ? "h-[97vh] flex flex-col !my-4 !mr-4 !ml-auto" : null,
+            "body-class": dialogTypeRight.value ? "flex-grow h-0" : null
           }, _ctx.$attrs), {
             header: withCtx(() => [
               createElementVNode(
@@ -206,7 +216,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                   ),
                   createElementVNode("div", { class: "text-lg cursor-pointer" }, [
                     renderSlot(_ctx.$slots, "title-operate-box"),
-                    __props.showShrink ? (openBlock(), createBlock(unref(HyIcon), {
+                    __props.ifShrink ? (openBlock(), createBlock(unref(HyIcon), {
                       key: 0,
                       onClick: hideToWorkspace,
                       "svg-name": "layout-dialog-narrow",
@@ -225,72 +235,74 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
               )
             ]),
             default: withCtx(() => [
-              createElementVNode(
-                "div",
-                {
-                  class: normalizeClass(["max-h-full flex flex-col text-main", { "h-full": ["right", "fullscreen"].includes(props.dialogType) }])
-                },
-                [
-                  renderSlot(_ctx.$slots, "content", {}, () => [
-                    createElementVNode("div", { class: "scroll-body overflow-auto h-0 flex-1 px-6 py-4" }, [
+              createElementVNode("div", { class: "h-full flex flex-col text-main" }, [
+                renderSlot(_ctx.$slots, "content", {}, () => [
+                  createElementVNode(
+                    "div",
+                    {
+                      class: normalizeClass([{
+                        "flex-grow h-0": dialogTypeRight.value
+                      }, "scroll-body overflow-auto px-6 py-4"])
+                    },
+                    [
                       renderSlot(_ctx.$slots, "default")
-                    ])
+                    ],
+                    2
+                    /* CLASS */
+                  )
+                ]),
+                __props.showOperate ? (openBlock(), createElementBlock("div", {
+                  key: 0,
+                  class: "flex items-center flex-row-reverse justify-between p-5 pr-[26px] mt-auto box-border"
+                }, [
+                  createElementVNode("div", { class: "flex items-center" }, [
+                    renderSlot(_ctx.$slots, "operate", {}, () => [
+                      __props.showCancel ? (openBlock(), createBlock(unref(HyButton), {
+                        key: 0,
+                        type: __props.cancelType,
+                        disabled: loading.value,
+                        class: "!min-w-[120px]",
+                        onMousedown: withModifiers(() => {
+                        }, ["stop"]),
+                        onClick: onCancelHandler
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(
+                            toDisplayString(unref(t)("dialog.cancel")),
+                            1
+                            /* TEXT */
+                          )
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }, 8, ["type", "disabled", "onMousedown"])) : createCommentVNode("v-if", true),
+                      __props.showSubmit ? (openBlock(), createBlock(unref(HyButton), {
+                        key: 1,
+                        type: __props.submitType,
+                        disabled: loading.value,
+                        class: "!min-w-[120px]",
+                        onClick: onSubmitHandler
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(
+                            toDisplayString(unref(t)("dialog.confirm")),
+                            1
+                            /* TEXT */
+                          )
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }, 8, ["type", "disabled"])) : createCommentVNode("v-if", true)
+                    ]),
+                    renderSlot(_ctx.$slots, "operate-right-box")
                   ]),
-                  __props.showOperate ? (openBlock(), createElementBlock("div", {
-                    key: 0,
-                    class: "flex items-center flex-row-reverse justify-between p-5 pr-[26px] mt-auto"
-                  }, [
-                    renderSlot(_ctx.$slots, "operate-left-box"),
-                    createElementVNode("div", { class: "flex items-center" }, [
-                      renderSlot(_ctx.$slots, "operate", {}, () => [
-                        __props.showCancel ? (openBlock(), createBlock(unref(HyButton), {
-                          key: 0,
-                          type: __props.cancelType,
-                          disabled: loading.value,
-                          class: "!min-w-[120px]",
-                          onMousedown: withModifiers(() => {
-                          }, ["stop"]),
-                          onClick: onCancelHandler
-                        }, {
-                          default: withCtx(() => [
-                            createTextVNode(
-                              toDisplayString(unref(t)("dialog.cancel")),
-                              1
-                              /* TEXT */
-                            )
-                          ]),
-                          _: 1
-                          /* STABLE */
-                        }, 8, ["type", "disabled", "onMousedown"])) : createCommentVNode("v-if", true),
-                        __props.showSubmit ? (openBlock(), createBlock(unref(HyButton), {
-                          key: 1,
-                          type: __props.submitType,
-                          disabled: loading.value,
-                          class: "!min-w-[120px]",
-                          onClick: onSubmitHandler
-                        }, {
-                          default: withCtx(() => [
-                            createTextVNode(
-                              toDisplayString(unref(t)("dialog.confirm")),
-                              1
-                              /* TEXT */
-                            )
-                          ]),
-                          _: 1
-                          /* STABLE */
-                        }, 8, ["type", "disabled"])) : createCommentVNode("v-if", true)
-                      ]),
-                      renderSlot(_ctx.$slots, "operate-right-box")
-                    ])
-                  ])) : createCommentVNode("v-if", true)
-                ],
-                2
-                /* CLASS */
-              )
+                  renderSlot(_ctx.$slots, "operate-left-box")
+                ])) : createCommentVNode("v-if", true)
+              ])
             ]),
             _: 3
             /* FORWARDED */
-          }, 16, ["z-index", "draggable", "modal", "overflow", "modal-class", "modelValue", "onUpdate:modelValue", "width", "top"])
+          }, 16, ["draggable", "modal", "overflow", "z-index", "modal-class", "modelValue", "onUpdate:modelValue", "width", "top", "class", "body-class"])
         ],
         2112
         /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */

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,6 +112,7 @@ 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);
@@ -133,16 +142,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 +192,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) {
@@ -263,8 +284,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 +328,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 +404,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 +419,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 +432,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 +463,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 +474,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 +486,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,

package/es/components/hyTableForm/style/batchTableForm.scss

@@ -123,5 +123,67 @@
     border-radius: 4px;
     background: rgba(var(--hy-background-2), 0.5);
   }
+
+  .hy-batch-table-form-upload-bg {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    perspective: 800px;
+    pointer-events: none;
+    overflow: hidden;
+    &::before {
+      display: block;
+      content: '';
+      position: absolute;
+      top: -50%;
+      left: -50%;
+      width: 200%;
+      height: 200%;
+      /* 绘制网格线：使用青色，透明度调低，让它融合在 #14273a 背景里 */
+      background-image:
+        /* 纵向线 */ linear-gradient(
+              90deg,
+              rgba(0, 229, 255, 0.1) 1px,
+              transparent 1px
+      ),
+        /* 横向线 */
+      linear-gradient(rgba(0, 229, 255, 0.1) 1px, transparent 1px);
+
+      /* 网格尺寸 40px */
+      background-size: 40px 40px;
+
+      /* 3D 倒伏效果 */
+      transform: rotateX(60deg);
+
+      /* 动效：无限流动 */
+      animation: grid-flow 20s linear infinite;
+
+      /* 遮罩：四周渐隐，让网格不那么生硬 */
+      mask-image: radial-gradient(
+              circle at 50% 50%,
+              black 10%,
+              transparent 80%
+      );
+      -webkit-mask-image: radial-gradient(
+              circle at 50% 50%,
+              black 10%,
+              transparent 80%
+      );
+    }
+    &::after {
+      display: block;
+      content: '';
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      background: radial-gradient(
+              circle at 50% 50%,
+              rgba(0, 229, 255, 0.05) 0%,
+              transparent 70%
+      );
+    }
+  }
 }
 

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

@@ -212,7 +212,6 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
         message,
         ...statistics.value
       });
-      console.log("validate", row, { prop, isValid, message });
     }
     __expose({
       setData(data) {

package/es/version.mjs

@@ -1,3 +1,3 @@
-const version = "0.2.37";
+const version = "0.2.39";
 
 export { version };

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

@@ -21,19 +21,17 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     dialogType: {
       type: String,
       default: "default"
-      // default-默认类型 right-右侧弹窗 fullscreen-全屏
+      // default-默认类型 right-右侧弹窗
     },
     dialogClass: {
       type: String,
       default: "default"
     },
-    // zIndex: {
-    //   type: Number,
-    //   default: null, // default-默认类型 right-右侧弹窗 fullscreen-全屏
-    // },
     top: String,
-    // 支持缩小化
-    showShrink: { type: Boolean, default: false },
+    // 是否可缩小化
+    ifShrink: { type: Boolean, default: false },
+    // 是否拖拽
+    ifDraggable: { type: Boolean, default: false },
     showOperate: { type: Boolean, default: true },
     showClose: { type: Boolean, default: true },
     showCancel: {
@@ -69,15 +67,26 @@ 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";
+    });
+    const ifDraggable = vue.computed(() => {
+      if (props.ifShrink) {
+        return true;
+      }
+      return props.ifDraggable;
+    });
     const dragLevelIndex = vue.ref(null);
     const minimized = vue.ref(false);
     const animating = vue.ref(false);
@@ -171,15 +180,14 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
         vue.Fragment,
         null,
         [
-          vue.createCommentVNode("  @mousedown.stop"),
-          vue.createCommentVNode(`  :align-center="!['right', 'fullscreen'].includes(props.dialogType)"`),
-          vue.createCommentVNode('  body-class="h-0 flex-1"'),
-          vue.createCommentVNode('  :class="dialogClass"'),
+          vue.createCommentVNode("  draggable	\u4E3A Dialog \u542F\u7528\u53EF\u62D6\u62FD\u529F\u80FD"),
+          vue.createCommentVNode(" modal  \u662F\u5426\u9700\u8981\u906E\u7F69\u5C42"),
+          vue.createCommentVNode(" overflow  \u62D6\u52A8\u8303\u56F4\u53EF\u4EE5\u8D85\u51FA\u53EF\u89C6\u533A"),
           vue.createVNode(vue.unref(elementPlus.ElDialog), vue.mergeProps({
+            draggable: ifDraggable.value,
+            modal: !ifDraggable.value,
+            overflow: !ifDraggable.value,
             "z-index": dragLevelIndex.value,
-            draggable: props.showShrink,
-            modal: !props.showShrink,
-            overflow: !props.showShrink,
             "modal-penetrable": "",
             ref_key: "dialogTestRef",
             ref: dialogTestRef,
@@ -192,7 +200,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
             modelValue: visible.value,
             "onUpdate:modelValue": ($event) => visible.value = $event,
             width: props.width,
-            top: __props.top
+            top: dialogTypeRight.value ? "16px" : props.top || null,
+            class: dialogTypeRight.value ? "h-[97vh] flex flex-col !my-4 !mr-4 !ml-auto" : null,
+            "body-class": dialogTypeRight.value ? "flex-grow h-0" : null
           }, _ctx.$attrs), {
             header: vue.withCtx(() => [
               vue.createElementVNode(
@@ -210,7 +220,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                   ),
                   vue.createElementVNode("div", { class: "text-lg cursor-pointer" }, [
                     vue.renderSlot(_ctx.$slots, "title-operate-box"),
-                    __props.showShrink ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.HyIcon), {
+                    __props.ifShrink ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.HyIcon), {
                       key: 0,
                       onClick: hideToWorkspace,
                       "svg-name": "layout-dialog-narrow",
@@ -229,72 +239,74 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
               )
             ]),
             default: vue.withCtx(() => [
-              vue.createElementVNode(
-                "div",
-                {
-                  class: vue.normalizeClass(["max-h-full flex flex-col text-main", { "h-full": ["right", "fullscreen"].includes(props.dialogType) }])
-                },
-                [
-                  vue.renderSlot(_ctx.$slots, "content", {}, () => [
-                    vue.createElementVNode("div", { class: "scroll-body overflow-auto h-0 flex-1 px-6 py-4" }, [
+              vue.createElementVNode("div", { class: "h-full flex flex-col text-main" }, [
+                vue.renderSlot(_ctx.$slots, "content", {}, () => [
+                  vue.createElementVNode(
+                    "div",
+                    {
+                      class: vue.normalizeClass([{
+                        "flex-grow h-0": dialogTypeRight.value
+                      }, "scroll-body overflow-auto px-6 py-4"])
+                    },
+                    [
                       vue.renderSlot(_ctx.$slots, "default")
-                    ])
+                    ],
+                    2
+                    /* CLASS */
+                  )
+                ]),
+                __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.createElementVNode("div", { class: "flex items-center" }, [
+                    vue.renderSlot(_ctx.$slots, "operate", {}, () => [
+                      __props.showCancel ? (vue.openBlock(), vue.createBlock(vue.unref(index.HyButton), {
+                        key: 0,
+                        type: __props.cancelType,
+                        disabled: loading.value,
+                        class: "!min-w-[120px]",
+                        onMousedown: vue.withModifiers(() => {
+                        }, ["stop"]),
+                        onClick: onCancelHandler
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createTextVNode(
+                            vue.toDisplayString(vue.unref(t)("dialog.cancel")),
+                            1
+                            /* TEXT */
+                          )
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }, 8, ["type", "disabled", "onMousedown"])) : vue.createCommentVNode("v-if", true),
+                      __props.showSubmit ? (vue.openBlock(), vue.createBlock(vue.unref(index.HyButton), {
+                        key: 1,
+                        type: __props.submitType,
+                        disabled: loading.value,
+                        class: "!min-w-[120px]",
+                        onClick: onSubmitHandler
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createTextVNode(
+                            vue.toDisplayString(vue.unref(t)("dialog.confirm")),
+                            1
+                            /* TEXT */
+                          )
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }, 8, ["type", "disabled"])) : vue.createCommentVNode("v-if", true)
+                    ]),
+                    vue.renderSlot(_ctx.$slots, "operate-right-box")
                   ]),
-                  __props.showOperate ? (vue.openBlock(), vue.createElementBlock("div", {
-                    key: 0,
-                    class: "flex items-center flex-row-reverse justify-between p-5 pr-[26px] mt-auto"
-                  }, [
-                    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), {
-                          key: 0,
-                          type: __props.cancelType,
-                          disabled: loading.value,
-                          class: "!min-w-[120px]",
-                          onMousedown: vue.withModifiers(() => {
-                          }, ["stop"]),
-                          onClick: onCancelHandler
-                        }, {
-                          default: vue.withCtx(() => [
-                            vue.createTextVNode(
-                              vue.toDisplayString(vue.unref(t)("dialog.cancel")),
-                              1
-                              /* TEXT */
-                            )
-                          ]),
-                          _: 1
-                          /* STABLE */
-                        }, 8, ["type", "disabled", "onMousedown"])) : vue.createCommentVNode("v-if", true),
-                        __props.showSubmit ? (vue.openBlock(), vue.createBlock(vue.unref(index.HyButton), {
-                          key: 1,
-                          type: __props.submitType,
-                          disabled: loading.value,
-                          class: "!min-w-[120px]",
-                          onClick: onSubmitHandler
-                        }, {
-                          default: vue.withCtx(() => [
-                            vue.createTextVNode(
-                              vue.toDisplayString(vue.unref(t)("dialog.confirm")),
-                              1
-                              /* TEXT */
-                            )
-                          ]),
-                          _: 1
-                          /* STABLE */
-                        }, 8, ["type", "disabled"])) : vue.createCommentVNode("v-if", true)
-                      ]),
-                      vue.renderSlot(_ctx.$slots, "operate-right-box")
-                    ])
-                  ])) : vue.createCommentVNode("v-if", true)
-                ],
-                2
-                /* CLASS */
-              )
+                  vue.renderSlot(_ctx.$slots, "operate-left-box")
+                ])) : vue.createCommentVNode("v-if", true)
+              ])
             ]),
             _: 3
             /* FORWARDED */
-          }, 16, ["z-index", "draggable", "modal", "overflow", "modal-class", "modelValue", "onUpdate:modelValue", "width", "top"])
+          }, 16, ["draggable", "modal", "overflow", "z-index", "modal-class", "modelValue", "onUpdate:modelValue", "width", "top", "class", "body-class"])
         ],
         2112
         /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */

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,6 +116,7 @@ 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);
@@ -137,16 +146,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 +196,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) {
@@ -267,8 +288,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 +332,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 +408,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 +423,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 +436,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 +467,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 +478,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 +490,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,

package/lib/components/hyTableForm/style/batchTableForm.scss

@@ -123,5 +123,67 @@
     border-radius: 4px;
     background: rgba(var(--hy-background-2), 0.5);
   }
+
+  .hy-batch-table-form-upload-bg {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    perspective: 800px;
+    pointer-events: none;
+    overflow: hidden;
+    &::before {
+      display: block;
+      content: '';
+      position: absolute;
+      top: -50%;
+      left: -50%;
+      width: 200%;
+      height: 200%;
+      /* 绘制网格线：使用青色，透明度调低，让它融合在 #14273a 背景里 */
+      background-image:
+        /* 纵向线 */ linear-gradient(
+              90deg,
+              rgba(0, 229, 255, 0.1) 1px,
+              transparent 1px
+      ),
+        /* 横向线 */
+      linear-gradient(rgba(0, 229, 255, 0.1) 1px, transparent 1px);
+
+      /* 网格尺寸 40px */
+      background-size: 40px 40px;
+
+      /* 3D 倒伏效果 */
+      transform: rotateX(60deg);
+
+      /* 动效：无限流动 */
+      animation: grid-flow 20s linear infinite;
+
+      /* 遮罩：四周渐隐，让网格不那么生硬 */
+      mask-image: radial-gradient(
+              circle at 50% 50%,
+              black 10%,
+              transparent 80%
+      );
+      -webkit-mask-image: radial-gradient(
+              circle at 50% 50%,
+              black 10%,
+              transparent 80%
+      );
+    }
+    &::after {
+      display: block;
+      content: '';
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      background: radial-gradient(
+              circle at 50% 50%,
+              rgba(0, 229, 255, 0.05) 0%,
+              transparent 70%
+      );
+    }
+  }
 }
 

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

@@ -216,7 +216,6 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
         message,
         ...statistics.value
       });
-      console.log("validate", row, { prop, isValid, message });
     }
     __expose({
       setData(data) {

package/lib/version.js

@@ -1,5 +1,5 @@
 'use strict';
 
-const version = "0.2.37";
+const version = "0.2.39";
 
 exports.version = version;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hy-dispatch-ui-v3",
-  "version": "0.2.38",
+  "version": "0.2.40",
   "main": "lib/index.js",
   "module": "es/index.mjs",
   "scripts": {