@zat-design/sisyphus-react 4.5.9 → 4.5.10-beta.2

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

@@ -1,10 +1,11 @@
-import _isEqual from "lodash/isEqual";
-import _isBoolean from "lodash/isBoolean";
-import _find2 from "lodash/find";
-import _omit from "lodash/omit";
-import { useEffect, useState, memo, useMemo, useCallback } from 'react';
-import { Cascader, Tooltip, message } from 'antd';
-import { useRequest as useRequestFunc, useDeepCompareEffect } from 'ahooks';
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState, memo, useMemo, useCallback } from "react";
+import { Cascader, Tooltip, message } from "antd";
+import omit from "lodash/omit";
+import _find from "lodash/find";
+import isBoolean from "lodash/isBoolean";
+import isEqual from "lodash/isEqual";
+import { useRequest as useRequestFunc, useDeepCompareEffect } from "ahooks";
 import { transformDataName } from "./utils/index";
 import { useProConfig } from "../../../../ProConfigProvider";
 import Input from "../../base/Input";
@@ -12,48 +13,39 @@ import useEnum from "../../../../ProEnum/hooks/useEnum";
 import locale from "../../../../locale";
 import ProForm from "../../..";
 import Container from "../../Container";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const defaultFieldNames = {
-  label: 'name',
-  value: 'code',
-  children: 'children'
-};
+const defaultFieldNames = { label: "name", value: "code", children: "children" };
 const filterDataSource = (dataSource, level, fieldNames) => {
-  return dataSource?.map(item => ({
+  return dataSource == null ? void 0 : dataSource.map((item) => ({
     ...item,
-    [fieldNames?.children || 'children']: level === 1 ? [] : filterDataSource(item?.[fieldNames?.children || 'children'], level - 1, fieldNames)
+    [(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)
   }));
 };
-const getViewLabel = ({
-  dataSource,
-  value
-}) => {
+const getViewLabel = ({ dataSource, value }) => {
   let _value = value;
   const viewLabel = [];
-  // fix: value是string类型，需要转为数组
   if (_value && !Array.isArray(_value)) {
     _value = [value];
   }
-  // 根据dataSource得到label数组，查看模式展示需要
-  _value?.forEach((value, index) => {
-    const temp = dataSource?.find(item => item?.value === value);
-    dataSource = temp?.children || [];
-    viewLabel[index] = 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;
 };
-const ProCascader = props => {
-  const proCascaderConfig = useProConfig('ProCascader');
-  const proAddressBarConfig = useProConfig('ProAddressBar');
+const ProCascader = (props) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+  const proCascaderConfig = useProConfig("ProCascader");
+  const proAddressBarConfig = useProConfig("ProAddressBar");
   const {
     detailMaxLength: configDetailMaxLength,
     enumCode: configEnumCode,
     code: configCode
   } = proCascaderConfig ?? proAddressBarConfig ?? {};
-  const isAddressMode = props?.mode === 'address' || props?.otherProps?.type === '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 : undefined,
+    className = "",
+    hasDetail = isAddressMode ? true : void 0,
     detailMaxLength = isAddressMode ? configDetailMaxLength || 100 : 100,
     fieldNames = defaultFieldNames,
     value,
@@ -63,57 +55,49 @@ const ProCascader = props => {
     useRequest,
     transformResponse,
     // 地址组件需要传入level来判断detail的值放在数组的索引
-    level = isAddressMode ? 3 : undefined,
+    level = isAddressMode ? 3 : void 0,
     isView,
     enumCode = configEnumCode,
     code = configCode,
     tooltip,
-    separator = '/',
+    separator = "/",
     detailPlaceholder,
     scrollFollowParent,
     desensitization,
     otherProps,
     ...restProps
   } = props;
-  const {
-    isView: isViewCon,
-    viewEmpty
-  } = ProForm.useFieldProps() || {};
+  const { isView: isViewCon, viewEmpty } = ProForm.useFieldProps() || {};
   const addressCode = code || enumCode;
-  const realIsView = typeof isView === 'boolean' ? isView : isViewCon;
+  const realIsView = typeof isView === "boolean" ? isView : isViewCon;
   const realLevel = level || 2;
-  const detail = value?.[realLevel];
+  const detail = value == null ? void 0 : value[realLevel];
   const enumData = useEnum(addressCode);
-  const {
-    dics = {}
-  } = useProConfig('ProEnum');
+  const { dics = {} } = useProConfig("ProEnum");
   const enumDataSource = useMemo(() => {
-    if (!props?.mode) {
-      return dics?.[addressCode] || [];
+    if (!(props == null ? void 0 : props.mode)) {
+      return (dics == null ? void 0 : dics[addressCode]) || [];
     }
     return Array.isArray(enumData) ? enumData[0] : [];
-  }, [dics?.[addressCode], enumData]);
+  }, [dics == null ? void 0 : dics[addressCode], enumData]);
   let realDataSource = useMemo(() => {
     const innerDataSource = dataSource || (addressCode ? enumDataSource : []);
-    const result = transformDataName(isAddressMode && realLevel < 3 ? filterDataSource(innerDataSource, level, fieldNames) : innerDataSource, fieldNames);
+    const result = transformDataName(
+      isAddressMode && realLevel < 3 ? filterDataSource(innerDataSource, level, fieldNames) : innerDataSource,
+      fieldNames
+    );
     return result;
-  }, [isAddressMode, addressCode, realLevel, dataSource, enumDataSource?.length]);
+  }, [isAddressMode, addressCode, realLevel, dataSource, enumDataSource == null ? void 0 : enumDataSource.length]);
   const lastDisabled = useMemo(() => {
-    if (_isBoolean(disabled) || disabled === undefined) {
+    if (isBoolean(disabled) || disabled === void 0) {
       return [disabled, disabled];
     }
     return disabled;
   }, [disabled]);
   const [serviceData, setServiceData] = useState([]);
   const [defaultLabel, setDefaultLabel] = useState([]);
-
-  // 默认成功处理函数
-  const defaultOnSuccessFun = res => {
-    const {
-      status = 200,
-      message: msg,
-      data
-    } = res || {};
+  const defaultOnSuccessFun = (res) => {
+    const { status = 200, message: msg, data } = res || {};
     if (status !== 200) {
       message.error(msg);
       return;
@@ -125,106 +109,93 @@ const ProCascader = props => {
     const transFormData = transformDataName(newData, {
       label: fieldNames.label,
       value: fieldNames.value,
-      children: fieldNames?.children || 'children'
+      children: (fieldNames == null ? void 0 : fieldNames.children) || "children"
     });
-    const serviceData = isAddressMode && realLevel < 3 ? filterDataSource(transFormData, level, fieldNames) : transFormData;
-    setServiceData(serviceData);
+    const serviceData2 = isAddressMode && realLevel < 3 ? filterDataSource(transFormData, level, fieldNames) : transFormData;
+    setServiceData(serviceData2);
   };
-
-  // 数据转换处理
-  const successTransformDataHandle = useCallback(res => {
-    if (transformResponse && typeof transformResponse === 'function') {
-      return transformResponse(res);
-    }
-    const {
-      status = 200,
-      message: msg,
-      data
-    } = res || {};
-    if (status !== 200) {
-      message.error(msg);
-      return;
-    }
-    return data;
-  }, [transformResponse]);
-
-  // 使用ahooks的useRequest
-  const fetchFunction = useRequestFunc(useRequest?.service, {
+  const successTransformDataHandle = useCallback(
+    (res) => {
+      if (transformResponse && typeof transformResponse === "function") {
+        return transformResponse(res);
+      }
+      const { status = 200, message: msg, data } = res || {};
+      if (status !== 200) {
+        message.error(msg);
+        return;
+      }
+      return data;
+    },
+    [transformResponse]
+  );
+  const fetchFunction = useRequestFunc(useRequest == null ? void 0 : useRequest.service, {
     manual: true,
     debounceWait: 300,
-    ...useRequest?.options,
-    onSuccess: data => {
-      if (transformResponse && typeof transformResponse === 'function') {
+    ...useRequest == null ? void 0 : useRequest.options,
+    onSuccess: (data) => {
+      var _a2, _b2, _c2;
+      if (transformResponse && typeof transformResponse === "function") {
         const responseData = transformResponse(data);
         const transFormData = transformDataName(responseData, {
           label: fieldNames.label,
           value: fieldNames.value,
-          children: fieldNames?.children || 'children'
+          children: (fieldNames == null ? void 0 : fieldNames.children) || "children"
         });
-        const serviceData = isAddressMode && realLevel < 3 ? filterDataSource(transFormData, level, fieldNames) : transFormData;
-        setServiceData(serviceData);
+        const serviceData2 = isAddressMode && realLevel < 3 ? filterDataSource(transFormData, level, fieldNames) : transFormData;
+        setServiceData(serviceData2);
       } else {
         defaultOnSuccessFun(data);
       }
-      // 执行传入的onSuccess
-      useRequest?.options?.onSuccess?.(data, useRequest?.options?.defaultParams);
+      (_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 = useRequest?.options?.cacheKey ? successTransformDataHandle(fetchFunction?.data) : [];
-
-  // 提取出来默认每次都执行
+  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);
   }
-
-  // 设置缓存数据
   useDeepCompareEffect(() => {
-    if (!serviceData?.length && useRequest?.options?.cacheKey) {
-      if (cacheList?.length) {
+    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?.data]);
-
-  // 初始化请求数据
+  }, [fetchFunction == null ? void 0 : fetchFunction.data]);
   useDeepCompareEffect(() => {
-    if (!useRequest?.service) {
+    var _a2;
+    if (!(useRequest == null ? void 0 : useRequest.service)) {
       return;
     }
-    const {
-      manual
-    } = useRequest?.options || {};
-    if (manual || cacheList?.length) {
+    const { manual } = (useRequest == null ? void 0 : useRequest.options) || {};
+    if (manual || (cacheList == null ? void 0 : cacheList.length)) {
       return;
     }
-
-    // 向后兼容性：优先使用 options.defaultParams，fallback 到 useRequest.defaultParams
-    const defaultParams = useRequest?.options?.defaultParams || useRequest?.defaultParams;
-    const params = Array.isArray(defaultParams) ? defaultParams?.[0] : defaultParams || {};
+    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?.options]);
+  }, [useRequest == null ? void 0 : useRequest.options]);
   useEffect(() => {
     if (realIsView && value) {
-      // 传入dataSource + 查看时初始化展示
-      if (useRequest?.service) {
-        setDefaultLabel(getViewLabel({
-          dataSource: serviceData,
-          value: isAddressMode && hasDetail ? value?.slice(0, realLevel) : value
-        }));
-      } else if (realDataSource?.length > 0) {
-        setDefaultLabel(getViewLabel({
-          dataSource: realDataSource,
-          value: isAddressMode && hasDetail ? 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]);
   const handleChange = (changeValue, selectedOptions) => {
     if (onChange) {
       if (isAddressMode && hasDetail && detail) {
-        // 有详情地址
         const realValue = changeValue || [];
         realValue[realLevel] = detail;
         onChange(realValue, selectedOptions);
@@ -233,54 +204,42 @@ const ProCascader = props => {
       }
     }
   };
-
-  // showSearch中的筛选函数
   const handlefilter = (inputValue, path) => {
-    return path.some(option => {
+    return path.some((option) => {
       return option.label.toLowerCase().indexOf(inputValue.toLowerCase()) > -1;
     });
   };
-  const displayRender = label => {
-    return label?.filter(item => !!item).join('/');
+  const displayRender = (label) => {
+    return label == null ? void 0 : label.filter((item) => !!item).join("/");
   };
-  const addressValue = isAddressMode ? value && value.slice(0, realLevel)?.some(item => !!item) ? value.slice(0, realLevel) : undefined : value;
-  const viewValue = isAddressMode ? [...defaultLabel, value?.[realLevel]]?.filter(item => !!item)?.join(separator) || '-' : defaultLabel?.filter(item => !!item)?.join(separator) || '-';
-  const findSelectedOptions = (options, value, path = []) => {
-    const _value = value ?? [];
-    // 基准情况：如果 value 数组为空，且 path 不为空，说明找到了完整的路径
-    if (_value?.length === 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?.length === 0 || !options || options.length === 0) {
+    if ((_value == null ? void 0 : _value.length) === 0 || !options || options.length === 0) {
       return null;
     }
-
-    // 尝试在当前层级的选项中查找匹配的 _value
     const currentValue = _value[0];
-    const foundOption = _find2(options, {
-      value: currentValue
-    });
+    const foundOption = _find(options, { value: currentValue });
     if (foundOption) {
-      // 如果找到了匹配的选项，并且还有更多的 value 需要匹配，递归地在子选项中查找
       if (_value.length > 1 && foundOption.children) {
         return findSelectedOptions(foundOption.children, _value.slice(1), [...path, foundOption]);
       }
-      // 如果没有更多的 value 需要匹配，返回当前选项（以及之前的路径）
       return [...path, foundOption];
     }
-    // 如果没有在当前层级的选项中找到匹配的 value，返回 null
     return null;
   };
   const _selectedOptions = useMemo(() => {
-    return findSelectedOptions(useRequest?.service ? serviceData : realDataSource, addressValue);
-  }, [useRequest?.service, serviceData, realDataSource, addressValue]);
-  const handleAddressChange = e => {
-    const cascaderValue = value?.slice(0, realLevel);
+    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?.every(item => !item)) {
-        onChange(undefined);
+      if (!e.target.value && (cascaderValue == null ? void 0 : cascaderValue.every((item) => !item))) {
+        onChange(void 0);
       } else {
         const realValue = value ? [...value] : [];
         realValue[realLevel] = e.target.value;
@@ -288,57 +247,55 @@ const ProCascader = props => {
       }
     }
   };
-  return realIsView ? /*#__PURE__*/_jsx(Container, {
-    tooltip: !!tooltip,
-    viewEmpty: viewEmpty,
-    children: viewValue
-  }) : /*#__PURE__*/_jsxs("div", {
-    className: `pro-address ${className}`,
-    children: [/*#__PURE__*/_jsx(Cascader, {
-      className: hasDetail ? '' : 'no-detail',
-      placeholder: locale?.ProAddressBar?.placeholder,
-      value: addressValue,
-      options: useRequest?.service ? serviceData : realDataSource,
-      disabled: lastDisabled[0],
-      loading: fetchFunction?.loading,
-      displayRender: displayRender,
-      showSearch: {
-        filter: handlefilter,
-        limit: 1000
-      },
-      onChange: handleChange,
-      getPopupContainer: trigger => {
-        return scrollFollowParent ? trigger.parentElement : document.body;
-      },
-      ..._omit(restProps, ['otherProps', 'scrollFollowParent'])
-    }), hasDetail && (tooltip && lastDisabled[1] && detail ? /*#__PURE__*/_jsx(Tooltip, {
-      title: detail,
-      children: /*#__PURE__*/_jsx("span", {
-        className: "pro-address-detail",
-        children: /*#__PURE__*/_jsx(Input, {
-          disabled: lastDisabled[1],
-          desensitization: desensitization,
-          otherProps: otherProps,
-          value: detail
-        })
-      })
-    }) : /*#__PURE__*/_jsx(Input, {
-      allowClear: true,
-      autoComplete: "off",
-      disabled: lastDisabled[1],
-      value: detail,
-      maxLength: detailMaxLength,
-      placeholder: detailPlaceholder || locale?.ProAddressBar?.detailPlaceholder,
-      onChange: handleAddressChange,
-      desensitization: desensitization,
-      otherProps: otherProps
-    }))]
-  });
+  return realIsView ? /* @__PURE__ */ jsx(Container, { tooltip: !!tooltip, viewEmpty, children: viewValue }) : /* @__PURE__ */ jsxs("div", { className: `pro-address ${className}`, children: [
+    /* @__PURE__ */ jsx(
+      Cascader,
+      {
+        className: hasDetail ? "" : "no-detail",
+        placeholder: (_h = (_g = locale) == null ? void 0 : _g.ProAddressBar) == null ? void 0 : _h.placeholder,
+        value: addressValue,
+        options: (useRequest == null ? void 0 : useRequest.service) ? serviceData : realDataSource,
+        disabled: lastDisabled[0],
+        loading: fetchFunction == null ? void 0 : fetchFunction.loading,
+        displayRender,
+        showSearch: { filter: handlefilter, limit: 1e3 },
+        onChange: handleChange,
+        getPopupContainer: (trigger) => {
+          return scrollFollowParent ? trigger.parentElement : document.body;
+        },
+        ...omit(restProps, ["otherProps", "scrollFollowParent"])
+      }
+    ),
+    hasDetail && (tooltip && lastDisabled[1] && detail ? /* @__PURE__ */ jsx(Tooltip, { title: detail, children: /* @__PURE__ */ jsx("span", { className: "pro-address-detail", children: /* @__PURE__ */ jsx(
+      Input,
+      {
+        disabled: lastDisabled[1],
+        desensitization,
+        otherProps,
+        value: detail
+      }
+    ) }) }) : /* @__PURE__ */ jsx(
+      Input,
+      {
+        allowClear: true,
+        autoComplete: "off",
+        disabled: lastDisabled[1],
+        value: detail,
+        maxLength: detailMaxLength,
+        placeholder: detailPlaceholder || ((_j = (_i = locale) == null ? void 0 : _i.ProAddressBar) == null ? void 0 : _j.detailPlaceholder),
+        onChange: handleAddressChange,
+        desensitization,
+        otherProps
+      }
+    ))
+  ] });
 };
-export default /*#__PURE__*/memo(ProCascader, (prevProps, nextProps) => {
-  // 基本props比较, 只比较关键的
-  if (!_isEqual(prevProps?.value, nextProps?.value) || prevProps?.disabled !== nextProps?.disabled || !_isEqual(prevProps?.dataSource, nextProps?.dataSource)) {
+var ProCascader_default = memo(ProCascader, (prevProps, nextProps) => {
+  if (!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) || !isEqual(prevProps == null ? void 0 : prevProps.dataSource, nextProps == null ? void 0 : nextProps.dataSource)) {
     return false;
   }
   return true;
-});
+});
+export {
+  ProCascader_default as default
+};

package/es/ProForm/components/combination/ProCascader/propsType.js

@@ -1 +0,0 @@
-export {};

package/es/ProForm/components/combination/ProCascader/utils/index.js

@@ -1,33 +1,24 @@
-import _omit from "lodash/omit";
-export const transformDataName = (dataSource, fieldNames) => {
-  const {
-    label,
-    value,
-    children,
-    ...extraFields
-  } = fieldNames;
-  if (!dataSource?.length || 'label' in dataSource[0] && 'value' in dataSource[0] && 'children' in dataSource[0]) {
+import omit from "lodash/omit";
+const transformDataName = (dataSource, fieldNames) => {
+  const { label, value, children, ...extraFields } = fieldNames;
+  if (!(dataSource == null ? void 0 : dataSource.length) || "label" in dataSource[0] && "value" in dataSource[0] && "children" in dataSource[0]) {
     return dataSource;
   }
   function transformNode(node) {
-    const newNode = {
-      label: node[label],
-      value: node[value]
-    };
-    // 处理额外的字段
-    Object.keys(extraFields).forEach(key => {
+    const newNode = { label: node[label], value: node[value] };
+    Object.keys(extraFields).forEach((key) => {
       newNode[key] = node[extraFields[key]];
     });
     if (children && Array.isArray(node[children])) {
       newNode.children = node[children].map(transformNode);
     }
-    return {
-      ...newNode,
-      ..._omit(node, Object.values(fieldNames))
-    };
+    return { ...newNode, ...omit(node, Object.values(fieldNames)) };
   }
-  const transformData = data => {
+  const transformData = (data) => {
     return data.map(transformNode);
   };
   return transformData(dataSource);
-};
+};
+export {
+  transformDataName
+};