@zat-design/sisyphus-react 4.0.0-beta.2 → 4.0.0-beta.4

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

@@ -1,203 +1,230 @@
-"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
+// src/ProForm/components/combination/ProCascader/index.tsx
+var ProCascader_exports = {};
+__export(ProCascader_exports, {
+  default: () => ProCascader_default
 });
-exports.default = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _isEqual2 = _interopRequireDefault(require("lodash/isEqual"));
-var _isBoolean2 = _interopRequireDefault(require("lodash/isBoolean"));
-var _find3 = _interopRequireDefault(require("lodash/find"));
-var _omit2 = _interopRequireDefault(require("lodash/omit"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _react = require("react");
-var _antd = require("antd");
-var _index = require("./utils/index");
-var _ProConfigProvider = require("../../../../ProConfigProvider");
-var _Input = _interopRequireDefault(require("../../base/Input"));
-var _useEnum = _interopRequireDefault(require("../../../../ProEnum/hooks/useEnum"));
-var _locale = _interopRequireDefault(require("../../../../locale"));
-var _ = _interopRequireDefault(require("../../.."));
-var _Container = _interopRequireDefault(require("../../Container"));
-var _excluded = ["className", "hasDetail", "detailMaxLength", "fieldNames", "value", "disabled", "dataSource", "onChange", "useRequest", "transformResponse", "level", "isView", "enumCode", "code", "tooltip", "separator", "detailPlaceholder", "scrollFollowParent", "desensitization", "otherProps"];
-function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
-function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { if (r) i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n;else { var o = function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); }; o("next", 0), o("throw", 1), o("return", 2); } }, _regeneratorDefine2(e, r, n, t); }
-var defaultFieldNames = {
-  label: 'name',
-  value: 'code',
-  children: 'children'
-};
-var _filterDataSource = function filterDataSource(dataSource, level, fieldNames) {
-  return dataSource === null || dataSource === void 0 ? void 0 : dataSource.map(function (item) {
-    return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, item), {}, (0, _defineProperty2.default)({}, (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.children) || 'children', level === 1 ? [] : _filterDataSource(item === null || item === void 0 ? void 0 : item[(fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.children) || 'children'], level - 1, fieldNames)));
-  });
+module.exports = __toCommonJS(ProCascader_exports);
+var import_react = require("react");
+var import_antd = require("antd");
+var import_lodash = require("lodash");
+var import_ahooks = require("ahooks");
+var import_utils = require("./utils/index");
+var import_ProConfigProvider = require("../../../../ProConfigProvider");
+var import_Input = __toESM(require("../../base/Input"));
+var import_useEnum = __toESM(require("../../../../ProEnum/hooks/useEnum"));
+var import_locale = __toESM(require("../../../../locale"));
+var import__ = __toESM(require("../../.."));
+var import_Container = __toESM(require("../../Container"));
+var defaultFieldNames = { label: "name", value: "code", children: "children" };
+var filterDataSource = (dataSource, level, fieldNames) => {
+  return dataSource == null ? void 0 : dataSource.map((item) => ({
+    ...item,
+    [(fieldNames == null ? void 0 : fieldNames.children) || "children"]: level === 1 ? [] : filterDataSource(item == null ? void 0 : item[(fieldNames == null ? void 0 : fieldNames.children) || "children"], level - 1, fieldNames)
+  }));
 };
-var getViewLabel = function getViewLabel(_ref) {
-  var _value2;
-  var dataSource = _ref.dataSource,
-    value = _ref.value;
-  var _value = value;
-  var viewLabel = [];
-  // fix: value是string类型，需要转为数组
+var getViewLabel = ({ dataSource, value }) => {
+  let _value = value;
+  const viewLabel = [];
   if (_value && !Array.isArray(_value)) {
     _value = [value];
   }
-  // 根据dataSource得到label数组，查看模式展示需要
-  (_value2 = _value) === null || _value2 === void 0 ? void 0 : _value2.forEach(function (value, index) {
-    var _dataSource;
-    var temp = (_dataSource = dataSource) === null || _dataSource === void 0 ? void 0 : _dataSource.find(function (item) {
-      return (item === null || item === void 0 ? void 0 : item.value) === value;
-    });
-    dataSource = (temp === null || temp === void 0 ? void 0 : temp.children) || [];
-    viewLabel[index] = temp === null || temp === void 0 ? void 0 : temp.label;
+  _value == null ? void 0 : _value.forEach((value2, index) => {
+    const temp = dataSource == null ? void 0 : dataSource.find((item) => (item == null ? void 0 : item.value) === value2);
+    dataSource = (temp == null ? void 0 : temp.children) || [];
+    viewLabel[index] = temp == null ? void 0 : temp.label;
   });
   return viewLabel;
 };
-var ProCascader = function ProCascader(props) {
-  var _props$otherProps, _value$slice, _ref5, _ref5$filter, _defaultLabel$filter, _locale$ProAddressBar, _locale$ProAddressBar2;
-  var _ref2 = (0, _ProConfigProvider.useProConfig)('ProAddressBar') || {},
-    configDetailMaxLength = _ref2.detailMaxLength,
-    configEnumCode = _ref2.enumCode,
-    configCode = _ref2.code;
-  var isAddressMode = (props === null || props === void 0 ? void 0 : props.mode) === 'address' || (props === null || props === void 0 ? void 0 : (_props$otherProps = props.otherProps) === null || _props$otherProps === void 0 ? void 0 : _props$otherProps.type) === 'ProAddressBar';
-  var _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    _props$hasDetail = props.hasDetail,
-    hasDetail = _props$hasDetail === void 0 ? isAddressMode ? true : undefined : _props$hasDetail,
-    _props$detailMaxLengt = props.detailMaxLength,
-    detailMaxLength = _props$detailMaxLengt === void 0 ? isAddressMode ? configDetailMaxLength || 100 : 100 : _props$detailMaxLengt,
-    _props$fieldNames = props.fieldNames,
-    fieldNames = _props$fieldNames === void 0 ? defaultFieldNames : _props$fieldNames,
-    value = props.value,
-    disabled = props.disabled,
-    dataSource = props.dataSource,
-    onChange = props.onChange,
-    useRequest = props.useRequest,
-    transformResponse = props.transformResponse,
-    _props$level = props.level,
-    level = _props$level === void 0 ? isAddressMode ? 3 : undefined : _props$level,
-    isView = props.isView,
-    _props$enumCode = props.enumCode,
-    enumCode = _props$enumCode === void 0 ? configEnumCode : _props$enumCode,
-    _props$code = props.code,
-    code = _props$code === void 0 ? configCode : _props$code,
-    tooltip = props.tooltip,
-    _props$separator = props.separator,
-    separator = _props$separator === void 0 ? '/' : _props$separator,
-    detailPlaceholder = props.detailPlaceholder,
-    scrollFollowParent = props.scrollFollowParent,
-    desensitization = props.desensitization,
-    otherProps = props.otherProps,
-    restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
-  var _ref3 = _.default.useFieldProps() || {},
-    isViewCon = _ref3.isView,
-    viewEmpty = _ref3.viewEmpty;
-  var addressCode = code || enumCode;
-  var realIsView = typeof isView === 'boolean' ? isView : isViewCon;
-  var realLevel = Math.max(2, level);
-  var detail = value === null || value === void 0 ? void 0 : value[realLevel];
-  var enumData = (0, _useEnum.default)(addressCode);
-  var _useProConfig = (0, _ProConfigProvider.useProConfig)('ProEnum'),
-    _useProConfig$dics = _useProConfig.dics,
-    dics = _useProConfig$dics === void 0 ? {} : _useProConfig$dics;
-  var enumDataSource = (0, _react.useMemo)(function () {
-    if (!(props === null || props === void 0 ? void 0 : props.mode)) {
-      return (dics === null || dics === void 0 ? void 0 : dics[addressCode]) || [];
+var ProCascader = (props) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+  const {
+    detailMaxLength: configDetailMaxLength,
+    enumCode: configEnumCode,
+    code: configCode
+  } = (0, import_ProConfigProvider.useProConfig)("ProAddressBar") || {};
+  const isAddressMode = (props == null ? void 0 : props.mode) === "address" || ((_a = props == null ? void 0 : props.otherProps) == null ? void 0 : _a.type) === "ProAddressBar";
+  const {
+    className = "",
+    hasDetail = isAddressMode ? true : void 0,
+    detailMaxLength = isAddressMode ? configDetailMaxLength || 100 : 100,
+    fieldNames = defaultFieldNames,
+    value,
+    disabled,
+    dataSource,
+    onChange,
+    useRequest,
+    transformResponse,
+    // 地址组件需要传入level来判断detail的值放在数组的索引
+    level = isAddressMode ? 3 : void 0,
+    isView,
+    enumCode = configEnumCode,
+    code = configCode,
+    tooltip,
+    separator = "/",
+    detailPlaceholder,
+    scrollFollowParent,
+    desensitization,
+    otherProps,
+    ...restProps
+  } = props;
+  const { isView: isViewCon, viewEmpty } = import__.default.useFieldProps() || {};
+  const addressCode = code || enumCode;
+  const realIsView = typeof isView === "boolean" ? isView : isViewCon;
+  const realLevel = Math.max(2, level);
+  const detail = value == null ? void 0 : value[realLevel];
+  const enumData = (0, import_useEnum.default)(addressCode);
+  const { dics = {} } = (0, import_ProConfigProvider.useProConfig)("ProEnum");
+  const enumDataSource = (0, import_react.useMemo)(() => {
+    if (!(props == null ? void 0 : props.mode)) {
+      return (dics == null ? void 0 : dics[addressCode]) || [];
     }
     return Array.isArray(enumData) ? enumData[0] : [];
-  }, [dics === null || dics === void 0 ? void 0 : dics[addressCode], enumData]);
-  var realDataSource = (0, _react.useMemo)(function () {
-    var innerDataSource = dataSource || (addressCode ? enumDataSource : []);
-    var result = (0, _index.transformDataName)(isAddressMode && realLevel === 2 ? _filterDataSource(innerDataSource, level, fieldNames) : innerDataSource, fieldNames);
+  }, [dics == null ? void 0 : dics[addressCode], enumData]);
+  let realDataSource = (0, import_react.useMemo)(() => {
+    const innerDataSource = dataSource || (addressCode ? enumDataSource : []);
+    const result = (0, import_utils.transformDataName)(
+      isAddressMode && realLevel === 2 ? filterDataSource(innerDataSource, level, fieldNames) : innerDataSource,
+      fieldNames
+    );
     return result;
-  }, [isAddressMode, addressCode, realLevel, dataSource, enumDataSource === null || enumDataSource === void 0 ? void 0 : enumDataSource.length]);
-  var lastDisabled = (0, _react.useMemo)(function () {
-    if ((0, _isBoolean2.default)(disabled) || disabled === undefined) {
+  }, [isAddressMode, addressCode, realLevel, dataSource, enumDataSource == null ? void 0 : enumDataSource.length]);
+  const lastDisabled = (0, import_react.useMemo)(() => {
+    if ((0, import_lodash.isBoolean)(disabled) || disabled === void 0) {
       return [disabled, disabled];
     }
     return disabled;
   }, [disabled]);
-  var _useRequest = (0, _objectSpread3.default)({}, useRequest),
-    service = _useRequest.service,
-    _useRequest$defaultPa = _useRequest.defaultParams,
-    defaultParams = _useRequest$defaultPa === void 0 ? {} : _useRequest$defaultPa;
-  var _useState = (0, _react.useState)([]),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    serviceData = _useState2[0],
-    setServiceData = _useState2[1];
-  var _useState3 = (0, _react.useState)([]),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    defaultLabel = _useState4[0],
-    setDefaultLabel = _useState4[1];
-  var getFirstLevelOptions = /*#__PURE__*/function () {
-    var _ref4 = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator().m(function _callee() {
-      var _yield$service, data, newData, transFormData, serviceData;
-      return _regenerator().w(function (_context) {
-        while (1) switch (_context.n) {
-          case 0:
-            _context.n = 1;
-            return service(defaultParams);
-          case 1:
-            _yield$service = _context.v;
-            data = _yield$service.data;
-            newData = data;
-            if (transformResponse) {
-              newData = transformResponse(data);
-            }
-            transFormData = (0, _index.transformDataName)(newData, {
-              label: fieldNames.label,
-              value: fieldNames.value,
-              children: (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.children) || 'children'
-            });
-            serviceData = isAddressMode && realLevel === 2 ? _filterDataSource(transFormData, level, fieldNames) : transFormData;
-            setServiceData(serviceData);
-          case 2:
-            return _context.a(2);
-        }
-      }, _callee);
-    }));
-    return function getFirstLevelOptions() {
-      return _ref4.apply(this, arguments);
-    };
-  }();
-  // 提取出来默认每次都执行
+  const [serviceData, setServiceData] = (0, import_react.useState)([]);
+  const [defaultLabel, setDefaultLabel] = (0, import_react.useState)([]);
+  const defaultOnSuccessFun = (res) => {
+    const { status = 200, message: msg, data } = res || {};
+    if (status !== 200) {
+      import_antd.message.error(msg);
+      return;
+    }
+    let newData = data;
+    if (transformResponse) {
+      newData = transformResponse(data);
+    }
+    const transFormData = (0, import_utils.transformDataName)(newData, {
+      label: fieldNames.label,
+      value: fieldNames.value,
+      children: (fieldNames == null ? void 0 : fieldNames.children) || "children"
+    });
+    const serviceData2 = isAddressMode && realLevel === 2 ? filterDataSource(transFormData, level, fieldNames) : transFormData;
+    setServiceData(serviceData2);
+  };
+  const successTransformDataHandle = (0, import_react.useCallback)(
+    (res) => {
+      if (transformResponse && typeof transformResponse === "function") {
+        return transformResponse(res);
+      }
+      const { status = 200, message: msg, data } = res || {};
+      if (status !== 200) {
+        import_antd.message.error(msg);
+        return;
+      }
+      return data;
+    },
+    [transformResponse]
+  );
+  const fetchFunction = (0, import_ahooks.useRequest)(useRequest == null ? void 0 : useRequest.service, {
+    manual: true,
+    debounceWait: 300,
+    ...useRequest == null ? void 0 : useRequest.options,
+    onSuccess: (data) => {
+      var _a2, _b2, _c2;
+      if (transformResponse && typeof transformResponse === "function") {
+        const responseData = transformResponse(data);
+        const transFormData = (0, import_utils.transformDataName)(responseData, {
+          label: fieldNames.label,
+          value: fieldNames.value,
+          children: (fieldNames == null ? void 0 : fieldNames.children) || "children"
+        });
+        const serviceData2 = isAddressMode && realLevel === 2 ? filterDataSource(transFormData, level, fieldNames) : transFormData;
+        setServiceData(serviceData2);
+      } else {
+        defaultOnSuccessFun(data);
+      }
+      (_c2 = (_a2 = useRequest == null ? void 0 : useRequest.options) == null ? void 0 : _a2.onSuccess) == null ? void 0 : _c2.call(_a2, data, (_b2 = useRequest == null ? void 0 : useRequest.options) == null ? void 0 : _b2.defaultParams);
+    }
+  });
+  const cacheList = ((_b = useRequest == null ? void 0 : useRequest.options) == null ? void 0 : _b.cacheKey) ? successTransformDataHandle(fetchFunction == null ? void 0 : fetchFunction.data) : [];
   if (transformResponse) {
     realDataSource = transformResponse(realDataSource);
   }
-  (0, _react.useEffect)(function () {
-    if (service) {
-      // 传入useRequest时，初次加载级联第一级数据源
-      getFirstLevelOptions();
+  (0, import_ahooks.useDeepCompareEffect)(() => {
+    var _a2;
+    if (!(serviceData == null ? void 0 : serviceData.length) && ((_a2 = useRequest == null ? void 0 : useRequest.options) == null ? void 0 : _a2.cacheKey)) {
+      if (cacheList == null ? void 0 : cacheList.length) {
+        setServiceData(cacheList);
+      }
+    }
+  }, [fetchFunction == null ? void 0 : fetchFunction.data]);
+  (0, import_ahooks.useDeepCompareEffect)(() => {
+    var _a2;
+    if (!(useRequest == null ? void 0 : useRequest.service)) {
+      return;
+    }
+    const { manual } = (useRequest == null ? void 0 : useRequest.options) || {};
+    if (manual || (cacheList == null ? void 0 : cacheList.length)) {
+      return;
     }
-  }, [service]);
-  (0, _react.useEffect)(function () {
+    const defaultParams = ((_a2 = useRequest == null ? void 0 : useRequest.options) == null ? void 0 : _a2.defaultParams) || (useRequest == null ? void 0 : useRequest.defaultParams);
+    const params = Array.isArray(defaultParams) ? defaultParams == null ? void 0 : defaultParams[0] : defaultParams || {};
+    fetchFunction.run(params);
+  }, [useRequest == null ? void 0 : useRequest.options]);
+  (0, import_react.useEffect)(() => {
     if (realIsView && value) {
-      var _realDataSource;
-      // 传入dataSource + 查看时初始化展示
-      if (service) {
-        setDefaultLabel(getViewLabel({
-          dataSource: serviceData,
-          value: isAddressMode && hasDetail ? value === null || value === void 0 ? void 0 : value.slice(0, realLevel) : value
-        }));
-      } else if (((_realDataSource = realDataSource) === null || _realDataSource === void 0 ? void 0 : _realDataSource.length) > 0) {
-        setDefaultLabel(getViewLabel({
-          dataSource: realDataSource,
-          value: isAddressMode && hasDetail ? value === null || value === void 0 ? void 0 : value.slice(0, realLevel) : value
-        }));
+      if (useRequest == null ? void 0 : useRequest.service) {
+        setDefaultLabel(
+          getViewLabel({
+            dataSource: serviceData,
+            value: isAddressMode && hasDetail ? value == null ? void 0 : value.slice(0, realLevel) : value
+          })
+        );
+      } else if ((realDataSource == null ? void 0 : realDataSource.length) > 0) {
+        setDefaultLabel(
+          getViewLabel({
+            dataSource: realDataSource,
+            value: isAddressMode && hasDetail ? value == null ? void 0 : value.slice(0, realLevel) : value
+          })
+        );
       }
     }
   }, [realIsView, value, realDataSource, serviceData]);
-  var handleChange = function handleChange(changeValue, selectedOptions) {
+  const handleChange = (changeValue, selectedOptions) => {
     if (onChange) {
       if (isAddressMode && hasDetail && detail) {
-        // 有详情地址
-        var realValue = changeValue || [];
+        const realValue = changeValue || [];
         realValue[realLevel] = detail;
         onChange(realValue, selectedOptions);
       } else {
@@ -205,118 +232,92 @@ var ProCascader = function ProCascader(props) {
       }
     }
   };
-  // showSearch中的筛选函数
-  var handlefilter = function handlefilter(inputValue, path) {
-    return path.some(function (option) {
+  const handlefilter = (inputValue, path) => {
+    return path.some((option) => {
       return option.label.toLowerCase().indexOf(inputValue.toLowerCase()) > -1;
     });
   };
-  var displayRender = function displayRender(label) {
-    return label === null || label === void 0 ? void 0 : label.filter(function (item) {
-      return !!item;
-    }).join('/');
+  const displayRender = (label) => {
+    return label == null ? void 0 : label.filter((item) => !!item).join("/");
   };
-  var addressValue = isAddressMode ? value && ((_value$slice = value.slice(0, realLevel)) === null || _value$slice === void 0 ? void 0 : _value$slice.some(function (item) {
-    return !!item;
-  })) ? value.slice(0, realLevel) : undefined : value;
-  var viewValue = isAddressMode ? ((_ref5 = [].concat((0, _toConsumableArray2.default)(defaultLabel), [value === null || value === void 0 ? void 0 : value[realLevel]])) === null || _ref5 === void 0 ? void 0 : (_ref5$filter = _ref5.filter(function (item) {
-    return !!item;
-  })) === null || _ref5$filter === void 0 ? void 0 : _ref5$filter.join(separator)) || '-' : (defaultLabel === null || defaultLabel === void 0 ? void 0 : (_defaultLabel$filter = defaultLabel.filter(function (item) {
-    return !!item;
-  })) === null || _defaultLabel$filter === void 0 ? void 0 : _defaultLabel$filter.join(separator)) || '-';
-  var _findSelectedOptions = function findSelectedOptions(options, value) {
-    var path = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-    var _value = value !== null && value !== void 0 ? value : [];
-    // 基准情况：如果 value 数组为空，且 path 不为空，说明找到了完整的路径
-    if ((_value === null || _value === void 0 ? void 0 : _value.length) === 0 && (path === null || path === void 0 ? void 0 : path.length) > 0) {
+  const addressValue = isAddressMode ? value && ((_c = value.slice(0, realLevel)) == null ? void 0 : _c.some((item) => !!item)) ? value.slice(0, realLevel) : void 0 : value;
+  const viewValue = isAddressMode ? ((_e = (_d = [...defaultLabel, value == null ? void 0 : value[realLevel]]) == null ? void 0 : _d.filter((item) => !!item)) == null ? void 0 : _e.join(separator)) || "-" : ((_f = defaultLabel == null ? void 0 : defaultLabel.filter((item) => !!item)) == null ? void 0 : _f.join(separator)) || "-";
+  const findSelectedOptions = (options, value2, path = []) => {
+    const _value = value2 ?? [];
+    if ((_value == null ? void 0 : _value.length) === 0 && (path == null ? void 0 : path.length) > 0) {
       return path;
     }
-    // 如果没有更多的 _value 需要匹配，或者当前选项没有 children，返回 null
-    if ((_value === null || _value === void 0 ? void 0 : _value.length) === 0 || !options || options.length === 0) {
+    if ((_value == null ? void 0 : _value.length) === 0 || !options || options.length === 0) {
       return null;
     }
-    // 尝试在当前层级的选项中查找匹配的 _value
-    var currentValue = _value[0];
-    var foundOption = (0, _find3.default)(options, {
-      value: currentValue
-    });
+    const currentValue = _value[0];
+    const foundOption = (0, import_lodash.find)(options, { value: currentValue });
     if (foundOption) {
-      // 如果找到了匹配的选项，并且还有更多的 value 需要匹配，递归地在子选项中查找
       if (_value.length > 1 && foundOption.children) {
-        return _findSelectedOptions(foundOption.children, _value.slice(1), [].concat((0, _toConsumableArray2.default)(path), [foundOption]));
+        return findSelectedOptions(foundOption.children, _value.slice(1), [...path, foundOption]);
       }
-      // 如果没有更多的 value 需要匹配，返回当前选项（以及之前的路径）
-      return [].concat((0, _toConsumableArray2.default)(path), [foundOption]);
+      return [...path, foundOption];
     }
-    // 如果没有在当前层级的选项中找到匹配的 value，返回 null
     return null;
   };
-  var _selectedOptions = (0, _react.useMemo)(function () {
-    return _findSelectedOptions(service ? serviceData : realDataSource, addressValue);
-  }, [service, serviceData, realDataSource, addressValue]);
-  var handleAddressChange = function handleAddressChange(e) {
-    var cascaderValue = value === null || value === void 0 ? void 0 : value.slice(0, realLevel);
+  const _selectedOptions = (0, import_react.useMemo)(() => {
+    return findSelectedOptions((useRequest == null ? void 0 : useRequest.service) ? serviceData : realDataSource, addressValue);
+  }, [useRequest == null ? void 0 : useRequest.service, serviceData, realDataSource, addressValue]);
+  const handleAddressChange = (e) => {
+    const cascaderValue = value == null ? void 0 : value.slice(0, realLevel);
     if (onChange) {
-      if (!e.target.value && (cascaderValue === null || cascaderValue === void 0 ? void 0 : cascaderValue.every(function (item) {
-        return !item;
-      }))) {
-        onChange(undefined);
+      if (!e.target.value && (cascaderValue == null ? void 0 : cascaderValue.every((item) => !item))) {
+        onChange(void 0);
       } else {
-        var realValue = value ? (0, _toConsumableArray2.default)(value) : [];
+        const realValue = value ? [...value] : [];
         realValue[realLevel] = e.target.value;
         onChange(realValue, _selectedOptions);
       }
     }
   };
-  return realIsView ? (0, _jsxRuntime.jsx)(_Container.default, {
-    tooltip: !!tooltip,
-    viewEmpty: viewEmpty,
-    children: viewValue
-  }) : (0, _jsxRuntime.jsxs)("div", {
-    className: "pro-address ".concat(className),
-    children: [(0, _jsxRuntime.jsx)(_antd.Cascader, (0, _objectSpread3.default)({
-      className: hasDetail ? '' : 'no-detail',
-      placeholder: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProAddressBar = _locale.default.ProAddressBar) === null || _locale$ProAddressBar === void 0 ? void 0 : _locale$ProAddressBar.placeholder,
+  return realIsView ? /* @__PURE__ */ React.createElement(import_Container.default, { tooltip: !!tooltip, viewEmpty }, viewValue) : /* @__PURE__ */ React.createElement("div", { className: `pro-address ${className}` }, /* @__PURE__ */ React.createElement(
+    import_antd.Cascader,
+    {
+      className: hasDetail ? "" : "no-detail",
+      placeholder: (_h = (_g = import_locale.default) == null ? void 0 : _g.ProAddressBar) == null ? void 0 : _h.placeholder,
       value: addressValue,
-      options: service ? serviceData : realDataSource,
+      options: (useRequest == null ? void 0 : useRequest.service) ? serviceData : realDataSource,
       disabled: lastDisabled[0],
-      displayRender: displayRender,
-      showSearch: {
-        filter: handlefilter,
-        limit: 1000
-      },
+      loading: fetchFunction == null ? void 0 : fetchFunction.loading,
+      displayRender,
+      showSearch: { filter: handlefilter, limit: 1e3 },
       onChange: handleChange,
-      getPopupContainer: function getPopupContainer(trigger) {
+      getPopupContainer: (trigger) => {
         return scrollFollowParent ? trigger.parentElement : document.body;
-      }
-    }, (0, _omit2.default)(restProps, ['otherProps', 'scrollFollowParent']))), hasDetail && (tooltip && lastDisabled[1] && detail ? (0, _jsxRuntime.jsx)(_antd.Tooltip, {
-      title: detail,
-      children: (0, _jsxRuntime.jsx)("span", {
-        className: "pro-address-detail",
-        children: (0, _jsxRuntime.jsx)(_Input.default, {
-          disabled: lastDisabled[1],
-          desensitization: desensitization,
-          otherProps: otherProps,
-          value: detail
-        })
-      })
-    }) : (0, _jsxRuntime.jsx)(_Input.default, {
+      },
+      ...(0, import_lodash.omit)(restProps, ["otherProps", "scrollFollowParent"])
+    }
+  ), hasDetail && (tooltip && lastDisabled[1] && detail ? /* @__PURE__ */ React.createElement(import_antd.Tooltip, { title: detail }, /* @__PURE__ */ React.createElement("span", { className: "pro-address-detail" }, /* @__PURE__ */ React.createElement(
+    import_Input.default,
+    {
+      disabled: lastDisabled[1],
+      desensitization,
+      otherProps,
+      value: detail
+    }
+  ))) : /* @__PURE__ */ React.createElement(
+    import_Input.default,
+    {
       allowClear: true,
       autoComplete: "off",
       disabled: lastDisabled[1],
       value: detail,
       maxLength: detailMaxLength,
-      placeholder: detailPlaceholder || (_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProAddressBar2 = _locale.default.ProAddressBar) === null || _locale$ProAddressBar2 === void 0 ? void 0 : _locale$ProAddressBar2.detailPlaceholder),
+      placeholder: detailPlaceholder || ((_j = (_i = import_locale.default) == null ? void 0 : _i.ProAddressBar) == null ? void 0 : _j.detailPlaceholder),
       onChange: handleAddressChange,
-      desensitization: desensitization,
-      otherProps: otherProps
-    }))]
-  });
+      desensitization,
+      otherProps
+    }
+  )));
 };
-var _default = exports.default = /*#__PURE__*/(0, _react.memo)(ProCascader, function (prevProps, nextProps) {
-  // 基本props比较, 只比较关键的
-  if (!(0, _isEqual2.default)(prevProps === null || prevProps === void 0 ? void 0 : prevProps.value, nextProps === null || nextProps === void 0 ? void 0 : nextProps.value) || (prevProps === null || prevProps === void 0 ? void 0 : prevProps.disabled) !== (nextProps === null || nextProps === void 0 ? void 0 : nextProps.disabled) || !(0, _isEqual2.default)(prevProps === null || prevProps === void 0 ? void 0 : prevProps.dataSource, nextProps === null || nextProps === void 0 ? void 0 : nextProps.dataSource)) {
+var ProCascader_default = (0, import_react.memo)(ProCascader, (prevProps, nextProps) => {
+  if (!(0, import_lodash.isEqual)(prevProps == null ? void 0 : prevProps.value, nextProps == null ? void 0 : nextProps.value) || (prevProps == null ? void 0 : prevProps.disabled) !== (nextProps == null ? void 0 : nextProps.disabled) || !(0, import_lodash.isEqual)(prevProps == null ? void 0 : prevProps.dataSource, nextProps == null ? void 0 : nextProps.dataSource)) {
     return false;
   }
   return true;
-});
+});

package/lib/ProForm/components/combination/ProCascader/propsType.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { DefaultOptionType } from 'rc-select/lib/Select';
-import { Service } from 'ahooks/lib/useRequest/src/types';
+import { Service, Options } from 'ahooks/lib/useRequest/src/types';
 export interface FieldNamesType {
     label: string;
     value: string;
@@ -19,10 +19,18 @@ export interface ProCascaderType {
     fieldNames?: FieldNamesType;
     dataSource?: DefaultOptionType[];
     useRequest?: {
-        loadData?: boolean;
-        service: Service<any, any>;
+        /**
+         * @description 请求服务函数
+         */
+        service?: Service<any, any>;
+        /**
+         * @description 请求选项
+         */
+        options?: Options<any, any>;
+        /**
+         * @deprecated 保留向后兼容性，使用 options.defaultParams 替代
+         */
         defaultParams?: any;
-        parentKey?: string;
     };
     onChange?: (value: string[], selectedOptions?: any[]) => void;
     transformResponse?: (data: any[]) => any[];