tdesign-react 0.23.0 → 0.23.1

package/es/slider/Slider.js

@@ -1,25 +1,25 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-72ef6cf6.js';
-import { _ as _typeof } from '../_chunks/dep-55ec31d6.js';
-import { _ as _slicedToArray } from '../_chunks/dep-442ff40f.js';
+import { _ as _defineProperty } from '../_chunks/dep-b71058fe.js';
+import { _ as _typeof } from '../_chunks/dep-195c3d75.js';
+import { _ as _slicedToArray } from '../_chunks/dep-543c3536.js';
 import React, { forwardRef, useRef, useMemo } from 'react';
 import classNames from 'classnames';
 import useConfig from '../_util/useConfig.js';
 import useDefault from '../_util/useDefault.js';
-import { numberToPencent } from './utils/handleNumber.js';
+import { numberToPercent } from './utils/handleNumber.js';
 import InputNumber from '../input-number/InputNumber.js';
 import SliderHandleButton from './SliderHandleButton.js';
 import { accAdd } from '../_util/number.js';
-import '../_chunks/dep-42dfd306.js';
+import '../_chunks/dep-c7bc4d7c.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
 import '../_util/noop.js';
-import '../_chunks/dep-c611ea38.js';
+import '../_chunks/dep-bc6012b1.js';
 import '../_util/useCommonClassName.js';
 import '../_util/useUpdateEffect.js';
 import '../input-number/StepHandler.js';
@@ -32,18 +32,19 @@ import '../loading/index.js';
 import '../loading/loading.js';
 import '../_util/dom.js';
 import 'raf';
-import '../_chunks/dep-ba7f3134.js';
-import '../_chunks/dep-3882ffcd.js';
-import '../_chunks/dep-9f80f9d6.js';
-import '../_chunks/dep-ae12755c.js';
-import '../_chunks/dep-9f46a2fc.js';
-import '../_chunks/dep-abd9fbed.js';
+import '../_chunks/dep-cf8954fb.js';
+import '../_chunks/dep-60f5bd8f.js';
+import '../_chunks/dep-adec0da9.js';
+import '../_chunks/dep-3222ad5b.js';
+import '../_chunks/dep-73c3d91b.js';
+import '../_chunks/dep-3078962f.js';
 import '../_util/easing.js';
 import '../common/Portal.js';
 import 'react-dom';
 import '../loading/gradient.js';
 import '../_common/js/loading/circle-adapter.js';
 import '../_common/js/utils/set-style.js';
+import '../_common/js/utils/helper.js';
 import './style/css.js';
 import '../loading/type.js';
 import '../loading/plugin.js';
@@ -62,7 +63,6 @@ import '../popup/Popup.js';
 import 'react-transition-group';
 import 'react-popper';
 import '../_util/composeRefs.js';
-import '../popup/Portal.js';
 import '../popup/hooks/useTriggerProps.js';
 import '../_util/useClickOutside.js';
 import '../popup/hooks/usePopupCssTransition.js';
@@ -108,9 +108,9 @@ var Slider = /*#__PURE__*/forwardRef(function (_ref, ref) {
       setValue = _useDefault2[1];
 
   var isVertical = layout === "vertical";
-  var renderVaule = Array.isArray(value) ? value : [min, value];
-  var start = (renderVaule[LEFT_NODE] - min) / (max - min);
-  var width = (renderVaule[RIGHT_NODE] - renderVaule[LEFT_NODE]) / (max - min);
+  var renderValue = Array.isArray(value) ? value : [min, value];
+  var start = (renderValue[LEFT_NODE] - min) / (max - min);
+  var width = (renderValue[RIGHT_NODE] - renderValue[LEFT_NODE]) / (max - min);
   var end = start + width;
   var dots = useMemo(function () {
     if (Array.isArray(marks)) {
@@ -190,7 +190,7 @@ var Slider = /*#__PURE__*/forwardRef(function (_ref, ref) {
 
   var createInput = function createInput(nodeIndex) {
     var inputProps = _typeof(inputNumberProps) === "object" ? inputNumberProps : {};
-    var currentValue = renderVaule[nodeIndex];
+    var currentValue = renderValue[nodeIndex];
     return /* @__PURE__ */React.createElement(InputNumber, _objectSpread({
       theme: "normal",
       value: currentValue,
@@ -205,7 +205,7 @@ var Slider = /*#__PURE__*/forwardRef(function (_ref, ref) {
   };
 
   var nearbyValueChange = function nearbyValueChange(value2) {
-    var buttonBias = Math.abs(value2 - renderVaule[LEFT_NODE]) > Math.abs(value2 - renderVaule[RIGHT_NODE]) ? RIGHT_NODE : LEFT_NODE;
+    var buttonBias = Math.abs(value2 - renderValue[LEFT_NODE]) > Math.abs(value2 - renderValue[RIGHT_NODE]) ? RIGHT_NODE : LEFT_NODE;
     handleInputChange(value2, buttonBias);
   };
 
@@ -245,7 +245,7 @@ var Slider = /*#__PURE__*/forwardRef(function (_ref, ref) {
   };
 
   var createHandleButton = function createHandleButton(nodeIndex, style2) {
-    var currentValue = renderVaule[nodeIndex];
+    var currentValue = renderValue[nodeIndex];
     var tipLabel = typeof label === "string" ? label.replace(/\$\{value\}/g, currentValue.toString()) : label;
     if (tipLabel === true || !tipLabel) tipLabel = currentValue;
     return /* @__PURE__ */React.createElement(SliderHandleButton, {
@@ -274,16 +274,16 @@ var Slider = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }, /* @__PURE__ */React.createElement("div", {
     className: classNames("".concat(classPrefix, "-slider__rail"))
   }, /* @__PURE__ */React.createElement("div", {
-    style: (_style = {}, _defineProperty(_style, startDirection, numberToPencent(start)), _defineProperty(_style, sizeKey, numberToPencent(width)), _style),
+    style: (_style = {}, _defineProperty(_style, startDirection, numberToPercent(start)), _defineProperty(_style, sizeKey, numberToPercent(width)), _style),
     className: classNames("".concat(classPrefix, "-slider__track"))
-  }), range ? createHandleButton(LEFT_NODE, _defineProperty({}, startDirection, numberToPencent(start))) : null, createHandleButton(RIGHT_NODE, _defineProperty({}, startDirection, numberToPencent(end))), /* @__PURE__ */React.createElement("div", {
+  }), range ? createHandleButton(LEFT_NODE, _defineProperty({}, startDirection, numberToPercent(start))) : null, createHandleButton(RIGHT_NODE, _defineProperty({}, startDirection, numberToPercent(end))), /* @__PURE__ */React.createElement("div", {
     className: classNames("".concat(classPrefix, "-slider__step"))
   }, renderDots.map(function (_ref2) {
     var position = _ref2.position,
         value2 = _ref2.value;
     return /* @__PURE__ */React.createElement("div", {
       key: value2,
-      style: _defineProperty({}, stepDirection, numberToPencent(position)),
+      style: _defineProperty({}, stepDirection, numberToPercent(position)),
       className: classNames("".concat(classPrefix, "-slider__stop"))
     });
   })), /* @__PURE__ */React.createElement("div", {
@@ -297,7 +297,7 @@ var Slider = /*#__PURE__*/forwardRef(function (_ref, ref) {
       onClick: function onClick(event) {
         return handleClickMarks(event, value2);
       },
-      style: _defineProperty({}, stepDirection, numberToPencent(position)),
+      style: _defineProperty({}, stepDirection, numberToPercent(position)),
       className: classNames("".concat(classPrefix, "-slider__mark-text"))
     }, label2);
   })))), inputNumberProps ? /* @__PURE__ */React.createElement("div", {

package/es/slider/Slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","sources":["../../src/slider/Slider.tsx"],"sourcesContent":["import React, { forwardRef, useMemo, useRef } from 'react';\nimport classNames from 'classnames';\nimport { TdSliderProps } from './type';\nimport useConfig from '../_util/useConfig';\nimport useDefault from '../_util/useDefault';\nimport { numberToPencent } from './utils/handleNumber';\nimport { StyledProps, TNode } from '../common';\nimport InputNumber from '../input-number/InputNumber';\nimport SliderHandleButton from './SliderHandleButton';\nimport { accAdd } from '../_util/number';\n\nexport type SliderProps = TdSliderProps & StyledProps;\n\nconst LEFT_NODE = 0;\nconst RIGHT_NODE = 1;\ntype SliderHandleNode = typeof LEFT_NODE | typeof RIGHT_NODE;\n\nconst Slider = forwardRef<HTMLDivElement, SliderProps>(\n  (\n    {\n      disabled,\n      inputNumberProps = true,\n      label,\n      layout = 'horizontal',\n      marks,\n      max = 100,\n      min = 0,\n      range,\n      step = 1,\n      tooltipProps,\n      value: propsValue,\n      defaultValue,\n      onChange,\n      className,\n      style,\n    },\n    ref,\n  ) => {\n    const { classPrefix } = useConfig();\n    const sliderRef = useRef<HTMLDivElement>();\n    const [value, setValue] = useDefault(propsValue, defaultValue, onChange);\n    const isVertical = layout === 'vertical';\n\n    const renderVaule = Array.isArray(value) ? value : [min, value];\n    const start = (renderVaule[LEFT_NODE] - min) / (max - min);\n    const width = (renderVaule[RIGHT_NODE] - renderVaule[LEFT_NODE]) / (max - min);\n    const end = start + width;\n\n    const dots: { value: number; label: TNode; position: number }[] = useMemo(() => {\n      // 当 marks 为数字数组\n      if (Array.isArray(marks)) {\n        if (marks.find((mark) => typeof mark !== 'number')) {\n          console.warn('The props \"marks\" only support number!');\n          return [];\n        }\n        return marks.map((mark) => ({\n          value: mark,\n          position: (mark - min) / max,\n          label: mark,\n        }));\n      }\n      // 当 marks 为对象\n      if (marks && typeof marks === 'object') {\n        const result = [];\n        // eslint-disable-next-line guard-for-in\n        for (const key in marks) {\n          const numberKey = Number(key);\n          if (typeof numberKey !== 'number' || !numberKey) {\n            console.warn('The props \"marks\" key only support number!');\n          } else {\n            result.push({\n              value: numberKey,\n              label: marks[numberKey],\n              position: (numberKey - min) / max,\n            });\n          }\n        }\n        return result;\n      }\n      return [];\n    }, [max, min, marks]);\n\n    const allDots = useMemo(() => {\n      // 默认\n      const result = [];\n      for (let i = min; i <= max; i = accAdd(i, step)) {\n        result.push({\n          value: i,\n          position: (i - min) / (max - min),\n        });\n      }\n      return result;\n    }, [max, min, step]);\n\n    const startDirection = isVertical ? 'bottom' : 'left';\n    const stepDirection = isVertical ? 'top' : 'left';\n    const sizeKey = isVertical ? 'height' : 'width';\n    const renderDots = isVertical ? dots.map((item) => ({ ...item, position: 1 - item.position })) : dots;\n\n    const handleInputChange = (newValue: number, nodeIndex: SliderHandleNode) => {\n      const safeValue = Number(newValue.toFixed(32));\n      let resultValue = Math.max(Math.min(max, safeValue), min);\n      // 判断是否出现左值大于右值\n      if (nodeIndex === LEFT_NODE && safeValue > value[RIGHT_NODE]) resultValue = value[RIGHT_NODE];\n      // 判断是否出现右值大于左值\n      if (nodeIndex === RIGHT_NODE && safeValue < value[LEFT_NODE]) resultValue = value[LEFT_NODE];\n      if (Array.isArray(value)) {\n        const arrValue = value.slice();\n        arrValue[nodeIndex] = resultValue;\n        setValue(arrValue);\n      } else {\n        setValue(resultValue);\n      }\n    };\n\n    const createInput = (nodeIndex: SliderHandleNode) => {\n      const inputProps = typeof inputNumberProps === 'object' ? inputNumberProps : {};\n      const currentValue = renderVaule[nodeIndex];\n\n      return (\n        <InputNumber\n          theme=\"normal\"\n          value={currentValue}\n          onChange={(value: number) => handleInputChange(Number(value), nodeIndex)}\n          className={classNames(`${classPrefix}-slider-input`, {\n            'is-vertical': isVertical,\n          })}\n          disabled={disabled}\n          {...inputProps}\n        />\n      );\n    };\n\n    const nearbyValueChange = (value: number) => {\n      const buttonBias =\n        Math.abs(value - renderVaule[LEFT_NODE]) > Math.abs(value - renderVaule[RIGHT_NODE]) ? RIGHT_NODE : LEFT_NODE;\n      handleInputChange(value, buttonBias);\n    };\n\n    const setPosition = (position: number, nodeIndex?: SliderHandleNode) => {\n      let index = 0;\n      let minDistance = 1;\n      for (let i = 0; i < allDots.length; i++) {\n        const diff = Math.abs(allDots[i].position - position);\n        if (minDistance > diff) {\n          index = i;\n          minDistance = diff;\n        }\n      }\n      const { value } = allDots[index];\n      if (nodeIndex === undefined && range) {\n        nearbyValueChange(value);\n      } else {\n        handleInputChange(value, nodeIndex);\n      }\n    };\n\n    const onSliderChange = (event: React.MouseEvent | MouseEvent, nodeIndex?: SliderHandleNode) => {\n      const clientKey = isVertical ? 'clientY' : 'clientX';\n      const sliderPositionInfo = sliderRef.current.getBoundingClientRect();\n      const sliderOffset = sliderPositionInfo[startDirection];\n      const position = ((event[clientKey] - sliderOffset) / sliderPositionInfo[sizeKey]) * (isVertical ? -1 : 1);\n      setPosition(position, nodeIndex);\n    };\n\n    const handleClickMarks = (event: React.MouseEvent, value: number) => {\n      event.stopPropagation();\n      nearbyValueChange(value);\n    };\n\n    const createHandleButton = (nodeIndex: SliderHandleNode, style: React.CSSProperties) => {\n      const currentValue = renderVaule[nodeIndex];\n      // 模板替换\n      let tipLabel = typeof label === 'string' ? label.replace(/\\$\\{value\\}/g, currentValue.toString()) : label;\n      if (tipLabel === true || !tipLabel) tipLabel = currentValue;\n\n      return (\n        <SliderHandleButton\n          toolTipProps={{\n            disabled: label === false,\n            content: tipLabel,\n            ...tooltipProps,\n          }}\n          classPrefix={classPrefix}\n          style={style}\n          onChange={(e) => onSliderChange(e, nodeIndex)}\n        />\n      );\n    };\n\n    return (\n      <div\n        style={{ ...style }}\n        className={classNames(`${classPrefix}-slider__container`, {\n          'is-vertical': isVertical,\n        })}\n        ref={ref}\n      >\n        <div\n          ref={sliderRef}\n          className={classNames(className, `${classPrefix}-slider`, {\n            [`${classPrefix}-is-disabled`]: disabled,\n            [`${classPrefix}-slider--vertical`]: isVertical,\n            [`${classPrefix}-slider--with-input`]: inputNumberProps,\n          })}\n          onClick={onSliderChange}\n        >\n          <div className={classNames(`${classPrefix}-slider__rail`)}>\n            <div\n              style={{ [startDirection]: numberToPencent(start), [sizeKey]: numberToPencent(width) }}\n              className={classNames(`${classPrefix}-slider__track`)}\n            ></div>\n            {range ? createHandleButton(LEFT_NODE, { [startDirection]: numberToPencent(start) }) : null}\n            {createHandleButton(RIGHT_NODE, { [startDirection]: numberToPencent(end) })}\n            <div className={classNames(`${classPrefix}-slider__step`)}>\n              {renderDots.map(({ position, value }) => (\n                <div\n                  key={value}\n                  style={{ [stepDirection]: numberToPencent(position) }}\n                  className={classNames(`${classPrefix}-slider__stop`)}\n                ></div>\n              ))}\n            </div>\n            <div className={classNames(`${classPrefix}-slider__mark`)}>\n              {renderDots.map(({ position, value, label }) => (\n                <div\n                  key={value}\n                  onClick={(event) => handleClickMarks(event, value)}\n                  style={{ [stepDirection]: numberToPencent(position) }}\n                  className={classNames(`${classPrefix}-slider__mark-text`)}\n                >\n                  {label}\n                </div>\n              ))}\n            </div>\n          </div>\n        </div>\n        {inputNumberProps ? (\n          <div\n            className={classNames(`${classPrefix}-slider__input-container`, {\n              'is-vertical': isVertical,\n            })}\n          >\n            {range && createInput(LEFT_NODE)}\n            {createInput(RIGHT_NODE)}\n          </div>\n        ) : null}\n      </div>\n    );\n  },\n);\n\nSlider.displayName = 'Slider';\n\nexport default Slider;\n"],"names":["LEFT_NODE","RIGHT_NODE","Slider","forwardRef","ref","disabled","inputNumberProps","label","layout","marks","max","min","range","step","tooltipProps","propsValue","value","defaultValue","onChange","className","style","useConfig","classPrefix","sliderRef","useRef","useDefault","setValue","isVertical","renderVaule","Array","isArray","start","width","end","dots","useMemo","find","mark","console","warn","map","position","result","key","numberKey","Number","push","allDots","i","accAdd","startDirection","stepDirection","sizeKey","renderDots","item","handleInputChange","newValue","nodeIndex","safeValue","toFixed","resultValue","Math","arrValue","slice","createInput","inputProps","currentValue","React","createElement","InputNumber","theme","value2","classNames","nearbyValueChange","buttonBias","abs","setPosition","index","minDistance","length","diff","onSliderChange","event","clientKey","sliderPositionInfo","current","getBoundingClientRect","sliderOffset","handleClickMarks","stopPropagation","createHandleButton","style2","tipLabel","replace","toString","SliderHandleButton","toolTipProps","content","e","onClick","numberToPencent","label2","displayName"],"mappings":"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"}
+{"version":3,"file":"Slider.js","sources":["../../src/slider/Slider.tsx"],"sourcesContent":["import React, { forwardRef, useMemo, useRef } from 'react';\nimport classNames from 'classnames';\nimport { TdSliderProps } from './type';\nimport useConfig from '../_util/useConfig';\nimport useDefault from '../_util/useDefault';\nimport { numberToPercent } from './utils/handleNumber';\nimport { StyledProps, TNode } from '../common';\nimport InputNumber from '../input-number/InputNumber';\nimport SliderHandleButton from './SliderHandleButton';\nimport { accAdd } from '../_util/number';\n\nexport type SliderProps = TdSliderProps & StyledProps;\n\nconst LEFT_NODE = 0;\nconst RIGHT_NODE = 1;\ntype SliderHandleNode = typeof LEFT_NODE | typeof RIGHT_NODE;\n\nconst Slider = forwardRef<HTMLDivElement, SliderProps>(\n  (\n    {\n      disabled,\n      inputNumberProps = true,\n      label,\n      layout = 'horizontal',\n      marks,\n      max = 100,\n      min = 0,\n      range,\n      step = 1,\n      tooltipProps,\n      value: propsValue,\n      defaultValue,\n      onChange,\n      className,\n      style,\n    },\n    ref,\n  ) => {\n    const { classPrefix } = useConfig();\n    const sliderRef = useRef<HTMLDivElement>();\n    const [value, setValue] = useDefault(propsValue, defaultValue, onChange);\n    const isVertical = layout === 'vertical';\n\n    const renderValue = Array.isArray(value) ? value : [min, value];\n    const start = (renderValue[LEFT_NODE] - min) / (max - min);\n    const width = (renderValue[RIGHT_NODE] - renderValue[LEFT_NODE]) / (max - min);\n    const end = start + width;\n\n    const dots: { value: number; label: TNode; position: number }[] = useMemo(() => {\n      // 当 marks 为数字数组\n      if (Array.isArray(marks)) {\n        if (marks.find((mark) => typeof mark !== 'number')) {\n          console.warn('The props \"marks\" only support number!');\n          return [];\n        }\n        return marks.map((mark) => ({\n          value: mark,\n          position: (mark - min) / max,\n          label: mark,\n        }));\n      }\n      // 当 marks 为对象\n      if (marks && typeof marks === 'object') {\n        const result = [];\n        // eslint-disable-next-line guard-for-in\n        for (const key in marks) {\n          const numberKey = Number(key);\n          if (typeof numberKey !== 'number' || !numberKey) {\n            console.warn('The props \"marks\" key only support number!');\n          } else {\n            result.push({\n              value: numberKey,\n              label: marks[numberKey],\n              position: (numberKey - min) / max,\n            });\n          }\n        }\n        return result;\n      }\n      return [];\n    }, [max, min, marks]);\n\n    const allDots = useMemo(() => {\n      // 默认\n      const result = [];\n      for (let i = min; i <= max; i = accAdd(i, step)) {\n        result.push({\n          value: i,\n          position: (i - min) / (max - min),\n        });\n      }\n      return result;\n    }, [max, min, step]);\n\n    const startDirection = isVertical ? 'bottom' : 'left';\n    const stepDirection = isVertical ? 'top' : 'left';\n    const sizeKey = isVertical ? 'height' : 'width';\n    const renderDots = isVertical ? dots.map((item) => ({ ...item, position: 1 - item.position })) : dots;\n\n    const handleInputChange = (newValue: number, nodeIndex: SliderHandleNode) => {\n      const safeValue = Number(newValue.toFixed(32));\n      let resultValue = Math.max(Math.min(max, safeValue), min);\n      // 判断是否出现左值大于右值\n      if (nodeIndex === LEFT_NODE && safeValue > value[RIGHT_NODE]) resultValue = value[RIGHT_NODE];\n      // 判断是否出现右值大于左值\n      if (nodeIndex === RIGHT_NODE && safeValue < value[LEFT_NODE]) resultValue = value[LEFT_NODE];\n      if (Array.isArray(value)) {\n        const arrValue = value.slice();\n        arrValue[nodeIndex] = resultValue;\n        setValue(arrValue);\n      } else {\n        setValue(resultValue);\n      }\n    };\n\n    const createInput = (nodeIndex: SliderHandleNode) => {\n      const inputProps = typeof inputNumberProps === 'object' ? inputNumberProps : {};\n      const currentValue = renderValue[nodeIndex];\n\n      return (\n        <InputNumber\n          theme=\"normal\"\n          value={currentValue}\n          onChange={(value: number) => handleInputChange(Number(value), nodeIndex)}\n          className={classNames(`${classPrefix}-slider-input`, {\n            'is-vertical': isVertical,\n          })}\n          disabled={disabled}\n          {...inputProps}\n        />\n      );\n    };\n\n    const nearbyValueChange = (value: number) => {\n      const buttonBias =\n        Math.abs(value - renderValue[LEFT_NODE]) > Math.abs(value - renderValue[RIGHT_NODE]) ? RIGHT_NODE : LEFT_NODE;\n      handleInputChange(value, buttonBias);\n    };\n\n    const setPosition = (position: number, nodeIndex?: SliderHandleNode) => {\n      let index = 0;\n      let minDistance = 1;\n      for (let i = 0; i < allDots.length; i++) {\n        const diff = Math.abs(allDots[i].position - position);\n        if (minDistance > diff) {\n          index = i;\n          minDistance = diff;\n        }\n      }\n      const { value } = allDots[index];\n      if (nodeIndex === undefined && range) {\n        nearbyValueChange(value);\n      } else {\n        handleInputChange(value, nodeIndex);\n      }\n    };\n\n    const onSliderChange = (event: React.MouseEvent | MouseEvent, nodeIndex?: SliderHandleNode) => {\n      const clientKey = isVertical ? 'clientY' : 'clientX';\n      const sliderPositionInfo = sliderRef.current.getBoundingClientRect();\n      const sliderOffset = sliderPositionInfo[startDirection];\n      const position = ((event[clientKey] - sliderOffset) / sliderPositionInfo[sizeKey]) * (isVertical ? -1 : 1);\n      setPosition(position, nodeIndex);\n    };\n\n    const handleClickMarks = (event: React.MouseEvent, value: number) => {\n      event.stopPropagation();\n      nearbyValueChange(value);\n    };\n\n    const createHandleButton = (nodeIndex: SliderHandleNode, style: React.CSSProperties) => {\n      const currentValue = renderValue[nodeIndex];\n      // 模板替换\n      let tipLabel = typeof label === 'string' ? label.replace(/\\$\\{value\\}/g, currentValue.toString()) : label;\n      if (tipLabel === true || !tipLabel) tipLabel = currentValue;\n\n      return (\n        <SliderHandleButton\n          toolTipProps={{\n            disabled: label === false,\n            content: tipLabel,\n            ...tooltipProps,\n          }}\n          classPrefix={classPrefix}\n          style={style}\n          onChange={(e) => onSliderChange(e, nodeIndex)}\n        />\n      );\n    };\n\n    return (\n      <div\n        style={{ ...style }}\n        className={classNames(`${classPrefix}-slider__container`, {\n          'is-vertical': isVertical,\n        })}\n        ref={ref}\n      >\n        <div\n          ref={sliderRef}\n          className={classNames(className, `${classPrefix}-slider`, {\n            [`${classPrefix}-is-disabled`]: disabled,\n            [`${classPrefix}-slider--vertical`]: isVertical,\n            [`${classPrefix}-slider--with-input`]: inputNumberProps,\n          })}\n          onClick={onSliderChange}\n        >\n          <div className={classNames(`${classPrefix}-slider__rail`)}>\n            <div\n              style={{ [startDirection]: numberToPercent(start), [sizeKey]: numberToPercent(width) }}\n              className={classNames(`${classPrefix}-slider__track`)}\n            ></div>\n            {range ? createHandleButton(LEFT_NODE, { [startDirection]: numberToPercent(start) }) : null}\n            {createHandleButton(RIGHT_NODE, { [startDirection]: numberToPercent(end) })}\n            <div className={classNames(`${classPrefix}-slider__step`)}>\n              {renderDots.map(({ position, value }) => (\n                <div\n                  key={value}\n                  style={{ [stepDirection]: numberToPercent(position) }}\n                  className={classNames(`${classPrefix}-slider__stop`)}\n                ></div>\n              ))}\n            </div>\n            <div className={classNames(`${classPrefix}-slider__mark`)}>\n              {renderDots.map(({ position, value, label }) => (\n                <div\n                  key={value}\n                  onClick={(event) => handleClickMarks(event, value)}\n                  style={{ [stepDirection]: numberToPercent(position) }}\n                  className={classNames(`${classPrefix}-slider__mark-text`)}\n                >\n                  {label}\n                </div>\n              ))}\n            </div>\n          </div>\n        </div>\n        {inputNumberProps ? (\n          <div\n            className={classNames(`${classPrefix}-slider__input-container`, {\n              'is-vertical': isVertical,\n            })}\n          >\n            {range && createInput(LEFT_NODE)}\n            {createInput(RIGHT_NODE)}\n          </div>\n        ) : null}\n      </div>\n    );\n  },\n);\n\nSlider.displayName = 'Slider';\n\nexport default Slider;\n"],"names":["LEFT_NODE","RIGHT_NODE","Slider","forwardRef","ref","disabled","inputNumberProps","label","layout","marks","max","min","range","step","tooltipProps","propsValue","value","defaultValue","onChange","className","style","useConfig","classPrefix","sliderRef","useRef","useDefault","setValue","isVertical","renderValue","Array","isArray","start","width","end","dots","useMemo","find","mark","console","warn","map","position","result","key","numberKey","Number","push","allDots","i","accAdd","startDirection","stepDirection","sizeKey","renderDots","item","handleInputChange","newValue","nodeIndex","safeValue","toFixed","resultValue","Math","arrValue","slice","createInput","inputProps","currentValue","React","createElement","InputNumber","theme","value2","classNames","nearbyValueChange","buttonBias","abs","setPosition","index","minDistance","length","diff","onSliderChange","event","clientKey","sliderPositionInfo","current","getBoundingClientRect","sliderOffset","handleClickMarks","stopPropagation","createHandleButton","style2","tipLabel","replace","toString","SliderHandleButton","toolTipProps","content","e","onClick","numberToPercent","label2","displayName"],"mappings":"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"}

package/es/slider/SliderHandleButton.js

@@ -1,18 +1,18 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-72ef6cf6.js';
-import { _ as _slicedToArray } from '../_chunks/dep-442ff40f.js';
+import { _ as _defineProperty } from '../_chunks/dep-b71058fe.js';
+import { _ as _slicedToArray } from '../_chunks/dep-543c3536.js';
 import React, { useState } from 'react';
+import classNames from 'classnames';
 import Tooltip from '../tooltip/Tooltip.js';
-import '../_chunks/dep-42dfd306.js';
-import '../_chunks/dep-c611ea38.js';
-import '../_chunks/dep-3882ffcd.js';
-import '../_chunks/dep-55ec31d6.js';
-import 'classnames';
+import '../_chunks/dep-c7bc4d7c.js';
+import '../_chunks/dep-bc6012b1.js';
+import '../_chunks/dep-60f5bd8f.js';
+import '../_chunks/dep-195c3d75.js';
 import '../popup/index.js';
 import '../popup/Popup.js';
 import 'react-transition-group';
@@ -23,7 +23,7 @@ import '../_util/useConfig.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
 import '../_util/composeRefs.js';
-import '../popup/Portal.js';
+import '../common/Portal.js';
 import 'react-dom';
 import '../popup/hooks/useTriggerProps.js';
 import '../_util/useClickOutside.js';
@@ -46,11 +46,18 @@ var SliderHandleButton = function SliderHandleButton(_ref) {
       popupVisible = _useState2[0],
       setPopupVisible = _useState2[1];
 
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      isDragging = _useState4[0],
+      toggleIsDragging = _useState4[1];
+
   var onSliderDragging = function onSliderDragging(e) {
+    toggleIsDragging(true);
     onChange(e);
   };
 
   var onSliderDraggingEnd = function onSliderDraggingEnd() {
+    toggleIsDragging(false);
     window.removeEventListener("mousemove", onSliderDragging);
     window.removeEventListener("mouseup", onSliderDraggingEnd);
     window.removeEventListener("touchmove", onSliderDragging);
@@ -92,7 +99,7 @@ var SliderHandleButton = function SliderHandleButton(_ref) {
     visible: popupVisible,
     placement: "top"
   }, toolTipProps), /* @__PURE__ */React.createElement("div", {
-    className: "".concat(classPrefix, "-slider__button")
+    className: classNames("".concat(classPrefix, "-slider__button"), _defineProperty({}, "".concat(classPrefix, "-slider__button--dragging"), isDragging))
   })));
 };
 

package/es/slider/SliderHandleButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SliderHandleButton.js","sources":["../../src/slider/SliderHandleButton.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport Tooltip from '../tooltip/Tooltip';\nimport { TdTooltipProps } from '../tooltip/type';\n\ninterface SliderHandleButtonProps {\n  onChange: (event: React.MouseEvent | MouseEvent) => void;\n  classPrefix: string;\n  style: React.CSSProperties;\n  toolTipProps: TdTooltipProps;\n}\n\nconst SliderHandleButton: React.FC<SliderHandleButtonProps> = ({ onChange, style, classPrefix, toolTipProps }) => {\n  const [popupVisible, setPopupVisible] = useState(false);\n\n  const onSliderDragging = (e: MouseEvent) => {\n    onChange(e);\n  };\n\n  const onSliderDraggingEnd = () => {\n    window.removeEventListener('mousemove', onSliderDragging);\n    window.removeEventListener('mouseup', onSliderDraggingEnd);\n    window.removeEventListener('touchmove', onSliderDragging);\n    window.removeEventListener('touchend', onSliderDraggingEnd);\n  };\n\n  const handleSliderMouseDown = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    setPopupVisible(true);\n    window.addEventListener('mousemove', onSliderDragging);\n    window.addEventListener('mouseup', onSliderDraggingEnd);\n    window.addEventListener('touchmove', onSliderDragging);\n    window.addEventListener('touchend', onSliderDraggingEnd);\n  };\n\n  const handleSliderEnter = (event: React.MouseEvent) => {\n    event.stopPropagation();\n    setPopupVisible(true);\n  };\n\n  const handleSliderLeave = (event: React.MouseEvent) => {\n    event.stopPropagation();\n    setPopupVisible(false);\n  };\n\n  return (\n    <div\n      style={style}\n      className={`${classPrefix}-slider__button-wrapper`}\n      onMouseDown={(e) => handleSliderMouseDown(e)}\n      onMouseEnter={(e) => handleSliderEnter(e)}\n      onMouseLeave={(e) => handleSliderLeave(e)}\n    >\n      <Tooltip visible={popupVisible} placement=\"top\" {...toolTipProps}>\n        <div className={`${classPrefix}-slider__button`}></div>\n      </Tooltip>\n    </div>\n  );\n};\n\nexport default SliderHandleButton;\n"],"names":["SliderHandleButton","onChange","style","classPrefix","toolTipProps","useState","popupVisible","setPopupVisible","onSliderDragging","e","onSliderDraggingEnd","window","removeEventListener","handleSliderMouseDown","stopPropagation","addEventListener","handleSliderEnter","event","handleSliderLeave","React","createElement","className","onMouseDown","onMouseEnter","onMouseLeave","Tooltip","visible","placement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEMA,kBAAkB,GAAG,SAArBA,kBAAqB,OAAoD;AAAA,MAAjDC,QAAiD,QAAjDA,QAAiD;AAAA,MAAvCC,KAAuC,QAAvCA,KAAuC;AAAA,MAAhCC,WAAgC,QAAhCA,WAAgC;AAAA,MAAnBC,YAAmB,QAAnBA,YAAmB;;AAC7E,kBAAwCC,QAAQ,CAAC,KAAD,CAAhD;AAAA;AAAA,MAAOC,YAAP;AAAA,MAAqBC,eAArB;;AACA,MAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,CAAD,EAAO;AAC9BR,IAAAA,QAAQ,CAACQ,CAAD,CAAR;AACD,GAFD;;AAGA,MAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,GAAM;AAChCC,IAAAA,MAAM,CAACC,mBAAP,CAA2B,WAA3B,EAAwCJ,gBAAxC;AACAG,IAAAA,MAAM,CAACC,mBAAP,CAA2B,SAA3B,EAAsCF,mBAAtC;AACAC,IAAAA,MAAM,CAACC,mBAAP,CAA2B,WAA3B,EAAwCJ,gBAAxC;AACAG,IAAAA,MAAM,CAACC,mBAAP,CAA2B,UAA3B,EAAuCF,mBAAvC;AACD,GALD;;AAMA,MAAMG,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACJ,CAAD,EAAO;AACnCA,IAAAA,CAAC,CAACK,eAAF;AACAP,IAAAA,eAAe,CAAC,IAAD,CAAf;AACAI,IAAAA,MAAM,CAACI,gBAAP,CAAwB,WAAxB,EAAqCP,gBAArC;AACAG,IAAAA,MAAM,CAACI,gBAAP,CAAwB,SAAxB,EAAmCL,mBAAnC;AACAC,IAAAA,MAAM,CAACI,gBAAP,CAAwB,WAAxB,EAAqCP,gBAArC;AACAG,IAAAA,MAAM,CAACI,gBAAP,CAAwB,UAAxB,EAAoCL,mBAApC;AACD,GAPD;;AAQA,MAAMM,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,KAAD,EAAW;AACnCA,IAAAA,KAAK,CAACH,eAAN;AACAP,IAAAA,eAAe,CAAC,IAAD,CAAf;AACD,GAHD;;AAIA,MAAMW,iBAAiB,GAAG,SAApBA,iBAAoB,CAACD,KAAD,EAAW;AACnCA,IAAAA,KAAK,CAACH,eAAN;AACAP,IAAAA,eAAe,CAAC,KAAD,CAAf;AACD,GAHD;;AAIA,wBAAuBY,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AAChDlB,IAAAA,KAAK,EAALA,KADgD;AAEhDmB,IAAAA,SAAS,YAAKlB,WAAL,4BAFuC;AAGhDmB,IAAAA,WAAW,EAAE,qBAACb,CAAD;AAAA,aAAOI,qBAAqB,CAACJ,CAAD,CAA5B;AAAA,KAHmC;AAIhDc,IAAAA,YAAY,EAAE,sBAACd,CAAD;AAAA,aAAOO,iBAAiB,CAACP,CAAD,CAAxB;AAAA,KAJkC;AAKhDe,IAAAA,YAAY,EAAE,sBAACf,CAAD;AAAA,aAAOS,iBAAiB,CAACT,CAAD,CAAxB;AAAA;AALkC,GAA3B,iBAMJU,KAAK,CAACC,aAAN,CAAoBK,OAApB;AACjBC,IAAAA,OAAO,EAAEpB,YADQ;AAEjBqB,IAAAA,SAAS,EAAE;AAFM,KAGdvB,YAHc,kBAIAe,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AAC5CC,IAAAA,SAAS,YAAKlB,WAAL;AADmC,GAA3B,CAJA,CANI,CAAvB;AAaD;;;;"}
+{"version":3,"file":"SliderHandleButton.js","sources":["../../src/slider/SliderHandleButton.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport classNames from 'classnames';\nimport Tooltip from '../tooltip/Tooltip';\nimport { TdTooltipProps } from '../tooltip/type';\n\ninterface SliderHandleButtonProps {\n  onChange: (event: React.MouseEvent | MouseEvent) => void;\n  classPrefix: string;\n  style: React.CSSProperties;\n  toolTipProps: TdTooltipProps;\n}\n\nconst SliderHandleButton: React.FC<SliderHandleButtonProps> = ({ onChange, style, classPrefix, toolTipProps }) => {\n  const [popupVisible, setPopupVisible] = useState(false);\n  const [isDragging, toggleIsDragging] = useState(false);\n\n  const onSliderDragging = (e: MouseEvent) => {\n    toggleIsDragging(true);\n    onChange(e);\n  };\n\n  const onSliderDraggingEnd = () => {\n    toggleIsDragging(false);\n    window.removeEventListener('mousemove', onSliderDragging);\n    window.removeEventListener('mouseup', onSliderDraggingEnd);\n    window.removeEventListener('touchmove', onSliderDragging);\n    window.removeEventListener('touchend', onSliderDraggingEnd);\n  };\n\n  const handleSliderMouseDown = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    setPopupVisible(true);\n    window.addEventListener('mousemove', onSliderDragging);\n    window.addEventListener('mouseup', onSliderDraggingEnd);\n    window.addEventListener('touchmove', onSliderDragging);\n    window.addEventListener('touchend', onSliderDraggingEnd);\n  };\n\n  const handleSliderEnter = (event: React.MouseEvent) => {\n    event.stopPropagation();\n    setPopupVisible(true);\n  };\n\n  const handleSliderLeave = (event: React.MouseEvent) => {\n    event.stopPropagation();\n    setPopupVisible(false);\n  };\n\n  return (\n    <div\n      style={style}\n      className={`${classPrefix}-slider__button-wrapper`}\n      onMouseDown={(e) => handleSliderMouseDown(e)}\n      onMouseEnter={(e) => handleSliderEnter(e)}\n      onMouseLeave={(e) => handleSliderLeave(e)}\n    >\n      <Tooltip visible={popupVisible} placement=\"top\" {...toolTipProps}>\n        <div\n          className={classNames(`${classPrefix}-slider__button`, {\n            [`${classPrefix}-slider__button--dragging`]: isDragging,\n          })}\n        ></div>\n      </Tooltip>\n    </div>\n  );\n};\n\nexport default SliderHandleButton;\n"],"names":["SliderHandleButton","onChange","style","classPrefix","toolTipProps","useState","popupVisible","setPopupVisible","isDragging","toggleIsDragging","onSliderDragging","e","onSliderDraggingEnd","window","removeEventListener","handleSliderMouseDown","stopPropagation","addEventListener","handleSliderEnter","event","handleSliderLeave","React","createElement","className","onMouseDown","onMouseEnter","onMouseLeave","Tooltip","visible","placement","classNames"],"mappings":"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"}

package/es/slider/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -7,10 +7,10 @@
 import Slider$1 from './Slider.js';
 import './style/css.js';
 import './type.js';
-import '../_chunks/dep-72ef6cf6.js';
-import '../_chunks/dep-55ec31d6.js';
-import '../_chunks/dep-442ff40f.js';
-import '../_chunks/dep-42dfd306.js';
+import '../_chunks/dep-b71058fe.js';
+import '../_chunks/dep-195c3d75.js';
+import '../_chunks/dep-543c3536.js';
+import '../_chunks/dep-c7bc4d7c.js';
 import 'react';
 import 'classnames';
 import '../_util/useConfig.js';
@@ -20,7 +20,7 @@ import '../_util/useDefault.js';
 import '../_util/noop.js';
 import './utils/handleNumber.js';
 import '../input-number/InputNumber.js';
-import '../_chunks/dep-c611ea38.js';
+import '../_chunks/dep-bc6012b1.js';
 import '../_util/useCommonClassName.js';
 import '../_util/useUpdateEffect.js';
 import '../input-number/StepHandler.js';
@@ -33,18 +33,19 @@ import '../loading/index.js';
 import '../loading/loading.js';
 import '../_util/dom.js';
 import 'raf';
-import '../_chunks/dep-ba7f3134.js';
-import '../_chunks/dep-3882ffcd.js';
-import '../_chunks/dep-9f80f9d6.js';
-import '../_chunks/dep-ae12755c.js';
-import '../_chunks/dep-9f46a2fc.js';
-import '../_chunks/dep-abd9fbed.js';
+import '../_chunks/dep-cf8954fb.js';
+import '../_chunks/dep-60f5bd8f.js';
+import '../_chunks/dep-adec0da9.js';
+import '../_chunks/dep-3222ad5b.js';
+import '../_chunks/dep-73c3d91b.js';
+import '../_chunks/dep-3078962f.js';
 import '../_util/easing.js';
 import '../common/Portal.js';
 import 'react-dom';
 import '../loading/gradient.js';
 import '../_common/js/loading/circle-adapter.js';
 import '../_common/js/utils/set-style.js';
+import '../_common/js/utils/helper.js';
 import '../loading/type.js';
 import '../loading/plugin.js';
 import '../button/type.js';
@@ -63,7 +64,6 @@ import '../popup/Popup.js';
 import 'react-transition-group';
 import 'react-popper';
 import '../_util/composeRefs.js';
-import '../popup/Portal.js';
 import '../popup/hooks/useTriggerProps.js';
 import '../_util/useClickOutside.js';
 import '../popup/hooks/usePopupCssTransition.js';

package/es/slider/style/index.css

@@ -1,21 +1,3 @@
-.narrow-scrollbar::-webkit-scrollbar {
-  width: 8px;
-  background: transparent;
-}
-.narrow-scrollbar::-webkit-scrollbar-thumb {
-  border-radius: 6px;
-  border: 2px solid transparent;
-  background-clip: content-box;
-  background-color: var(--td-scrollbar-color);
-}
-.t-fake-arrow path {
-  -webkit-transition: d 0.2s;
-  transition: d 0.2s;
-  stroke: currentColor;
-}
-.t-fake-arrow--active path {
-  d: path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425");
-}
 .t-slider__input-container {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -107,7 +89,7 @@
       -ms-user-select: none;
           user-select: none;
 }
-.t-slider__button.dragging {
+.t-slider__button--dragging {
   -webkit-box-shadow: 0 0 0px 2px var(--td-brand-color-focus);
           box-shadow: 0 0 0px 2px var(--td-brand-color-focus);
 }

package/es/slider/style/index.js

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

package/es/slider/type.js

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

package/es/slider/utils/handleNumber.d.ts

@@ -1 +1 @@
-export declare const numberToPencent: (number: number) => string;
+export declare const numberToPercent: (number: number) => string;

package/es/slider/utils/handleNumber.js

@@ -1,12 +1,12 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-var numberToPencent = function numberToPencent(number) {
+var numberToPercent = function numberToPercent(number) {
   return "".concat(number * 100, "%");
 };
 
-export { numberToPencent };
+export { numberToPercent };
 //# sourceMappingURL=handleNumber.js.map

package/es/slider/utils/handleNumber.js.map

@@ -1 +1 @@
-{"version":3,"file":"handleNumber.js","sources":["../../../src/slider/utils/handleNumber.ts"],"sourcesContent":["export const numberToPencent = (number: number) => `${number * 100}%`;\n"],"names":["numberToPencent","number"],"mappings":";;;;;;IAAaA,eAAe,GAAG,SAAlBA,eAAkB,CAACC,MAAD;AAAA,mBAAeA,MAAM,GAAG,GAAxB;AAAA;;;;"}
+{"version":3,"file":"handleNumber.js","sources":["../../../src/slider/utils/handleNumber.ts"],"sourcesContent":["export const numberToPercent = (number: number) => `${number * 100}%`;\n"],"names":["numberToPercent","number"],"mappings":";;;;;;IAAaA,eAAe,GAAG,SAAlBA,eAAkB,CAACC,MAAD;AAAA,mBAAeA,MAAM,GAAG,GAAxB;AAAA;;;;"}

package/es/steps/StepItem.js

@@ -1,10 +1,10 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-72ef6cf6.js';
+import { _ as _defineProperty } from '../_chunks/dep-b71058fe.js';
 import React, { useContext } from 'react';
 import classNames from 'classnames';
 import { CheckIcon, CloseIcon } from 'tdesign-icons-react';

package/es/steps/Steps.js

@@ -1,10 +1,10 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-72ef6cf6.js';
+import { _ as _defineProperty } from '../_chunks/dep-b71058fe.js';
 import React, { useRef, useEffect } from 'react';
 import classNames from 'classnames';
 import useConfig from '../_util/useConfig.js';

package/es/steps/StepsContext.js

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

package/es/steps/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -7,7 +7,7 @@
 import Steps$1 from './Steps.js';
 import './style/css.js';
 import './type.js';
-import '../_chunks/dep-72ef6cf6.js';
+import '../_chunks/dep-b71058fe.js';
 import 'react';
 import 'classnames';
 import '../_util/useConfig.js';

package/es/steps/style/index.css

@@ -1,21 +1,3 @@
-.narrow-scrollbar::-webkit-scrollbar {
-  width: 8px;
-  background: transparent;
-}
-.narrow-scrollbar::-webkit-scrollbar-thumb {
-  border-radius: 6px;
-  border: 2px solid transparent;
-  background-clip: content-box;
-  background-color: var(--td-scrollbar-color);
-}
-.t-fake-arrow path {
-  -webkit-transition: d 0.2s;
-  transition: d 0.2s;
-  stroke: currentColor;
-}
-.t-fake-arrow--active path {
-  d: path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425");
-}
 .default-step-icon {
   display: -webkit-box;
   display: -ms-flexbox;

package/es/steps/style/index.js

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

package/es/steps/type.js

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

package/es/sticky-tool/type.js

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

package/es/style/index.js

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

package/es/swiper/Swiper.js

@@ -1,17 +1,17 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-72ef6cf6.js';
-import { _ as _slicedToArray } from '../_chunks/dep-442ff40f.js';
+import { _ as _defineProperty } from '../_chunks/dep-b71058fe.js';
+import { _ as _slicedToArray } from '../_chunks/dep-543c3536.js';
 import React, { useState, useRef, useMemo, useCallback, useEffect } from 'react';
 import classNames from 'classnames';
 import useConfig from '../_util/useConfig.js';
 import noop from '../_util/noop.js';
 import SwiperItem from './SwiperItem.js';
-import '../_chunks/dep-42dfd306.js';
+import '../_chunks/dep-c7bc4d7c.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
 

package/es/swiper/SwiperItem.js

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

package/es/swiper/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -7,9 +7,9 @@
 import Swiper$1 from './Swiper.js';
 import './style/css.js';
 import './type.js';
-import '../_chunks/dep-72ef6cf6.js';
-import '../_chunks/dep-442ff40f.js';
-import '../_chunks/dep-42dfd306.js';
+import '../_chunks/dep-b71058fe.js';
+import '../_chunks/dep-543c3536.js';
+import '../_chunks/dep-c7bc4d7c.js';
 import 'react';
 import 'classnames';
 import '../_util/useConfig.js';