tdesign-react 0.33.1 → 0.33.2

package/esm/slider/SliderHandleButton.js

@@ -1,18 +1,18 @@
 /**
- * tdesign v0.33.1
+ * tdesign v0.33.2
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-47b7c0d2.js';
-import { _ as _slicedToArray } from '../_chunks/dep-6f4668cb.js';
+import { _ as _defineProperty } from '../_chunks/dep-25d5498c.js';
+import { _ as _slicedToArray } from '../_chunks/dep-3f6e6a10.js';
 import React, { useState } from 'react';
 import classNames from 'classnames';
 import Tooltip from '../tooltip/Tooltip.js';
-import '../_chunks/dep-7147c831.js';
-import '../_chunks/dep-0685b0e1.js';
-import '../_chunks/dep-f59d3651.js';
-import '../_chunks/dep-bf5b1132.js';
+import '../_chunks/dep-59e5dea8.js';
+import '../_chunks/dep-c3768276.js';
+import '../_chunks/dep-c0617d36.js';
+import '../_chunks/dep-ef7b8824.js';
 import '../popup/index.js';
 import '../popup/Popup.js';
 import 'react-transition-group';
@@ -21,28 +21,28 @@ import '../_util/useDefault.js';
 import '../_util/noop.js';
 import '../_util/useAnimation.js';
 import '../_util/useConfig.js';
-import '../_chunks/dep-cb1fa66f.js';
-import '../_chunks/dep-a33c0e7c.js';
-import '../_chunks/dep-d99fec14.js';
-import '../_chunks/dep-7e89f803.js';
-import '../_chunks/dep-99e7cc9b.js';
-import '../_chunks/dep-99b6334a.js';
-import '../_chunks/dep-04a9dc7e.js';
-import '../_chunks/dep-00ecbc11.js';
-import '../_chunks/dep-c988d048.js';
-import '../_chunks/dep-8f9f424d.js';
-import '../_chunks/dep-93161a1a.js';
-import '../_chunks/dep-e040ee5c.js';
-import '../_chunks/dep-ed7e0192.js';
-import '../_chunks/dep-f2595f47.js';
-import '../_chunks/dep-6cc3662f.js';
-import '../_chunks/dep-a2bd622b.js';
-import '../_chunks/dep-c8373152.js';
-import '../_chunks/dep-8fea7fb5.js';
-import '../_chunks/dep-4cc036f1.js';
-import '../_chunks/dep-6e16f4e7.js';
-import '../_chunks/dep-4d3d91dd.js';
-import '../_chunks/dep-fbecf554.js';
+import '../_chunks/dep-b7d37d69.js';
+import '../_chunks/dep-bcfda94b.js';
+import '../_chunks/dep-e276de1d.js';
+import '../_chunks/dep-915d1cf4.js';
+import '../_chunks/dep-512f416a.js';
+import '../_chunks/dep-730b5017.js';
+import '../_chunks/dep-b0ab587c.js';
+import '../_chunks/dep-b6ac83b3.js';
+import '../_chunks/dep-2301875a.js';
+import '../_chunks/dep-14c2a3b4.js';
+import '../_chunks/dep-9de79a76.js';
+import '../_chunks/dep-eff29022.js';
+import '../_chunks/dep-5799d759.js';
+import '../_chunks/dep-cc41fc2a.js';
+import '../_chunks/dep-0c97cf85.js';
+import '../_chunks/dep-1815b025.js';
+import '../_chunks/dep-ded6f9e8.js';
+import '../_chunks/dep-b7865e7c.js';
+import '../_chunks/dep-acb05a99.js';
+import '../_chunks/dep-c4190bcd.js';
+import '../_chunks/dep-efaacd90.js';
+import '../_chunks/dep-0b2e283f.js';
 import '../locale/zh_CN.js';
 import '../_common/js/global-config/locale/zh_CN.js';
 import '../config-provider/zh_CN_config.js';
@@ -51,15 +51,15 @@ import '../common/Portal.js';
 import 'react-dom';
 import '../_util/dom.js';
 import 'raf';
-import '../_chunks/dep-f9af608c.js';
+import '../_chunks/dep-7963b6d9.js';
 import '../_util/easing.js';
 import '../popup/hooks/useTriggerProps.js';
 import '../_util/useClickOutside.js';
 import '../popup/utils/getTransitionParams.js';
 import '../_util/useMutationObserver.js';
-import '../_chunks/dep-cc631bf6.js';
-import '../_chunks/dep-8d388d12.js';
-import '../_chunks/dep-ba9c49d2.js';
+import '../_chunks/dep-0ab9b606.js';
+import '../_chunks/dep-d494e939.js';
+import '../_chunks/dep-7bd9b493.js';
 import '../_util/useWindowSize.js';
 import '../popup/style/index.js';
 import '../popup/type.js';

package/esm/slider/defaultProps.d.ts

@@ -0,0 +1,5 @@
+/**
+ * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
+ * */
+import { TdSliderProps } from './type';
+export declare const sliderDefaultProps: TdSliderProps;

package/esm/slider/defaultProps.js

@@ -0,0 +1,19 @@
+/**
+ * tdesign v0.33.2
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+var sliderDefaultProps = {
+  disabled: false,
+  inputNumberProps: false,
+  label: true,
+  layout: "horizontal",
+  max: 100,
+  min: 0,
+  range: false,
+  step: 1
+};
+
+export { sliderDefaultProps };
+//# sourceMappingURL=defaultProps.js.map

package/esm/slider/defaultProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultProps.js","sources":["../../src/slider/defaultProps.ts"],"sourcesContent":["/**\n * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC\n * */\n\nimport { TdSliderProps } from './type';\n\nexport const sliderDefaultProps: TdSliderProps = {\n  disabled: false,\n  inputNumberProps: false,\n  label: true,\n  layout: 'horizontal',\n  max: 100,\n  min: 0,\n  range: false,\n  step: 1,\n};\n"],"names":["sliderDefaultProps","disabled","inputNumberProps","label","layout","max","min","range","step"],"mappings":";;;;;;AAAO,IAAMA,kBAAkB,GAAG;AAChCC,EAAAA,QAAQ,EAAE,KADsB;AAEhCC,EAAAA,gBAAgB,EAAE,KAFc;AAGhCC,EAAAA,KAAK,EAAE,IAHyB;AAIhCC,EAAAA,MAAM,EAAE,YAJwB;AAKhCC,EAAAA,GAAG,EAAE,GAL2B;AAMhCC,EAAAA,GAAG,EAAE,CAN2B;AAOhCC,EAAAA,KAAK,EAAE,KAPyB;AAQhCC,EAAAA,IAAI,EAAE,CAAA;AAR0B;;;;"}

package/esm/slider/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.33.1
+ * tdesign v0.33.2
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -7,37 +7,37 @@
 import Slider$1 from './Slider.js';
 import './style/index.js';
 import './type.js';
-import '../_chunks/dep-47b7c0d2.js';
-import '../_chunks/dep-bf5b1132.js';
-import '../_chunks/dep-6f4668cb.js';
-import '../_chunks/dep-7147c831.js';
+import '../_chunks/dep-25d5498c.js';
+import '../_chunks/dep-ef7b8824.js';
+import '../_chunks/dep-3f6e6a10.js';
+import '../_chunks/dep-59e5dea8.js';
 import 'react';
 import 'classnames';
-import '../_chunks/dep-99e7cc9b.js';
-import '../_chunks/dep-f59d3651.js';
-import '../_chunks/dep-99b6334a.js';
-import '../_chunks/dep-04a9dc7e.js';
-import '../_chunks/dep-00ecbc11.js';
-import '../_chunks/dep-f9af608c.js';
-import '../_chunks/dep-4cc036f1.js';
-import '../_chunks/dep-6e16f4e7.js';
-import '../_chunks/dep-f2595f47.js';
+import '../_chunks/dep-512f416a.js';
+import '../_chunks/dep-c0617d36.js';
+import '../_chunks/dep-730b5017.js';
+import '../_chunks/dep-b0ab587c.js';
+import '../_chunks/dep-b6ac83b3.js';
+import '../_chunks/dep-7963b6d9.js';
+import '../_chunks/dep-acb05a99.js';
+import '../_chunks/dep-c4190bcd.js';
+import '../_chunks/dep-cc41fc2a.js';
 import '../_util/useConfig.js';
-import '../_chunks/dep-cb1fa66f.js';
-import '../_chunks/dep-a33c0e7c.js';
-import '../_chunks/dep-d99fec14.js';
-import '../_chunks/dep-7e89f803.js';
-import '../_chunks/dep-c988d048.js';
-import '../_chunks/dep-8f9f424d.js';
-import '../_chunks/dep-93161a1a.js';
-import '../_chunks/dep-e040ee5c.js';
-import '../_chunks/dep-ed7e0192.js';
-import '../_chunks/dep-6cc3662f.js';
-import '../_chunks/dep-a2bd622b.js';
-import '../_chunks/dep-c8373152.js';
-import '../_chunks/dep-8fea7fb5.js';
-import '../_chunks/dep-4d3d91dd.js';
-import '../_chunks/dep-fbecf554.js';
+import '../_chunks/dep-b7d37d69.js';
+import '../_chunks/dep-bcfda94b.js';
+import '../_chunks/dep-e276de1d.js';
+import '../_chunks/dep-915d1cf4.js';
+import '../_chunks/dep-2301875a.js';
+import '../_chunks/dep-14c2a3b4.js';
+import '../_chunks/dep-9de79a76.js';
+import '../_chunks/dep-eff29022.js';
+import '../_chunks/dep-5799d759.js';
+import '../_chunks/dep-0c97cf85.js';
+import '../_chunks/dep-1815b025.js';
+import '../_chunks/dep-ded6f9e8.js';
+import '../_chunks/dep-b7865e7c.js';
+import '../_chunks/dep-efaacd90.js';
+import '../_chunks/dep-0b2e283f.js';
 import '../locale/zh_CN.js';
 import '../_common/js/global-config/locale/zh_CN.js';
 import '../config-provider/zh_CN_config.js';
@@ -45,7 +45,7 @@ import '../_util/useDefault.js';
 import '../_util/noop.js';
 import './utils/handleNumber.js';
 import '../input-number/InputNumber.js';
-import '../_chunks/dep-0685b0e1.js';
+import '../_chunks/dep-c3768276.js';
 import '../_util/useCommonClassName.js';
 import '../_util/useUpdateEffect.js';
 import '../_util/useLayoutEffect.js';
@@ -78,11 +78,11 @@ import '../input/Input.js';
 import '../_util/forwardRefWithStatics.js';
 import 'hoist-non-react-statics';
 import '../_util/helper.js';
-import '../_chunks/dep-a4503b88.js';
-import '../_chunks/dep-76f9888f.js';
-import '../_chunks/dep-ba9c49d2.js';
-import '../_chunks/dep-33f2ee4f.js';
-import '../_chunks/dep-d097c582.js';
+import '../_chunks/dep-15e49f97.js';
+import '../_chunks/dep-6a9f0366.js';
+import '../_chunks/dep-7bd9b493.js';
+import '../_chunks/dep-db5f5154.js';
+import '../_chunks/dep-59484d72.js';
 import '../input/InputGroup.js';
 import '../_util/useDefaultValue.js';
 import '../locale/LocalReceiver.js';
@@ -101,8 +101,8 @@ import '../popup/hooks/useTriggerProps.js';
 import '../_util/useClickOutside.js';
 import '../popup/utils/getTransitionParams.js';
 import '../_util/useMutationObserver.js';
-import '../_chunks/dep-cc631bf6.js';
-import '../_chunks/dep-8d388d12.js';
+import '../_chunks/dep-0ab9b606.js';
+import '../_chunks/dep-d494e939.js';
 import '../_util/useWindowSize.js';
 import '../popup/style/index.js';
 import '../popup/type.js';

package/esm/slider/type.d.ts

@@ -14,10 +14,10 @@ export interface TdSliderProps {
      * 用于控制数字输入框组件，值为 false 表示不显示数字输入框；值为 true 表示呈现默认数字输入框；值类型为 Object 表示透传属性到数字输入框组件
      * @default false
      */
-    inputNumberProps?: InputNumberProps;
+    inputNumberProps?: boolean | InputNumberProps;
     /**
      * 滑块当前值文本。<br />值为 true 显示默认文案；值为 false 不显示滑块当前值文本；<br />值为 `${value}%` 则表示组件会根据占位符渲染文案；<br />值类型为函数时，参数 `value` 标识滑块值，参数 `position=start` 表示范围滑块的起始值，参数 `position=end` 表示范围滑块的终点值
-     * @default false
+     * @default true
      */
     label?: string | boolean | TNode<{
         value: SliderValue;
@@ -29,7 +29,7 @@ export interface TdSliderProps {
      */
     layout?: 'vertical' | 'horizontal';
     /**
-     * 刻度标记，示例：[0, 10, 40, 200] 或者 `{ 10: (val) => val + '%', 50: (h, val) => <button>{val}</button> }`
+     * 刻度标记，示例：[0, 10, 40, 200] 或者 `{ 10: (val) => val + '%', 50: (h) => <button>50</button> }`
      */
     marks?: Array<number> | SliderMarks;
     /**

package/esm/slider/type.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.33.1
+ * tdesign v0.33.2
  * (c) 2022 tdesign
  * @license MIT
  */

package/esm/slider/utils/handleNumber.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.33.1
+ * tdesign v0.33.2
  * (c) 2022 tdesign
  * @license MIT
  */

package/esm/steps/StepItem.d.ts

@@ -2,9 +2,7 @@ import React from 'react';
 import { TdStepItemProps } from './type';
 import { StyledProps } from '../common';
 export interface StepItemProps extends TdStepItemProps, StyledProps {
-    /**
-     * Step的额外的内容以子元素的形式传入
-     */
+    index?: number;
     children?: React.ReactNode;
 }
 declare function StepItem(props: StepItemProps): JSX.Element;

package/esm/steps/StepItem.js

@@ -1,110 +1,101 @@
 /**
- * tdesign v0.33.1
+ * tdesign v0.33.2
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-47b7c0d2.js';
+import { _ as _defineProperty } from '../_chunks/dep-25d5498c.js';
 import React, { useContext } from 'react';
 import classNames from 'classnames';
-import { CheckIcon, CloseIcon } from 'tdesign-icons-react';
+import { CloseIcon, CheckIcon } from 'tdesign-icons-react';
 import useConfig from '../_util/useConfig.js';
 import StepsContext from './StepsContext.js';
-import '../_chunks/dep-cb1fa66f.js';
-import '../_chunks/dep-f59d3651.js';
-import '../_chunks/dep-a33c0e7c.js';
-import '../_chunks/dep-d99fec14.js';
-import '../_chunks/dep-7e89f803.js';
-import '../_chunks/dep-99e7cc9b.js';
-import '../_chunks/dep-99b6334a.js';
-import '../_chunks/dep-bf5b1132.js';
-import '../_chunks/dep-04a9dc7e.js';
-import '../_chunks/dep-00ecbc11.js';
-import '../_chunks/dep-c988d048.js';
-import '../_chunks/dep-8f9f424d.js';
-import '../_chunks/dep-93161a1a.js';
-import '../_chunks/dep-e040ee5c.js';
-import '../_chunks/dep-ed7e0192.js';
-import '../_chunks/dep-f2595f47.js';
-import '../_chunks/dep-6cc3662f.js';
-import '../_chunks/dep-a2bd622b.js';
-import '../_chunks/dep-c8373152.js';
-import '../_chunks/dep-8fea7fb5.js';
-import '../_chunks/dep-4cc036f1.js';
-import '../_chunks/dep-6e16f4e7.js';
-import '../_chunks/dep-4d3d91dd.js';
-import '../_chunks/dep-fbecf554.js';
+import '../_chunks/dep-b7d37d69.js';
+import '../_chunks/dep-c0617d36.js';
+import '../_chunks/dep-bcfda94b.js';
+import '../_chunks/dep-e276de1d.js';
+import '../_chunks/dep-915d1cf4.js';
+import '../_chunks/dep-512f416a.js';
+import '../_chunks/dep-730b5017.js';
+import '../_chunks/dep-ef7b8824.js';
+import '../_chunks/dep-b0ab587c.js';
+import '../_chunks/dep-b6ac83b3.js';
+import '../_chunks/dep-2301875a.js';
+import '../_chunks/dep-14c2a3b4.js';
+import '../_chunks/dep-9de79a76.js';
+import '../_chunks/dep-eff29022.js';
+import '../_chunks/dep-5799d759.js';
+import '../_chunks/dep-cc41fc2a.js';
+import '../_chunks/dep-0c97cf85.js';
+import '../_chunks/dep-1815b025.js';
+import '../_chunks/dep-ded6f9e8.js';
+import '../_chunks/dep-b7865e7c.js';
+import '../_chunks/dep-acb05a99.js';
+import '../_chunks/dep-c4190bcd.js';
+import '../_chunks/dep-efaacd90.js';
+import '../_chunks/dep-0b2e283f.js';
 import '../locale/zh_CN.js';
 import '../_common/js/global-config/locale/zh_CN.js';
 import '../config-provider/zh_CN_config.js';
 
 function StepItem(props) {
-  var _classnames;
+  var _classNames;
 
-  var icon = props.icon,
+  var index = props.index,
+      icon = props.icon,
       title = props.title,
       content = props.content,
       value = props.value,
       children = props.children,
-      style = props.style;
-  var status = props.status;
+      style = props.style,
+      status = props.status;
 
   var _useContext = useContext(StepsContext),
       current = _useContext.current,
-      theme = _useContext.theme;
+      theme = _useContext.theme,
+      onChange = _useContext.onChange,
+      readonly = _useContext.readonly;
 
   var _useConfig = useConfig(),
-      classPrefix = _useConfig.classPrefix;
+      classPrefix = _useConfig.classPrefix,
+      globalStepsConfig = _useConfig.steps;
 
-  if (!status) {
-    if (value < current) {
-      status = "finish";
-    } else if (value === current) {
-      status = "process";
-    } else {
-      status = "default";
-    }
-  }
-
-  var className = classNames((_classnames = {}, _defineProperty(_classnames, "".concat(classPrefix, "-steps-item"), true), _defineProperty(_classnames, "".concat(classPrefix, "-steps-item--wait"), status === "default"), _defineProperty(_classnames, "".concat(classPrefix, "-steps-item--error"), status === "error"), _defineProperty(_classnames, "".concat(classPrefix, "-steps-item--finish"), status === "finish"), _defineProperty(_classnames, "".concat(classPrefix, "-steps-item--process"), status === "process"), _defineProperty(_classnames, props.className, !!props.className), _classnames));
-  var valueNum = Number(value);
-  var iconEle = null;
+  var canClick = status !== "process" && !readonly;
 
-  if (icon) {
-    iconEle = icon;
-  } else if (theme === "default") {
-    switch (status) {
-      case "error":
-        iconEle = /* @__PURE__ */React.createElement("span", {
-          className: "".concat(classPrefix, "-steps-item__icon--number")
-        }, /* @__PURE__ */React.createElement(CloseIcon, null));
-        break;
-
-      case "finish":
-        iconEle = /* @__PURE__ */React.createElement("span", {
-          className: "".concat(classPrefix, "-steps-item__icon--number")
-        }, /* @__PURE__ */React.createElement(CheckIcon, null));
-        break;
+  function renderIcon() {
+    var iconCls = "".concat(classPrefix, "-steps-item__icon--number");
+    if (icon) return /* @__PURE__ */React.createElement("span", {
+      className: iconCls
+    }, icon);
+    if (theme !== "default") return null;
+    if (status === "error") return /* @__PURE__ */React.createElement("span", {
+      className: iconCls
+    }, globalStepsConfig.errorIcon || /* @__PURE__ */React.createElement(CloseIcon, null));
+    if (status === "finish") return /* @__PURE__ */React.createElement("span", {
+      className: iconCls
+    }, /* @__PURE__ */React.createElement(CheckIcon, null));
+    return /* @__PURE__ */React.createElement("span", {
+      className: iconCls
+    }, Number(index) + 1);
+  }
 
-      case "default":
-      case "process":
-        iconEle = /* @__PURE__ */React.createElement("span", {
-          className: "".concat(classPrefix, "-steps-item__icon--number")
-        }, Number.isNaN(valueNum) ? value : valueNum + 1);
-        break;
-    }
-  } else {
-    iconEle = null;
+  function onStepClick(e) {
+    if (!canClick) return;
+    var currentValue = value !== null && value !== void 0 ? value : index;
+    onChange(currentValue, current, {
+      e: e
+    });
   }
 
   return /* @__PURE__ */React.createElement("div", {
-    className: className,
-    style: style
+    style: style,
+    className: classNames((_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "-steps-item"), true), _defineProperty(_classNames, "".concat(classPrefix, "-steps-item--wait"), status === "default"), _defineProperty(_classNames, "".concat(classPrefix, "-steps-item--error"), status === "error"), _defineProperty(_classNames, "".concat(classPrefix, "-steps-item--finish"), status === "finish"), _defineProperty(_classNames, "".concat(classPrefix, "-steps-item--process"), status === "process"), _defineProperty(_classNames, props.className, !!props.className), _classNames))
   }, /* @__PURE__ */React.createElement("div", {
-    className: "".concat(classPrefix, "-steps-item__inner")
+    className: classNames("".concat(classPrefix, "-steps-item__inner"), _defineProperty({}, "".concat(classPrefix, "-steps-item--clickable"), canClick)),
+    onClick: onStepClick
   }, /* @__PURE__ */React.createElement("div", {
-    className: "".concat(classPrefix, "-steps-item__icon ").concat(status === "finish" ? "".concat(classPrefix, "-steps-item-finish") : "")
-  }, iconEle), /* @__PURE__ */React.createElement("div", {
+    className: classNames("".concat(classPrefix, "-steps-item__icon"), _defineProperty({}, "".concat(classPrefix, "-steps-item-").concat(status), status))
+  }, renderIcon()), /* @__PURE__ */React.createElement("div", {
     className: "".concat(classPrefix, "-steps-item__content")
   }, /* @__PURE__ */React.createElement("div", {
     className: "".concat(classPrefix, "-steps-item__title")

package/esm/steps/StepItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepItem.js","sources":["../../src/steps/StepItem.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classnames from 'classnames';\nimport { CloseIcon, CheckIcon } from 'tdesign-icons-react';\nimport useConfig from '../_util/useConfig';\nimport { TdStepItemProps } from './type';\nimport { StyledProps } from '../common';\nimport StepsContext from './StepsContext';\n\nexport interface StepItemProps extends TdStepItemProps, StyledProps {\n  /**\n   * Step的额外的内容以子元素的形式传入\n   */\n  children?: React.ReactNode;\n}\n\nexport default function StepItem(props: StepItemProps) {\n  const { icon, title, content, value, children, style } = props;\n  let { status } = props;\n\n  const { current, theme } = useContext(StepsContext);\n  const { classPrefix } = useConfig();\n\n  // 本步骤组件主动设定了状态，那么以此为准\n  if (!status) {\n    if (value < current) {\n      // 1. 本步骤序号小于当前步骤并且没有设定任何步骤序号，设定状态为 finish\n      status = 'finish';\n    } else if (value === current) {\n      // 2. 本步骤序号等于当前步骤. 默认为process\n      status = 'process';\n    } else {\n      // 3. 本步骤序号大于当前步骤，默认为wait\n      status = 'default';\n    }\n  }\n\n  const className = classnames({\n    [`${classPrefix}-steps-item`]: true,\n    [`${classPrefix}-steps-item--wait`]: status === 'default',\n    [`${classPrefix}-steps-item--error`]: status === 'error',\n    [`${classPrefix}-steps-item--finish`]: status === 'finish',\n    [`${classPrefix}-steps-item--process`]: status === 'process',\n    [props.className]: !!props.className,\n  });\n\n  const valueNum = Number(value);\n\n  // 步骤条每一步展示的图标\n  let iconEle = null;\n  // 1. 主动\n  // 用户自定义 icon 时优先级最高\n  if (icon) {\n    iconEle = icon;\n  } else if (theme === 'default') {\n    // 否则 根据 theme 决定是否展示默认 icon，dot 情况下不展示 icon\n    switch (status) {\n      case 'error':\n        iconEle = (\n          <span className={`${classPrefix}-steps-item__icon--number`}>\n            <CloseIcon />\n          </span>\n        );\n        break;\n      case 'finish':\n        iconEle = (\n          <span className={`${classPrefix}-steps-item__icon--number`}>\n            <CheckIcon />\n          </span>\n        );\n        break;\n      case 'default':\n      case 'process':\n        iconEle = (\n          <span className={`${classPrefix}-steps-item__icon--number`}>\n            {Number.isNaN(valueNum) ? value : valueNum + 1}\n          </span>\n        );\n        break;\n    }\n  } else {\n    iconEle = null;\n  }\n\n  return (\n    <div className={className} style={style}>\n      <div className={`${classPrefix}-steps-item__inner`}>\n        <div\n          className={`${classPrefix}-steps-item__icon ${status === 'finish' ? `${classPrefix}-steps-item-finish` : ''}`}\n        >\n          {iconEle}\n        </div>\n        <div className={`${classPrefix}-steps-item__content`}>\n          <div className={`${classPrefix}-steps-item__title`}>{title}</div>\n          <div className={`${classPrefix}-steps-item__description`}>{content}</div>\n          {children ? <div className={`${classPrefix}-steps-item__extra`}>{children}</div> : null}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nStepItem.displayName = 'StepItem';\n"],"names":["StepItem","props","icon","title","content","value","children","style","status","useContext","StepsContext","current","theme","useConfig","classPrefix","className","classnames","valueNum","Number","iconEle","React","createElement","CloseIcon","CheckIcon","isNaN","displayName"],"mappings":"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"}
+{"version":3,"file":"StepItem.js","sources":["../../src/steps/StepItem.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classNames from 'classnames';\nimport { CloseIcon, CheckIcon } from 'tdesign-icons-react';\nimport useConfig from '../_util/useConfig';\nimport { TdStepItemProps } from './type';\nimport { StyledProps } from '../common';\nimport StepsContext from './StepsContext';\n\nexport interface StepItemProps extends TdStepItemProps, StyledProps {\n  index?: number;\n  children?: React.ReactNode;\n}\n\nexport default function StepItem(props: StepItemProps) {\n  const { index, icon, title, content, value, children, style, status } = props;\n\n  const { current, theme, onChange, readonly } = useContext(StepsContext);\n  const { classPrefix, steps: globalStepsConfig } = useConfig();\n\n  const canClick = status !== 'process' && !readonly;\n\n  // 步骤条每一步展示的图标\n  function renderIcon() {\n    const iconCls = `${classPrefix}-steps-item__icon--number`;\n\n    if (icon) return <span className={iconCls}>{icon}</span>;\n\n    if (theme !== 'default') return null;\n\n    if (status === 'error') return <span className={iconCls}>{globalStepsConfig.errorIcon || <CloseIcon />}</span>;\n\n    if (status === 'finish')\n      return (\n        <span className={iconCls}>\n          <CheckIcon />\n        </span>\n      );\n\n    return <span className={iconCls}>{Number(index) + 1}</span>;\n  }\n\n  function onStepClick(e: React.MouseEvent<HTMLDivElement>) {\n    if (!canClick) return;\n    const currentValue = value ?? index;\n    onChange(currentValue, current, { e });\n  }\n\n  return (\n    <div\n      style={style}\n      className={classNames({\n        [`${classPrefix}-steps-item`]: true,\n        [`${classPrefix}-steps-item--wait`]: status === 'default',\n        [`${classPrefix}-steps-item--error`]: status === 'error',\n        [`${classPrefix}-steps-item--finish`]: status === 'finish',\n        [`${classPrefix}-steps-item--process`]: status === 'process',\n        [props.className]: !!props.className,\n      })}\n    >\n      <div\n        className={classNames(`${classPrefix}-steps-item__inner`, {\n          [`${classPrefix}-steps-item--clickable`]: canClick,\n        })}\n        onClick={onStepClick}\n      >\n        <div\n          className={classNames(`${classPrefix}-steps-item__icon`, {\n            [`${classPrefix}-steps-item-${status}`]: status,\n          })}\n        >\n          {renderIcon()}\n        </div>\n        <div className={`${classPrefix}-steps-item__content`}>\n          <div className={`${classPrefix}-steps-item__title`}>{title}</div>\n          <div className={`${classPrefix}-steps-item__description`}>{content}</div>\n          {children ? <div className={`${classPrefix}-steps-item__extra`}>{children}</div> : null}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nStepItem.displayName = 'StepItem';\n"],"names":["StepItem","props","index","icon","title","content","value","children","style","status","useContext","StepsContext","current","theme","onChange","readonly","useConfig","classPrefix","globalStepsConfig","steps","canClick","renderIcon","iconCls","React","createElement","className","errorIcon","CloseIcon","CheckIcon","Number","onStepClick","e","currentValue","classNames","onClick","displayName"],"mappings":"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"}

package/esm/steps/Steps.d.ts

@@ -1,16 +1,11 @@
 import React from 'react';
 import { TdStepsProps } from './type';
 import { StyledProps } from '../common';
+import StepItem from './StepItem';
 export interface StepsProps extends TdStepsProps, StyledProps {
     children?: React.ReactNode;
 }
-/**
- * 步骤条组件
- * @param props
- */
-declare function Steps(props: StepsProps): JSX.Element;
-declare namespace Steps {
-    var StepItem: typeof import("./StepItem").default;
-    var displayName: string;
-}
+declare const Steps: React.FunctionComponent<StepsProps & React.RefAttributes<any>> & {
+    StepItem: typeof StepItem;
+};
 export default Steps;