tdesign-react 0.18.2 → 0.19.0

package/lib/select/util/helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"helper.js","sources":["../../../src/select/util/helper.ts"],"sourcesContent":["import { ReactElement } from 'react';\nimport { isPlainObject, get } from 'lodash';\nimport OptionGroup from '../base/OptionGroup';\n\nimport { SelectValue, TdOptionProps, SelectKeysType } from '../../_type/components/select';\n\ntype SelectLabeledValue = Required<Omit<TdOptionProps, 'disabled'>>;\n\n// 获取单选的label\nexport const getLabel = (\n  children,\n  value: SelectValue<TdOptionProps>,\n  options: TdOptionProps[],\n  keys: SelectKeysType,\n) => {\n  let selectedLabel = '';\n  // 处理带 options 属性的情况\n  if (Array.isArray(options)) {\n    options.some((option) => {\n      if ([get(value, keys?.value || 'value'), value].includes(option.value)) {\n        selectedLabel = option.label;\n        return true;\n      }\n      return false;\n    });\n\n    return selectedLabel;\n  }\n\n  if (isPlainObject(children)) {\n    selectedLabel = children.props.label;\n\n    if (children.type.name === OptionGroup.name) {\n      const groupChildren = children.props.children;\n\n      if (Array.isArray(groupChildren)) {\n        groupChildren.some((item) => {\n          const selectedValue = isPlainObject(value) ? get(value, 'value') : value;\n          if (isPlainObject(item.props) && item.props.value === selectedValue) {\n            selectedLabel = item.props.label || item.props.children;\n            return true;\n          }\n          return false;\n        });\n      }\n    }\n  }\n\n  if (Array.isArray(children)) {\n    children.some((item: ReactElement) => {\n      // 处理分组\n      const { name } = item.type as { name: string };\n      if (name === OptionGroup.name) {\n        const groupChildren = item.props.children;\n        if (Array.isArray(groupChildren)) {\n          const isSelected = groupChildren.some((item) => {\n            const selectedValue = isPlainObject(value) ? get(value, 'value') : value;\n            if (isPlainObject(item.props) && item.props.value === selectedValue) {\n              selectedLabel = item.props.label || item.props.children;\n              return true;\n            }\n            return false;\n          });\n          return isSelected;\n        }\n      }\n      const selectedValue = isPlainObject(value) ? get(value, 'value') : value;\n      if (isPlainObject(item.props) && item.props.value === selectedValue) {\n        selectedLabel = item.props.label || item.props.children;\n        return true;\n      }\n      return false;\n    });\n  }\n  return selectedLabel;\n};\n\nexport const getMultipleTags = (values: SelectValue[], keys: SelectKeysType) => {\n  const tags = values.map((item) => ({\n    label: get(item, keys?.label || 'label') || item.toString(),\n    value: get(item, keys?.value || 'value') || item,\n  }));\n  return tags;\n};\n\nexport const getSelectValueArr = (\n  values: SelectValue | SelectValue[],\n  activeValue: SelectValue,\n  selected?: boolean,\n  valueType?: 'object' | 'value',\n  keys?: SelectKeysType,\n  objVal?: SelectValue,\n) => {\n  // eslint-disable-next-line no-param-reassign\n  values = Array.isArray(values) ? values : [];\n\n  if (Array.isArray(values)) {\n    let currentValues = [...values];\n    const isValueObj = valueType === 'object';\n\n    if (selected) {\n      currentValues = currentValues.filter((item: SelectLabeledValue) => {\n        if (isValueObj) {\n          if (isPlainObject(activeValue)) {\n            return get(item, keys?.value || 'value') !== get(activeValue, 'value');\n          }\n          return get(item, keys?.value || 'value') !== activeValue;\n        }\n        return item !== activeValue;\n      });\n    } else {\n      const item = isValueObj ? objVal : activeValue;\n\n      currentValues.push(item as SelectValue);\n    }\n    return currentValues;\n  }\n};\n"],"names":["getLabel","children","value","options","keys","selectedLabel","Array","isArray","some","option","get","includes","label","isPlainObject","props","type","name","OptionGroup","groupChildren","item","selectedValue","isSelected","item2","selectedValue2","getMultipleTags","values","tags","map","toString","getSelectValueArr","activeValue","selected","valueType","objVal","currentValues","isValueObj","filter","push"],"mappings":"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"}
+{"version":3,"file":"helper.js","sources":["../../../src/select/util/helper.ts"],"sourcesContent":["import { ReactElement } from 'react';\nimport { isPlainObject, get } from 'lodash';\nimport OptionGroup from '../base/OptionGroup';\n\nimport { SelectValue, TdOptionProps, SelectKeysType } from '../type';\n\ntype SelectLabeledValue = Required<Omit<TdOptionProps, 'disabled'>>;\n\n// 获取单选的label\nexport const getLabel = (\n  children,\n  value: SelectValue<TdOptionProps>,\n  options: TdOptionProps[],\n  keys: SelectKeysType,\n) => {\n  let selectedLabel = '';\n  // 处理带 options 属性的情况\n  if (Array.isArray(options)) {\n    options.some((option) => {\n      if ([get(value, keys?.value || 'value'), value].includes(option.value)) {\n        selectedLabel = option.label;\n        return true;\n      }\n      return false;\n    });\n\n    return selectedLabel;\n  }\n\n  if (isPlainObject(children)) {\n    selectedLabel = children.props.label;\n\n    if (children.type.name === OptionGroup.name) {\n      const groupChildren = children.props.children;\n\n      if (Array.isArray(groupChildren)) {\n        groupChildren.some((item) => {\n          const selectedValue = isPlainObject(value) ? get(value, 'value') : value;\n          if (isPlainObject(item.props) && item.props.value === selectedValue) {\n            selectedLabel = item.props.label || item.props.children;\n            return true;\n          }\n          return false;\n        });\n      }\n    }\n  }\n\n  if (Array.isArray(children)) {\n    children.some((item: ReactElement) => {\n      // 处理分组\n      const { name } = item.type as { name: string };\n      if (name === OptionGroup.name) {\n        const groupChildren = item.props.children;\n        if (Array.isArray(groupChildren)) {\n          const isSelected = groupChildren.some((item) => {\n            const selectedValue = isPlainObject(value) ? get(value, 'value') : value;\n            if (isPlainObject(item.props) && item.props.value === selectedValue) {\n              selectedLabel = item.props.label || item.props.children;\n              return true;\n            }\n            return false;\n          });\n          return isSelected;\n        }\n      }\n      const selectedValue = isPlainObject(value) ? get(value, 'value') : value;\n      if (isPlainObject(item.props) && item.props.value === selectedValue) {\n        selectedLabel = item.props.label || item.props.children;\n        return true;\n      }\n      return false;\n    });\n  }\n  return selectedLabel;\n};\n\nexport const getMultipleTags = (values: SelectValue[], keys: SelectKeysType) => {\n  const tags = values.map((item) => ({\n    label: get(item, keys?.label || 'label') || item.toString(),\n    value: get(item, keys?.value || 'value') || item,\n  }));\n  return tags;\n};\n\nexport const getSelectValueArr = (\n  values: SelectValue | SelectValue[],\n  activeValue: SelectValue,\n  selected?: boolean,\n  valueType?: 'object' | 'value',\n  keys?: SelectKeysType,\n  objVal?: SelectValue,\n) => {\n  // eslint-disable-next-line no-param-reassign\n  values = Array.isArray(values) ? values : [];\n\n  if (Array.isArray(values)) {\n    let currentValues = [...values];\n    const isValueObj = valueType === 'object';\n\n    if (selected) {\n      currentValues = currentValues.filter((item: SelectLabeledValue) => {\n        if (isValueObj) {\n          if (isPlainObject(activeValue)) {\n            return get(item, keys?.value || 'value') !== get(activeValue, 'value');\n          }\n          return get(item, keys?.value || 'value') !== activeValue;\n        }\n        return item !== activeValue;\n      });\n    } else {\n      const item = isValueObj ? objVal : activeValue;\n\n      currentValues.push(item as SelectValue);\n    }\n    return currentValues;\n  }\n};\n"],"names":["getLabel","children","value","options","keys","selectedLabel","Array","isArray","some","option","get","includes","label","isPlainObject","props","type","name","OptionGroup","groupChildren","item","selectedValue","isSelected","item2","selectedValue2","getMultipleTags","values","tags","map","toString","getSelectValueArr","activeValue","selected","valueType","objVal","currentValues","isValueObj","filter","push"],"mappings":"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"}

package/lib/skeleton/type.d.ts

@@ -0,0 +1,35 @@
+/**
+ * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
+ * updated at 2021-12-01 14:46:40
+ * */
+import { TNode } from '../common';
+export interface TdSkeletonProps {
+    /**
+     * 动画效果，有「渐变加载动画」和「闪烁加载动画」两种。值为空则表示没有动画
+     */
+    animation?: 'gradient' | 'flashed';
+    /**
+     * 是否为加载状态，如果是则显示骨架图，如果不是则显示加载完成的内容
+     */
+    loading?: boolean;
+    /**
+     * 用于自定义行列数量、宽度高度、间距等。【示例一】，`[1, 1, 2]` 表示输出三行骨架图，第一行一列，第二行一列，第三行两列。【示例二】，`[1, 1, { width: '100px' }]` 表示自定义第三行的宽度为 `100px`。【示例三】，`[1, 2, [{ width, height }, { width, height, marginLeft }]]` 表示第三行有两列，且自定义宽度、高度、间距、内容等
+     * @default [1, 1, 1, { width: '70%' }]
+     */
+    rowCol?: SkeletonRowCol;
+    /**
+     * 快捷定义骨架图风格，有基础、头像组合等，具体参看代码示例
+     * @default text
+     */
+    theme?: 'text' | 'avatar-text' | 'avatar-text-complicate' | 'image-paragraph-horizontal' | 'image-paragraph-vertical' | 'image-paragraph-horizontal-button' | 'article';
+}
+export declare type SkeletonRowCol = Array<Number | SkeletonRowColObj | Array<SkeletonRowColObj>>;
+export interface SkeletonRowColObj {
+    width?: string;
+    height?: string;
+    marginRight?: string;
+    marginLeft?: string;
+    margin?: string;
+    content?: string | TNode;
+    type?: 'rect' | 'circle';
+}

package/lib/skeleton/type.js

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

package/lib/skeleton/type.js.map

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

package/lib/slider/Slider.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { TdSliderProps } from '../_type/components/slider';
-import { StyledProps } from '../_type';
+import { TdSliderProps } from './type';
+import { StyledProps } from '../common';
 export declare type SliderProps = TdSliderProps & StyledProps;
 declare const Slider: React.ForwardRefExoticComponent<TdSliderProps & StyledProps & React.RefAttributes<HTMLDivElement>>;
 export default Slider;

package/lib/slider/Slider.js

@@ -1,12 +1,12 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-efe7433b.js';
-import { _ as _typeof } from '../_chunks/dep-65c183dc.js';
-import { _ as _slicedToArray } from '../_chunks/dep-2f008905.js';
+import { _ as _defineProperty } from '../_chunks/dep-53c6c586.js';
+import { _ as _typeof } from '../_chunks/dep-601473bd.js';
+import { _ as _slicedToArray } from '../_chunks/dep-fff59b5a.js';
 import React__default, { forwardRef, useRef, useMemo } from 'react';
 import classNames from 'classnames';
 import useConfig from '../_util/useConfig.js';
@@ -15,11 +15,11 @@ import { numberToPencent } 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-6a5b1968.js';
+import '../_chunks/dep-4c3606c3.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
 import '../_util/noop.js';
-import '../_chunks/dep-016d27a7.js';
+import '../_chunks/dep-b3d60655.js';
 import '../_util/useCommonClassName.js';
 import '../_util/useUpdateEffect.js';
 import '../input-number/StepHandler.js';
@@ -33,18 +33,17 @@ import '../loading/loading.js';
 import 'react-dom';
 import '../_util/dom.js';
 import 'raf';
-import '../_chunks/dep-748f57d4.js';
-import '../_chunks/dep-f879eead.js';
-import '../_chunks/dep-1189939f.js';
-import '../_chunks/dep-074cf15e.js';
-import '../_chunks/dep-4c6e8221.js';
+import '../_chunks/dep-0cdc5a07.js';
+import '../_chunks/dep-3072ff80.js';
+import '../_chunks/dep-785f8869.js';
+import '../_chunks/dep-aa8beec4.js';
 import '../_util/easing.js';
 import '../common/Portal.js';
 import '../input-number/utils/numberUtils.js';
 import '../input/index.js';
 import '../input/Input.js';
-import '../_chunks/dep-0d083983.js';
-import '../_chunks/dep-8feebb03.js';
+import '../_chunks/dep-02f1a98a.js';
+import '../_chunks/dep-204550b9.js';
 import '../_util/forwardRefWithStatics.js';
 import 'hoist-non-react-statics';
 import '../input/InputGroup.js';

package/lib/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/components/slider';\nimport useConfig from '../_util/useConfig';\nimport useDefault from '../_util/useDefault';\nimport { numberToPencent } from './utils/handleNumber';\nimport { StyledProps, TNode } from '../_type';\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-contianer`, {\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 className={classNames(`${classPrefix}-slider-input-container`)}>\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","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","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 { 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-contianer`, {\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 className={classNames(`${classPrefix}-slider-input-container`)}>\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","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","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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"}

package/lib/slider/SliderHandleButton.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TdTooltipProps } from '../_type/components/tooltip';
+import { TdTooltipProps } from '../tooltip/type';
 interface SliderHandleButtonProps {
     onChange: (event: React.MouseEvent | MouseEvent) => void;
     classPrefix: string;

package/lib/slider/SliderHandleButton.js

@@ -1,16 +1,16 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-efe7433b.js';
-import { _ as _slicedToArray } from '../_chunks/dep-2f008905.js';
+import { _ as _defineProperty } from '../_chunks/dep-53c6c586.js';
+import { _ as _slicedToArray } from '../_chunks/dep-fff59b5a.js';
 import React__default, { useState } from 'react';
 import Tooltip from '../tooltip/Tooltip.js';
-import '../_chunks/dep-6a5b1968.js';
-import '../_chunks/dep-016d27a7.js';
-import '../_chunks/dep-1189939f.js';
+import '../_chunks/dep-4c3606c3.js';
+import '../_chunks/dep-b3d60655.js';
+import '../_chunks/dep-601473bd.js';
 import 'classnames';
 import '../popup/index.js';
 import '../popup/Popup.js';

package/lib/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 '../_type/components/tooltip';\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","removeEventListener","handleSliderMouseDown","stopPropagation","addEventListener","handleSliderEnter","event","handleSliderLeave","className","onMouseDown","onMouseEnter","onMouseLeave","Tooltip","visible","placement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAWMA,qBAAwD,SAAxDA,kBAAwD,OAAoD;AAAA,MAAjDC,QAAiD,QAAjDA,QAAiD;AAAA,MAAvCC,KAAuC,QAAvCA,KAAuC;AAAA,MAAhCC,WAAgC,QAAhCA,WAAgC;AAAA,MAAnBC,YAAmB,QAAnBA,YAAmB;;kBACxEC,SAAS;;MAA1CC;MAAcC;;MAEfC,mBAAmB,SAAnBA,gBAAmB,CAACC,CAAD,EAAmB;aACjCA;;;MAGLC,sBAAsB,SAAtBA,mBAAsB,GAAM;WACzBC,oBAAoB,aAAaH;WACjCG,oBAAoB,WAAWD;WAC/BC,oBAAoB,aAAaH;WACjCG,oBAAoB,YAAYD;;;MAGnCE,wBAAwB,SAAxBA,qBAAwB,CAACH,CAAD,EAAyB;MACnDI;oBACc;WACTC,iBAAiB,aAAaN;WAC9BM,iBAAiB,WAAWJ;WAC5BI,iBAAiB,aAAaN;WAC9BM,iBAAiB,YAAYJ;;;MAGhCK,oBAAoB,SAApBA,iBAAoB,CAACC,KAAD,EAA6B;UAC/CH;oBACU;;;MAGZI,oBAAoB,SAApBA,iBAAoB,CAACD,KAAD,EAA6B;UAC/CH;oBACU;;;qDAIf,OAAD;AACEX,IAAAA,OAAAA,KADF;AAEEgB,IAAAA,qBAAcf,uCAFhB;AAGEgB,IAAAA,aAAa,qBAACV,CAAD;AAAA,aAAOG,sBAAsBH,EAA7B;AAAA,KAHf;AAIEW,IAAAA,cAAc,sBAACX,CAAD;AAAA,aAAOM,kBAAkBN,EAAzB;AAAA,KAJhB;AAKEY,IAAAA,cAAc,sBAACZ,CAAD;AAAA,aAAOQ,kBAAkBR,EAAzB;AAAA;AALhB,iDAOGa;AAAQC,IAAAA,SAASjB;AAAckB,IAAAA,WAAU;KAAUpB,2DACjD,OAAD;AAAKc,IAAAA,qBAAcf;AAAnB;;;;;"}
+{"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","removeEventListener","handleSliderMouseDown","stopPropagation","addEventListener","handleSliderEnter","event","handleSliderLeave","className","onMouseDown","onMouseEnter","onMouseLeave","Tooltip","visible","placement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAWMA,qBAAwD,SAAxDA,kBAAwD,OAAoD;AAAA,MAAjDC,QAAiD,QAAjDA,QAAiD;AAAA,MAAvCC,KAAuC,QAAvCA,KAAuC;AAAA,MAAhCC,WAAgC,QAAhCA,WAAgC;AAAA,MAAnBC,YAAmB,QAAnBA,YAAmB;;kBACxEC,SAAS;;MAA1CC;MAAcC;;MAEfC,mBAAmB,SAAnBA,gBAAmB,CAACC,CAAD,EAAmB;aACjCA;;;MAGLC,sBAAsB,SAAtBA,mBAAsB,GAAM;WACzBC,oBAAoB,aAAaH;WACjCG,oBAAoB,WAAWD;WAC/BC,oBAAoB,aAAaH;WACjCG,oBAAoB,YAAYD;;;MAGnCE,wBAAwB,SAAxBA,qBAAwB,CAACH,CAAD,EAAyB;MACnDI;oBACc;WACTC,iBAAiB,aAAaN;WAC9BM,iBAAiB,WAAWJ;WAC5BI,iBAAiB,aAAaN;WAC9BM,iBAAiB,YAAYJ;;;MAGhCK,oBAAoB,SAApBA,iBAAoB,CAACC,KAAD,EAA6B;UAC/CH;oBACU;;;MAGZI,oBAAoB,SAApBA,iBAAoB,CAACD,KAAD,EAA6B;UAC/CH;oBACU;;;qDAIf,OAAD;AACEX,IAAAA,OAAAA,KADF;AAEEgB,IAAAA,qBAAcf,uCAFhB;AAGEgB,IAAAA,aAAa,qBAACV,CAAD;AAAA,aAAOG,sBAAsBH,EAA7B;AAAA,KAHf;AAIEW,IAAAA,cAAc,sBAACX,CAAD;AAAA,aAAOM,kBAAkBN,EAAzB;AAAA,KAJhB;AAKEY,IAAAA,cAAc,sBAACZ,CAAD;AAAA,aAAOQ,kBAAkBR,EAAzB;AAAA;AALhB,iDAOGa;AAAQC,IAAAA,SAASjB;AAAckB,IAAAA,WAAU;KAAUpB,2DACjD,OAAD;AAAKc,IAAAA,qBAAcf;AAAnB;;;;;"}

package/lib/slider/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import './style/index.js';
 export type { SliderProps } from './Slider';
-export * from '../_type/components/slider';
-export declare const Slider: import("react").ForwardRefExoticComponent<import("../_type/components/slider").TdSliderProps & import("../_type").StyledProps & import("react").RefAttributes<HTMLDivElement>>;
+export * from './type';
+export declare const Slider: import("react").ForwardRefExoticComponent<import("./type").TdSliderProps & import("../common").StyledProps & import("react").RefAttributes<HTMLDivElement>>;
 export default Slider;

package/lib/slider/index.js

@@ -1,14 +1,14 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
 import Slider$1 from './Slider.js';
-import '../_chunks/dep-efe7433b.js';
-import '../_chunks/dep-65c183dc.js';
-import '../_chunks/dep-2f008905.js';
-import '../_chunks/dep-6a5b1968.js';
+import '../_chunks/dep-53c6c586.js';
+import '../_chunks/dep-601473bd.js';
+import '../_chunks/dep-fff59b5a.js';
+import '../_chunks/dep-4c3606c3.js';
 import 'react';
 import 'classnames';
 import '../_util/useConfig.js';
@@ -18,7 +18,7 @@ import '../_util/useDefault.js';
 import '../_util/noop.js';
 import './utils/handleNumber.js';
 import '../input-number/InputNumber.js';
-import '../_chunks/dep-016d27a7.js';
+import '../_chunks/dep-b3d60655.js';
 import '../_util/useCommonClassName.js';
 import '../_util/useUpdateEffect.js';
 import '../input-number/StepHandler.js';
@@ -32,18 +32,17 @@ import '../loading/loading.js';
 import 'react-dom';
 import '../_util/dom.js';
 import 'raf';
-import '../_chunks/dep-748f57d4.js';
-import '../_chunks/dep-f879eead.js';
-import '../_chunks/dep-1189939f.js';
-import '../_chunks/dep-074cf15e.js';
-import '../_chunks/dep-4c6e8221.js';
+import '../_chunks/dep-0cdc5a07.js';
+import '../_chunks/dep-3072ff80.js';
+import '../_chunks/dep-785f8869.js';
+import '../_chunks/dep-aa8beec4.js';
 import '../_util/easing.js';
 import '../common/Portal.js';
 import '../input-number/utils/numberUtils.js';
 import '../input/index.js';
 import '../input/Input.js';
-import '../_chunks/dep-0d083983.js';
-import '../_chunks/dep-8feebb03.js';
+import '../_chunks/dep-02f1a98a.js';
+import '../_chunks/dep-204550b9.js';
 import '../_util/forwardRefWithStatics.js';
 import 'hoist-non-react-statics';
 import '../input/InputGroup.js';

package/lib/slider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/slider/index.ts"],"sourcesContent":["import _Slider from './Slider';\n\nimport './style/index.js';\n\nexport type { SliderProps } from './Slider';\nexport * from '../_type/components/slider';\n\nexport const Slider = _Slider;\nexport default Slider;\n"],"names":["Slider","_Slider"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOaA,SAASC;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/slider/index.ts"],"sourcesContent":["import _Slider from './Slider';\n\nimport './style/index.js';\n\nexport type { SliderProps } from './Slider';\nexport * from './type';\n\nexport const Slider = _Slider;\nexport default Slider;\n"],"names":["Slider","_Slider"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOaA,SAASC;;;;"}

package/lib/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/lib/slider/type.js

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

package/lib/slider/type.js.map

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

package/lib/slider/utils/handleNumber.js

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

package/lib/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/lib/steps/StepItem.js

@@ -1,10 +1,10 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-efe7433b.js';
+import { _ as _defineProperty } from '../_chunks/dep-53c6c586.js';
 import React__default, { useContext } from 'react';
 import classNames from 'classnames';
 import { CheckIcon, CloseIcon } from 'tdesign-icons-react';
@@ -26,7 +26,6 @@ function StepItem(props) {
 
   var _useContext = useContext(StepsContext),
       current = _useContext.current,
-      currentStatus = _useContext.currentStatus,
       theme = _useContext.theme;
 
   var _useConfig = useConfig(),
@@ -36,17 +35,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((_classnames = {}, _defineProperty(_classnames, "".concat(classPrefix, "-steps-item"), true), _defineProperty(_classnames, "".concat(classPrefix, "-steps-item--wait"), status === "wait"), _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 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;
 
@@ -66,7 +61,7 @@ function StepItem(props) {
         }, /* @__PURE__ */React__default.createElement(CheckIcon, null));
         break;
 
-      case "wait":
+      case "default":
       case "process":
         iconEle = /* @__PURE__ */React__default.createElement("span", {
           className: "".concat(classPrefix, "-steps-item-icon__number")

package/lib/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,WAAWC;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,qEACZF,6BAA2B,8CAC3BA,mCAAiCP,WAAW,gDAC5CO,oCAAkCP,WAAW,iDAC7CO,qCAAmCP,WAAW,kDAC9CO,sCAAoCP,WAAW,yCAClDP,MAAMe,WAAY,CAAC,CAACf,MAAMe;MAGvBE,WAAWC,OAAOd;MAGpBe,UAAU;;MAGVlB,MAAM;cACEA;aACDW,UAAU,WAAW;YAEtBL;WACD;8DAEA,QAAD;AAAMQ,UAAAA,qBAAcD;AAApB,uDACGM,WAAD;;;WAID;8DAEA,QAAD;AAAML,UAAAA,qBAAcD;AAApB,uDACGO,WAAD;;;WAID;WACA;8DAEA,QAAD;AAAMN,UAAAA,qBAAcD;AAApB,WACGI,OAAOI,KAAP,CAAaL,QAAb,IAAyBb,KAAzB,GAAiCa,WAAW;;;SAKhD;cACK;;;qDAIT,OAAD;AAAKF,IAAAA,WAAAA,SAAL;AAA2BT,IAAAA,OAAAA;AAA3B,iDACG,OAAD;AAAKS,IAAAA,qBAAcD;AAAnB,iDACG,OAAD;AACEC,IAAAA,qBAAcD,yCAA+BP,WAAW,QAAX,aAAyBO,WAAzB,0BAA2D;AAD1G,KAGGK,sDAEF,OAAD;AAAKJ,IAAAA,qBAAcD;AAAnB,iDACG,OAAD;AAAKC,IAAAA,qBAAcD;AAAnB,KAAoDZ,oDACnD,OAAD;AAAKa,IAAAA,qBAAcD;AAAnB,KAA0DX,UACzDE,uDAAY,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,WAAWC;MAA9BC,sBAAAA;MAASC,oBAAAA;;mBACOC;MAAhBC,yBAAAA;;MAGJ,CAACN,QAAQ;QACPH,QAAQM,SAAS;eAEV;eACAN,UAAUM,SAAS;eAEnB;WACJ;eAEI;;;;MAIPI,YAAYC,qEACZF,6BAA2B,8CAC3BA,mCAAiCN,WAAW,mDAC5CM,oCAAkCN,WAAW,iDAC7CM,qCAAmCN,WAAW,kDAC9CM,sCAAoCN,WAAW,yCAClDP,MAAMc,WAAY,CAAC,CAACd,MAAMc;MAGvBE,WAAWC,OAAOb;MAGpBc,UAAU;;MAGVjB,MAAM;cACEA;aACDU,UAAU,WAAW;YAEtBJ;WACD;8DAEA,QAAD;AAAMO,UAAAA,qBAAcD;AAApB,uDACGM,WAAD;;;WAID;8DAEA,QAAD;AAAML,UAAAA,qBAAcD;AAApB,uDACGO,WAAD;;;WAID;WACA;8DAEA,QAAD;AAAMN,UAAAA,qBAAcD;AAApB,WACGI,OAAOI,KAAP,CAAaL,QAAb,IAAyBZ,KAAzB,GAAiCY,WAAW;;;SAKhD;cACK;;;qDAIT,OAAD;AAAKF,IAAAA,WAAAA,SAAL;AAA2BR,IAAAA,OAAAA;AAA3B,iDACG,OAAD;AAAKQ,IAAAA,qBAAcD;AAAnB,iDACG,OAAD;AACEC,IAAAA,qBAAcD,yCAA+BN,WAAW,QAAX,aAAyBM,WAAzB,0BAA2D;AAD1G,KAGGK,sDAEF,OAAD;AAAKJ,IAAAA,qBAAcD;AAAnB,iDACG,OAAD;AAAKC,IAAAA,qBAAcD;AAAnB,KAAoDX,oDACnD,OAAD;AAAKY,IAAAA,qBAAcD;AAAnB,KAA0DV,UACzDE,uDAAY,OAAD;AAAKS,IAAAA,qBAAcD;AAAnB,KAAoDR,YAAkB;;AAO5FiB,SAASC,WAAT,GAAuB,UAAvB;;;;"}

package/lib/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/lib/steps/Steps.js

@@ -1,10 +1,10 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-efe7433b.js';
+import { _ as _defineProperty } from '../_chunks/dep-53c6c586.js';
 import React__default, { useRef, useEffect } from 'react';
 import classNames from 'classnames';
 import useConfig from '../_util/useConfig.js';
@@ -24,10 +24,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,
@@ -40,7 +38,7 @@ function Steps(props) {
   var _useConfig = useConfig(),
       classPrefix = _useConfig.classPrefix;
 
-  var className = classNames((_classnames = {}, _defineProperty(_classnames, "".concat(classPrefix, "-steps"), true), _defineProperty(_classnames, "".concat(classPrefix, "-steps--horizontal"), direction === "horizontal"), _defineProperty(_classnames, "".concat(classPrefix, "-steps--vertical"), direction === "vertical"), _defineProperty(_classnames, "".concat(classPrefix, "-steps--default-anchor"), theme === "default"), _defineProperty(_classnames, "".concat(classPrefix, "-steps--positive"), sequence === "positive"), _defineProperty(_classnames, "".concat(classPrefix, "-steps--reverse"), sequence === "reverse"), _defineProperty(_classnames, "".concat(classPrefix, "-steps--dot-anchor"), theme === "dot"), _defineProperty(_classnames, props.className, !!props.className), _classnames));
+  var className = classNames((_classnames = {}, _defineProperty(_classnames, "".concat(classPrefix, "-steps"), true), _defineProperty(_classnames, "".concat(classPrefix, "-steps--horizontal"), layout === "horizontal"), _defineProperty(_classnames, "".concat(classPrefix, "-steps--vertical"), layout === "vertical"), _defineProperty(_classnames, "".concat(classPrefix, "-steps--default-anchor"), theme === "default"), _defineProperty(_classnames, "".concat(classPrefix, "-steps--positive"), sequence === "positive"), _defineProperty(_classnames, "".concat(classPrefix, "-steps--reverse"), sequence === "reverse"), _defineProperty(_classnames, "".concat(classPrefix, "-steps--dot-anchor"), theme === "dot"), _defineProperty(_classnames, props.className, !!props.className), _classnames));
   var previousRef = useRef(current);
   useEffect(function () {
     var previous = previousRef.current;
@@ -49,7 +47,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.Children.toArray(children);
   var childrenDisplayList = shouldReserve ? childrenList.reverse() : childrenList;
   var optionsDisplayList = shouldReserve ? options.reverse() : options;
@@ -73,7 +71,6 @@ function Steps(props) {
   return /* @__PURE__ */React__default.createElement(StepsContext.Provider, {
     value: {
       current: current,
-      currentStatus: status,
       theme: theme
     }
   }, /* @__PURE__ */React__default.createElement("div", {