tdesign-react 0.17.0 → 0.18.2

package/esm/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 Tooltip from '../tooltip/Tooltip';\nimport InputNumber from '../input-number/InputNumber';\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 movingNodeRef = useRef<SliderHandleNode | null>();\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 += 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      let resultValue = Math.max(Math.min(max, newValue), min);\n      // 判断是否出现左值大于右值\n      if (nodeIndex === LEFT_NODE && newValue > value[RIGHT_NODE]) resultValue = value[RIGHT_NODE];\n      // 判断是否出现右值大于左值\n      if (nodeIndex === RIGHT_NODE && newValue < 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 onSliderDragging = (e: MouseEvent) => {\n      if (movingNodeRef.current !== null) onSliderChange(e, movingNodeRef.current);\n    };\n\n    const onSliderDraggingEnd = () => {\n      movingNodeRef.current = null;\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, nodeIndex: SliderHandleNode) => {\n      e.stopPropagation();\n      movingNodeRef.current = nodeIndex;\n      window.addEventListener('mousemove', onSliderDragging);\n      window.addEventListener('mouseup', onSliderDraggingEnd);\n      window.addEventListener('touchmove', onSliderDragging);\n      window.addEventListener('touchend', onSliderDraggingEnd);\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        <div\n          style={style}\n          className={classNames(`${classPrefix}-slider__button-wrapper`)}\n          onMouseDown={(e) => handleSliderMouseDown(e, nodeIndex)}\n        >\n          <Tooltip disabled={label === false} placement=\"top\" content={tipLabel} {...tooltipProps}>\n            <div className={classNames(`${classPrefix}-slider__button`)}></div>\n          </Tooltip>\n        </div>\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","movingNodeRef","useRef","sliderRef","useDefault","setValue","isVertical","renderVaule","Array","isArray","start","width","end","dots","useMemo","find","mark","warn","map","position","result","key","numberKey","Number","push","allDots","i","startDirection","stepDirection","sizeKey","renderDots","item","handleInputChange","newValue","nodeIndex","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","onSliderDragging","e","onSliderDraggingEnd","removeEventListener","handleSliderMouseDown","stopPropagation","addEventListener","handleClickMarks","createHandleButton","style2","tipLabel","replace","toString","onMouseDown","Tooltip","placement","content","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/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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,IAAMA,YAAY,CAAlB;AACA,IAAMC,aAAa,CAAnB;IAGMC,sBAASC,WACb,gBAkBEC,GAlBF,EAmBK;AAAA;;AAAA,MAjBDC,QAiBC,QAjBDA,QAiBC;AAAA,mCAhBDC,gBAgBC;AAAA,MAhBDA,gBAgBC,sCAhBkB,IAgBlB;AAAA,MAfDC,KAeC,QAfDA,KAeC;AAAA,yBAdDC,MAcC;AAAA,MAdDA,MAcC,4BAdQ,YAcR;AAAA,MAbDC,KAaC,QAbDA,KAaC;AAAA,sBAZDC,GAYC;AAAA,MAZDA,GAYC,yBAZK,GAYL;AAAA,sBAXDC,GAWC;AAAA,MAXDA,GAWC,yBAXK,CAWL;AAAA,MAVDC,KAUC,QAVDA,KAUC;AAAA,uBATDC,IASC;AAAA,MATDA,IASC,0BATM,CASN;AAAA,MARDC,YAQC,QARDA,YAQC;AAAA,MAPMC,UAON,QAPDC,KAOC;AAAA,MANDC,YAMC,QANDA,YAMC;AAAA,MALDC,QAKC,QALDA,QAKC;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,MAHDC,KAGC,QAHDA,KAGC;;mBACqBC;MAAhBC,yBAAAA;;MACFC,YAAYC;;oBACQC,WAAWV,YAAYE,cAAcC;;MAAxDF;MAAOU;;MACRC,aAAanB,WAAW;MAExBoB,cAAcC,MAAMC,OAAN,CAAcd,KAAd,IAAuBA,KAAvB,GAA+B,CAACL,GAAD,EAAMK,KAAN;MAC7Ce,QAAS,aAAY/B,aAAaW,GAAzB,WAAuCA,GAAvC;MACTqB,QAAS,aAAY/B,cAAc2B,YAAY5B,UAAtC,WAA2DW,GAA3D;MACTsB,MAAMF,QAAQC;MAEdE,OAA4DC,QAAQ,YAAM;QAE1EN,MAAMC,OAAN,CAAcrB,KAAd,GAAsB;UACpBA,MAAM2B,IAAN,CAAW,UAACC,IAAD;AAAA,eAAU,OAAOA,IAAP,KAAgB,QAA1B;AAAA,OAAX,GAAgD;gBAC1CC,KAAK;eACN;;;aAEF7B,MAAM8B,GAAN,CAAU,UAACF,IAAD;AAAA;AACfrB,UAAAA,OAAOqB;AACPG,UAAAA,UAAW,QAAO7B,GAAP,IAAcD;AACzBH,UAAAA,OAAO8B;SAHQ;AAAA,OAAV;;;QAOL5B,SAAS,QAAOA,KAAP,MAAiB,UAAU;UAChCgC,SAAS;;eAEJC,OAAOjC,OAAO;YACjBkC,YAAYC,OAAOF;;YACrB,OAAOC,SAAP,KAAqB,QAArB,IAAiC,CAACA,WAAW;kBACvCL,KAAK;eACR;iBACEO,KAAK;AACV7B,YAAAA,OAAO2B,SADG;AAEVpC,YAAAA,OAAOE,MAAMkC,UAFH;AAGVH,YAAAA,UAAW,aAAY7B,GAAZ,IAAmBD;AAHpB;;;;aAOT+B;;;WAEF;KACN,CAAC/B,GAAD,EAAMC,GAAN,EAAWF,KAAX;MAEGqC,UAAUX,QAAQ,YAAM;QAEtBM,SAAS;;aACNM,IAAIpC,KAAKoC,KAAKrC,KAAKqC,IAAIC,OAAOD,GAAGlC,OAAO;aACxCgC,KAAK;AACV7B,QAAAA,OAAO+B,CADG;AAEVP,QAAAA,UAAW,KAAI7B,GAAJ,WAAkBA,GAAlB;AAFD;;;WAKP8B;KACN,CAAC/B,GAAD,EAAMC,GAAN,EAAWE,IAAX;MAEGoC,iBAAiBtB,aAAa,WAAW;MACzCuB,gBAAgBvB,aAAa,QAAQ;MACrCwB,UAAUxB,aAAa,WAAW;MAClCyB,aAAazB,aAAaO,KAAKK,GAAL,CAAS,UAACc,IAAD;AAAA,2CAAgBA,IAAhB;AAAsBb,MAAAA,UAAU,IAAIa,KAAKb;AAAzC;AAAA,GAAT,IAAiEN;;MAE3FoB,oBAAoB,SAApBA,iBAAoB,CAACC,QAAD,EAAmBC,SAAnB,EAAmD;QACrEC,YAAYb,OAAOW,SAASG,OAAT,CAAiB,EAAjB;QACrBC,cAAcC,KAAKlD,GAAL,CAASkD,KAAKjD,GAAL,CAASD,GAAT,EAAc+C,SAAd,CAAT,EAAmC9C,GAAnC;QAEd6C,cAAcxD,SAAd,IAA2ByD,YAAYzC,MAAMf,2BAA2Be,MAAMf;QAE9EuD,cAAcvD,UAAd,IAA4BwD,YAAYzC,MAAMhB,0BAA0BgB,MAAMhB;;QAC9E6B,MAAMC,OAAN,CAAcd,KAAd,GAAsB;UAClB6C,WAAW7C,MAAM8C,KAAN;eACRN,aAAaG;eACbE;WACJ;eACIF;;;;MAIPI,cAAc,SAAdA,WAAc,CAACP,SAAD,EAAiC;QAC7CQ,aAAa,QAAO1D,gBAAP,MAA4B,QAA5B,GAAuCA,gBAAvC,GAA0D;QACvE2D,eAAerC,YAAY4B;uDAG9BU;AACCC,MAAAA,OAAM;AACNnD,MAAAA,OAAOiD;AACP/C,MAAAA,UAAU,kBAACkD,MAAD;AAAA,eAAmBd,kBAAkBV,OAAOwB,SAAQZ,UAApD;AAAA;AACVrC,MAAAA,WAAWkD,qBAAc/C,+BAA4B;AACnD,uBAAeK;AADoC;AAGrDtB,MAAAA,UAAAA;OACI2D;;;MAKJM,oBAAoB,SAApBA,iBAAoB,CAACF,MAAD,EAAmB;QACrCG,aACJX,KAAKY,GAAL,CAASJ,SAAQxC,YAAY5B,UAA7B,IAA2C4D,KAAKY,GAAL,CAASJ,SAAQxC,YAAY3B,WAA7B,CAA3C,GAAuFA,UAAvF,GAAoGD;sBACpFoE,QAAOG;;;MAGrBE,cAAc,SAAdA,WAAc,CAACjC,QAAD,EAAmBgB,SAAnB,EAAoD;QAClEkB,QAAQ;QACRC,cAAc;;aACT5B,IAAI,GAAGA,IAAID,QAAQ8B,QAAQ7B,KAAK;UACjC8B,OAAOjB,KAAKY,GAAL,CAAS1B,QAAQC,EAAR,CAAWP,QAAX,GAAsBA,QAA/B;;UACTmC,cAAcE,MAAM;gBACd9B;sBACM8B;;;;iBAGA/B,QAAQ4B,OAAlB1D;;QACJwC,cAAc,MAAd,IAA2B5C,OAAO;wBAClBwD;WACb;wBACaA,QAAOZ;;;;MAIvBsB,iBAAiB,SAAjBA,cAAiB,CAACC,KAAD,EAAuCvB,SAAvC,EAAwE;QACvFwB,YAAYrD,aAAa,YAAY;QACrCsD,qBAAqB1D,UAAU2D,OAAV,CAAkBC,qBAAlB;QACrBC,eAAeH,mBAAmBhC;QAClCT,WAAa,OAAMwC,aAAaI,YAAnB,IAAmCH,mBAAmB9B,QAAtD,iBAAgF,KAAK,CAArF;gBACPX,UAAUgB;;;MAGlB6B,mBAAmB,SAAnBA,gBAAmB,CAACN,KAAD,EAA0BX,MAA1B,EAA4C;UAC7DkB;sBACYlB;;;MAGdmB,qBAAqB,SAArBA,kBAAqB,CAAC/B,SAAD,EAA8BgC,MAA9B,EAA6D;QAChFvB,eAAerC,YAAY4B;QAE7BiC,WAAW,OAAOlF,KAAP,KAAiB,QAAjB,GAA4BA,MAAMmF,OAAN,CAAc,cAAd,EAA8BzB,aAAa0B,QAAb,EAA9B,CAA5B,GAAqFpF;QAChGkF,aAAa,IAAb,IAAqB,CAACA,qBAAqBxB;uDAG5C2B,oBAAD;AACEC,MAAAA;AACExF,QAAAA,UAAUE,UAAU;AACpBuF,QAAAA,SAASL;SACN3E,aAJP;AAMEQ,MAAAA,aAAAA,WANF;AAOEF,MAAAA,OAAOoE,MAPT;AAQEtE,MAAAA,UAAU,kBAAC6E,CAAD;AAAA,eAAOjB,eAAeiB,GAAGvC,UAAzB;AAAA;AARZ;;;qDAcD,OAAD;AACEpC,IAAAA,yBAAYA,MADd;AAEED,IAAAA,WAAWkD,qBAAc/C,mCAAgC;AACvD,qBAAeK;AADwC,MAF3D;AAKEvB,IAAAA,KAAAA;AALF,iDAOG,OAAD;AACEA,IAAAA,KAAKmB,SADP;AAEEJ,IAAAA,WAAWkD,WAAWlD,qBAAcG,mFAC9BA,8BAA4BjB,kDAC5BiB,kCAAgCK,oDAChCL,qCAAmChB,gCAL3C;AAOE0F,IAAAA,SAASlB;AAPX,iDASG,OAAD;AAAK3D,IAAAA,WAAWkD,qBAAc/C;AAA9B,iDACG,OAAD;AACEF,IAAAA,6CAAU6B,gBAAiBgD,gBAAgBlE,iCAASoB,SAAU8C,gBAAgBjE,gBADhF;AAEEb,IAAAA,WAAWkD,qBAAc/C;AAF3B,MAICV,QAAQ2E,mBAAmBvF,+BAAciD,gBAAiBgD,gBAAgBlE,WAAY,MACtFwD,mBAAmBtF,gCAAegD,gBAAiBgD,gBAAgBhE,oDACnE,OAAD;AAAKd,IAAAA,WAAWkD,qBAAc/C;AAA9B,KACG8B,WAAWb,GAAX,CAAe;AAAA,QAAGC,QAAH,SAAGA,QAAH;AAAA,cAAA,SAAaxB,KAAb;AAAA,uDACb,OAAD;AACE0B,MAAAA,KAAK0B,MADP;AAEEhD,MAAAA,2BAAU8B,eAAgB+C,gBAAgBzD,UAF5C;AAGErB,MAAAA,WAAWkD,qBAAc/C;AAH3B,MADc;AAAA,GAAf,gDAQF,OAAD;AAAKH,IAAAA,WAAWkD,qBAAc/C;AAA9B,KACG8B,WAAWb,GAAX,CAAe;AAAA,QAAGC,QAAH,SAAGA,QAAH;AAAA,cAAA,SAAaxB,KAAb;AAAA,cAAA,SAAoBT,KAApB;AAAA,uDACb,OAAD;AACEmC,MAAAA,KAAK0B,MADP;AAEE4B,MAAAA,SAAS,iBAACjB,KAAD;AAAA,eAAWM,iBAAiBN,OAAOX,OAAnC;AAAA,OAFX;AAGEhD,MAAAA,2BAAU8B,eAAgB+C,gBAAgBzD,UAH5C;AAIErB,MAAAA,WAAWkD,qBAAc/C;AAJ3B,OAMG4E,OAPW;AAAA,GAAf,MAaN5F,+DACE,OAAD;AAAKa,IAAAA,WAAWkD,qBAAc/C;AAA9B,KACGV,SAASmD,YAAY/D,YACrB+D,YAAY9D,eAEb;;AAMZC,OAAOiG,WAAP,GAAqB,QAArB;;;;"}

package/esm/slider/SliderHandleButton.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { TdTooltipProps } from '../_type/components/tooltip';
+interface SliderHandleButtonProps {
+    onChange: (event: React.MouseEvent | MouseEvent) => void;
+    classPrefix: string;
+    style: React.CSSProperties;
+    toolTipProps: TdTooltipProps;
+}
+declare const SliderHandleButton: React.FC<SliderHandleButtonProps>;
+export default SliderHandleButton;

package/esm/slider/SliderHandleButton.js

@@ -0,0 +1,99 @@
+/**
+ * tdesign v0.18.2
+ * (c) 2021 tdesign
+ * @license MIT
+ */
+
+import { _ as _defineProperty } from '../_chunks/dep-efe7433b.js';
+import { _ as _slicedToArray } from '../_chunks/dep-2f008905.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-cb80da27.js';
+import '../_chunks/dep-1189939f.js';
+import 'classnames';
+import '../popup/index.js';
+import '../popup/Popup.js';
+import 'react-popper';
+import '../_util/useDefault.js';
+import '../_util/noop.js';
+import '../_util/useConfig.js';
+import '../config-provider/ConfigContext.js';
+import '../locale/zh_CN.js';
+import '../_util/composeRefs.js';
+import '../_util/usePrevious.js';
+import '../popup/Portal.js';
+import 'react-dom';
+import '../popup/useTriggerProps.js';
+import '../_util/useClickOutside.js';
+import '../popup/style/index.js';
+import '../_type/components/popup/index.js';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var SliderHandleButton = function SliderHandleButton(_ref) {
+  var onChange = _ref.onChange,
+      style = _ref.style,
+      classPrefix = _ref.classPrefix,
+      toolTipProps = _ref.toolTipProps;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      popupVisible = _useState2[0],
+      setPopupVisible = _useState2[1];
+
+  var onSliderDragging = function onSliderDragging(e) {
+    onChange(e);
+  };
+
+  var onSliderDraggingEnd = function onSliderDraggingEnd() {
+    window.removeEventListener("mousemove", onSliderDragging);
+    window.removeEventListener("mouseup", onSliderDraggingEnd);
+    window.removeEventListener("touchmove", onSliderDragging);
+    window.removeEventListener("touchend", onSliderDraggingEnd);
+  };
+
+  var handleSliderMouseDown = function handleSliderMouseDown(e) {
+    e.stopPropagation();
+    setPopupVisible(true);
+    window.addEventListener("mousemove", onSliderDragging);
+    window.addEventListener("mouseup", onSliderDraggingEnd);
+    window.addEventListener("touchmove", onSliderDragging);
+    window.addEventListener("touchend", onSliderDraggingEnd);
+  };
+
+  var handleSliderEnter = function handleSliderEnter(event) {
+    event.stopPropagation();
+    setPopupVisible(true);
+  };
+
+  var handleSliderLeave = function handleSliderLeave(event) {
+    event.stopPropagation();
+    setPopupVisible(false);
+  };
+
+  return /* @__PURE__ */React__default.createElement("div", {
+    style: style,
+    className: "".concat(classPrefix, "-slider__button-wrapper"),
+    onMouseDown: function onMouseDown(e) {
+      return handleSliderMouseDown(e);
+    },
+    onMouseEnter: function onMouseEnter(e) {
+      return handleSliderEnter(e);
+    },
+    onMouseLeave: function onMouseLeave(e) {
+      return handleSliderLeave(e);
+    }
+  }, /* @__PURE__ */React__default.createElement(Tooltip, _objectSpread({
+    visible: popupVisible,
+    placement: "top"
+  }, toolTipProps), /* @__PURE__ */React__default.createElement("div", {
+    className: "".concat(classPrefix, "-slider__button")
+  })));
+};
+
+export { SliderHandleButton as default };
+//# sourceMappingURL=SliderHandleButton.js.map

package/esm/slider/SliderHandleButton.js.map

@@ -0,0 +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;;;;;"}

package/esm/slider/index.d.ts

@@ -1,5 +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 default Slider;

package/esm/slider/index.js

@@ -1,15 +1,16 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
 import Slider$1 from './Slider.js';
 import './style/index.js';
-import '../_chunks/dep-308ea020.js';
-import '../_chunks/dep-edc09aef.js';
-import '../_chunks/dep-01d52b00.js';
-import '../_chunks/dep-65d3c0dc.js';
+import '../_type/components/slider/index.js';
+import '../_chunks/dep-efe7433b.js';
+import '../_chunks/dep-65c183dc.js';
+import '../_chunks/dep-2f008905.js';
+import '../_chunks/dep-6a5b1968.js';
 import 'react';
 import 'classnames';
 import '../_util/useConfig.js';
@@ -18,21 +19,8 @@ import '../locale/zh_CN.js';
 import '../_util/useDefault.js';
 import '../_util/noop.js';
 import './utils/handleNumber.js';
-import '../tooltip/Tooltip.js';
-import '../_chunks/dep-34727236.js';
-import '../_chunks/dep-d77e1dab.js';
-import '../_chunks/dep-4f8d4a92.js';
-import '../popup/index.js';
-import '../popup/Popup.js';
-import 'react-popper';
-import '../_util/composeRefs.js';
-import '../_util/usePrevious.js';
-import '../popup/Portal.js';
-import 'react-dom';
-import '../popup/useTriggerProps.js';
-import '../_util/useClickOutside.js';
-import '../popup/style/index.js';
 import '../input-number/InputNumber.js';
+import '../_chunks/dep-016d27a7.js';
 import '../_util/useCommonClassName.js';
 import '../_util/useUpdateEffect.js';
 import '../input-number/StepHandler.js';
@@ -43,28 +31,47 @@ import '../_util/useRipple.js';
 import '../_util/setStyle.js';
 import '../loading/index.js';
 import '../loading/loading.js';
+import 'react-dom';
 import '../_util/dom.js';
 import 'raf';
-import '../_chunks/dep-8ce9524a.js';
-import '../_chunks/dep-72e49bf9.js';
-import '../_chunks/dep-50d67a9e.js';
-import '../_chunks/dep-6d4ba42b.js';
-import '../_chunks/dep-0bebd973.js';
+import '../_chunks/dep-e507e9db.js';
+import '../_chunks/dep-cb80da27.js';
+import '../_chunks/dep-b6ff8559.js';
+import '../_chunks/dep-1189939f.js';
+import '../_chunks/dep-9ad4f4b7.js';
+import '../_chunks/dep-4e491803.js';
+import '../_chunks/dep-f3eac264.js';
 import '../_util/easing.js';
 import '../common/Portal.js';
 import '../loading/style/index.js';
+import '../_type/components/loading/index.js';
 import '../button/style/index.js';
+import '../_type/components/button/index.js';
 import '../input-number/utils/numberUtils.js';
 import '../input/index.js';
 import '../input/Input.js';
-import '../_chunks/dep-169d1f12.js';
-import '../_chunks/dep-d637b20e.js';
-import '../_chunks/dep-a80d1e95.js';
+import '../_chunks/dep-83646039.js';
+import '../_chunks/dep-504203df.js';
+import '../_chunks/dep-74a044dc.js';
 import '../_util/forwardRefWithStatics.js';
 import 'hoist-non-react-statics';
 import '../input/InputGroup.js';
 import '../_util/useDefaultValue.js';
 import '../input/style/index.js';
+import '../_type/components/input/index.js';
+import './SliderHandleButton.js';
+import '../tooltip/Tooltip.js';
+import '../popup/index.js';
+import '../popup/Popup.js';
+import 'react-popper';
+import '../_util/composeRefs.js';
+import '../_util/usePrevious.js';
+import '../popup/Portal.js';
+import '../popup/useTriggerProps.js';
+import '../_util/useClickOutside.js';
+import '../popup/style/index.js';
+import '../_type/components/popup/index.js';
+import '../_util/number.js';
 
 var Slider = Slider$1;
 

package/esm/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';\n\nexport const Slider = _Slider;\nexport default Slider;\n"],"names":["Slider","_Slider"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAMaA,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/components/slider';\n\nexport const Slider = _Slider;\nexport default Slider;\n"],"names":["Slider","_Slider"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOaA,SAASC;;;;"}

package/esm/slider/utils/handleNumber.js

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

package/esm/steps/StepItem.js

@@ -1,10 +1,10 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-308ea020.js';
+import { _ as _defineProperty } from '../_chunks/dep-efe7433b.js';
 import React__default, { useContext } from 'react';
 import classNames from 'classnames';
 import { CheckIcon, CloseIcon } from 'tdesign-icons-react';

package/esm/steps/Steps.js

@@ -1,10 +1,10 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-308ea020.js';
+import { _ as _defineProperty } from '../_chunks/dep-efe7433b.js';
 import React__default, { useRef, useEffect } from 'react';
 import classNames from 'classnames';
 import useConfig from '../_util/useConfig.js';

package/esm/steps/StepsContext.js

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

package/esm/steps/index.d.ts

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

package/esm/steps/index.js

@@ -1,12 +1,13 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
 import Steps$1 from './Steps.js';
 import './style/index.js';
-import '../_chunks/dep-308ea020.js';
+import '../_type/components/steps/index.js';
+import '../_chunks/dep-efe7433b.js';
 import 'react';
 import 'classnames';
 import '../_util/useConfig.js';

package/esm/steps/index.js.map

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

package/esm/swiper/Swiper.js

@@ -1,17 +1,17 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-308ea020.js';
-import { _ as _slicedToArray } from '../_chunks/dep-01d52b00.js';
+import { _ as _defineProperty } from '../_chunks/dep-efe7433b.js';
+import { _ as _slicedToArray } from '../_chunks/dep-2f008905.js';
 import React__default, { 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-65d3c0dc.js';
+import '../_chunks/dep-6a5b1968.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
 

package/esm/swiper/SwiperItem.js

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

package/esm/swiper/index.d.ts

@@ -2,6 +2,7 @@
 import './style/index.js';
 export type { SwiperProps } from './Swiper';
 export type { SwiperItemProps } from './SwiperItem';
+export * from '../_type/components/swiper';
 export declare const Swiper: {
     (props: import("./Swiper").SwiperProps): JSX.Element;
     SwiperItem: {

package/esm/swiper/index.js

@@ -1,14 +1,15 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
 import Swiper$1 from './Swiper.js';
 import './style/index.js';
-import '../_chunks/dep-308ea020.js';
-import '../_chunks/dep-01d52b00.js';
-import '../_chunks/dep-65d3c0dc.js';
+import '../_type/components/swiper/index.js';
+import '../_chunks/dep-efe7433b.js';
+import '../_chunks/dep-2f008905.js';
+import '../_chunks/dep-6a5b1968.js';
 import 'react';
 import 'classnames';
 import '../_util/useConfig.js';

package/esm/swiper/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/swiper/index.ts"],"sourcesContent":["import _Swiper from './Swiper';\n\nimport './style/index.js';\n\nexport type { SwiperProps } from './Swiper';\nexport type { SwiperItemProps } from './SwiperItem';\n\nexport const Swiper = _Swiper;\n\nexport default Swiper;\n"],"names":["Swiper","_Swiper"],"mappings":";;;;;;;;;;;;;;;;;;;IAOaA,SAASC;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/swiper/index.ts"],"sourcesContent":["import _Swiper from './Swiper';\n\nimport './style/index.js';\n\nexport type { SwiperProps } from './Swiper';\nexport type { SwiperItemProps } from './SwiperItem';\nexport * from '../_type/components/swiper';\n\nexport const Swiper = _Swiper;\n\nexport default Swiper;\n"],"names":["Swiper","_Swiper"],"mappings":";;;;;;;;;;;;;;;;;;;;IAQaA,SAASC;;;;"}

package/esm/switch/Switch.js

@@ -1,20 +1,36 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-308ea020.js';
-import { _ as _slicedToArray } from '../_chunks/dep-01d52b00.js';
-import { _ as _objectWithoutProperties } from '../_chunks/dep-34727236.js';
+import { _ as _defineProperty } from '../_chunks/dep-efe7433b.js';
+import { _ as _slicedToArray } from '../_chunks/dep-2f008905.js';
+import { _ as _objectWithoutProperties } from '../_chunks/dep-016d27a7.js';
 import React__default, { forwardRef, useState, useEffect } from 'react';
 import classNames from 'classnames';
-import { LoadingIcon } from 'tdesign-icons-react';
+import { Loading } from '../loading/index.js';
 import useConfig from '../_util/useConfig.js';
 import useCommonClassName from '../_util/useCommonClassName.js';
-import '../_chunks/dep-65d3c0dc.js';
+import '../_chunks/dep-6a5b1968.js';
+import '../loading/loading.js';
+import 'react-dom';
+import '../_util/dom.js';
+import 'raf';
+import '../_chunks/dep-e507e9db.js';
+import '../_chunks/dep-cb80da27.js';
+import '../_chunks/dep-b6ff8559.js';
+import '../_chunks/dep-1189939f.js';
+import '../_chunks/dep-9ad4f4b7.js';
+import '../_chunks/dep-4e491803.js';
+import '../_chunks/dep-f3eac264.js';
+import '../_util/easing.js';
+import '../common/Portal.js';
+import '../_chunks/dep-65c183dc.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
+import '../loading/style/index.js';
+import '../_type/components/loading/index.js';
 
 var _excluded = ["className", "value", "defaultValue", "disabled", "loading", "size", "label", "customValue", "onChange"];
 
@@ -103,7 +119,10 @@ var Switch = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onClick: onInternalClick
   }), /* @__PURE__ */React__default.createElement("span", {
     className: "".concat(classPrefix, "-switch__handle")
-  }, loading && /* @__PURE__ */React__default.createElement(LoadingIcon, null)), /* @__PURE__ */React__default.createElement("div", {
+  }, loading && /* @__PURE__ */React__default.createElement(Loading, {
+    loading: true,
+    size: "small"
+  })), /* @__PURE__ */React__default.createElement("div", {
     className: "".concat(classPrefix, "-switch__content")
   }, renderContent(innerChecked)));
 });

package/esm/switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sources":["../../src/switch/Switch.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useState } from 'react';\nimport classNames from 'classnames';\nimport { LoadingIcon } from 'tdesign-icons-react';\nimport useConfig from '../_util/useConfig';\nimport { StyledProps } from '../_type';\nimport useCommonClassName from '../_util/useCommonClassName';\nimport { TdSwitchProps } from '../_type/components/switch';\n\nexport type SwitchChangeEventHandler = (value: boolean, event: React.MouseEvent<HTMLButtonElement>) => void;\nexport type SwitchClickEventHandler = SwitchChangeEventHandler;\n\nexport interface SwitchProps extends TdSwitchProps, StyledProps {}\n\nconst Switch = forwardRef<HTMLButtonElement, SwitchProps>(\n  ({ className, value, defaultValue, disabled, loading, size, label, customValue, onChange, ...restProps }, ref) => {\n    const { classPrefix } = useConfig();\n    const [activeValue = true, inactiveValue = false] = customValue || [];\n\n    const isControlled = typeof value !== 'undefined';\n    const initChecked = defaultValue === activeValue || value === activeValue;\n    const [innerChecked, setInnerChecked] = useState(initChecked);\n\n    function renderContent(checked) {\n      if (typeof label === 'function') return label({ value });\n\n      if (typeof label === 'string') return label;\n\n      if (Array.isArray(label)) {\n        const [activeContent = '', inactiveContent = ''] = label;\n        const content = checked ? activeContent : inactiveContent;\n\n        if (typeof content === 'function') return content();\n\n        return content;\n      }\n\n      return null;\n    }\n\n    function onInternalClick() {\n      if (disabled) return;\n\n      !isControlled && setInnerChecked(!innerChecked);\n\n      const changedValue = !innerChecked ? activeValue : inactiveValue;\n      onChange?.(changedValue);\n    }\n\n    useEffect(() => {\n      if (Array.isArray(customValue) && !customValue.includes(value)) {\n        throw `value is not in customValue: ${JSON.stringify(customValue)}`;\n      }\n      isControlled && setInnerChecked(value === activeValue);\n    }, [value, customValue, activeValue, isControlled]);\n\n    const { SIZE, STATUS } = useCommonClassName();\n    const switchClassName = classNames(\n      `${classPrefix}-switch`,\n      className,\n      {\n        [STATUS.checked]: innerChecked,\n        [STATUS.disabled]: disabled,\n        [STATUS.loading]: loading,\n      },\n      SIZE[size],\n    );\n\n    return (\n      <button\n        {...restProps}\n        type=\"button\"\n        role=\"switch\"\n        disabled={disabled || loading}\n        className={switchClassName}\n        ref={ref}\n        onClick={onInternalClick}\n      >\n        <span className={`${classPrefix}-switch__handle`}>{loading && <LoadingIcon />}</span>\n        <div className={`${classPrefix}-switch__content`}>{renderContent(innerChecked)}</div>\n      </button>\n    );\n  },\n);\n\nSwitch.displayName = 'Switch';\n\nexport default Switch;\n"],"names":["Switch","forwardRef","ref","className","value","defaultValue","disabled","loading","size","label","customValue","onChange","restProps","useConfig","classPrefix","activeValue","inactiveValue","isControlled","initChecked","useState","innerChecked","setInnerChecked","checked","Array","isArray","activeContent","inactiveContent","content","changedValue","includes","JSON","stringify","useCommonClassName","SIZE","STATUS","switchClassName","classNames","type","role","onClick","onInternalClick","LoadingIcon","renderContent","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;IAaMA,sBAASC,WACb,gBAA0GC,GAA1G,EAAkH;AAAA;;AAAA,MAA/GC,SAA+G,QAA/GA,SAA+G;AAAA,MAApGC,KAAoG,QAApGA,KAAoG;AAAA,MAA7FC,YAA6F,QAA7FA,YAA6F;AAAA,MAA/EC,QAA+E,QAA/EA,QAA+E;AAAA,MAArEC,OAAqE,QAArEA,OAAqE;AAAA,MAA5DC,IAA4D,QAA5DA,IAA4D;AAAA,MAAtDC,KAAsD,QAAtDA,KAAsD;AAAA,MAA/CC,WAA+C,QAA/CA,WAA+C;AAAA,MAAlCC,QAAkC,QAAlCA,QAAkC;AAAA,MAArBC,SAAqB;;mBACxFC;MAAhBC,yBAAAA;;cAC4CJ,eAAe;;;MAA5DK,kCAAc;;MAAMC,qCAAgB;;MAErCC,eAAe,OAAOb,KAAP,KAAiB;MAChCc,cAAcb,iBAAiBU,WAAjB,IAAgCX,UAAUW;;kBACtBI,SAASD;;MAA1CE;MAAcC;;yBAEEC,SAAS;QAC1B,OAAOb,KAAP,KAAiB,mBAAmBA,MAAM;AAAEL,MAAAA,OAAAA;AAAF;QAE1C,OAAOK,KAAP,KAAiB,iBAAiBA;;QAElCc,MAAMC,OAAN,CAAcf,KAAd,GAAsB;kCAC2BA;;UAA5CgB,qCAAgB;;UAAIC,wCAAkB;;UACvCC,UAAUL,UAAUG,gBAAgBC;UAEtC,OAAOC,OAAP,KAAmB,mBAAmBA;aAEnCA;;;WAGF;;;6BAGkB;QACrBrB;KAEHW,gBAAgBI,gBAAgB,CAACD;QAE5BQ,eAAe,CAACR,YAAD,GAAgBL,WAAhB,GAA8BC;iEACxCY;;;YAGH,YAAM;QACVL,MAAMC,OAAN,CAAcd,WAAd,KAA8B,CAACA,YAAYmB,QAAZ,CAAqBzB,KAArB,GAA6B;mDACxB0B,KAAKC,SAAL,CAAerB,WAAf;;;oBAExBW,gBAAgBjB,UAAUW;KACzC,CAACX,KAAD,EAAQM,WAAR,EAAqBK,WAArB,EAAkCE,YAAlC;;4BAEsBe;MAAjBC,2BAAAA;MAAMC,6BAAAA;;MACRC,kBAAkBC,qBACnBtB,yBACHX,2DAEG+B,OAAOZ,SAAUF,4CACjBc,OAAO5B,UAAWA,wCAClB4B,OAAO3B,SAAUA,wBAEpB0B,KAAKzB;qDAIJ,0CACKI;AACJyB,IAAAA,MAAK;AACLC,IAAAA,MAAK;AACLhC,IAAAA,UAAUA,YAAYC;AACtBJ,IAAAA,WAAWgC;AACXjC,IAAAA,KAAAA;AACAqC,IAAAA,SAASC;kDAER,QAAD;AAAMrC,IAAAA,qBAAcW;AAApB,KAAmDP,uDAAYkC,aAAD,oDAC7D,OAAD;AAAKtC,IAAAA,qBAAcW;AAAnB,KAAmD4B,cAActB;;AAMzEpB,OAAO2C,WAAP,GAAqB,QAArB;;;;"}
+{"version":3,"file":"Switch.js","sources":["../../src/switch/Switch.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useState } from 'react';\nimport classNames from 'classnames';\nimport Loading from '../loading';\nimport useConfig from '../_util/useConfig';\nimport { StyledProps } from '../_type';\nimport useCommonClassName from '../_util/useCommonClassName';\nimport { TdSwitchProps } from '../_type/components/switch';\n\nexport type SwitchChangeEventHandler = (value: boolean, event: React.MouseEvent<HTMLButtonElement>) => void;\nexport type SwitchClickEventHandler = SwitchChangeEventHandler;\n\nexport interface SwitchProps extends TdSwitchProps, StyledProps {}\n\nconst Switch = forwardRef<HTMLButtonElement, SwitchProps>(\n  ({ className, value, defaultValue, disabled, loading, size, label, customValue, onChange, ...restProps }, ref) => {\n    const { classPrefix } = useConfig();\n    const [activeValue = true, inactiveValue = false] = customValue || [];\n\n    const isControlled = typeof value !== 'undefined';\n    const initChecked = defaultValue === activeValue || value === activeValue;\n    const [innerChecked, setInnerChecked] = useState(initChecked);\n\n    function renderContent(checked) {\n      if (typeof label === 'function') return label({ value });\n\n      if (typeof label === 'string') return label;\n\n      if (Array.isArray(label)) {\n        const [activeContent = '', inactiveContent = ''] = label;\n        const content = checked ? activeContent : inactiveContent;\n\n        if (typeof content === 'function') return content();\n\n        return content;\n      }\n\n      return null;\n    }\n\n    function onInternalClick() {\n      if (disabled) return;\n\n      !isControlled && setInnerChecked(!innerChecked);\n\n      const changedValue = !innerChecked ? activeValue : inactiveValue;\n      onChange?.(changedValue);\n    }\n\n    useEffect(() => {\n      if (Array.isArray(customValue) && !customValue.includes(value)) {\n        throw `value is not in customValue: ${JSON.stringify(customValue)}`;\n      }\n      isControlled && setInnerChecked(value === activeValue);\n    }, [value, customValue, activeValue, isControlled]);\n\n    const { SIZE, STATUS } = useCommonClassName();\n    const switchClassName = classNames(\n      `${classPrefix}-switch`,\n      className,\n      {\n        [STATUS.checked]: innerChecked,\n        [STATUS.disabled]: disabled,\n        [STATUS.loading]: loading,\n      },\n      SIZE[size],\n    );\n\n    return (\n      <button\n        {...restProps}\n        type=\"button\"\n        role=\"switch\"\n        disabled={disabled || loading}\n        className={switchClassName}\n        ref={ref}\n        onClick={onInternalClick}\n      >\n        <span className={`${classPrefix}-switch__handle`}>{loading && <Loading loading={true} size=\"small\" />}</span>\n        <div className={`${classPrefix}-switch__content`}>{renderContent(innerChecked)}</div>\n      </button>\n    );\n  },\n);\n\nSwitch.displayName = 'Switch';\n\nexport default Switch;\n"],"names":["Switch","forwardRef","ref","className","value","defaultValue","disabled","loading","size","label","customValue","onChange","restProps","useConfig","classPrefix","activeValue","inactiveValue","isControlled","initChecked","useState","innerChecked","setInnerChecked","checked","Array","isArray","activeContent","inactiveContent","content","changedValue","includes","JSON","stringify","useCommonClassName","SIZE","STATUS","switchClassName","classNames","type","role","onClick","onInternalClick","Loading","renderContent","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAaMA,sBAASC,WACb,gBAA0GC,GAA1G,EAAkH;AAAA;;AAAA,MAA/GC,SAA+G,QAA/GA,SAA+G;AAAA,MAApGC,KAAoG,QAApGA,KAAoG;AAAA,MAA7FC,YAA6F,QAA7FA,YAA6F;AAAA,MAA/EC,QAA+E,QAA/EA,QAA+E;AAAA,MAArEC,OAAqE,QAArEA,OAAqE;AAAA,MAA5DC,IAA4D,QAA5DA,IAA4D;AAAA,MAAtDC,KAAsD,QAAtDA,KAAsD;AAAA,MAA/CC,WAA+C,QAA/CA,WAA+C;AAAA,MAAlCC,QAAkC,QAAlCA,QAAkC;AAAA,MAArBC,SAAqB;;mBACxFC;MAAhBC,yBAAAA;;cAC4CJ,eAAe;;;MAA5DK,kCAAc;;MAAMC,qCAAgB;;MAErCC,eAAe,OAAOb,KAAP,KAAiB;MAChCc,cAAcb,iBAAiBU,WAAjB,IAAgCX,UAAUW;;kBACtBI,SAASD;;MAA1CE;MAAcC;;yBAEEC,SAAS;QAC1B,OAAOb,KAAP,KAAiB,mBAAmBA,MAAM;AAAEL,MAAAA,OAAAA;AAAF;QAE1C,OAAOK,KAAP,KAAiB,iBAAiBA;;QAElCc,MAAMC,OAAN,CAAcf,KAAd,GAAsB;kCAC2BA;;UAA5CgB,qCAAgB;;UAAIC,wCAAkB;;UACvCC,UAAUL,UAAUG,gBAAgBC;UAEtC,OAAOC,OAAP,KAAmB,mBAAmBA;aAEnCA;;;WAGF;;;6BAGkB;QACrBrB;KAEHW,gBAAgBI,gBAAgB,CAACD;QAE5BQ,eAAe,CAACR,YAAD,GAAgBL,WAAhB,GAA8BC;iEACxCY;;;YAGH,YAAM;QACVL,MAAMC,OAAN,CAAcd,WAAd,KAA8B,CAACA,YAAYmB,QAAZ,CAAqBzB,KAArB,GAA6B;mDACxB0B,KAAKC,SAAL,CAAerB,WAAf;;;oBAExBW,gBAAgBjB,UAAUW;KACzC,CAACX,KAAD,EAAQM,WAAR,EAAqBK,WAArB,EAAkCE,YAAlC;;4BAEsBe;MAAjBC,2BAAAA;MAAMC,6BAAAA;;MACRC,kBAAkBC,qBACnBtB,yBACHX,2DAEG+B,OAAOZ,SAAUF,4CACjBc,OAAO5B,UAAWA,wCAClB4B,OAAO3B,SAAUA,wBAEpB0B,KAAKzB;qDAIJ,0CACKI;AACJyB,IAAAA,MAAK;AACLC,IAAAA,MAAK;AACLhC,IAAAA,UAAUA,YAAYC;AACtBJ,IAAAA,WAAWgC;AACXjC,IAAAA,KAAAA;AACAqC,IAAAA,SAASC;kDAER,QAAD;AAAMrC,IAAAA,qBAAcW;AAApB,KAAmDP,uDAAYkC,SAAD;AAASlC,IAAAA,SAAS,IAAlB;AAAwBC,IAAAA,MAAK;AAA7B,mDAC7D,OAAD;AAAKL,IAAAA,qBAAcW;AAAnB,KAAmD4B,cAActB;;AAMzEpB,OAAO2C,WAAP,GAAqB,QAArB;;;;"}

package/esm/switch/index.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import './style/index.js';
 export type { SwitchProps } from './Switch';
+export * from '../_type/components/switch';
 export declare const Switch: import("react").ForwardRefExoticComponent<import("./Switch").SwitchProps & import("react").RefAttributes<HTMLButtonElement>>;
 export default Switch;

package/esm/switch/index.js

@@ -1,21 +1,38 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
 import Switch$1 from './Switch.js';
 import './style/index.js';
-import '../_chunks/dep-308ea020.js';
-import '../_chunks/dep-01d52b00.js';
-import '../_chunks/dep-65d3c0dc.js';
-import '../_chunks/dep-34727236.js';
+import '../_type/components/switch/index.js';
+import '../_chunks/dep-efe7433b.js';
+import '../_chunks/dep-2f008905.js';
+import '../_chunks/dep-6a5b1968.js';
+import '../_chunks/dep-016d27a7.js';
 import 'react';
 import 'classnames';
-import 'tdesign-icons-react';
+import '../loading/index.js';
+import '../loading/loading.js';
+import 'react-dom';
+import '../_util/dom.js';
+import 'raf';
+import '../_chunks/dep-e507e9db.js';
+import '../_chunks/dep-cb80da27.js';
+import '../_chunks/dep-b6ff8559.js';
+import '../_chunks/dep-1189939f.js';
+import '../_chunks/dep-9ad4f4b7.js';
+import '../_chunks/dep-4e491803.js';
+import '../_chunks/dep-f3eac264.js';
+import '../_util/easing.js';
 import '../_util/useConfig.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
+import '../common/Portal.js';
+import '../_chunks/dep-65c183dc.js';
+import '../loading/style/index.js';
+import '../_type/components/loading/index.js';
 import '../_util/useCommonClassName.js';
 
 var Switch = Switch$1;

package/esm/switch/index.js.map

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