ztxkui 4.2.18-101 → 4.2.18-103

package/dist/components/ProForm/record-common-list.js

@@ -0,0 +1,83 @@
+import i18next from 'ztxkutils/dist/i18next';
+import React from 'react';
+import { Popconfirm } from '../../index';
+import { DeleteOutlined } from '@ant-design/icons';
+import classNames from 'classnames';
+import { DndProvider } from 'react-dnd';
+import { HTML5Backend } from 'react-dnd-html5-backend';
+import RecordCommonItem from '../business/SearchContainer/record-common-item';
+import useMemoizedFn from '../utils/useMemoizedFn';
+import update from 'immutability-helper';
+import { setDynamicKey } from './hooks';
+var RecordCommonList = function (props) {
+    var recordCommonList = props.recordCommonList, currentRecordCommonSearchKey = props.currentRecordCommonSearchKey, setCurrentRecordCommonSearchKey = props.setCurrentRecordCommonSearchKey, form = props.form, reTransformData = props.reTransformData, deleteData = props.deleteData, setReplaceData = props.setReplaceData, updateServerData = props.updateServerData, onSearchHandle = props.onSearchHandle, setCurrentDynamicList = props.setCurrentDynamicList, showDynamicKey = props.showDynamicKey;
+    var handleClick = function (item) {
+        if (currentRecordCommonSearchKey === item.key) {
+            setCurrentRecordCommonSearchKey === null || setCurrentRecordCommonSearchKey === void 0 ? void 0 : setCurrentRecordCommonSearchKey('');
+            return;
+        }
+        setCurrentRecordCommonSearchKey === null || setCurrentRecordCommonSearchKey === void 0 ? void 0 : setCurrentRecordCommonSearchKey(item.key);
+        // 更新动态列配置
+        if (showDynamicKey && item.dynamicList) {
+            setCurrentDynamicList === null || setCurrentDynamicList === void 0 ? void 0 : setCurrentDynamicList(item.dynamicList || []);
+            setDynamicKey(showDynamicKey, item.dynamicList || '', {
+                isNotSaveToServer: true,
+            });
+        }
+        setTimeout(function () {
+            // 更新动态列配置
+            var formData = reTransformData === null || reTransformData === void 0 ? void 0 : reTransformData(item.value, item.timeKeys);
+            item.dynamicList.forEach(function (formItem) {
+                if (formItem.show) {
+                    if (formData.hasOwnProperty(formItem.name)) {
+                        // 只要 formData 里有这个字段（包括 null 或空字符串），就保留；否则置为 undefined
+                        formData[formItem.name] = formData[formItem.name];
+                    }
+                    else {
+                        formData[formItem.name] = undefined;
+                    }
+                }
+            });
+            form === null || form === void 0 ? void 0 : form.setFieldsValue(formData);
+            // 触发查询事件
+            onSearchHandle === null || onSearchHandle === void 0 ? void 0 : onSearchHandle();
+        }, 100);
+    };
+    var deleteItem = function (index) {
+        deleteData === null || deleteData === void 0 ? void 0 : deleteData(index);
+    };
+    var onMoveItem = useMemoizedFn(function (dragIndex, hoverIndex) {
+        // 由于对于固定列，不能进行拖拽排序，所以需要找出所有包含固定列的属性出来
+        var dragCard = recordCommonList[dragIndex];
+        var currentList = update(recordCommonList, {
+            $splice: [
+                [dragIndex, 1],
+                [hoverIndex, 0, dragCard],
+            ],
+        });
+        setReplaceData === null || setReplaceData === void 0 ? void 0 : setReplaceData(currentList);
+    });
+    var onMoveEnd = useMemoizedFn(function () {
+        updateServerData === null || updateServerData === void 0 ? void 0 : updateServerData();
+    });
+    return recordCommonList.length > 0 ? (React.createElement("div", { className: "record-common-list--container" },
+        React.createElement("div", { className: "record-common-list--title" }, i18next.t('常用搜索')),
+        React.createElement("div", { className: "record-common-list--item--container" },
+            React.createElement(DndProvider, { backend: HTML5Backend, context: window }, recordCommonList.map(function (item, index) { return (React.createElement(RecordCommonItem, { type: "record-common-item", key: item.key, onMoveItem: onMoveItem, onMoveEnd: onMoveEnd, index: index, className: classNames('record-common-list--item', {
+                    'record-common-list--item--active': currentRecordCommonSearchKey === item.key,
+                }), onClick: function () {
+                    handleClick(item);
+                } },
+                React.createElement("div", { className: "record-common-list--item--title", title: item.title }, item.title),
+                React.createElement(Popconfirm, { title: i18next.t('确认删除吗？'), onConfirm: function (e) {
+                        var _a, _b;
+                        (_a = e === null || e === void 0 ? void 0 : e.preventDefault) === null || _a === void 0 ? void 0 : _a.call(e);
+                        (_b = e === null || e === void 0 ? void 0 : e.stopPropagation) === null || _b === void 0 ? void 0 : _b.call(e);
+                        deleteItem === null || deleteItem === void 0 ? void 0 : deleteItem(index);
+                        if (item.key === currentRecordCommonSearchKey) {
+                            setCurrentRecordCommonSearchKey === null || setCurrentRecordCommonSearchKey === void 0 ? void 0 : setCurrentRecordCommonSearchKey('');
+                        }
+                    }, onCancel: function (e) { var _a; return (_a = e === null || e === void 0 ? void 0 : e.stopPropagation) === null || _a === void 0 ? void 0 : _a.call(e); } },
+                    React.createElement(DeleteOutlined, { onClick: function (e) { var _a; return (_a = e === null || e === void 0 ? void 0 : e.stopPropagation) === null || _a === void 0 ? void 0 : _a.call(e); }, className: "record-common-list--delete" })))); }))))) : null;
+};
+export default RecordCommonList;

package/dist/components/ProForm/search-drawer.d.ts

@@ -7,6 +7,8 @@ interface IProps {
     onReset: () => void;
     dynamicList: ISearchLayout[];
     disabledHideItem?: boolean;
+    dynamicStorageKey?: string;
+    title?: string;
 }
 declare const _default: React.NamedExoticComponent<IProps>;
 export default _default;

package/dist/components/ProForm/search-drawer.js

@@ -15,16 +15,18 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from) {
     return to;
 };
 import i18next from 'ztxkutils/dist/i18next';
-import React, { memo, useCallback, useMemo, useState, useEffect } from 'react';
+import React, { memo, useCallback, useMemo, useState, useEffect, useRef, } from 'react';
 import { SettingOutlined } from '@ant-design/icons';
 import { Drawer, Button, Sortable, Checkbox, SortableCancel, Input, message, } from '../../index';
 import { DndProvider, useDrop } from 'react-dnd';
 import { HTML5Backend } from 'react-dnd-html5-backend';
 import update from 'immutability-helper';
+import throttle from 'lodash/throttle';
 var typeSymbol = Symbol('search-drawer');
 var SearchDrawer = function (_a) {
-    var visible = _a.visible, onClose = _a.onClose, onReset = _a.onReset, onSure = _a.onSure, dynamicList = _a.dynamicList, disabledHideItem = _a.disabledHideItem;
-    var _b = useState(dynamicList), innerDynamicList = _b[0], setInnerDynamicList = _b[1];
+    var _b;
+    var visible = _a.visible, onClose = _a.onClose, onReset = _a.onReset, onSure = _a.onSure, dynamicList = _a.dynamicList, disabledHideItem = _a.disabledHideItem, dynamicStorageKey = _a.dynamicStorageKey, title = _a.title;
+    var _c = useState(dynamicList), innerDynamicList = _c[0], setInnerDynamicList = _c[1];
     useEffect(function () {
         setInnerDynamicList(dynamicList);
     }, [dynamicList]);
@@ -37,8 +39,8 @@ var SearchDrawer = function (_a) {
         });
         return _checkedValues;
     }, [innerDynamicList]);
-    var _c = useState(null), filterDynamicColumns = _c[0], setFilterDynamicColumns = _c[1];
-    var _d = useState([]), filterCheckedValues = _d[0], setFilterCheckedValues = _d[1];
+    var _d = useState(null), filterDynamicColumns = _d[0], setFilterDynamicColumns = _d[1];
+    var _e = useState([]), filterCheckedValues = _e[0], setFilterCheckedValues = _e[1];
     var onFindItemHandle = useCallback(function (id) {
         var dragItem = innerDynamicList === null || innerDynamicList === void 0 ? void 0 : innerDynamicList.filter(function (c) { return "" + c.name === id; })[0];
         return {
@@ -176,26 +178,59 @@ var SearchDrawer = function (_a) {
         setFilterCheckedValues(checkedValues.filter(function (key) { return !filterColumns.find(function (column) { return column.name === key; }); }));
         setFilterDynamicColumns(filterColumns);
     };
+    var onSearchHandleThrottle = useCallback(throttle(function (e) {
+        onSearchHandle(e.target.value);
+    }, 500, { trailing: true }), [onSearchHandle]);
     return (React.createElement(Drawer, { className: "search-drawer", title: React.createElement("div", null,
             React.createElement(SettingOutlined, { style: { fontSize: 16 } }),
             React.createElement("span", { className: "search-drawer--title-text" },
-                i18next.t('查询条件自定义'),
+                title ? title : i18next.t('查询条件自定义'),
                 React.createElement("span", null, i18next.t('（拖拽排序）')))), width: 290, placement: "right", visible: visible, closable: false, maskClosable: false, footer: renderFooter() },
-        React.createElement(DndProvider, { backend: HTML5Backend, context: window }, disabledHideItem ? (React.createElement(React.Fragment, null, innerDynamicList.map(function (item, index) { return (React.createElement(Sortable, { key: item.name, type: "search-drawer", index: index, onMoveItem: onMoveItem },
-            React.createElement("div", null, item.label || item.name))); }))) : (React.createElement("div", { className: "search-drawer--filter" },
+        React.createElement(DndProvider, { backend: HTML5Backend, context: window }, disabledHideItem ? (React.createElement(React.Fragment, null, innerDynamicList.map(function (item, index) {
+            var isActive = filterDynamicColumns === null || filterDynamicColumns === void 0 ? void 0 : filterDynamicColumns.find(function (column) { return column.name === item.name; });
+            return (React.createElement(Sortable, { className: isActive ? 'active' : '', key: item.name, type: "search-drawer", index: index, onMoveItem: onMoveItem },
+                React.createElement("div", null, item.label || item.name)));
+        }))) : (React.createElement("div", { className: "search-drawer--filter" },
             React.createElement("div", { className: "search-drawer--filter-input" },
-                React.createElement(Input.Search, { placeholder: i18next.t('搜索'), onSearch: onSearchHandle }),
+                React.createElement(Input.Search, { placeholder: i18next.t('搜索'), onChange: onSearchHandleThrottle, onSearch: onSearchHandle }),
                 React.createElement(Button, { type: "default", className: "selector-all", loading: false, onClick: function () { return onCheckBtn('all'); } }, i18next.t('全选')),
                 React.createElement(Button, { type: "default", className: "selector-inverse", loading: false, onClick: function () { return onCheckBtn('inverse'); } }, i18next.t('反选'))),
+            React.createElement("div", { className: "search-drawer--filter-count" }, filterDynamicColumns !== null
+                ? i18next.t('共 {{total}} 项，命中 {{count}} 项', {
+                    total: innerDynamicList.length,
+                    count: (_b = filterDynamicColumns === null || filterDynamicColumns === void 0 ? void 0 : filterDynamicColumns.length) !== null && _b !== void 0 ? _b : 0,
+                })
+                : i18next.t('共 {{total}} 项', {
+                    total: innerDynamicList.length,
+                })),
             React.createElement(Checkbox.Group, { value: checkedValues, onChange: onCheckboxChange },
-                React.createElement(Container, { dynamicColumns: filterDynamicColumns || innerDynamicList, onFindItemHandle: onFindItemHandle, onMoveItemHandle: onMoveItemHandle })))))));
+                React.createElement(Container
+                // dynamicColumns={filterDynamicColumns || innerDynamicList}
+                , { 
+                    // dynamicColumns={filterDynamicColumns || innerDynamicList}
+                    dynamicColumns: innerDynamicList, filterDynamicColumns: filterDynamicColumns, onFindItemHandle: onFindItemHandle, onMoveItemHandle: onMoveItemHandle })))))));
 };
 function Container(_a) {
-    var dynamicColumns = _a.dynamicColumns, onFindItemHandle = _a.onFindItemHandle, onMoveItemHandle = _a.onMoveItemHandle;
+    var dynamicColumns = _a.dynamicColumns, filterDynamicColumns = _a.filterDynamicColumns, onFindItemHandle = _a.onFindItemHandle, onMoveItemHandle = _a.onMoveItemHandle;
     var _b = useDrop(function () { return ({ accept: typeSymbol }); }), drop = _b[1];
-    return (React.createElement("div", { ref: drop }, Array.isArray(dynamicColumns) &&
+    var containerRef = useRef(null);
+    // 搜索过滤变化时，滚动到第一个命中项
+    useEffect(function () {
+        if (filterDynamicColumns && filterDynamicColumns.length > 0) {
+            requestAnimationFrame(function () {
+                var _a;
+                var firstActive = (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.querySelector('.zt-sortable.active');
+                firstActive === null || firstActive === void 0 ? void 0 : firstActive.scrollIntoView({ behavior: 'smooth', block: 'center' });
+            });
+        }
+    }, [filterDynamicColumns]);
+    return (React.createElement("div", { ref: function (node) {
+            drop(node);
+            containerRef.current = node;
+        } }, Array.isArray(dynamicColumns) &&
         dynamicColumns.map(function (item, index) {
-            return item.name ? (React.createElement(SortableCancel, { type: typeSymbol, key: item.name, id: item.name, onFindItem: onFindItemHandle, onMoveItem: onMoveItemHandle, tipTitle: item.label || item.hiddenLabelName || item.name },
+            var isActive = filterDynamicColumns === null || filterDynamicColumns === void 0 ? void 0 : filterDynamicColumns.find(function (column) { return column.name === item.name; });
+            return item.name ? (React.createElement(SortableCancel, { className: isActive ? 'active' : '', type: typeSymbol, key: item.name, id: item.name, onFindItem: onFindItemHandle, onMoveItem: onMoveItemHandle, tipTitle: item.label || item.hiddenLabelName || item.name },
                 React.createElement(Checkbox, { value: item.name, disabled: item.disabled || item.dynamicDisabled }, item.label || item.hiddenLabelName || item.name))) : null;
         })));
 }

package/dist/components/ProForm/setting.js

@@ -1,13 +1,12 @@
-import React, { memo } from 'react';
-import { SettingOutlined } from '@ant-design/icons';
+import React, { memo, useImperativeHandle } from 'react';
 import { useDrawer } from './hooks';
 import SearchDrawer from './search-drawer';
 function Setting(props) {
-    var list = props.list, initList = props.initList, showDynamicKey = props.showDynamicKey, setCurrentDynamicList = props.setCurrentDynamicList;
+    var list = props.list, initList = props.initList, showDynamicKey = props.showDynamicKey, setCurrentDynamicList = props.setCurrentDynamicList, disabledHideItem = props.disabledHideItem, handleRef = props.handleRef, hideTemplateSetting = props.hideTemplateSetting, title = props.title;
     var _a = useDrawer(initList, setCurrentDynamicList, showDynamicKey), visible = _a.visible, setVisible = _a.setVisible, onClose = _a.onClose, onReset = _a.onReset, onSure = _a.onSure;
-    return (React.createElement("div", { className: "pro-form__middle" },
-        Array.isArray(list) && list.length ? (React.createElement("div", { className: "pro-form__middle--setting", onClick: function () { return setVisible(true); } },
-            React.createElement(SettingOutlined, { style: { fontSize: 18, color: '#768696' } }))) : null,
-        Array.isArray(list) && list.length ? (React.createElement(SearchDrawer, { visible: visible, onClose: onClose, onSure: onSure, onReset: onReset, dynamicList: list })) : null));
+    useImperativeHandle(handleRef, function () { return ({
+        open: function () { return setVisible(true); },
+    }); });
+    return (React.createElement(React.Fragment, null, Array.isArray(list) && list.length ? (React.createElement(SearchDrawer, { visible: visible, onClose: onClose, onSure: onSure, onReset: onReset, dynamicList: list, disabledHideItem: disabledHideItem, dynamicStorageKey: showDynamicKey, initDynamicArr: initList, hideTemplateSetting: hideTemplateSetting, title: title })) : null));
 }
 export default memo(Setting);

package/dist/components/ProForm/useCommonSearch.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import { ISearchLayout } from './interface';
+export declare const COMMON_SEARCH_KEY = "ztxk_form_common_record_search_key";
+interface ICommonSearch {
+    /**
+     * 当前表单用哪个key来存储数据
+     */
+    commonSearchKey: string;
+    isCommonSearchEnabled?: boolean;
+}
+export declare function useCommonSearch(options: ICommonSearch): {
+    commonSearchList: any[];
+    setCommonSearchList: React.Dispatch<React.SetStateAction<any[]>>;
+    currentCommonSearchKey: string;
+    setCurrentCommonSearchKey: React.Dispatch<React.SetStateAction<string>>;
+    reTransformData: (data: any, timeKeys?: any) => any;
+    setData: (data: any) => Promise<void>;
+    deleteData: (localIndex: number) => Promise<void>;
+    setReplaceData: (data: any) => Promise<any>;
+    updateServerData: () => Promise<void>;
+};
+interface ICommonSearchModal {
+    commonSearchList?: any[];
+    currentCommonSearchKey?: string;
+    setCurrentCommonSearchKey?: any;
+    form?: any;
+    setData?: any;
+    isCommonSearchEnabled?: boolean;
+    currentDynamicList?: ISearchLayout[];
+    setCurrentDynamicList?: (list: ISearchLayout[]) => void;
+}
+export declare function useCommonSearchModal(options: ICommonSearchModal): {
+    onCommonSearchHandle: () => void;
+};
+export {};

package/dist/components/ProForm/useCommonSearch.js

@@ -0,0 +1,352 @@
+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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import i18next from 'ztxkutils/dist/i18next';
+import React, { useRef, useState, useEffect, forwardRef, useImperativeHandle, } from 'react';
+import { Modal, message, Input } from '../../index';
+import MyStorage from '../utils/MyStorage';
+import dayjs from 'dayjs';
+import { catchHandle } from '../utils/fetch';
+export var COMMON_SEARCH_KEY = 'ztxk_form_common_record_search_key';
+// 常用搜索hooks
+export function useCommonSearch(options) {
+    var _this = this;
+    var commonSearchKey = options.commonSearchKey, isCommonSearchEnabled = options.isCommonSearchEnabled;
+    // 常用搜索列表存储实例
+    var storageRef = useRef(isCommonSearchEnabled
+        ? new MyStorage({ tableKey: COMMON_SEARCH_KEY })
+        : null);
+    // 常用搜索列表
+    var _a = useState([]), commonSearchList = _a[0], setCommonSearchList = _a[1];
+    // 当前选中的常用搜索key值
+    var _b = useState(''), currentCommonSearchKey = _b[0], setCurrentCommonSearchKey = _b[1];
+    // 初始化常用搜索列表
+    useEffect(function () {
+        if (commonSearchKey && storageRef.current) {
+            storageRef.current
+                .getItem(commonSearchKey)
+                .then(function (res) { return setCommonSearchList(res || []); });
+        }
+    }, []);
+    /**
+     * description: 数据转换。主要是将时间对象转成字符串
+     */
+    var transformData = function (data) {
+        // 处理数据，将数据中的时间对象做一下转换
+        var dataValue = data;
+        var newDataValue = {}; // 为了不影响之前的数据
+        var timeKeys = [];
+        if (dataValue) {
+            Object.keys(dataValue).forEach(function (key) {
+                var value = dataValue[key];
+                if (Array.isArray(value)) {
+                    newDataValue[key] = [];
+                    value.forEach(function (item) {
+                        if (dayjs.isDayjs(item)) {
+                            timeKeys.push(key);
+                            newDataValue[key].push(dayjs(item).format('YYYY-MM-DD HH:mm:ss'));
+                        }
+                        else {
+                            newDataValue[key].push(item);
+                        }
+                    });
+                }
+                else {
+                    var itemIsDayjs = dayjs.isDayjs(value);
+                    if (itemIsDayjs) {
+                        timeKeys.push(key);
+                    }
+                    newDataValue[key] = itemIsDayjs
+                        ? dayjs(value).format('YYYY-MM-DD HH:mm:ss')
+                        : value;
+                }
+            });
+        }
+        return {
+            newDataValue: newDataValue,
+            timeKeys: timeKeys,
+        };
+    };
+    /**
+     * @description: 数据转换。主要是将时间字符串转成时间对象。
+     */
+    var reTransformData = function (data, timeKeys) {
+        if (timeKeys === void 0) { timeKeys = []; }
+        // 处理数据，将数据中的时间对象做一下转换
+        var dataValue = data;
+        var newDataValue = {}; // 为了不影响之前的数据
+        if (dataValue) {
+            Object.keys(dataValue).forEach(function (key) {
+                var value = dataValue[key];
+                if (Array.isArray(value)) {
+                    newDataValue[key] = [];
+                    value.forEach(function (item) {
+                        if (timeKeys.includes(key)) {
+                            newDataValue[key].push(dayjs(item));
+                        }
+                        else {
+                            newDataValue[key].push(item);
+                        }
+                    });
+                }
+                else {
+                    newDataValue[key] = timeKeys.includes(key) ? dayjs(value) : value;
+                }
+            });
+        }
+        return newDataValue;
+    };
+    /**
+     * description: 存储数据
+     * @param {*} data 常用搜索数据
+     * @param {*} localIndex 本地存储索引 如果传了索引 就是修改
+     */
+    var setData = function (data) { return __awaiter(_this, void 0, void 0, function () {
+        var localKey, _a, newDataValue, timeKeys, saveData;
+        var _b;
+        return __generator(this, function (_c) {
+            localKey = commonSearchKey;
+            _a = transformData(data.value), newDataValue = _a.newDataValue, timeKeys = _a.timeKeys;
+            saveData = __assign(__assign({}, data), { value: newDataValue, timeKeys: timeKeys });
+            return [2 /*return*/, (_b = storageRef === null || storageRef === void 0 ? void 0 : storageRef.current) === null || _b === void 0 ? void 0 : _b.getItem(localKey).then(function (res) {
+                    var _a, _b;
+                    // 处理数据，将数据中的时间对象做一下转换
+                    var result = res;
+                    if (!result) {
+                        result = [saveData];
+                    }
+                    else if (Array.isArray(result)) {
+                        var index = result.findIndex(function (item) { return item.key === saveData.key; });
+                        if (index !== -1) {
+                            result[index] = saveData;
+                        }
+                        else {
+                            result.unshift(saveData);
+                        }
+                    }
+                    setCommonSearchList(result);
+                    return (_b = (_a = storageRef === null || storageRef === void 0 ? void 0 : storageRef.current) === null || _a === void 0 ? void 0 : _a.setItem(localKey, result)) === null || _b === void 0 ? void 0 : _b.then(function () {
+                        return updateServerData();
+                    });
+                })];
+        });
+    }); };
+    /**
+     * description: 删除数据
+     * @param {*} localIndex 本地存储索引
+     */
+    var deleteData = function (localIndex) { return __awaiter(_this, void 0, void 0, function () {
+        var localKey;
+        var _a;
+        return __generator(this, function (_b) {
+            localKey = commonSearchKey;
+            return [2 /*return*/, (_a = storageRef === null || storageRef === void 0 ? void 0 : storageRef.current) === null || _a === void 0 ? void 0 : _a.getItem(localKey).then(function (res) {
+                    var _a, _b;
+                    if (Array.isArray(res)) {
+                        res.splice(localIndex, 1);
+                        (_b = (_a = storageRef === null || storageRef === void 0 ? void 0 : storageRef.current) === null || _a === void 0 ? void 0 : _a.setItem(localKey, res)) === null || _b === void 0 ? void 0 : _b.then(function () {
+                            return updateServerData();
+                        });
+                        setCommonSearchList(res);
+                    }
+                })];
+        });
+    }); };
+    /**
+     * description: 直接替换原有数据
+     * @param {*} data 常用搜索数据
+     */
+    var setReplaceData = function (data) { return __awaiter(_this, void 0, void 0, function () {
+        var localKey;
+        var _a;
+        return __generator(this, function (_b) {
+            localKey = commonSearchKey;
+            setCommonSearchList(data);
+            return [2 /*return*/, (_a = storageRef === null || storageRef === void 0 ? void 0 : storageRef.current) === null || _a === void 0 ? void 0 : _a.setItem(localKey, data)];
+        });
+    }); };
+    /**
+     * 直接更新服务器数据
+     */
+    var updateServerData = function () { return __awaiter(_this, void 0, void 0, function () {
+        var _this = this;
+        var _a, _b;
+        return __generator(this, function (_c) {
+            return [2 /*return*/, (_b = (_a = storageRef.current) === null || _a === void 0 ? void 0 : _a.getAllItems()) === null || _b === void 0 ? void 0 : _b.then(function (res) { return __awaiter(_this, void 0, void 0, function () {
+                    var error_1;
+                    return __generator(this, function (_a) {
+                        switch (_a.label) {
+                            case 0:
+                                _a.trys.push([0, 2, , 3]);
+                                return [4 /*yield*/, (catchHandle === null || catchHandle === void 0 ? void 0 : catchHandle({
+                                        customKey: COMMON_SEARCH_KEY,
+                                        customValue: JSON.stringify(res),
+                                        mark: i18next.t('常用搜索用户配置'),
+                                    }))];
+                            case 1:
+                                _a.sent();
+                                return [3 /*break*/, 3];
+                            case 2:
+                                error_1 = _a.sent();
+                                console.error(i18next.t('更新服务器数据失败!'), error_1);
+                                return [3 /*break*/, 3];
+                            case 3: return [2 /*return*/];
+                        }
+                    });
+                }); })];
+        });
+    }); };
+    return {
+        commonSearchList: commonSearchList,
+        setCommonSearchList: setCommonSearchList,
+        currentCommonSearchKey: currentCommonSearchKey,
+        setCurrentCommonSearchKey: setCurrentCommonSearchKey,
+        reTransformData: reTransformData,
+        setData: setData,
+        deleteData: deleteData,
+        setReplaceData: setReplaceData,
+        updateServerData: updateServerData,
+    };
+}
+export function useCommonSearchModal(options) {
+    var commonSearchList = options.commonSearchList, currentCommonSearchKey = options.currentCommonSearchKey, form = options.form, setData = options.setData, isCommonSearchEnabled = options.isCommonSearchEnabled, setCurrentCommonSearchKey = options.setCurrentCommonSearchKey, currentDynamicList = options.currentDynamicList;
+    var iptRef = useRef(null);
+    useEffect(function () {
+        var _a;
+        if (!isCommonSearchEnabled) {
+            return;
+        }
+        if (!(commonSearchList === null || commonSearchList === void 0 ? void 0 : commonSearchList.length)) {
+            return;
+        }
+        var currentCommon = commonSearchList.find(function (item) { return item.key === currentCommonSearchKey; });
+        if (currentCommon) {
+            (_a = iptRef.current) === null || _a === void 0 ? void 0 : _a.setValue(currentCommon.title);
+        }
+    }, [currentCommonSearchKey, commonSearchList, isCommonSearchEnabled]);
+    /**
+     * 保存为常用搜索事件
+     */
+    var onCommonSearchHandle = function () {
+        if (!form) {
+            message.info(i18next.t('组件需要接受表单实例form'));
+            return;
+        }
+        Modal.confirm({
+            icon: null,
+            // title: currentCommonSearchKey ? "更新常用搜索" : "保存为常用搜索",
+            title: i18next.t('保存为常用搜索'),
+            content: React.createElement(MyInput, { ref: iptRef }),
+            onOk: function () {
+                var _a, _b;
+                return __awaiter(this, void 0, void 0, function () {
+                    var currentCommonName, currentData, data, err_1;
+                    return __generator(this, function (_c) {
+                        switch (_c.label) {
+                            case 0:
+                                currentCommonName = (_a = iptRef.current) === null || _a === void 0 ? void 0 : _a.getValue();
+                                if (!currentCommonName) {
+                                    message.info(i18next.t('请输入常用搜索名称！'));
+                                    return [2 /*return*/, Promise.reject(new Error(i18next.t('请输入常用搜索名称！')))];
+                                }
+                                currentData = form.getFieldsValue();
+                                console.log(i18next.t('当前表单数据'), currentData);
+                                data = {
+                                    title: currentCommonName,
+                                    value: currentData,
+                                    // key: currentCommonSearchKey || Date.now(),
+                                    key: Date.now(),
+                                    dynamicList: currentDynamicList,
+                                };
+                                _c.label = 1;
+                            case 1:
+                                _c.trys.push([1, 3, , 4]);
+                                return [4 /*yield*/, (setData === null || setData === void 0 ? void 0 : setData(data))];
+                            case 2:
+                                _c.sent();
+                                setCurrentCommonSearchKey === null || setCurrentCommonSearchKey === void 0 ? void 0 : setCurrentCommonSearchKey(data.key);
+                                message.info(i18next.t('保存成功！'));
+                                (_b = iptRef.current) === null || _b === void 0 ? void 0 : _b.setValue('');
+                                return [3 /*break*/, 4];
+                            case 3:
+                                err_1 = _c.sent();
+                                message.info(i18next.t('保存常用搜索失败！'));
+                                return [2 /*return*/, Promise.reject(new Error(i18next.t('保存常用搜索失败！')))];
+                            case 4: return [2 /*return*/];
+                        }
+                    });
+                });
+            },
+            onCancel: function () {
+                console.log('Cancel');
+            },
+        });
+        setTimeout(function () {
+            if (!(commonSearchList === null || commonSearchList === void 0 ? void 0 : commonSearchList.length)) {
+                return;
+            }
+            var currentCommon = commonSearchList.find(function (item) { return item.key === currentCommonSearchKey; });
+            if (currentCommon) {
+                // iptRef.current?.setValue(currentCommon.title);
+            }
+        }, 0);
+    };
+    return {
+        onCommonSearchHandle: onCommonSearchHandle,
+    };
+}
+var MyInput = forwardRef(function (props, ref) {
+    var _a = useState(''), value = _a[0], setValue = _a[1];
+    var onChange = function (e) {
+        setValue(e.target.value);
+    };
+    useImperativeHandle(ref, function () { return ({
+        getValue: function () { return value; },
+        setValue: setValue,
+    }); });
+    return (React.createElement(Input, { placeholder: i18next.t('请输入常用搜索名称！'), value: value, onChange: onChange }));
+});

package/dist/components/Table/table-dynamic.d.ts

@@ -6,6 +6,7 @@ interface IProps<RecordType> {
     onReset?: () => void;
     onSave?: (columns: ColumnsType<RecordType> | undefined) => void;
     columns?: ColumnsType<RecordType>;
+    dynamicStorageKey?: string;
 }
 declare function TableDynamic<RecordType>(props: IProps<RecordType>): JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof TableDynamic>;