@weitutech/by-components 1.1.46 → 1.1.48

package/lib/by-components.umd.js

@@ -60752,8 +60752,8 @@ var component = normalizeComponent(
 )
 
 /* harmony default export */ var pager = (component.exports);
-;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"268ca57a-vue-loader-template"}!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/table/index.vue?vue&type=template&id=849a6584
-var tablevue_type_template_id_849a6584_render = function render() {
+;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"268ca57a-vue-loader-template"}!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/table/index.vue?vue&type=template&id=edc3cbea
+var tablevue_type_template_id_edc3cbea_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', [_c('vxe-grid', _vm._g(_vm._b({
@@ -60827,7 +60827,7 @@ var tablevue_type_template_id_849a6584_render = function render() {
     }
   }) : _vm._e()], 1);
 };
-var tablevue_type_template_id_849a6584_staticRenderFns = [];
+var tablevue_type_template_id_edc3cbea_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
 var es_array_push = __webpack_require__(4114);
@@ -61779,6 +61779,7 @@ var custom_column_component = normalizeComponent(
      * @property {Object} sortConfig - 排序配置
      * @property {boolean} sortConfig.remote - 是否远程排序
      * @property {string} sortConfig.trigger - 排序触发方式
+     * @property {boolean} sortConfig.frontendSort - 是否启用前端排序
      * @property {Array} copyFields - 可复制字段列表
      * @property {string} emptyText - 空数据提示文本
      * @property {Object} loadingConfig - 加载配置
@@ -61816,6 +61817,11 @@ var custom_column_component = normalizeComponent(
       tempColumns: [],
       // 存储所有数据（用于前端分页）
       allData: [],
+      // 排序状态
+      sortState: {
+        field: null,
+        order: null
+      },
       tableLoading: false
     };
   },
@@ -61845,10 +61851,14 @@ var custom_column_component = normalizeComponent(
                 top: 0,
                 left: 0
               });
-              const tableData = this.$refs.xGrid.getTableData().fullData;
-              if (tableData && tableData.length > 0) {
-                this.$refs.xGrid.scrollToRow(tableData[0]);
-              }
+            }
+            // 数据变化后恢复排序高亮
+            if (this.sortState.field && this.sortState.order && this.$refs.xGrid) {
+              setTimeout(() => {
+                this.$refs.xGrid.sort(this.sortState.field, this.sortState.order, {
+                  silent: true
+                });
+              }, 100);
             }
           }, 0);
         });
@@ -61858,7 +61868,7 @@ var custom_column_component = normalizeComponent(
   },
   computed: {
     options() {
-      var _others$pagerConfig;
+      var _others$pagerConfig, _others$sortConfig, _others$pagerConfig2, _others$pagerConfig3, _others$sortConfig2;
       const {
         customColumnConfig,
         columns,
@@ -61874,17 +61884,30 @@ var custom_column_component = normalizeComponent(
 
       // 处理前端分页
       let data = others.data || [];
-      if ((_others$pagerConfig = others.pagerConfig) !== null && _others$pagerConfig !== void 0 && _others$pagerConfig.frontendPagination) {
+      if ((_others$pagerConfig = others.pagerConfig) !== null && _others$pagerConfig !== void 0 && _others$pagerConfig.frontendPagination || (_others$sortConfig = others.sortConfig) !== null && _others$sortConfig !== void 0 && _others$sortConfig.frontendSort) {
         // 保存完整数据
         this.allData = [...data];
+      }
+      if ((_others$pagerConfig2 = others.pagerConfig) !== null && _others$pagerConfig2 !== void 0 && _others$pagerConfig2.frontendPagination) {
+        // 截取当前页数据
         data = this.spliteListData(this.allData, others.pagerConfig.currentPage, others.pagerConfig.pageSize);
       }
 
       // 移除 others 中的 data，避免覆盖
       const {
         data: _,
-        ...restOthers
+        sortConfig,
+        ...otherConfigs
       } = others;
+      const userSeqConfig = this.gridOptions.seqConfig || {};
+      const specialFirstRow = this.specialFirstRow(this.allData);
+
+      // 序号
+      const defaultSeqMethod = ({
+        rowIndex
+      }) => {
+        return specialFirstRow ? rowIndex : rowIndex + 1;
+      };
       return {
         border: true,
         resizable: true,
@@ -61892,7 +61915,7 @@ var custom_column_component = normalizeComponent(
         height: 550,
         align: 'left',
         copyFields: [],
-        pagerConfig: others.pagerConfig,
+        // pagerConfig: pagerConfig,
         emptyText: '暂无数据',
         loading: this.tableLoading,
         loadingConfig: {
@@ -61910,11 +61933,18 @@ var custom_column_component = normalizeComponent(
           ...this.gridOptions.rowConfig
         },
         sortConfig: {
-          remote: true,
+          ...sortConfig,
+          // 只在前端排序/分页时强制 remote: true
+          // 其他情况保持外部配置
+          remote: (_others$pagerConfig3 = others.pagerConfig) !== null && _others$pagerConfig3 !== void 0 && _others$pagerConfig3.frontendPagination || (_others$sortConfig2 = others.sortConfig) !== null && _others$sortConfig2 !== void 0 && _others$sortConfig2.frontendSort ? true : sortConfig === null || sortConfig === void 0 ? void 0 : sortConfig.remote,
           trigger: 'cell',
           ...this.gridOptions.sortConfig
         },
-        ...restOthers
+        seqConfig: {
+          ...userSeqConfig,
+          seqMethod: userSeqConfig.seqMethod || defaultSeqMethod
+        },
+        ...otherConfigs
       };
     },
     // 插槽集合
@@ -61929,7 +61959,11 @@ var custom_column_component = normalizeComponent(
     eventListeners() {
       const listeners = {};
       this.events.forEach(eventName => {
-        listeners[eventName] = event => this.$emit(eventName, event);
+        if (eventName === 'sort-change') {
+          listeners[eventName] = event => this.handleSortChange(event);
+        } else {
+          listeners[eventName] = event => this.$emit(eventName, event);
+        }
       });
       return listeners;
     }
@@ -61961,21 +61995,31 @@ var custom_column_component = normalizeComponent(
         this.$refs.xGrid.reloadColumn(this.originColumns);
       }
     },
+    /**
+     * 分页变化
+     * @param values 分页参数
+     */
     pageChange(values) {
       var _this$gridOptions$pag;
       // 前端分页
       if ((_this$gridOptions$pag = this.gridOptions.pagerConfig) !== null && _this$gridOptions$pag !== void 0 && _this$gridOptions$pag.frontendPagination) {
-        this.tableLoading = true;
         setTimeout(() => {
           const newData = this.spliteListData(this.allData, values.page, values.limit);
           this.$refs.xGrid.reloadData(newData);
+          this.$nextTick(() => {
+            // 分页后恢复排序高亮
+            if (this.sortState.field && this.sortState.order && this.$refs.xGrid) {
+              setTimeout(() => {
+                this.$refs.xGrid.sort(this.sortState.field, this.sortState.order, {
+                  silent: true
+                });
+              }, 100);
+            }
+          });
           setTimeout(() => {
             if (this.$refs.xGrid) {
               this.$refs.xGrid.scrollTo(0, 0);
             }
-            setTimeout(() => {
-              this.tableLoading = false;
-            }, 0);
           }, 0);
         }, 0);
       } else {
@@ -61986,35 +62030,6 @@ var custom_column_component = normalizeComponent(
         this.$emit('page-change', values);
       }
     },
-    // 前端分页 - 截取当前页展示数据
-    spliteListData(allData, currentPage, pageSize) {
-      if (!Array.isArray(allData) || allData.length === 0) {
-        return [];
-      }
-
-      // 检查第一条数据是否需要特殊处理
-      const firstRow = allData[0];
-      const specialFirstRow = firstRow && typeof firstRow === 'object' && isNullValue(firstRow.id) ? firstRow : null;
-
-      // 获取实际需要分页的数据（排除特殊的第一条）
-      const normalData = specialFirstRow ? allData.slice(1) : allData;
-      const start = (currentPage - 1) * pageSize;
-      const end = start + pageSize;
-
-      // 更新分页配置
-      this.gridOptions.pagerConfig.currentPage = currentPage;
-      this.gridOptions.pagerConfig.pageSize = pageSize;
-      this.gridOptions.pagerConfig.total = allData.length;
-
-      // 获取当前页数据
-      let currentPageData = normalData.slice(start, end);
-
-      // 如果有特殊的第一条数据，添加到当前页数据的开头
-      if (specialFirstRow) {
-        currentPageData = [specialFirstRow, ...currentPageData];
-      }
-      return currentPageData;
-    },
     copy(text) {
       const oInput = document.createElement('input');
       oInput.value = text;
@@ -62108,6 +62123,165 @@ var custom_column_component = normalizeComponent(
     // 关闭自定义表头弹框
     closeCustomColumnDialog() {
       this.customTableVisible = false;
+    },
+    /**
+     * 获取特殊的第一条数据
+     * @param allData 数据
+     * @returns 特殊的第一条数据
+     */
+    specialFirstRow(allData) {
+      const firstRow = allData && allData[0];
+      return firstRow && typeof firstRow === 'object' && isNullValue(firstRow.id) ? firstRow : null;
+    },
+    /**
+     * 获取当前页显示数据
+     * 1、前端分页：获取当前页截取后并排序后的数据
+     * 2、虚拟滚动+前端排序：获取排序后的全部数据
+     * @param allData
+     * @param currentPage
+     * @param pageSize
+     */
+    spliteListData(allData, currentPage, pageSize) {
+      if (!Array.isArray(allData) || allData.length === 0) {
+        return [];
+      }
+
+      // 检查第一条数据是否需要特殊处理 (如果未分页，则返回排序后的全部)
+      const specialFirstRow = this.specialFirstRow(allData);
+
+      // 获取实际需要分页的数据（排除特殊的第一条）
+      let normalData = specialFirstRow ? allData.slice(1) : allData;
+
+      // 如果有排序状态，先对数据进行排序
+      if (this.sortState.field && this.sortState.order) {
+        normalData = this.sortData(normalData, this.sortState.field, this.sortState.order);
+      }
+      let currentPageData = [];
+      if (currentPage && pageSize) {
+        const start = (currentPage - 1) * pageSize;
+        const end = start + pageSize;
+
+        // 更新分页配置
+        this.gridOptions.pagerConfig.currentPage = currentPage;
+        this.gridOptions.pagerConfig.pageSize = pageSize;
+        this.gridOptions.pagerConfig.total = allData.length;
+
+        // 获取当前页数据
+        currentPageData = normalData.slice(start, end);
+      } else {
+        currentPageData = normalData;
+      }
+
+      // 如果有特殊的第一条数据，添加到当前页数据的开头
+      if (specialFirstRow) {
+        currentPageData = [specialFirstRow, ...currentPageData];
+      }
+      return currentPageData;
+    },
+    /**
+     * 排序数据
+     * @param data 数据
+     * @param field 字段
+     * @param order 排序方式
+     */
+    sortData(data, field, order) {
+      if (!field || !order) return data;
+      return [...data].sort((a, b) => {
+        let aValue = a[field];
+        let bValue = b[field];
+
+        // 处理null和undefined值
+        if (aValue === null || aValue === undefined) aValue = '';
+        if (bValue === null || bValue === undefined) bValue = '';
+
+        // 数字类型排序
+        if (typeof aValue === 'number' && typeof bValue === 'number') {
+          return order === 'asc' ? aValue - bValue : bValue - aValue;
+        }
+
+        // 字符串类型排序
+        const aStr = String(aValue).toLowerCase();
+        const bStr = String(bValue).toLowerCase();
+        const isPercentA = typeof aValue === 'string' && aValue.trim().endsWith('%') && !isNaN(aValue.trim().slice(0, -1));
+        const isPercentB = typeof bValue === 'string' && bValue.trim().endsWith('%') && !isNaN(bValue.trim().slice(0, -1));
+        if (isPercentA && isPercentB) {
+          // 百分比字符串，去掉%后转数字比较
+          const numA = parseFloat(aValue);
+          const numB = parseFloat(bValue);
+          return order === 'asc' ? numA - numB : numB - numA;
+        }
+        const isANum = !isNaN(aStr) && aStr.trim() !== '';
+        const isBNum = !isNaN(bStr) && bStr.trim() !== '';
+        if (isANum && isBNum) {
+          // 都是数字字符串，按数字比较
+          return order === 'asc' ? Number(aStr) - Number(bStr) : Number(bStr) - Number(aStr);
+        } else {
+          // 普通字符串比较
+          return order === 'asc' ? aStr.localeCompare(bStr) : bStr.localeCompare(aStr);
+        }
+      });
+    },
+    /**
+     * 处理排序变化
+     * @param event
+     */
+    handleSortChange(event) {
+      var _this$gridOptions$pag2, _this$gridOptions$sor;
+      const {
+        property,
+        order
+      } = event;
+      const shouldHandleSort = ((_this$gridOptions$pag2 = this.gridOptions.pagerConfig) === null || _this$gridOptions$pag2 === void 0 ? void 0 : _this$gridOptions$pag2.frontendPagination) || ((_this$gridOptions$sor = this.gridOptions.sortConfig) === null || _this$gridOptions$sor === void 0 ? void 0 : _this$gridOptions$sor.frontendSort);
+      if (shouldHandleSort) {
+        var _this$gridOptions$pag3, _this$gridOptions$pag4;
+        this.sortState.field = property;
+        this.sortState.order = order;
+        const newData = this.spliteListData(this.allData, (_this$gridOptions$pag3 = this.gridOptions.pagerConfig) !== null && _this$gridOptions$pag3 !== void 0 && _this$gridOptions$pag3.frontendPagination ? this.gridOptions.pagerConfig.currentPage : null, (_this$gridOptions$pag4 = this.gridOptions.pagerConfig) !== null && _this$gridOptions$pag4 !== void 0 && _this$gridOptions$pag4.frontendPagination ? this.gridOptions.pagerConfig.pageSize : null);
+        if (this.$refs.xGrid) {
+          this.$refs.xGrid.reloadData(newData);
+          this.$nextTick(() => {
+            if (property && order) {
+              setTimeout(() => {
+                // 只高亮箭头，表格内部不排序（因为数据已经排序好）
+                this.$refs.xGrid.sort(property, order, {
+                  silent: true
+                });
+              }, 100);
+            }
+            setTimeout(() => {
+              var _this$gridOptions$pag5;
+              if ((_this$gridOptions$pag5 = this.gridOptions.pagerConfig) !== null && _this$gridOptions$pag5 !== void 0 && _this$gridOptions$pag5.frontendPagination && this.$refs.xGrid) {
+                // 前端分页时，排序状态变化，回到第一页
+                const currentPage = this.gridOptions.pagerConfig.currentPage;
+                if (currentPage !== 1) {
+                  // 触发分页事件回到第一页
+                  this.pageChange({
+                    page: 1,
+                    limit: this.gridOptions.pagerConfig.pageSize
+                  });
+                } else {
+                  // 已经在第一页，直接滚动到顶部
+                  this.$refs.xGrid.scrollTo(0, 0);
+                }
+              }
+            }, 0);
+          });
+        }
+      }
+      this.$emit('sort-change', event);
+    },
+    /**
+     * 重置排序状态
+     */
+    resetSortState() {
+      // 重置排序状态
+      this.sortState.field = null;
+      this.sortState.order = null;
+      setTimeout(() => {
+        this.$refs.xGrid.sort(this.sortState.field, this.sortState.order, {
+          silent: true
+        });
+      }, 100);
     }
   }
 });
@@ -62123,8 +62297,8 @@ var custom_column_component = normalizeComponent(
 ;
 var table_component = normalizeComponent(
   components_tablevue_type_script_lang_js,
-  tablevue_type_template_id_849a6584_render,
-  tablevue_type_template_id_849a6584_staticRenderFns,
+  tablevue_type_template_id_edc3cbea_render,
+  tablevue_type_template_id_edc3cbea_staticRenderFns,
   false,
   null,
   null,