ztxkui 4.3.21 → 4.3.22

package/dist/components/ProForm/index.js

@@ -20,7 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { memo } from 'react';
+import React, { memo, useCallback, useMemo } from 'react';
 import { Form } from 'antd';
 import { Button } from '../../index';
 import { useDynamic } from './hooks';
@@ -28,7 +28,7 @@ import Items from './items';
 import Setting from './setting';
 import classNames from 'classnames';
 function ProForm(props) {
-    var items = props.items, noBottom = props.noBottom, wrapClassName = props.wrapClassName, leftClassName = props.leftClassName, itemClassName = props.itemClassName, _a = props.isFlex, isFlex = _a === void 0 ? true : _a, rightWrapVisible = props.rightWrapVisible, rightClassName = props.rightClassName, onResetHandle = props.onResetHandle, onSearchHandle = props.onSearchHandle, showDynamic = props.showDynamic, showDynamicKey = props.showDynamicKey, restProps = __rest(props, ["items", "noBottom", "wrapClassName", "leftClassName", "itemClassName", "isFlex", "rightWrapVisible", "rightClassName", "onResetHandle", "onSearchHandle", "showDynamic", "showDynamicKey"]);
+    var items = props.items, noBottom = props.noBottom, wrapClassName = props.wrapClassName, leftClassName = props.leftClassName, itemClassName = props.itemClassName, _a = props.isFlex, isFlex = _a === void 0 ? true : _a, rightWrapVisible = props.rightWrapVisible, rightClassName = props.rightClassName, onResetHandle = props.onResetHandle, onSearchHandle = props.onSearchHandle, showDynamic = props.showDynamic, showDynamicKey = props.showDynamicKey, form = props.form, onValuesChange = props.onValuesChange, restProps = __rest(props, ["items", "noBottom", "wrapClassName", "leftClassName", "itemClassName", "isFlex", "rightWrapVisible", "rightClassName", "onResetHandle", "onSearchHandle", "showDynamic", "showDynamicKey", "form", "onValuesChange"]);
     var _b = useDynamic(showDynamic, showDynamicKey, items), initDynamicList = _b.initDynamicList, currentDynamicList = _b.currentDynamicList, setCurrentDynamicList = _b.setCurrentDynamicList, currentItems = _b.currentItems;
     var wrapClasses = classNames('pro-form', wrapClassName, {
         'pro-form--no-bottom': noBottom,
@@ -37,7 +37,43 @@ function ProForm(props) {
         'pro-form__left--flex': isFlex,
     });
     var rightClasses = classNames('pro-form__right', rightClassName);
-    return (React.createElement(Form, __assign({}, restProps, { className: wrapClasses }),
+    // 获取依赖项关联
+    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_1 = Object.keys(itemsShouldUpdate);
+            nameKeys_1.forEach(function (nameKey) {
+                var _a;
+                var _b;
+                var shouldUpdateClear = nameKeys_1[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]);
+    return (React.createElement(Form, __assign({ form: form, onValuesChange: onValuesCHangeHandle }, restProps, { className: wrapClasses }),
         React.createElement("div", { className: leftClasses },
             React.createElement(Items, { items: currentItems, itemClassName: itemClassName })),
         showDynamic && (React.createElement(Setting, { list: currentDynamicList, initList: initDynamicList, showDynamicKey: showDynamicKey, setCurrentDynamicList: setCurrentDynamicList })),

package/dist/components/ProForm/interface.d.ts

@@ -44,6 +44,10 @@ export interface IFormItem extends FormItemProps {
      * 通过shouldUpdate控制依赖关系的默认处理
      */
     shouldUpdateNames?: string[];
+    /**
+     * 依赖关系发生改变是否需要清空 当前item
+     */
+    shouldUpdateClear?: boolean | string[];
 }
 export interface IProFormProps extends FormProps {
     items: IFormItem[];

package/dist/components/ProForm/items.js

@@ -27,7 +27,7 @@ function Items(props) {
     var items = props.items, itemClassName = props.itemClassName;
     return (React.createElement(React.Fragment, null, items.map(function (item, index) {
         var _a;
-        var render = item.render, isRequire = item.isRequire, isDisplay = item.isDisplay, isChangeable = item.isChangeable, dependencies = item.dependencies, shouldUpdate = item.shouldUpdate, shouldUpdateNames = item.shouldUpdateNames, disabled = item.disabled, noBorder = item.noBorder, width = item.width, resetItem = __rest(item, ["render", "isRequire", "isDisplay", "isChangeable", "dependencies", "shouldUpdate", "shouldUpdateNames", "disabled", "noBorder", "width"]);
+        var render = item.render, isRequire = item.isRequire, isDisplay = item.isDisplay, isChangeable = item.isChangeable, dependencies = item.dependencies, shouldUpdate = item.shouldUpdate, disabled = item.disabled, noBorder = item.noBorder, width = item.width, shouldUpdateNames = item.shouldUpdateNames, shouldUpdateClear = item.shouldUpdateClear, resetItem = __rest(item, ["render", "isRequire", "isDisplay", "isChangeable", "dependencies", "shouldUpdate", "disabled", "noBorder", "width", "shouldUpdateNames", "shouldUpdateClear"]);
         // 处理配置相关逻辑 配置优先代码
         // 传入了是否必填配置
         if (isRequire !== undefined) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ztxkui",
-  "version": "4.3.21",
+  "version": "4.3.22",
   "private": false,
   "description": "React components library",
   "author": "zt-front-end",