@qn-pandora/pandora-component 5.1.1 → 5.1.3

package/lib/components/Table/style.css

@@ -271,11 +271,11 @@
   background: #f3f7fd;
 }
 .ant-table-tbody > tr.ant-table-row-selected > td {
-  background: #2c6dd2;
+  background: #436bff;
   border-color: rgba(0, 0, 0, 0.03);
 }
 .ant-table-tbody > tr.ant-table-row-selected:hover > td {
-  background: #2a69ca;
+  background: #3963ff;
 }
 .ant-table-summary {
   position: relative;
@@ -334,7 +334,7 @@ div.ant-table-summary {
   background-color: transparent !important;
 }
 .ant-table-thead th.ant-table-column-has-sorters:focus-visible {
-  color: #7a869a;
+  color: #436bff;
 }
 .ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-left:hover,
 .ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-right:hover {
@@ -405,7 +405,7 @@ td.ant-table-column-sort {
 }
 .ant-table-column-sorter-up.active,
 .ant-table-column-sorter-down.active {
-  color: #7a869a;
+  color: #436bff;
 }
 .ant-table-column-sorter-up + .ant-table-column-sorter-down {
   margin-top: -0.3em;
@@ -443,7 +443,7 @@ td.ant-table-column-sort {
   background: rgba(0, 0, 0, 0.04);
 }
 .ant-table-filter-trigger.active {
-  color: #7a869a;
+  color: #436bff;
 }
 .ant-table-filter-dropdown {
   -webkit-box-sizing: border-box;
@@ -482,11 +482,11 @@ td.ant-table-column-sort {
   padding: 8px 8px 0;
 }
 .ant-table-filter-dropdown-tree .ant-tree-treenode .ant-tree-node-content-wrapper:hover {
-  background-color: rgba(44, 109, 210, 0.05);
+  background-color: rgba(67, 107, 255, 0.05);
 }
 .ant-table-filter-dropdown-tree .ant-tree-treenode-checkbox-checked .ant-tree-node-content-wrapper,
 .ant-table-filter-dropdown-tree .ant-tree-treenode-checkbox-checked .ant-tree-node-content-wrapper:hover {
-  background-color: rgba(44, 109, 210, 0.05);
+  background-color: rgba(67, 107, 255, 0.05);
 }
 .ant-table-filter-dropdown-search {
   padding: 8px;
@@ -593,7 +593,7 @@ table tr th.ant-table-selection-column::after {
   height: 1px;
 }
 .ant-table-row-expand-icon {
-  color: #7a869a;
+  color: #436bff;
   outline: none;
   cursor: pointer;
   -webkit-transition: color 0.3s;
@@ -621,10 +621,10 @@ table tr th.ant-table-selection-column::after {
 }
 .ant-table-row-expand-icon:focus-visible,
 .ant-table-row-expand-icon:hover {
-  color: #2c6dd2;
+  color: #436bff;
 }
 .ant-table-row-expand-icon:active {
-  color: #2c6dd2;
+  color: #436bff;
 }
 .ant-table-row-expand-icon:focus,
 .ant-table-row-expand-icon:hover,
@@ -1014,40 +1014,40 @@ tr.ant-table-expanded-row .ant-descriptions-view table {
   text-decoration: none;
 }
 .ant-pagination-item:hover {
-  border-color: #7a869a;
+  border-color: #436bff;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
 }
 .ant-pagination-item:hover a {
-  color: #7a869a;
+  color: #436bff;
 }
 .ant-pagination-item:focus-visible {
-  border-color: #7a869a;
+  border-color: #436bff;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
 }
 .ant-pagination-item:focus-visible a {
-  color: #7a869a;
+  color: #436bff;
 }
 .ant-pagination-item-active {
   font-weight: 500;
   background: #ffffff;
-  border-color: #7a869a;
+  border-color: #436bff;
 }
 .ant-pagination-item-active a {
-  color: #7a869a;
+  color: #436bff;
 }
 .ant-pagination-item-active:hover {
-  border-color: #9ca0a6;
+  border-color: #6b90ff;
 }
 .ant-pagination-item-active:focus-visible {
-  border-color: #9ca0a6;
+  border-color: #6b90ff;
 }
 .ant-pagination-item-active:hover a {
-  color: #9ca0a6;
+  color: #6b90ff;
 }
 .ant-pagination-item-active:focus-visible a {
-  color: #9ca0a6;
+  color: #6b90ff;
 }
 .ant-pagination-jump-prev,
 .ant-pagination-jump-next {
@@ -1059,7 +1059,7 @@ tr.ant-table-expanded-row .ant-descriptions-view table {
 }
 .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,
 .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon {
-  color: #7a869a;
+  color: #436bff;
   font-size: 12px;
   letter-spacing: -1px;
   opacity: 0;
@@ -1147,7 +1147,7 @@ tr.ant-table-expanded-row .ant-descriptions-view table {
 }
 .ant-pagination-prev:hover button,
 .ant-pagination-next:hover button {
-  border-color: #9ca0a6;
+  border-color: #6b90ff;
 }
 .ant-pagination-prev .ant-pagination-item-link,
 .ant-pagination-next .ant-pagination-item-link {
@@ -1166,13 +1166,13 @@ tr.ant-table-expanded-row .ant-descriptions-view table {
 }
 .ant-pagination-prev:focus-visible .ant-pagination-item-link,
 .ant-pagination-next:focus-visible .ant-pagination-item-link {
-  color: #7a869a;
-  border-color: #7a869a;
+  color: #436bff;
+  border-color: #436bff;
 }
 .ant-pagination-prev:hover .ant-pagination-item-link,
 .ant-pagination-next:hover .ant-pagination-item-link {
-  color: #7a869a;
-  border-color: #7a869a;
+  color: #436bff;
+  border-color: #436bff;
 }
 .ant-pagination-disabled,
 .ant-pagination-disabled:hover {
@@ -1262,14 +1262,14 @@ tr.ant-table-expanded-row .ant-descriptions-view table {
   text-overflow: ellipsis;
 }
 .ant-pagination-options-quick-jumper input:hover {
-  border-color: #2c6dd2;
+  border-color: #436bff;
   border-right-width: 1px;
 }
 .ant-pagination-options-quick-jumper input:focus,
 .ant-pagination-options-quick-jumper input-focused {
-  border-color: #9ca0a6;
-  -webkit-box-shadow: 0 0 0 2px rgba(122, 134, 154, 0.2);
-          box-shadow: 0 0 0 2px rgba(122, 134, 154, 0.2);
+  border-color: #6b90ff;
+  -webkit-box-shadow: 0 0 0 2px rgba(67, 107, 255, 0.2);
+          box-shadow: 0 0 0 2px rgba(67, 107, 255, 0.2);
   border-right-width: 1px;
   outline: 0;
 }
@@ -1363,12 +1363,12 @@ textarea.ant-pagination-options-quick-jumper input {
   transition: border-color 0.3s;
 }
 .ant-pagination-simple .ant-pagination-simple-pager input:hover {
-  border-color: #7a869a;
+  border-color: #436bff;
 }
 .ant-pagination-simple .ant-pagination-simple-pager input:focus {
-  border-color: #9ca0a6;
-  -webkit-box-shadow: 0 0 0 2px rgba(122, 134, 154, 0.2);
-          box-shadow: 0 0 0 2px rgba(122, 134, 154, 0.2);
+  border-color: #6b90ff;
+  -webkit-box-shadow: 0 0 0 2px rgba(67, 107, 255, 0.2);
+          box-shadow: 0 0 0 2px rgba(67, 107, 255, 0.2);
 }
 .ant-pagination-simple .ant-pagination-simple-pager input[disabled] {
   color: rgba(0, 0, 0, 0.25);
@@ -1516,7 +1516,7 @@ textarea.ant-pagination-options-quick-jumper input {
   margin-left: 0;
 }
 .pandora-sdk-table-wrapper a {
-  color: #2c6dd2;
+  color: #436bff;
 }
 .pandora-sdk-table-wrapper a:hover {
   text-decoration: underline;
@@ -1551,7 +1551,7 @@ textarea.ant-pagination-options-quick-jumper input {
   line-height: 20px;
 }
 .pandora-sdk-table-wrapper .ant-table-thead > tr > th .anticon-filter.ant-table-filter-selected {
-  color: #2c6dd2;
+  color: #436bff;
 }
 .pandora-sdk-table-wrapper .ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner {
   margin-left: 8px;
@@ -1639,11 +1639,11 @@ textarea.ant-pagination-options-quick-jumper input {
 }
 .pandora-sdk-table-wrapper .ant-pagination-item:hover,
 .pandora-sdk-table-wrapper .ant-pagination-item-active {
-  border-color: #2c6dd2;
+  border-color: #436bff;
 }
 .pandora-sdk-table-wrapper .ant-pagination-item:hover a,
 .pandora-sdk-table-wrapper .ant-pagination-item-active a {
-  color: #2c6dd2;
+  color: #436bff;
 }
 .pandora-sdk-table-wrapper .ant-pagination-item-link,
 .pandora-sdk-table-wrapper .ant-pagination-item-link {
@@ -1655,11 +1655,11 @@ textarea.ant-pagination-options-quick-jumper input {
 }
 .pandora-sdk-table-wrapper .ant-pagination-item-link:hover,
 .pandora-sdk-table-wrapper .ant-pagination-item-link:hover {
-  border-color: #2c6dd2;
+  border-color: #436bff;
 }
 .pandora-sdk-table-wrapper .ant-pagination-item-link:hover i,
 .pandora-sdk-table-wrapper .ant-pagination-item-link:hover i {
-  color: #2c6dd2;
+  color: #436bff;
 }
 .pandora-sdk-table-wrapper .ant-pagination-disabled .ant-pagination-item-link:hover,
 .pandora-sdk-table-wrapper .ant-pagination-disabled .ant-pagination-item-link:hover {
@@ -1706,9 +1706,6 @@ textarea.ant-pagination-options-quick-jumper input {
 .pandora-sdk-table-wrapper .ant-table-thead > tr > th .ant-table-column-sorters .ant-table-filter-trigger-container {
   position: relative;
 }
-.pandora-sdk-table-wrapper .ant-table-filter-dropdown .ant-dropdown-menu {
-  max-height: 200px;
-}
 .pandora-sdk-table-wrapper .ant-table-tbody > tr.ant-table-row:hover > td {
   background-color: #f3f7fd;
 }
@@ -1716,6 +1713,9 @@ textarea.ant-pagination-options-quick-jumper input {
   display: block;
   line-height: 28px;
 }
+.pandora-sdk-table-wrapper .ant-table-filter-trigger.active .anticon {
+  color: #436bff;
+}
 .pandora-sdk-table-wrapper .pandora-sdk-table-empty {
   margin: 32px 0;
 }
@@ -1739,7 +1739,7 @@ textarea.ant-pagination-options-quick-jumper input {
 .pandora-sdk-table-batch-opt .pandora-sdk-table-batch-opt-item {
   margin-right: 10px;
   cursor: pointer;
-  color: #2c6dd2;
+  color: #436bff;
 }
 .pandora-sdk-table-batch-opt .pandora-sdk-table-batch-opt-disabled {
   pointer-events: none;
@@ -1786,3 +1786,13 @@ textarea.ant-pagination-options-quick-jumper input {
 .ant-table-thead > tr > th > .ant-table-filter-column > .ant-table-column-title > .ant-table-column-sorters > .ant-table-column-title {
   position: static;
 }
+.ant-table-filter-dropdown .ant-dropdown-menu {
+  max-height: 200px;
+}
+.ant-table-filter-dropdown .ant-dropdown-menu-item,
+.ant-table-filter-dropdown .ant-dropdown-menu-submenu-title {
+  font-size: 12px;
+}
+.ant-table-filter-dropdown .ant-table-filter-dropdown-btns button {
+  font-size: 12px;
+}

package/lib/components/Table/style.less

@@ -240,10 +240,6 @@
     }
   }
 
-  .@{ant-prefix}-table-filter-dropdown .@{ant-prefix}-dropdown-menu {
-    max-height: 200px;
-  }
-
   .@{ant-prefix}-table-tbody > tr.@{ant-prefix}-table-row:hover > td {
     background-color: @table-row-hover-bg;
   }
@@ -251,6 +247,12 @@
     display: block;
     line-height: 28px;
   }
+
+  .@{ant-prefix}-table-filter-trigger.active {
+    .anticon {
+      color: @theme-color;
+    }
+  }
   .@{sdk-prefix}-table-empty {
     margin: 32px 0;
     .@{sdk-prefix}-table-empty-text {
@@ -343,3 +345,20 @@
     }
   }
 }
+
+// 内置的过滤下拉菜单字体 12px
+.@{ant-prefix}-table-filter-dropdown {
+  .@{ant-prefix}-dropdown-menu {
+    max-height: 200px;
+  }
+  .@{ant-prefix}-dropdown-menu-item,
+  .@{ant-prefix}-dropdown-menu-submenu-title {
+    font-size: 12px;
+  }
+
+  .@{ant-prefix}-table-filter-dropdown-btns {
+    button {
+      font-size: 12px;
+    }
+  }
+}

package/lib/components/Table/type.d.ts

@@ -0,0 +1,63 @@
+/// <reference types="react" />
+import { TableProps, ColumnType, ColumnGroupType } from 'antd/es/table';
+export interface IOptionItem {
+    /**
+     * 操作名称
+     */
+    text: string;
+    /**
+     * 点击后的操作
+     */
+    onClick?: (selectedRowKeys: any[]) => void;
+    /**
+     * 禁用当前操作
+     */
+    disabled?: boolean | ((selectItems: any[]) => boolean);
+}
+export interface ISaveFieldItem {
+    field: string;
+    hide?: boolean;
+    width?: number;
+    index?: number;
+    fixed?: boolean | 'right' | 'left';
+}
+export declare enum ETableSettingType {
+    SORT = "sort",
+    RESIZE = "resize"
+}
+export interface IColumnType<T> extends ColumnType<T> {
+    colTitle?: string | React.ReactNode;
+    configurable?: boolean;
+    resizable?: boolean;
+}
+export interface IColumnGroupType<T> extends ColumnGroupType<T> {
+    colTitle?: string | React.ReactNode;
+    configurable?: boolean;
+    resizable?: boolean;
+}
+export declare type IColumnsType<T> = Array<IColumnGroupType<T> | IColumnType<T>>;
+export interface ITableProps<T> extends Omit<TableProps<T>, 'columns'> {
+    columns?: IColumnsType<T>;
+    /**
+     * 设置selectedRow选项, 可以获取当前选中的所有
+     * 数据.
+     * 若不传该参数, 翻页后(服务端翻页)数据会丢失, 外层只会获取当前页选中的数据
+     */
+    selectedRows?: T[];
+    /** 如果支持多选，则batchOptions为多选时的一些批量操作，如删除、添加等 */
+    batchOptions?: IOptionItem[];
+    emptyText?: React.ReactNode;
+    showColumnSetting?: boolean;
+    hiddenColumns?: string[];
+    onHiddenColumnsChange?: (keys: string[]) => void;
+    columnSettingOverlayClass?: string;
+    draggable?: boolean | ETableSettingType;
+    saveSettingKey?: string;
+    onSettingChange?: (fields: ISaveFieldItem[]) => void;
+    /**
+     * 是否需要填充空白列, 默认为true
+     * 如果支持拖拽，在屏幕宽度大于table总的列宽的时候，会把剩余空间平均分到每一列上。那么拖拽一列会导致其他列的宽度都发生变更
+     * 添加一个空白列，宽度auto.可以解决此问题。如果可以接受上述问题，那就无需空白列，needEmptyColumn = false
+     */
+    needEmptyColumn?: boolean;
+}

package/lib/components/Table/type.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ETableSettingType = void 0;
+var ETableSettingType;
+(function (ETableSettingType) {
+    ETableSettingType["SORT"] = "sort";
+    ETableSettingType["RESIZE"] = "resize";
+})(ETableSettingType = exports.ETableSettingType || (exports.ETableSettingType = {}));

package/lib/components/Table/util.d.ts

@@ -0,0 +1,59 @@
+import { IColumnsType, IColumnType, ISaveFieldItem } from './type';
+/**
+ * 如果支持拖拽，在屏幕宽度大于table总的列宽的时候，添加一个空白列，宽度auto.
+ * 空白列添加到右固定列的前面
+ * @param columns 列
+ * @param hiddenColumns 隐藏列
+ * @param needEmptyColumn 是否需要填充空白列， 默认需要填充
+ * @returns
+ */
+export declare function addEmptyColumn(columns: IKeyValues[], hiddenColumns?: string[], needEmptyColumn?: boolean): IKeyValues<any>[];
+/**
+ *
+ * @param columns 原始数据
+ * @param settingFields 已配置的列
+ * @param hiddenColumns 默认隐藏的列
+ * @returns sortableColumns 排序的列
+ * @returns hiddenColumns 隐藏的列
+ */
+export declare function getSortAndHiddenKeys<T>(columns: Array<IColumnType<T>>, settingFields: ISaveFieldItem[], hiddenColumns?: string[]): {
+    sortableColumns: ISaveFieldItem[];
+    settingFields: ISaveFieldItem[];
+    hiddenColumns: string[];
+};
+/**
+ * 对列做排序（疑问： 是否可以只对key 排序，不影响其他内容）
+ * 重申此函数的意义，跑排序table的columns
+ *
+ * @param source 原始数组
+ * @param sortKeys 排序的列
+ * @param hiddenColumn 隐藏的列
+ * @returns 返回排序后的列
+ */
+export declare function getSortedCoulmns(source: IKeyValues[], sortKeys: string[], hiddenColumn: string[]): IKeyValues<any>[];
+/**
+ *
+ * @param source 列数组
+ * @returns allKeys 所有列的key, unconfigableKeys: 不能配置的列  resetKeys 可以配置的
+ */
+export declare function getColumnKeys(source: IKeyValues[]): {
+    allKeys: string[];
+    unconfigableKeys: string[];
+    resetKeys: string[];
+};
+/**
+ *
+ * @param columns 原始的列
+ * @param saveFields 配置信息
+ * @returns
+ */
+export declare function getResizeColumns<T>(columns: IKeyValues[], settingFields: ISaveFieldItem[], resizable: boolean, handleResize: (col: IColumnType<T>, size: {
+    width: number;
+    height: number;
+}, oldColumn: IColumnsType<T>) => void): IKeyValues<any>[];
+/**
+ *
+ * @param saveSettingKey 配置key
+ * @returns 返回localStorage 配置信息
+ */
+export declare function getLocalSettings(saveSettingKey?: string): ISaveFieldItem[];

package/lib/components/Table/util.js

@@ -0,0 +1,233 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spread = (this && this.__spread) || function () {
+    for (var ar = [], i = 0; i < arguments.length; i++) ar = ar.concat(__read(arguments[i]));
+    return ar;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getLocalSettings = exports.getResizeColumns = exports.getColumnKeys = exports.getSortedCoulmns = exports.getSortAndHiddenKeys = exports.addEmptyColumn = void 0;
+var lodash_1 = require("lodash");
+/**
+ * 如果支持拖拽，在屏幕宽度大于table总的列宽的时候，添加一个空白列，宽度auto.
+ * 空白列添加到右固定列的前面
+ * @param columns 列
+ * @param hiddenColumns 隐藏列
+ * @param needEmptyColumn 是否需要填充空白列， 默认需要填充
+ * @returns
+ */
+function addEmptyColumn(columns, hiddenColumns, needEmptyColumn) {
+    if (hiddenColumns === void 0) { hiddenColumns = []; }
+    var cols = hiddenColumns.length === 0
+        ? columns
+        : columns.filter(function (col) { return !lodash_1.includes(hiddenColumns, col.dataIndex); });
+    if (needEmptyColumn === false)
+        return cols;
+    var firstFixedRightIndex = cols.findIndex(function (item) { return lodash_1.get(item, 'fixed') === 'right'; });
+    var column = {
+        title: '',
+        dataIndex: '__empty__',
+        key: '__empty__'
+    };
+    if (firstFixedRightIndex === -1) {
+        cols.push(column);
+    }
+    else {
+        cols.splice(firstFixedRightIndex, 0, column);
+    }
+    return cols;
+}
+exports.addEmptyColumn = addEmptyColumn;
+// 根据列，以及之前存储的列的一些信息，获取那些列需要隐藏，那些列可以排序
+/**
+ *
+ * @param columns 原始数据
+ * @param settingFields 已配置的列
+ * @param hiddenColumns 默认隐藏的列
+ * @returns sortableColumns 排序的列
+ * @returns hiddenColumns 隐藏的列
+ */
+function getSortAndHiddenKeys(columns, settingFields, hiddenColumns) {
+    if (hiddenColumns === void 0) { hiddenColumns = []; }
+    var sortableColumns = [];
+    var hideKeys = [];
+    var newSettingFields = [];
+    // 已配置的列和实际的对不上
+    // 可能新增或者删除列的情况
+    // 已配置列
+    // 旧类型数据为对象类型，未配置
+    columns.forEach(function (column) {
+        var settingField = settingFields.find(function (field) { return field.field === (column.dataIndex || column.key); });
+        newSettingFields.push(settingField || {
+            field: (column.dataIndex || column.key).toString(),
+            fixed: column.fixed
+        });
+        if (column.dataIndex && !(column.fixed || column.configurable === false)) {
+            if (settingField) {
+                if (settingField.hide) {
+                    hideKeys.push(settingField.field);
+                }
+                else {
+                    sortableColumns.push(settingField);
+                }
+            }
+            else {
+                sortableColumns.push({
+                    field: column.dataIndex.toString(),
+                    fixed: column.fixed
+                });
+            }
+        }
+    });
+    return {
+        sortableColumns: sortableColumns,
+        settingFields: newSettingFields,
+        hiddenColumns: lodash_1.uniq(hiddenColumns.concat(hideKeys))
+    };
+}
+exports.getSortAndHiddenKeys = getSortAndHiddenKeys;
+/**
+ * 对列做排序（疑问： 是否可以只对key 排序，不影响其他内容）
+ * 重申此函数的意义，跑排序table的columns
+ *
+ * @param source 原始数组
+ * @param sortKeys 排序的列
+ * @param hiddenColumn 隐藏的列
+ * @returns 返回排序后的列
+ */
+function getSortedCoulmns(source, sortKeys, hiddenColumn) {
+    var fixedRightColumn = [];
+    var fixedLeftColumn = [];
+    var selectedCols = [];
+    var unconfigurableCols = [];
+    source.forEach(function (column) {
+        if (column.fixed === 'left' || column.fixed === true) {
+            fixedLeftColumn.push(column);
+        }
+        else if (column.fixed === 'right') {
+            fixedRightColumn.push(column);
+        }
+        else if (column.configurable === false) {
+            unconfigurableCols.push(column);
+        }
+        else if (!lodash_1.includes(hiddenColumn, column.key)) {
+            selectedCols.push(column);
+        }
+    });
+    var sortColumns = sortKeys
+        .map(function (key) { return source.find(function (column) { return column.dataIndex === key; }); })
+        .filter(function (f) { return !!f; });
+    // 顺序应该是： 左固定列、不可配置列、排序列、右固定列
+    return __spread(fixedLeftColumn, unconfigurableCols, sortColumns, fixedRightColumn);
+}
+exports.getSortedCoulmns = getSortedCoulmns;
+/**
+ *
+ * @param source 列数组
+ * @returns allKeys 所有列的key, unconfigableKeys: 不能配置的列  resetKeys 可以配置的
+ */
+function getColumnKeys(source) {
+    var allKeys = [];
+    var unconfigableKeys = [];
+    var resetKeys = [];
+    source.forEach(function (col) {
+        if (col.key) {
+            // 不可配置，或者列固定的列，（在这里统称不可配置的列）
+            if (col.configurable === false || col.fixed) {
+                unconfigableKeys.push(col.key.toString());
+            }
+            else {
+                resetKeys.push(col.key.toString());
+            }
+            allKeys.push(col.key.toString());
+        }
+    });
+    return {
+        allKeys: allKeys,
+        unconfigableKeys: unconfigableKeys,
+        resetKeys: resetKeys
+    };
+}
+exports.getColumnKeys = getColumnKeys;
+/**
+ *
+ * @param columns 原始的列
+ * @param saveFields 配置信息
+ * @returns
+ */
+function getResizeColumns(columns, settingFields, resizable, handleResize) {
+    // debugger
+    if (!resizable && settingFields.length === 0)
+        return columns;
+    var transformColumns = columns.map(function (col, index) {
+        var _a;
+        var dataIndex = lodash_1.get(col, 'dataIndex');
+        var width = (_a = settingFields === null || settingFields === void 0 ? void 0 : settingFields.find(function (f) { return f.field === dataIndex; })) === null || _a === void 0 ? void 0 : _a.width;
+        if (lodash_1.get(col, 'resizable') && resizable) {
+            return __assign(__assign({}, col), { width: lodash_1.isNumber(width) ? width : lodash_1.get(col, 'width'), ellipsis: {
+                    showTitle: true
+                }, onHeaderCell: function (col) {
+                    var _a;
+                    return ({
+                        width: col.width,
+                        // !传入newColumn，而不传入column是因为需要拿到有onHeaderCell的值，外面column的变化内部监听不到
+                        onResize: function (_, _a) {
+                            var size = _a.size;
+                            handleResize(col, size, transformColumns);
+                        },
+                        isLastColumn: index === ((_a = (columns || [])) === null || _a === void 0 ? void 0 : _a.length) - 1
+                    });
+                } });
+        }
+        return lodash_1.isNumber(width) ? __assign(__assign({}, col), { width: width }) : col;
+    });
+    return transformColumns;
+}
+exports.getResizeColumns = getResizeColumns;
+/**
+ *
+ * @param saveSettingKey 配置key
+ * @returns 返回localStorage 配置信息
+ */
+function getLocalSettings(saveSettingKey) {
+    var settingFields = [];
+    if (saveSettingKey) {
+        try {
+            var settingStr = localStorage.getItem(saveSettingKey);
+            var settingConfig = !!settingStr && JSON.parse(settingStr);
+            if (lodash_1.isArray(settingConfig)) {
+                settingFields = settingConfig;
+            }
+        }
+        catch (error) {
+            throw new Error("parse " + saveSettingKey + " error: " + error + ", please check the data format");
+        }
+    }
+    return settingFields;
+}
+exports.getLocalSettings = getLocalSettings;