zmdms-webui 0.0.89 → 0.0.90

package/dist/es/form/form.js

@@ -5,6 +5,7 @@ import { Form as Form$1 } from 'antd';
 import classNames from '../node_modules/classnames/index.js';
 import { useFormPreferencesCreateNewItems, useDynamicListByItems, useBtnHandle, useToggle } from './hooks.js';
 import FormItems from './formItems.js';
+import ResetButton from './resetButton.js';
 import DefaultDom from './detaultDom.js';
 import Toggle from './toggle.js';
 import DynamicSetting from '../dynamicsetting/dynamicSetting.js';
@@ -19,7 +20,7 @@ var FORM_DYNAMIC_KEY = "ztxk-webui-dynamic-form";
 // 用户配置优先，先从远端获取到 表单配置信息。
 // 给子元素设置好了表单配置信息后 接下来的内容 交给动态列配置接管
 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"]);
+    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, isResetAndClear = props.isResetAndClear, 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", "isResetAndClear", "onResetHandle", "onSearchHandle", "type", "directionColumn", "isToggle", "toggleNum", "defaultToggle"]);
     // 获取新的items
     var configInfoItems = useFormPreferencesCreateNewItems(formPreferences, items).configInfoItems;
     // 根据items 和 dynamicKey 获取到动态列配置信息
@@ -77,7 +78,7 @@ var Form = function (props, ref) {
     var _c = useBtnHandle(form, {
         onSearchHandle: onSearchHandle,
         onResetHandle: onResetHandle,
-    }), onSearchHandleInner = _c.onSearchHandleInner, onResetHandleInner = _c.onResetHandleInner;
+    }), onSearchHandleInner = _c.onSearchHandleInner, onResetHandleInner = _c.onResetHandleInner, onDropdownResetHandleInner = _c.onDropdownResetHandleInner;
     var leftWrapRef = useRef(null);
     var _d = useToggle(leftWrapRef, {
         isToggle: isToggle,
@@ -89,7 +90,7 @@ var Form = function (props, ref) {
             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] })));
+    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: [isResetAndClear ? (jsx(ResetButton, { onClick: onDropdownResetHandleInner })) : (jsx(ButtonCom, __assign({ type: "default", onClick: onResetHandleInner }, { children: "\u91CD\u7F6E" }))), jsx(ButtonCom, __assign({ type: "primary", onClick: onSearchHandleInner }, { children: "\u67E5\u8BE2" }))] }))) : null] })));
 };
 var MemoForm = memo(forwardRef(Form));
 MemoForm.displayName = "ZTXK_WEBUI_Form";

package/dist/es/form/hooks.js

@@ -91,6 +91,15 @@ function useBtnHandle(form, handleObj) {
         form === null || form === void 0 ? void 0 : form.resetFields();
         onResetHandle && onResetHandle();
     }, [form, onResetHandle]);
+    var onDropdownResetHandleInner = useCallback(function (key) {
+        form === null || form === void 0 ? void 0 : form.resetFields();
+        if (key === "clear") {
+            onResetHandle && onResetHandle({});
+        }
+        else {
+            onResetHandle && onResetHandle();
+        }
+    }, [form, onResetHandle]);
     var onSearchHandleInner = useCallback(function () {
         // 当前表单数据
         var currentFormParams = form === null || form === void 0 ? void 0 : form.getFieldsValue();
@@ -99,6 +108,7 @@ function useBtnHandle(form, handleObj) {
     return {
         onResetHandleInner: onResetHandleInner,
         onSearchHandleInner: onSearchHandleInner,
+        onDropdownResetHandleInner: onDropdownResetHandleInner,
     };
 }
 var ROW_HEIGHT = 42;

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

@@ -52,6 +52,7 @@ interface IProFormProps extends FormProps {
      * 点击重置
      */
     onResetHandle?: any;
+    isResetAndClear?: boolean;
     /**
      * 点击查询
      */

package/dist/es/form/resetButton.js

@@ -0,0 +1,29 @@
+import { __assign } from '../_virtual/_tslib.js';
+import { jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { Dropdown } from 'antd';
+
+var items = [
+    {
+        key: "reset",
+        label: "重置",
+    },
+    {
+        key: "clear",
+        label: "清除",
+    },
+];
+var ResetButton = function (_a) {
+    var onClick = _a.onClick;
+    var _b = useState("reset"), resetType = _b[0], setResetType = _b[1];
+    var onMenuClick = function (e) {
+        setResetType(e.key);
+        onClick && onClick(e.key);
+    };
+    var onButtonClick = function (e) {
+        onClick && onClick(resetType);
+    };
+    return (jsx(Dropdown.Button, __assign({ menu: { items: items, onClick: onMenuClick }, onClick: onButtonClick, type: "default", className: "zt-btn-dropdown--default" }, { children: resetType === "reset" ? "重置" : "清除" })));
+};
+
+export { ResetButton as default };