@zat-design/sisyphus-react 3.6.0 → 3.6.1-beta.2

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

@@ -706,7 +706,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/lib/ProForm/components/combination/ProNumberRange/index.js

@@ -133,7 +133,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/lib/ProForm/components/render/Render.js

@@ -351,7 +351,13 @@ var Render = function Render(props) {
       mark: 'pro_table_render',
       render: function render(inputProps, doms) {
         return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-          children: [(0, _jsxRuntime.jsxs)("div", {
+          children: [(0, _jsxRuntime.jsx)(_antd.Space, {
+            size: 0,
+            style: {
+              marginTop: 8
+            },
+            children: formItemProps.above
+          }), (0, _jsxRuntime.jsxs)("div", {
             style: {
               display: 'flex',
               alignItems: 'center'
@@ -381,7 +387,7 @@ var Render = function Render(props) {
     if (originComponent) {
       delete childProps.otherProps;
     }
-    var child = /*#__PURE__*/_react.default.isValidElement(AutoComponent) ? ( /*#__PURE__*/_react.default.cloneElement(AutoComponent, childProps)) : (0, _jsxRuntime.jsx)(AutoComponent, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(lastComponentProps, lastComponentPropsFilter)), {}, {
+    var child = /*#__PURE__*/_react.default.isValidElement(AutoComponent) ? ( /*#__PURE__*/_react.default.cloneElement(AutoComponent, childProps)) : (0, _jsxRuntime.jsx)(AutoComponent, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(lastComponentProps, [].concat(lastComponentPropsFilter, ['debounceWait']))), {}, {
       otherProps: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, otherProps), {}, {
         show: show,
         disabled: lastDisabled,

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

@@ -194,12 +194,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 (0, _jsxRuntime.jsx)(_useFieldProps.FieldProvider, {
       value: otherProps,
       children: (0, _jsxRuntime.jsx)(_Render.default, {

package/lib/ProForm/components/render/propsType.d.ts

@@ -214,6 +214,8 @@ export interface ProFormColumnProps<Values = any> extends Omit<FormItemProps<Val
     before?: string | React.ReactNode;
     /** 表单后缀信息 */
     after?: string | React.ReactNode;
+    /** 表单上方辅助信息 */
+    above?: string | React.ReactNode;
     /** 表单下方辅助信息 */
     extra?: string | React.ReactNode;
     /** 是否固定字段, 不隐藏 */
@@ -244,6 +246,8 @@ export interface RenderProps<Values = any> {
         before?: string | React.ReactNode;
         /** 表单后缀信息 */
         after?: string | React.ReactNode;
+        /** 表单上方辅助信息 */
+        above?: string | React.ReactNode;
         /** 表单下方辅助信息 */
         extra?: string | React.ReactNode;
         parentNames?: string;

package/lib/ProForm/index.js

@@ -24,7 +24,7 @@ var _index = require("./utils/index");
 var _useForm3 = require("./utils/useForm");
 var _useFieldProps = require("./utils/useFieldProps");
 var _locale = _interopRequireDefault(require("../locale"));
-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"];
 var ProForm = function ProForm(props, ref) {
   var _forms$formKey, _localStorage, _ref;
   var _props$mode = props.mode,
@@ -68,6 +68,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 = (0, _objectWithoutProperties2.default)(props, _excluded);
   var _useProConfig = (0, _ProConfigProvider.useProConfig)(),
     state = _useProConfig.state,
@@ -75,7 +77,8 @@ var ProForm = function ProForm(props, ref) {
   var config = state.ProForm,
     forms = state.forms;
   var _useForm = (0, _useForm3.useForm)((_forms$formKey = forms[formKey]) !== null && _forms$formKey !== void 0 ? _forms$formKey : originForm, {
-      scrollToError: scrollToError
+      scrollToError: scrollToError,
+      optimize: optimize
     }),
     _useForm2 = (0, _slicedToArray2.default)(_useForm, 1),
     form = _useForm2[0];
@@ -168,7 +171,7 @@ var ProForm = function ProForm(props, ref) {
     // 暂时通过'-'区分组合组件字段和普通字段
     var keys = Object.keys(changedValue);
     if (!keys.length) {
-      onValuesChange((0, _index.filterInternalFields)(changedValue), form.getFieldsValue());
+      onValuesChange((0, _index.filterInternalFields)(changedValue, optimize), form.getFieldsValue());
     } else {
       var values = keys.map(function (key) {
         if (key.includes('-')) {
@@ -180,7 +183,7 @@ var ProForm = function ProForm(props, ref) {
         }
         return {};
       });
-      onValuesChange((0, _index.filterInternalFields)(_lodash.merge.apply(void 0, [changedValue].concat((0, _toConsumableArray2.default)(values)))), form.getFieldsValue());
+      onValuesChange((0, _index.filterInternalFields)(_lodash.merge.apply(void 0, [changedValue].concat((0, _toConsumableArray2.default)(values))), optimize), form.getFieldsValue());
     }
   };
   // 包装一层兼容 names 改变

package/lib/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/lib/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/lib/ProForm/utils/index.js

@@ -22,8 +22,8 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/obje
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _lodash = _interopRequireWildcard(require("lodash"));
 var _moment = _interopRequireDefault(require("moment"));
+var _lodash = _interopRequireWildcard(require("lodash"));
 var getLayout = exports.getLayout = function getLayout(params) {
   var _params$span = params.span,
     span = _params$span === void 0 ? 8 : _params$span,
@@ -139,7 +139,10 @@ var splitNameStr = exports.splitNameStr = function splitNameStr(name) {
   });
 };
 // 过滤掉字段名中包含 '-' 的字段
-var filterInternalFields = exports.filterInternalFields = function filterInternalFields(values) {
+var filterInternalFields = exports.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.default.isMoment(values)) {

package/lib/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/lib/ProForm/utils/useForm.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useForm = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
@@ -13,22 +14,32 @@ var _antd = require("antd");
 var _index = require("./index");
 var _tools = require("../../ProEditTable/utils/tools");
 var useForm = exports.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 = _antd.Form.useForm(originForm),
+    scrollToError = _ref$scrollToError === void 0 ? true : _ref$scrollToError,
+    optimize = _ref.optimize;
+  var _Form$useForm = _antd.Form.useForm(_originForm),
     _Form$useForm2 = (0, _slicedToArray2.default)(_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 (0, _index.filterInternalFields)(values);
+      return (0, _index.filterInternalFields)(values, optimize);
     }
     return getFieldsValue(nameList, filterFunc);
   };
@@ -76,7 +87,7 @@ var useForm = exports.useForm = function useForm(originForm, options) {
             // delete rest[0].recursive;
             _context.next = 11;
             return validateFields.apply(void 0, [validateNames].concat(rest)).then(function (values) {
-              return (0, _index.filterInternalFields)(values);
+              return (0, _index.filterInternalFields)(values, optimize);
             });
           case 11:
             return _context.abrupt("return", _context.sent);
@@ -108,6 +119,48 @@ var useForm = exports.useForm = function useForm(originForm, options) {
       return _ref2.apply(this, arguments);
     };
   }();
+  var _setFieldValue = function _setFieldValue(name, value, info) {
+    if (info) {
+      setFields([(0, _objectSpread2.default)({
+        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/lib/ProTooltip/index.js

@@ -73,12 +73,12 @@ var ProTooltip = function ProTooltip(props) {
   } : {};
   var AutoMixinSingle = function AutoMixinSingle() {
     return isShowToolTip && line === 1 ? (0, _jsxRuntime.jsx)(_antd.Tooltip, (0, _objectSpread2.default)((0, _objectSpread2.default)({
-      title: text
-    }, restProps), {}, {
-      overlayStyle: overlayStyle,
+      title: text,
       getPopupContainer: function getPopupContainer(triggerNode) {
         return triggerNode.parentNode;
-      },
+      }
+    }, restProps), {}, {
+      overlayStyle: overlayStyle,
       children: (0, _jsxRuntime.jsx)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, specialProps), {}, {
         style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, multiStyle), {}, {
           width: localWidth,
@@ -108,12 +108,12 @@ var ProTooltip = function ProTooltip(props) {
   };
   var AutoMixinMulti = function AutoMixinMulti() {
     return isShowToolTip && line > 1 ? (0, _jsxRuntime.jsx)(_antd.Tooltip, (0, _objectSpread2.default)((0, _objectSpread2.default)({
-      title: text
-    }, restProps), {}, {
-      overlayStyle: overlayStyle,
+      title: text,
       getPopupContainer: function getPopupContainer(triggerNode) {
         return triggerNode.parentNode;
-      },
+      }
+    }, restProps), {}, {
+      overlayStyle: overlayStyle,
       children: (0, _jsxRuntime.jsx)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, specialProps), {}, {
         style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, multiStyle), {}, {
           width: localWidth,
@@ -259,11 +259,11 @@ var ProTooltip = function ProTooltip(props) {
       width: localWidth
     }),
     children: isResponsiveWidth && isShowToolTip ? (0, _jsxRuntime.jsx)(_antd.Tooltip, (0, _objectSpread2.default)((0, _objectSpread2.default)({
-      title: text
-    }, restProps), {}, {
+      title: text,
       getPopupContainer: function getPopupContainer(triggerNode) {
         return triggerNode.parentNode;
-      },
+      }
+    }, restProps), {}, {
       children: (0, _jsxRuntime.jsx)("div", {
         className: isMultiLine ? 'multiLine' : 'singleLine',
         style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, multiStyle), {}, {
@@ -280,11 +280,11 @@ var ProTooltip = function ProTooltip(props) {
       ref: childRef,
       children: content
     }) : mode === 'default' ? (0, _jsxRuntime.jsx)(_antd.Tooltip, (0, _objectSpread2.default)((0, _objectSpread2.default)({
-      title: text
-    }, restProps), {}, {
+      title: text,
       getPopupContainer: function getPopupContainer(triggerNode) {
         return triggerNode.parentNode;
-      },
+      }
+    }, restProps), {}, {
       children: (0, _jsxRuntime.jsx)("div", {
         className: isMultiLine ? 'multiLine' : 'singleLine',
         style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, multiStyle), {}, {

package/lib/ProTreeModal/components/List.js

@@ -35,8 +35,14 @@ function List(props, ref) {
     handleFilterClose = props.handleFilterClose,
     optionRender = props.optionRender,
     handleDragEndChange = props.handleDragEndChange;
+  var containerRef = (0, _react.useRef)(null);
+  var wrapperRef = (0, _react.useRef)(null);
+  var originalList = (0, _react.useMemo)(function () {
+    return treeData;
+  }, [treeData]);
   var fieldNameLabel = fieldNames.label;
   var fieldNameValue = fieldNames.value;
+  var isCASCADER = modeType === _.CASCADER;
   var _useSetState = (0, _ahooks.useSetState)({
       checkedList: []
     }),
@@ -104,6 +110,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 = (0, _ahooks.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 = (0, _slicedToArray2.default)(_useVirtualList, 1),
+    list = _useVirtualList2[0];
+  // 是否为多列模式
+  var isRowCols = mode === 'render' && span && span !== 24;
   // 开启 draggable 拖拽模式
   if (draggable) {
     return (0, _jsxRuntime.jsx)("div", {
@@ -131,9 +164,56 @@ function List(props, ref) {
       })
     });
   }
-  var isCASCADER = modeType === _.CASCADER;
   // 编辑状态
-  if (mode === 'render') {
+  if (!isRowCols) {
+    return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: (0, _jsxRuntime.jsx)(_antd.Checkbox.Group, {
+        disabled: disabled,
+        style: {
+          width: '100%'
+        },
+        value: checkedValues,
+        children: (0, _jsxRuntime.jsx)("div", {
+          ref: containerRef,
+          style: {
+            height: '432px',
+            overflow: 'auto',
+            width: '100%'
+          },
+          children: (0, _jsxRuntime.jsx)("div", {
+            ref: wrapperRef,
+            children: (0, _jsxRuntime.jsx)(_antd.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) : (0, _jsxRuntime.jsx)(_SearchTitle.default, {
+                  label: title,
+                  searchStr: searchStr
+                });
+                return (0, _jsxRuntime.jsx)(_antd.Col, {
+                  span: span || 24,
+                  className: !span || span === 24 ? 'pro-tree-modal-checkbox-content' : '',
+                  style: {
+                    marginBottom: span ? 16 : 12
+                  },
+                  children: (0, _jsxRuntime.jsx)(_antd.Checkbox, {
+                    onChange: function onChange(e) {
+                      return handleOnChange(e, item[fieldNameValue]);
+                    },
+                    value: item[fieldNameValue],
+                    disabled: item.disabled,
+                    children: content
+                  })
+                }, item[fieldNameValue]);
+              })
+            })
+          })
+        })
+      })
+    });
+  }
+  // 编辑状态
+  if (isRowCols) {
     return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
       children: (0, _jsxRuntime.jsx)(_antd.Checkbox.Group, {
         disabled: disabled,
@@ -170,19 +250,30 @@ function List(props, ref) {
   }
   // 预览状态
   return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: treeData.map(function (item) {
-      var title = showCodeName ? "".concat(item[fieldNameValue], "-").concat(item[fieldNameLabel]) : item[fieldNameLabel];
-      return (0, _jsxRuntime.jsxs)("div", {
-        className: "pro-tree-modal-checkbox-content",
-        children: [(0, _jsxRuntime.jsx)("div", {
-          className: "pro-tree-modal-checkbox-content-look",
-          children: optionRender ? optionRender(item, searchStr) : title
-        }), disabled ? null : (0, _jsxRuntime.jsx)(_CloseIcon.default, {
-          onClick: function onClick() {
-            return handleFilterClose(item[fieldNameValue]);
-          }
-        })]
-      }, item[fieldNames.value]);
+    children: (0, _jsxRuntime.jsx)("div", {
+      ref: containerRef,
+      style: {
+        height: '432px',
+        overflow: 'auto'
+      },
+      children: (0, _jsxRuntime.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 (0, _jsxRuntime.jsxs)("div", {
+            className: "pro-tree-modal-checkbox-content",
+            children: [(0, _jsxRuntime.jsx)("div", {
+              className: "pro-tree-modal-checkbox-content-look",
+              children: optionRender ? optionRender(item, searchStr) : title
+            }), disabled ? null : (0, _jsxRuntime.jsx)(_CloseIcon.default, {
+              onClick: function onClick() {
+                return handleFilterClose(item[fieldNameValue]);
+              }
+            })]
+          }, item[fieldNames.value]);
+        })
+      })
     })
   });
 }

package/lib/ProTreeModal/components/Tree.js

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

package/lib/ProTreeModal/index.js

@@ -27,7 +27,7 @@ require("./style/index.less");
  * @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
  */
@@ -477,23 +477,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 = (0, _ahooks.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);
   };
   /**
    * 指定模式下的操作
@@ -746,7 +749,9 @@ var ProTreeModal = function ProTreeModal(props) {
               value: state.searchStr,
               placeholder: placeholder || (_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTreeModal10 = _locale.default.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: (0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
                 className: "viewSvg",
                 src: _inputSearch.default

package/lib/ProTreeModal/style/index.less

@@ -68,6 +68,12 @@
       width: 0;
       height: 0;
     }
+    .pro-tree-modal-tree-warp {
+      ::-webkit-scrollbar {
+        width: 16px;
+        height: auto;
+      }
+    }
   }
 
   &-cascader-box {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zat-design/sisyphus-react",
-  "version": "3.6.0",
+  "version": "3.6.1-beta.2",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",