zmdms-webui 0.0.1

package/README.md

@@ -0,0 +1,104 @@
+# zmdms-webui
+
+基于antd4.24.8版本二开组件库，通过rollup打包。
+
+# 使用国际化
+
+1. 组件内部需要支持国际化 可通过下面的方法获取设置国际化相关逻辑
+
+   ```
+   // 引入获取语言配置的hook
+   import useLocale from '../config/useLocale';
+   
+   const localeConfig = useLocale(); // 能获取到配置在config/i18n下的语言配置相关信息
+   ```
+
+2. 使用组件的系统需要通过下面的方法配置
+
+   ```
+   因为我们组件是基于antd的做的二次开发，由于antd的国际化配置是通过ConfigProvider这个context.provider。但是并没有暴露给用户获取。所以需要额外定义一个切换的context供组件获取
+   import { ConfigProvider, ZtxkContext } from 'ztxk-webui'
+   
+   <ConfigProvider locale={locale}>
+       <ZtxkContext.Provider value={ztxkConfig}>
+       	<App />
+       </ZtxkContext.Provider>
+   </ConfigProvider>
+   ```
+
+# 需要为每个组件编写测试用例
+
+# 注意事项
+
+1. 需要覆盖下webpack5下的限制
+
+   ```
+   启用后，你若在 .mjs 文件或其他 .js 文件中导入模块，并且它们最近的 package.json 中包含 "type" 字段，其值为 "module"时，你应为此文件提供扩展名，否则 webpack 会提示 Module not found 的错误且编译失败。并且 webpack 不会解析 resolve.mainFiles 中定义的文件目录，你必须自己指定文件名。
+   module.exports = {
+     // ...
+     module: {
+       rules: [
+         {
+           test: /\.m?js$/,
+           resolve: {
+             fullySpecified: false, // disable the behaviour
+           },
+         },
+       ],
+     },
+   };
+   ```
+
+2. 开发时 添加less支持 （less-loader 需要用10.2.0以下的版本）
+
+   ```
+   
+               {
+                 test: /\.(less)$/,
+                 exclude: /\.module\.(less)$/,
+                 use: [
+                   ...getStyleLoaders(
+                     {
+                       importLoaders: 3,
+                       sourceMap: isEnvProduction
+                         ? shouldUseSourceMap
+                         : isEnvDevelopment,
+                       modules: {
+                         mode: 'icss',
+                       },
+                     },
+                   ),
+                   {
+                     loader: "less-loader",
+                     options: {
+                       lessOptions: {
+                         javascriptEnabled: true
+                       }
+                     }
+                   }
+                 ],
+                 // Don't consider CSS imports dead code even if the
+                 // containing package claims to have no side effects.
+                 // Remove this when webpack adds a warning or an error for this.
+                 // See https://github.com/webpack/webpack/issues/6571
+                 sideEffects: true,
+               },
+   ```
+   
+3. 本地link需要注意事项
+
+   ```
+   Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
+   1. You might have mismatching versions of React and the renderer (such as React DOM)
+   2. You might be breaking the Rules of Hooks
+   3. You might have more than one copy of React in the same app
+   See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem. 
+   
+   需要切换到ui库下面，将react link到开发项目的node modules下
+   
+   cd zmdms-webui
+   npm link ..\zmdms-webmain\node_modules\react
+   ```
+
+   
+

package/dist/es/_virtual/_commonjsHelpers.js

@@ -0,0 +1,5 @@
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+export { getDefaultExportFromCjs };

package/dist/es/_virtual/_tslib.js

@@ -0,0 +1,51 @@
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise */
+
+
+var __assign = function() {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+function __spreadArray(to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+}
+
+export { __assign, __rest, __spreadArray };

package/dist/es/_virtual/index.js

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

package/dist/es/_virtual/index2.js

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

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

@@ -0,0 +1,10 @@
+import React__default from 'react';
+import { ButtonProps } from 'antd/es/button';
+
+interface IProps extends ButtonProps {
+    /** 是否开启防止重复点击行为 默认开启 */
+    agentClick?: boolean;
+}
+declare const Button: React__default.FC<IProps>;
+
+export { Button as default };

package/dist/es/button/button.js

@@ -0,0 +1,39 @@
+import { __rest, __assign } from '../_virtual/_tslib.js';
+import { jsx } from 'react/jsx-runtime';
+import { useRef } from 'react';
+import { Button as Button$1 } from 'antd';
+import classNames from '../node_modules/classnames/index.js';
+
+var maxClickTime = 300;
+var Button = function (props) {
+    var _a;
+    var _b = props.agentClick, agentClick = _b === void 0 ? true : _b, type = props.type, className = props.className, disabled = props.disabled, size = props.size, danger = props.danger, onClick = props.onClick, resetProps = __rest(props, ["agentClick", "type", "className", "disabled", "size", "danger", "onClick"]);
+    var startTimeRef = useRef(0);
+    var classes = classNames("zt-btn", className, (_a = {},
+        _a["zt-btn-".concat(type)] = type,
+        _a["zt-btn-disabled"] = disabled,
+        _a["zt-btn-".concat(size)] = size,
+        _a["zt-btn-dangerous"] = danger,
+        _a));
+    var myOnClick = function (event) {
+        if (agentClick) {
+            var nowDateTime = Date.now();
+            if (startTimeRef.current === 0 ||
+                nowDateTime - startTimeRef.current > maxClickTime) {
+                startTimeRef.current = nowDateTime;
+                onClick && onClick(event);
+            }
+            else {
+                startTimeRef.current = nowDateTime;
+                console.log("点击按钮过于频繁");
+            }
+        }
+        else {
+            onClick && onClick(event);
+        }
+    };
+    return (jsx(Button$1, __assign({ className: classes, type: type, disabled: disabled, size: size, danger: danger, onClick: myOnClick }, resetProps)));
+};
+Button.displayName = "ZTXK_WEBUI_Button";
+
+export { Button as default };

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

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

package/dist/es/button/index.js

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

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

@@ -0,0 +1,6 @@
+import * as antd_es_calendar_generateCalendar from 'antd/es/calendar/generateCalendar';
+import { Dayjs } from 'dayjs';
+
+declare const Calendar: (props: antd_es_calendar_generateCalendar.CalendarProps<Dayjs>) => JSX.Element;
+
+export { Calendar as default };

package/dist/es/calendar/index.js

@@ -0,0 +1,6 @@
+import generateConfig from '../node_modules/rc-picker/es/generate/dayjs.js';
+import generateCalendar from 'antd/es/calendar/generateCalendar';
+
+var Calendar = generateCalendar(generateConfig);
+
+export { Calendar as default };

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

@@ -0,0 +1,11 @@
+import React__default from 'react';
+
+/**
+ * 组件内部设置语言的模式采用简单的模式，通过配置文件将key暴露出去
+ */
+interface IZtxkConfig {
+    locale: "zh-cn" | "en";
+}
+declare const ZtxkContext: React__default.Context<IZtxkConfig>;
+
+export { ZtxkContext as default };

package/dist/es/config/ZtxkContext.js

@@ -0,0 +1,8 @@
+import React__default from 'react';
+
+var ztxkConfig = {
+    locale: "zh-cn",
+};
+var ZtxkContext = React__default.createContext(ztxkConfig);
+
+export { ZtxkContext as default };

package/dist/es/config/commonHooks.js

@@ -0,0 +1,28 @@
+import { useState, useEffect } from 'react';
+
+// 计时器
+function useTimer(loading) {
+    var _a = useState(1), countTimer = _a[0], setCountTimer = _a[1];
+    useEffect(function () {
+        if (!loading) {
+            setCountTimer(1);
+        }
+    }, [loading]);
+    useEffect(function () {
+        if (!loading) {
+            return;
+        }
+        var timeout = setInterval(function () {
+            setCountTimer(function (pre) { return pre + 1; });
+        }, 1000);
+        return function () {
+            console.log("清楚计时器");
+            timeout && clearInterval(timeout);
+        };
+    }, [loading]);
+    return {
+        countTimer: countTimer,
+    };
+}
+
+export { useTimer };

package/dist/es/config/i18n/en.js

@@ -0,0 +1,5 @@
+var i18nConfig = {
+    test_key: "hello",
+};
+
+export { i18nConfig as default };

package/dist/es/config/i18n/zh_cn.js

@@ -0,0 +1,5 @@
+var i18nConfig = {
+    test_key: "你好",
+};
+
+export { i18nConfig as default };

package/dist/es/config/index.js

@@ -0,0 +1,3 @@
+export { default as useLocale } from './useLocale.js';
+export { default as ZtxkContext } from './ZtxkContext.js';
+export { default as isEqual } from './isEqual.js';

package/dist/es/config/isEqual.js

@@ -0,0 +1,44 @@
+function isEqual(obj1, obj2, filterKey) {
+    function deepEqual(a, b) {
+        if (a === b) {
+            return true;
+        }
+        // 过滤React组件
+        if ((a === null || a === void 0 ? void 0 : a.$$typeof) && (b === null || b === void 0 ? void 0 : b.$$typeof)) {
+            if ((a === null || a === void 0 ? void 0 : a.key) === (b === null || b === void 0 ? void 0 : b.key)) {
+                return true;
+            }
+            else {
+                return false;
+            }
+        }
+        if (Array.isArray(a)) {
+            if (!Array.isArray(b) || a.length !== b.length) {
+                return false;
+            }
+            for (var i = 0; i < a.length; i++) {
+                if (!deepEqual(a[i], b[i])) {
+                    return false;
+                }
+            }
+            return true;
+        }
+        if (a && b && typeof a === "object" && typeof b === "object") {
+            var keys = Object.keys(a);
+            if (keys.length !== Object.keys(b).length) {
+                return false;
+            }
+            return keys.every(function (key) {
+                if (filterKey && filterKey.includes(key)) {
+                    return true;
+                }
+                return deepEqual(a[key], b[key]);
+            });
+        }
+        // other
+        return false;
+    }
+    return deepEqual(obj1, obj2);
+}
+
+export { isEqual as default };

package/dist/es/config/useLocale.js

@@ -0,0 +1,21 @@
+import { useContext, useMemo } from 'react';
+import ZtxkContext from './ZtxkContext.js';
+import i18nConfig from './i18n/en.js';
+import i18nConfig$1 from './i18n/zh_cn.js';
+
+/**
+ * 获取语言配置 目前支持中文、英文
+ * @returns 返回当前语言配置
+ */
+function useLocale() {
+    var ztxkConfig = useContext(ZtxkContext);
+    var localeConfig = useMemo(function () {
+        if (ztxkConfig.locale === "en") {
+            return i18nConfig;
+        }
+        return i18nConfig$1;
+    }, [ztxkConfig.locale]);
+    return localeConfig;
+}
+
+export { useLocale as default };

package/dist/es/container/container.d.ts

@@ -0,0 +1,13 @@
+import React__default from 'react';
+import { IFooterDom } from '../footer/interface.js';
+
+interface IProps {
+    loading?: boolean;
+    className?: string;
+    isFlex?: boolean;
+    children?: React__default.ReactNode;
+    footerDom?: IFooterDom[];
+}
+declare const _default: React__default.NamedExoticComponent<IProps>;
+
+export { _default as default };

package/dist/es/container/container.js

@@ -0,0 +1,24 @@
+import { __assign } from '../_virtual/_tslib.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { memo } from 'react';
+import classNames from '../node_modules/classnames/index.js';
+import { useTimer } from '../config/commonHooks.js';
+import Footer from '../footer/footer.js';
+import { Spin } from 'antd';
+
+// 将loading的逻辑 单独分离出去 避免多余的渲染
+var ContainerLoading = function (_a) {
+    var loading = _a.loading;
+    var countTimer = useTimer(loading).countTimer;
+    return (jsx(Spin, { spinning: loading, size: "large", tip: "".concat(countTimer), className: "ztxk-container__loading", style: { display: loading ? "flex" : "none" } }));
+};
+var Container = function (props) {
+    var className = props.className, isFlex = props.isFlex, children = props.children, loading = props.loading, footerDom = props.footerDom;
+    var classes = classNames("ztxk-container__content", className, {
+        "ztxk-container__content--flex": isFlex,
+    });
+    return (jsxs("div", __assign({ className: "ztxk-container" }, { children: [jsx(ContainerLoading, { loading: loading }), jsx("div", __assign({ className: classes }, { children: children })), jsx(Footer, { footerDom: footerDom })] })));
+};
+var Container$1 = memo(Container);
+
+export { Container$1 as default };

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

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

package/dist/es/container/index.js

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

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

@@ -0,0 +1,55 @@
+import * as antd_es_button from 'antd/es/button';
+import * as rc_picker_lib_Picker from 'rc-picker/lib/Picker';
+import * as antd_es_date_picker_generatePicker_interface from 'antd/es/date-picker/generatePicker/interface';
+import * as antd_es_date_picker_generatePicker from 'antd/es/date-picker/generatePicker';
+import { Dayjs } from 'dayjs';
+
+declare const DatePicker: antd_es_date_picker_generatePicker_interface.PickerComponentClass<antd_es_date_picker_generatePicker.PickerProps<Dayjs> & {
+    status?: "" | "warning" | "error" | undefined;
+    dropdownClassName?: string | undefined;
+    popupClassName?: string | undefined;
+}, unknown> & {
+    WeekPicker: antd_es_date_picker_generatePicker_interface.PickerComponentClass<Omit<antd_es_date_picker_generatePicker.PickerProps<Dayjs> & {
+        status?: "" | "warning" | "error" | undefined;
+        dropdownClassName?: string | undefined;
+        popupClassName?: string | undefined;
+    }, "picker">, unknown>;
+    MonthPicker: antd_es_date_picker_generatePicker_interface.PickerComponentClass<Omit<antd_es_date_picker_generatePicker.PickerProps<Dayjs> & {
+        status?: "" | "warning" | "error" | undefined;
+        dropdownClassName?: string | undefined;
+        popupClassName?: string | undefined;
+    }, "picker">, unknown>;
+    YearPicker: antd_es_date_picker_generatePicker_interface.PickerComponentClass<Omit<antd_es_date_picker_generatePicker.PickerProps<Dayjs> & {
+        status?: "" | "warning" | "error" | undefined;
+        dropdownClassName?: string | undefined;
+        popupClassName?: string | undefined;
+    }, "picker">, unknown>;
+    RangePicker: antd_es_date_picker_generatePicker_interface.PickerComponentClass<antd_es_date_picker_generatePicker.RangePickerProps<Dayjs> & {
+        dropdownClassName?: string | undefined;
+        popupClassName?: string | undefined;
+    }, unknown>;
+    TimePicker: antd_es_date_picker_generatePicker_interface.PickerComponentClass<Omit<Omit<rc_picker_lib_Picker.PickerTimeProps<Dayjs>, "locale" | "generateConfig" | "hideHeader" | "components"> & {
+        locale?: antd_es_date_picker_generatePicker.PickerLocale | undefined;
+        size?: antd_es_button.ButtonSize;
+        placement?: "bottomLeft" | "bottomRight" | "topLeft" | "topRight" | undefined;
+        bordered?: boolean | undefined;
+        status?: "" | "warning" | "error" | undefined;
+    } & {
+        status?: "" | "warning" | "error" | undefined;
+        dropdownClassName?: string | undefined;
+        popupClassName?: string | undefined;
+    }, "picker">, unknown>;
+    QuarterPicker: antd_es_date_picker_generatePicker_interface.PickerComponentClass<Omit<Omit<rc_picker_lib_Picker.PickerTimeProps<Dayjs>, "locale" | "generateConfig" | "hideHeader" | "components"> & {
+        locale?: antd_es_date_picker_generatePicker.PickerLocale | undefined;
+        size?: antd_es_button.ButtonSize;
+        placement?: "bottomLeft" | "bottomRight" | "topLeft" | "topRight" | undefined;
+        bordered?: boolean | undefined;
+        status?: "" | "warning" | "error" | undefined;
+    } & {
+        status?: "" | "warning" | "error" | undefined;
+        dropdownClassName?: string | undefined;
+        popupClassName?: string | undefined;
+    }, "picker">, unknown>;
+};
+
+export { DatePicker as default };

package/dist/es/datepicker/index.js

@@ -0,0 +1,6 @@
+import generateConfig from '../node_modules/rc-picker/es/generate/dayjs.js';
+import generatePicker from 'antd/es/date-picker/generatePicker';
+
+var DatePicker = generatePicker(generateConfig);
+
+export { DatePicker as default };

package/dist/es/dynamicsetting/dynamicDrawer.js

@@ -0,0 +1,76 @@
+import { __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';
+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 SettingOutlined from '../node_modules/@ant-design/icons/es/icons/SettingOutlined.js';
+import { DndProvider } from '../node_modules/react-dnd/dist/core/DndProvider.js';
+import Button from '../button/button.js';
+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;
+    // 根据外部传入的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;
+    // 像外部暴露方法
+    useImperativeHandle(ref, function () {
+        return {
+            setVisible: setVisible,
+        };
+    });
+    // 根据item的checkod 获取当前选中项
+    var checkedValues = useMemo(function () {
+        var _checkedValues = [];
+        tempDynamicList.forEach(function (item) {
+            if (item.checked) {
+                _checkedValues.push(item.key);
+            }
+        });
+        return _checkedValues;
+    }, [tempDynamicList]);
+    // 拖拽
+    var onMoveItem = useCallback(function (dragIndex, hoverIndex) {
+        setTempDynamicList(function (preDynamicList) {
+            var dragCard = preDynamicList[dragIndex];
+            var currentList = update(preDynamicList, {
+                $splice: [
+                    [dragIndex, 1],
+                    [hoverIndex, 0, dragCard],
+                ],
+            });
+            return currentList;
+        });
+    }, [setTempDynamicList]);
+    // 确认
+    var onSureHandle = function () {
+        onSure && onSure(tempDynamicList);
+    };
+    var onCheckboxChange = function (checkedValues) {
+        var newDynamicList = tempDynamicList.map(function (item) { return (__assign({}, item)); }) || [];
+        newDynamicList.forEach(function (item) {
+            if (!checkedValues.find(function (value) { return value === item.key; })) {
+                item.checked = false;
+            }
+            else {
+                item.checked = true;
+            }
+        });
+        setTempDynamicList(newDynamicList);
+    };
+    /**底部按钮 */
+    var renderFooter = function () { return (jsxs(Fragment, { children: [jsx(Button, __assign({ type: "default", onClick: onClose }, { children: "\u53D6\u6D88" })), jsx(Button, __assign({ type: "default", onClick: onReset }, { children: "\u91CD\u7F6E" })), jsx(Button, __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));
+                }) })) })) })));
+};
+DynamicDrawer.displayName = "ZTXK_WEBUI_DynamicDrawer";
+var DynamicDrawer$1 = memo(forwardRef(DynamicDrawer));
+
+export { DynamicDrawer$1 as default };

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

@@ -0,0 +1,6 @@
+import React__default from 'react';
+import { IDynamicSettingProps } from './interface.js';
+
+declare const _default: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<IDynamicSettingProps & React__default.RefAttributes<unknown>>>;
+
+export { _default as default };

package/dist/es/dynamicsetting/dynamicSetting.js

@@ -0,0 +1,38 @@
+import { __assign } from '../_virtual/_tslib.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { memo, forwardRef, useState, useRef, useImperativeHandle } from 'react';
+import DynamicDrawer from './dynamicDrawer.js';
+import { getCurrentDynamicItems } from './useDynamic.js';
+import SettingOutlined from '../node_modules/@ant-design/icons/es/icons/SettingOutlined.js';
+
+// 传入一个配置列表
+// 可以实现修改这个配置的顺序等相关信息 并 返回修改后的结果
+// 传入list作为初始值 这个值是不会更改它的
+// 内部根据这个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;
+    // 内部初始list
+    var _a = useState(defaultList), list = _a[0], setList = _a[1];
+    var drawerRef = useRef({});
+    useImperativeHandle(ref, function () {
+        return {
+            // 获取当前列配置信息
+            getCurrentDynamicList: function (list) {
+                return getCurrentDynamicItems(dynamicKey, parentDynamicKey, list);
+            },
+            // 重置list
+            setList: setList,
+            // 开启动态列配置
+            setVisible: function (visible) {
+                var _a;
+                (_a = drawerRef.current) === null || _a === void 0 ? void 0 : _a.setVisible(visible);
+            },
+        };
+    });
+    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;
+};
+DynamicSetting.displayName = "ZTXK_WEBUI_DynamicSetting";
+var DynamicSetting$1 = memo(forwardRef(DynamicSetting));
+
+export { DynamicSetting$1 as default };