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

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

@@ -1,437 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _react = require("react");
-var _ahooks = require("ahooks");
-var _antd = require("antd");
-var _utils = require("@zat-design/utils");
-var _ProConfigProvider = require("../../../../ProConfigProvider");
-var _useEnum = _interopRequireDefault(require("../../../../ProEnum/hooks/useEnum"));
-var _locale = _interopRequireDefault(require("../../../../locale"));
-var _ProForm = _interopRequireDefault(require("../../../../ProForm"));
-var transformDataName = _utils.tools.transformDataName;
-var Text = _antd.Typography.Text;
-var filterDataSource = function filterDataSource(dataSource, level) {
-  return dataSource === null || dataSource === void 0 ? void 0 : dataSource.map(function (item) {
-    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
-      children: level === 1 ? [] : filterDataSource(item === null || item === void 0 ? void 0 : item.children, level - 1)
-    });
-  });
-};
-var getAddressLabel = function getAddressLabel(dataSource, value) {
-  // 传入dataSource时，得到地址省市区的label，查看模式展示需要
-  return ['province', 'city', 'county'].reduce(function (acc, cur, 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 === null || value === void 0 ? void 0 : value[index]);
-    });
-    dataSource = (temp === null || temp === void 0 ? void 0 : temp.children) || [];
-    acc[cur] = temp === null || temp === void 0 ? void 0 : temp.label;
-    return acc;
-  }, {});
-};
-var levelMap = {
-  1: 'province',
-  2: 'city',
-  3: 'county'
-};
-var ProAddressBar = function ProAddressBar(props) {
-  var _ref12, _ref12$filter, _locale$ProAddressBar, _locale$ProAddressBar2, _locale$ProAddressBar3;
-  var _ref = (0, _ProConfigProvider.useProConfig)('ProAddressBar') || {},
-    configUseRequest = _ref.useRequest,
-    configTransformResponse = _ref.transformResponse,
-    configDataSource = _ref.dataSource,
-    configDetailMaxLength = _ref.detailMaxLength,
-    configFieldNames = _ref.fieldNames,
-    configEnumCode = _ref.enumCode,
-    configCode = _ref.code;
-  var className = props.className,
-    getPopupContainer = props.getPopupContainer,
-    _props$hasDetail = props.hasDetail,
-    hasDetail = _props$hasDetail === void 0 ? true : _props$hasDetail,
-    _props$detailMaxLengt = props.detailMaxLength,
-    detailMaxLength = _props$detailMaxLengt === void 0 ? configDetailMaxLength || 100 : _props$detailMaxLengt,
-    _props$fieldNames = props.fieldNames,
-    fieldNames = _props$fieldNames === void 0 ? configFieldNames || {
-      label: 'name',
-      value: 'code'
-    } : _props$fieldNames,
-    value = props.value,
-    disabled = props.disabled,
-    _props$dataSource = props.dataSource,
-    dataSource = _props$dataSource === void 0 ? configDataSource : _props$dataSource,
-    onChange = props.onChange,
-    useRequest = props.useRequest,
-    _props$transformRespo = props.transformResponse,
-    transformResponse = _props$transformRespo === void 0 ? configTransformResponse : _props$transformRespo,
-    _props$level = props.level,
-    level = _props$level === void 0 ? 3 : _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;
-  var _ref2 = _ProForm.default.useFieldProps() || {},
-    isViewCon = _ref2.isView;
-  var addressCode = code || enumCode;
-  var realIsView = typeof isView === 'boolean' ? isView : isViewCon;
-  var _ref3 = value || [],
-    _ref4 = (0, _slicedToArray2.default)(_ref3, 2),
-    province = _ref4[0],
-    city = _ref4[1];
-  var realLevel = Math.max(2, level);
-  var county = realLevel === 3 ? value === null || value === void 0 ? void 0 : value[realLevel - 1] : undefined;
-  var address = value === null || value === void 0 ? void 0 : value[realLevel];
-  var enumData = (0, _useEnum.default)(addressCode);
-  var _ref5 = Array.isArray(enumData) ? enumData : [],
-    _ref6 = (0, _slicedToArray2.default)(_ref5, 1),
-    _ref6$ = _ref6[0],
-    enumDataSource = _ref6$ === void 0 ? [] : _ref6$;
-  var realDataSource = (0, _react.useMemo)(function () {
-    var innerDataSource = dataSource || (addressCode ? enumDataSource : []);
-    return realLevel === 2 ? filterDataSource(innerDataSource, level) : innerDataSource;
-  }, [addressCode, realLevel, dataSource, enumDataSource === null || enumDataSource === void 0 ? void 0 : enumDataSource.length]);
-  var _configUseRequest$use = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, configUseRequest), useRequest),
-    service = _configUseRequest$use.service,
-    _configUseRequest$use2 = _configUseRequest$use.defaultParams,
-    defaultParams = _configUseRequest$use2 === void 0 ? {
-      dictType: 'basicCode',
-      code: 'CD000049'
-    } : _configUseRequest$use2,
-    _configUseRequest$use3 = _configUseRequest$use.loadData,
-    loadData = _configUseRequest$use3 === void 0 ? true : _configUseRequest$use3,
-    _configUseRequest$use4 = _configUseRequest$use.parentKey,
-    parentKey = _configUseRequest$use4 === void 0 ? 'parentCode' : _configUseRequest$use4;
-  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),
-    provinces = _useState4[0],
-    setProvinces = _useState4[1];
-  var _useState5 = (0, _react.useState)([]),
-    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    provinceOptions = _useState6[0],
-    setProvinceOptions = _useState6[1];
-  var _useState7 = (0, _react.useState)(false),
-    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-    fetched = _useState8[0],
-    setFetched = _useState8[1];
-  var _useSetState = (0, _ahooks.useSetState)({
-      province: '',
-      city: '',
-      county: ''
-    }),
-    _useSetState2 = (0, _slicedToArray2.default)(_useSetState, 2),
-    defaultLabel = _useSetState2[0],
-    setDefaultLabel = _useSetState2[1];
-  var _ref7 = defaultLabel || {},
-    provinceLabel = _ref7.province,
-    cityLabel = _ref7.city,
-    countyLabel = _ref7.county;
-  var getProvinces = /*#__PURE__*/function () {
-    var _ref8 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(loadData) {
-      var _yield$service, data, newData, _newData, _provinces, transFormData;
-      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _context.next = 2;
-            return service(defaultParams);
-          case 2:
-            _yield$service = _context.sent;
-            data = _yield$service.data;
-            newData = data;
-            if (transformResponse) {
-              newData = transformResponse(data);
-            }
-            if (loadData) {
-              _provinces = (_newData = newData) === null || _newData === void 0 ? void 0 : _newData.map(function (item) {
-                return {
-                  value: item[fieldNames.value],
-                  label: item[fieldNames.label],
-                  isLeaf: levelMap[realLevel] === 'province',
-                  key: 'province'
-                };
-              });
-              setProvinces(_provinces);
-              setProvinceOptions(_provinces);
-            } else {
-              transFormData = transformDataName(newData, {
-                label: fieldNames.label,
-                value: fieldNames.value,
-                children: (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.children) || 'children'
-              });
-              setServiceData(realLevel === 2 ? filterDataSource(transFormData, level) : transFormData);
-            }
-          case 7:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function getProvinces(_x) {
-      return _ref8.apply(this, arguments);
-    };
-  }();
-  var getAddressData = /*#__PURE__*/function () {
-    var _ref9 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2(params) {
-      var _yield$service2, data;
-      return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            _context2.next = 2;
-            return service((0, _objectSpread2.default)((0, _objectSpread2.default)({}, defaultParams), params));
-          case 2:
-            _yield$service2 = _context2.sent;
-            data = _yield$service2.data;
-            if (!transformResponse) {
-              _context2.next = 6;
-              break;
-            }
-            return _context2.abrupt("return", transformResponse(data));
-          case 6:
-            return _context2.abrupt("return", data);
-          case 7:
-          case "end":
-            return _context2.stop();
-        }
-      }, _callee2);
-    }));
-    return function getAddressData(_x2) {
-      return _ref9.apply(this, arguments);
-    };
-  }();
-  // 传入useRequest时，得到地址省市区的label，初次加载需要
-  var initAddressLabel = /*#__PURE__*/function () {
-    var _ref10 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee3(key, value, extra) {
-      var selectProvince, _newData2, _yield$service3, data, newData;
-      return (0, _regeneratorRuntime2.default)().wrap(function _callee3$(_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
-          case 0:
-            if (!(key === 'province')) {
-              _context3.next = 5;
-              break;
-            }
-            selectProvince = extra === null || extra === void 0 ? void 0 : extra.find(function (item) {
-              return item.value === value;
-            });
-            selectProvince && setDefaultLabel({
-              province: selectProvince.label
-            });
-            _context3.next = 12;
-            break;
-          case 5:
-            _context3.next = 7;
-            return service((0, _objectSpread2.default)((0, _objectSpread2.default)({}, defaultParams), extra));
-          case 7:
-            _yield$service3 = _context3.sent;
-            data = _yield$service3.data;
-            newData = data;
-            if (transformResponse) {
-              newData = transformResponse(data);
-            }
-            (_newData2 = newData) === null || _newData2 === void 0 ? void 0 : _newData2.forEach(function (item) {
-              if (item[fieldNames.value] === value) {
-                // @ts-ignore
-                setDefaultLabel((0, _defineProperty2.default)({}, key, item[fieldNames.label]));
-              }
-            });
-          case 12:
-          case "end":
-            return _context3.stop();
-        }
-      }, _callee3);
-    }));
-    return function initAddressLabel(_x3, _x4, _x5) {
-      return _ref10.apply(this, arguments);
-    };
-  }();
-  (0, _react.useEffect)(function () {
-    if (service) {
-      getProvinces(loadData);
-    }
-  }, [service]);
-  (0, _react.useEffect)(function () {
-    // 传入useRequest时初始化province展示
-    if (service && loadData && !fetched && province) {
-      initAddressLabel('province', province, provinceOptions);
-    }
-  }, [province, fetched, provinceOptions]);
-  (0, _react.useEffect)(function () {
-    // 传入useRequest时初始化city展示
-    if (service && loadData && !fetched && province && city) {
-      initAddressLabel('city', city, (0, _defineProperty2.default)({}, parentKey, province));
-    }
-  }, [province, city, fetched]);
-  (0, _react.useEffect)(function () {
-    // 传入useRequest时初始化county展示
-    if (service && loadData && !fetched && city && county) {
-      initAddressLabel('county', county, (0, _defineProperty2.default)({}, parentKey, city));
-    }
-  }, [city, county, fetched]);
-  (0, _react.useEffect)(function () {
-    // 没有传入useRequest并且是查看时初始化展示
-    if (realIsView && value && realDataSource) {
-      setDefaultLabel(getAddressLabel(realDataSource, value));
-    }
-  }, [realIsView, value, realDataSource]);
-  (0, _react.useEffect)(function () {
-    // 传入useRequest但loadData为fasle查看时初始化展示
-    if (realIsView && value && (serviceData === null || serviceData === void 0 ? void 0 : serviceData.length) > 0) {
-      setDefaultLabel(getAddressLabel(serviceData, value));
-    }
-  }, [realIsView, value, serviceData]);
-  var handleLoadData = /*#__PURE__*/function () {
-    var _ref11 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee4(selectedOptions) {
-      var targetOption, data;
-      return (0, _regeneratorRuntime2.default)().wrap(function _callee4$(_context4) {
-        while (1) switch (_context4.prev = _context4.next) {
-          case 0:
-            targetOption = selectedOptions[selectedOptions.length - 1];
-            targetOption.loading = true;
-            _context4.next = 4;
-            return getAddressData((0, _defineProperty2.default)({}, parentKey, targetOption === null || targetOption === void 0 ? void 0 : targetOption.value));
-          case 4:
-            data = _context4.sent;
-            targetOption.loading = false;
-            targetOption.children = data === null || data === void 0 ? void 0 : data.map(function (item) {
-              return {
-                value: item[fieldNames.value],
-                label: item[fieldNames.label],
-                isLeaf: targetOption.key === levelMap[realLevel - 1],
-                key: targetOption.key === 'province' ? 'city' : 'county'
-              };
-            });
-            setProvinces((0, _toConsumableArray2.default)(provinces));
-            setFetched(true);
-          case 9:
-          case "end":
-            return _context4.stop();
-        }
-      }, _callee4);
-    }));
-    return function handleLoadData(_x6) {
-      return _ref11.apply(this, arguments);
-    };
-  }();
-  var handleChange = function handleChange(changeValue, selectedOptions) {
-    if (onChange) {
-      if (hasDetail && address) {
-        var realValue = changeValue || [];
-        realValue[realLevel] = address;
-        onChange(realValue, selectedOptions);
-      } else {
-        onChange(changeValue, selectedOptions);
-      }
-    }
-  };
-  var handlefilter = function handlefilter(inputValue, path) {
-    return path.some(function (option) {
-      return option.label.toLowerCase().indexOf(inputValue.toLowerCase()) > -1;
-    });
-  };
-  var handleAddressChange = function handleAddressChange(e) {
-    if (onChange) {
-      if (!e.target.value && !province && !city && !county) {
-        onChange(undefined);
-      } else {
-        var realValue = value ? (0, _toConsumableArray2.default)(value) : [];
-        realValue[realLevel] = e.target.value;
-        onChange(realValue);
-      }
-    }
-  };
-  var displayRender = function displayRender(label) {
-    var _filter;
-    if (fetched) {
-      return label === null || label === void 0 ? void 0 : label.filter(function (item) {
-        return !!item;
-      }).join('/');
-    }
-    return value ? (_filter = [provinceLabel, cityLabel, countyLabel].filter(function (item) {
-      return !!item;
-    })) === null || _filter === void 0 ? void 0 : _filter.join('/') : undefined;
-  };
-  var addressValue = value && (province || city || county) ? [province, city, county].slice(0, realLevel) : undefined;
-  var viewValue = ((_ref12 = [provinceLabel, cityLabel, countyLabel, value === null || value === void 0 ? void 0 : value[realLevel]]) === null || _ref12 === void 0 ? void 0 : (_ref12$filter = _ref12.filter(function (item) {
-    return !!item;
-  })) === null || _ref12$filter === void 0 ? void 0 : _ref12$filter.join(separator)) || '-';
-  return realIsView ? tooltip ? (0, _jsxRuntime.jsx)(_antd.Tooltip, {
-    className: className,
-    title: tooltip === true ? viewValue : tooltip,
-    children: (0, _jsxRuntime.jsx)(Text, {
-      ellipsis: {
-        tooltip: false
-      },
-      children: viewValue
-    })
-  }) : (0, _jsxRuntime.jsx)("span", {
-    className: className,
-    children: viewValue
-  }) : (0, _jsxRuntime.jsxs)("div", {
-    className: "pro-address ".concat(className),
-    children: [dataSource || addressCode || !loadData ? (0, _jsxRuntime.jsx)(_antd.Cascader, {
-      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,
-      value: addressValue,
-      options: !loadData ? serviceData : realDataSource,
-      disabled: disabled,
-      displayRender: function displayRender(label) {
-        return label === null || label === void 0 ? void 0 : label.filter(function (item) {
-          return !!item;
-        }).join('/');
-      },
-      showSearch: {
-        filter: handlefilter
-      },
-      onChange: handleChange
-    }) : (0, _jsxRuntime.jsx)(_antd.Cascader, {
-      className: hasDetail ? '' : 'no-detail',
-      placeholder: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProAddressBar2 = _locale.default.ProAddressBar) === null || _locale$ProAddressBar2 === void 0 ? void 0 : _locale$ProAddressBar2.placeholder,
-      value: addressValue,
-      loadData: handleLoadData,
-      // @ts-ignore
-      options: provinces,
-      disabled: disabled,
-      displayRender: displayRender,
-      changeOnSelect: true,
-      // @ts-ignore
-      onChange: handleChange
-    }), hasDetail && (tooltip && disabled && address ? (0, _jsxRuntime.jsx)(_antd.Tooltip, {
-      title: address,
-      children: (0, _jsxRuntime.jsx)("span", {
-        className: "pro-address-detail",
-        children: (0, _jsxRuntime.jsx)(_antd.Input, {
-          disabled: disabled,
-          value: address
-        })
-      })
-    }) : (0, _jsxRuntime.jsx)(_antd.Input, {
-      allowClear: true,
-      autoComplete: "off",
-      disabled: disabled,
-      value: address,
-      maxLength: detailMaxLength,
-      placeholder: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProAddressBar3 = _locale.default.ProAddressBar) === null || _locale$ProAddressBar3 === void 0 ? void 0 : _locale$ProAddressBar3.detailPlaceholder,
-      // @ts-ignore
-      onChange: handleAddressChange
-    }))]
-  });
-};
-// @ts-ignore
-var _default = exports.default = /*#__PURE__*/(0, _react.memo)(ProAddressBar);