hy-dispatch-ui-v3 0.2.67 → 0.2.68

package/lib/components/hyTable/js/index.js

@@ -33,17 +33,14 @@ function tableColumnsEditableleHandler(columns, columnsEditablele) {
     });
   }
   const sortList = Array.from(sortSet.values()).reduce((a, b) => a - b);
-  const columnsList = Object.keys(columnsEditableleObj).reduce(
-    (columnsList2, key) => {
-      const list = columnsEditableleObj[key];
-      for (let i = 0; i < list.length; i++) {
-        const target = list[i];
-        columnsList2.push(target.column);
-      }
-      return columnsList2;
-    },
-    []
-  );
+  const columnsList = Object.keys(columnsEditableleObj).reduce((columnsList2, key) => {
+    const list = columnsEditableleObj[key];
+    for (let i = 0; i < list.length; i++) {
+      const target = list[i];
+      columnsList2.push(target.column);
+    }
+    return columnsList2;
+  }, []);
   return {
     columnsList,
     columnsEditablele
@@ -95,26 +92,21 @@ function operatorDisabledHandler(operator, scope) {
   return false;
 }
 function operatorDisableTextdHandler(operator, scope) {
-  const { t } = useLocale.useLocale();
   const { disabledText } = operator;
   if (is.isString(disabledText)) return disabledText;
   if (is.isFunction(disabledText)) return disabledText(scope);
-  return t("table.nonsupport");
+  return useLocale.$t("table.nonsupport");
 }
 function operatorFilterHandler(column, scope, type = "all") {
   let { width } = column;
   width = is.isString(width) ? Number(width.replace(/[a-zA-Z]+/g, "")) : width;
-  const operator = (column.operator || []).filter(
-    (item) => operatorShowHandler(item, scope)
-  );
+  const operator = (column.operator || []).filter((item) => operatorShowHandler(item, scope));
   if (type === "all" || operator.length <= 1 && type === "default") {
     return operator;
   }
   const btnWidth = 40;
   const gapWidth = 12;
-  const operatorCount = Math.floor(
-    (width - 12 * 2 - btnWidth) / (btnWidth + gapWidth) + 1
-  );
+  const operatorCount = Math.floor((width - 12 * 2 - btnWidth) / (btnWidth + gapWidth) + 1);
   if (operatorCount === operator.length) {
     return type === "default" ? operator : [];
   }
@@ -152,15 +144,7 @@ function renderContentHandler(column, scope) {
   return row[column.prop];
 }
 const useAppTableWrapper = (hy) => {
-  const {
-    props,
-    emits,
-    containerRef,
-    tableRef,
-    tableDropdownRef,
-    operatorDropdownRef
-  } = hy;
-  const { t } = useLocale.useLocale();
+  const { props, emits, containerRef, tableRef, tableDropdownRef, operatorDropdownRef } = hy;
   const CACHE_COLUMNS_KEY = props.controller || props.url || "CACHE_COLUMNS_KEY";
   const tableDataSource = vue.ref([]);
   const tableColumns = vue.ref([]);
@@ -169,15 +153,12 @@ const useAppTableWrapper = (hy) => {
     return tableColumns.value.filter((column) => tableColumnShowHandler(column));
   });
   const searchPlaceholder = vue.computed(() => {
-    const searchLabelSet = tableColumnsList.value.reduce(
-      (searchLabelSet2, column) => {
-        if (column.isSearch) {
-          searchLabelSet2.add(column.label);
-        }
-        return searchLabelSet2;
-      },
-      /* @__PURE__ */ new Set()
-    );
+    const searchLabelSet = tableColumnsList.value.reduce((searchLabelSet2, column) => {
+      if (column.isSearch) {
+        searchLabelSet2.add(column.label);
+      }
+      return searchLabelSet2;
+    }, /* @__PURE__ */ new Set());
     if (props.searchArr?.length > 0) {
       props.searchArr.forEach((item) => {
         searchLabelSet.add(item.label);
@@ -192,10 +173,7 @@ const useAppTableWrapper = (hy) => {
     return row.id;
   }
   function onTableColumnsSelectHandler(value) {
-    const { columnsList, searchText } = tableColumnsEditableleHandler(
-      props.tableColumns,
-      value
-    );
+    const { columnsList, searchText } = tableColumnsEditableleHandler(props.tableColumns, value);
     tableColumns.value = columnsList;
     tableColumnsEditablele.value = value;
     sessionStorage.setItem(CACHE_COLUMNS_KEY, JSON.stringify(value));
@@ -254,9 +232,7 @@ const useAppTableWrapper = (hy) => {
       x: clientX,
       y: clientY
     });
-    const column = tableColumns.value.find(
-      (column2) => column2.type === "operator"
-    );
+    const column = tableColumns.value.find((column2) => column2.type === "operator");
     const operator = operatorFilterHandler(column, { row });
     if (!operator?.length) return;
     tableTriggerRef.value.column = column;
@@ -280,15 +256,16 @@ const useAppTableWrapper = (hy) => {
     if (props.type === "default") {
       return tableColumnsList.value.some((column) => column.type === "expand");
     } else if (props.type === "virtual") {
-      return tableColumnsList.value.some(
-        (column) => column.type === "expand" && column.expandType === "expand"
-      );
+      return tableColumnsList.value.some((column) => column.type === "expand" && column.expandType === "expand");
     }
     return false;
   });
   const isAccordionMode = vue.computed(() => {
     return isExpandTable.value && props.expandMode === "accordion";
   });
+  function getRowExpansion() {
+    return expandRowKeys.value;
+  }
   function setRowExpansion(list = []) {
     const keys = (list || []).map((item) => {
       return is.isString(item) || is.isNumber(item) ? item : getRowKey(item);
@@ -296,7 +273,7 @@ const useAppTableWrapper = (hy) => {
     expandRowKeys.value = isAccordionMode.value ? [keys[0]] : keys;
   }
   function toggleRowExpansion(row, expanded) {
-    const key = is.isString(row) || is.isNumber(row) ? row : getRowKey(row);
+    const key = is.isString(row) || is.isNumber(row) || is.isSymbol(row) ? row : getRowKey(row);
     const index = expandRowKeyMap.value.get(key);
     const isExpanded = is.isBoolean(expanded) ? expanded : !is.isNumber(index);
     if (isAccordionMode.value) {
@@ -312,7 +289,8 @@ const useAppTableWrapper = (hy) => {
         expandRowKeys.value.splice(index, 1);
       }
     }
-    emits("expand-change", row, isExpanded);
+    const data = tableDataSource.value.find((v) => getRowKey(v) === key);
+    emits("expand-change", data, isExpanded);
   }
   function onTableRowExpandChangeHandler(row, expandedRows) {
     if (props.type === "virtual") {
@@ -395,9 +373,7 @@ const useAppTableWrapper = (hy) => {
     selectedList.value = list || [];
     clearSelection();
     list.forEach((row) => {
-      const item = tableDataSource.value.find(
-        (v) => getRowKey(row) === getRowKey(v)
-      );
+      const item = tableDataSource.value.find((v) => getRowKey(row) === getRowKey(v));
       if (item) {
         tableRef.value.toggleRowSelection(item, true);
       } else {
@@ -416,11 +392,28 @@ const useAppTableWrapper = (hy) => {
     }
     return className.filter(Boolean).join(" ");
   }
+  function scrollToTop(top) {
+    if (!is.isNumber(top) || isNaN(top)) return;
+    if (props.type === "virtual") {
+      tableRef.value.scrollToTop(top);
+    } else {
+      tableRef.value.setScrollTop(top);
+    }
+  }
+  function scrollToLeft(left) {
+    if (!is.isNumber(left) || isNaN(left)) return;
+    if (props.type === "virtual") {
+      tableRef.value.scrollToLeft(left);
+    } else {
+      tableRef.value.setScrollLeft(left);
+    }
+  }
+  function onScrollHandler(params) {
+    emits("scroll", params);
+  }
+  window.scrollToTop = scrollToTop;
   vue.watchEffect(() => {
-    const { columnsList, columnsEditablele, searchText } = tableColumnHandler(
-      props.tableColumns,
-      CACHE_COLUMNS_KEY
-    );
+    const { columnsList, columnsEditablele, searchText } = tableColumnHandler(props.tableColumns, CACHE_COLUMNS_KEY);
     tableColumns.value = columnsList;
     tableColumnsEditablele.value = columnsEditablele;
   });
@@ -442,6 +435,7 @@ const useAppTableWrapper = (hy) => {
     clearSelectedList,
     expandRowKeys,
     expandRowKeyMap,
+    getRowExpansion,
     setRowExpansion,
     toggleRowExpansion,
     onTableRowExpandChangeHandler,
@@ -450,7 +444,10 @@ const useAppTableWrapper = (hy) => {
     onTableRowClickHandler,
     onTableColumnsSelectHandler,
     showAppTableLoading,
-    closeAppTableLoading
+    closeAppTableLoading,
+    scrollToTop,
+    scrollToLeft,
+    onScrollHandler
   };
 };
 

package/lib/components/hyTable/js/useAppTable.js

@@ -9,7 +9,6 @@ var is = require('../../../utils/is.js');
 var useAppSearch = require('../../hySearch/js/useAppSearch.js');
 
 function getColumnDefaultConfig(column) {
-  const { t } = useLocale.useLocale();
   switch (column.type) {
     case "selection":
       return {
@@ -19,7 +18,7 @@ function getColumnDefaultConfig(column) {
     case "index":
       return {
         prop: `${column.type}_prop`,
-        label: t("table.index")
+        label: useLocale.$t("table.index")
       };
     case "expand":
       return {
@@ -27,7 +26,7 @@ function getColumnDefaultConfig(column) {
       };
     case "operator":
       return {
-        label: t("table.operator"),
+        label: useLocale.$t("table.operation"),
         prop: `operator_prop`,
         fixed: "right"
       };

package/lib/components/hyTable/style/table.scss

@@ -69,3 +69,11 @@
     }
   }
 }
+
+.hy-el-table--default .hy-el-table__cell {
+  padding: 0px 0px !important;
+}
+.hy-table .hy-el-table .hy-el-table__cell .cell {
+  padding: 8px 12px !important;
+  box-sizing: border-box;
+}

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

@@ -13,9 +13,9 @@ 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 useLocale = require('../../hooks/useLocale.js');
 var useMixins = require('../../hooks/useMixins.js');
 var index$1 = require('../hyIcon/index.js');
+var useLocale = require('../../hooks/useLocale.js');
 var index$2 = require('../hyTooltip/index.js');
 var index$3 = require('../hyInput/index.js');
 var index$4 = require('../hyButton/index.js');
@@ -203,13 +203,13 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     "expand-change",
     "on-select-checkbox",
     "reqSuccess",
-    "search-data"
+    "search-data",
+    "scroll"
   ], ["update:loading"]),
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emits = __emit;
     const loading = vue.useModel(__props, "loading");
-    const { t } = useLocale.useLocale();
     const containerRef = vue.useTemplateRef("containerRef");
     const tableRef = vue.useTemplateRef("tableRef");
     const appSearchRef = vue.useTemplateRef("appSearchRef");
@@ -233,12 +233,16 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       clearSelectedList,
       expandRowKeys,
       expandRowKeyMap,
+      getRowExpansion,
       setRowExpansion,
       toggleRowExpansion,
       onTableRowClickHandler,
       onTableRowContextmenuHandler,
       onTableRowExpandChangeHandler,
       onTableSelectHandler,
+      scrollToTop,
+      scrollToLeft,
+      onScrollHandler,
       // useAppTableSearch
       // 表单查询
       totalElements,
@@ -286,6 +290,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       getTableDataSource,
       clearSelection,
       clearSelectedList,
+      getRowExpansion,
       setRowExpansion,
       toggleRowExpansion,
       showAppTableLoading,
@@ -293,7 +298,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       getOptions,
       getOptionsFields,
       getOptionsError,
-      getOptionsByField
+      getOptionsByField,
+      scrollToTop,
+      scrollToLeft
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock(
@@ -319,7 +326,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
               }, null, 8, ["columns", "columns-editable", "origin-columns", "onConfirm"])) : vue.createCommentVNode("v-if", true),
               __props.filterColumns.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", {
                 key: 1,
-                class: "h-[32px] flex items-center gap-[10px] clickBox px-3 select-none rounded hover:bg-background-2",
+                class: "h-[32px] flex items-center gap-[10px] clickBox px-3 select-none rounded hover:bg-background-2 box-border",
                 onClick: vue.unref(switchShowFilter)
               }, [
                 vue.createVNode(vue.unref(index$1.HyIcon), {
@@ -329,7 +336,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                 vue.createElementVNode(
                   "span",
                   null,
-                  vue.toDisplayString(vue.unref(showFilter) ? vue.unref(t)("table.hideFilter") : vue.unref(t)("table.displayFilter")),
+                  vue.toDisplayString(vue.unref(showFilter) ? vue.unref(useLocale.$t)("table.hideFilter") : vue.unref(useLocale.$t)("table.displayFilter")),
                   1
                   /* TEXT */
                 )
@@ -342,14 +349,14 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
               }, {
                 content: vue.withCtx(() => [
                   vue.createElementVNode("span", {
-                    innerHTML: vue.unref(t)("table.searchByInput", [vue.unref(searchPlaceholder)])
+                    innerHTML: vue.unref(useLocale.$t)("table.searchByInput", [vue.unref(searchPlaceholder)])
                   }, null, 8, ["innerHTML"])
                 ]),
                 default: vue.withCtx(() => [
                   vue.createVNode(vue.unref(index$3.HyInputSearch), {
                     modelValue: __props.filterModel.query,
                     "onUpdate:modelValue": ($event) => __props.filterModel.query = $event,
-                    placeholder: vue.unref(t)("table.searchFor", [__props.controllerText || ""]),
+                    placeholder: vue.unref(useLocale.$t)("table.searchFor", [__props.controllerText || ""]),
                     onSearch: vue.unref(onSearchQueryHandler)
                   }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "onSearch"])
                 ]),
@@ -425,14 +432,15 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                 onSelectAll: (list) => vue.unref(onTableSelectHandler)(list, null, true),
                 onRowClick: vue.unref(onTableRowClickHandler),
                 onRowContextmenu: vue.unref(onTableRowContextmenuHandler),
-                onExpandChange: vue.unref(onTableRowExpandChangeHandler)
+                onExpandChange: vue.unref(onTableRowExpandChangeHandler),
+                onScroll: vue.unref(onScrollHandler)
               }), {
                 empty: vue.withCtx(() => [
                   vue.renderSlot(_ctx.$slots, "empty", {}, () => [
                     vue.createElementVNode(
                       "span",
                       null,
-                      vue.toDisplayString(__props.emptyText || vue.unref(t)("hy.noData")),
+                      vue.toDisplayString(__props.emptyText || vue.unref(useLocale.$t)("hy.noData")),
                       1
                       /* TEXT */
                     )
@@ -485,11 +493,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                   (vue.openBlock(true), vue.createElementBlock(
                                     vue.Fragment,
                                     null,
-                                    vue.renderList(vue.unref(index.operatorFilterHandler)(
-                                      column,
-                                      scope,
-                                      "default"
-                                    ), (citem, cindex) => {
+                                    vue.renderList(vue.unref(index.operatorFilterHandler)(column, scope, "default"), (citem, cindex) => {
                                       return vue.openBlock(), vue.createBlock(vue.unref(index$2.HyTooltip), {
                                         key: cindex,
                                         "is-always": "",
@@ -555,11 +559,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                             (vue.openBlock(true), vue.createElementBlock(
                                               vue.Fragment,
                                               null,
-                                              vue.renderList(vue.unref(index.operatorFilterHandler)(
-                                                column,
-                                                scope,
-                                                "more"
-                                              ), (citem, cindex) => {
+                                              vue.renderList(vue.unref(index.operatorFilterHandler)(column, scope, "more"), (citem, cindex) => {
                                                 return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElDropdownItem), {
                                                   key: cindex,
                                                   command: cindex,
@@ -615,7 +615,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                         vue.createVNode(vue.unref(index$2.HyTooltip), {
                                           "is-always": "",
                                           overLine: 1,
-                                          content: vue.unref(t)("table.moreOperations")
+                                          content: vue.unref(useLocale.$t)("table.moreOperations")
                                         }, {
                                           default: vue.withCtx(() => [
                                             vue.createElementVNode("div", { class: "w-[40px] h-[48px] inline-flex flex-col items-center justify-center text-main 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" }, [
@@ -632,7 +632,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                               vue.createElementVNode(
                                                 "div",
                                                 { class: "mt-0.5" },
-                                                vue.toDisplayString(vue.unref(t)("table.more")),
+                                                vue.toDisplayString(vue.unref(useLocale.$t)("table.more")),
                                                 1
                                                 /* TEXT */
                                               )
@@ -696,7 +696,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                 ]),
                 _: 3
                 /* FORWARDED */
-              }, 16, ["row-key", "data", "show-header", "row-class-name", "class", "style", "expand-row-keys", "onSelect", "onSelectAll", "onRowClick", "onRowContextmenu", "onExpandChange"])) : vue.createCommentVNode("v-if", true),
+              }, 16, ["row-key", "data", "show-header", "row-class-name", "class", "style", "expand-row-keys", "onSelect", "onSelectAll", "onRowClick", "onRowContextmenu", "onExpandChange", "onScroll"])) : 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({
@@ -725,7 +725,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                     onSelectAll: vue.unref(onTableSelectHandler),
                     onRowClick: vue.unref(onTableRowClickHandler),
                     onRowContextmenu: vue.unref(onTableRowContextmenuHandler),
-                    onExpandClick: vue.unref(onTableRowExpandChangeHandler)
+                    onExpandClick: vue.unref(onTableRowExpandChangeHandler),
+                    onScroll: vue.unref(onScrollHandler)
                   }), vue.createSlots({
                     empty: vue.withCtx(() => [
                       vue.createElementVNode("div", { class: "w-full h-full flex items-center justify-center border-b border-border" }, [
@@ -733,7 +734,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                           vue.createElementVNode(
                             "span",
                             null,
-                            vue.toDisplayString(__props.emptyText || vue.unref(t)("hy.noData")),
+                            vue.toDisplayString(__props.emptyText || vue.unref(useLocale.$t)("hy.noData")),
                             1
                             /* TEXT */
                           )
@@ -751,7 +752,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                         ])
                       };
                     })
-                  ]), 1040, ["expandedRowKeys", "onUpdate:expandedRowKeys", "expandRowKeyMap", "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", "onExpandClick"])
+                  ]), 1040, ["expandedRowKeys", "onUpdate:expandedRowKeys", "expandRowKeyMap", "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", "onExpandClick", "onScroll"])
                 ]),
                 _: 3
                 /* FORWARDED */
@@ -765,11 +766,12 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
               vue.createElementVNode(
                 "div",
                 { class: "absolute left-4 top-1/2 transform -translate-y-1/2 text-sm" },
-                vue.toDisplayString(vue.unref(t)("table.aTotalOfPiecesOfData", [vue.unref(totalElements)])),
+                vue.toDisplayString(vue.unref(useLocale.$t)("table.aTotalOfPiecesOfData", [vue.unref(totalElements)])),
                 1
                 /* TEXT */
               ),
-              vue.createVNode(vue.unref(elementPlus.ElPagination), {
+              vue.unref(totalElements) >= 10 ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElPagination), {
+                key: 0,
                 "current-page": __props.filterModel.page,
                 "onUpdate:currentPage": ($event) => __props.filterModel.page = $event,
                 "page-size": __props.filterModel.size,
@@ -780,12 +782,11 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                 layout: __props.layout,
                 size: "default",
                 background: "",
-                "hide-on-single-page": "",
                 onSizeChange: vue.unref(onSizeChangeHandler),
                 onCurrentChange: vue.unref(onCurrentChangeHandler)
-              }, null, 8, ["current-page", "onUpdate:currentPage", "page-size", "onUpdate:pageSize", "total", "pager-count", "layout", "onSizeChange", "onCurrentChange"]),
+              }, null, 8, ["current-page", "onUpdate:currentPage", "page-size", "onUpdate:pageSize", "total", "pager-count", "layout", "onSizeChange", "onCurrentChange"])) : vue.createCommentVNode("v-if", true),
               vue.unref(selectedList) && vue.unref(selectedList).length > 0 ? (vue.openBlock(), vue.createElementBlock("div", {
-                key: 0,
+                key: 1,
                 class: "absolute right-4 top-1/2 transform -translate-y-1/2"
               }, [
                 vue.renderSlot(_ctx.$slots, "multiple-operator-slot")
@@ -804,12 +805,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
             },
             "virtual-triggering": "",
             trigger: "contextmenu",
-            placement: "bottom",
-            onCommand: ($event) => vue.unref(index.operatorClickHandler)(
-              $event,
-              vue.unref(tableTriggerRef).column,
-              vue.unref(tableTriggerRef).scope
-            )
+            placement: "bottom-end",
+            onCommand: ($event) => vue.unref(index.operatorClickHandler)($event, vue.unref(tableTriggerRef).column, vue.unref(tableTriggerRef).scope)
           }, {
             dropdown: vue.withCtx(() => [
               vue.createVNode(vue.unref(elementPlus.ElDropdownMenu), { class: "hy-table-dropdown-menu" }, {
@@ -817,10 +814,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                   (vue.openBlock(true), vue.createElementBlock(
                     vue.Fragment,
                     null,
-                    vue.renderList(vue.unref(index.operatorFilterHandler)(
-                      vue.unref(tableTriggerRef).column,
-                      vue.unref(tableTriggerRef).scope
-                    ), (citem, cindex) => {
+                    vue.renderList(vue.unref(index.operatorFilterHandler)(vue.unref(tableTriggerRef).column, vue.unref(tableTriggerRef).scope), (citem, cindex) => {
                       return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElDropdownItem), {
                         key: cindex,
                         command: cindex,

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

@@ -5,10 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 var elementPlus = require('element-plus');
 var iconsVue = require('@element-plus/icons-vue');
-require('../../hooks/index.js');
 require('../../utils/index.js');
 require('../index.js');
-var useLocale = require('../../hooks/useLocale.js');
 var is = require('../../utils/is.js');
 var index = require('../hyTooltip/index.js');
 var index$1 = require('../hyButton/index.js');
@@ -74,7 +72,6 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emits = __emit;
-    const { t } = useLocale.useLocale();
     const visible = vue.ref(false);
     const dataList = vue.ref([]);
     const selectedData = vue.ref(null);
@@ -189,7 +186,10 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
             }, {
               content: vue.withCtx(() => [
                 vue.createElementVNode("div", { class: "h-full flex items-center justify-center pl-[14px]" }, [
-                  vue.createVNode(vue.unref(index$2.HyIcon), { "svg-name": __props.svgName }, null, 8, ["svg-name"]),
+                  vue.createVNode(vue.unref(index$2.HyIcon), {
+                    "svg-name": __props.svgName,
+                    class: "w-[14px] h-[14px]"
+                  }, null, 8, ["svg-name"]),
                   vue.createElementVNode(
                     "span",
                     { class: "ml-[6px]" },

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

@@ -11,7 +11,6 @@ require('../index.js');
 var tableForm = require('./tableForm.vue.js');
 var index = require('./js/index.js');
 var useApi = require('../../hooks/useApi.js');
-var useLocale = require('../../hooks/useLocale.js');
 var index$1 = require('../hyConfirmDialog/index.js');
 var is = require('../../utils/is.js');
 var index$2 = require('../hyIcon/index.js');
@@ -100,7 +99,6 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     const props = __props;
     const emits = __emit;
     const { api } = useApi.useApi();
-    const { t } = useLocale.useLocale();
     const containerRef = vue.useTemplateRef("containerRef");
     const uploadRef = vue.useTemplateRef("uploadRef");
     const tableRef = vue.useTemplateRef("tableRef");
@@ -301,9 +299,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
         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`
-        );
+        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);
       }
     }
@@ -407,8 +403,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                         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("div", { class: "border border-border rounded py-1 px-2.5 bg-background-4 box-border" }, ".xls"),
+                            vue.createElementVNode("div", { class: "border border-border rounded py-1 px-2.5 bg-background-4 box-border" }, ".xlsx"),
                             vue.createElementVNode("span", null, "\u5355\u6587\u4EF6\u4E0D\u8D85\u8FC7 10 MB")
                           ])
                         ])

package/lib/components/hyTableForm/js/index.js

@@ -24,10 +24,7 @@ const doValidate = async (target = {}, columns = [], ruleList = {}) => {
   }, {});
   Object.entries(ruleList || {}).forEach(([key, citem]) => {
     if (columnMap[key]) {
-      rules[key] = [
-        ...is.isArray(citem) ? citem : [citem],
-        ...rules[key]
-      ].filter(Boolean);
+      rules[key] = [...is.isArray(citem) ? citem : [citem], ...rules[key]].filter(Boolean);
     }
   });
   const validator = new AsyncValidator(rules);
@@ -55,10 +52,7 @@ const doReadExcel = (files, props) => {
         const ws1 = XLSX.utils.sheet_to_json(workbook.Sheets[wsname1]);
         let content = formColumns.reduce((content2, column) => {
           const title = column.import ? column.import.title : column.label;
-          return content2.replace(
-            new RegExp(`"${title}":`, "g"),
-            `"${column.prop}":`
-          );
+          return content2.replace(new RegExp(`"${title}":`, "g"), `"${column.prop}":`);
         }, JSON.stringify(ws1));
         let dataSource = JSON.parse(content);
         if (beforeDataHandle) {

package/lib/components/hyTableForm/js/useAppTableForm.js

@@ -15,9 +15,7 @@ const useAppTableForm = (config = {}) => {
       expandType: "expand",
       width: 48
     },
-    ...columns.filter(
-      (column) => !["expand", "operator"].includes(column.type)
-    ),
+    ...columns.filter((column) => !["expand", "operator"].includes(column.type)),
     {
       label: "\u5BFC\u5165\u72B6\u6001",
       prop: "validateStatus",
@@ -25,10 +23,7 @@ const useAppTableForm = (config = {}) => {
     }
   ];
   const { tableColumns } = useAppTable.useAppTable({ columns });
-  const { formModel, formColumns } = useAppForm.useAppForm(
-    config.formColumns,
-    config.formModel
-  );
+  const { formModel, formColumns } = useAppForm.useAppForm(config.formColumns, config.formModel);
   formColumns.value.forEach((item) => {
     if (is.isString(item.import)) {
       item.import = {