@zat-design/sisyphus-react 3.13.6 → 3.13.7-beta.1

package/es/ProAction/components/CheckModalContent/index.d.ts

@@ -0,0 +1,8 @@
+import './index.less';
+interface propsWithCheckModal {
+    errorTitle?: string;
+    list?: string[];
+    [key: string]: any;
+}
+declare const CheckModalContent: (props: propsWithCheckModal) => import("react/jsx-runtime").JSX.Element;
+export default CheckModalContent;

package/es/ProAction/components/CheckModalContent/index.js

@@ -0,0 +1,44 @@
+import "antd/es/tooltip/style";
+import _Tooltip from "antd/es/tooltip";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/*
+ * @Author: za-xuwenli xuwenli@zhongan.io
+ * @Date: 2025-02-17 11:49:02
+ * @LastEditors: za-xuwenli xuwenli@zhongan.io
+ * @LastEditTime: 2025-05-28 18:23:47
+ * @FilePath: /zat-wjs-pro-product-web/src/components/CheckModalContent/index.tsx
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+
+import './index.less';
+var CheckModalContent = function CheckModalContent(props) {
+  var _ref = props !== null && props !== void 0 ? props : {},
+    errorTitle = _ref.errorTitle,
+    _ref$list = _ref.list,
+    list = _ref$list === void 0 ? [] : _ref$list;
+  return _jsx("div", {
+    className: "pro-action-check-modal-box",
+    children: _jsxs("div", {
+      className: "res-err-list",
+      children: [_jsx("span", {
+        className: "err-tip",
+        children: errorTitle
+      }), _jsxs(_Tooltip, {
+        title: list.join('\n') || [],
+        children: [Array.isArray(list) && list.length === 1 ? _jsx("span", {
+          className: "err-item",
+          children: list[0]
+        }) : null, Array.isArray(list) && list.length > 1 ? _jsx("div", {
+          className: "list-wrap",
+          children: list.map(function (item) {
+            return _jsx("div", {
+              className: "err-item",
+              children: item
+            });
+          })
+        }) : null]
+      })]
+    })
+  });
+};
+export default CheckModalContent;

package/es/ProAction/components/CheckModalContent/index.less

@@ -0,0 +1,29 @@
+.pro-action-check-modal-box {
+  .res-err-list {
+    .err-tip {
+      color: #666;
+    }
+
+    .err-item {
+      box-sizing: border-box;
+      padding-left: 6px;
+      color: #333;
+      border-radius: 4px;
+      &:hover {
+        color: var(--zaui-brand);
+        background-color: #f0f0f0;
+      }
+    }
+
+    .list-wrap {
+      box-sizing: border-box;
+      height: 110px;
+      margin-top: 12px;
+      padding: 4px;
+      overflow-y: auto;
+      line-height: 1.8;
+      border: 1px solid #ccc;
+      border-radius: 6px;
+    }
+  }
+}

package/es/ProAction/index.js

@@ -1,3 +1,4 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import "antd/es/popconfirm/style";
 import _Popconfirm from "antd/es/popconfirm";
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
@@ -10,6 +11,7 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
 import React from 'react';
 import { useSetState } from 'ahooks';
 import { isFunction } from 'lodash';
+import CheckModalContent from './components/CheckModalContent';
 import { ProDrawerForm } from '../index';
 import locale from '../locale';
 import './index.less';
@@ -24,7 +26,8 @@ var ProAction = function ProAction(props) {
       index: 0,
       open: false,
       servicesArray: [],
-      loading: false
+      loading: false,
+      errorModalDataSource: null
     }),
     _useSetState2 = _slicedToArray(_useSetState, 2),
     state = _useSetState2[0],
@@ -37,12 +40,12 @@ var ProAction = function ProAction(props) {
     });
   }
   var index = state.index,
-    servicesArray = state.servicesArray;
+    errorModalDataSource = state.errorModalDataSource;
   var length = config.length;
   var _onActionRun = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(currentIndex, array) {
       var _actionProps$useReque, _options$defaultParam, _options$onSuccess, _newServicesArray$cur, _newServicesArray$cur2, _newServicesArray$cur3, _actionProps$onAction, _actionProps$continue;
-      var actionProps, newServicesArray, _ref2, service, options, transformResponse, params, res, data, open, _newServicesArray$cur4, _newServicesArray$cur5, _newServicesArray$cur6, list, errorTitle, isContinue;
+      var actionProps, newServicesArray, _ref2, service, options, transformResponse, params, res, data, open, _newServicesArray$cur4, _newServicesArray$cur5, list, errorTitle, isContinue;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -109,14 +112,18 @@ var ProAction = function ProAction(props) {
               _context.next = 37;
               break;
             }
-            list = ((_newServicesArray$cur4 = newServicesArray[currentIndex]) === null || _newServicesArray$cur4 === void 0 ? void 0 : (_newServicesArray$cur5 = _newServicesArray$cur4.list) === null || _newServicesArray$cur5 === void 0 ? void 0 : _newServicesArray$cur5.join('\n')) || [];
-            errorTitle = (_newServicesArray$cur6 = newServicesArray[currentIndex]) === null || _newServicesArray$cur6 === void 0 ? void 0 : _newServicesArray$cur6.errorTitle;
+            list = ((_newServicesArray$cur4 = newServicesArray[currentIndex]) === null || _newServicesArray$cur4 === void 0 ? void 0 : _newServicesArray$cur4.list) || [];
+            errorTitle = (_newServicesArray$cur5 = newServicesArray[currentIndex]) === null || _newServicesArray$cur5 === void 0 ? void 0 : _newServicesArray$cur5.errorTitle;
             form.setFieldsValue({
               errorTitle: errorTitle,
               list: list
             });
             setState({
-              loading: false
+              loading: false,
+              errorModalDataSource: {
+                errorTitle: errorTitle,
+                list: list
+              }
             });
             return _context.abrupt("return");
           case 37:
@@ -164,6 +171,27 @@ var ProAction = function ProAction(props) {
       open: false
     });
   };
+  var errorModalConfig = config === null || config === void 0 ? void 0 : config[index];
+  var _ref3 = errorModalConfig || {},
+    contextRender = _ref3.contextRender;
+  var renderContent = function renderContent() {
+    var TargetComponent = _jsx(_Fragment, {});
+    if (typeof contextRender === 'function') {
+      var View = contextRender(errorModalDataSource);
+      TargetComponent = _jsx(_Fragment, {
+        children: View
+      });
+    } else if (typeof contextRender === 'string' || typeof contextRender === 'number') {
+      TargetComponent = _jsx(_Fragment, {
+        children: contextRender
+      });
+    } else if (/*#__PURE__*/React.isValidElement(contextRender)) {
+      TargetComponent = _jsx(_Fragment, {
+        children: contextRender
+      });
+    }
+    return TargetComponent;
+  };
   return _jsxs(_Fragment, {
     children: [((_config$ = config[0]) === null || _config$ === void 0 ? void 0 : _config$.mode) === 'confirm' ? _jsx(_Popconfirm, {
       onConfirm: function onConfirm() {
@@ -176,8 +204,10 @@ var ProAction = function ProAction(props) {
       mode: "Modal",
       title: config === null || config === void 0 ? void 0 : (_config$index = config[index]) === null || _config$index === void 0 ? void 0 : _config$index.title,
       onCancel: function onCancel() {
+        form.resetFields();
         setState({
-          open: false
+          open: false,
+          errorModalDataSource: null
         });
       },
       modalProps: {
@@ -186,37 +216,7 @@ var ProAction = function ProAction(props) {
       size: "small",
       onOk: onOk,
       form: form,
-      proFormProps: {
-        span: 24,
-        isView: true,
-        columns: [{
-          type: 'Input',
-          name: 'errorTitle',
-          viewRender: function viewRender(value) {
-            var _servicesArray$index;
-            var list = ((_servicesArray$index = servicesArray[index]) === null || _servicesArray$index === void 0 ? void 0 : _servicesArray$index.list) || [];
-            return _jsxs("div", {
-              className: "pro-action-view-tile",
-              children: [value, list.length === 1 ? _jsxs("span", {
-                children: [" ", list[0]]
-              }) : '']
-            });
-          }
-        }, {
-          type: 'TextArea',
-          name: 'list',
-          fieldProps: {
-            autoSize: {
-              minRows: 4,
-              maxRows: 7
-            }
-          },
-          show: function show() {
-            var _servicesArray$index2, _servicesArray$index3;
-            return ((_servicesArray$index2 = servicesArray[index]) === null || _servicesArray$index2 === void 0 ? void 0 : (_servicesArray$index3 = _servicesArray$index2.list) === null || _servicesArray$index3 === void 0 ? void 0 : _servicesArray$index3.length) > 1;
-          }
-        }]
-      }
+      children: !contextRender ? _jsx(CheckModalContent, _objectSpread({}, errorModalDataSource !== null && errorModalDataSource !== void 0 ? errorModalDataSource : {})) : renderContent()
     }) : null]
   });
 };

package/es/ProAction/propsType.d.ts

@@ -1,5 +1,10 @@
 import { ReactNode } from 'react';
 import { Service, Options } from 'ahooks/lib/useRequest/src/types';
+/**
+ * 视图渲染函数类型
+ * @template T 记录类型
+ */
+export type contextRenderFn = (errorTitle?: string, list?: string[]) => string | number | ReactNode | void;
 export interface ProActionType {
     /**
      * @description 模式类型：check执行校验并解析错误信息展示，confirm确认提示
@@ -40,5 +45,7 @@ export interface ProActionType {
      * @default -
      */
     continue?: (previouData: any, args: any[]) => boolean;
+    /** 自定义错误弹窗内容视图渲染 */
+    contextRender?: string | number | ReactNode | contextRenderFn;
 }
 export type ProActionProps = ProActionType;

package/es/ProTable/components/FormatColumn/index.js

@@ -130,8 +130,8 @@ export var formatColumn = function formatColumn(_ref2) {
         if (isFunction(otherProps === null || otherProps === void 0 ? void 0 : otherProps.viewRender)) {
           var _originalObj$record$r;
           var diffResult = otherProps.viewRender({
-            originalValue: originalValue,
-            originalRecord: (_originalObj$record$r = originalObj === null || originalObj === void 0 ? void 0 : originalObj[record === null || record === void 0 ? void 0 : record[rowKey]]) !== null && _originalObj$record$r !== void 0 ? _originalObj$record$r : {},
+            originValue: originalValue,
+            originRecord: (_originalObj$record$r = originalObj === null || originalObj === void 0 ? void 0 : originalObj[record === null || record === void 0 ? void 0 : record[rowKey]]) !== null && _originalObj$record$r !== void 0 ? _originalObj$record$r : {},
             value: value,
             record: record,
             index: index
@@ -167,8 +167,8 @@ export var formatColumn = function formatColumn(_ref2) {
         if (isFunction(onDiff)) {
           var _originalObj$record$r2;
           var _diffResult = onDiff({
-            originalValue: originalValue,
-            originalRecord: (_originalObj$record$r2 = originalObj === null || originalObj === void 0 ? void 0 : originalObj[record === null || record === void 0 ? void 0 : record[rowKey]]) !== null && _originalObj$record$r2 !== void 0 ? _originalObj$record$r2 : {},
+            originValue: originalValue,
+            originRecord: (_originalObj$record$r2 = originalObj === null || originalObj === void 0 ? void 0 : originalObj[record === null || record === void 0 ? void 0 : record[rowKey]]) !== null && _originalObj$record$r2 !== void 0 ? _originalObj$record$r2 : {},
             value: value,
             record: record,
             index: index

package/es/ProTable/hooks/useAntdTable.js

@@ -4,10 +4,12 @@ import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import "antd/es/message/style";
 import _message from "antd/es/message";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import "antd/es/form/style";
+import _Form from "antd/es/form";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 var _excluded = ["page", "filters", "sorter"];
-import { useCallback, useEffect, useMemo, useState } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 import { useRequest, useSetState, useDeepCompareEffect, usePrevious } from 'ahooks';
 import { pickBy, isObject, merge, set, isEqual, omit } from 'lodash';
 import { defaultPage } from '../index';
@@ -36,7 +38,8 @@ function useAntdTable(service, options, useRequestOptions) {
         filters: undefined,
         sorter: undefined
       },
-      allSelected: false
+      allSelected: false,
+      searchValues: {}
     }),
     _useSetState2 = _slicedToArray(_useSetState, 2),
     _useSetState2$ = _useSetState2[0],
@@ -46,9 +49,10 @@ function useAntdTable(service, options, useRequestOptions) {
     selectedRowKeys = _useSetState2$.selectedRowKeys,
     extraFilter = _useSetState2$.extraFilter,
     allSelected = _useSetState2$.allSelected,
+    searchValues = _useSetState2$.searchValues,
     setState = _useSetState2[1];
   var _useDefaultOptions = useDefaultOptions(options),
-    form = _useDefaultOptions.form,
+    _form = _useDefaultOptions.form,
     page = _useDefaultOptions.page,
     extraParams = _useDefaultOptions.extraParams,
     rowKey = _useDefaultOptions.rowKey,
@@ -64,12 +68,15 @@ function useAntdTable(service, options, useRequestOptions) {
     transformParams = _useDefaultOptions.transformParams,
     transformResponse = _useDefaultOptions.transformResponse,
     disabled = _useDefaultOptions.disabled;
+  var _Form$useForm = _Form.useForm(_form),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
   var _ref = useRequestOptions || {},
     defaultParams = _ref.defaultParams;
   var defaultParam = Array.isArray(defaultParams) ? defaultParams === null || defaultParams === void 0 ? void 0 : defaultParams[0] : defaultParams || {};
   var initPage = (options === null || options === void 0 ? void 0 : options.page) || defaultPage;
   var previousPage = usePrevious(page || defaultPage);
-  var getTransformParams = useCallback(function (params) {
+  var getTransformParams = function getTransformParams(params) {
     var _pickBy;
     var realParams = _objectSpread(_objectSpread(_objectSpread({}, defaultParam), extraParams), params);
     var _realParams$page = realParams.page,
@@ -90,7 +97,7 @@ function useAntdTable(service, options, useRequestOptions) {
       return transformParams(realParams, requestParams);
     }
     return requestParams;
-  }, [defaultParam, extraParams]);
+  };
   // 仅清数据源相关，查询相关
   var handleSetStateCallback = function handleSetStateCallback(values) {
     setState(_objectSpread({
@@ -135,13 +142,13 @@ function useAntdTable(service, options, useRequestOptions) {
   var run = result.run,
     refreshAsync = result.refreshAsync;
   // service变化时触发 (禁止掉防止service变更时导致的死循环)
-  var clearSelected = useCallback(function () {
+  var clearSelected = function clearSelected() {
     setState({
       allSelected: false,
       selectedRecords: [],
       selectedRowKeys: []
     });
-  }, []);
+  };
   /**
    * 手动触发时，手动调用run
    */
@@ -187,7 +194,7 @@ function useAntdTable(service, options, useRequestOptions) {
     };
   }, []);
   // 分页变更
-  var handlePageChange = useCallback(function (current, pageSize) {
+  var handlePageChange = function handlePageChange(current, pageSize) {
     var _form$getFieldsValue;
     var page = {
       pageNum: current,
@@ -205,8 +212,8 @@ function useAntdTable(service, options, useRequestOptions) {
     run(getTransformParams(_objectSpread(_objectSpread({
       page: page
     }, nextValues), extraFilter)));
-  }, [allSelected, extraFilter, data, getTransformParams]);
-  var handleTableChange = useCallback(function (pagination, filters, sorter, extra) {
+  };
+  var handleTableChange = function handleTableChange(pagination, filters, sorter, extra) {
     var _form$getFieldsValue2;
     // 跳过分页改变，使用pagination的onChange
     if (extra.action === 'paginate') {
@@ -225,15 +232,15 @@ function useAntdTable(service, options, useRequestOptions) {
         sorter: sorter
       }
     });
-    var _values = (_form$getFieldsValue2 = form.getFieldsValue()) !== null && _form$getFieldsValue2 !== void 0 ? _form$getFieldsValue2 : {};
+    var _values = (_form$getFieldsValue2 = form === null || form === void 0 ? void 0 : form.getFieldsValue()) !== null && _form$getFieldsValue2 !== void 0 ? _form$getFieldsValue2 : {};
     run(getTransformParams(_objectSpread(_objectSpread({
       page: page
     }, _values), {}, {
       filters: filters,
       sorter: sorter
     })));
-  }, [allSelected, getTransformParams]);
-  var onSearch = useCallback(function (values) {
+  };
+  var onSearch = function onSearch(values) {
     var newPage = {
       pageNum: 1,
       pageSize: page.pageSize
@@ -247,6 +254,7 @@ function useAntdTable(service, options, useRequestOptions) {
     if ((selectedRecords === null || selectedRecords === void 0 ? void 0 : selectedRecords.length) || isNonEmptyObject(_values) || !isEqual(previousSearchValues, _values)) {
       previousSearchValues = _values;
       setState({
+        searchValues: _values,
         allSelected: false,
         selectedRecords: [],
         selectedRowKeys: []
@@ -255,9 +263,10 @@ function useAntdTable(service, options, useRequestOptions) {
     run(getTransformParams(_objectSpread(_objectSpread({
       page: newPage
     }, extraFilter), _values)));
-  }, [extraFilter, page.pageSize, previousPage, getTransformParams]);
-  var resetParams = useCallback(function (page) {
+  };
+  var resetParams = function resetParams(page) {
     setState({
+      searchValues: {},
       allSelected: false,
       selectedRecords: [],
       selectedRowKeys: [],
@@ -266,9 +275,9 @@ function useAntdTable(service, options, useRequestOptions) {
         sorter: undefined
       }
     });
-  }, []);
+  };
   // 重置查询条件: 页码还原、勾选清空
-  var onReset = useCallback(function () {
+  var onReset = function onReset() {
     form === null || form === void 0 ? void 0 : form.resetFields();
     var newPage = {
       pageNum: 1,
@@ -281,7 +290,7 @@ function useAntdTable(service, options, useRequestOptions) {
         page: newPage
       }));
     }
-  }, [page.pageSize, run, resetParams, getTransformParams]);
+  };
   var refreshPage = function refreshPage(res) {
     var transformResult = transformResponse ? transformResponse(res) : res || {};
     var _ref3 = isListResult(transformResult) ? transformResult : (transformResult === null || transformResult === void 0 ? void 0 : transformResult.data) || {},
@@ -475,7 +484,7 @@ function useAntdTable(service, options, useRequestOptions) {
     data: data,
     params: (result === null || result === void 0 ? void 0 : (_result$params = result.params) === null || _result$params === void 0 ? void 0 : _result$params[0]) || {},
     rowSelection: rowSelection,
-    searchValues: (_form$getFieldsValue3 = form.getFieldsValue()) !== null && _form$getFieldsValue3 !== void 0 ? _form$getFieldsValue3 : {},
+    searchValues: (_form$getFieldsValue3 = form === null || form === void 0 ? void 0 : form.getFieldsValue()) !== null && _form$getFieldsValue3 !== void 0 ? _form$getFieldsValue3 : {},
     allSelected: allSelected,
     selectedTip: selectedTip,
     selectedRowKeys: selectedRowKeys,

package/es/ProTable/propsType.d.ts

@@ -186,13 +186,13 @@ export interface ProTableColumnType extends Omit<ColumnType<any>, 'dataIndex'> {
      * @description 自定义如何比较数据差异，触发条件必须写render
      * @default undefined
      */
-    onDiff?: ({ value, record, index, originalValue, originalRecord }: any) => any;
+    onDiff?: ({ value, record, index, originValue, originRecord }: any) => any;
     /**
      * 自定义比对渲染
      * @description 用于开启比对时，自定义 render 渲染初始值，触发条件必须写render
      * @default undefined
      */
-    viewRender?: ({ value, record, index, originalValue, originalRecord, }: any) => 'same' | 'changed' | 'add' | undefined;
+    viewRender?: ({ value, record, index, originValue, originRecord, }: any) => 'same' | 'changed' | 'add' | undefined;
     /**
      * 是否已更改
      * @description 标记列值是否已变更

package/es/ProTable/utils/index.js

@@ -30,8 +30,8 @@ export var getOriginalValue = function getOriginalValue(value, record, originalO
       isAddCell: null
     };
   }
-  var originalRecord = get(originalObj, get(record, rowKey));
-  var originalValue = get(originalRecord, dataIndex);
+  var originRecord = get(originalObj, get(record, rowKey));
+  var originalValue = get(originRecord, dataIndex);
   if (isEmpty(originalValue) && !isEmpty(value)) {
     return {
       originalValue: originalValue,

package/es/ProTree/components/AdaptiveTooltip.js

@@ -1,45 +1,19 @@
 import "antd/es/tooltip/style";
 import _Tooltip from "antd/es/tooltip";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 var AdaptiveTooltip = function AdaptiveTooltip(_ref) {
   var children = _ref.children;
-  var _useState = useState('right'),
-    _useState2 = _slicedToArray(_useState, 2),
-    placement = _useState2[0],
-    setPlacement = _useState2[1];
-  useEffect(function () {
-    var handleResize = function handleResize() {
-      var tooltipElement = document.getElementById('adaptive-tooltip');
-      if (tooltipElement) {
-        var boundingRect = tooltipElement.getBoundingClientRect();
-        var windowWidth = window.innerWidth;
-        if (windowWidth - boundingRect.right < 150) {
-          setPlacement('left');
-        } else {
-          setPlacement('right');
-        }
-      }
-    };
-    window.addEventListener('resize', handleResize);
-    handleResize();
-    return function () {
-      window.removeEventListener('resize', handleResize);
-    };
-  }, [children]);
   return _jsx(_Tooltip, {
-    placement: placement,
+    placement: "rightTop",
     title: _jsx("div", {
       onMouseDown: function onMouseDown(e) {
         return e.stopPropagation();
       },
       children: children
     }),
-    id: "adaptive-tooltip",
-    children: _jsxs("span", {
+    children: _jsx("span", {
       className: "pro-tree-wrap-ellipse",
-      children: [" ", children]
+      children: children
     })
   });
 };

package/es/ProTree/components/ProTree.js

@@ -75,7 +75,6 @@ var ProTree = function ProTree(props) {
     showExpand = _props$showExpand === void 0 ? false : _props$showExpand,
     defaultExpandAll = props.defaultExpandAll,
     other = _objectWithoutProperties(props, _excluded);
-  var fieldNameLabel = fieldNames.label;
   var fieldNameValue = fieldNames.value;
   var _useSetState = useSetState({
       open: false,

package/es/ProTree/components/ProTreeSelect/index.js

@@ -12,20 +12,22 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import "antd/es/tree-select/style";
 import _TreeSelect from "antd/es/tree-select";
-var _excluded = ["disabled", "code", "dataSource", "defaultDisableValue", "onChange", "useRequest", "transformResponse", "fieldNames", "tooltip", "showSearch", "filterTreeNode", "treeNodeFilterProp", "defaultExpandAll", "expandedKeys", "treeCheckable", "onSearch", "otherProps", "width", "dropdownStyle", "popupClassName", "style", "allowClear", "listHeight", "showCodeName", "className", "checkStrictly", "checkable"],
+var _excluded = ["disabled", "code", "dataSource", "defaultDisableValue", "onChange", "useRequest", "transformResponse", "fieldNames", "placeholder", "tooltip", "showSearch", "filterTreeNode", "treeNodeFilterProp", "defaultExpandAll", "expandedKeys", "treeCheckable", "onSearch", "otherProps", "width", "dropdownStyle", "popupClassName", "style", "allowClear", "listHeight", "showCodeName", "className", "checkStrictly", "checkable"],
   _excluded2 = ["children"];
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable react/no-danger */
 /* eslint-disable react/jsx-closing-tag-location */
 import { useDeepCompareEffect, useRequest as useRequestFunc, useSetState } from 'ahooks';
 import classnames from 'classnames';
-import { useImperativeHandle, forwardRef } from 'react';
+import { useImperativeHandle, forwardRef, useCallback } from 'react';
 import { cloneDeep, debounce } from 'lodash';
+import locale from '../../../locale';
 import { useProConfig } from '../../../ProConfigProvider';
 import Container from '../../../ProForm/components/Container';
 import AdaptiveTooltip from '../AdaptiveTooltip';
 var SHOW_PARENT = _TreeSelect.SHOW_PARENT;
 export var ProTreeSelect = function ProTreeSelect(props, ref) {
+  var _useRequest$options;
   // 全局属性配置在ConfigProvider
   var _ref = useProConfig('ProTreeSelect') || {},
     _ref$fieldNames = _ref.fieldNames,
@@ -50,6 +52,7 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
     useRequest = props.useRequest,
     transformResponse = props.transformResponse,
     fieldNames = props.fieldNames,
+    placeholder = props.placeholder,
     _props$tooltip = props.tooltip,
     tooltip = _props$tooltip === void 0 ? false : _props$tooltip,
     _props$showSearch = props.showSearch,
@@ -168,11 +171,26 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
       origDataSource: resultData || []
     });
   };
+  var successTransformDataHandle = useCallback(function (res) {
+    if (transformResponse && typeof transformResponse === 'function') {
+      return transformResponse(res);
+    }
+    var _ref4 = res || {},
+      _ref4$status = _ref4.status,
+      status = _ref4$status === void 0 ? 200 : _ref4$status,
+      msg = _ref4.message,
+      data = _ref4.data;
+    if (status !== 200) {
+      _message.error(msg);
+      return;
+    }
+    return data;
+  }, []);
   // 配置了异步数据源，拉取枚举数据逻辑 如果有code不掉接口从local里根据code取值
   var fetchFunction = useRequestFunc(useRequest === null || useRequest === void 0 ? void 0 : useRequest.service, _objectSpread({
     manual: true,
+    debounceWait: 300,
     onSuccess: function onSuccess(data) {
-      // 用户配置了处理枚举函数
       if (transformResponse && typeof transformResponse === 'function') {
         var responseData = transformResponse(data);
         var resultData = transferDataSource(responseData, showCodeName);
@@ -181,16 +199,33 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
           origDataSource: resultData
         });
       } else {
-        defaultOnSuccessFun(data);
+        defaultOnSuccessFun(fetchFunction.data);
       }
-    },
-    debounceWait: 300
+    }
   }, useRequest === null || useRequest === void 0 ? void 0 : useRequest.options));
+  var cacheList = (useRequest === null || useRequest === void 0 ? void 0 : (_useRequest$options = useRequest.options) === null || _useRequest$options === void 0 ? void 0 : _useRequest$options.cacheKey) ? successTransformDataHandle(fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.data) : [];
   useImperativeHandle(ref, function () {
     return {
       useRequestRef: fetchFunction
     };
   });
+  // 设置cacheKey后使用缓存的数据
+  useDeepCompareEffect(function () {
+    var _useRequest$options2;
+    if (fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.data, useRequest === null || useRequest === void 0 ? void 0 : (_useRequest$options2 = useRequest.options) === null || _useRequest$options2 === void 0 ? void 0 : _useRequest$options2.cacheKey) {
+      if (transformResponse && typeof transformResponse === 'function') {
+        var responseData = transformResponse(fetchFunction.data);
+        // debugger;
+        var resultData = transferDataSource(responseData, showCodeName);
+        setState({
+          selectList: countChild(resultData),
+          origDataSource: resultData
+        });
+      } else {
+        defaultOnSuccessFun(fetchFunction.data);
+      }
+    }
+  }, [fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.data]);
   useDeepCompareEffect(function () {
     if (enumCode) {
       var dictEnum = dics[enumCode] || [];
@@ -212,17 +247,21 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
     if (enumCode || dataSource) {
       return undefined;
     }
+    // 如果配置手动加载，不执行请求
+    var _ref5 = (useRequest === null || useRequest === void 0 ? void 0 : useRequest.options) || {},
+      defaultParams = _ref5.defaultParams,
+      manual = _ref5.manual;
     // disabled 状态时，不查询接口
     if (defaultDisableValue || !useRequest) {
       return undefined;
     }
-    // 如果配置手动加载，不执行请求
-    var _ref4 = (useRequest === null || useRequest === void 0 ? void 0 : useRequest.options) || {},
-      defaultParams = _ref4.defaultParams;
+    if (manual || (cacheList === null || cacheList === void 0 ? void 0 : cacheList.length)) {
+      return;
+    }
     var params = Array.isArray(defaultParams) ? defaultParams === null || defaultParams === void 0 ? void 0 : defaultParams[0] : defaultParams || {};
     // 执行用户配置的枚举服务，拉取枚举数据进行更新
     fetchFunction.run(params);
-  }, [useRequest === null || useRequest === void 0 ? void 0 : useRequest.service, defaultDisableValue]);
+  }, [useRequest === null || useRequest === void 0 ? void 0 : useRequest.options, defaultDisableValue]);
   // disable默认值
   if (defaultDisableValue) {
     return _jsx("span", {
@@ -399,7 +438,7 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
     return sourceList;
   }
   var searchTreeEvent = debounce(/*#__PURE__*/function () {
-    var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(searchVal) {
+    var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(searchVal) {
       var result;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -424,7 +463,7 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
       }, _callee);
     }));
     return function (_x) {
-      return _ref5.apply(this, arguments);
+      return _ref6.apply(this, arguments);
     };
   }(), 500);
   function findTreeNode(treeList, nodeValue) {
@@ -565,6 +604,7 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
     onClick: nodeChangeEvent,
     className: cls,
     children: _jsx(_TreeSelect, _objectSpread(_objectSpread({
+      placeholder: placeholder || locale.ProForm.treeSelectPlaceholder,
       maxTagPlaceholder: function maxTagPlaceholder(rest) {
         var _rest = rest.map(function (tag) {
           var _tag$label, _tag$label$props, _tag$label2, _tag$label2$props, _tag$label2$props$chi, _tag$label2$props$chi2, _tag$label2$props$chi3, _tag$label3, _tag$label3$props, _tag$label3$props$dan;