hy-dispatch-ui-v3 0.2.32 → 0.2.34

package/lib/components/hyTable/table.vue.js

@@ -10,13 +10,13 @@ var search = require('./js/search.js');
 var headerItem = require('./cpns/headerItem.vue.js');
 var columnSelect = require('./cpns/columnSelect.vue.js');
 var virtualTable = require('./cpns/virtualTable.vue.js');
-var useMixins = require('../../hooks/useMixins.js');
-var index$3 = require('../hySearch/index.js');
-var adaptive = require('../../utils/adaptive.js');
 var useLocale = require('../../hooks/useLocale.js');
+var useMixins = require('../../hooks/useMixins.js');
 var index = require('../hyTooltip/index.js');
 var index$1 = require('../hyButton/index.js');
 var index$2 = require('../hyIcon/index.js');
+var index$3 = require('../hySearch/index.js');
+var adaptive = require('../../utils/adaptive.js');
 var is = require('../../utils/is.js');
 
 import "./style/table.scss";
@@ -177,6 +177,16 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       type: Boolean,
       required: false,
       default: true
+    },
+    expandMode: {
+      // 展开模式，不支持树形展开
+      type: String,
+      default: "default"
+      // deafult-默认 accordion-手风琴
+    },
+    onExpandChange: {
+      // 展开回调
+      type: Function
     }
   },
   emits: [
@@ -214,6 +224,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       toggleRowExpansion,
       onTableRowClickHandler,
       onTableRowContextmenuHandler,
+      onTableRowExpandChangeHandler,
       onTableSelectHandler,
       isSearchFocus,
       onSearchInputHandler,
@@ -322,8 +333,10 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                         "onUpdate:modelValue": ($event) => __props.filterModel.query = $event,
                         class: "hy-table-search",
                         placeholder: vue.unref(t)("table.searchFor", [__props.controllerText || ""]),
+                        clearable: "",
                         onFocus: vue.unref(onSearchInputHandler),
                         onBlur: vue.unref(onSearchBlurHandler),
+                        onClear: vue.unref(onSearchQueryHandler),
                         onKeydown: vue.withKeys(vue.unref(onSearchQueryHandler), ["enter"])
                       }, {
                         append: vue.withCtx(() => [
@@ -342,7 +355,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                         ]),
                         _: 1
                         /* STABLE */
-                      }, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "onFocus", "onBlur", "onKeydown"])
+                      }, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "onFocus", "onBlur", "onClear", "onKeydown"])
                     ],
                     2
                     /* CLASS */
@@ -417,7 +430,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                 onSelect: vue.unref(onTableSelectHandler),
                 onSelectAll: vue.unref(onTableSelectHandler),
                 onRowClick: vue.unref(onTableRowClickHandler),
-                onRowContextmenu: vue.unref(onTableRowContextmenuHandler)
+                onRowContextmenu: vue.unref(onTableRowContextmenuHandler),
+                onExpandChange: vue.unref(onTableRowExpandChangeHandler)
               }), {
                 empty: vue.withCtx(() => [
                   vue.renderSlot(_ctx.$slots, "empty", {}, () => [
@@ -470,12 +484,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                 }, 1032, ["column", "filter-model", "onSearch"])
                               ]),
                               default: vue.withCtx((scope) => [
-                                column?.slot ? vue.renderSlot(_ctx.$slots, column?.slot, vue.mergeProps({
-                                  key: 0,
-                                  ref_for: true
-                                }, scope)) : column.type === "operator" ? (vue.openBlock(), vue.createElementBlock("div", {
+                                column?.slot ? vue.renderSlot(_ctx.$slots, column?.slot, vue.mergeProps({ ref_for: true }, scope), void 0, void 0, 0) : column.type === "operator" ? (vue.openBlock(), vue.createElementBlock("div", {
                                   key: 1,
-                                  class: "flex items-center justify-end text-main"
+                                  class: "flex items-center justify-end gap-2 text-main"
                                 }, [
                                   (vue.openBlock(true), vue.createElementBlock(
                                     vue.Fragment,
@@ -489,31 +500,33 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                         key: cindex,
                                         "is-always": "",
                                         overLine: 1,
-                                        content: citem.label
+                                        content: citem.desc
                                       }, {
                                         default: vue.withCtx(() => [
                                           vue.createElementVNode("div", {
-                                            class: vue.normalizeClass(["ml-2 w-[40px] h-[48px] inline-flex flex-col items-center justify-center text-xs hover:font-bold border border-transparent hover:border-theme hover:shadow-[0px_0px_5px_0px_rgba(var(--hy-theme),0.5)] rounded box-border cursor-pointer", citem.className]),
-                                            onClick: ($event) => vue.unref(index$4.operatorClickHandler)(cindex, column, scope, "default")
+                                            class: vue.normalizeClass(["w-[40px] h-[48px] inline-flex flex-col items-center justify-center text-xs hover:font-bold border border-transparent hover:border-theme hover:shadow-[0px_0px_5px_0px_rgba(var(--hy-theme),0.5)] rounded box-border cursor-pointer", citem.className]),
+                                            onClick: vue.withModifiers(($event) => vue.unref(index$4.operatorClickHandler)(cindex, column, scope, "default"), ["stop"]),
+                                            onContextmenu: vue.withModifiers(() => {
+                                            }, ["stop"])
                                           }, [
                                             vue.createVNode(vue.unref(index$2.HyIcon), {
                                               "svg-name": citem.svgName,
                                               "class-name": "!w-4 !h-4"
                                             }, null, 8, ["svg-name"]),
-                                            citem.subLabel ? (vue.openBlock(), vue.createElementBlock(
+                                            citem.label ? (vue.openBlock(), vue.createElementBlock(
                                               "div",
                                               {
                                                 key: 0,
                                                 class: "mt-1 whitespace-nowrap w-full text-center over_one_line"
                                               },
-                                              vue.toDisplayString(citem.subLabel),
+                                              vue.toDisplayString(citem.label),
                                               1
                                               /* TEXT */
                                             )) : (vue.openBlock(), vue.createElementBlock("div", {
                                               key: 1,
                                               class: "mt-1 whitespace-nowrap"
                                             }, "\xA0"))
-                                          ], 10, ["onClick"])
+                                          ], 42, ["onClick", "onContextmenu"])
                                         ]),
                                         _: 2
                                         /* DYNAMIC */
@@ -588,7 +601,12 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                       )
                                     ]),
                                     default: vue.withCtx(() => [
-                                      vue.createElementVNode("span", null, [
+                                      vue.createElementVNode("div", {
+                                        onClick: vue.withModifiers(() => {
+                                        }, ["stop"]),
+                                        onContextmenu: vue.withModifiers(() => {
+                                        }, ["stop"])
+                                      }, [
                                         vue.createVNode(vue.unref(index.HyTooltip), {
                                           "is-always": "",
                                           overLine: 1,
@@ -618,7 +636,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                           _: 1
                                           /* STABLE */
                                         }, 8, ["content"])
-                                      ])
+                                      ], 40, ["onClick", "onContextmenu"])
                                     ]),
                                     _: 2
                                     /* DYNAMIC */
@@ -658,7 +676,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                 ]),
                 _: 3
                 /* FORWARDED */
-              }, 16, ["row-key", "data", "show-header", "row-class-name", "class", "style", "onSelect", "onSelectAll", "onRowClick", "onRowContextmenu"])) : vue.createCommentVNode("v-if", true),
+              }, 16, ["row-key", "data", "show-header", "row-class-name", "class", "style", "onSelect", "onSelectAll", "onRowClick", "onRowContextmenu", "onExpandChange"])) : vue.createCommentVNode("v-if", true),
               __props.type === "virtual" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElAutoResizer), { key: 1 }, {
                 default: vue.withCtx(({ height, width }) => [
                   vue.createVNode(virtualTable.default, vue.mergeProps({
@@ -678,11 +696,13 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                     },
                     "row-key": __props.rowKey,
                     "filter-model": __props.filterModel,
+                    expandMode: __props.expandMode,
                     onSearch: ($event) => vue.unref(getData)(1),
                     onSelect: vue.unref(onTableSelectHandler),
                     onSelectAll: vue.unref(onTableSelectHandler),
                     onRowClick: vue.unref(onTableRowClickHandler),
-                    onRowContextmenu: vue.unref(onTableRowContextmenuHandler)
+                    onRowContextmenu: vue.unref(onTableRowContextmenuHandler),
+                    onExpandChange: __props.onExpandChange
                   }), vue.createSlots({
                     empty: vue.withCtx(() => [
                       vue.createElementVNode("div", { class: "w-full h-full flex items-center justify-center border-b border-border" }, [
@@ -708,7 +728,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                         ])
                       };
                     })
-                  ]), 1040, ["width", "height", "data", "columns", "columns-editable", "show-header", "row-class-name", "show-all-select", "style", "row-key", "filter-model", "onSearch", "onSelect", "onSelectAll", "onRowClick", "onRowContextmenu"])
+                  ]), 1040, ["width", "height", "data", "columns", "columns-editable", "show-header", "row-class-name", "show-all-select", "style", "row-key", "filter-model", "expandMode", "onSearch", "onSelect", "onSelectAll", "onRowClick", "onRowContextmenu", "onExpandChange"])
                 ]),
                 _: 3
                 /* FORWARDED */
@@ -763,7 +783,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
             )
           }, {
             dropdown: vue.withCtx(() => [
-              vue.createVNode(vue.unref(elementPlus.ElDropdownMenu), null, {
+              vue.createVNode(vue.unref(elementPlus.ElDropdownMenu), { class: "hy-table-dropdown-menu" }, {
                 default: vue.withCtx(() => [
                   (vue.openBlock(true), vue.createElementBlock(
                     vue.Fragment,

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

@@ -0,0 +1,482 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+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 index = require('../hyIcon/index.js');
+var index$1 = require('../hyButton/index.js');
+var index$3 = require('../hyConfirmDialog/index.js');
+
+import "./style/batchTableForm.scss";
+
+const __default__ = vue.defineComponent({
+  name: "HyBatchTableForm"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    // 表格配置项
+    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
+    },
+    templateConfig: {
+      type: Object,
+      default: () => ({
+        title: "\u4E0B\u8F7D\u6A21\u677F",
+        url: "",
+        fileName: ""
+      })
+    },
+    url: {
+      type: String
+    },
+    submitParams: {
+      type: Object
+    },
+    submitHandler: {
+      type: Function
+    }
+  },
+  emits: ["submitting", "submit"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const { api } = useApi.useApi();
+    const { t } = useLocale.useLocale();
+    const containerRef = vue.useTemplateRef("containerRef");
+    const tableRef = vue.useTemplateRef("tableRef");
+    const active = vue.ref(1);
+    const stepList = [
+      {
+        title: "\u4E0A\u4F20\u5BFC\u5165\u6587\u4EF6",
+        description: "\u4E0A\u4F20\u5DF2\u586B\u5199\u5B8C\u6210\u7684<br/>\u6DFB\u52A0\u6A21\u677F\u6587\u4EF6"
+      },
+      {
+        title: "\u81EA\u52A8\u89E3\u6790\u4E0E\u6821\u9A8C",
+        description: "\u7CFB\u7EDF\u5C06\u81EA\u52A8\u89E3\u6790\u60A8<br/>\u4E0A\u4F20\u540E\u7684\u6587\u4EF6\u8FDB\u884C\u663E\u793A"
+      },
+      {
+        title: "\u652F\u6301\u4FEE\u6B63\u5F02\u5E38",
+        description: "\u5F02\u5E38\u6570\u636E\u5C06\u6807\u8BB0\u63D0\u793A<br/>\u652F\u6301\u4FEE\u6539\u5E76\u5373\u65F6\u6821\u9A8C"
+      },
+      {
+        title: "\u786E\u8BA4\u5BFC\u5165\u6570\u636E",
+        description: "\u4EE5\u5F53\u524D\u6570\u636E\u4E3A\u51C6<br/>\u6267\u884C\u6279\u91CF\u5BFC\u5165\u6DFB\u52A0\u6570\u636E"
+      }
+    ];
+    const templateFileName = vue.ref("");
+    const submitNumber = vue.ref(0);
+    const submitting = vue.ref(false);
+    const submitProgress = vue.ref(0);
+    function setData(data = []) {
+      if (!tableRef.value) return;
+      tableRef.value.setData(data);
+    }
+    function deleteData(data = []) {
+      if (!tableRef.value) return;
+      tableRef.value.deleteData(data);
+    }
+    function getTableDataSource() {
+      if (!tableRef.value) return [];
+      return tableRef.value.getTableDataSource();
+    }
+    function validate() {
+      if (!tableRef.value) return {};
+      return tableRef.value.validate();
+    }
+    async function onUploadChange(file) {
+      const type = file.raw.type;
+      if (file.raw.size > 1024 * 1024 * 10) {
+        elementPlus.ElMessage.error(`\u6587\u4EF6\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC710M\uFF01`);
+        return false;
+      } else {
+        if (type.indexOf("application") !== -1) {
+          const files = { 0: file.raw };
+          try {
+            const data = await index$2.doReadExcel(files, props);
+            if (!data) {
+              elementPlus.ElMessage.warning("\u8BFB\u53D6\u6587\u4EF6\u5931\u8D25");
+              return;
+            }
+            active.value++;
+            await vue.nextTick();
+            setData(data);
+            templateFileName.value = file.name;
+          } catch (err) {
+            console.error(err);
+            return;
+          }
+        } else {
+          elementPlus.ElMessage.error("\u6587\u4EF6\u683C\u5F0F\u6709\u8BEF");
+        }
+      }
+    }
+    async function onResetUpload() {
+      if (tableRef.value) {
+        const { total } = tableRef.value.getStatistics();
+        if (total) {
+          try {
+            await new Promise((resolve, reject) => {
+              index$3.HyConfirmDialog.confirm({
+                content: submitNumber.value ? `\u672C\u6B21\u5DF2\u6210\u529F\u5BFC\u5165 ${submitNumber.value} \u6761\u6570\u636E\uFF0C\u91CD\u65B0\u4E0A\u4F20\u5C06\u4E0D\u4F1A\u64A4\u9500\u8FD9\u4E9B\u6570\u636E\u3002\u5269\u4F59\u672A\u5BFC\u5165\u6570\u636E\u5C06\u4F1A\u88AB\u6E05\u7A7A` : `\u91CD\u65B0\u4E0A\u4F20\u5C06\u6E05\u7A7A\u5F53\u524D ${total} \u6761\u6570\u636E, <br />\u662F\u5426\u786E\u8BA4\u91CD\u65B0\u4E0A\u4F20`,
+                onClose: reject,
+                onCancel: reject,
+                onSubmit: resolve
+              });
+            });
+          } catch {
+            return;
+          }
+        }
+      }
+      templateFileName.value = "";
+      active.value = 1;
+      submitNumber.value = 0;
+    }
+    async function submitDataSource() {
+      if (!props.url && !props.submitHandler) {
+        elementPlus.ElMessage.warning("\u8BF7\u914D\u7F6E\u63D0\u4EA4\u8868\u5355\u5730\u5740");
+        return Promise.reject();
+      }
+      if (submitting.value) {
+        index$3.HyConfirmDialog.tip({
+          content: `\u6570\u636E\u6B63\u5728\u5904\u7406\u4E2D\uFF0C<br/>\u8BF7\u7B49\u5F85\u6570\u636E\u5904\u7406\u5B8C\u6210\u540E\u518D\u5173\u95ED\u5F39\u7A97`
+        });
+        return Promise.reject();
+      }
+      const res = validate();
+      let { dataSource, total, success, failed } = res;
+      if (!total) {
+        elementPlus.ElMessage.warning("\u8BF7\u6DFB\u52A0\u6570\u636E");
+        return;
+      }
+      if (!success) {
+        elementPlus.ElMessage.warning("\u8BF7\u586B\u5199\u6709\u6548\u4E0A\u4F20\u6570\u636E");
+        return;
+      }
+      if (failed) {
+        try {
+          await new Promise((resolve, reject) => {
+            index$3.HyConfirmDialog.confirm({
+              content: `\u5F53\u524D\u5B58\u5728<span class="text-danger-2"> ${failed} \u6761\u6570\u636E\u5F02\u5E38</span>\uFF0C\u672C\u6B21\u5C06\u4EC5\u5BFC\u5165 ${success} \u6761\u5BFC\u5165\u5C31\u7EEA\u6570\u636E\uFF0C\u5F02\u5E38\u6570\u636E\u5C06\u88AB\u5FFD\u7565`,
+              onClose: reject,
+              onCancel: reject,
+              onSubmit: resolve
+            });
+          });
+        } catch {
+          return Promise.reject();
+        }
+      }
+      const submitList = [];
+      submitProgress.value = 0;
+      submitting.value = true;
+      emits("submitting");
+      for (let i = 0; i <= dataSource.length - 1; i++) {
+        const target = dataSource[i];
+        const { onlyId, errorMsg, errorMap, children, ...data } = target;
+        submitProgress.value = Math.floor((i + 1) / total * 100);
+        if (errorMsg) {
+          continue;
+        }
+        let res2;
+        try {
+          if (props.submitHandler) {
+            res2 = await props.submitHandler(data);
+          } else {
+            res2 = await unref(api).post(props.url, props.submitParams);
+          }
+          if (res2.code === 200) {
+            submitNumber.value++;
+            submitList.push(target);
+          } else {
+            target.errorMsg = {
+              prop: null,
+              message: res2.msg
+            };
+          }
+        } catch (err) {
+          target.errorMsg = {
+            prop: null,
+            message: err?.msg ? err.msg : err
+          };
+          console.error(err);
+        }
+      }
+      deleteData(submitList);
+      submitting.value = false;
+      const submitResult = {
+        total,
+        success: submitList.length,
+        failed: total - submitList.length,
+        result: submitList.length === total
+      };
+      if (submitResult.result) {
+        elementPlus.ElMessage.success(`${submitResult.total} \u6761\u6570\u636E\u5BFC\u5165\u5B8C\u6210\uFF0C\u5DF2\u66F4\u65B0`);
+        emits("submit", submitResult);
+        onResetUpload();
+      } else {
+        elementPlus.ElMessage.warning(
+          `${submitResult.success} \u6761\u6570\u636E\u5BFC\u5165\u6210\u529F\uFF0C ${submitResult.failed} \u6761\u6570\u636E\u5F02\u5E38\uFF0C\u8BF7\u8C03\u6574`
+        );
+        emits("submit", submitResult);
+      }
+    }
+    __expose({
+      setData,
+      deleteData,
+      getTableDataSource,
+      validate,
+      submitDataSource
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          ref_key: "containerRef",
+          ref: containerRef,
+          class: "hy-batch-table-form"
+        },
+        [
+          active.value === 1 ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            class: "max-h-full overflow-y-auto scroll-body"
+          }, [
+            vue.createElementVNode("div", { class: "hy-batch-table-form-upload-box" }, [
+              vue.createVNode(vue.unref(elementPlus.ElUpload), {
+                accept: ".xls,.xlsx",
+                drag: "",
+                multiple: false,
+                "auto-upload": false,
+                "show-file-list": false,
+                class: "w-full h-full",
+                "on-change": onUploadChange
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(index.HyIcon), {
+                    "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")
+                    ])
+                  ])
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]),
+            vue.createElementVNode("div", { class: "hy-batch-table-form-step-box" }, [
+              vue.createElementVNode("div", { class: "text-auxiliary text-center mb-[30px]" }, [
+                vue.createElementVNode("span", null, "\u6279\u91CF\u6DFB\u52A0\u5BFC\u5165\u6D41\u7A0B\u8BF4\u660E")
+              ]),
+              vue.createElementVNode("div", { class: "w-full flex" }, [
+                (vue.openBlock(), vue.createElementBlock(
+                  vue.Fragment,
+                  null,
+                  vue.renderList(stepList, (item, index) => {
+                    return vue.createElementVNode("div", {
+                      key: index,
+                      class: "w-0 flex-1 flex flex-col items-center relative"
+                    }, [
+                      index < stepList.length - 1 ? (vue.openBlock(), vue.createElementBlock("div", {
+                        key: 0,
+                        class: "w-3/4 absolute top-[19px] left-full transform -translate-x-1/2",
+                        style: { "border-top": "2px dashed rgba(var(--hy-border))" }
+                      })) : vue.createCommentVNode("v-if", true),
+                      vue.createElementVNode("div", { class: "w-[38px] h-[38px] flex items-center justify-center border border-solid border-border rounded-full bg-background box-border" }, [
+                        vue.createElementVNode(
+                          "span",
+                          { class: "text-base text-main" },
+                          vue.toDisplayString(index + 1),
+                          1
+                          /* TEXT */
+                        )
+                      ]),
+                      vue.createElementVNode(
+                        "span",
+                        { class: "text-main font-bold text-sm mt-3 mb-2" },
+                        vue.toDisplayString(item.title),
+                        1
+                        /* TEXT */
+                      ),
+                      vue.createElementVNode("div", {
+                        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,
+                          type: "primary",
+                          link: "",
+                          onClick: () => vue.unref(index$2.downloadTemplateHandler)(props)
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createTextVNode(
+                              vue.toDisplayString(__props.templateConfig ? __props.templateConfig.title : "\u4E0B\u8F7D\u6A21\u677F"),
+                              1
+                              /* TEXT */
+                            )
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        }, 8, ["onClick"])) : vue.createCommentVNode("v-if", true)
+                      ])
+                    ]);
+                  }),
+                  64
+                  /* STABLE_FRAGMENT */
+                ))
+              ])
+            ])
+          ])) : active.value === 2 ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 1,
+            class: "h-full flex flex-col"
+          }, [
+            vue.createElementVNode("div", { class: "hy-batch-table-form-template-box" }, [
+              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(
+                  "span",
+                  { class: "text-theme" },
+                  vue.toDisplayString(templateFileName.value),
+                  1
+                  /* TEXT */
+                ),
+                vue.createElementVNode("span", { class: "text-auxiliary" }, "\u89E3\u6790\u5B8C\u6210")
+              ]),
+              vue.createVNode(vue.unref(index$1.HyButton), {
+                type: "primary",
+                link: "",
+                size: "small",
+                onClick: onResetUpload
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode("\u91CD\u65B0\u4E0A\u4F20\u6587\u4EF6")
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]),
+            vue.createVNode(tableForm.default, {
+              ref_key: "tableRef",
+              ref: tableRef,
+              tableColumns: __props.tableColumns,
+              formColumns: __props.formColumns,
+              rules: __props.rules,
+              rowClickExpand: __props.rowClickExpand,
+              columnNum: __props.columnNum,
+              size: __props.size,
+              class: "h-0 flex-1"
+            }, 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", "rowClickExpand", "columnNum", "size"])
+          ])) : vue.createCommentVNode("v-if", true),
+          submitting.value ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 2,
+            class: "absolute top-0 right-0 bottom-0 left-0 z-10 flex items-center justify-center"
+          }, [
+            vue.createElementVNode("div", { class: "w-full h-full absolute bg-[rgba(var(--hy-background-4),0.9)] backdrop-blur-sm" }),
+            vue.createElementVNode("div", { class: "flex flex-col items-center text-theme text-xs relative" }, [
+              vue.createVNode(vue.unref(index.HyIcon), {
+                "svg-name": "analytics-echarts-sos",
+                "class-name": "!w-[58px] !h-[66px] mb-[18px]"
+              }),
+              vue.createElementVNode("div", { class: "flex items-center" }, [
+                vue.createElementVNode("span", null, "\u6570\u636E\u6B63\u5728\u5BFC\u5165\u4E2D"),
+                vue.createElementVNode(
+                  "span",
+                  { class: "ml-1 mr-3" },
+                  vue.toDisplayString(submitProgress.value) + "%",
+                  1
+                  /* TEXT */
+                ),
+                vue.createElementVNode("div", { class: "w-[68px] h-0.5 bg-auxiliary rounded-full" }, [
+                  vue.createElementVNode(
+                    "div",
+                    {
+                      class: "h-full bg-theme rounded-full",
+                      style: vue.normalizeStyle({ width: `${submitProgress.value}%` })
+                    },
+                    null,
+                    4
+                    /* STYLE */
+                  )
+                ])
+              ])
+            ])
+          ])) : vue.createCommentVNode("v-if", true)
+        ],
+        512
+        /* NEED_PATCH */
+      );
+    };
+  }
+});
+
+exports.default = _sfc_main;