zmdms-webui 0.0.76 → 0.0.78

package/dist/es/_virtual/Draggable.js

@@ -0,0 +1,3 @@
+var Draggable = {};
+
+export { Draggable as __exports };

package/dist/es/_virtual/DraggableCore.js

@@ -0,0 +1,3 @@
+var DraggableCore = {};
+
+export { DraggableCore as __exports };

package/dist/es/_virtual/Resizable.js

@@ -0,0 +1,3 @@
+var Resizable = {};
+
+export { Resizable as __exports };

package/dist/es/_virtual/ResizableBox.js

@@ -0,0 +1,3 @@
+var ResizableBox = {};
+
+export { ResizableBox as __exports };

package/dist/es/_virtual/_commonjsHelpers.js

@@ -2,4 +2,32 @@ function getDefaultExportFromCjs (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
 }
 
-export { getDefaultExportFromCjs };
+function getAugmentedNamespace(n) {
+  if (n.__esModule) return n;
+  var f = n.default;
+	if (typeof f == "function") {
+		var a = function a () {
+			if (this instanceof a) {
+				var args = [null];
+				args.push.apply(args, arguments);
+				var Ctor = Function.bind.apply(f, args);
+				return new Ctor();
+			}
+			return f.apply(this, arguments);
+		};
+		a.prototype = f.prototype;
+  } else a = {};
+  Object.defineProperty(a, '__esModule', {value: true});
+	Object.keys(n).forEach(function (k) {
+		var d = Object.getOwnPropertyDescriptor(n, k);
+		Object.defineProperty(a, k, d.get ? d : {
+			enumerable: true,
+			get: function () {
+				return n[k];
+			}
+		});
+	});
+	return a;
+}
+
+export { getAugmentedNamespace, getDefaultExportFromCjs };

package/dist/es/_virtual/cjs.js

@@ -0,0 +1,3 @@
+var cjs = {exports: {}};
+
+export { cjs as __module };

package/dist/es/_virtual/clsx.m.js

@@ -0,0 +1,6 @@
+import { getAugmentedNamespace } from './_commonjsHelpers.js';
+import * as clsx_m from '../node_modules/clsx/dist/clsx.m.js';
+
+var require$$3 = /*@__PURE__*/getAugmentedNamespace(clsx_m);
+
+export { require$$3 as default };

package/dist/es/_virtual/domFns.js

@@ -0,0 +1,3 @@
+var domFns = {};
+
+export { domFns as __exports };

package/dist/es/_virtual/getPrefix.js

@@ -0,0 +1,3 @@
+var getPrefix = {};
+
+export { getPrefix as __exports };

package/dist/es/_virtual/index3.js

@@ -0,0 +1,3 @@
+var reactResizable = {exports: {}};
+
+export { reactResizable as __module };

package/dist/es/_virtual/index4.js

@@ -0,0 +1,3 @@
+var propTypes = {exports: {}};
+
+export { propTypes as __module };

package/dist/es/_virtual/index5.js

@@ -0,0 +1,3 @@
+var reactIs = {exports: {}};
+
+export { reactIs as __module };

package/dist/es/_virtual/log.js

@@ -0,0 +1,3 @@
+var log = {};
+
+export { log as __exports };

package/dist/es/_virtual/positionFns.js

@@ -0,0 +1,3 @@
+var positionFns = {};
+
+export { positionFns as __exports };

package/dist/es/_virtual/propTypes.js

@@ -0,0 +1,3 @@
+var propTypes = {};
+
+export { propTypes as __exports };

package/dist/es/_virtual/react-is.development.js

@@ -0,0 +1,3 @@
+var reactIs_development = {};
+
+export { reactIs_development as __exports };

package/dist/es/_virtual/react-is.production.min.js

@@ -0,0 +1,3 @@
+var reactIs_production_min = {};
+
+export { reactIs_production_min as __exports };

package/dist/es/_virtual/shims.js

@@ -0,0 +1,3 @@
+var shims = {};
+
+export { shims as __exports };

package/dist/es/_virtual/utils.js

@@ -0,0 +1,3 @@
+var utils = {};
+
+export { utils as __exports };

package/dist/es/button/button.js

@@ -1,5 +1,6 @@
 import { __rest, __assign, __awaiter, __generator } from '../_virtual/_tslib.js';
 import { jsx } from 'react/jsx-runtime';
+import { useState, useRef } from 'react';
 import { Button as Button$1 } from 'antd';
 import classNames from '../node_modules/classnames/index.js';
 import ButtonDownload from './buttonDownload.js';
@@ -8,46 +9,50 @@ import ButtonPreview from './buttonPreview.js';
 
 var Button = function (props) {
     var _a;
-    var type = props.type, className = props.className, disabled = props.disabled, size = props.size, danger = props.danger, onClick = props.onClick, resetProps = __rest(props, ["type", "className", "disabled", "size", "danger", "onClick"]);
+    var type = props.type, className = props.className, disabled = props.disabled, size = props.size, danger = props.danger, onClick = props.onClick, _b = props.isAuth, isAuth = _b === void 0 ? true : _b, loading = props.loading, resetProps = __rest(props, ["type", "className", "disabled", "size", "danger", "onClick", "isAuth", "loading"]);
+    var _c = useState(), innerLoading = _c[0], setLoading = _c[1];
     var classes = classNames("zt-btn", className, (_a = {},
         _a["zt-btn-".concat(type)] = type,
-        _a["zt-btn-disabled"] = disabled,
+        _a["zt-btn-disabled"] = disabled || !isAuth,
         _a["zt-btn-".concat(size)] = size,
         _a["zt-btn-dangerous"] = danger,
         _a));
     // 定义一个开关，事件没执行完成之前 不能进行下一步操作
-    var currentBtn = {
+    var currentBtn = useRef({
         canClick: true,
-    };
+    });
     var myOnClick = function (event) { return __awaiter(void 0, void 0, void 0, function () {
         var err_1;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
-                    if (!currentBtn.canClick) {
+                    if (!currentBtn.current.canClick) {
                         return [2 /*return*/];
                     }
+                    setLoading(true);
                     _a.label = 1;
                 case 1:
                     _a.trys.push([1, 4, , 5]);
-                    currentBtn.canClick = false;
+                    currentBtn.current.canClick = false;
                     if (!onClick) return [3 /*break*/, 3];
                     return [4 /*yield*/, onClick(event)];
                 case 2:
                     _a.sent();
                     _a.label = 3;
                 case 3:
-                    currentBtn.canClick = true;
+                    setLoading(false);
+                    currentBtn.current.canClick = true;
                     return [3 /*break*/, 5];
                 case 4:
                     err_1 = _a.sent();
-                    currentBtn.canClick = true;
+                    setLoading(false);
+                    currentBtn.current.canClick = true;
                     throw err_1;
                 case 5: return [2 /*return*/];
             }
         });
     }); };
-    return (jsx(Button$1, __assign({ className: classes, type: type, disabled: disabled, size: size, danger: danger, onClick: myOnClick }, resetProps)));
+    return (jsx(Button$1, __assign({ className: classes, type: type, disabled: disabled || !isAuth, size: size, danger: danger, onClick: myOnClick, loading: loading || innerLoading }, resetProps)));
 };
 var ButtonCom = Button;
 ButtonCom.displayName = "ZTXK_WEBUI_Button";

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

@@ -5,6 +5,8 @@ import ButtonExport from './buttonExport.js';
 import ButtonPreview from './buttonPreview.js';
 
 interface IButtonProps extends ButtonProps {
+    /** 是否有权限 */
+    isAuth?: boolean;
 }
 interface ButtonComponent extends React.FC<IButtonProps> {
     displayName: string;

package/dist/es/dynamicsetting/dynamicDrawer.js

@@ -1,4 +1,4 @@
-import { __assign } from '../_virtual/_tslib.js';
+import { __spreadArray, __assign } from '../_virtual/_tslib.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { memo, forwardRef, useImperativeHandle, useMemo, useCallback } from 'react';
 import { HTML5Backend } from '../node_modules/react-dnd-html5-backend/dist/index.js';
@@ -6,6 +6,7 @@ import update from '../node_modules/immutability-helper/index.js';
 import Sortable from './sortable.js';
 import { useDynamic } from './useDynamic.js';
 import { useDrawer } from './hooks.js';
+import MoreConfig from './moreConfig.js';
 import SettingOutlined from '../node_modules/@ant-design/icons/es/icons/SettingOutlined.js';
 import { DndProvider } from '../node_modules/react-dnd/dist/core/DndProvider.js';
 import ButtonCom from '../button/button.js';
@@ -13,7 +14,7 @@ import { Drawer, Checkbox } from 'antd';
 
 // 这里操作的一直都是内部设置的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;
+    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;
     // 根据外部传入的list 和本地存储信息 生成一个内部的currentDynamicList
     // 这个currentDynamicList 是可以是负责显示最终结果的
     // tempDynamicList 是操作时的临时变量 可能操作后不点击确认 直接点击取消 那么需要重置到之前的状态
@@ -23,6 +24,7 @@ var DynamicDrawer = function (props, ref) {
     useImperativeHandle(ref, function () {
         return {
             setVisible: setVisible,
+            onSure: onSure,
         };
     });
     // 根据item的checkod 获取当前选中项
@@ -37,6 +39,7 @@ var DynamicDrawer = function (props, ref) {
     }, [tempDynamicList]);
     // 拖拽
     var onMoveItem = useCallback(function (dragIndex, hoverIndex) {
+        // 由于对于固定列，不能进行拖拽排序，所以需要找出所有包含固定列的属性出来
         setTempDynamicList(function (preDynamicList) {
             var dragCard = preDynamicList[dragIndex];
             var currentList = update(preDynamicList, {
@@ -45,9 +48,37 @@ var DynamicDrawer = function (props, ref) {
                     [hoverIndex, 0, dragCard],
                 ],
             });
-            return currentList;
+            // 处理左浮动 右浮动数据。需要重新排序
+            var leftList = currentList.filter(function (item) { return item.fixed === "left"; });
+            var middleList = currentList.filter(function (item) { return !item.fixed; });
+            var rightList = currentList.filter(function (item) { return item.fixed === "right"; });
+            return __spreadArray(__spreadArray(__spreadArray([], leftList, true), middleList, true), rightList, true);
         });
     }, [setTempDynamicList]);
+    // 子元素拖拽
+    var onChildMoveItem = useCallback(function (pIndex, pKey) {
+        return function (dragIndex, hoverIndex) {
+            // 由于对于固定列，不能进行拖拽排序，所以需要找出所有包含固定列的属性出来
+            setTempDynamicList(function (preDynamicList) {
+                var newDynamicList = preDynamicList.map(function (item) { return (__assign({}, item)); }) || [];
+                // 找到change的父元素
+                var changeCList = newDynamicList[pIndex].children || [];
+                var dragCard = changeCList[dragIndex];
+                var currentList = update(changeCList, {
+                    $splice: [
+                        [dragIndex, 1],
+                        [hoverIndex, 0, dragCard],
+                    ],
+                });
+                newDynamicList[pIndex].children = currentList;
+                // 处理左浮动 右浮动数据。需要重新排序
+                var leftList = newDynamicList.filter(function (item) { return item.fixed === "left"; });
+                var middleList = newDynamicList.filter(function (item) { return !item.fixed; });
+                var rightList = newDynamicList.filter(function (item) { return item.fixed === "right"; });
+                return __spreadArray(__spreadArray(__spreadArray([], leftList, true), middleList, true), rightList, true);
+            });
+        };
+    }, [setTempDynamicList]);
     // 确认
     var onSureHandle = function () {
         onSure && onSure(tempDynamicList);
@@ -64,10 +95,62 @@ var DynamicDrawer = function (props, ref) {
         });
         setTempDynamicList(newDynamicList);
     };
+    var onChildCheckboxChange = function (checkedValues, pIndex) {
+        var _a, _b;
+        var newDynamicList = tempDynamicList.map(function (item) { return (__assign({}, item)); }) || [];
+        // 找到change的父元素
+        var changeCList = ((_b = (_a = newDynamicList[pIndex].children) === null || _a === void 0 ? void 0 : _a.map) === null || _b === void 0 ? void 0 : _b.call(_a, function (item) { return (__assign({}, item)); })) ||
+            [] ||
+            [];
+        changeCList.forEach(function (item) {
+            if (!checkedValues.find(function (value) { return value === item.key; })) {
+                item.checked = false;
+            }
+            else {
+                item.checked = true;
+            }
+        });
+        newDynamicList[pIndex].children = changeCList;
+        setTempDynamicList(newDynamicList);
+    };
+    // 后期可能需要拓展功能
+    var onMoreChange = function (key, result) {
+        var newDynamicList = tempDynamicList.map(function (item) { return (__assign({}, item)); }) || [];
+        var currentIndex = newDynamicList.findIndex(function (item) { return key === item.key; });
+        var currentItem = newDynamicList[currentIndex];
+        // 如果什么都没改
+        if (currentItem.fixed === result.fixed) {
+            return;
+        }
+        // 可固定的列 只能是首尾的列
+        currentItem.fixed = result.fixed;
+        var leftList = newDynamicList.filter(function (item) { return item.fixed === "left"; });
+        var middleList = newDynamicList.filter(function (item) { return !item.fixed; });
+        var rightList = newDynamicList.filter(function (item) { return item.fixed === "right"; });
+        setTempDynamicList(__spreadArray(__spreadArray(__spreadArray([], leftList, true), middleList, true), rightList, true));
+    };
     /**底部按钮 */
     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: jsx(DndProvider, __assign({ backend: HTML5Backend, context: window }, { children: jsx(Checkbox.Group, __assign({ value: checkedValues, onChange: onCheckboxChange }, { children: tempDynamicList.map(function (item, index) {
-                    return (jsx(Sortable, __assign({ type: "search-drawer", index: index, onMoveItem: onMoveItem }, { children: jsx(Checkbox, __assign({ value: item.key, disabled: item.disabled }, { children: item.label || item.key })) }), item.key));
+    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: jsx(Checkbox.Group, __assign({ value: checkedValues, onChange: onCheckboxChange }, { children: jsx(DndProvider, __assign({ backend: HTML5Backend, context: window }, { children: tempDynamicList.map(function (item, index) {
+                    var key = item.key, disabled = item.disabled, label = item.label, fixed = item.fixed, children = item.children;
+                    // 得到当前选项下的子元素选中项
+                    // TODO: 这里可以继续用递归的模式创造无限下层
+                    var childrenCheckedValues = [];
+                    if (Array.isArray(children)) {
+                        children.forEach(function (item) {
+                            if (item.checked) {
+                                childrenCheckedValues.push(item.key);
+                            }
+                        });
+                    }
+                    return (jsxs(Sortable, __assign({ type: "search-drawer", index: index, onMoveItem: onMoveItem }, { children: [jsxs("div", __assign({ className: "zt-sortable--item" }, { children: [jsx(Checkbox, __assign({ value: key, disabled: disabled }, { children: label || key })), isMore && (!children || children.length === 0) && (jsx(MoreConfig, { fixed: fixed || "", onChange: function (result) {
+                                            onMoreChange(key, result);
+                                        }, isFixed: isFixed }))] })), Array.isArray(children) && children.length > 0 ? (jsx("div", __assign({ className: "zt-sortable--children" }, { children: jsx(Checkbox.Group, __assign({ value: childrenCheckedValues, onChange: function (checkedValues) {
+                                        onChildCheckboxChange(checkedValues, index);
+                                    } }, { children: children.map(function (cItem, cIndex) {
+                                        var cKey = cItem.key, cLabel = cItem.label, cDisabled = cItem.disabled;
+                                        return (jsx(Sortable, __assign({ type: "search-drawer-".concat(key), index: cIndex, onMoveItem: onChildMoveItem(index, key) }, { children: jsx(Checkbox, __assign({ value: cKey, disabled: cDisabled }, { children: cLabel || cKey })) }), cKey));
+                                    }) })) }))) : null] }), key));
                 }) })) })) })));
 };
 DynamicDrawer.displayName = "ZTXK_WEBUI_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;
+    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;
     // 内部初始list
     var _a = useState(defaultList), list = _a[0], setList = _a[1];
     var drawerRef = useRef({});
@@ -28,9 +28,14 @@ var DynamicSetting = function (props, ref) {
                 var _a;
                 (_a = drawerRef.current) === null || _a === void 0 ? void 0 : _a.setVisible(visible);
             },
+            // 外部更新数据
+            updateList: function (list) {
+                var _a;
+                (_a = drawerRef.current) === null || _a === void 0 ? void 0 : _a.onSure(list);
+            },
         };
     });
-    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 })] }))) : 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 })] }))) : null;
 };
 DynamicSetting.displayName = "ZTXK_WEBUI_DynamicSetting";
 var DynamicSetting$1 = memo(forwardRef(DynamicSetting));

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

@@ -3,6 +3,7 @@ interface IDynamicItem {
     label?: React.ReactNode;
     disabled?: boolean;
     checked?: boolean;
+    children?: IDynamicItem[];
     [props: string]: any;
 }
 interface IDynamicSettingProps {
@@ -13,11 +14,14 @@ interface IDynamicSettingProps {
     children?: JSX.Element;
     title?: string;
     hiddenOperationIcon?: boolean;
+    isMore?: boolean;
+    isFixed?: boolean;
 }
 interface IRef {
     getCurrentDynamicList: (list: IDynamicItem[]) => IDynamicItem[];
     setList: React.Dispatch<React.SetStateAction<IDynamicItem[]>>;
     setVisible: (v: boolean) => void;
+    updateList: (list: any) => void;
 }
 
 export { IDynamicItem, IDynamicSettingProps, IRef };

package/dist/es/dynamicsetting/moreConfig.js

@@ -0,0 +1,36 @@
+import { __assign } from '../_virtual/_tslib.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { memo, useState } from 'react';
+import { useLatest } from 'ahooks';
+import MenuOutlined from '../node_modules/@ant-design/icons/es/icons/MenuOutlined.js';
+import { Radio, Dropdown } from 'antd';
+
+var MoreConfig = function (_a) {
+    var fixed = _a.fixed, onChange = _a.onChange, isFixed = _a.isFixed;
+    var _b = useState(false), open = _b[0], setOpen = _b[1];
+    var _c = useState(fixed), fixedValue = _c[0], setFixedValue = _c[1];
+    var onChangeLastestRef = useLatest(onChange);
+    var onFixedChange = function (e) {
+        setFixedValue(e.target.value);
+    };
+    var fixedItem = {
+        label: (jsxs("div", { children: ["\u56FA\u5B9A\uFF1A", jsxs(Radio.Group, __assign({ name: "dynamic-fixed", value: fixedValue, onChange: onFixedChange, optionType: "button", buttonStyle: "solid" }, { children: [jsx(Radio, __assign({ value: "left" }, { children: "\u5DE6" })), jsx(Radio, __assign({ value: "right" }, { children: "\u53F3" })), jsx(Radio, __assign({ value: "" }, { children: "\u65E0" }))] }))] })),
+        key: "0",
+    };
+    var items = [];
+    if (isFixed) {
+        items.push(fixedItem);
+    }
+    return (jsx(Dropdown, __assign({ menu: { items: items }, trigger: ["click"], open: open, onOpenChange: function (open) {
+            setOpen(open);
+            if (!open) {
+                onChangeLastestRef.current &&
+                    onChangeLastestRef.current({
+                        fixed: fixedValue,
+                    });
+            }
+        }, placement: "bottomLeft", arrow: true, overlayClassName: "ztxk-dynamic--more--drop" }, { children: jsx(MenuOutlined, { className: "ztxk-dynamic--more" }) })));
+};
+var MoreConfig$1 = memo(MoreConfig);
+
+export { MoreConfig$1 as default };

package/dist/es/dynamicsetting/useDynamic.js

@@ -2,14 +2,73 @@ import { __assign } from '../_virtual/_tslib.js';
 import { useMemo, useState, useEffect } from 'react';
 
 var LOCALSTORAGE_LRU_MAX_SIZE = 500;
+function recursionDynamicItems(list, currentDynamicList) {
+    // 如果缓存中有值，那么以缓存中的值为准
+    // key保留 其他内容替换
+    list.forEach(function (item, index) {
+        var _a;
+        var result = __assign({ checked: true }, item);
+        // 将最新的名字等同步
+        // 如果之前有数据，那么需要验证数据的准确性，比如修改了名字但是key没替换
+        var currentData = (_a = currentDynamicList === null || currentDynamicList === void 0 ? void 0 : currentDynamicList.find) === null || _a === void 0 ? void 0 : _a.call(currentDynamicList, function (currentDynamic) { return currentDynamic.key === result.key; });
+        if (currentData) {
+            currentData.label = result.label;
+            currentData.isFind = true; // 代表当前这个字段被找到
+            // 判断是否是多级表头，这里的逻辑处理是为了兼容
+            // 后面改造成多级表头的情况
+            if (item.children) {
+                var children = item.children; // 默认传入的配置里面的子集
+                // 如果缓存中没有children 那么需要添加下这个字段
+                if (!currentData.children) {
+                    currentData.children = [];
+                }
+                var dynamicChildren = currentData.children; // 缓存里面的子集
+                recursionDynamicItems(children, dynamicChildren);
+            }
+        }
+        else {
+            // 没有从之前的字段中被找到的话，说明是业务新增的 需要添加上
+            // 这里存在一个问题：可能缓存中有的值已经被业务方删除了，那么需要删除掉从找到的值
+            // 这里不是从末尾添加。应该是按顺序添加
+            if (index <= currentDynamicList.length - 1) {
+                currentDynamicList.splice(index, 0, __assign(__assign({}, result), { isFind: true }));
+            }
+            else {
+                currentDynamicList.push(__assign(__assign({}, result), { isFind: true }));
+            }
+        }
+    });
+}
+function recursionDeleteDynamicItems(currentDynamicList) {
+    return currentDynamicList
+        .filter(function (item) {
+        if (item.isFind) {
+            // 这里递归找子元素删除子元素逻辑
+            if (Array.isArray(item.children)) {
+                console.log(item.children);
+                item.children = recursionDeleteDynamicItems(item.children);
+                console.log(item.children);
+            }
+            return true;
+        }
+        return false;
+    })
+        .map(function (item) {
+        var result = __assign({}, item);
+        Reflect.deleteProperty(result, "isFind");
+        return result;
+    });
+}
 // 从缓存中 取到缓存的数据
 function getCurrentDynamicItems(dynamicKey, parentDynamicKey, list) {
-    if (dynamicKey && parentDynamicKey && Array.isArray(list)) {
+    // 就算没有传入dynamicKey 也要走这个逻辑
+    // if (dynamicKey && parentDynamicKey && Array.isArray(list)) {
+    if (parentDynamicKey && Array.isArray(list)) {
         // 从storage中取到历史数据
         var dynamicList = [];
         try {
             var obj = JSON.parse(localStorage.getItem(parentDynamicKey) || "{}") || {};
-            dynamicList = obj[dynamicKey];
+            dynamicList = dynamicKey ? obj[dynamicKey] : [];
         }
         catch (err) {
             console.log(err);
@@ -24,32 +83,13 @@ function getCurrentDynamicItems(dynamicKey, parentDynamicKey, list) {
             });
         }
         else {
-            // 如果缓存中有值，那么以缓存中的值为准
-            // key保留 其他内容替换
-            list.forEach(function (item, index) {
-                var result = __assign({ checked: true }, item);
-                // 将最新的名字等同步
-                // 如果之前有数据，那么需要验证数据的准确性，比如修改了名字但是key没替换
-                var currentData = currentDynamicList_1.find(function (currentDynamic) { return currentDynamic.key === result.key; });
-                if (currentData) {
-                    currentData.label = result.label;
-                    currentData.isFind = true; // 代表当前这个字段被找到
-                }
-                else {
-                    // 没有从之前的字段中被找到的话，说明是业务新增的 需要添加上
-                    currentDynamicList_1.push(__assign(__assign({}, result), { isFind: true }));
-                }
-            });
+            // 递归比对 用户传入配置 和 缓存中的配置。转换成正确的数据
+            recursionDynamicItems(list, currentDynamicList_1);
         }
         // 最终需要过滤掉 没从传入配置中找到的字段
         // 如果没从传入配置中找到改字段 说明 该字段已经被业务弃用删除了
-        return currentDynamicList_1
-            .filter(function (item) { return item.isFind; })
-            .map(function (item) {
-            var result = __assign({}, item);
-            Reflect.deleteProperty(result, "isFind");
-            return result;
-        });
+        // 还要考虑多级表头 的情况，需要递归找到没有找到的值 进行删除
+        return recursionDeleteDynamicItems(currentDynamicList_1);
     }
     return [];
 }

package/dist/es/form/form.d.ts

@@ -2,7 +2,7 @@ import React__default from 'react';
 import { Form } from 'antd';
 import { IProFormProps } from './interface.js';
 
-interface FormComponent extends React__default.FC<IProFormProps> {
+interface FormComponent extends React__default.ForwardRefExoticComponent<IProFormProps & React__default.RefAttributes<unknown>> {
     useForm: typeof Form.useForm;
     Item: typeof Form.Item;
     List: typeof Form.List;

package/dist/es/form/form.js

@@ -1,11 +1,12 @@
 import { __rest, __assign } from '../_virtual/_tslib.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { memo, useMemo, useCallback } from 'react';
+import { memo, forwardRef, useMemo, useCallback, useRef, useImperativeHandle } from 'react';
 import { Form as Form$1 } from 'antd';
 import classNames from '../node_modules/classnames/index.js';
-import { useFormPreferencesCreateNewItems, useDynamicListByItems, useBtnHandle } from './hooks.js';
+import { useFormPreferencesCreateNewItems, useDynamicListByItems, useBtnHandle, useToggle } from './hooks.js';
 import FormItems from './formItems.js';
 import DefaultDom from './detaultDom.js';
+import Toggle from './toggle.js';
 import DynamicSetting from '../dynamicsetting/dynamicSetting.js';
 import ButtonCom from '../button/button.js';
 
@@ -17,8 +18,8 @@ var FORM_DYNAMIC_KEY = "ztxk-webui-dynamic-form";
 // 如果两者同时存在
 // 用户配置优先，先从远端获取到 表单配置信息。
 // 给子元素设置好了表单配置信息后 接下来的内容 交给动态列配置接管
-var Form = function (props) {
-    var form = props.form, bottomBorder = props.bottomBorder, _a = props.isFlex, isFlex = _a === void 0 ? true : _a, wrapClassName = props.wrapClassName, leftClassName = props.leftClassName; props.itemClassName; var rightWrapVisible = props.rightWrapVisible, rightClassName = props.rightClassName, children = props.children, dynamicKey = props.dynamicKey, formPreferences = props.formPreferences, items = props.items, outsideState = props.outsideState, onValuesChange = props.onValuesChange, onResetHandle = props.onResetHandle, onSearchHandle = props.onSearchHandle, type = props.type, directionColumn = props.directionColumn, restProps = __rest(props, ["form", "bottomBorder", "isFlex", "wrapClassName", "leftClassName", "itemClassName", "rightWrapVisible", "rightClassName", "children", "dynamicKey", "formPreferences", "items", "outsideState", "onValuesChange", "onResetHandle", "onSearchHandle", "type", "directionColumn"]);
+var Form = function (props, ref) {
+    var form = props.form, bottomBorder = props.bottomBorder, _a = props.isFlex, isFlex = _a === void 0 ? true : _a, wrapClassName = props.wrapClassName, leftClassName = props.leftClassName; props.itemClassName; var rightWrapVisible = props.rightWrapVisible, rightClassName = props.rightClassName, children = props.children, dynamicKey = props.dynamicKey, formPreferences = props.formPreferences, items = props.items, outsideState = props.outsideState, onValuesChange = props.onValuesChange, onResetHandle = props.onResetHandle, onSearchHandle = props.onSearchHandle, type = props.type, directionColumn = props.directionColumn, isToggle = props.isToggle, toggleNum = props.toggleNum, defaultToggle = props.defaultToggle, restProps = __rest(props, ["form", "bottomBorder", "isFlex", "wrapClassName", "leftClassName", "itemClassName", "rightWrapVisible", "rightClassName", "children", "dynamicKey", "formPreferences", "items", "outsideState", "onValuesChange", "onResetHandle", "onSearchHandle", "type", "directionColumn", "isToggle", "toggleNum", "defaultToggle"]);
     // 获取新的items
     var configInfoItems = useFormPreferencesCreateNewItems(formPreferences, items).configInfoItems;
     // 根据items 和 dynamicKey 获取到动态列配置信息
@@ -77,9 +78,20 @@ var Form = function (props) {
         onSearchHandle: onSearchHandle,
         onResetHandle: onResetHandle,
     }), onSearchHandleInner = _c.onSearchHandleInner, onResetHandleInner = _c.onResetHandleInner;
-    return (jsxs(Form$1, __assign({ form: form, onValuesChange: onValuesChangeHandle }, restProps, { className: wrapClasses }, { children: [jsx("div", __assign({ className: leftClasses }, { children: items ? (jsx(FormItems, { items: dynamicKey ? newItems : configInfoItems, outsideState: outsideState })) : (children) })), dynamicKey ? (jsx(DynamicSetting, { dynamicKey: dynamicKey, parentDynamicKey: FORM_DYNAMIC_KEY, defaultList: dynamicList, onCurrentListChange: onCurrentListChange, ref: dynamicSettingRef })) : null, rightWrapVisible ? (jsxs("div", __assign({ className: rightClasses }, { children: [jsx(ButtonCom, __assign({ type: "default", onClick: onResetHandleInner }, { children: "\u91CD\u7F6E" })), jsx(ButtonCom, __assign({ type: "primary", onClick: onSearchHandleInner }, { children: "\u67E5\u8BE2" }))] }))) : null] })));
+    var leftWrapRef = useRef(null);
+    var _d = useToggle(leftWrapRef, {
+        isToggle: isToggle,
+        toggleNum: toggleNum,
+        defaultToggle: defaultToggle,
+    }), toggle = _d.toggle, onToggleChange = _d.onToggleChange, setToggleHandle = _d.setToggleHandle;
+    useImperativeHandle(ref, function () {
+        return {
+            setToggleHandle: setToggleHandle,
+        };
+    });
+    return (jsxs(Form$1, __assign({ form: form, onValuesChange: onValuesChangeHandle }, restProps, { className: wrapClasses }, { children: [jsx("div", __assign({ className: leftClasses, ref: leftWrapRef }, { children: items ? (jsx(FormItems, { items: dynamicKey ? newItems : configInfoItems, outsideState: outsideState })) : (children) })), jsxs("div", __assign({ className: "ztxk-form--operation" }, { children: [dynamicKey ? (jsx(DynamicSetting, { dynamicKey: dynamicKey, parentDynamicKey: FORM_DYNAMIC_KEY, defaultList: dynamicList, onCurrentListChange: onCurrentListChange, ref: dynamicSettingRef })) : null, isToggle ? jsx(Toggle, { toggle: toggle, onClick: onToggleChange }) : null] })), rightWrapVisible ? (jsxs("div", __assign({ className: rightClasses }, { children: [jsx(ButtonCom, __assign({ type: "default", onClick: onResetHandleInner }, { children: "\u91CD\u7F6E" })), jsx(ButtonCom, __assign({ type: "primary", onClick: onSearchHandleInner }, { children: "\u67E5\u8BE2" }))] }))) : null] })));
 };
-var MemoForm = memo(Form);
+var MemoForm = memo(forwardRef(Form));
 MemoForm.displayName = "ZTXK_WEBUI_Form";
 MemoForm.useForm = Form$1.useForm;
 MemoForm.Item = Form$1.Item;