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

package/es/ProSelect/utils/index.js

@@ -1,18 +1,7 @@
-import _difference from "lodash/difference";
-import _isString from "lodash/isString";
-import _isObject from "lodash/isObject";
-import _isNumber from "lodash/isNumber";
-/* eslint-disable no-restricted-syntax */
-/**
- * 查找选择器名称的值
- * @param list 表单列表
- * @param selectName 选择器名称
- * @param value 选择器值
- * @param dataSource 数据源
- * @param labelInValue 是否为labelInValue模式
- * @param fieldNames 字段名
- * @param mode 模式
- */
+import difference from "lodash/difference";
+import isNumber from "lodash/isNumber";
+import isObject from "lodash/isObject";
+import isString from "lodash/isString";
 const findSelectNameValues = ({
   list = [],
   selectName,
@@ -23,65 +12,55 @@ const findSelectNameValues = ({
   mode
 }) => {
   let selectValues = [];
-  list.forEach(item => {
-    let result = item;
-    if (!item || !Object.keys(item).length || Object.keys(item).length === 1 && 'rowKey' in item) {
+  list.forEach((item) => {
+    let result2 = item;
+    if (!item || !Object.keys(item).length || Object.keys(item).length === 1 && "rowKey" in item) {
       return false;
     }
     for (const key of selectName) {
-      result = result[key];
+      result2 = result2[key];
     }
-    if (mode === 'multiple') {
-      selectValues = [...selectValues, ...(result || [])];
+    if (mode === "multiple") {
+      selectValues = [...selectValues, ...result2 || []];
     } else {
-      selectValues.push(result);
+      selectValues.push(result2);
     }
   });
-  const diffList = _difference(selectValues, mode === 'multiple' ? value : [value]);
-  const result = dataSource.filter(item => !diffList.includes(labelInValue ? item : item[fieldNames?.value] || item?.value));
-  const isSingle = list?.find(item => item?._isEditing);
-
-  // 修复单行编辑模式下，选择器无法过滤的问题
-  if (mode === 'multiple' && isSingle) {
-    // 找到当前编辑行
-    const editingRow = list.find(item => item?._isEditing);
-
-    // 收集其他行的已选择值
+  const diffList = difference(selectValues, mode === "multiple" ? value : [value]);
+  const result = dataSource.filter(
+    (item) => !diffList.includes(labelInValue ? item : item[fieldNames == null ? void 0 : fieldNames.value] || (item == null ? void 0 : item.value))
+  );
+  const isSingle = list == null ? void 0 : list.find((item) => item == null ? void 0 : item._isEditing);
+  if (mode === "multiple" && isSingle) {
+    const editingRow = list.find((item) => item == null ? void 0 : item._isEditing);
     const otherRowsValues = [];
-    list.forEach(item => {
+    list.forEach((item) => {
       if (item !== editingRow) {
-        // 排除当前编辑行
-        let result = item;
+        let result2 = item;
         for (const key of selectName) {
-          result = result[key];
+          result2 = result2[key];
         }
-        if (result) {
-          otherRowsValues.push(...(Array.isArray(result) ? result : [result]));
+        if (result2) {
+          otherRowsValues.push(...Array.isArray(result2) ? result2 : [result2]);
         }
       }
     });
-
-    // 获取当前编辑行的已选择值
     let currentRowValues = [];
     if (editingRow) {
-      let result = editingRow;
+      let result2 = editingRow;
       for (const key of selectName) {
-        result = result[key];
+        result2 = result2[key];
       }
-      currentRowValues = Array.isArray(result) ? result : result ? [result] : [];
+      currentRowValues = Array.isArray(result2) ? result2 : result2 ? [result2] : [];
     }
-
-    // 从dataSource中过滤掉其他行的值，但保留当前行的值
-    const diffList = _difference(otherRowsValues, currentRowValues);
-    return dataSource.filter(item => !diffList.includes(labelInValue ? item : item[fieldNames?.value] || item?.value));
+    const diffList2 = difference(otherRowsValues, currentRowValues);
+    return dataSource.filter(
+      (item) => !diffList2.includes(labelInValue ? item : item[fieldNames == null ? void 0 : fieldNames.value] || (item == null ? void 0 : item.value))
+    );
   }
   return result;
 };
-
-/**
- * 返回当前组件可以显示的数据源
- */
-export const getSelectList = ({
+const getSelectList = ({
   otherProps,
   value,
   dataSource,
@@ -92,14 +71,11 @@ export const getSelectList = ({
   if (!otherProps) {
     return null;
   }
-  const {
-    name,
-    listName,
-    form
-  } = otherProps;
-  // 修复formlist无法过滤的问题
-  const _name = Array.isArray(name) && _isNumber(name[0]) ? listName : name;
-  const firstNumberIndex = listName.lastIndexOf(listName.findLast(item => typeof item === 'number'));
+  const { name, listName, form } = otherProps;
+  const _name = Array.isArray(name) && isNumber(name[0]) ? listName : name;
+  const firstNumberIndex = listName.lastIndexOf(
+    listName.findLast((item) => typeof item === "number")
+  );
   const fatherName = (_name || listName).slice(0, firstNumberIndex);
   const selectName = (_name || listName).slice(firstNumberIndex + 1);
   return findSelectNameValues({
@@ -112,12 +88,11 @@ export const getSelectList = ({
     mode
   });
 };
-
-/** 将 selectList（扁平或分组）转为扁平选项列表，用于查找、回显、defaultOne */
-export const flattenOptions = list => {
-  if (!Array.isArray(list) || !list.length) return [];
+const flattenOptions = (list) => {
+  if (!Array.isArray(list) || !list.length)
+    return [];
   const out = [];
-  list.forEach(item => {
+  list.forEach((item) => {
     if (Array.isArray(item.options)) {
       out.push(...item.options);
     } else {
@@ -126,41 +101,29 @@ export const flattenOptions = list => {
   });
   return out;
 };
-
-/**
- * 根据 code 在扁平选项中查找对应的数据对象
- * @param flatOptions 扁平选项列表
- * @param code 值字段名
- * @param input 单个值或值数组
- */
-export const findValueObject = (flatOptions, code, input) => {
+const findValueObject = (flatOptions, code, input) => {
   if (Array.isArray(input) && input.length) {
-    return input.map(i => flatOptions.find(item => item[code] === i)).filter(item => !!item);
+    return input.map((i) => flatOptions.find((item) => item[code] === i)).filter((item) => !!item);
   }
-  return flatOptions.find(item => item[code] === input);
+  return flatOptions.find((item) => item[code] === input);
 };
-
-/** 默认搜索过滤：在 searchText/title/label 中做大小写不敏感的包含匹配 */
-export const defaultFilterOption = (input, option) => {
-  if (option?.value == null) return false;
-  const optionLabel = option?.searchText ?? option?.title ?? option?.label;
-  return String(optionLabel ?? '').toLowerCase().includes(input.toLowerCase());
+const defaultFilterOption = (input, option) => {
+  if ((option == null ? void 0 : option.value) == null)
+    return false;
+  const optionLabel = (option == null ? void 0 : option.searchText) ?? (option == null ? void 0 : option.title) ?? (option == null ? void 0 : option.label);
+  return String(optionLabel ?? "").toLowerCase().includes(input.toLowerCase());
 };
-
-/** 取选项上挂载的原始 record（兼容 option.record / option.data.record） */
-export const getInnerRecord = option => {
-  if (!option) return undefined;
-  if (option.record) return option.record;
-  if (option.data?.record) return option.data.record;
-  return undefined;
+const getInnerRecord = (option) => {
+  var _a;
+  if (!option)
+    return void 0;
+  if (option.record)
+    return option.record;
+  if ((_a = option.data) == null ? void 0 : _a.record)
+    return option.data.record;
+  return void 0;
 };
-
-/**
- * 计算单个选项的展示文本
- * @param optionRender 自定义渲染函数，返回字符串时直接使用
- * @param showCodeName 是否以 code-label 形式展示
- */
-export const getOptionText = ({
+const getOptionText = ({
   item,
   optionRender,
   showCodeName,
@@ -169,34 +132,24 @@ export const getOptionText = ({
 }) => {
   if (optionRender) {
     const rendered = optionRender(item);
-    return _isString(rendered) ? rendered : String(item[label] ?? '');
+    return isString(rendered) ? rendered : String(item[label] ?? "");
   }
   const text = showCodeName ? `${item[code]}-${item[label]}` : item[label];
-  return _isString(text) ? text : String(text ?? '');
+  return isString(text) ? text : String(text ?? "");
 };
-
-/** 构建单个 antd Select option 对象 */
-export const buildOptionItem = (item, index, config) => {
-  const text = getOptionText({
-    item,
-    ...config
-  });
+const buildOptionItem = (item, index, config) => {
+  const text = getOptionText({ item, ...config });
   return {
     key: item[config.code] != null ? `${item[config.code]}-${index}` : `option-${index}`,
     label: text,
-    value: item[config.code] != null ? item[config.code] : undefined,
+    value: item[config.code] != null ? item[config.code] : void 0,
     disabled: !!item.disabled,
     title: text,
     searchText: text,
     record: item
   };
 };
-
-/**
- * 构建 antd Select 的 options（支持分组）
- * @param list 当前数据源（可能含 options 分组项）
- */
-export const buildSelectOptions = (list, config) => {
+const buildSelectOptions = (list, config) => {
   if (!Array.isArray(list)) {
     return [];
   }
@@ -206,27 +159,21 @@ export const buildSelectOptions = (list, config) => {
       return {
         key: item[config.label] ?? `group-${index}`,
         label: item[config.label],
-        options: groupOptions.map((opt, optIndex) => buildOptionItem(opt, optIndex, config))
+        options: groupOptions.map(
+          (opt, optIndex) => buildOptionItem(opt, optIndex, config)
+        )
       };
     }
     return buildOptionItem(item, index, config);
   });
 };
-
-/**
- * labelInValue 模式下解析 onChange 回调拿到的 option：
- * 多选模式下将 record 合并进每项并清理临时字段，单选直接透传
- */
-export const resolveChangeOption = (rawOption, {
-  mode,
-  isReactNode
-}) => {
+const resolveChangeOption = (rawOption, { mode, isReactNode }) => {
   let option = rawOption;
   if (isReactNode) {
     option = getInnerRecord(rawOption);
   }
-  if (mode === 'multiple' && Array.isArray(option)) {
-    option.forEach(item => {
+  if (mode === "multiple" && Array.isArray(option)) {
+    option.forEach((item) => {
       const currentRecord = getInnerRecord(item);
       if (currentRecord) {
         Object.assign(item, currentRecord);
@@ -237,26 +184,18 @@ export const resolveChangeOption = (rawOption, {
   }
   return option;
 };
-
-/**
- * 计算 onChange 第一个参数（值）：根据 labelInValue/getChangeValue 决定透传原始值还是值对象
- */
-export const computeChangeValue = (value, {
+const computeChangeValue = (value, {
   labelInValue,
   mode,
   getChangeValue,
   flatOptions,
   code
 }) => {
-  const useValueObject = labelInValue && (mode === 'multiple' || !mode);
+  const useValueObject = labelInValue && (mode === "multiple" || !mode);
   const resolved = useValueObject ? findValueObject(flatOptions, code, value) : value;
   return getChangeValue ? getChangeValue(resolved) : resolved;
 };
-
-/**
- * 处理 labelInValue 模式及 defaultOne 下值的回填（只返回值，不触发状态更新）
- */
-export const computeTransformValue = ({
+const computeTransformValue = ({
   value,
   labelInValue,
   mode,
@@ -266,21 +205,36 @@ export const computeTransformValue = ({
   flatOptions,
   code
 }) => {
+  var _a;
   if (labelInValue && !mode) {
-    if (!_isObject(value)) return undefined;
-    return value?.[code] || value?.value;
+    if (!isObject(value))
+      return void 0;
+    return (value == null ? void 0 : value[code]) || (value == null ? void 0 : value.value);
   }
   if (labelInValue && mode) {
-    if (!Array.isArray(value)) return [];
-    return value.map(item => item?.[code]);
+    if (!Array.isArray(value))
+      return [];
+    return value.map((item) => item == null ? void 0 : item[code]);
   }
-  // 兼容多选下显式传 null 的极端场景
-  if (mode && value === null) return undefined;
-  // 仅当 dataSource 只有一项时默认回填
-  if (defaultOne && !value && !isDefaultOne && selectList?.length === 1) {
-    return flatOptions[0]?.[code];
+  if (mode && value === null)
+    return void 0;
+  if (defaultOne && !value && !isDefaultOne && (selectList == null ? void 0 : selectList.length) === 1) {
+    return (_a = flatOptions[0]) == null ? void 0 : _a[code];
   }
-  // 修复空字符 placeholder 不显示
-  if (value === '') return undefined;
+  if (value === "")
+    return void 0;
   return value;
-};
+};
+export {
+  buildOptionItem,
+  buildSelectOptions,
+  computeChangeValue,
+  computeTransformValue,
+  defaultFilterOption,
+  findValueObject,
+  flattenOptions,
+  getInnerRecord,
+  getOptionText,
+  getSelectList,
+  resolveChangeOption
+};

package/es/ProStep/components/Anchor/index.js

@@ -1,35 +1,17 @@
-import cn from 'classnames';
-import { Badge } from 'antd';
+import { jsx, jsxs } from "react/jsx-runtime";
+import cn from "classnames";
+import { Badge } from "antd";
 import { handleScroll as defaultHandleScroll } from "../../utils";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const AnchorSvg = ({
-  color
-}) => {
-  return /*#__PURE__*/_jsxs("svg", {
-    viewBox: "0 0 1097 1024",
-    width: "18",
-    height: "18",
-    style: {
-      fill: color
-    },
-    children: [/*#__PURE__*/_jsx("path", {
-      d: "M570.514286 0a512 512 0 1 1 0 1024A512 512 0 0 1 570.514286 0z m0 73.142857a438.857143 438.857143 0 1 0 0 877.714286A438.857143 438.857143 0 0 0 570.514286 73.142857z"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M570.514286 512m-365.714286 0a365.714286 365.714286 0 1 0 731.428571 0 365.714286 365.714286 0 1 0-731.428571 0Z"
-    })]
-  });
+const AnchorSvg = ({ color }) => {
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 1097 1024", width: "18", height: "18", style: { fill: color }, children: [
+    /* @__PURE__ */ jsx("path", { d: "M570.514286 0a512 512 0 1 1 0 1024A512 512 0 0 1 570.514286 0z m0 73.142857a438.857143 438.857143 0 1 0 0 877.714286A438.857143 438.857143 0 0 0 570.514286 73.142857z" }),
+    /* @__PURE__ */ jsx("path", { d: "M570.514286 512m-365.714286 0a365.714286 365.714286 0 1 0 731.428571 0 365.714286 365.714286 0 1 0-731.428571 0Z" })
+  ] });
 };
 const SuccessSvg = () => {
-  return /*#__PURE__*/_jsx("svg", {
-    viewBox: "0 0 1408 1024",
-    width: "18",
-    height: "18",
-    children: /*#__PURE__*/_jsx("path", {
-      d: "M496.64 906.24a113.92 113.92 0 0 0 161.28 0l691.2-691.2A113.92 113.92 0 1 0 1187.84 53.76L572.416 659.456 296.96 384a113.92 113.92 0 1 0-161.28 161.28l360.96 360.96z"
-    })
-  });
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 1408 1024", width: "18", height: "18", children: /* @__PURE__ */ jsx("path", { d: "M496.64 906.24a113.92 113.92 0 0 0 161.28 0l691.2-691.2A113.92 113.92 0 1 0 1187.84 53.76L572.416 659.456 296.96 384a113.92 113.92 0 1 0-161.28 161.28l360.96 360.96z" }) });
 };
-export const MenuItem = props => {
+const MenuItem = (props) => {
   const {
     name,
     code,
@@ -47,66 +29,73 @@ export const MenuItem = props => {
   } = props;
   const renderMenuIcon = () => {
     if (isCurrentStep) {
-      return /*#__PURE__*/_jsx("span", {
-        className: cn('pro-step-dot-icon', {
-          errored: !!errorNum,
-          disabled: isDisabled
-        }),
-        children: currentNum
-      });
+      return /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: cn("pro-step-dot-icon", {
+            errored: !!errorNum,
+            disabled: isDisabled
+          }),
+          children: currentNum
+        }
+      );
     }
     let color;
-    !!errorNum && (color = '#ff5050');
-    isDisabled && (color = '#939599');
+    !!errorNum && (color = "#ff5050");
+    isDisabled && (color = "#939599");
     if (isStart) {
-      return /*#__PURE__*/_jsx(AnchorSvg, {
-        color: color
-      });
+      return /* @__PURE__ */ jsx(AnchorSvg, { color });
     }
     if (isEnd) {
-      return /*#__PURE__*/_jsx(AnchorSvg, {
-        color: isDisabled ? '#939599' : undefined
-      });
+      return /* @__PURE__ */ jsx(AnchorSvg, { color: isDisabled ? "#939599" : void 0 });
     }
-    return /*#__PURE__*/_jsx("div", {
-      className: cn('pro-step-dot', {
-        errored: !!errorNum,
-        disabled: isDisabled
-      })
-    });
-  };
-  return /*#__PURE__*/_jsxs("div", {
-    className: cn('pro-step-com-menu-item', {
-      errored: !!errorNum,
-      disabled: isDisabled,
-      current: isCurrentStep && onOff
-    }),
-    onClick: () => {
-      onAnchorClick(code, {
-        targetOffset,
-        scrollToError
-      });
-    },
-    children: [/*#__PURE__*/_jsxs("div", {
-      className: "pro-step-menu-item",
-      children: [/*#__PURE__*/_jsx("div", {
-        className: "pro-step-menu-icon",
-        children: renderMenuIcon()
-      }), onOff && /*#__PURE__*/_jsx("div", {
-        className: cn('pro-step-menu-name', {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn("pro-step-dot", {
+          errored: !!errorNum,
           disabled: isDisabled
-        }),
-        children: name
-      })]
-    }), !isDisabled && onOff && /*#__PURE__*/_jsxs("div", {
-      className: "pro-step-checked-status",
-      children: [isChecked && /*#__PURE__*/_jsx(SuccessSvg, {}), errorNum > 0 && /*#__PURE__*/_jsx("div", {
-        className: "pro-step-error-dot",
-        children: /*#__PURE__*/_jsx(Badge, {
-          count: errorNum
         })
-      })]
-    })]
-  });
+      }
+    );
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn("pro-step-com-menu-item", {
+        errored: !!errorNum,
+        disabled: isDisabled,
+        current: isCurrentStep && onOff
+      }),
+      onClick: () => {
+        onAnchorClick(code, {
+          targetOffset,
+          scrollToError
+        });
+      },
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "pro-step-menu-item", children: [
+          /* @__PURE__ */ jsx("div", { className: "pro-step-menu-icon", children: renderMenuIcon() }),
+          onOff && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn("pro-step-menu-name", {
+                disabled: isDisabled
+              }),
+              children: name
+            }
+          )
+        ] }),
+        !isDisabled && onOff && /* @__PURE__ */ jsxs("div", { className: "pro-step-checked-status", children: [
+          isChecked && /* @__PURE__ */ jsx(SuccessSvg, {}),
+          errorNum > 0 && /* @__PURE__ */ jsx("div", { className: "pro-step-error-dot", children: /* @__PURE__ */ jsx(Badge, { count: errorNum }) })
+        ] })
+      ]
+    }
+  );
+};
+var Anchor_default = MenuItem;
+export {
+  MenuItem,
+  Anchor_default as default
 };
-export default MenuItem;

package/es/ProStep/components/Item/index.js

@@ -1,17 +1,16 @@
-import _isBoolean from "lodash/isBoolean";
-// @ts-nocheck
-import { useEffect, useRef } from 'react';
+import { jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
 import LazyLoad, { forceCheck } from "../LazyLoad";
+import isBoolean from "lodash/isBoolean";
 import { useStep } from "../../index";
 import ProCollapse from "../../../ProLayout/components/ProCollapse";
-import { jsx as _jsx } from "react/jsx-runtime";
-// 默认的懒加载配置
 const defaultLazyLoadConfig = {
   height: 200,
   // Default placeholder height
   offset: 100,
   // Start loading when the target is 100px from the viewport
-  once: true // Load only once upon first entry into the viewport
+  once: true
+  // Load only once upon first entry into the viewport
 };
 const ProStepItem = ({
   id,
@@ -22,17 +21,12 @@ const ProStepItem = ({
   order = 0,
   ...restProps
 }) => {
-  const {
-    register,
-    collapse,
-    lazyLoad: globalLazyLoad
-  } = useStep();
+  const { register, collapse, lazyLoad: globalLazyLoad } = useStep();
   const itemRef = useRef(null);
   const lazyLoad = stepLazyLoad ?? globalLazyLoad;
   useEffect(() => {
-    // Schedule registration to avoid re-render issues
     const timeoutId = setTimeout(() => {
-      register?.({
+      register == null ? void 0 : register({
         id,
         title,
         order,
@@ -47,53 +41,52 @@ const ProStepItem = ({
   }, [id, title, order, lazyLoad, restProps, register]);
   const renderChildren = () => {
     if (lazyLoad) {
-      const lazyLoadProps = _isBoolean(lazyLoad) ? defaultLazyLoadConfig : lazyLoad;
-      return /*#__PURE__*/_jsx(LazyLoad, {
-        ...lazyLoadProps,
-        classNamePrefix: id,
-        children: children
-      });
+      const lazyLoadProps = isBoolean(lazyLoad) ? defaultLazyLoadConfig : lazyLoad;
+      return /* @__PURE__ */ jsx(LazyLoad, { ...lazyLoadProps, classNamePrefix: id, children });
     }
     return children;
   };
-
-  // If there's no `register` function or if collapsing is enabled, wrap in ProCollapse
   if (!register || collapse && collapseItem && title) {
-    return /*#__PURE__*/_jsx("div", {
-      ref: itemRef,
-      className: "pro-step-item",
-      id: id,
-      style: {
-        scrollMarginTop: 'var(--pro-step-anchor-offset)'
-      },
-      children: /*#__PURE__*/_jsx(ProCollapse, {
-        title: title,
-        icon: true,
-        ...restProps,
-        onChange: e => {
-          if (lazyLoad) {
-            // 延时执行, 避免在折叠时, 懒加载的元素没有高度
-            setTimeout(() => {
-              forceCheck();
-            }, 100);
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: itemRef,
+        className: "pro-step-item",
+        id,
+        style: { scrollMarginTop: "var(--pro-step-anchor-offset)" },
+        children: /* @__PURE__ */ jsx(
+          ProCollapse,
+          {
+            title,
+            icon: true,
+            ...restProps,
+            onChange: (e) => {
+              var _a;
+              if (lazyLoad) {
+                setTimeout(() => {
+                  forceCheck();
+                }, 100);
+              }
+              (_a = restProps == null ? void 0 : restProps.onChange) == null ? void 0 : _a.call(restProps, e);
+            },
+            children: renderChildren()
           }
-          // 默认执行
-          restProps?.onChange?.(e);
-        },
-        children: renderChildren()
-      })
-    });
+        )
+      }
+    );
   }
-
-  // Otherwise, just render children
-  return /*#__PURE__*/_jsx("div", {
-    ref: itemRef,
-    className: "pro-step-item",
-    id: id,
-    style: {
-      scrollMarginTop: 'var(--pro-step-anchor-offset)'
-    },
-    children: renderChildren()
-  });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: itemRef,
+      className: "pro-step-item",
+      id,
+      style: { scrollMarginTop: "var(--pro-step-anchor-offset)" },
+      children: renderChildren()
+    }
+  );
+};
+var Item_default = ProStepItem;
+export {
+  Item_default as default
 };
-export default ProStepItem;