@zat-design/sisyphus-react 3.6.0 → 3.6.1

package/dist/index.esm.css

@@ -2141,6 +2141,12 @@
 .pro-edit-table-drag table tr th.ant-table-selection-column.ant-table-cell-fix-left {
   text-align: right;
 }
+.ant-table-cell-fix-right {
+  z-index: 999 !important;
+}
+.ant-table-cell-fix-left {
+  z-index: 999 !important;
+}
 .pro-tooltip {
   cursor: pointer;
 }
@@ -3473,6 +3479,10 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   width: 0;
   height: 0;
 }
+.pro-tree-modal-box .pro-tree-modal-tree-warp ::-webkit-scrollbar {
+  width: 16px;
+  height: auto;
+}
 .pro-tree-modal-cascader-box {
   width: 592px;
 }

package/dist/less.esm.css

@@ -2141,6 +2141,12 @@
 .pro-edit-table-drag table tr th.ant-table-selection-column.ant-table-cell-fix-left {
   text-align: right;
 }
+.ant-table-cell-fix-right {
+  z-index: 999 !important;
+}
+.ant-table-cell-fix-left {
+  z-index: 999 !important;
+}
 .pro-tooltip {
   cursor: pointer;
 }
@@ -3473,6 +3479,10 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   width: 0;
   height: 0;
 }
+.pro-tree-modal-box .pro-tree-modal-tree-warp ::-webkit-scrollbar {
+  width: 16px;
+  height: auto;
+}
 .pro-tree-modal-cascader-box {
   width: 592px;
 }

package/es/ProEditTable/utils/config.js

@@ -204,9 +204,13 @@ export var actions = {
               top: insertType === 'before' ? -10000 : 10000,
               behavior: 'smooth'
             });
-            _context2.next = 14;
+            if (!virtualKey) {
+              _context2.next = 15;
+              break;
+            }
+            _context2.next = 15;
             return form.validateFields([name]);
-          case 14:
+          case 15:
           case "end":
             return _context2.stop();
         }

package/es/ProForm/components/combination/ProModalSelect/index.js

@@ -709,7 +709,7 @@ var ProModalSelect = function ProModalSelect(props, ref) {
         } : queryBean;
         var nextParams = transformParams ? transformParams(params) : params;
         run(nextParams);
-      }, 2000),
+      }, 1000),
       style: {
         width: isView || disabled ? '100%' : 'calc(100% - 30px)'
       }

package/es/ProForm/components/combination/ProNumberRange/index.js

@@ -129,7 +129,10 @@ var ProNumberRange = function ProNumberRange(props) {
       case 'amount':
         valueProps = {
           formatter: function formatter(value) {
-            return "".concat(value).replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+            return typeof value === 'number' || value ? Number(value).toLocaleString('zh-CN', {
+              minimumFractionDigits: precision !== null && precision !== void 0 ? precision : null,
+              maximumFractionDigits: precision !== null && precision !== void 0 ? precision : 9
+            }) : value;
           },
           parser: function parser(value) {
             return value.replace(/\$\s?|(,*)/g, '');

package/es/ProForm/components/render/Render.js

@@ -383,7 +383,7 @@ var Render = function Render(props) {
     if (originComponent) {
       delete childProps.otherProps;
     }
-    var child = /*#__PURE__*/React.isValidElement(AutoComponent) ? ( /*#__PURE__*/React.cloneElement(AutoComponent, childProps)) : _jsx(AutoComponent, _objectSpread(_objectSpread({}, omit(lastComponentProps, lastComponentPropsFilter)), {}, {
+    var child = /*#__PURE__*/React.isValidElement(AutoComponent) ? ( /*#__PURE__*/React.cloneElement(AutoComponent, childProps)) : _jsx(AutoComponent, _objectSpread(_objectSpread({}, omit(lastComponentProps, [].concat(lastComponentPropsFilter, ['debounceWait']))), {}, {
       otherProps: _objectSpread(_objectSpread({}, otherProps), {}, {
         show: show,
         disabled: lastDisabled,

package/es/ProForm/components/render/RenderFields.js

@@ -186,12 +186,6 @@ var RenderFields = function RenderFields(props) {
       globalControl: globalControl,
       formDisabled: formDisabled
     };
-    if (outerClearNotShow !== false && show === false && (column === null || column === void 0 ? void 0 : column.name) && form.getFieldValue(column === null || column === void 0 ? void 0 : column.name)) {
-      setTimeout(function () {
-        form.resetFields([column === null || column === void 0 ? void 0 : column.name]);
-      }, 200);
-      return null;
-    }
     return _jsx(FieldProvider, {
       value: otherProps,
       children: _jsx(Render, {

package/es/ProForm/index.js

@@ -11,7 +11,7 @@ import _Space from "antd/es/space";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["mode", "span", "disabled", "isView", "columns", "footer", "onOk", "okText", "onCancel", "confirmLoading", "cancelText", "form", "children", "rowProps", "className", "expand", "expandOpen", "expandOpenChange", "viewEmpty", "labelAlign", "labelWidth", "onValuesChange", "onFinish", "originalValues", "submitOnEnter", "clearNotShow", "initialValues", "requiredOnView", "formId", "required", "originalDiffTip", "formKey", "globalControl", "scrollToError"];
+var _excluded = ["mode", "span", "disabled", "isView", "columns", "footer", "onOk", "okText", "onCancel", "confirmLoading", "cancelText", "form", "children", "rowProps", "className", "expand", "expandOpen", "expandOpenChange", "viewEmpty", "labelAlign", "labelWidth", "onValuesChange", "onFinish", "originalValues", "submitOnEnter", "clearNotShow", "initialValues", "requiredOnView", "formId", "required", "originalDiffTip", "formKey", "globalControl", "scrollToError", "optimize"];
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { DoubleLeftOutlined } from '@ant-design/icons';
 import classnames from 'classnames';
@@ -67,6 +67,8 @@ var ProForm = function ProForm(props, ref) {
     globalControl = props.globalControl,
     _props$scrollToError = props.scrollToError,
     scrollToError = _props$scrollToError === void 0 ? true : _props$scrollToError,
+    _props$optimize = props.optimize,
+    optimize = _props$optimize === void 0 ? false : _props$optimize,
     otherProps = _objectWithoutProperties(props, _excluded);
   var _useProConfig = useProConfig(),
     state = _useProConfig.state,
@@ -74,7 +76,8 @@ var ProForm = function ProForm(props, ref) {
   var config = state.ProForm,
     forms = state.forms;
   var _useForm = useForm((_forms$formKey = forms[formKey]) !== null && _forms$formKey !== void 0 ? _forms$formKey : originForm, {
-      scrollToError: scrollToError
+      scrollToError: scrollToError,
+      optimize: optimize
     }),
     _useForm2 = _slicedToArray(_useForm, 1),
     form = _useForm2[0];
@@ -167,7 +170,7 @@ var ProForm = function ProForm(props, ref) {
     // 暂时通过'-'区分组合组件字段和普通字段
     var keys = Object.keys(changedValue);
     if (!keys.length) {
-      onValuesChange(filterInternalFields(changedValue), form.getFieldsValue());
+      onValuesChange(filterInternalFields(changedValue, optimize), form.getFieldsValue());
     } else {
       var values = keys.map(function (key) {
         if (key.includes('-')) {
@@ -179,7 +182,7 @@ var ProForm = function ProForm(props, ref) {
         }
         return {};
       });
-      onValuesChange(filterInternalFields(merge.apply(void 0, [changedValue].concat(_toConsumableArray(values)))), form.getFieldsValue());
+      onValuesChange(filterInternalFields(merge.apply(void 0, [changedValue].concat(_toConsumableArray(values))), optimize), form.getFieldsValue());
     }
   };
   // 包装一层兼容 names 改变

package/es/ProForm/propsType.d.ts

@@ -76,6 +76,10 @@ export interface ProFormProps<Values = any> extends FormProps<Values> {
     required?: boolean | boolean[];
     originalDiffTip?: boolean;
     scrollToError?: boolean;
+    /** 性能模式，谨慎使用，默认不开启
+     * 1. 开启不过滤names的中间态值
+     */
+    optimize?: boolean;
 }
 export interface Transform<T = any> {
     normalize?: (value: StoreValue, prevValue: StoreValue, allValues: Store) => StoreValue;

package/es/ProForm/utils/index.d.ts

@@ -28,7 +28,7 @@ export declare const isUpperCase: (type: string, upperCase: boolean) => any;
 export declare const weedOutProps: (data: Record<string, any>, keys: string[]) => {}[];
 export declare const diffField: (prevValues: any, curValues: any, names: NamePath[]) => boolean;
 export declare const splitNameStr: (name: string) => string[][];
-export declare const filterInternalFields: (values: any) => any;
+export declare const filterInternalFields: (values: any, optimize?: boolean) => any;
 export declare const getAllNamePath: (object: Record<string, any>, currentPath?: InternalNamePath) => InternalNamePath[];
 export declare const isNullValue: (value: any) => boolean;
 /**

package/es/ProForm/utils/index.js

@@ -4,8 +4,8 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useState } from 'react';
-import _, { isObject, isFunction, cloneDeep, get, set, omit, isNaN } from 'lodash';
 import moment from 'moment';
+import _, { isObject, isFunction, cloneDeep, get, set, omit, isNaN } from 'lodash';
 export var getLayout = function getLayout(params) {
   var _params$span = params.span,
     span = _params$span === void 0 ? 8 : _params$span,
@@ -121,7 +121,10 @@ export var splitNameStr = function splitNameStr(name) {
   });
 };
 // 过滤掉字段名中包含 '-' 的字段
-export var filterInternalFields = function filterInternalFields(values) {
+export var filterInternalFields = function filterInternalFields(values, optimize) {
+  if (optimize) {
+    return values;
+  }
   var nextValues = values;
   // fix: braft-editor对象不可遍历 Moment不过滤
   if ((values === null || values === void 0 ? void 0 : values._immutable) || moment.isMoment(values)) {

package/es/ProForm/utils/useForm.d.ts

@@ -1,9 +1,15 @@
 import { FormInstance } from 'antd';
+import { NamePath } from 'antd/es/form/interface';
+import { ValuedNotifyInfo } from 'rc-field-form/es/interface';
 type ModifiedFormInstance<T> = FormInstance<T> & {
     isModified?: boolean;
+    /** 默认清空设置值的报错状态 */
+    setFieldValue: (name: NamePath, value: any, info?: ValuedNotifyInfo) => void;
+    _init?: boolean;
 };
 interface FormInstanceOption {
     scrollToError?: boolean;
+    optimize?: boolean;
 }
-export declare const useForm: <T>(originForm: ModifiedFormInstance<T>, options?: FormInstanceOption) => [ModifiedFormInstance<T>];
+export declare const useForm: <T>(originForm?: FormInstanceOption | ModifiedFormInstance<T>, options?: FormInstanceOption) => [ModifiedFormInstance<T>];
 export {};

package/es/ProForm/utils/useForm.js

@@ -1,3 +1,4 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
@@ -7,22 +8,32 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { filterInternalFields } from './index';
 import { handleScrollToError } from '../../ProEditTable/utils/tools';
 export var useForm = function useForm(originForm, options) {
-  var _ref = options || {},
+  // 如果没有form实例可以直接把options放在第一个参数位置
+  // @ts-ignore
+  var _originForm = (originForm === null || originForm === void 0 ? void 0 : originForm._init) ? originForm : undefined;
+  var _options =
+  // @ts-ignore
+  options || originForm && !(originForm === null || originForm === void 0 ? void 0 : originForm._init) ? originForm : undefined;
+  var _ref = _options || {},
     _ref$scrollToError = _ref.scrollToError,
-    scrollToError = _ref$scrollToError === void 0 ? true : _ref$scrollToError;
-  var _Form$useForm = _Form.useForm(originForm),
+    scrollToError = _ref$scrollToError === void 0 ? true : _ref$scrollToError,
+    optimize = _ref.optimize;
+  var _Form$useForm = _Form.useForm(_originForm),
     _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
     form = _Form$useForm2[0];
   var getFieldsValue = form.getFieldsValue,
     validateFields = form.validateFields,
-    isModified = form.isModified;
+    isModified = form.isModified,
+    setFields = form.setFields,
+    getFieldsError = form.getFieldsError,
+    setFieldsValue = form.setFieldsValue;
   if (isModified) return [form];
   // @ts-ignore
   var _getFieldsValue = function _getFieldsValue(nameList, filterFunc) {
     // 全部查询
     if (nameList !== true) {
       var values = getFieldsValue(nameList || true, filterFunc);
-      return filterInternalFields(values);
+      return filterInternalFields(values, optimize);
     }
     return getFieldsValue(nameList, filterFunc);
   };
@@ -70,7 +81,7 @@ export var useForm = function useForm(originForm, options) {
             // delete rest[0].recursive;
             _context.next = 11;
             return validateFields.apply(void 0, [validateNames].concat(rest)).then(function (values) {
-              return filterInternalFields(values);
+              return filterInternalFields(values, optimize);
             });
           case 11:
             return _context.abrupt("return", _context.sent);
@@ -102,6 +113,48 @@ export var useForm = function useForm(originForm, options) {
       return _ref2.apply(this, arguments);
     };
   }();
+  var _setFieldValue = function _setFieldValue(name, value, info) {
+    if (info) {
+      setFields([_objectSpread({
+        name: name,
+        value: value
+      }, info)]);
+    } else {
+      setFields([{
+        name: name,
+        value: value,
+        errors: [],
+        warnings: []
+      }]);
+    }
+  };
+  var _setFieldsValue = function _setFieldsValue(values) {
+    var errors = getFieldsError();
+    var errorNames = errors.reduce(function (acc, entry) {
+      if (entry.errors.length > 0) {
+        acc.push(entry.name[0]);
+      }
+      return acc;
+    }, []) || [];
+    if (errorNames.length) {
+      errorNames.forEach(function (errorName) {
+        // 只处理names的报错
+        if (errorName.includes('-')) {
+          setFields([{
+            name: errorName,
+            errors: [],
+            warnings: []
+          }]);
+        }
+      });
+      setFieldsValue(values);
+    } else {
+      setFieldsValue(values);
+    }
+  };
+  form.getFieldsValue = _getFieldsValue;
+  form.setFieldValue = _setFieldValue;
+  form.setFieldsValue = _setFieldsValue;
   form.getFieldsValue = _getFieldsValue;
   form.validateFields = _validateFields;
   form.isModified = true;

package/es/ProTooltip/index.js

@@ -67,12 +67,12 @@ var ProTooltip = function ProTooltip(props) {
   } : {};
   var AutoMixinSingle = function AutoMixinSingle() {
     return isShowToolTip && line === 1 ? _jsx(_Tooltip, _objectSpread(_objectSpread({
-      title: text
-    }, restProps), {}, {
-      overlayStyle: overlayStyle,
+      title: text,
       getPopupContainer: function getPopupContainer(triggerNode) {
         return triggerNode.parentNode;
-      },
+      }
+    }, restProps), {}, {
+      overlayStyle: overlayStyle,
       children: _jsx("div", _objectSpread(_objectSpread({}, specialProps), {}, {
         style: _objectSpread(_objectSpread({}, multiStyle), {}, {
           width: localWidth,
@@ -102,12 +102,12 @@ var ProTooltip = function ProTooltip(props) {
   };
   var AutoMixinMulti = function AutoMixinMulti() {
     return isShowToolTip && line > 1 ? _jsx(_Tooltip, _objectSpread(_objectSpread({
-      title: text
-    }, restProps), {}, {
-      overlayStyle: overlayStyle,
+      title: text,
       getPopupContainer: function getPopupContainer(triggerNode) {
         return triggerNode.parentNode;
-      },
+      }
+    }, restProps), {}, {
+      overlayStyle: overlayStyle,
       children: _jsx("div", _objectSpread(_objectSpread({}, specialProps), {}, {
         style: _objectSpread(_objectSpread({}, multiStyle), {}, {
           width: localWidth,
@@ -253,11 +253,11 @@ var ProTooltip = function ProTooltip(props) {
       width: localWidth
     }),
     children: isResponsiveWidth && isShowToolTip ? _jsx(_Tooltip, _objectSpread(_objectSpread({
-      title: text
-    }, restProps), {}, {
+      title: text,
       getPopupContainer: function getPopupContainer(triggerNode) {
         return triggerNode.parentNode;
-      },
+      }
+    }, restProps), {}, {
       children: _jsx("div", {
         className: isMultiLine ? 'multiLine' : 'singleLine',
         style: _objectSpread(_objectSpread({}, multiStyle), {}, {
@@ -274,11 +274,11 @@ var ProTooltip = function ProTooltip(props) {
       ref: childRef,
       children: content
     }) : mode === 'default' ? _jsx(_Tooltip, _objectSpread(_objectSpread({
-      title: text
-    }, restProps), {}, {
+      title: text,
       getPopupContainer: function getPopupContainer(triggerNode) {
         return triggerNode.parentNode;
-      },
+      }
+    }, restProps), {}, {
       children: _jsx("div", {
         className: isMultiLine ? 'multiLine' : 'singleLine',
         style: _objectSpread(_objectSpread({}, multiStyle), {}, {

package/es/ProTooltip/style/index.less

@@ -1,6 +1,14 @@
 @root-entry-name: 'default';
 @import (reference) '~antd/es/style/themes/index.less';
 
+.@{ant-prefix}-table-cell-fix-right {
+  z-index: 999 !important;
+}
+
+.@{ant-prefix}-table-cell-fix-left {
+  z-index: 999 !important;
+}
+
 .pro-tooltip {
   cursor: pointer;
 

package/es/ProTreeModal/components/List.js

@@ -7,10 +7,10 @@ import _Checkbox from "antd/es/checkbox";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable brace-style */
-import { forwardRef, useImperativeHandle, useMemo } from 'react';
+import { forwardRef, useImperativeHandle, useMemo, useRef } from 'react';
 import { DndContext } from '@dnd-kit/core';
 import { arrayMove, SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';
-import { useDeepCompareEffect, useSetState } from 'ahooks';
+import { useDeepCompareEffect, useSetState, useVirtualList } from 'ahooks';
 import SearchTitle from './SearchTitle';
 import CloseIcon from './CloseIcon';
 import SortableItem from './SortableItem';
@@ -32,8 +32,14 @@ function List(props, ref) {
     handleFilterClose = props.handleFilterClose,
     optionRender = props.optionRender,
     handleDragEndChange = props.handleDragEndChange;
+  var containerRef = useRef(null);
+  var wrapperRef = useRef(null);
+  var originalList = useMemo(function () {
+    return treeData;
+  }, [treeData]);
   var fieldNameLabel = fieldNames.label;
   var fieldNameValue = fieldNames.value;
+  var isCASCADER = modeType === CASCADER;
   var _useSetState = useSetState({
       checkedList: []
     }),
@@ -101,6 +107,33 @@ function List(props, ref) {
       }));
     }
   };
+  function getLineHeight(string, width) {
+    // 创建临时元素
+    var temp = document.createElement('div');
+    temp.style.position = 'absolute';
+    temp.style.visibility = 'hidden';
+    temp.style.right = '-10000px';
+    temp.style.width = "".concat(width, "px"); // 设置宽度
+    temp.style.whiteSpace = 'normal'; // 保持换行
+    temp.innerHTML = string.replace(/\n/g, '<br>'); // 替换换行符
+    document.body.appendChild(temp); // 添加到DOM中以获取计算后的高度
+    // 清理
+    var len = Math.floor(temp.getBoundingClientRect().height / 20);
+    document.body.removeChild(temp);
+    return len * 20;
+  }
+  var _useVirtualList = useVirtualList(originalList, {
+      containerTarget: containerRef,
+      wrapperTarget: wrapperRef,
+      itemHeight: function itemHeight(index, item) {
+        var title = showCodeName ? "".concat(item[fieldNameValue], "-").concat(isCASCADER ? item === null || item === void 0 ? void 0 : item.title : item[fieldNameLabel]) : "".concat(isCASCADER ? item === null || item === void 0 ? void 0 : item.title : item[fieldNameLabel]);
+        return Math.floor(getLineHeight(title, 406)) + 12;
+      }
+    }),
+    _useVirtualList2 = _slicedToArray(_useVirtualList, 1),
+    list = _useVirtualList2[0];
+  // 是否为多列模式
+  var isRowCols = mode === 'render' && span && span !== 24;
   // 开启 draggable 拖拽模式
   if (draggable) {
     return _jsx("div", {
@@ -128,9 +161,56 @@ function List(props, ref) {
       })
     });
   }
-  var isCASCADER = modeType === CASCADER;
   // 编辑状态
-  if (mode === 'render') {
+  if (!isRowCols) {
+    return _jsx(_Fragment, {
+      children: _jsx(_Checkbox.Group, {
+        disabled: disabled,
+        style: {
+          width: '100%'
+        },
+        value: checkedValues,
+        children: _jsx("div", {
+          ref: containerRef,
+          style: {
+            height: '432px',
+            overflow: 'auto',
+            width: '100%'
+          },
+          children: _jsx("div", {
+            ref: wrapperRef,
+            children: _jsx(_Row, {
+              children: list.map(function (_item) {
+                var item = _item.data;
+                var title = showCodeName ? "".concat(item[fieldNameValue], "-").concat(isCASCADER ? item === null || item === void 0 ? void 0 : item.title : item[fieldNameLabel]) : "".concat(isCASCADER ? item === null || item === void 0 ? void 0 : item.title : item[fieldNameLabel]);
+                var content = optionRender ? optionRender(item, searchStr) : _jsx(SearchTitle, {
+                  label: title,
+                  searchStr: searchStr
+                });
+                return _jsx(_Col, {
+                  span: span || 24,
+                  className: !span || span === 24 ? 'pro-tree-modal-checkbox-content' : '',
+                  style: {
+                    marginBottom: span ? 16 : 12
+                  },
+                  children: _jsx(_Checkbox, {
+                    onChange: function onChange(e) {
+                      return handleOnChange(e, item[fieldNameValue]);
+                    },
+                    value: item[fieldNameValue],
+                    disabled: item.disabled,
+                    children: content
+                  })
+                }, item[fieldNameValue]);
+              })
+            })
+          })
+        })
+      })
+    });
+  }
+  // 编辑状态
+  if (isRowCols) {
     return _jsx(_Fragment, {
       children: _jsx(_Checkbox.Group, {
         disabled: disabled,
@@ -167,19 +247,30 @@ function List(props, ref) {
   }
   // 预览状态
   return _jsx(_Fragment, {
-    children: treeData.map(function (item) {
-      var title = showCodeName ? "".concat(item[fieldNameValue], "-").concat(item[fieldNameLabel]) : item[fieldNameLabel];
-      return _jsxs("div", {
-        className: "pro-tree-modal-checkbox-content",
-        children: [_jsx("div", {
-          className: "pro-tree-modal-checkbox-content-look",
-          children: optionRender ? optionRender(item, searchStr) : title
-        }), disabled ? null : _jsx(CloseIcon, {
-          onClick: function onClick() {
-            return handleFilterClose(item[fieldNameValue]);
-          }
-        })]
-      }, item[fieldNames.value]);
+    children: _jsx("div", {
+      ref: containerRef,
+      style: {
+        height: '432px',
+        overflow: 'auto'
+      },
+      children: _jsx("div", {
+        ref: wrapperRef,
+        children: list.map(function (_item) {
+          var item = _item.data;
+          var title = showCodeName ? "".concat(item[fieldNameValue], "-").concat(item[fieldNameLabel]) : item[fieldNameLabel];
+          return _jsxs("div", {
+            className: "pro-tree-modal-checkbox-content",
+            children: [_jsx("div", {
+              className: "pro-tree-modal-checkbox-content-look",
+              children: optionRender ? optionRender(item, searchStr) : title
+            }), disabled ? null : _jsx(CloseIcon, {
+              onClick: function onClick() {
+                return handleFilterClose(item[fieldNameValue]);
+              }
+            })]
+          }, item[fieldNames.value]);
+        })
+      })
     })
   });
 }

package/es/ProTreeModal/components/Tree.js

@@ -191,7 +191,8 @@ function List(props, ref) {
         selectable: false,
         onCheck: onCheck,
         checkedKeys: checkedValues,
-        checkStrictly: checkStrictly
+        checkStrictly: checkStrictly,
+        height: 432
       })
     });
   }
@@ -213,7 +214,8 @@ function List(props, ref) {
       autoExpandParent: true,
       selectable: false,
       treeData: treeViewData,
-      blockNode: true
+      blockNode: true,
+      height: 432
     })
   });
 }

package/es/ProTreeModal/index.js

@@ -15,12 +15,12 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  * @Author: za-xuwenli xuwenli@zhongan.io
  * @Date: 2024-06-04 10:01:18
  * @LastEditors: za-xuwenli xuwenli@zhongan.io
- * @LastEditTime: 2024-06-04 10:30:30
+ * @LastEditTime: 2024-06-25 17:56:33
  * @FilePath: /za-material-warehouse/src/ProTreeModal/index.tsx
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  */
 import React, { useEffect, useMemo, useRef } from 'react';
-import { useDeepCompareEffect, useSetState, useRequest as useRequestFunc } from 'ahooks';
+import { useDeepCompareEffect, useSetState, useRequest as useRequestFunc, useDebounceFn } from 'ahooks';
 import { cloneDeep, isFunction } from 'lodash';
 import { ReactSVG } from 'react-svg';
 import classNames from 'classnames';
@@ -475,23 +475,26 @@ var ProTreeModal = function ProTreeModal(props) {
       checkAll: false
     });
   };
-  var onSearch = function onSearch(e) {
-    var str = e.target.value;
-    if (modeType === LIST || modeType === CASCADER) {
-      var isCASCADER = modeType === CASCADER;
-      var data = state.flatTreeData.filter(function (item) {
-        var title = isCASCADER ? item === null || item === void 0 ? void 0 : item.title : item[fieldNameLabel];
-        return title.includes(str);
-      });
-      setState({
-        searchStr: str,
-        treeData: !str ? state.originalTreeData : data
-      });
-    } else {
-      setState({
-        searchStr: str
-      });
-    }
+  var _useDebounceFn = useDebounceFn(function (str) {
+      if (modeType === LIST || modeType === CASCADER) {
+        var isCASCADER = modeType === CASCADER;
+        var data = state.flatTreeData.filter(function (item) {
+          var title = isCASCADER ? item === null || item === void 0 ? void 0 : item.title : item[fieldNameLabel];
+          return title.includes(str);
+        });
+        setState({
+          treeData: !str ? state.originalTreeData : data
+        });
+      }
+    }, {
+      wait: 300
+    }),
+    onSearch = _useDebounceFn.run;
+  var handleSetSearchStr = function handleSetSearchStr(str) {
+    setState({
+      searchStr: str
+    });
+    onSearch(str);
   };
   /**
    * 指定模式下的操作
@@ -744,7 +747,9 @@ var ProTreeModal = function ProTreeModal(props) {
               value: state.searchStr,
               placeholder: placeholder || (locale === null || locale === void 0 ? void 0 : (_locale$ProTreeModal10 = locale.ProTreeModal) === null || _locale$ProTreeModal10 === void 0 ? void 0 : _locale$ProTreeModal10.input),
               className: "pro-tree-modal-search",
-              onChange: onSearch,
+              onChange: function onChange(e) {
+                return handleSetSearchStr(e.target.value);
+              },
               prefix: _jsx(ReactSVG, {
                 className: "viewSvg",
                 src: searchSVG