zmdms-webui 0.0.1

package/dist/es/dynamicsetting/hooks.js

@@ -0,0 +1,50 @@
+import { useState, useCallback } from 'react';
+import { getSetDynamicKey } from './useDynamic.js';
+
+function useDrawer(currentDynamicList, setCurrentDynamicList, dynamicKey, parentDynamicKey, setTempDynamicList, list, onCurrentListChange) {
+    // 控制抽屉显示隐藏
+    var _a = useState(false), visible = _a[0], setVisible = _a[1];
+    // 设置缓存数据的方法
+    var setDynamicKey = useCallback(function () {
+        return getSetDynamicKey(parentDynamicKey, "".concat(parentDynamicKey, "_lru_key"));
+    }, [parentDynamicKey]);
+    // 关闭
+    var onClose = useCallback(function () {
+        setVisible(false);
+        setTempDynamicList(currentDynamicList);
+    }, [setTempDynamicList, currentDynamicList]);
+    // 重置 (回到用户配置状态)
+    var onReset = useCallback(function () {
+        setVisible(false);
+        setCurrentDynamicList(list);
+        onCurrentListChange(list);
+        setTempDynamicList(list);
+        setDynamicKey()(dynamicKey, list);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        list,
+        setCurrentDynamicList,
+        dynamicKey,
+        setDynamicKey,
+        setTempDynamicList,
+    ]);
+    // 确认修改
+    var onSure = useCallback(function (newList) {
+        setVisible(false);
+        setCurrentDynamicList(newList);
+        setTempDynamicList(newList);
+        onCurrentListChange(newList);
+        setDynamicKey()(dynamicKey, newList);
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [setCurrentDynamicList, dynamicKey, setDynamicKey, setTempDynamicList]);
+    return {
+        visible: visible,
+        setVisible: setVisible,
+        onClose: onClose,
+        onReset: onReset,
+        onSure: onSure,
+    };
+}
+
+export { useDrawer };

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

@@ -0,0 +1,5 @@
+import _default from './dynamicSetting.js';
+
+
+
+export { _default as default };

package/dist/es/dynamicsetting/index.js

@@ -0,0 +1,5 @@
+import DynamicSetting from './dynamicSetting.js';
+
+
+
+export { DynamicSetting as default };

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

@@ -0,0 +1,18 @@
+interface IDynamicItem {
+    key: string;
+    label?: React.ReactNode;
+    disabled?: boolean;
+    checked?: boolean;
+    [props: string]: any;
+}
+interface IDynamicSettingProps {
+    parentDynamicKey: string;
+    dynamicKey: string;
+    defaultList: IDynamicItem[];
+    onCurrentListChange?: (currentList: IDynamicItem[]) => void;
+    children?: JSX.Element;
+    title?: string;
+    hiddenOperationIcon?: boolean;
+}
+
+export { IDynamicItem, IDynamicSettingProps };

package/dist/es/dynamicsetting/sortable.js

@@ -0,0 +1,68 @@
+import { __assign } from '../_virtual/_tslib.js';
+import { jsx } from 'react/jsx-runtime';
+import { useRef } from 'react';
+import classNames from '../node_modules/classnames/index.js';
+import { useDrop } from '../node_modules/react-dnd/dist/hooks/useDrop/useDrop.js';
+import { useDrag } from '../node_modules/react-dnd/dist/hooks/useDrag/useDrag.js';
+
+var Sortable = function (_a) {
+    var type = _a.type, onMoveItem = _a.onMoveItem, index = _a.index, id = _a.id, children = _a.children, style = _a.style, className = _a.className;
+    var ref = useRef(null);
+    var classes = classNames("zt-sortable", className, {});
+    /**
+     * @description 定义可放置对象
+     */
+    var _b = useDrop({
+        accept: type,
+        hover: function (item, monitor) {
+            var _a;
+            if (!ref.current) {
+                return;
+            }
+            // 当前拖动项索引
+            var dragIndex = item.index;
+            // 当前放置位置索引
+            var hoverIndex = index;
+            // 不要将项目本身替换
+            if (dragIndex === hoverIndex) {
+                return;
+            }
+            // 获取当前项的位置信息
+            var hoverBoundingRect = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+            // 元素高度的一半
+            var hoverMiddleY = (hoverBoundingRect.bottom - hoverBoundingRect.top) / 2;
+            // 确定鼠标位置
+            var clientOffset = monitor.getClientOffset();
+            // 鼠标位置纵坐标 与 当前hover元素顶部位置差
+            var hoverClientY = clientOffset.y - hoverBoundingRect.top;
+            // 临界值判断
+            // 如果当前拖拽元素本身在当前放置元素之上 并且 鼠标位置与当前放置元素之差 要小于中间位置
+            if (dragIndex < hoverIndex && hoverClientY < hoverMiddleY) {
+                return;
+            }
+            // 如果当前拖拽元素本身在当前放置元素之下 并且鼠标位置与当前放置元素之差要 大于 中间位置
+            if (dragIndex > hoverIndex && hoverClientY > hoverMiddleY) {
+                return;
+            }
+            onMoveItem(dragIndex, hoverIndex);
+            item.index = hoverIndex;
+        },
+    }), drop = _b[1];
+    /**
+     * @description 定义可拖动对象
+     */
+    var _c = useDrag({
+        type: type,
+        item: function () {
+            return { id: id, index: index };
+        },
+        collect: function (monitor) { return ({
+            isDragging: monitor.isDragging(),
+        }); },
+    }), isDragging = _c[0].isDragging, drag = _c[1];
+    var opacity = isDragging ? 0 : 1;
+    drag(drop(ref));
+    return (jsx("div", __assign({ ref: ref, className: classes, style: __assign(__assign({}, style), { opacity: opacity }) }, { children: children })));
+};
+
+export { Sortable as default };

package/dist/es/dynamicsetting/useDynamic.js

@@ -0,0 +1,125 @@
+import { __assign } from '../_virtual/_tslib.js';
+import { useMemo, useState, useEffect } from 'react';
+
+var LOCALSTORAGE_LRU_MAX_SIZE = 500;
+// 从缓存中 取到缓存的数据
+function getCurrentDynamicItems(dynamicKey, parentDynamicKey, list) {
+    if (dynamicKey && parentDynamicKey && Array.isArray(list)) {
+        // 从storage中取到历史数据
+        var dynamicList = [];
+        try {
+            var obj = JSON.parse(localStorage.getItem(parentDynamicKey) || "{}") || {};
+            dynamicList = obj[dynamicKey];
+        }
+        catch (err) {
+            console.log(err);
+        }
+        var currentDynamicList_1 = Array.isArray(dynamicList) && dynamicList.length > 0 ? dynamicList : [];
+        // 如果缓存中没值的话，那么直接取当前配置相关字段
+        if (!dynamicList || dynamicList.length === 0) {
+            // 如果缓存中没值，那么以传入的配置为准
+            list.forEach(function (item) {
+                var result = __assign(__assign({}, item), { checked: item.checked !== undefined ? item.checked : true });
+                currentDynamicList_1.push(__assign(__assign({}, result), { isFind: true }));
+            });
+        }
+        else {
+            // 如果缓存中有值，那么以缓存中的值为准
+            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.isFind = true; // 代表当前这个字段被找到
+                }
+                else {
+                    // 没有从之前的字段中被找到的话，说明是业务新增的 需要添加上
+                    currentDynamicList_1.push(__assign(__assign({}, result), { isFind: true }));
+                }
+            });
+        }
+        // 最终需要过滤掉 没从传入配置中找到的字段
+        // 如果没从传入配置中找到改字段 说明 该字段已经被业务弃用删除了
+        return currentDynamicList_1
+            .filter(function (item) { return item.isFind; })
+            .map(function (item) {
+            var result = __assign({}, item);
+            Reflect.deleteProperty(result, "isFind");
+            return result;
+        });
+    }
+    return [];
+}
+/**
+ * @description 将动态配置存在本地存储中
+ * @param dynamicStorageKey 保留的key值
+ * @param value 值
+ */
+function getSetDynamicKey(LOCALSTORAGE_KEY, LOCALSTORAGE_LRU_KEY) {
+    return function (dynamicStorageKey, value) {
+        var obj = {};
+        var lruKeys = [];
+        try {
+            obj = JSON.parse(localStorage.getItem(LOCALSTORAGE_KEY) || "{}") || {};
+            lruKeys =
+                JSON.parse(localStorage.getItem(LOCALSTORAGE_LRU_KEY) || "[]") || [];
+        }
+        catch (err) {
+            console.error(err);
+        }
+        // 需要初始化lru排序数据
+        if (lruKeys.length !== Object.keys(obj).length) {
+            lruKeys = Object.keys(obj);
+        }
+        // 设置值之前，先判断是否满足LRU条件,最后面的最新鲜
+        var currentKeyIndex = lruKeys.findIndex(function (lruKey) { return lruKey === dynamicStorageKey; });
+        // 如果新增key本身就在原keys里面，那删除原key，将原key添加最新鲜的位置
+        // 如果不在原keys里面，那么直接添加到最新鲜的位置
+        if (currentKeyIndex !== -1) {
+            lruKeys.splice(currentKeyIndex, 1);
+            lruKeys.push(dynamicStorageKey);
+        }
+        else {
+            lruKeys.push(dynamicStorageKey);
+        }
+        var length = lruKeys.length;
+        // 长度是否有问题
+        // 如果长度大于最大可存储长度，那么删除最老旧的元素
+        // 把对象里面存储的最老旧元素清除
+        if (length > LOCALSTORAGE_LRU_MAX_SIZE) {
+            var oldKey = lruKeys.shift();
+            try {
+                delete obj[oldKey];
+            }
+            catch (err) {
+                //
+            }
+        }
+        obj[dynamicStorageKey] = value;
+        localStorage.setItem(LOCALSTORAGE_KEY, JSON.stringify(obj));
+        localStorage.setItem(LOCALSTORAGE_LRU_KEY, JSON.stringify(lruKeys));
+    };
+}
+function useDynamic(dynamicKey, parentDynamicKey, list) {
+    // 内部可操作的动态列配置
+    var currentDynamicListMemo = useMemo(function () {
+        return getCurrentDynamicItems(dynamicKey, parentDynamicKey, list);
+    }, [dynamicKey, parentDynamicKey, list]);
+    var _a = useState(currentDynamicListMemo), currentDynamicList = _a[0], setCurrentDynamicList = _a[1];
+    var _b = useState(currentDynamicListMemo), tempDynamicList = _b[0], setTempDynamicList = _b[1];
+    useEffect(function () {
+        if (currentDynamicListMemo) {
+            setCurrentDynamicList(currentDynamicListMemo);
+            setTempDynamicList(currentDynamicListMemo);
+        }
+    }, [currentDynamicListMemo]);
+    return {
+        currentDynamicList: currentDynamicList,
+        setCurrentDynamicList: setCurrentDynamicList,
+        tempDynamicList: tempDynamicList,
+        setTempDynamicList: setTempDynamicList,
+    };
+}
+
+export { getCurrentDynamicItems, getSetDynamicKey, useDynamic };

package/dist/es/footer/footer.d.ts

@@ -0,0 +1,6 @@
+import React__default from 'react';
+import { IFooterProps } from './interface.js';
+
+declare const _default: React__default.NamedExoticComponent<IFooterProps>;
+
+export { _default as default };

package/dist/es/footer/footer.js

@@ -0,0 +1,37 @@
+import { __assign } from '../_virtual/_tslib.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { memo } from 'react';
+import classNames from '../node_modules/classnames/index.js';
+import Button from '../button/button.js';
+import Pagination from '../pagination/pagination.js';
+
+var defaultPageSizeOptions = ["10", "20", "30", "100"];
+var Footer = function (props) {
+    console.log("渲染");
+    var children = props.children, className = props.className, _a = props.align, align = _a === void 0 ? "left" : _a, footerDom = props.footerDom;
+    var classes = classNames("ztxk-footer", className);
+    return (jsx("footer", __assign({ className: classes, style: {
+            justifyContent: align === "left"
+                ? "flex-start"
+                : align === "center"
+                    ? "center"
+                    : "flex-end",
+        } }, { children: footerDom ? (jsxs("div", __assign({ className: "ztxk-footer--group" }, { children: [footerDom.map(function (item, index) {
+                    var DOMType = item.DOMType, render = item.render;
+                    if (DOMType === "button") {
+                        var type = item.type, loading = item.loading, disabled = item.disabled, onClick = item.onClick;
+                        return (jsx(Button, __assign({ type: type, loading: loading, disabled: disabled, onClick: onClick }, { children: item.text }), index));
+                    }
+                    if (DOMType === "pagination") {
+                        var total = item.total, pageSize = item.pageSize, current = item.current, onChange = item.onChange, onShowSizeChange = item.onShowSizeChange, pageSizeOptions = item.pageSizeOptions;
+                        return (jsx(Pagination, { total: total, pageSize: pageSize, current: current, onChange: onChange, onShowSizeChange: onShowSizeChange, showTotal: function (total) { return "\u5171".concat(total, "\u6761"); }, showSizeChanger: true, pageSizeOptions: pageSizeOptions ? pageSizeOptions : defaultPageSizeOptions }, index));
+                    }
+                    if (render) {
+                        return render();
+                    }
+                    return null;
+                }), children] }))) : null })));
+};
+var Footer$1 = memo(Footer);
+
+export { Footer$1 as default };

package/dist/es/footer/index.d.ts

@@ -0,0 +1,5 @@
+import _default from './footer.js';
+
+
+
+export { _default as default };

package/dist/es/footer/index.js

@@ -0,0 +1,5 @@
+import Footer from './footer.js';
+
+
+
+export { Footer as default };

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

@@ -0,0 +1,33 @@
+import { ButtonType } from 'antd/lib/button';
+
+interface IPagination {
+    total: number;
+    pageSize: number;
+    current: number;
+    onChange: (page: number, pageSize: number | undefined) => void;
+    onShowSizeChange?: (current: number, size: number) => void;
+    pageSizeOptions?: any;
+}
+interface IBtn {
+    type?: ButtonType;
+    text: React.ReactNode;
+    loading?: boolean;
+    disabled?: boolean;
+    onClick: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
+}
+interface IDropdown {
+    text: string;
+    overlay: any;
+}
+interface IFooterDom extends Partial<IPagination & IBtn & IDropdown> {
+    DOMType?: "button" | "pagination" | "dropdown";
+    render?: () => React.ReactElement;
+}
+interface IFooterProps {
+    children?: React.ReactNode;
+    className?: string;
+    align?: "left" | "center" | "right";
+    footerDom?: IFooterDom[] | null;
+}
+
+export { IFooterDom, IFooterProps };

package/dist/es/forgetpassword/forgetPassword.js

@@ -0,0 +1,9 @@
+import { jsx } from 'react/jsx-runtime';
+import { Modal } from 'antd';
+
+var ForgetPassword = function () {
+    return jsx(Modal, {});
+};
+ForgetPassword.displayName = "ZTXK_WEBUI_ForgetPassword";
+
+export { ForgetPassword as default };

package/dist/es/forgetpassword/index.js

@@ -0,0 +1,5 @@
+import ForgetPassword from './forgetPassword.js';
+
+
+
+export { ForgetPassword as default };

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

@@ -0,0 +1,16 @@
+import React__default from 'react';
+import { Form } from 'antd';
+import { IProFormProps } from './interface.js';
+
+interface FormComponent extends React__default.FC<IProFormProps> {
+    useForm: typeof Form.useForm;
+    Item: typeof Form.Item;
+    List: typeof Form.List;
+    ErrorList: typeof Form.ErrorList;
+    Provider: typeof Form.Provider;
+    useFormInstance: typeof Form.useFormInstance;
+    useWatch: typeof Form.useWatch;
+}
+declare const MemoForm: FormComponent;
+
+export { MemoForm as default };

package/dist/es/form/form.js

@@ -0,0 +1,89 @@
+import { __rest, __assign } from '../_virtual/_tslib.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { memo, useMemo, useCallback } from 'react';
+import { Form as Form$1 } from 'antd';
+import classNames from '../node_modules/classnames/index.js';
+import { useFormConfigInfoCreateNewItems, useDynamicListByItems, useBtnHandle } from './hooks.js';
+import FormItems from './formItems.js';
+import DynamicSetting from '../dynamicsetting/dynamicSetting.js';
+import Button from '../button/button.js';
+
+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, formConfigInfo = props.formConfigInfo, items = props.items, outsideState = props.outsideState, onValuesChange = props.onValuesChange, onResetHandle = props.onResetHandle, onSearchHandle = props.onSearchHandle, restProps = __rest(props, ["form", "bottomBorder", "isFlex", "wrapClassName", "leftClassName", "itemClassName", "rightWrapVisible", "rightClassName", "children", "dynamicKey", "formConfigInfo", "items", "outsideState", "onValuesChange", "onResetHandle", "onSearchHandle"]);
+    // 获取新的items
+    var configInfoItems = useFormConfigInfoCreateNewItems(formConfigInfo, items).configInfoItems;
+    // 根据items 和 dynamicKey 获取到动态列配置信息
+    var _b = useDynamicListByItems(configInfoItems, dynamicKey, formConfigInfo), dynamicList = _b.dynamicList, onCurrentListChange = _b.onCurrentListChange, newItems = _b.newItems, dynamicSettingRef = _b.dynamicSettingRef;
+    // 主容器类名
+    var wrapClasses = classNames("ztxk-form", wrapClassName, {
+        "ztxk-form--bottom-border": bottomBorder,
+    });
+    // 左容器类名
+    var leftClasses = classNames("ztxk-form__left", leftClassName, {
+        "ztxk-form__left--flex": isFlex,
+    });
+    // 右容器类名
+    var rightClasses = classNames("ztxk-form__right", rightClassName);
+    // 获取依赖项关联
+    var itemsShouldUpdate = useMemo(function () {
+        var result = {};
+        if (items) {
+            for (var i = 0; i < items.length; i++) {
+                var item = items[i];
+                if (typeof item.name === "string" &&
+                    item.shouldUpdateNames &&
+                    item.shouldUpdateClear) {
+                    result[item.name] =
+                        typeof item.shouldUpdateClear === "boolean"
+                            ? item.shouldUpdateNames
+                            : item.shouldUpdateClear;
+                }
+            }
+        }
+        return result;
+    }, [items]);
+    // 依赖关系发生改变 是否需要清空依赖项逻辑
+    var onValuesChangeHandle = useCallback(function (changedValues, allValues) {
+        if (changedValues) {
+            var keys_1 = Object.keys(changedValues);
+            var nameKeys = Object.keys(itemsShouldUpdate);
+            nameKeys.forEach(function (nameKey) {
+                var _a;
+                var _b;
+                var shouldUpdateClear = itemsShouldUpdate[nameKey]
+                    ? itemsShouldUpdate[nameKey]
+                    : [];
+                if (keys_1.find(function (key) { return shouldUpdateClear.includes(key); })) {
+                    (_b = form === null || form === void 0 ? void 0 : form.setFieldsValue) === null || _b === void 0 ? void 0 : _b.call(form, (_a = {},
+                        _a[nameKey] = undefined,
+                        _a));
+                }
+            });
+        }
+        onValuesChange && onValuesChange(changedValues, allValues);
+    }, [onValuesChange, itemsShouldUpdate, form]);
+    var _c = useBtnHandle(form, {
+        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(Button, __assign({ type: "default", onClick: onResetHandleInner }, { children: "\u91CD\u7F6E" })), jsx(Button, __assign({ type: "primary", onClick: onSearchHandleInner }, { children: "\u67E5\u8BE2" }))] }))) : null] })));
+};
+var MemoForm = memo(Form);
+MemoForm.displayName = "ZTXK_WEBUI_Form";
+MemoForm.useForm = Form$1.useForm;
+MemoForm.Item = Form$1.Item;
+MemoForm.List = Form$1.List;
+MemoForm.ErrorList = Form$1.ErrorList;
+MemoForm.Provider = Form$1.Provider;
+MemoForm.useFormInstance = Form$1.useFormInstance;
+MemoForm.useWatch = Form$1.useWatch;
+
+export { FORM_DYNAMIC_KEY, MemoForm as default };

package/dist/es/form/formItems.js

@@ -0,0 +1,14 @@
+import { __assign } from '../_virtual/_tslib.js';
+import { jsx, Fragment } from 'react/jsx-runtime';
+import FormItem from '../formitem/formItem.js';
+
+var FormItems = function (props) {
+    var items = props.items, outsideState = props.outsideState;
+    return (jsx(Fragment, { children: Array.isArray(items)
+            ? items === null || items === void 0 ? void 0 : items.map(function (item, index) {
+                return (jsx(FormItem, __assign({ index: index }, item, { outsideState: outsideState }), "".concat(item.name)));
+            })
+            : null }));
+};
+
+export { FormItems as default };

package/dist/es/form/hooks.js

@@ -0,0 +1,105 @@
+import { __assign } from '../_virtual/_tslib.js';
+import { useMemo, useRef, useEffect, useState, useCallback } from 'react';
+import { getCurrentDynamicItems } from '../dynamicsetting/useDynamic.js';
+import { FORM_DYNAMIC_KEY } from './form.js';
+
+// 根据表单配置信息 及 表单项items 生成新的表单项items
+function useFormConfigInfoCreateNewItems(formConfigInfo, items) {
+    var configInfoItems = useMemo(function () {
+        if (formConfigInfo) {
+            return items === null || items === void 0 ? void 0 : items.map(function (item) {
+                var _a, _b, _c;
+                var name = item.name, configName = item.configName;
+                var key = configName || name;
+                return __assign(__assign({}, item), { isDisplay: (_a = formConfigInfo[key]) === null || _a === void 0 ? void 0 : _a.isDisplay, isRequired: (_b = formConfigInfo[key]) === null || _b === void 0 ? void 0 : _b.isRequired, isChangeable: (_c = formConfigInfo[key]) === null || _c === void 0 ? void 0 : _c.isChangeable });
+            });
+        }
+        return items;
+    }, [formConfigInfo, items]);
+    return { configInfoItems: configInfoItems };
+}
+// 根据新的表单项items 经过 dynamic处理后 得到最新的配置信息
+function useDynamicListByItems(items, dynamicKey, formConfigInfo) {
+    // 动态列配置手动刷新基础配置
+    var dynamicSettingRef = useRef({});
+    // 根据子元素生成动态列配置信息
+    var dynamicList = useMemo(function () {
+        var result = [];
+        if (dynamicKey && items) {
+            result = items.map(function (item) {
+                var name = item.name, label = item.label, dynamicDisabled = item.dynamicDisabled, isDisplay = item.isDisplay;
+                return {
+                    key: name,
+                    label: label,
+                    disabled: dynamicDisabled === true ? true : false,
+                    // 如果用户传入了 isDisplay
+                    // 如果缓存中有值，还是以缓存为主
+                    // 如果缓存中无值，那么以这个传入的为主
+                    checked: isDisplay === false ? false : true,
+                };
+            });
+        }
+        return result;
+    }, [dynamicKey, items]);
+    // 如果表单配置信息发生改变，那么重置下初始化值
+    useEffect(function () {
+        var _a, _b;
+        if (formConfigInfo && dynamicKey) {
+            (_b = (_a = dynamicSettingRef.current) === null || _a === void 0 ? void 0 : _a.setList) === null || _b === void 0 ? void 0 : _b.call(_a, dynamicList);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [formConfigInfo, dynamicKey]);
+    // 变化的动态列配置信息
+    var _a = useState(function () {
+        return getCurrentDynamicItems(dynamicKey, FORM_DYNAMIC_KEY, dynamicList);
+    }), currentDynamicList = _a[0], setCurrentDynamicList = _a[1];
+    var onCurrentListChange = useCallback(function (newDynamicList) {
+        setCurrentDynamicList(newDynamicList);
+    }, []);
+    // 获取新的子元素
+    var newItems = useMemo(function () {
+        var result = [];
+        if (Array.isArray(currentDynamicList) && currentDynamicList.length > 0) {
+            currentDynamicList.forEach(function (item) {
+                var key = item.key, checked = item.checked;
+                var childrenItem = items === null || items === void 0 ? void 0 : items.find(function (item) { return (item === null || item === void 0 ? void 0 : item.name) === key; });
+                if (childrenItem) {
+                    if (!checked) {
+                        childrenItem.isDisplay = false;
+                    }
+                    else {
+                        childrenItem.isDisplay = true;
+                    }
+                    result.push(childrenItem);
+                }
+            });
+        }
+        return result;
+    }, [items, currentDynamicList]);
+    return {
+        dynamicList: dynamicList,
+        currentDynamicList: currentDynamicList,
+        onCurrentListChange: onCurrentListChange,
+        newItems: newItems,
+        dynamicSettingRef: dynamicSettingRef,
+    };
+}
+// 右侧按钮组
+function useBtnHandle(form, handleObj) {
+    var onResetHandle = handleObj.onResetHandle, onSearchHandle = handleObj.onSearchHandle;
+    var onResetHandleInner = useCallback(function () {
+        form === null || form === void 0 ? void 0 : form.resetFields();
+        onResetHandle && onResetHandle();
+    }, [form, onResetHandle]);
+    var onSearchHandleInner = useCallback(function () {
+        // 当前表单数据
+        var currentFormParams = form === null || form === void 0 ? void 0 : form.getFieldsValue();
+        onSearchHandle && onSearchHandle(currentFormParams);
+    }, [form, onSearchHandle]);
+    return {
+        onResetHandleInner: onResetHandleInner,
+        onSearchHandleInner: onSearchHandleInner,
+    };
+}
+
+export { useBtnHandle, useDynamicListByItems, useFormConfigInfoCreateNewItems };

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

@@ -0,0 +1,5 @@
+import MemoForm from './form.js';
+
+
+
+export { MemoForm as default };

package/dist/es/form/index.js

@@ -0,0 +1,5 @@
+import MemoForm from './form.js';
+
+
+
+export { MemoForm as default };