zmdms-webui 3.1.8 → 3.2.0

package/dist/es/applayoutsider/menu/MainMenu.js

@@ -104,7 +104,7 @@ var MainMenu = function (props) {
                     : null,
             };
         });
-    }, [userMenus, getLabel]);
+    }, [userMenus, getLabel, filterMenuHandle]);
     // 主菜单选中时调用
     var onSelectHandle = useCallback(function (info) {
         var _a, _b;

package/dist/es/applayoutsider/menu/SubMenu.js

@@ -172,7 +172,14 @@ var SubMenu = function (props, ref) {
         };
         var newSubMenusItems = dfn(subMenus);
         return newSubMenusItems;
-    }, [subMenus, addTab, getPrefixByAppId, getNewPath, renderItem]);
+    }, [
+        subMenus,
+        addTab,
+        getPrefixByAppId,
+        getNewPath,
+        renderItem,
+        filterMenuHandle,
+    ]);
     var classes = classNames("zmdms-menu--sub", {
         "zmdms-menu--sub-margin": !drawerTitle,
         "zmdms-menu--sub-hide-bg": hideSubMenuBg,

package/dist/es/canvastable/canvasTable.js

@@ -38,6 +38,7 @@ import { useAutoMerge } from '../table/hooks.js';
 import { useExcelExport } from '../table/excel.js';
 import { getTableColumns } from '../table/utils.js';
 import DynamicSetting from '../dynamicsetting/dynamicSetting.js';
+import '../dynamicsetting/useTemplate.js';
 
 function CanvasTable(props) {
     var _a;

package/dist/es/config/MyStorage.js

@@ -3,11 +3,17 @@ import localforage from '../node_modules/localforage/dist/localforage.js';
 
 var MyStorage = /** @class */ (function () {
     function MyStorage(option) {
-        var tableKey = option.tableKey;
-        this.storageInstance = localforage.createInstance({
-            driver: [localforage.INDEXEDDB, localforage.LOCALSTORAGE],
-            name: tableKey,
-        });
+        var name = option.name, storeName = option.storeName;
+        this.storageInstance = storeName
+            ? localforage.createInstance({
+                driver: [localforage.INDEXEDDB, localforage.LOCALSTORAGE],
+                name: name,
+                storeName: storeName,
+            })
+            : localforage.createInstance({
+                driver: [localforage.INDEXEDDB, localforage.LOCALSTORAGE],
+                name: name,
+            });
     }
     /**
      * 设置存储值

package/dist/es/config/ZtxkContext.d.ts

@@ -82,6 +82,16 @@ interface IZtxkConfig {
      * 附件组件公用请求头配置
      */
     fileListRequestHeaders?: Record<string, string>;
+    /**
+     * 自定义配置的搜索逻辑是否是过滤还是高亮
+     * true: 过滤，false: 高亮显示（默认）
+     * @description 2026-03-31 过滤逻辑改成，不过滤显示，只高亮显示
+     */
+    enableSearchFilter?: boolean;
+    /**
+     * 自定义配置是否增加模板设置功能
+     */
+    enableTemplateSetting?: boolean;
 }
 declare const ZtxkContext: React__default.Context<IZtxkConfig>;
 

package/dist/es/config/ZtxkContext.js

@@ -20,6 +20,8 @@ var ztxkConfig = {
     enableTableExpandIcon: false,
     dictApiUrl: "/api/zmdms-mdm-data/dict-biz/dictionary",
     fileListRequestHeaders: undefined,
+    enableSearchFilter: false,
+    enableTemplateSetting: true,
 };
 var ZtxkContext = React__default.createContext(ztxkConfig);
 

package/dist/es/config/index.js

@@ -3,3 +3,4 @@ export { default as useBaseContext } from './useBaseContext.js';
 export { default as ZtxkContext } from './ZtxkContext.js';
 export { default as isEqual } from './isEqual.js';
 export { default as MyStorage } from './MyStorage.js';
+export { getFinalValue } from './utils.js';

package/dist/es/config/utils.js

@@ -32,6 +32,63 @@ function accessObjValue(obj, path) {
         }
     }
     return result;
+}
+/**
+ * 在元素内查找匹配选择器的第一个子元素
+ * @param el 父元素
+ * @param selector CSS 选择器
+ * @returns 匹配的元素，未找到返回 null
+ * @example
+ * domFind(document.body, '.my-class'); // 返回第一个 .my-class 元素
+ */
+function domFind(el, selector) {
+    if (!el) {
+        return null;
+    }
+    try {
+        return el.querySelector(selector);
+    }
+    catch (error) {
+        console.warn("Invalid selector:", selector);
+        return null;
+    }
+}
+/**
+ * 从当前元素开始，向上查找第一个匹配选择器的父元素
+ * @param el 起始元素
+ * @param selector CSS 选择器
+ * @param options 可选配置
+ * @param options.maxDepth 最大向上查找层级，默认 100，防止无限循环
+ * @param options.untilSelector 在遇到此选择器时停止查找（不包含该元素）
+ * @returns 匹配的父元素，未找到返回 null
+ * @example
+ * // 查找最近的 .parent 类元素
+ * domParentsUntil(element, '.parent');
+ * // 查找最多 10 层
+ * domParentsUntil(element, '.parent', { maxDepth: 10 });
+ * // 查找但在遇到 .container 时停止
+ * domParentsUntil(element, '.item', { untilSelector: '.container' });
+ */
+function domParentsUntil(el, selector, options) {
+    if (!el) {
+        return null;
+    }
+    var _a = options || {}, _b = _a.maxDepth, maxDepth = _b === void 0 ? 100 : _b, untilSelector = _a.untilSelector;
+    var depth = 0;
+    var currentEl = el.parentElement;
+    while (currentEl && depth < maxDepth) {
+        // 如果设置了停止选择器，先检查是否遇到
+        if (untilSelector && currentEl.matches(untilSelector)) {
+            break;
+        }
+        // 检查是否匹配目标选择器
+        if (currentEl.matches(selector)) {
+            return currentEl;
+        }
+        currentEl = currentEl.parentElement;
+        depth++;
+    }
+    return null;
 }
 
-export { accessObjValue, getFinalValue };
+export { accessObjValue, domFind, domParentsUntil, getFinalValue };

package/dist/es/dynamicsetting/dynamicDrawer.js

@@ -1,6 +1,6 @@
-import { __assign, __spreadArray } from '../_virtual/_tslib.js';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { memo, forwardRef, useImperativeHandle, useMemo, useCallback } from 'react';
+import { __assign, __spreadArray, __awaiter, __generator } from '../_virtual/_tslib.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { memo, forwardRef, useState, useRef, useImperativeHandle, useMemo, useCallback } from 'react';
 import update from '../node_modules/immutability-helper/index.js';
 import { useDynamic } from './useDynamic.js';
 import { useDrawer } from './hooks.js';
@@ -9,11 +9,13 @@ import useSearch from './useSearch.js';
 import '../config/ZtxkContext.js';
 import useBaseContext from '../config/useBaseContext.js';
 import '../config/MyStorage.js';
+import { getFinalValue } from '../config/utils.js';
 import { useLatest } from 'ahooks';
+import useTemplate, { TemplateModalConfirm } from './useTemplate.js';
 import myMessage from '../message/index.js';
 import SettingOutlined from '../node_modules/@ant-design/icons/es/icons/SettingOutlined.js';
-import Input from '../input/input.js';
 import ButtonCom from '../button/button.js';
+import Input from '../input/input.js';
 import Sortable from '../sortable/sortable.js';
 import { Drawer, Checkbox } from 'antd';
 
@@ -28,18 +30,34 @@ var sortDynamicListByType = function (list) {
 };
 // 这里操作的一直都是内部设置的list
 var DynamicDrawer = function (props, ref) {
-    var list = props.list, dynamicKey = props.dynamicKey, parentDynamicKey = props.parentDynamicKey, _a = props.title, title = _a === void 0 ? "自定义配置" : _a, onCurrentListChange = props.onCurrentListChange, isMore = props.isMore, isFixed = props.isFixed, isDimensionDynamic = props.isDimensionDynamic, isSearch = props.isSearch;
-    var enableDynamicColumnSearch = useBaseContext().enableDynamicColumnSearch;
+    var list = props.list, dynamicKey = props.dynamicKey, parentDynamicKey = props.parentDynamicKey, _a = props.title, title = _a === void 0 ? "自定义配置" : _a, onCurrentListChange = props.onCurrentListChange, isMore = props.isMore, isFixed = props.isFixed, isDimensionDynamic = props.isDimensionDynamic, isSearch = props.isSearch, isSearchFilter = props.isSearchFilter, isTemplateSetting = props.isTemplateSetting, storeName = props.storeName;
+    var _b = useBaseContext(), enableDynamicColumnSearch = _b.enableDynamicColumnSearch, enableTemplateSetting = _b.enableTemplateSetting, enableSearchFilter = _b.enableSearchFilter;
     // 是否开启搜索功能
     // 如果全局开启了默认添加，那么只要没有单独配置关闭，都认为需要打开
     var isDynamicColumnSearchEnabled = enableDynamicColumnSearch
         ? isSearch !== false
         : !!isSearch;
+    // 20260331: 搜索过滤逻辑改成，不过滤显示，只高亮显示
+    var isSearchFilterEnabled = getFinalValue(enableSearchFilter, isSearchFilter);
+    // 自定义配置是否增加模板配置功能
+    var isTemplateSettingEnabled = getFinalValue(enableTemplateSetting, isTemplateSetting);
+    console.log(isSearchFilterEnabled, isTemplateSettingEnabled);
     // 根据外部传入的list 和本地存储信息 生成一个内部的currentDynamicList
     // 这个currentDynamicList 是可以是负责显示最终结果的
     // tempDynamicList 是操作时的临时变量 可能操作后不点击确认 直接点击取消 那么需要重置到之前的状态
-    var _b = useDynamic(dynamicKey, parentDynamicKey, list), currentDynamicList = _b.currentDynamicList, setCurrentDynamicList = _b.setCurrentDynamicList, tempDynamicList = _b.tempDynamicList, setTempDynamicList = _b.setTempDynamicList;
-    var _c = useDrawer(currentDynamicList, setCurrentDynamicList, dynamicKey, parentDynamicKey, setTempDynamicList, list, onCurrentListChange), visible = _c.visible, setVisible = _c.setVisible, onClose = _c.onClose, onReset = _c.onReset, onSure = _c.onSure;
+    var _c = useDynamic(dynamicKey, parentDynamicKey, list), currentDynamicList = _c.currentDynamicList, setCurrentDynamicList = _c.setCurrentDynamicList, tempDynamicList = _c.tempDynamicList, setTempDynamicList = _c.setTempDynamicList;
+    var _d = useTemplate(dynamicKey, {
+        storeName: storeName,
+        isTemplateSetting: isTemplateSettingEnabled,
+        currentTemplateData: tempDynamicList,
+        onChange: function (data) {
+            // 更新配置
+            setTempDynamicList(data);
+        },
+    }), renderTemplateModal = _d.renderTemplateModal, openTemplateModal = _d.openTemplateModal, saveCurrentTemplate = _d.saveCurrentTemplate, getCurrentTemplateData = _d.getCurrentTemplateData;
+    var _e = useState(""), currentTemplateTitle = _e[0], setCurrentTemplateTitle = _e[1];
+    var confirmModalRef = useRef(null);
+    var _f = useDrawer(currentDynamicList, setCurrentDynamicList, dynamicKey, parentDynamicKey, setTempDynamicList, list, onCurrentListChange), visible = _f.visible, setVisible = _f.setVisible, onClose = _f.onClose, onReset = _f.onReset, onSure = _f.onSure;
     // 像外部暴露方法
     useImperativeHandle(ref, function () {
         return {
@@ -58,13 +76,13 @@ var DynamicDrawer = function (props, ref) {
         });
         return _checkedValues;
     }, [tempDynamicList]);
-    var _d = useSearch(tempDynamicList, checkedValues, isDimensionDynamic), onSearchHandle = _d.onSearchHandle, onCheckBtn = _d.onCheckBtn, filterDynamicColumns = _d.filterDynamicColumns;
+    var _g = useSearch(tempDynamicList, checkedValues, isDimensionDynamic, isSearchFilterEnabled), onSearchHandle = _g.onSearchHandle, onCheckBtn = _g.onCheckBtn, filterDynamicColumns = _g.filterDynamicColumns, onSearchHandleDebounce = _g.onSearchHandleDebounce;
     var filterDynamicColumnsRef = useLatest(filterDynamicColumns);
     // 根据isDimension分区
-    var _e = useMemo(function () {
+    var _h = useMemo(function () {
         var dynamicList = tempDynamicList;
         // 这里为什么不直接赋值 filterDynamicColumns  是因为某些地方是直接使用item的引用去查找索引的
-        if (filterDynamicColumns) {
+        if (filterDynamicColumns && isSearchFilterEnabled) {
             dynamicList = tempDynamicList.filter(function (item) {
                 return filterDynamicColumns.find(function (i) { return i.key === item.key; });
             });
@@ -72,7 +90,7 @@ var DynamicDrawer = function (props, ref) {
         var dimensionList = dynamicList.filter(function (item) { return item.isDimension; });
         var fieldList = dynamicList.filter(function (item) { return !item.isDimension; });
         return { dimensionList: dimensionList, fieldList: fieldList };
-    }, [tempDynamicList, filterDynamicColumns]), dimensionList = _e.dimensionList, fieldList = _e.fieldList;
+    }, [tempDynamicList, filterDynamicColumns, isSearchFilterEnabled]), dimensionList = _h.dimensionList, fieldList = _h.fieldList;
     // 排序优先级判断
     var isDimensionPriority = useCallback(function (dragIndex, hoverIndex) {
         // 从上到下还是从下到上拖动
@@ -99,7 +117,7 @@ var DynamicDrawer = function (props, ref) {
     // 拖拽
     var onMoveItem = useCallback(function (dragIndex, hoverIndex) {
         // 这里认为如果搜索了，不支持排序。
-        if (filterDynamicColumnsRef.current) {
+        if (filterDynamicColumnsRef.current && isSearchFilterEnabled) {
             return;
         }
         if (!isDimensionPriority(dragIndex, hoverIndex)) {
@@ -117,12 +135,17 @@ var DynamicDrawer = function (props, ref) {
             // 处理左浮动 右浮动数据。需要重新排序
             return sortDynamicListByType(currentList);
         });
-    }, [setTempDynamicList, isDimensionPriority, filterDynamicColumnsRef]);
+    }, [
+        setTempDynamicList,
+        isDimensionPriority,
+        filterDynamicColumnsRef,
+        isSearchFilterEnabled,
+    ]);
     // 子元素拖拽
     var onChildMoveItem = useCallback(function (pIndex, pKey) {
         return function (dragIndex, hoverIndex) {
-            // 这里认为如果搜索了，不支持排序。
-            if (filterDynamicColumnsRef.current) {
+            // 这里认为如果搜索了，不支持排序。20260331：搜索改成高亮，不是过滤
+            if (filterDynamicColumnsRef.current && isSearchFilterEnabled) {
                 return;
             }
             // 由于对于固定列，不能进行拖拽排序，所以需要找出所有包含固定列的属性出来
@@ -145,7 +168,7 @@ var DynamicDrawer = function (props, ref) {
                 return __spreadArray(__spreadArray(__spreadArray([], leftList, true), middleList, true), rightList, true);
             });
         };
-    }, [setTempDynamicList, filterDynamicColumnsRef]);
+    }, [setTempDynamicList, filterDynamicColumnsRef, isSearchFilterEnabled]);
     // 确认
     var onSureHandle = function () {
         onSure && onSure(tempDynamicList);
@@ -290,7 +313,10 @@ var DynamicDrawer = function (props, ref) {
                         var allChecked = childrenCheckedValues.length === children.length;
                         isIndeterminate = hasChecked && !allChecked;
                     }
-                    return (jsxs(Sortable.Item, __assign({ type: "search-drawer", index: indexOffset + index, id: key, onMoveItem: onMoveItem, className: "zt-sortable-new" }, { children: [jsxs("div", __assign({ className: "zt-sortable--item dynamic-drawer-card" }, { children: [jsx(Checkbox, __assign({ value: key, disabled: disabled, indeterminate: isIndeterminate }, { children: label || key })), isMore && (!children || children.length === 0) && (jsx(MoreConfig, { fixed: fixed || "", isDimensionSum: isDimensionSum, onChange: function (result) {
+                    return (jsxs(Sortable.Item, __assign({ type: "search-drawer", index: indexOffset + index, id: key, onMoveItem: onMoveItem, className: "zt-sortable-new ".concat(!isSearchFilterEnabled &&
+                            (filterDynamicColumns === null || filterDynamicColumns === void 0 ? void 0 : filterDynamicColumns.find(function (i) { return i.key === key; }))
+                            ? "zt-sortable-new--active"
+                            : "") }, { children: [jsxs("div", __assign({ className: "zt-sortable--item dynamic-drawer-card" }, { children: [jsx(Checkbox, __assign({ value: key, disabled: disabled, indeterminate: isIndeterminate }, { children: label || key })), isMore && (!children || children.length === 0) && (jsx(MoreConfig, { fixed: fixed || "", isDimensionSum: isDimensionSum, onChange: function (result) {
                                             onMoreChange(key, result);
                                         }, isSum: isDimension, isFixed: isFixed }))] })), Array.isArray(children) && children.length > 0 ? (jsx("div", __assign({ className: "zt-sortable--children dynamic-drawer-children", style: { marginLeft: 32, marginBottom: 8 } }, { children: jsx(Checkbox.Group, __assign({ value: childrenCheckedValues, onChange: function (checkedValues) {
                                         onChildCheckboxChange(checkedValues, tempDynamicList.indexOf(item));
@@ -302,7 +328,23 @@ var DynamicDrawer = function (props, ref) {
     };
     /**底部按钮 */
     var renderFooter = function () { return (jsxs(Fragment, { children: [jsx(ButtonCom, __assign({ type: "default", onClick: onClose }, { children: "\u53D6\u6D88" })), jsx(ButtonCom, __assign({ type: "default", onClick: onReset }, { children: "\u91CD\u7F6E" })), jsx(ButtonCom, __assign({ type: "primary", onClick: onSureHandle }, { children: "\u786E\u5B9A" }))] })); };
-    return (jsx(Drawer, __assign({ className: "dynamic-drawer", title: jsxs("div", { children: [jsx(SettingOutlined, { style: { fontSize: 16 } }), jsxs("span", __assign({ className: "search-drawer--title-text" }, { children: [title, jsx("span", { children: "\uFF08\u62D6\u62FD\u6392\u5E8F\uFF09" })] }))] }), width: 300, placement: "right", open: visible, closable: false, maskClosable: false, footer: renderFooter() }, { children: jsxs("div", __assign({ className: "search-drawer--filter" }, { children: [isDynamicColumnSearchEnabled ? (jsxs("div", __assign({ className: "search-drawer--filter-input" }, { children: [jsx(Input.Search, { placeholder: "\u641C\u7D22", onSearch: onSearchHandle }), jsx(ButtonCom, __assign({ type: "default", className: "selector-all", loading: false, onClick: function () { return onCheckBtn("all", onCheckboxChange); } }, { children: "\u5168\u9009" })), jsx(ButtonCom, __assign({ type: "default", className: "selector-inverse", loading: false, onClick: function () { return onCheckBtn("inverse", onCheckboxChange); } }, { children: "\u53CD\u9009" }))] }))) : null, jsx(Checkbox.Group, __assign({ value: checkedValues, onChange: onCheckboxChange }, { children: jsxs(Sortable, { children: [isDimensionDynamic && renderSection(dimensionList, 0, "维度配置"), renderSection(fieldList, dimensionList.length, isDimensionDynamic ? "字段配置" : undefined)] }) }))] })) })));
+    return (jsxs(Fragment, { children: [jsx(Drawer, __assign({ className: "dynamic-drawer", title: jsxs("div", { children: [jsx(SettingOutlined, { style: { fontSize: 16 } }), jsxs("span", __assign({ className: "search-drawer--title-text" }, { children: [title, jsx("span", { children: "\uFF08\u62D6\u62FD\u6392\u5E8F\uFF09" })] }))] }), width: 300, placement: "right", open: visible, closable: false, maskClosable: false, footer: renderFooter() }, { children: jsxs("div", __assign({ className: "search-drawer--filter" }, { children: [isTemplateSettingEnabled && storeName ? (jsxs("div", __assign({ className: "search-drawer--template" }, { children: [jsx(ButtonCom, __assign({ type: "default", onClick: function () { return __awaiter(void 0, void 0, void 0, function () {
+                                        var currentTemplateTitle;
+                                        var _a, _b, _c;
+                                        return __generator(this, function (_d) {
+                                            currentTemplateTitle = ((_a = getCurrentTemplateData()) === null || _a === void 0 ? void 0 : _a.title) || "";
+                                            if (!currentTemplateTitle) {
+                                                openTemplateModal();
+                                                return [2 /*return*/];
+                                            }
+                                            setCurrentTemplateTitle(currentTemplateTitle);
+                                            (_c = (_b = confirmModalRef.current) === null || _b === void 0 ? void 0 : _b.open) === null || _c === void 0 ? void 0 : _c.call(_b);
+                                            return [2 /*return*/];
+                                        });
+                                    }); } }, { children: "\u4FDD\u5B58\u6A21\u677F" })), jsx(ButtonCom, __assign({ type: "default", onClick: openTemplateModal }, { children: "\u6A21\u677F\u8BBE\u7F6E" }))] }))) : null, isDynamicColumnSearchEnabled ? (jsxs("div", __assign({ className: "search-drawer--filter-input" }, { children: [jsx(Input.Search, { placeholder: "\u641C\u7D22", onSearch: onSearchHandle, onChange: function (e) {
+                                        onSearchHandleDebounce(e);
+                                    } }), jsx(ButtonCom, __assign({ type: "default", className: "selector-all", loading: false, onClick: function () { return onCheckBtn("all", onCheckboxChange); } }, { children: "\u5168\u9009" })), jsx(ButtonCom, __assign({ type: "default", className: "selector-inverse", loading: false, onClick: function () { return onCheckBtn("inverse", onCheckboxChange); } }, { children: "\u53CD\u9009" }))] }))) : null, jsx(Checkbox.Group, __assign({ value: checkedValues, onChange: onCheckboxChange }, { children: jsxs(Sortable, { children: [isDimensionDynamic &&
+                                        renderSection(dimensionList, 0, "维度配置"), renderSection(fieldList, dimensionList.length, isDimensionDynamic ? "字段配置" : undefined)] }) }))] })) })), renderTemplateModal(), jsx(TemplateModalConfirm, { currentTemplateTitle: currentTemplateTitle, confirmModalRef: confirmModalRef, openTemplateModal: openTemplateModal, saveCurrentTemplate: saveCurrentTemplate })] }));
 };
 DynamicDrawer.displayName = "ZTXK_WEBUI_DynamicDrawer";
 var DynamicDrawer$1 = memo(forwardRef(DynamicDrawer));

package/dist/es/dynamicsetting/dynamicSetting.js

@@ -11,7 +11,7 @@ import SettingOutlined from '../node_modules/@ant-design/icons/es/icons/SettingO
 // 内部根据这个list初始值，生成一个内部的currentDynamicList 作为操作 显示的数据
 // 当内部的currentDynamicList 发生改变的时候 触发currentDynamicListChange事件 通知外部，数据发生改变了
 var DynamicSetting = function (props, ref) {
-    var dynamicKey = props.dynamicKey, parentDynamicKey = props.parentDynamicKey, defaultList = props.defaultList, children = props.children, title = props.title, onCurrentListChange = props.onCurrentListChange, hiddenOperationIcon = props.hiddenOperationIcon, isMore = props.isMore, isFixed = props.isFixed, isDimensionDynamic = props.isDimensionDynamic;
+    var dynamicKey = props.dynamicKey, parentDynamicKey = props.parentDynamicKey, defaultList = props.defaultList, children = props.children, title = props.title, onCurrentListChange = props.onCurrentListChange, hiddenOperationIcon = props.hiddenOperationIcon, isMore = props.isMore, isFixed = props.isFixed, isDimensionDynamic = props.isDimensionDynamic, isTemplateSetting = props.isTemplateSetting, storeName = props.storeName;
     // 内部初始list
     var _a = useState(defaultList), list = _a[0], setList = _a[1];
     var drawerRef = useRef({});
@@ -29,9 +29,9 @@ var DynamicSetting = function (props, ref) {
                 (_a = drawerRef.current) === null || _a === void 0 ? void 0 : _a.setVisible(visible);
             },
             // 外部更新数据
-            updateList: function (list) {
+            updateList: function (list, options) {
                 var _a;
-                (_a = drawerRef.current) === null || _a === void 0 ? void 0 : _a.onSure(list);
+                (_a = drawerRef.current) === null || _a === void 0 ? void 0 : _a.onSure(list, options);
             },
             // 重置数据
             resetList: function () {
@@ -40,7 +40,7 @@ var DynamicSetting = function (props, ref) {
             },
         };
     });
-    return Array.isArray(list) && list.length > 0 ? (jsxs("div", __assign({ className: "ztxk-dynamic-setting" }, { children: [hiddenOperationIcon ? null : (jsx("div", __assign({ onClick: function () { var _a; return (_a = drawerRef.current) === null || _a === void 0 ? void 0 : _a.setVisible(true); } }, { children: children ? (children) : (jsx(SettingOutlined, { style: { fontSize: 18, color: "#768696" } })) }))), jsx(DynamicDrawer, { list: list, dynamicKey: dynamicKey, parentDynamicKey: parentDynamicKey, ref: drawerRef, title: title, onCurrentListChange: onCurrentListChange, isFixed: isFixed, isMore: isMore, isDimensionDynamic: isDimensionDynamic })] }))) : null;
+    return Array.isArray(list) && list.length > 0 ? (jsxs("div", __assign({ className: "ztxk-dynamic-setting" }, { children: [hiddenOperationIcon ? null : (jsx("div", __assign({ onClick: function () { var _a; return (_a = drawerRef.current) === null || _a === void 0 ? void 0 : _a.setVisible(true); } }, { children: children ? (children) : (jsx(SettingOutlined, { style: { fontSize: 18, color: "#768696" } })) }))), jsx(DynamicDrawer, { list: list, dynamicKey: dynamicKey, parentDynamicKey: parentDynamicKey, ref: drawerRef, title: title, onCurrentListChange: onCurrentListChange, isFixed: isFixed, isMore: isMore, isDimensionDynamic: isDimensionDynamic, isTemplateSetting: isTemplateSetting, storeName: storeName })] }))) : null;
 };
 DynamicSetting.displayName = "ZTXK_WEBUI_DynamicSetting";
 var DynamicSetting$1 = memo(forwardRef(DynamicSetting));

package/dist/es/dynamicsetting/hooks.js

@@ -9,8 +9,8 @@ function useDrawer(currentDynamicList, setCurrentDynamicList, dynamicKey, parent
     var _a = useState(false), visible = _a[0], setVisible = _a[1];
     var customConfigFetch = useBaseContext().customConfigFetch;
     // 设置缓存数据的方法
-    var setDynamicKey = useCallback(function () {
-        return getSetDynamicKey(parentDynamicKey, "".concat(parentDynamicKey, "_lru_key"), customConfigFetch);
+    var setDynamicKey = useCallback(function (options) {
+        return getSetDynamicKey(parentDynamicKey, "".concat(parentDynamicKey, "_lru_key"), customConfigFetch, options);
     }, [parentDynamicKey, customConfigFetch]);
     // 关闭
     var onClose = useCallback(function () {
@@ -33,12 +33,12 @@ function useDrawer(currentDynamicList, setCurrentDynamicList, dynamicKey, parent
         setTempDynamicList,
     ]);
     // 确认修改
-    var onSure = useCallback(function (newList) {
+    var onSure = useCallback(function (newList, options) {
         setVisible(false);
         setCurrentDynamicList(newList);
         setTempDynamicList(newList);
         onCurrentListChange(newList);
-        setDynamicKey()(dynamicKey, newList);
+        setDynamicKey(options)(dynamicKey, newList);
     }, 
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [setCurrentDynamicList, dynamicKey, setDynamicKey, setTempDynamicList]);

package/dist/es/dynamicsetting/index.css

@@ -1 +1 @@
-.zt-sortable-new{cursor:move;font-size:13px;height:auto;line-height:1.5;overflow:hidden;padding:8px 0;text-align:left}.zt-sortable-new .zt-sortable--item{align-items:center;display:flex;justify-content:space-between;padding:0 16px}.zt-sortable-new .zt-sortable--item span{white-space:break-spaces}.zt-sortable-new .zt-sortable--children{display:flex}.zt-sortable-new .zt-sortable--children .zt-sortable-new{border-bottom:none;padding:8px 26px}.zt-sortable-new .zt-sortable--children span{white-space:break-spaces}.zt-sortable-new.no-move{cursor:no-drop}.zt-sortable-new .zt-checkbox{font-size:13px}.zt-sortable-new:hover{background-color:#ebf3fe}.ztxk-dynamic--more{cursor:pointer;height:20px}.ant-dropdown-show-arrow.ztxk-dynamic--more--drop{padding-top:0}.ztxk-dynamic--more--drop.ant-dropdown-placement-bottomRight>.ant-dropdown-arrow{top:-5px}.dynamic-drawer .ant-drawer-header{padding:10px 12px}.dynamic-drawer .ant-drawer-header .ant-drawer-title>div{align-items:center;color:#768696;display:flex;font-size:16px}.dynamic-drawer .ant-drawer-header .ant-drawer-title>div .search-drawer--title-text{font-size:14px;margin-left:10px}.dynamic-drawer .ant-drawer-header .ant-drawer-title>div .search-drawer--title-text>span{font-size:13px}.dynamic-drawer .ant-drawer-body{padding:0}.dynamic-drawer .ant-drawer-body .search-drawer--filter{display:flex;flex-direction:column;height:100%}.dynamic-drawer .ant-drawer-body .search-drawer--filter .search-drawer--filter-input{align-items:center;display:flex}.dynamic-drawer .ant-drawer-body .search-drawer--filter .search-drawer--filter-input .ant-input-group-wrapper.ant-input-search{width:100%}.dynamic-drawer .ant-drawer-body .search-drawer--filter .search-drawer--filter-input .ant-input-group-wrapper.ant-input-search .ant-input-wrapper input{background:#f0f0f0;border:0;border-radius:0 0 0 0;color:#333;text-align:center}.dynamic-drawer .ant-drawer-body .search-drawer--filter .search-drawer--filter-input .ant-input-group-wrapper.ant-input-search .ant-input-wrapper input:focus{box-shadow:none;outline:0}.dynamic-drawer .ant-drawer-body .search-drawer--filter .search-drawer--filter-input .ant-input-group-wrapper.ant-input-search .ant-input-wrapper .ant-input-group-addon>button{background:#f0f0f0;border:0;border-radius:0 0 0 0;height:28px;outline:none}.dynamic-drawer .ant-drawer-body .search-drawer--filter .search-drawer--filter-input>.selector-all{border-radius:0;border-right:0}.dynamic-drawer .ant-drawer-body .search-drawer--filter .search-drawer--filter-input>.selector-inverse{border-radius:0}.dynamic-drawer .ant-drawer-body .search-drawer--filter .ant-checkbox-group{flex:1;overflow:auto}.dynamic-drawer .ant-drawer-body .ant-checkbox-group{width:100%}.dynamic-drawer .ant-drawer-footer{border-top:none;display:flex;justify-content:space-between;padding:0}.dynamic-drawer .ant-drawer-footer>button{border:none;border-radius:0;height:40px;width:33%}.dynamic-drawer-section-title{background:#f5f5f5;border-radius:6px;font-size:14px;font-weight:700;padding:4px}
+.zt-sortable-new{cursor:move;font-size:13px;height:auto;line-height:1.5;overflow:hidden;padding:8px 0;text-align:left}.zt-sortable-new.zt-sortable-new--active,.zt-sortable-new.zt-sortable-new--active:hover{background-color:#fcecc8}.zt-sortable-new .zt-sortable--item{align-items:center;display:flex;justify-content:space-between;padding:0 16px}.zt-sortable-new .zt-sortable--item span{white-space:break-spaces}.zt-sortable-new .zt-sortable--children{display:flex}.zt-sortable-new .zt-sortable--children .zt-sortable-new{border-bottom:none;padding:8px 26px}.zt-sortable-new .zt-sortable--children span{white-space:break-spaces}.zt-sortable-new.no-move{cursor:no-drop}.zt-sortable-new .zt-checkbox{font-size:13px}.zt-sortable-new:hover{background-color:#ebf3fe}.ztxk-dynamic--more{cursor:pointer;height:20px}.ant-dropdown-show-arrow.ztxk-dynamic--more--drop{padding-top:0}.ztxk-dynamic--more--drop.ant-dropdown-placement-bottomRight>.ant-dropdown-arrow{top:-5px}.dynamic-drawer .ant-drawer-header{padding:10px 12px}.dynamic-drawer .ant-drawer-header .ant-drawer-title>div{align-items:center;color:#768696;display:flex;font-size:16px}.dynamic-drawer .ant-drawer-header .ant-drawer-title>div .search-drawer--title-text{font-size:14px;margin-left:10px}.dynamic-drawer .ant-drawer-header .ant-drawer-title>div .search-drawer--title-text>span{font-size:13px}.dynamic-drawer .ant-drawer-body{padding:0}.dynamic-drawer .ant-drawer-body .search-drawer--filter{display:flex;flex-direction:column;height:100%}.dynamic-drawer .ant-drawer-body .search-drawer--filter .search-drawer--template{align-items:center;display:flex;gap:5px;height:34px}.dynamic-drawer .ant-drawer-body .search-drawer--filter .search-drawer--template>button{flex:1;height:30px}.dynamic-drawer .ant-drawer-body .search-drawer--filter .search-drawer--filter-input{align-items:center;display:flex}.dynamic-drawer .ant-drawer-body .search-drawer--filter .search-drawer--filter-input .ant-input-group-wrapper.ant-input-search{width:100%}.dynamic-drawer .ant-drawer-body .search-drawer--filter .search-drawer--filter-input .ant-input-group-wrapper.ant-input-search .ant-input-wrapper input{background:#f0f0f0;border:0;border-radius:0 0 0 0;color:#333;text-align:center}.dynamic-drawer .ant-drawer-body .search-drawer--filter .search-drawer--filter-input .ant-input-group-wrapper.ant-input-search .ant-input-wrapper input:focus{box-shadow:none;outline:0}.dynamic-drawer .ant-drawer-body .search-drawer--filter .search-drawer--filter-input .ant-input-group-wrapper.ant-input-search .ant-input-wrapper .ant-input-group-addon>button{background:#f0f0f0;border:0;border-radius:0 0 0 0;height:28px;outline:none}.dynamic-drawer .ant-drawer-body .search-drawer--filter .search-drawer--filter-input>.selector-all{border-radius:0;border-right:0}.dynamic-drawer .ant-drawer-body .search-drawer--filter .search-drawer--filter-input>.selector-inverse{border-radius:0}.dynamic-drawer .ant-drawer-body .search-drawer--filter .ant-checkbox-group{flex:1;overflow:auto}.dynamic-drawer .ant-drawer-body .ant-checkbox-group{width:100%}.dynamic-drawer .ant-drawer-footer{border-top:none;display:flex;justify-content:space-between;padding:0}.dynamic-drawer .ant-drawer-footer>button{border:none;border-radius:0;height:40px;width:33%}.dynamic-drawer-section-title{background:#f5f5f5;border-radius:6px;font-size:14px;font-weight:700;padding:4px}.dynamic-template--list{display:flex;flex-direction:column}.dynamic-template--list .dynamic-template--item{align-items:center;cursor:pointer;display:flex;margin-top:6px;padding:4px 8px}.dynamic-template--list .dynamic-template--item.dynamic-template--item-active{background-color:#e6f7ff}.dynamic-template--list .dynamic-template--item .dynamic-template--item-title{flex:1}.dynamic-template-confirm--item-title{font-weight:400}

package/dist/es/dynamicsetting/index.js

@@ -1,4 +1,5 @@
 import DynamicSetting from './dynamicSetting.js';
+export { TemplateDatasetName } from './useTemplate.js';
 
 
 

package/dist/es/dynamicsetting/interface.d.ts

@@ -31,6 +31,11 @@ interface IDynamicSettingProps {
     isMore?: boolean;
     isFixed?: boolean;
     isDimensionDynamic?: boolean;
+    isTemplateSetting?: boolean;
+    /**
+     * 模板设置的表名
+     */
+    storeName?: string;
 }
 interface IRef {
     getCurrentDynamicList: (list: IDynamicItem[]) => IDynamicItem[];

package/dist/es/dynamicsetting/useDynamic.js

@@ -143,7 +143,8 @@ function getCurrentDynamicItems(dynamicKey, parentDynamicKey, list) {
  * @param dynamicStorageKey 保留的key值
  * @param value 值
  */
-function getSetDynamicKey(LOCALSTORAGE_KEY, LOCALSTORAGE_LRU_KEY, customConfigFetch) {
+function getSetDynamicKey(LOCALSTORAGE_KEY, LOCALSTORAGE_LRU_KEY, customConfigFetch, options) {
+    var isNotSaveToServer = (options || {}).isNotSaveToServer;
     return function (dynamicStorageKey, value) {
         var obj = {};
         var lruKeys = [];
@@ -190,6 +191,9 @@ function getSetDynamicKey(LOCALSTORAGE_KEY, LOCALSTORAGE_LRU_KEY, customConfigFe
         localStorage.setItem(LOCALSTORAGE_LRU_KEY, lruData);
         // 持久化存储
         try {
+            if (isNotSaveToServer) {
+                return;
+            }
             customConfigFetch === null || customConfigFetch === void 0 ? void 0 : customConfigFetch({
                 customKey: LOCALSTORAGE_KEY,
                 customValue: data,

package/dist/es/dynamicsetting/useSearch.js

@@ -1,8 +1,19 @@
 import { __spreadArray } from '../_virtual/_tslib.js';
 import { useState } from 'react';
+import { useMemoizedFn } from 'ahooks';
+import debounce from 'lodash/debounce';
 import myMessage from '../message/index.js';
 
-function useSearch(dynamicList, checkedValues, isDimensionDynamic) {
+/**
+ * @change 2026-03-31 过滤逻辑改成，不过滤显示，只高亮显示
+ * @description 搜索过滤列
+ * @param dynamicList 原始完整表格列集合（包含所有列）
+ * @param checkedValues 已选中的列 key 集合（状态变量）
+ * @param isDimensionDynamic 是否开启维度动态列配置
+ * @param isSearchFilterEnabled 过滤行为是否是过滤还是高亮 true为过滤展示，false为高亮展示
+ * @returns
+ */
+function useSearch(dynamicList, checkedValues, isDimensionDynamic, isSearchFilterEnabled) {
     // 过滤后的可见列集合（仅操作此集合中的列）
     var _a = useState(null), filterDynamicColumns = _a[0], setFilterDynamicColumns = _a[1];
     // 未参与过滤的列，但是选中了的值
@@ -27,7 +38,10 @@ function useSearch(dynamicList, checkedValues, isDimensionDynamic) {
             return;
         }
         // 1. 确定操作的目标列集合：仅对「过滤后可见列」操作（优先 filterDynamicColumns，无则用 dynamicColumns）
-        var targetColumns = filterDynamicColumns !== null && filterDynamicColumns !== void 0 ? filterDynamicColumns : dynamicList;
+        // const targetColumns: any = filterDynamicColumns ?? dynamicList;
+        var targetColumns = isSearchFilterEnabled
+            ? filterDynamicColumns !== null && filterDynamicColumns !== void 0 ? filterDynamicColumns : dynamicList
+            : dynamicList;
         // 2. 拆分目标列中的两类列（仅在可见列范围内处理）
         // 2.1 「可操作列」：过滤后可见 + 允许动态隐藏（isNoDynamicHide: false）→ 参与全选/反选
         var operableKeys = targetColumns
@@ -40,8 +54,7 @@ function useSearch(dynamicList, checkedValues, isDimensionDynamic) {
             .map(function (column) { return column.key; });
         // 3. 拆分当前已选中的 keys（确保「过滤后隐藏的列」状态不变）
         // 3.1 已选中的「过滤后隐藏的列」：无论是否可动态，均保留原状态（不参与本次操作）
-        var hiddenCheckedKeys = checkedValues.filter(function (key) { return !targetColumns.some(function (column) { return column.key === key; }); } // 不在目标列（过滤后隐藏）的选中项
-        );
+        var hiddenCheckedKeys = checkedValues.filter(function (key) { return !targetColumns.some(function (column) { return column.key === key; }); });
         // 3.2 已选中的「可见不可操作列」：保留原选中状态
         var visibleNonOperableCheckedKeys = checkedValues.filter(function (key) {
             return visibleNonOperableKeys.includes(key);
@@ -50,17 +63,19 @@ function useSearch(dynamicList, checkedValues, isDimensionDynamic) {
         var operableCheckedKeys = checkedValues.filter(function (key) {
             return operableKeys.includes(key);
         });
+        // 保留过滤后隐藏列的原选中状态
+        var filterHiddenCheckedKeys = Array.from(new Set(__spreadArray(__spreadArray([], filterCheckedValues, true), hiddenCheckedKeys, true)));
         // 4. 全选逻辑：仅选中「可见可操作列」，其他列（隐藏列、可见不可操作列）保持原状态
         if (type === "all") {
             // 边界判断：仅当「已选中的可操作列数 ≠ 可操作列总数」时才更新（避免无效渲染）
             if (operableCheckedKeys.length !== operableLen) {
-                onCheckboxChange(__spreadArray(__spreadArray(__spreadArray(__spreadArray([], filterCheckedValues, true), operableKeys, true), visibleNonOperableCheckedKeys, true), hiddenCheckedKeys, true));
+                onCheckboxChange(__spreadArray(__spreadArray(__spreadArray([], filterHiddenCheckedKeys, true), operableKeys, true), visibleNonOperableCheckedKeys, true));
             }
             return;
         }
         // 5. 反选逻辑：仅反选「可见可操作列」，其他列保持原状态
         var inversedOperableKeys = operableKeys.filter(function (key) { return !operableCheckedKeys.includes(key); });
-        onCheckboxChange(__spreadArray(__spreadArray(__spreadArray(__spreadArray([], filterCheckedValues, true), inversedOperableKeys, true), visibleNonOperableCheckedKeys, true), hiddenCheckedKeys, true));
+        onCheckboxChange(__spreadArray(__spreadArray(__spreadArray([], filterHiddenCheckedKeys, true), inversedOperableKeys, true), visibleNonOperableCheckedKeys, true));
     };
     /**
      * @description 搜索过滤触发的回调
@@ -81,6 +96,9 @@ function useSearch(dynamicList, checkedValues, isDimensionDynamic) {
         setFilterCheckedValues(checkedValues.filter(function (key) { return !filterColumns.find(function (column) { return column.key === key; }); }));
         setFilterDynamicColumns(filterColumns);
     };
+    var onSearchHandleDebounce = useMemoizedFn(debounce(function (e) {
+        onSearchHandle(e.target.value);
+    }, 500, { trailing: true }));
     return {
         onSearchHandle: onSearchHandle,
         onCheckBtn: onCheckBtn,
@@ -92,6 +110,8 @@ function useSearch(dynamicList, checkedValues, isDimensionDynamic) {
         filterDynamicColumns: filterDynamicColumns,
         /** 设置过滤后的列 */
         setFilterDynamicColumns: setFilterDynamicColumns,
+        /** 搜索输入框的防抖回调 */
+        onSearchHandleDebounce: onSearchHandleDebounce,
     };
 }
 

package/dist/es/dynamicsetting/useTemplate.d.ts

@@ -0,0 +1,4 @@
+/** 模板设置库的名称 */
+declare const TemplateDatasetName = "ztxk-webui-template-setting";
+
+export { TemplateDatasetName };