@arim-aisdc/public-components 2.3.6 → 2.3.7

package/dist/components/TableMax/TableHeader/Cell.js

@@ -135,7 +135,8 @@ var Cell = function Cell(_ref) {
       }), !cannotDragColumn.includes(header.column.id) ? /*#__PURE__*/_jsxs("div", {
         className: "cell-right",
         children: [canSorting && header.column.getCanSort() ? /*#__PURE__*/_jsx(Sort, {
-          sort: header.column.getIsSorted()
+          sort: header.column.getIsSorted(),
+          onClick: header.column.getToggleSortingHandler()
         }) : null, canFilter && columnDef.enableColumnFilter !== false ? /*#__PURE__*/_jsx(ColumnFilter, {
           column: header.column,
           manualFiltering: manualFiltering

package/dist/components/TableMax/TableHeader/index.less

@@ -102,6 +102,15 @@ table {
     height: 60%;
     top: 20%;
   }
+
+  &:hover {
+    .sort-flag {
+      display: inline-block;
+    }
+    .filter-icon {
+      display: inline-block;
+    }
+  }
 }
 
 .table-thead-tr:nth-last-child(2) {

package/dist/components/TableMax/components/ColumnFilterV2/DateRange/index.js

@@ -4,11 +4,11 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useTranslation } from "../../../../../hooks/useTranslation";
 import { DatePicker } from 'antd';
 import dayjs from 'dayjs';
 import { defaultDateFormat } from "../index";
 import "./index.less";
-import { useTranslation } from "../../../../../hooks/useTranslation";
 import { jsx as _jsx } from "react/jsx-runtime";
 var defaultRangePresets = [{
   label: '最近7天',

package/dist/components/TableMax/components/ColumnFilterV2/index.js

@@ -129,6 +129,7 @@ export function ColumnFilter(_ref) {
     setFilterPanelVisible(false);
   }, []);
   return /*#__PURE__*/_jsxs("div", {
+    className: "filter-icon-wrapper",
     children: [/*#__PURE__*/_jsx("i", {
       className: "iconfont-table icon-table-filter filter-icon ".concat(!!column.getFilterValue() ? 'height-light-filter' : ''),
       onClick: onFilterIconClick

package/dist/components/TableMax/components/ColumnFilterV2/index.less

@@ -1,9 +1,11 @@
 .filter-icon {
   cursor: pointer;
+  display: none;
 }
 
 .height-light-filter {
   color: @global-primary-color;
+  display: inline-block !important;
 }
 
 .filter-panel-wrapper {
@@ -21,3 +23,8 @@
   padding: 8px 12px;
   border-radius: 2px;
 }
+
+.filter-icon-wrapper {
+  line-height: 32px;
+  height: 32px;
+}

package/dist/components/TableMax/components/ColumnSort/customSortFns.d.ts

@@ -1,13 +1,13 @@
 import { TableMaxColumnType } from "../../type";
-export declare const numberSortFn: (rowA: any, rowB: any, columnId: string) => 1 | 0 | -1;
-export declare const stringSortFn: (rowA: any, rowB: any, columnId: string) => 1 | 0 | -1;
-export declare const numberOrStringSortFn: (rowA: any, rowB: any, columnId: string) => 1 | 0 | -1;
-export declare const timeSortFn: (rowA: any, rowB: any, columnId: string) => 1 | 0 | -1;
+export declare const numberSortFn: (rowA: any, rowB: any, columnId: string) => 0 | 1 | -1;
+export declare const stringSortFn: (rowA: any, rowB: any, columnId: string) => 0 | 1 | -1;
+export declare const numberOrStringSortFn: (rowA: any, rowB: any, columnId: string) => 0 | 1 | -1;
+export declare const timeSortFn: (rowA: any, rowB: any, columnId: string) => 0 | 1 | -1;
 declare const customSortFns: {
-    numberSortFn: (rowA: any, rowB: any, columnId: string) => 1 | 0 | -1;
-    stringSortFn: (rowA: any, rowB: any, columnId: string) => 1 | 0 | -1;
-    timeSortFn: (rowA: any, rowB: any, columnId: string) => 1 | 0 | -1;
-    numberOrStringSortFn: (rowA: any, rowB: any, columnId: string) => 1 | 0 | -1;
+    numberSortFn: (rowA: any, rowB: any, columnId: string) => 0 | 1 | -1;
+    stringSortFn: (rowA: any, rowB: any, columnId: string) => 0 | 1 | -1;
+    timeSortFn: (rowA: any, rowB: any, columnId: string) => 0 | 1 | -1;
+    numberOrStringSortFn: (rowA: any, rowB: any, columnId: string) => 0 | 1 | -1;
 };
 export default customSortFns;
 export type SortFnType = keyof typeof customSortFns | undefined;

package/dist/components/TableMax/components/ColumnSort/index.d.ts

@@ -1,5 +1,6 @@
 import './index.less';
-declare const Sort: ({ sort }: {
+declare const Sort: ({ sort, onClick }: {
     sort: string | boolean;
+    onClick: (e: any) => void;
 }) => import("react/jsx-runtime").JSX.Element;
 export default Sort;

package/dist/components/TableMax/components/ColumnSort/index.js

@@ -2,10 +2,12 @@ import "./index.less";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var Sort = function Sort(_ref) {
-  var sort = _ref.sort;
+  var sort = _ref.sort,
+    onClick = _ref.onClick;
   if (sort === 'asc') {
     return /*#__PURE__*/_jsxs("span", {
-      className: "sort-flag",
+      className: "sort-flag show-sort-flag",
+      onClick: onClick,
       children: [/*#__PURE__*/_jsx("i", {
         className: "triangle-up triangle-up-red"
       }), /*#__PURE__*/_jsx("i", {
@@ -14,7 +16,8 @@ var Sort = function Sort(_ref) {
     });
   } else if (sort === 'desc') {
     return /*#__PURE__*/_jsxs("span", {
-      className: "sort-flag",
+      className: "sort-flag show-sort-flag",
+      onClick: onClick,
       children: [/*#__PURE__*/_jsx("i", {
         className: "triangle-up"
       }), /*#__PURE__*/_jsx("i", {
@@ -24,6 +27,7 @@ var Sort = function Sort(_ref) {
   }
   return /*#__PURE__*/_jsxs("span", {
     className: "sort-flag",
+    onClick: onClick,
     children: [/*#__PURE__*/_jsx("i", {
       className: "triangle-up"
     }), /*#__PURE__*/_jsx("i", {

package/dist/components/TableMax/components/ColumnSort/index.less

@@ -5,6 +5,7 @@
   flex-direction: column;
   width: 16px;
   cursor: pointer;
+  display: none;
 
   .triangle-up {
     display: block;
@@ -33,3 +34,7 @@
     }
   }
 }
+
+.show-sort-flag {
+  display: inline-block !important;
+}

package/dist/components/TableMax/hooks/useColumnWidth.js

@@ -14,7 +14,8 @@ import { useCallback, useEffect, useMemo, useState } from 'react';
 import { getSizeInfo } from "../utils";
 import { debounce } from 'lodash';
 var CACHE_MAX_AGE = 1 * 60 * 60 * 1000; // 1小时
-
+var defaultMinSize = 120;
+var defaultMaxSize = 240;
 export var useColumnWidth = function useColumnWidth(_ref) {
   var tableContentRef = _ref.tableContentRef,
     tableId = _ref.tableId,
@@ -28,7 +29,8 @@ export var useColumnWidth = function useColumnWidth(_ref) {
       allColumnSizing: {},
       //所有列的列宽
       allColumnCount: 0,
-      tableContainerWidth: undefined
+      tableContainerWidth: undefined,
+      initColumnsSizeMap: {}
     }),
     _useState2 = _slicedToArray(_useState, 2),
     state = _useState2[0],
@@ -43,7 +45,10 @@ export var useColumnWidth = function useColumnWidth(_ref) {
 
   /**
   * 处理容器宽度变化的逻辑
-  * 1.容器变小，不重新计算其他列
+  * 1.容器变小:
+  * 找到原始columns设置列宽度的第一列
+  * 如果当前列的宽度大于初始宽度，则按照容器变化的总宽度，除选择列和展开列外，其他列平分容器减小的宽度
+  * 如果当前列的宽度小于等于初始宽度，则列宽均不变
   * 2.容器变大：
   * 列宽之和大于容器宽度，不重新计算
   * 列宽之和小于容器宽度，除选择列和展开列外，其他列平分 列宽之和与容器宽度的差值
@@ -63,7 +68,7 @@ export var useColumnWidth = function useColumnWidth(_ref) {
       }, 0);
 
       // 容器变大时的逻辑
-      if (newWidth > prevState.tableContainerWidth) {
+      if (prevState.tableContainerWidth > 0 && newWidth > prevState.tableContainerWidth) {
         if (totalVisibleWidth < newWidth) {
           // 计算剩余宽度
           var remainWidth = newWidth - totalVisibleWidth - 10;
@@ -84,8 +89,23 @@ export var useColumnWidth = function useColumnWidth(_ref) {
             });
           }
         }
+      } else if (prevState.tableContainerWidth > 0 && JSON.stringify(prevState.initColumnsSizeMap) !== '{}') {
+        // 容器变小时，重新计算
+        var reducedWidth = newWidth - totalVisibleWidth - 10;
+        var _unselectedCount = visibleColumns.length;
+        if (_unselectedCount > 0) {
+          var _averageWidth = reducedWidth / _unselectedCount;
+          var _newVisibleColumnsSizing = _objectSpread({}, prevState.columnSizing);
+          visibleColumns.forEach(function (key) {
+            _newVisibleColumnsSizing[key] = Math.max((_newVisibleColumnsSizing[key] || 0) + _averageWidth, Math.max(state.initColumnsSizeMap[visibleColumns[0]], defaultMinSize));
+          });
+          return _objectSpread(_objectSpread({}, prevState), {}, {
+            columnSizing: _newVisibleColumnsSizing,
+            allColumnSizing: _objectSpread(_objectSpread({}, prevState.allColumnSizing || {}), _newVisibleColumnsSizing),
+            tableContainerWidth: newWidth
+          });
+        }
       }
-      // 容器变小时，列宽保持不变
       return _objectSpread(_objectSpread({}, prevState), {}, {
         tableContainerWidth: newWidth
       });
@@ -185,8 +205,6 @@ export var useColumnWidth = function useColumnWidth(_ref) {
 
     // 处理未设置宽度的列
     if (remainColumnCount > 0) {
-      var defaultMinSize = 120;
-      var defaultMaxSize = 240;
       var averageSize = Math.max(Math.min(remainTableContainerWidth / remainColumnCount, defaultMaxSize), defaultMinSize);
       Object.keys(columnsSizeMap).forEach(function (key) {
         if (!newColumnSizeMap[key]) {
@@ -243,7 +261,8 @@ export var useColumnWidth = function useColumnWidth(_ref) {
           columnSizing: columnSizing,
           allColumnCount: _newAllColumnCount,
           allColumnSizing: _objectSpread(_objectSpread({}, _initColumnsSizeMap), columnSizing),
-          tableContainerWidth: prevState.tableContainerWidth
+          tableContainerWidth: prevState.tableContainerWidth,
+          initColumnsSizeMap: columnSizeMap
         };
       });
       return;
@@ -269,7 +288,8 @@ export var useColumnWidth = function useColumnWidth(_ref) {
         columnSizing: columnSizing,
         allColumnSizing: _objectSpread(_objectSpread({}, initColumnsSizeMap), columnSizing),
         allColumnCount: newAllColumnCount,
-        tableContainerWidth: prevState.tableContainerWidth
+        tableContainerWidth: prevState.tableContainerWidth,
+        initColumnsSizeMap: columnSizeMap
       };
     });
   }, [columnVisibleConfig, tableId, tableKey, tableKeyPrefixCls, calculateColumnSizing]);

package/dist/hooks/useTranslation.js

@@ -10,6 +10,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import * as React from 'react';
 import { FormItemType } from "../components/QueryFilter";
 import { useConfig } from "../components/ConfigProvider";
+import dayjs from 'dayjs';
 function deepMerge(obj1, obj2) {
   // 创建一个新对象，避免直接修改原始对象
   var result = _objectSpread({}, obj1);
@@ -96,7 +97,7 @@ export var useTranslation = function useTranslation(locales) {
         groupPrefix = _options$groupPrefix === void 0 ? "" : _options$groupPrefix;
       var processArray = function processArray(array) {
         return array.map(function (item) {
-          if (_typeof(item) === "object" && !Array.isArray(item)) {
+          if (_typeof(item) === "object" && !(item instanceof Date) && !(item instanceof dayjs) && !Array.isArray(item)) {
             var newItem = _objectSpread({}, item);
             if (fieldKey in newItem) {
               // 如果有分组前缀，动态拼接键

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arim-aisdc/public-components",
-  "version": "2.3.6",
+  "version": "2.3.7",
   "description": "前端组件库",
   "license": "MIT",
   "main": "dist/index.js",