tdesign-react 0.18.2 → 0.19.0

package/cjs/slider/type.d.ts

@@ -0,0 +1,74 @@
+/**
+ * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
+ * updated at 2021-12-01 14:46:40
+ * */
+import { InputNumberProps } from '../input-number';
+import { TooltipProps } from '../tooltip';
+import { TNode } from '../common';
+export interface TdSliderProps {
+    /**
+     * 是否禁用组件
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 用于控制数字输入框组件，值为 false 表示不显示数字输入框；值为 true 表示呈现默认数字输入框；值类型为 Object 表示透传属性到数字输入框组件
+     * @default true
+     */
+    inputNumberProps?: InputNumberProps;
+    /**
+     * 滑块当前值文本。值为 true 显示默认文案，值为 false 不显示滑块当前值文本，值为 `\${value}%` 则表示组件会根据占位符渲染文案
+     */
+    label?: TNode;
+    /**
+     * 滑块布局方向
+     * @default horizontal
+     */
+    layout?: 'vertical' | 'horizontal';
+    /**
+     * 刻度标记，示例：[0, 10, 40, 200] 或者 { 10: (val) => val + '%', 50: (h, val) => <button>{val}</button> }
+     */
+    marks?: Array<number> | SliderMarks;
+    /**
+     * 滑块范围最大值
+     * @default 100
+     */
+    max?: number;
+    /**
+     * 滑块范围最小值
+     * @default 0
+     */
+    min?: number;
+    /**
+     * 双游标滑块
+     * @default false
+     */
+    range?: boolean;
+    /**
+     * 步长
+     * @default 1
+     */
+    step?: number;
+    /**
+     * 透传提示组件属性
+     */
+    tooltipProps?: TooltipProps;
+    /**
+     * 滑块值
+     */
+    value?: SliderValue;
+    /**
+     * 滑块值，非受控属性
+     */
+    defaultValue?: SliderValue;
+    /**
+     * 滑块值变化时触发
+     */
+    onChange?: (value: SliderValue) => void;
+}
+export interface SliderMarks {
+    [mark: number]: string | TNode<{
+        value: number;
+    }>;
+}
+export declare type SliderValue = number | Array<number>;

package/cjs/slider/type.js

@@ -0,0 +1,9 @@
+/**
+ * tdesign v0.19.0
+ * (c) 2021 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+//# sourceMappingURL=type.js.map

package/cjs/slider/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/cjs/slider/utils/handleNumber.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */

package/cjs/steps/StepItem.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { TdStepItemProps } from '../_type/components/steps';
-import { StyledProps } from '../_type';
+import { TdStepItemProps } from './type';
+import { StyledProps } from '../common';
 export interface StepItemProps extends TdStepItemProps, StyledProps {
     /**
      * Step的额外的内容以子元素的形式传入

package/cjs/steps/StepItem.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -8,7 +8,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../_chunks/dep-3690810b.js');
+var defineProperty = require('../_chunks/dep-4c7f195b.js');
 var React = require('react');
 var classNames = require('classnames');
 var tdesignIconsReact = require('tdesign-icons-react');
@@ -35,7 +35,6 @@ function StepItem(props) {
 
   var _useContext = React.useContext(steps_StepsContext["default"]),
       current = _useContext.current,
-      currentStatus = _useContext.currentStatus,
       theme = _useContext.theme;
 
   var _useConfig = _util_useConfig["default"](),
@@ -45,17 +44,13 @@ function StepItem(props) {
     if (value < current) {
       status = "finish";
     } else if (value === current) {
-      if (currentStatus) {
-        status = currentStatus;
-      } else {
-        status = "process";
-      }
+      status = "process";
     } else {
-      status = "wait";
+      status = "default";
     }
   }
 
-  var className = classNames__default["default"]((_classnames = {}, defineProperty._defineProperty(_classnames, "".concat(classPrefix, "-steps-item"), true), defineProperty._defineProperty(_classnames, "".concat(classPrefix, "-steps-item--wait"), status === "wait"), defineProperty._defineProperty(_classnames, "".concat(classPrefix, "-steps-item--error"), status === "error"), defineProperty._defineProperty(_classnames, "".concat(classPrefix, "-steps-item--finish"), status === "finish"), defineProperty._defineProperty(_classnames, "".concat(classPrefix, "-steps-item--process"), status === "process"), defineProperty._defineProperty(_classnames, props.className, !!props.className), _classnames));
+  var className = classNames__default["default"]((_classnames = {}, defineProperty._defineProperty(_classnames, "".concat(classPrefix, "-steps-item"), true), defineProperty._defineProperty(_classnames, "".concat(classPrefix, "-steps-item--wait"), status === "default"), defineProperty._defineProperty(_classnames, "".concat(classPrefix, "-steps-item--error"), status === "error"), defineProperty._defineProperty(_classnames, "".concat(classPrefix, "-steps-item--finish"), status === "finish"), defineProperty._defineProperty(_classnames, "".concat(classPrefix, "-steps-item--process"), status === "process"), defineProperty._defineProperty(_classnames, props.className, !!props.className), _classnames));
   var valueNum = Number(value);
   var iconEle = null;
 
@@ -75,7 +70,7 @@ function StepItem(props) {
         }, /* @__PURE__ */React__default["default"].createElement(tdesignIconsReact.CheckIcon, null));
         break;
 
-      case "wait":
+      case "default":
       case "process":
         iconEle = /* @__PURE__ */React__default["default"].createElement("span", {
           className: "".concat(classPrefix, "-steps-item-icon__number")

package/cjs/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/components/steps';\nimport { StyledProps } from '../_type';\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, currentStatus, 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      if (currentStatus) {\n        status = currentStatus;\n      } else {\n        status = 'process';\n      }\n    } else {\n      // 3. 本步骤序号大于当前步骤，默认为wait\n      status = 'wait';\n    }\n  }\n\n  const className = classnames({\n    [`${classPrefix}-steps-item`]: true,\n    [`${classPrefix}-steps-item--wait`]: status === 'wait',\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 'wait':\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":["props","icon","title","content","value","children","style","status","useContext","StepsContext","current","currentStatus","theme","useConfig","classPrefix","className","classnames","valueNum","Number","iconEle","CloseIcon","CheckIcon","isNaN","StepItem","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;kBAeiCA,OAAsB;AAAA;;MAC7CC,OAAiDD,MAAjDC;MAAMC,QAA2CF,MAA3CE;MAAOC,UAAoCH,MAApCG;MAASC,QAA2BJ,MAA3BI;MAAOC,WAAoBL,MAApBK;MAAUC,QAAUN,MAAVM;MACzCC,SAAWP,MAAXO;;oBAEoCC,iBAAWC;MAA7CC,sBAAAA;MAASC,4BAAAA;MAAeC,oBAAAA;;mBACRC;MAAhBC,yBAAAA;;MAGJ,CAACP,QAAQ;QACPH,QAAQM,SAAS;eAEV;eACAN,UAAUM,SAAS;UAExBC,eAAe;iBACRA;aACJ;iBACI;;WAEN;eAEI;;;;MAIPI,YAAYC,wGACZF,6BAA2B,6DAC3BA,mCAAiCP,WAAW,+DAC5CO,oCAAkCP,WAAW,gEAC7CO,qCAAmCP,WAAW,iEAC9CO,sCAAoCP,WAAW,wDAClDP,MAAMe,WAAY,CAAC,CAACf,MAAMe;MAGvBE,WAAWC,OAAOd;MAGpBe,UAAU;;MAGVlB,MAAM;cACEA;aACDW,UAAU,WAAW;YAEtBL;WACD;yEAEA,QAAD;AAAMQ,UAAAA,qBAAcD;AAApB,kEACGM,6BAAD;;;WAID;yEAEA,QAAD;AAAML,UAAAA,qBAAcD;AAApB,kEACGO,6BAAD;;;WAID;WACA;yEAEA,QAAD;AAAMN,UAAAA,qBAAcD;AAApB,WACGI,OAAOI,KAAP,CAAaL,QAAb,IAAyBb,KAAzB,GAAiCa,WAAW;;;SAKhD;cACK;;;gEAIT,OAAD;AAAKF,IAAAA,WAAAA,SAAL;AAA2BT,IAAAA,OAAAA;AAA3B,4DACG,OAAD;AAAKS,IAAAA,qBAAcD;AAAnB,4DACG,OAAD;AACEC,IAAAA,qBAAcD,yCAA+BP,WAAW,QAAX,aAAyBO,WAAzB,0BAA2D;AAD1G,KAGGK,iEAEF,OAAD;AAAKJ,IAAAA,qBAAcD;AAAnB,4DACG,OAAD;AAAKC,IAAAA,qBAAcD;AAAnB,KAAoDZ,+DACnD,OAAD;AAAKa,IAAAA,qBAAcD;AAAnB,KAA0DX,UACzDE,kEAAY,OAAD;AAAKU,IAAAA,qBAAcD;AAAnB,KAAoDT,YAAkB;;AAO5FkB,SAASC,WAAT,GAAuB,UAAvB;;;;"}
+{"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":["props","icon","title","content","value","children","style","status","useContext","StepsContext","current","theme","useConfig","classPrefix","className","classnames","valueNum","Number","iconEle","CloseIcon","CheckIcon","isNaN","StepItem","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;kBAeiCA,OAAsB;AAAA;;MAC7CC,OAAiDD,MAAjDC;MAAMC,QAA2CF,MAA3CE;MAAOC,UAAoCH,MAApCG;MAASC,QAA2BJ,MAA3BI;MAAOC,WAAoBL,MAApBK;MAAUC,QAAUN,MAAVM;MACzCC,SAAWP,MAAXO;;oBAEqBC,iBAAWC;MAA9BC,sBAAAA;MAASC,oBAAAA;;mBACOC;MAAhBC,yBAAAA;;MAGJ,CAACN,QAAQ;QACPH,QAAQM,SAAS;eAEV;eACAN,UAAUM,SAAS;eAEnB;WACJ;eAEI;;;;MAIPI,YAAYC,wGACZF,6BAA2B,6DAC3BA,mCAAiCN,WAAW,kEAC5CM,oCAAkCN,WAAW,gEAC7CM,qCAAmCN,WAAW,iEAC9CM,sCAAoCN,WAAW,wDAClDP,MAAMc,WAAY,CAAC,CAACd,MAAMc;MAGvBE,WAAWC,OAAOb;MAGpBc,UAAU;;MAGVjB,MAAM;cACEA;aACDU,UAAU,WAAW;YAEtBJ;WACD;yEAEA,QAAD;AAAMO,UAAAA,qBAAcD;AAApB,kEACGM,6BAAD;;;WAID;yEAEA,QAAD;AAAML,UAAAA,qBAAcD;AAApB,kEACGO,6BAAD;;;WAID;WACA;yEAEA,QAAD;AAAMN,UAAAA,qBAAcD;AAApB,WACGI,OAAOI,KAAP,CAAaL,QAAb,IAAyBZ,KAAzB,GAAiCY,WAAW;;;SAKhD;cACK;;;gEAIT,OAAD;AAAKF,IAAAA,WAAAA,SAAL;AAA2BR,IAAAA,OAAAA;AAA3B,4DACG,OAAD;AAAKQ,IAAAA,qBAAcD;AAAnB,4DACG,OAAD;AACEC,IAAAA,qBAAcD,yCAA+BN,WAAW,QAAX,aAAyBM,WAAzB,0BAA2D;AAD1G,KAGGK,iEAEF,OAAD;AAAKJ,IAAAA,qBAAcD;AAAnB,4DACG,OAAD;AAAKC,IAAAA,qBAAcD;AAAnB,KAAoDX,+DACnD,OAAD;AAAKY,IAAAA,qBAAcD;AAAnB,KAA0DV,UACzDE,kEAAY,OAAD;AAAKS,IAAAA,qBAAcD;AAAnB,KAAoDR,YAAkB;;AAO5FiB,SAASC,WAAT,GAAuB,UAAvB;;;;"}

package/cjs/steps/Steps.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { TdStepsProps } from '../_type/components/steps';
-import { StyledProps } from '../_type';
+import { TdStepsProps } from './type';
+import { StyledProps } from '../common';
 export interface StepsProps extends TdStepsProps, StyledProps {
     children?: React.ReactNode;
 }

package/cjs/steps/Steps.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -8,7 +8,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../_chunks/dep-3690810b.js');
+var defineProperty = require('../_chunks/dep-4c7f195b.js');
 var React = require('react');
 var classNames = require('classnames');
 var _util_useConfig = require('../_util/useConfig.js');
@@ -33,10 +33,8 @@ function Steps(props) {
   var style = props.style,
       _props$current = props.current,
       current = _props$current === void 0 ? 0 : _props$current,
-      _props$direction = props.direction,
-      direction = _props$direction === void 0 ? "horizontal" : _props$direction,
-      _props$status = props.status,
-      status = _props$status === void 0 ? "process" : _props$status,
+      _props$layout = props.layout,
+      layout = _props$layout === void 0 ? "horizontal" : _props$layout,
       _props$theme = props.theme,
       theme = _props$theme === void 0 ? "default" : _props$theme,
       _props$sequence = props.sequence,
@@ -49,7 +47,7 @@ function Steps(props) {
   var _useConfig = _util_useConfig["default"](),
       classPrefix = _useConfig.classPrefix;
 
-  var className = classNames__default["default"]((_classnames = {}, defineProperty._defineProperty(_classnames, "".concat(classPrefix, "-steps"), true), defineProperty._defineProperty(_classnames, "".concat(classPrefix, "-steps--horizontal"), direction === "horizontal"), defineProperty._defineProperty(_classnames, "".concat(classPrefix, "-steps--vertical"), direction === "vertical"), defineProperty._defineProperty(_classnames, "".concat(classPrefix, "-steps--default-anchor"), theme === "default"), defineProperty._defineProperty(_classnames, "".concat(classPrefix, "-steps--positive"), sequence === "positive"), defineProperty._defineProperty(_classnames, "".concat(classPrefix, "-steps--reverse"), sequence === "reverse"), defineProperty._defineProperty(_classnames, "".concat(classPrefix, "-steps--dot-anchor"), theme === "dot"), defineProperty._defineProperty(_classnames, props.className, !!props.className), _classnames));
+  var className = classNames__default["default"]((_classnames = {}, defineProperty._defineProperty(_classnames, "".concat(classPrefix, "-steps"), true), defineProperty._defineProperty(_classnames, "".concat(classPrefix, "-steps--horizontal"), layout === "horizontal"), defineProperty._defineProperty(_classnames, "".concat(classPrefix, "-steps--vertical"), layout === "vertical"), defineProperty._defineProperty(_classnames, "".concat(classPrefix, "-steps--default-anchor"), theme === "default"), defineProperty._defineProperty(_classnames, "".concat(classPrefix, "-steps--positive"), sequence === "positive"), defineProperty._defineProperty(_classnames, "".concat(classPrefix, "-steps--reverse"), sequence === "reverse"), defineProperty._defineProperty(_classnames, "".concat(classPrefix, "-steps--dot-anchor"), theme === "dot"), defineProperty._defineProperty(_classnames, props.className, !!props.className), _classnames));
   var previousRef = React.useRef(current);
   React.useEffect(function () {
     var previous = previousRef.current;
@@ -58,7 +56,7 @@ function Steps(props) {
       onChange(current, previous);
     }
   }, [current, onChange]);
-  var shouldReserve = sequence === "reverse" && direction === "vertical";
+  var shouldReserve = sequence === "reverse" && layout === "vertical";
   var childrenList = React__default["default"].Children.toArray(children);
   var childrenDisplayList = shouldReserve ? childrenList.reverse() : childrenList;
   var optionsDisplayList = shouldReserve ? options.reverse() : options;
@@ -82,7 +80,6 @@ function Steps(props) {
   return /* @__PURE__ */React__default["default"].createElement(steps_StepsContext["default"].Provider, {
     value: {
       current: current,
-      currentStatus: status,
       theme: theme
     }
   }, /* @__PURE__ */React__default["default"].createElement("div", {

package/cjs/steps/Steps.js.map

@@ -1 +1 @@
-{"version":3,"file":"Steps.js","sources":["../../src/steps/Steps.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport classnames from 'classnames';\nimport useConfig from '../_util/useConfig';\nimport { TdStepsProps } from '../_type/components/steps';\nimport { StyledProps } from '../_type';\nimport StepItem from './StepItem';\nimport StepsContext from './StepsContext';\n\nexport interface StepsProps extends TdStepsProps, StyledProps {\n  children?: React.ReactNode;\n}\n\n/**\n * 步骤条组件\n * @param props\n */\nfunction Steps(props: StepsProps) {\n  const {\n    style,\n    current = 0,\n    direction = 'horizontal',\n    status = 'process',\n    theme = 'default',\n    sequence = 'positive',\n    children,\n    onChange,\n    options = [],\n  } = props;\n  const { classPrefix } = useConfig();\n\n  const className = classnames({\n    [`${classPrefix}-steps`]: true,\n    [`${classPrefix}-steps--horizontal`]: direction === 'horizontal',\n    [`${classPrefix}-steps--vertical`]: direction === 'vertical',\n    [`${classPrefix}-steps--default-anchor`]: theme === 'default',\n    [`${classPrefix}-steps--positive`]: sequence === 'positive',\n    [`${classPrefix}-steps--reverse`]: sequence === 'reverse',\n    [`${classPrefix}-steps--dot-anchor`]: theme === 'dot',\n    [props.className]: !!props.className,\n  });\n\n  const previousRef = useRef<number | string>(current);\n\n  // 监听步骤变化\n  useEffect(() => {\n    const previous = previousRef.current;\n    if (previous !== current && onChange) {\n      onChange(current, previous);\n    }\n  }, [current, onChange]);\n\n  const shouldReserve = sequence === 'reverse' && direction === 'vertical';\n\n  // 处理 children 的展示逻辑，生成展示列表供页面循环;\n  const childrenList = React.Children.toArray(children);\n  const childrenDisplayList = shouldReserve ? childrenList.reverse() : childrenList;\n\n  // 处理 options\n  const optionsDisplayList = shouldReserve ? options.reverse() : options;\n\n  // children 优先\n  let stepItemList = null;\n  if (childrenList.length !== 0) {\n    stepItemList = childrenDisplayList.map((child: JSX.Element, index: number) =>\n      React.cloneElement(child, { value: index, ...child.props }),\n    );\n  } else {\n    stepItemList = optionsDisplayList.map((v, index) => <StepItem {...v} value={index} key={index} />);\n  }\n\n  return (\n    <StepsContext.Provider value={{ current, currentStatus: status, theme }}>\n      <div className={className} style={style}>\n        {stepItemList}\n      </div>\n    </StepsContext.Provider>\n  );\n}\n\nSteps.StepItem = StepItem;\nSteps.displayName = 'Steps';\n\nexport default Steps;\n"],"names":["props","style","current","direction","status","theme","sequence","children","onChange","options","useConfig","classPrefix","className","classnames","previousRef","useRef","previous","shouldReserve","childrenList","React","Children","toArray","childrenDisplayList","reverse","optionsDisplayList","stepItemList","length","map","child","index","cloneElement","value","v","StepItem","key","StepsContext","Provider","currentStatus","Steps","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,cAAA,CAAeA,KAAf,EAAkC;AAAA;;MAE9BC,QASED,MATFC;uBASED,MARFE;MAAAA,sCAAU;yBAQRF,MAPFG;MAAAA,0CAAY;sBAOVH,MANFI;MAAAA,oCAAS;qBAMPJ,MALFK;MAAAA,kCAAQ;wBAKNL,MAJFM;MAAAA,wCAAW;MACXC,WAGEP,MAHFO;MACAC,WAEER,MAFFQ;uBAEER,MADFS;MAAAA,sCAAU;;mBAEYC;MAAhBC,yBAAAA;;MAEFC,YAAYC,wGACZF,wBAAsB,6DACtBA,oCAAkCR,cAAc,qEAChDQ,kCAAgCR,cAAc,mEAC9CQ,wCAAsCN,UAAU,kEAChDM,kCAAgCL,aAAa,mEAC7CK,iCAA+BL,aAAa,kEAC5CK,oCAAkCN,UAAU,oDAC/CL,MAAMY,WAAY,CAAC,CAACZ,MAAMY;MAGvBE,cAAcC,aAAwBb;kBAGlC,YAAM;QACRc,WAAWF,YAAYZ;;QACzBc,aAAad,OAAb,IAAwBM,UAAU;eAC3BN,SAASc;;KAEnB,CAACd,OAAD,EAAUM,QAAV;MAEGS,gBAAgBX,aAAa,SAAb,IAA0BH,cAAc;MAGxDe,eAAeC,0BAAMC,QAAN,CAAeC,OAAf,CAAuBd,QAAvB;MACfe,sBAAsBL,gBAAgBC,aAAaK,OAAb,KAAyBL;MAG/DM,qBAAqBP,gBAAgBR,QAAQc,OAAR,KAAoBd;MAG3DgB,eAAe;;MACfP,aAAaQ,MAAb,KAAwB,GAAG;mBACdJ,oBAAoBK,GAApB,CAAwB,UAACC,KAAD,EAAqBC,KAArB;AAAA,0BACrCV,0BAAMW,YAAN,CAAmBF,KAAnB;AAA4BG,QAAAA,OAAOF;AAAnC,SAA6CD,MAAM5B,KAAnD,EADqC;AAAA,KAAxB;SAGV;mBACUwB,mBAAmBG,GAAnB,CAAuB,UAACK,CAAD,EAAIH,KAAJ;AAAA,oEAAeI,2DAAaD;AAAGD,QAAAA,OAAOF;AAAOK,QAAAA,KAAKL;SAAlD;AAAA,KAAvB;;;gEAIdM,8BAAaC,UAAd;AAAuBL,IAAAA,OAAO;AAAE7B,MAAAA,SAAAA,OAAF;AAAWmC,MAAAA,eAAejC,MAA1B;AAAkCC,MAAAA,OAAAA;AAAlC;AAA9B,4DACG,OAAD;AAAKO,IAAAA,WAAAA,SAAL;AAA2BX,IAAAA,OAAAA;AAA3B,KACGwB;;;AAMTa,MAAML,QAAN,GAAiBA,yBAAjB;AACAK,MAAMC,WAAN,GAAoB,OAApB;;;;"}
+{"version":3,"file":"Steps.js","sources":["../../src/steps/Steps.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport classnames from 'classnames';\nimport useConfig from '../_util/useConfig';\nimport { TdStepsProps } from './type';\nimport { StyledProps } from '../common';\nimport StepItem from './StepItem';\nimport StepsContext from './StepsContext';\n\nexport interface StepsProps extends TdStepsProps, StyledProps {\n  children?: React.ReactNode;\n}\n\n/**\n * 步骤条组件\n * @param props\n */\nfunction Steps(props: StepsProps) {\n  const {\n    style,\n    current = 0,\n    layout = 'horizontal',\n    theme = 'default',\n    sequence = 'positive',\n    children,\n    onChange,\n    options = [],\n  } = props;\n  const { classPrefix } = useConfig();\n\n  const className = classnames({\n    [`${classPrefix}-steps`]: true,\n    [`${classPrefix}-steps--horizontal`]: layout === 'horizontal',\n    [`${classPrefix}-steps--vertical`]: layout === 'vertical',\n    [`${classPrefix}-steps--default-anchor`]: theme === 'default',\n    [`${classPrefix}-steps--positive`]: sequence === 'positive',\n    [`${classPrefix}-steps--reverse`]: sequence === 'reverse',\n    [`${classPrefix}-steps--dot-anchor`]: theme === 'dot',\n    [props.className]: !!props.className,\n  });\n\n  const previousRef = useRef<number | string>(current);\n\n  // 监听步骤变化\n  useEffect(() => {\n    const previous = previousRef.current;\n    if (previous !== current && onChange) {\n      onChange(current, previous);\n    }\n  }, [current, onChange]);\n\n  const shouldReserve = sequence === 'reverse' && layout === 'vertical';\n\n  // 处理 children 的展示逻辑，生成展示列表供页面循环;\n  const childrenList = React.Children.toArray(children);\n  const childrenDisplayList = shouldReserve ? childrenList.reverse() : childrenList;\n\n  // 处理 options\n  const optionsDisplayList = shouldReserve ? options.reverse() : options;\n\n  // children 优先\n  let stepItemList = null;\n  if (childrenList.length !== 0) {\n    stepItemList = childrenDisplayList.map((child: JSX.Element, index: number) =>\n      React.cloneElement(child, { value: index, ...child.props }),\n    );\n  } else {\n    stepItemList = optionsDisplayList.map((v, index) => <StepItem {...v} value={index} key={index} />);\n  }\n\n  return (\n    <StepsContext.Provider value={{ current, theme }}>\n      <div className={className} style={style}>\n        {stepItemList}\n      </div>\n    </StepsContext.Provider>\n  );\n}\n\nSteps.StepItem = StepItem;\nSteps.displayName = 'Steps';\n\nexport default Steps;\n"],"names":["props","style","current","layout","theme","sequence","children","onChange","options","useConfig","classPrefix","className","classnames","previousRef","useRef","previous","shouldReserve","childrenList","React","Children","toArray","childrenDisplayList","reverse","optionsDisplayList","stepItemList","length","map","child","index","cloneElement","value","v","StepItem","key","StepsContext","Provider","Steps","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,cAAA,CAAeA,KAAf,EAAkC;AAAA;;MAE9BC,QAQED,MARFC;uBAQED,MAPFE;MAAAA,sCAAU;sBAORF,MANFG;MAAAA,oCAAS;qBAMPH,MALFI;MAAAA,kCAAQ;wBAKNJ,MAJFK;MAAAA,wCAAW;MACXC,WAGEN,MAHFM;MACAC,WAEEP,MAFFO;uBAEEP,MADFQ;MAAAA,sCAAU;;mBAEYC;MAAhBC,yBAAAA;;MAEFC,YAAYC,wGACZF,wBAAsB,6DACtBA,oCAAkCP,WAAW,qEAC7CO,kCAAgCP,WAAW,mEAC3CO,wCAAsCN,UAAU,kEAChDM,kCAAgCL,aAAa,mEAC7CK,iCAA+BL,aAAa,kEAC5CK,oCAAkCN,UAAU,oDAC/CJ,MAAMW,WAAY,CAAC,CAACX,MAAMW;MAGvBE,cAAcC,aAAwBZ;kBAGlC,YAAM;QACRa,WAAWF,YAAYX;;QACzBa,aAAab,OAAb,IAAwBK,UAAU;eAC3BL,SAASa;;KAEnB,CAACb,OAAD,EAAUK,QAAV;MAEGS,gBAAgBX,aAAa,SAAb,IAA0BF,WAAW;MAGrDc,eAAeC,0BAAMC,QAAN,CAAeC,OAAf,CAAuBd,QAAvB;MACfe,sBAAsBL,gBAAgBC,aAAaK,OAAb,KAAyBL;MAG/DM,qBAAqBP,gBAAgBR,QAAQc,OAAR,KAAoBd;MAG3DgB,eAAe;;MACfP,aAAaQ,MAAb,KAAwB,GAAG;mBACdJ,oBAAoBK,GAApB,CAAwB,UAACC,KAAD,EAAqBC,KAArB;AAAA,0BACrCV,0BAAMW,YAAN,CAAmBF,KAAnB;AAA4BG,QAAAA,OAAOF;AAAnC,SAA6CD,MAAM3B,KAAnD,EADqC;AAAA,KAAxB;SAGV;mBACUuB,mBAAmBG,GAAnB,CAAuB,UAACK,CAAD,EAAIH,KAAJ;AAAA,oEAAeI,2DAAaD;AAAGD,QAAAA,OAAOF;AAAOK,QAAAA,KAAKL;SAAlD;AAAA,KAAvB;;;gEAIdM,8BAAaC,UAAd;AAAuBL,IAAAA,OAAO;AAAE5B,MAAAA,SAAAA,OAAF;AAAWE,MAAAA,OAAAA;AAAX;AAA9B,4DACG,OAAD;AAAKO,IAAAA,WAAAA,SAAL;AAA2BV,IAAAA,OAAAA;AAA3B,KACGuB;;;AAMTY,MAAMJ,QAAN,GAAiBA,yBAAjB;AACAI,MAAMC,WAAN,GAAoB,OAApB;;;;"}

package/cjs/steps/StepsContext.d.ts

@@ -1,8 +1,7 @@
 import React from 'react';
-import { TdStepsProps } from '../_type/components/steps';
+import { TdStepsProps } from './type';
 declare const StepsContext: React.Context<{
     current: TdStepsProps['current'];
-    currentStatus: TdStepsProps['status'];
     theme: TdStepsProps['theme'];
 }>;
 export default StepsContext;

package/cjs/steps/StepsContext.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -16,7 +16,6 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var StepsContext = /*#__PURE__*/React__default["default"].createContext({
   current: 0,
-  currentStatus: "process",
   theme: "default"
 });
 

package/cjs/steps/StepsContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepsContext.js","sources":["../../src/steps/StepsContext.ts"],"sourcesContent":["import React from 'react';\nimport { TdStepsProps } from '../_type/components/steps';\n\nconst StepsContext = React.createContext<{\n  current: TdStepsProps['current'];\n  currentStatus: TdStepsProps['status'];\n  theme: TdStepsProps['theme'];\n}>({ current: 0, currentStatus: 'process', theme: 'default' });\n\nexport default StepsContext;\n"],"names":["StepsContext","React","createContext","current","currentStatus","theme"],"mappings":";;;;;;;;;;;;;;;;IAGMA,4BAAeC,0BAAMC,aAAN,CAIlB;AAAEC,EAAAA,SAAS,CAAX;AAAcC,EAAAA,eAAe,SAA7B;AAAwCC,EAAAA,OAAO;AAA/C,CAJkB;;;;"}
+{"version":3,"file":"StepsContext.js","sources":["../../src/steps/StepsContext.ts"],"sourcesContent":["import React from 'react';\nimport { TdStepsProps } from './type';\n\nconst StepsContext = React.createContext<{\n  current: TdStepsProps['current'];\n  theme: TdStepsProps['theme'];\n}>({ current: 0, theme: 'default' });\n\nexport default StepsContext;\n"],"names":["StepsContext","React","createContext","current","theme"],"mappings":";;;;;;;;;;;;;;;;IAGMA,4BAAeC,0BAAMC,aAAN,CAGlB;AAAEC,EAAAA,SAAS,CAAX;AAAcC,EAAAA,OAAO;AAArB,CAHkB;;;;"}

package/cjs/steps/index.d.ts

@@ -2,6 +2,6 @@ import _Steps from './Steps';
 import './style/index.js';
 export type { StepsProps } from './Steps';
 export type { StepItemProps } from './StepItem';
-export * from '../_type/components/steps';
+export * from './type';
 export declare const Steps: typeof _Steps;
 export default Steps;

package/cjs/steps/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -9,7 +9,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var steps_Steps = require('./Steps.js');
-require('../_chunks/dep-3690810b.js');
+require('../_chunks/dep-4c7f195b.js');
 require('react');
 require('classnames');
 require('../_util/useConfig.js');

package/cjs/steps/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/steps/index.ts"],"sourcesContent":["import _Steps from './Steps';\n\nimport './style/index.js';\n\nexport type { StepsProps } from './Steps';\nexport type { StepItemProps } from './StepItem';\nexport * from '../_type/components/steps';\n\nexport const Steps = _Steps;\nexport default Steps;\n"],"names":["Steps","_Steps"],"mappings":";;;;;;;;;;;;;;;;;;;;;IAQaA,QAAQC;;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/steps/index.ts"],"sourcesContent":["import _Steps from './Steps';\n\nimport './style/index.js';\n\nexport type { StepsProps } from './Steps';\nexport type { StepItemProps } from './StepItem';\nexport * from './type';\n\nexport const Steps = _Steps;\nexport default Steps;\n"],"names":["Steps","_Steps"],"mappings":";;;;;;;;;;;;;;;;;;;;;IAQaA,QAAQC;;;;;"}

package/cjs/steps/type.d.ts

@@ -0,0 +1,76 @@
+/**
+ * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
+ * updated at 2021-12-01 14:46:40
+ * */
+import { TNode } from '../common';
+import { MouseEvent } from 'react';
+export interface TdStepsProps {
+    /**
+     * 当前步骤
+     */
+    current?: string | number;
+    /**
+     * 当前步骤，非受控属性
+     */
+    defaultCurrent?: string | number;
+    /**
+     * 步骤条方向，有两种：横向和纵向
+     * @default horizontal
+     */
+    layout?: 'horizontal' | 'vertical';
+    /**
+     * 步骤条数据列表（作用和 StepItem 效果一样）
+     */
+    options?: Array<TdStepItemProps>;
+    /**
+     * 步骤条顺序，纵向步骤有效（direction = horizontal）
+     * @default positive
+     */
+    sequence?: 'positive' | 'reverse';
+    /**
+     * 步骤条风格
+     * @default default
+     */
+    theme?: 'default' | 'dot';
+    /**
+     * 当前步骤发生变化时触发
+     */
+    onChange?: (current: string | number, previous: string | number, context?: {
+        e?: MouseEvent<HTMLDivElement>;
+    }) => void;
+}
+export interface TdStepItemProps {
+    /**
+     * 步骤描述，同 content
+     */
+    children?: TNode;
+    /**
+     * 步骤描述
+     * @default ''
+     */
+    content?: TNode;
+    /**
+     * 显示在步骤描述下方的额外内容，比如：操作项
+     */
+    extra?: TNode;
+    /**
+     * 图标，默认显示内置图标，也可以自定义图标
+     * @default true
+     */
+    icon?: TNode;
+    /**
+     * 当前步骤的状态
+     * @default default
+     */
+    status?: StepStatus;
+    /**
+     * 标题
+     * @default ''
+     */
+    title?: TNode;
+    /**
+     * 当前步骤标识
+     */
+    value?: string | number;
+}
+export declare type StepStatus = 'default' | 'process' | 'finish' | 'error';

package/cjs/steps/type.js

@@ -0,0 +1,9 @@
+/**
+ * tdesign v0.19.0
+ * (c) 2021 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+//# sourceMappingURL=type.js.map

package/cjs/steps/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/cjs/sticky-tool/type.d.ts

@@ -0,0 +1,78 @@
+/**
+ * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
+ * updated at 2021-12-01 14:46:40
+ * */
+import { PopupProps } from '../popup';
+import { TNode, TElement } from '../common';
+import { MouseEvent } from 'react';
+export interface TdStickyToolProps {
+    /**
+     * 默认是否折叠
+     * @default false
+     */
+    collapsed?: boolean;
+    /**
+     * 是否可拖拽
+     * @default false
+     */
+    draggable?: boolean;
+    /**
+     * 自定义折叠入口，collapsed 值为 true 有效
+     */
+    entrance?: TElement;
+    /**
+     * 列表
+     * @default []
+     */
+    list?: Array<TdStickyItemProps>;
+    /**
+     * 相对于 placement 的偏移量，示例：[-10, 20] 或 ['10em', '8rem']
+     */
+    offset?: Array<string | number>;
+    /**
+     * 固定位置
+     * @default right-bottom
+     */
+    placement?: 'right-top' | 'right-center' | 'right-bottom' | 'left-top' | 'left-center' | 'left-bottom';
+    /**
+     * 宽度
+     */
+    width?: string | number;
+    /**
+     * 点击某一项时触发
+     */
+    onClick?: (context: {
+        e: MouseEvent<HTMLDivElement>;
+        item: TdStickyItemProps;
+    }) => void;
+    /**
+     * 悬浮到某一项时触发
+     */
+    onHover?: (context: {
+        e: MouseEvent<HTMLDivElement>;
+        item: TdStickyItemProps;
+    }) => void;
+}
+export interface TdStickyItemProps {
+    /**
+     * 图标
+     */
+    icon?: TNode;
+    /**
+     * 名称
+     */
+    label?: TNode;
+    /**
+     * 浮层内容
+     */
+    popup?: TNode;
+    /**
+     * 透传浮层组件全部属性
+     */
+    popupProps?: PopupProps;
+    /**
+     * 触发浮层显示的方式
+     * @default hover
+     */
+    trigger?: 'hover' | 'click';
+}

package/cjs/sticky-tool/type.js

@@ -0,0 +1,9 @@
+/**
+ * tdesign v0.19.0
+ * (c) 2021 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+//# sourceMappingURL=type.js.map

package/cjs/sticky-tool/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/cjs/swiper/Swiper.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { TdSwiperProps } from '../_type/components/swiper';
-import { StyledProps } from '../_type';
+import { TdSwiperProps } from './type';
+import { StyledProps } from '../common';
 export interface SwiperProps extends TdSwiperProps, StyledProps {
     children?: React.ReactNode;
 }

package/cjs/swiper/Swiper.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -8,14 +8,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../_chunks/dep-3690810b.js');
-var slicedToArray = require('../_chunks/dep-7555b3cd.js');
+var defineProperty = require('../_chunks/dep-4c7f195b.js');
+var slicedToArray = require('../_chunks/dep-40a2cedf.js');
 var React = require('react');
 var classNames = require('classnames');
 var _util_useConfig = require('../_util/useConfig.js');
 var _util_noop = require('../_util/noop.js');
 var swiper_SwiperItem = require('./SwiperItem.js');
-require('../_chunks/dep-3a707dd3.js');
+require('../_chunks/dep-e8ae5c27.js');
 require('../config-provider/ConfigContext.js');
 require('../locale/zh_CN.js');
 
@@ -81,15 +81,17 @@ var Swiper = function Swiper(props) {
   }
 
   var swiperItemLength = swiperItemList.length;
-  var swiperTo = React.useCallback(function (index) {
-    onChange(index % childrenLength);
+  var swiperTo = React.useCallback(function (index, context) {
+    onChange(index % childrenLength, context);
     setAnimation(true);
     setCurrentIndex(index);
   }, [childrenLength, onChange]);
   var setTimer = React.useCallback(function () {
     if (autoplay && interval > 0) {
       swiperTimer.current = setTimeout(function () {
-        swiperTo(currentIndex + 1);
+        swiperTo(currentIndex + 1, {
+          source: "autoplay"
+        });
       }, currentIndex === 0 ? interval - (duration + 50) : interval);
     }
   }, [autoplay, currentIndex, duration, interval, swiperTo]);
@@ -101,7 +103,9 @@ var Swiper = function Swiper(props) {
   }, []);
   React.useEffect(function () {
     if (current !== void 0) {
-      swiperTo(current % childrenLength);
+      swiperTo(current % childrenLength, {
+        source: ""
+      });
     }
   }, [current, childrenLength, swiperTo]);
   React.useEffect(function () {
@@ -163,7 +167,9 @@ var Swiper = function Swiper(props) {
       key: i,
       className: i === currentIndex % childrenLength ? "".concat(classPrefix, "-swiper__trigger--active") : "",
       onClick: function onClick() {
-        return swiperTo(i);
+        return swiperTo(i, {
+          source: "touch"
+        });
       }
     });
   })));