ztxkui 4.2.18-9 → 4.2.18-91

package/dist/components/business/SearchContainer/search-drawer.js

@@ -9,14 +9,21 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import React, { memo, useCallback, useMemo } from 'react';
+var __spreadArray = (this && this.__spreadArray) || function (to, from) {
+    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
+        to[j] = from[i];
+    return to;
+};
+import i18next from 'ztxkutils/dist/i18next';
+import React, { memo, useCallback, useMemo, useState } from 'react';
 import { SettingOutlined } from '@ant-design/icons';
-import { Drawer, Button, Sortable, Checkbox } from '../../../index';
-import { DndProvider } from 'react-dnd';
+import { Drawer, Button, Sortable, SortableCancel, Checkbox, Input, message, } from '../../../index';
+import { DndProvider, useDrop } from 'react-dnd';
 import { HTML5Backend } from 'react-dnd-html5-backend';
 import update from 'immutability-helper';
+var typeSymbol = Symbol('search-drawer');
 var SearchDrawer = function (_a) {
-    var visible = _a.visible, onClose = _a.onClose, onReset = _a.onReset, onSure = _a.onSure, onInsideChange = _a.onInsideChange, dynamicList = _a.dynamicList;
+    var visible = _a.visible, onClose = _a.onClose, onReset = _a.onReset, onSure = _a.onSure, onInsideChange = _a.onInsideChange, dynamicList = _a.dynamicList, disabledHideItem = _a.disabledHideItem;
     var checkedValues = useMemo(function () {
         var _checkedValues = [];
         dynamicList.forEach(function (item) {
@@ -26,6 +33,30 @@ var SearchDrawer = function (_a) {
         });
         return _checkedValues;
     }, [dynamicList]);
+    var _b = useState(null), filterDynamicColumns = _b[0], setFilterDynamicColumns = _b[1];
+    var _c = useState([]), filterCheckedValues = _c[0], setFilterCheckedValues = _c[1];
+    var onFindItemHandle = useCallback(function (id) {
+        var dragItem = dynamicList === null || dynamicList === void 0 ? void 0 : dynamicList.filter(function (c) { return "" + c.name === id; })[0];
+        return {
+            dragItem: dragItem,
+            index: dynamicList === null || dynamicList === void 0 ? void 0 : dynamicList.indexOf(dragItem),
+        };
+    }, [dynamicList]);
+    var onMoveItemHandle = useCallback(function (id, to) {
+        var _a = onFindItemHandle(id), dragItem = _a.dragItem, index = _a.index;
+        var currentList = update(dynamicList, {
+            $splice: [
+                [index, 1],
+                [to, 0, dragItem],
+            ],
+        });
+        onInsideChange && onInsideChange(currentList);
+        if (filterDynamicColumns) {
+            setFilterDynamicColumns(currentList.filter(function (c) {
+                return filterDynamicColumns === null || filterDynamicColumns === void 0 ? void 0 : filterDynamicColumns.find(function (f) { return f.name === c.name; });
+            }));
+        }
+    }, [onFindItemHandle, dynamicList, onInsideChange, filterDynamicColumns]);
     /**移动事件 */
     var onMoveItem = useCallback(function (dragIndex, hoverIndex) {
         var dragCard = dynamicList[dragIndex];
@@ -39,12 +70,23 @@ var SearchDrawer = function (_a) {
     }, [dynamicList, onInsideChange]);
     /**确认事件 */
     var onSureHandle = useCallback(function () {
+        var _checkedValues = [];
+        dynamicList.forEach(function (item) {
+            if (item.show) {
+                _checkedValues.push(item.name);
+            }
+        });
+        if (_checkedValues.length === 0) {
+            message.info(i18next.t('请至少保留一个展示!'));
+            return;
+        }
         onSure && onSure(dynamicList);
     }, [onSure, dynamicList]);
     var onCheckboxChange = function (checkedValues) {
+        var newCheckedValues = __spreadArray(__spreadArray([], filterCheckedValues), checkedValues);
         var newDynamicList = dynamicList.map(function (item) { return (__assign({}, item)); }) || [];
         newDynamicList.forEach(function (item) {
-            if (!checkedValues.find(function (value) { return value === item.name; })) {
+            if (!newCheckedValues.find(function (value) { return value === item.name; })) {
                 item.show = false;
             }
             else {
@@ -55,16 +97,100 @@ var SearchDrawer = function (_a) {
     };
     /**底部按钮 */
     var renderFooter = function () { return (React.createElement(React.Fragment, null,
-        React.createElement(Button, { type: "default", onClick: onClose }, "\u53D6\u6D88"),
-        React.createElement(Button, { type: "default", onClick: onReset }, "\u91CD\u7F6E"),
-        React.createElement(Button, { type: "primary", onClick: onSureHandle }, "\u786E\u5B9A"))); };
+        React.createElement(Button, { type: "default", onClick: onClose }, i18next.t('取消')),
+        React.createElement(Button, { type: "default", onClick: onReset }, i18next.t('重置')),
+        React.createElement(Button, { type: "primary", onClick: onSureHandle }, i18next.t('确定')))); };
+    /**
+     * @description 表格列动态显示/隐藏 - 全选/反选按钮点击回调
+     * @author （可补充作者姓名）
+     * @param {('all' | 'inverse')} type - 操作类型：'all' 全选（仅对「过滤后可见+可动态操作」列生效），'inverse' 反选（同上）
+     * @see dynamicColumns - 原始完整表格列集合（包含所有列）
+     * @see filterDynamicColumns - 过滤后的可见列集合（仅操作此集合中的列）
+     * @see checkedValues - 已选中的列 key 集合（状态变量）
+     * @see setCheckedValues - 更新选中列的状态函数
+     * @note 核心规则（解决「过滤后操作不影响过滤前数据」的核心诉求）：
+     *  1. 操作范围严格限制：仅对「过滤后可见列（filterDynamicColumns 优先，无则 dynamicColumns）+ 可动态操作（isNoDynamicHide: false）」的列生效
+     *  2. 过滤后隐藏的列（未在 targetColumns 中）：无论是否可动态，均不参与全选/反选，保持其原始选中状态不变
+     *  3. 禁止动态隐藏的列（isNoDynamicHide: true）：即使在过滤后可见，也不参与全选/反选，保持原始选中状态
+     *  4. 仅当操作后选中状态发生变化时才更新，避免无效渲染
+     */
+    var onCheckBtn = function (type) {
+        // 1. 确定操作的目标列集合：仅对「过滤后可见列」操作（优先 filterDynamicColumns，无则用 dynamicColumns）
+        var targetColumns = filterDynamicColumns !== null && filterDynamicColumns !== void 0 ? filterDynamicColumns : dynamicList;
+        // 2. 拆分目标列中的两类列（仅在可见列范围内处理）
+        // 2.1 「可操作列」：过滤后可见 + 允许动态隐藏（isNoDynamicHide: false）→ 参与全选/反选
+        var operableKeys = targetColumns
+            .filter(function (column) { return !column.disabled && !column.dynamicDisabled; })
+            .map(function (column) { return column.name; });
+        var operableLen = operableKeys.length;
+        // 2.2 「不可操作列」：过滤后可见 + 禁止动态隐藏（isNoDynamicHide: true）→ 不参与操作，保留原选中状态
+        var visibleNonOperableKeys = targetColumns
+            .filter(function (column) { return column.disabled || column.dynamicDisabled; })
+            .map(function (column) { return column.name; });
+        // 3. 拆分当前已选中的 keys（确保「过滤后隐藏的列」状态不变）
+        // 3.1 已选中的「过滤后隐藏的列」：无论是否可动态，均保留原状态（不参与本次操作）
+        var hiddenCheckedKeys = checkedValues.filter(function (key) { return !targetColumns.some(function (column) { return column.name === key; }); } // 不在目标列（过滤后隐藏）的选中项
+        );
+        // 3.2 已选中的「可见不可操作列」：保留原选中状态
+        var visibleNonOperableCheckedKeys = checkedValues.filter(function (key) {
+            return visibleNonOperableKeys.includes(key);
+        });
+        // 3.3 已选中的「可见可操作列」：参与本次全选/反选
+        var operableCheckedKeys = checkedValues.filter(function (key) {
+            return operableKeys.includes(key);
+        });
+        // 4. 全选逻辑：仅选中「可见可操作列」，其他列（隐藏列、可见不可操作列）保持原状态
+        if (type === 'all') {
+            // 边界判断：仅当「已选中的可操作列数 ≠ 可操作列总数」时才更新（避免无效渲染）
+            if (operableCheckedKeys.length !== operableLen) {
+                onCheckboxChange(__spreadArray(__spreadArray(__spreadArray(__spreadArray([], filterCheckedValues), operableKeys), visibleNonOperableCheckedKeys), hiddenCheckedKeys));
+            }
+            return;
+        }
+        // 5. 反选逻辑：仅反选「可见可操作列」，其他列保持原状态
+        var inversedOperableKeys = operableKeys.filter(function (key) { return !operableCheckedKeys.includes(key); });
+        onCheckboxChange(__spreadArray(__spreadArray(__spreadArray(__spreadArray([], filterCheckedValues), inversedOperableKeys), visibleNonOperableCheckedKeys), hiddenCheckedKeys));
+    };
+    /**
+     * @description 搜索过滤触发的回调
+     * @param value 搜索值
+     */
+    var onSearchHandle = function (value) {
+        if (!value) {
+            setFilterCheckedValues([]);
+            setFilterDynamicColumns(null);
+            return;
+        }
+        var filterColumns = dynamicList.filter(function (column) {
+            var _a, _b, _c;
+            var title = column.label || column.hiddenLabelName || column.name;
+            return (_c = (_b = (_a = title === null || title === void 0 ? void 0 : title.toLowerCase) === null || _a === void 0 ? void 0 : _a.call(title)) === null || _b === void 0 ? void 0 : _b.includes) === null || _c === void 0 ? void 0 : _c.call(_b, value.toLowerCase());
+        });
+        // 未参与过滤的列，单独缓存起来
+        setFilterCheckedValues(checkedValues.filter(function (key) { return !filterColumns.find(function (column) { return column.name === key; }); }));
+        setFilterDynamicColumns(filterColumns);
+    };
     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" },
-                "\u67E5\u8BE2\u6761\u4EF6\u81EA\u5B9A\u4E49",
-                React.createElement("span", null, "\uFF08\u62D6\u62FD\u6392\u5E8F\uFF09"))), width: 290, placement: "right", visible: visible, closable: false, maskClosable: false, footer: renderFooter() },
-        React.createElement(DndProvider, { backend: HTML5Backend, context: window },
-            React.createElement(Checkbox.Group, { value: checkedValues, onChange: onCheckboxChange }, dynamicList.map(function (item, index) { return (React.createElement(Sortable, { key: item.name, type: "search-drawer", index: index, onMoveItem: onMoveItem },
-                React.createElement(Checkbox, { value: item.name, disabled: item.disabled || item.dynamicDisabled }, item.label || item.hiddenLabelName || item.name))); })))));
+                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, dynamicList.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.hiddenLabelName || 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(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(Checkbox.Group, { value: checkedValues, onChange: onCheckboxChange },
+                React.createElement(Container, { dynamicColumns: filterDynamicColumns || dynamicList, onFindItemHandle: onFindItemHandle, onMoveItemHandle: onMoveItemHandle })))))));
 };
+function Container(_a) {
+    var dynamicColumns = _a.dynamicColumns, 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) &&
+        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 },
+                React.createElement(Checkbox, { value: item.name, disabled: item.disabled || item.dynamicDisabled }, item.label || item.hiddenLabelName || item.name))) : null;
+        })));
+}
 export default memo(SearchDrawer);

package/dist/components/business/SearchContainer/search-item.js

@@ -20,9 +20,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React from 'react';
+import React, { useCallback, useContext, isValidElement } from 'react';
 import { Form } from 'antd';
 import classNames from 'classnames';
+import { SearchContainerContext } from './search-container';
 var Item = Form.Item;
 function getWidthStr(width) {
     // switch (width) {
@@ -58,7 +59,37 @@ var SearchItem = function (_a) {
         'zt-search__left__item--nolabel': noLabel,
         'zt-search__left__item--nolabelshowbg': noLabelShowBg,
     });
+    var _b = useContext(SearchContainerContext), onItemEnterHandleContext = _b.onItemEnterHandle, rightSearchHandleRef = _b.rightSearchHandleRef;
+    var handleKeyDown = useCallback(function (e) {
+        var _a, _b;
+        // 检查是否按下回车键
+        if (e.key === 'Enter') {
+            e.preventDefault(); // 阻止表单提交等默认行为
+            onItemEnterHandleContext === null || onItemEnterHandleContext === void 0 ? void 0 : onItemEnterHandleContext(); // 触发回调
+            (_a = rightSearchHandleRef === null || rightSearchHandleRef === void 0 ? void 0 : rightSearchHandleRef.current) === null || _a === void 0 ? void 0 : _a.call(// 触发回调
+            rightSearchHandleRef);
+        }
+        // 调用子组件原有的 onKeyDown（如果存在）
+        if (isValidElement(children) &&
+            typeof ((_b = children === null || children === void 0 ? void 0 : children.props) === null || _b === void 0 ? void 0 : _b.onKeyDown) === 'function') {
+            children.props.onKeyDown(e);
+        }
+    }, [children, onItemEnterHandleContext, rightSearchHandleRef]);
+    var renderChildren = function () {
+        try {
+            return (onItemEnterHandleContext || (rightSearchHandleRef === null || rightSearchHandleRef === void 0 ? void 0 : rightSearchHandleRef.current)) &&
+                isValidElement(children)
+                ? React.cloneElement(children, {
+                    onKeyDown: handleKeyDown,
+                })
+                : children;
+        }
+        catch (error) {
+            console.error('Error rendering children:', error);
+            return children;
+        }
+    };
     return (React.createElement("div", { className: classes, style: __assign({ width: getWidthStr(width) }, style) },
-        React.createElement(Item, __assign({}, restProps), children)));
+        React.createElement(Item, __assign({}, restProps), renderChildren())));
 };
 export default SearchItem;

package/dist/components/business/SearchContainer/search-left.d.ts

@@ -16,6 +16,7 @@ export interface ISearchLeft {
     className?: string;
     configInfo?: any;
     isToggle?: boolean;
+    defaultToggle?: boolean;
     handleRef?: React.MutableRefObject<{
         setToggleHandle: (toggle: boolean) => void;
     } | null>;

package/dist/components/business/SearchContainer/search-left.js

@@ -1,9 +1,11 @@
+import i18next from 'ztxkutils/dist/i18next';
 import React, { useCallback, useEffect, useState, useRef, useImperativeHandle, } from 'react';
 import classNames from 'classnames';
 import SearchDrawer from './search-drawer';
 import { SettingOutlined, DownOutlined } from '@ant-design/icons';
 import useDynamic, { setDynamicKey, getNewChildren } from './hooks/useDynamic';
 import useToggle from './hooks/useToggle';
+import { useRecordCommonSearchContext } from './useRecordCommonSearchContext';
 function useConfigChildren(children, isDynamic) {
     var _a = useState(null), configChildren = _a[0], setConfigChildren = _a[1];
     useEffect(function () {
@@ -19,13 +21,19 @@ function useConfigChildren(children, isDynamic) {
     return { configChildren: configChildren };
 }
 var SearchLeft = function (_a) {
-    var children = _a.children, className = _a.className, isDynamic = _a.isDynamic, _dynamicStorageKey = _a.dynamicStorageKey, onChange = _a.onChange, _b = _a.isFlex, isFlex = _b === void 0 ? true : _b, configInfo = _a.configInfo, isToggle = _a.isToggle, handleRef = _a.handleRef;
+    var children = _a.children, className = _a.className, isDynamic = _a.isDynamic, _dynamicStorageKey = _a.dynamicStorageKey, onChange = _a.onChange, _b = _a.isFlex, isFlex = _b === void 0 ? true : _b, configInfo = _a.configInfo, isToggle = _a.isToggle, handleRef = _a.handleRef, defaultToggle = _a.defaultToggle;
+    var getRecordCommonSearchKey = useRecordCommonSearchContext().getRecordCommonSearchKey;
     // 为了兼容之前的写法，默认取当前路由地址，但是这种情况会导致微前端下面出现一些问题
     // 所以在使用组件的时候，如果要使用动态配置，必须传入dynamicStorageKey
     // 如果有时间还是需要传入storageKey，之前的写法需要简化
     var dynamicStorageKey = _dynamicStorageKey
         ? _dynamicStorageKey
         : window.location.pathname;
+    if (getRecordCommonSearchKey) {
+        getRecordCommonSearchKey.current = function () {
+            return dynamicStorageKey;
+        };
+    }
     /**缓存初始化值 */
     var _c = useDynamic(children, isDynamic, dynamicStorageKey), dynamicArr = _c.dynamicArr, initDynamicArr = _c.initDynamicArr, newChildren = _c.newChildren;
     var configChildren = useConfigChildren(children, isDynamic).configChildren;
@@ -42,7 +50,7 @@ var SearchLeft = function (_a) {
     }, [dynamicArr]);
     /** 表单容器Ref */
     var containerRef = useRef(null);
-    var _f = useToggle(containerRef, dynamicList, isToggle), toggle = _f.toggle, onToggleChange = _f.onToggleChange, setToggleHandle = _f.setToggleHandle;
+    var _f = useToggle(containerRef, dynamicList, isToggle, defaultToggle), toggle = _f.toggle, onToggleChange = _f.onToggleChange, setToggleHandle = _f.setToggleHandle;
     useImperativeHandle(handleRef, function () { return ({
         setToggleHandle: setToggleHandle,
     }); });
@@ -112,7 +120,7 @@ var SearchLeft = function (_a) {
                             else {
                                 newRules.unshift({
                                     required: !!(config === null || config === void 0 ? void 0 : config.isRequired),
-                                    message: label + " \u672A\u586B!",
+                                    message: i18next.t('{{label}} 未填!', { label: label }),
                                 });
                             }
                             // 覆盖 disabled rules里面的required属性

package/dist/components/business/SearchContainer/search-right.js

@@ -1,11 +1,30 @@
+import i18next from 'ztxkutils/dist/i18next';
 import React from 'react';
 import classNames from 'classnames';
 import { Button } from '../../../index';
+import { SearchContainerContext } from './search-container';
+import useRecordCommonSearch from './useRecordCommonSearch';
 var SearchRight = function (_a) {
     var children = _a.children, className = _a.className, onSearchHandle = _a.onSearchHandle, onResetHandle = _a.onResetHandle;
-    var classes = classNames('zt-search__right', className);
-    return (React.createElement("div", { className: classes },
-        React.createElement(Button, { type: "default", onClick: onResetHandle }, "\u91CD\u7F6E"),
-        React.createElement(Button, { type: "primary", onClick: onSearchHandle }, "\u67E5\u8BE2")));
+    var rightSearchHandleRef = React.useContext(SearchContainerContext).rightSearchHandleRef;
+    var _b = useRecordCommonSearch(), onRecordSearchHandle = _b.onRecordSearchHandle, recordCommonSearch = _b.recordCommonSearch, setCurrentRecordCommonSearchKey = _b.setCurrentRecordCommonSearchKey;
+    var selfOnResetHandle = function () {
+        setCurrentRecordCommonSearchKey === null || setCurrentRecordCommonSearchKey === void 0 ? void 0 : setCurrentRecordCommonSearchKey('');
+        onResetHandle === null || onResetHandle === void 0 ? void 0 : onResetHandle();
+    };
+    var classes = classNames('zt-search__right', className, {
+        'zt-search__right--record': recordCommonSearch,
+    });
+    if (rightSearchHandleRef) {
+        rightSearchHandleRef.current = onSearchHandle;
+    }
+    return !recordCommonSearch ? (React.createElement("div", { className: classes },
+        React.createElement(Button, { type: "default", onClick: selfOnResetHandle }, i18next.t('重置')),
+        React.createElement(Button, { type: "primary", onClick: onSearchHandle, htmlType: "submit" }, i18next.t('查询')))) : (React.createElement("div", { className: classes },
+        React.createElement("div", { className: "zt-search__right--record-left" },
+            React.createElement(Button, { type: "default", onClick: selfOnResetHandle }, i18next.t('重置')),
+            React.createElement(Button, { type: "primary", onClick: onSearchHandle, htmlType: "submit" }, i18next.t('查询'))),
+        React.createElement("div", { className: "zt-search__right--record-right", style: { marginTop: 12 } },
+            React.createElement(Button, { type: "default", onClick: onRecordSearchHandle, style: { width: '100%' } }, i18next.t('保存为常用搜索')))));
 };
 export default SearchRight;

package/dist/components/business/SearchContainer/useRecordCommonInit.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import MyStorage from '../../utils/MyStorage';
+export default function useRecordCommonInit(): {
+    getRecordCommonSearchKeyRef: React.MutableRefObject<() => string>;
+    storageRef: React.MutableRefObject<MyStorage>;
+    recordCommonList: any[];
+    setRecordCommonList: React.Dispatch<React.SetStateAction<any[]>>;
+    currentRecordCommonSearchKey: string;
+    setCurrentRecordCommonSearchKey: React.Dispatch<React.SetStateAction<string>>;
+    setData: (data: any) => Promise<unknown>;
+    deleteData: (localIndex: number) => Promise<void>;
+    setReplaceData: (data: any) => Promise<any>;
+    reTransformData: (data: any, timeKeys?: any) => {};
+    updateServerData: () => Promise<unknown>;
+};

package/dist/components/business/SearchContainer/useRecordCommonInit.js

@@ -0,0 +1,242 @@
+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 { useEffect, useState, useRef } from 'react';
+import { COMMON_RECORD_SEARCH_KEY } from './useRecordCommonSearch';
+import MyStorage from '../../utils/MyStorage';
+import dayjs from 'dayjs';
+import { catchHandle } from '../../utils/fetch';
+export default function useRecordCommonInit() {
+    var _this = this;
+    // 当前表单用哪个key来存储数据。{ key: [{ title: xx, data: xx, key: xx }, {...}] }
+    var getRecordCommonSearchKeyRef = useRef();
+    // 常用搜索列表存储实例
+    var storageRef = useRef(new MyStorage({ tableKey: COMMON_RECORD_SEARCH_KEY }));
+    // 常用搜索列表
+    var _a = useState([]), recordCommonList = _a[0], setRecordCommonList = _a[1];
+    // 当前常用搜索key值
+    var _b = useState(''), currentRecordCommonSearchKey = _b[0], setCurrentRecordCommonSearchKey = _b[1];
+    useEffect(function () {
+        var _a;
+        var recordCommonSearchKey = ((_a = getRecordCommonSearchKeyRef.current) === null || _a === void 0 ? void 0 : _a.call(getRecordCommonSearchKeyRef)) || window.location.pathname;
+        storageRef.current
+            .getItem(recordCommonSearchKey)
+            .then(function (res) { return setRecordCommonList(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, _c;
+        return __generator(this, function (_d) {
+            localKey = ((_b = getRecordCommonSearchKeyRef === null || getRecordCommonSearchKeyRef === void 0 ? void 0 : getRecordCommonSearchKeyRef.current) === null || _b === void 0 ? void 0 : _b.call(getRecordCommonSearchKeyRef)) || window.location.pathname;
+            _a = transformData(data.value), newDataValue = _a.newDataValue, timeKeys = _a.timeKeys;
+            saveData = __assign(__assign({}, data), { value: newDataValue, timeKeys: timeKeys });
+            return [2 /*return*/, (_c = storageRef === null || storageRef === void 0 ? void 0 : storageRef.current) === null || _c === void 0 ? void 0 : _c.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);
+                        }
+                    }
+                    setCurrentRecordCommonSearchKey(saveData.key);
+                    if (setRecordCommonList) {
+                        setRecordCommonList(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, _b;
+        return __generator(this, function (_c) {
+            localKey = ((_a = getRecordCommonSearchKeyRef === null || getRecordCommonSearchKeyRef === void 0 ? void 0 : getRecordCommonSearchKeyRef.current) === null || _a === void 0 ? void 0 : _a.call(getRecordCommonSearchKeyRef)) || window.location.pathname;
+            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;
+                    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();
+                        });
+                        if (setRecordCommonList) {
+                            setRecordCommonList(res);
+                        }
+                    }
+                })];
+        });
+    }); };
+    /**
+     * description: 直接替换原有数据
+     * @param {*} data 常用搜索数据
+     */
+    var setReplaceData = function (data) { return __awaiter(_this, void 0, void 0, function () {
+        var localKey;
+        var _a, _b;
+        return __generator(this, function (_c) {
+            localKey = ((_a = getRecordCommonSearchKeyRef === null || getRecordCommonSearchKeyRef === void 0 ? void 0 : getRecordCommonSearchKeyRef.current) === null || _a === void 0 ? void 0 : _a.call(getRecordCommonSearchKeyRef)) || window.location.pathname;
+            if (setRecordCommonList) {
+                setRecordCommonList(data);
+            }
+            return [2 /*return*/, (_b = storageRef === null || storageRef === void 0 ? void 0 : storageRef.current) === null || _b === void 0 ? void 0 : _b.setItem(localKey, data)];
+        });
+    }); };
+    /**
+     * 直接更新服务器数据
+     */
+    var updateServerData = function () { return __awaiter(_this, void 0, void 0, function () {
+        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 catchHandle({
+                        customKey: COMMON_RECORD_SEARCH_KEY,
+                        customValue: JSON.stringify(res),
+                        mark: '常用搜索用户配置',
+                    });
+                })];
+        });
+    }); };
+    return {
+        getRecordCommonSearchKeyRef: getRecordCommonSearchKeyRef,
+        storageRef: storageRef,
+        recordCommonList: recordCommonList,
+        setRecordCommonList: setRecordCommonList,
+        currentRecordCommonSearchKey: currentRecordCommonSearchKey,
+        setCurrentRecordCommonSearchKey: setCurrentRecordCommonSearchKey,
+        setData: setData,
+        deleteData: deleteData,
+        setReplaceData: setReplaceData,
+        reTransformData: reTransformData,
+        updateServerData: updateServerData,
+    };
+}

package/dist/components/business/SearchContainer/useRecordCommonSearch.d.ts

@@ -0,0 +1,7 @@
+export declare const COMMON_RECORD_SEARCH_KEY = "ztxk_form_common_record_search_key";
+export default function useRecordCommonSearch(): {
+    onRecordSearchHandle: () => void;
+    recordCommonSearch: boolean;
+    currentRecordCommonSearchKey: string;
+    setCurrentRecordCommonSearchKey: (key: string) => void;
+};