tdesign-react 0.19.1 → 0.21.0

package/cjs/select/base/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../../src/select/base/Select.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, Ref, ReactElement } from 'react';\nimport { CloseCircleFilledIcon } from 'tdesign-icons-react';\nimport classNames from 'classnames';\nimport isFunction from 'lodash/isFunction';\nimport get from 'lodash/get';\nimport isString from 'lodash/isString';\n\nimport { useLocaleReceiver } from '../../locale/LocalReceiver';\nimport useConfig from '../../_util/useConfig';\nimport composeRefs from '../../_util/composeRefs';\nimport useDefaultValue from '../../_util/useDefaultValue';\nimport forwardRefWithStatics from '../../_util/forwardRefWithStatics';\nimport { getLabel, getMultipleTags, getSelectValueArr } from '../util/helper';\nimport noop from '../../_util/noop';\n\nimport FakeArrow from '../../common/FakeArrow';\nimport Loading from '../../loading';\nimport Input from '../../input';\nimport Popup from '../../popup';\nimport Tag from '../../tag';\nimport Option, { SelectOptionProps } from './Option';\nimport OptionGroup from './OptionGroup';\nimport PopupContent from './PopupContent';\n\nimport { TdSelectProps, SelectValue, TdOptionProps } from '../type';\nimport { StyledProps } from '../../common';\n\nconst MAX_OVERLAY_WIDTH = 500;\n\nexport interface SelectProps extends TdSelectProps, StyledProps {\n  // 子节点\n  children?: React.ReactNode;\n}\n\ntype OptionsType = TdOptionProps[];\n\nconst Select = forwardRefWithStatics(\n  (props: SelectProps, ref: Ref<HTMLDivElement>) => {\n    // 国际化文本初始化\n    const [local, t] = useLocaleReceiver('select');\n    const emptyText = t(local.loadingText);\n\n    const {\n      bordered = true,\n      creatable,\n      filter,\n      loadingText = emptyText,\n      max = 0,\n      popupProps,\n      reserveKeyword,\n      value,\n      className,\n      style,\n      disabled,\n      size,\n      multiple,\n      placeholder,\n      clearable,\n      prefixIcon,\n      options,\n      filterable,\n      loading,\n      onFocus,\n      onBlur,\n      onClear = noop,\n      onCreate,\n      onRemove,\n      onSearch,\n      onChange,\n      empty,\n      valueType = 'value',\n      keys,\n      children,\n      collapsedItems,\n      minCollapsedNum,\n      valueDisplay,\n      onEnter,\n      onVisibleChange,\n    } = useDefaultValue(props);\n\n    const { classPrefix } = useConfig();\n\n    const name = `${classPrefix}-select`; // t-select\n\n    let selectedLabel = '';\n\n    const [showPopup, setShowPopup] = useState(false);\n    const [isHover, toggleHover] = useState(false);\n    const [inputVal, setInputVal] = useState<string>(undefined);\n    const [currentOptions, setCurrentOptions] = useState([]);\n\n    const [width, setWidth] = useState(0);\n\n    const selectRef = useRef(null);\n    const overlayRef = useRef(null);\n\n    if (value) {\n      selectedLabel = getLabel(children, value, currentOptions, keys);\n    }\n\n    // 计算Select的宽高\n    useEffect(() => {\n      if (showPopup && selectRef?.current) {\n        const domRect = selectRef.current.getBoundingClientRect();\n        const overlayRect = overlayRef?.current?.getContentRef?.getBoundingClientRect?.();\n\n        // 获取overlay的内容的宽度进行比较 如果比select本身宽，则优先使用overlay内容宽度，减少text被省略展示的情况\n        const width =\n          domRect.width > MAX_OVERLAY_WIDTH\n            ? domRect.width\n            : Math.min(MAX_OVERLAY_WIDTH, Math.max(domRect.width, overlayRect?.width));\n\n        setWidth(width);\n      }\n    }, [showPopup]);\n\n    useEffect(() => {\n      onVisibleChange?.(showPopup);\n    }, [showPopup, onVisibleChange]);\n\n    // 处理设置option的逻辑\n    useEffect(() => {\n      if (keys) {\n        // 如果有定制keys 先做转换\n        const transformedOptions = options.map((option) => ({\n          ...option,\n          value: get(option, keys?.value || 'value'),\n          label: get(option, keys?.label || 'label'),\n        }));\n        setCurrentOptions(transformedOptions);\n      } else {\n        setCurrentOptions(options);\n      }\n    }, [options, keys, children]);\n\n    // handle click outside\n    useEffect(() => {\n      const listener = (event: MouseEvent | TouchEvent) => {\n        if (!selectRef.current || selectRef.current.contains(event.target)) {\n          return;\n        }\n        if (showPopup) {\n          setShowPopup(false);\n        }\n        if (!showPopup) {\n          toggleHover(false);\n        }\n      };\n      document.addEventListener('click', listener);\n      return () => {\n        document.removeEventListener('click', listener);\n      };\n    }, [showPopup, onVisibleChange]);\n\n    // 移除 Tag\n    const removeTag = (\n      event?: React.MouseEvent,\n      selectValue?: SelectValue,\n      tagData?: {\n        label?: string;\n        value?: string | number;\n      },\n    ) => {\n      event.stopPropagation();\n      const values = getSelectValueArr(value, selectValue, true, valueType, keys);\n      onChange(values);\n      if (isFunction(onRemove)) {\n        onRemove({ value: tagData.value, data: tagData, e: event as React.MouseEvent<HTMLDivElement, MouseEvent> });\n      }\n    };\n\n    // 选中 Popup 某项\n    const handleChange: SelectOptionProps['onSelect'] = (value, { label }) => {\n      onChange(value);\n\n      if (filterable) {\n        setInputVal(!multiple || (reserveKeyword && multiple) ? label : '');\n      }\n      if (creatable && isFunction(onCreate)) {\n        if ((options as OptionsType).filter((option) => option.value === value).length === 0) {\n          onCreate(value);\n        }\n      }\n    };\n\n    // 处理filter逻辑\n    const handleFilter = (value: string) => {\n      let filteredOptions: OptionsType;\n      if (value.length === 0) {\n        setCurrentOptions(options);\n        return;\n      }\n\n      if (filter && isFunction(filter)) {\n        // 如果有自定义的filter方法 使用自定义的filter方法\n        filteredOptions = Array.isArray(options) && options.filter((option) => filter(value, option));\n      } else {\n        const filterRegExp = new RegExp(value, 'i');\n        filteredOptions = Array.isArray(options) && options.filter((option) => filterRegExp.test(option?.label)); // 不区分大小写\n      }\n\n      if (creatable) {\n        filteredOptions = filteredOptions.concat([{ label: value, value }]);\n      }\n      setCurrentOptions(filteredOptions);\n    };\n\n    // 处理输入框逻辑\n    const handleInputChange = (value: string) => {\n      setInputVal(value);\n\n      if (isFunction(onSearch)) {\n        onSearch(value);\n        return;\n      }\n\n      handleFilter(value);\n    };\n\n    const defaultLabel = (\n      <span\n        className={classNames(\n          className,\n          { [`${name}-placeholder`]: !value || (Array.isArray(value) && value.length < 1) },\n          {\n            [`${name}-selectedSingle`]: selectedLabel,\n          },\n        )}\n      >\n        {selectedLabel || placeholder || '-请选择-'}\n      </span>\n    );\n\n    const renderMultipleTags = () => {\n      if (multiple && Array.isArray(value) && value.length > 0) {\n        let tags: OptionsType;\n        let optionValue = [];\n        if (valueType === 'value') {\n          if (currentOptions) {\n            optionValue = currentOptions.filter((option) => value.includes(option?.value));\n          }\n          if (children && Array.isArray(children)) {\n            optionValue = children\n              .reduce(\n                (acc, item: ReactElement) =>\n                  acc.concat({ value: item.props.value, label: item.props.label || item.props.children }),\n                [],\n              )\n              .filter((option) => value.includes(option?.value));\n          }\n\n          tags = getMultipleTags(optionValue, keys);\n        } else {\n          tags = getMultipleTags(value, keys);\n        }\n        if (tags.length > 0)\n          return (\n            <>\n              {tags.slice(0, minCollapsedNum).map((item) => (\n                <Tag\n                  closable={!disabled}\n                  key={item.value}\n                  onClose={({ e }) => removeTag(e, item.value, item)}\n                  disabled={disabled}\n                  size={size}\n                >\n                  {item.label}\n                </Tag>\n              ))}\n              {collapsedItems}\n              {minCollapsedNum && tags.length - minCollapsedNum > 0 && !collapsedItems ? (\n                <Tag size={size}> {`+${tags.length - minCollapsedNum}`}</Tag>\n              ) : null}\n            </>\n          );\n        return !filterable ? defaultLabel : null;\n      }\n      return !filterable ? defaultLabel : null;\n    };\n\n    const renderInput = () => {\n      const isEmpty = !value || (Array.isArray(value) && value.length === 0);\n      return (\n        <Input\n          value={isString(inputVal) ? inputVal : selectedLabel}\n          placeholder={isEmpty ? placeholder || '-请选择-' : undefined}\n          className={`${name}-input`}\n          onChange={handleInputChange}\n          onFocus={(_, context) => onFocus?.({ value, e: context?.e })}\n          onBlur={(_, context) => onBlur?.({ value, e: context?.e })}\n          onEnter={(_, context) => onEnter?.({ inputValue: inputVal, value, e: context?.e })}\n        />\n      );\n    };\n\n    const onInputClick = (e: React.MouseEvent) => {\n      e.preventDefault();\n      if (!disabled) {\n        setShowPopup(!showPopup);\n      }\n    };\n\n    const onClearValue = (event: React.MouseEvent) => {\n      event.stopPropagation();\n      if (Array.isArray(value)) {\n        onChange([]);\n      } else {\n        onChange('');\n      }\n      // Icon组件目前的ref\n      onClear({ e: event as React.MouseEvent<HTMLDivElement, MouseEvent> });\n    };\n\n    // 渲染后置图标\n    const renderSuffixIcon = () => {\n      if (loading) {\n        return (\n          <Loading\n            className={classNames(className, `${name}-right-icon`, `${name}-active-icon`)}\n            loading={true}\n            size=\"small\"\n          />\n        );\n      }\n      if (clearable && value && isHover) {\n        return (\n          <CloseCircleFilledIcon\n            onClick={clearable ? onClearValue : undefined}\n            className={classNames(className, `${name}-right-icon`, `${name}-right-icon__clear`)}\n          />\n        );\n      }\n      return <FakeArrow overlayClassName={`${name}-right-icon`} isActive={showPopup} disabled={disabled} />;\n    };\n\n    const popupContentProps = {\n      onChange: handleChange,\n      value,\n      className,\n      size,\n      multiple,\n      showPopup,\n      setShowPopup,\n      options: currentOptions,\n      empty,\n      max,\n      loadingText,\n      loading,\n      valueType,\n      keys,\n    };\n\n    const renderContent = () => <PopupContent {...popupContentProps}>{children}</PopupContent>;\n\n    const renderMultipleInput = () => {\n      if (valueDisplay) {\n        return valueDisplay({ value: value as OptionsType, onClose: removeTag }) || defaultLabel;\n      }\n      return renderMultipleTags();\n    };\n    return (\n      <div\n        className={`${name}-wrap`}\n        style={{ ...style }}\n        onMouseEnter={() => toggleHover(true)}\n        onMouseLeave={() => toggleHover(false)}\n      >\n        <Popup\n          content={renderContent()}\n          placement=\"bottom-left\"\n          visible={showPopup}\n          overlayStyle={{\n            width: width ? `${width}px` : 'none',\n          }}\n          overlayClassName={classNames(className, `${name}-dropdown`, `${classPrefix}-popup`, 'narrow-scrollbar')}\n          destroyOnClose\n          className={`${name}-popup-reference`}\n          {...popupProps}\n          ref={overlayRef}\n        >\n          <div\n            className={classNames(className, name, {\n              [`${classPrefix}-is-disabled`]: disabled,\n              [`${classPrefix}-is-active`]: showPopup,\n              [`${classPrefix}-size-s`]: size === 'small',\n              [`${classPrefix}-size-l`]: size === 'large',\n              [`${classPrefix}-no-border`]: !bordered,\n              [`${classPrefix}-has-prefix`]: !!prefixIcon,\n            })}\n            ref={composeRefs(selectRef, ref)}\n            style={{ userSelect: 'none' }}\n            onClick={onInputClick}\n          >\n            {<span className={`${name}-left-icon`}>{prefixIcon}</span>}\n            {multiple ? renderMultipleInput() : null}\n            {filterable && renderInput()}\n            {!multiple && !filterable && defaultLabel}\n            {renderSuffixIcon()}\n          </div>\n        </Popup>\n      </div>\n    );\n  },\n  {\n    displayName: 'Select',\n    Option,\n    OptionGroup,\n  },\n);\n\nexport default Select;\n"],"names":["MAX_OVERLAY_WIDTH","Select","forwardRefWithStatics","props","ref","useLocaleReceiver","local","t","emptyText","loadingText","useDefaultValue","bordered","creatable","filter","max","popupProps","reserveKeyword","value","className","style","disabled","size","multiple","placeholder","clearable","prefixIcon","options","filterable","loading","onFocus","onBlur","onClear","noop","onCreate","onRemove","onSearch","onChange","empty","valueType","keys","children","collapsedItems","minCollapsedNum","valueDisplay","onEnter","onVisibleChange","useConfig","classPrefix","name","selectedLabel","useState","showPopup","setShowPopup","isHover","toggleHover","inputVal","setInputVal","currentOptions","setCurrentOptions","width","setWidth","selectRef","useRef","overlayRef","getLabel","current","domRect","getBoundingClientRect","overlayRect","getContentRef","width2","Math","min","transformedOptions","map","option","get","label","listener","event","contains","target","addEventListener","removeEventListener","removeTag","selectValue","tagData","stopPropagation","values","getSelectValueArr","isFunction","data","e","handleChange","value2","length","handleFilter","filteredOptions","Array","isArray","filterRegExp","RegExp","test","concat","handleInputChange","defaultLabel","classNames","renderMultipleTags","tags","optionValue","includes","reduce","acc","item","getMultipleTags","slice","Tag","closable","key","onClose","renderInput","isEmpty","Input","isString","_","context","inputValue","onInputClick","preventDefault","onClearValue","renderSuffixIcon","Loading","CloseCircleFilledIcon","onClick","FakeArrow","overlayClassName","isActive","popupContentProps","renderContent","PopupContent","renderMultipleInput","onMouseEnter","onMouseLeave","Popup","content","placement","visible","overlayStyle","destroyOnClose","composeRefs","userSelect","displayName","Option","OptionGroup"],"mappings":"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"}
+{"version":3,"file":"Select.js","sources":["../../../src/select/base/Select.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, Ref, ReactElement } from 'react';\nimport { CloseCircleFilledIcon } from 'tdesign-icons-react';\nimport classNames from 'classnames';\nimport isFunction from 'lodash/isFunction';\nimport get from 'lodash/get';\nimport isString from 'lodash/isString';\n\nimport { isNumber } from 'lodash';\nimport { useLocaleReceiver } from '../../locale/LocalReceiver';\nimport useConfig from '../../_util/useConfig';\nimport composeRefs from '../../_util/composeRefs';\nimport useDefaultValue from '../../_util/useDefaultValue';\nimport forwardRefWithStatics from '../../_util/forwardRefWithStatics';\nimport { getLabel, getMultipleTags, getSelectValueArr } from '../util/helper';\nimport noop from '../../_util/noop';\n\nimport FakeArrow from '../../common/FakeArrow';\nimport Loading from '../../loading';\nimport Input from '../../input';\nimport Popup from '../../popup';\nimport Tag from '../../tag';\nimport Option, { SelectOptionProps } from './Option';\nimport OptionGroup from './OptionGroup';\nimport PopupContent from './PopupContent';\n\nimport { TdSelectProps, SelectValue, TdOptionProps } from '../type';\nimport { StyledProps } from '../../common';\n\nconst MAX_OVERLAY_WIDTH = 500;\n\nexport interface SelectProps extends TdSelectProps, StyledProps {\n  // 子节点\n  children?: React.ReactNode;\n}\n\ntype OptionsType = TdOptionProps[];\n\nconst Select = forwardRefWithStatics(\n  (props: SelectProps, ref: Ref<HTMLDivElement>) => {\n    // 国际化文本初始化\n    const [local, t] = useLocaleReceiver('select');\n    const emptyText = t(local.loadingText);\n\n    const {\n      bordered = true,\n      creatable,\n      filter,\n      loadingText = emptyText,\n      max = 0,\n      popupProps,\n      reserveKeyword,\n      value,\n      className,\n      style,\n      disabled,\n      size,\n      multiple,\n      placeholder,\n      clearable,\n      prefixIcon,\n      options,\n      filterable,\n      loading,\n      onFocus,\n      onBlur,\n      onClear = noop,\n      onCreate,\n      onRemove,\n      onSearch,\n      onChange,\n      empty,\n      valueType = 'value',\n      keys,\n      children,\n      collapsedItems,\n      minCollapsedNum,\n      valueDisplay,\n      onEnter,\n      onVisibleChange,\n    } = useDefaultValue(props);\n\n    const { classPrefix } = useConfig();\n\n    const name = `${classPrefix}-select`; // t-select\n\n    let selectedLabel = '';\n\n    const [showPopup, setShowPopup] = useState(false);\n    const [isHover, toggleHover] = useState(false);\n    const [inputVal, setInputVal] = useState<string>(undefined);\n    const [currentOptions, setCurrentOptions] = useState([]);\n    const [tmpPropOptions, setTmpPropOptions] = useState([]);\n\n    const [width, setWidth] = useState(0);\n\n    const selectRef = useRef(null);\n    const overlayRef = useRef(null);\n\n    selectedLabel = getLabel(children, value, currentOptions, keys);\n    // 计算Select的宽高\n    useEffect(() => {\n      if (showPopup && selectRef?.current) {\n        const domRect = selectRef.current.getBoundingClientRect();\n        const overlayRect = overlayRef?.current?.getContentRef?.getBoundingClientRect?.();\n\n        // 获取overlay的内容的宽度进行比较 如果比select本身宽，则优先使用overlay内容宽度，减少text被省略展示的情况\n        const width =\n          domRect.width > MAX_OVERLAY_WIDTH\n            ? domRect.width\n            : Math.min(MAX_OVERLAY_WIDTH, Math.max(domRect.width, overlayRect?.width));\n\n        setWidth(width);\n      }\n    }, [showPopup]);\n\n    const handleShowPopup = (visible: boolean) => {\n      setShowPopup(visible);\n      onVisibleChange?.(visible);\n      if (!visible && !multiple && filterable) {\n        setInputVal(selectedLabel);\n      }\n    };\n\n    // 处理设置option的逻辑\n    useEffect(() => {\n      if (keys) {\n        // 如果有定制keys 先做转换\n        const transformedOptions = options.map((option) => ({\n          ...option,\n          value: get(option, keys?.value || 'value'),\n          label: get(option, keys?.label || 'label'),\n        }));\n        setCurrentOptions(transformedOptions);\n        setTmpPropOptions(transformedOptions);\n      } else {\n        setCurrentOptions(options);\n        setTmpPropOptions(options);\n      }\n    }, [options, keys, children]);\n\n    // 移除 Tag\n    const removeTag = (\n      event?: React.MouseEvent,\n      selectValue?: SelectValue,\n      tagData?: {\n        label?: string;\n        value?: string | number;\n      },\n    ) => {\n      event.stopPropagation();\n      const values = getSelectValueArr(value, selectValue, true, valueType, keys);\n      onChange(values);\n      if (isFunction(onRemove)) {\n        onRemove({ value: tagData.value, data: tagData, e: event as React.MouseEvent<HTMLDivElement, MouseEvent> });\n      }\n    };\n\n    // 选中 Popup 某项\n    const handleChange: SelectOptionProps['onSelect'] = (value, { label }) => {\n      if (filterable) {\n        setInputVal(!multiple || (reserveKeyword && multiple) ? label : '');\n      }\n      if (creatable && isFunction(onCreate)) {\n        if ((options as OptionsType).filter((option) => option.value === value).length === 0) {\n          onCreate(value);\n        }\n      }\n      onChange(value);\n    };\n\n    // 处理filter逻辑\n    const handleFilter = (value: string) => {\n      let filteredOptions: OptionsType;\n      if (!value) {\n        setCurrentOptions(tmpPropOptions);\n        return;\n      }\n\n      if (filter && isFunction(filter)) {\n        // 如果有自定义的filter方法 使用自定义的filter方法\n        filteredOptions = Array.isArray(tmpPropOptions) && tmpPropOptions.filter((option) => filter(value, option));\n      } else {\n        const filterRegExp = new RegExp(value, 'i');\n        filteredOptions =\n          Array.isArray(tmpPropOptions) && tmpPropOptions.filter((option) => filterRegExp.test(option?.label)); // 不区分大小写\n      }\n\n      if (creatable) {\n        filteredOptions = filteredOptions.concat([{ label: value, value }]);\n      }\n      setCurrentOptions(filteredOptions);\n    };\n\n    // 处理输入框逻辑\n    const handleInputChange = (value: string) => {\n      setInputVal(value);\n\n      if (isFunction(onSearch)) {\n        onSearch(value);\n        return;\n      }\n\n      handleFilter(value);\n    };\n\n    const defaultLabel = (\n      <span\n        className={classNames(\n          className,\n          {\n            [`${name}__placeholder`]: (!value && !isNumber(value)) || (Array.isArray(value) && value.length < 1),\n          },\n          {\n            [`${name}__single`]: selectedLabel,\n          },\n        )}\n      >\n        {selectedLabel || placeholder || '-请选择-'}\n      </span>\n    );\n\n    const renderMultipleTags = () => {\n      if (multiple && Array.isArray(value) && value.length > 0) {\n        let tags: OptionsType;\n        let optionValue = [];\n        if (valueType === 'value') {\n          if (tmpPropOptions) {\n            optionValue = tmpPropOptions.filter((option) => value.includes(option?.value));\n          }\n          if (children && Array.isArray(children)) {\n            optionValue = children\n              .reduce(\n                (acc, item: ReactElement) =>\n                  acc.concat({ value: item.props.value, label: item.props.label || item.props.children }),\n                [],\n              )\n              .filter((option) => value.includes(option?.value));\n          }\n          tags = getMultipleTags(optionValue, keys);\n        } else {\n          tags = getMultipleTags(value, keys);\n        }\n\n        if (tags.length > 0)\n          return (\n            <>\n              {tags.slice(0, minCollapsedNum).map((item) => (\n                <Tag\n                  closable={!disabled}\n                  key={item.value}\n                  onClose={({ e }) => removeTag(e, item.value, item)}\n                  disabled={disabled}\n                  size={size}\n                >\n                  {item.label}\n                </Tag>\n              ))}\n              {collapsedItems}\n              {minCollapsedNum && tags.length - minCollapsedNum > 0 && !collapsedItems ? (\n                <Tag size={size}> {`+${tags.length - minCollapsedNum}`}</Tag>\n              ) : null}\n            </>\n          );\n        return !filterable ? defaultLabel : null;\n      }\n      return !filterable ? defaultLabel : null;\n    };\n\n    const renderInput = () => (\n      <Input\n        value={isString(inputVal) ? inputVal : selectedLabel}\n        placeholder={multiple && get(value, 'length') > 0 ? null : selectedLabel || placeholder || '-请选择-'}\n        className={`${name}__input`}\n        onChange={handleInputChange}\n        size={size}\n        onFocus={(_, context) => onFocus?.({ value, e: context?.e })}\n        onBlur={(_, context) => onBlur?.({ value, e: context?.e })}\n        onEnter={(_, context) => onEnter?.({ inputValue: inputVal, value, e: context?.e })}\n      />\n    );\n\n    const onInputClick = (e: React.MouseEvent) => {\n      e.preventDefault();\n      if (!disabled) {\n        setShowPopup(true);\n        setInputVal('');\n      }\n    };\n\n    const onClearValue = (event: React.MouseEvent) => {\n      event.stopPropagation();\n      if (Array.isArray(value)) {\n        onChange([]);\n      } else {\n        onChange('');\n      }\n      onClear({ e: event as React.MouseEvent<HTMLDivElement, MouseEvent> });\n    };\n\n    // 渲染后置图标\n    const renderSuffixIcon = () => {\n      if (loading) {\n        return (\n          <Loading\n            className={classNames(className, `${name}__right-icon`, `${name}__active-icon`)}\n            loading={true}\n            size=\"small\"\n          />\n        );\n      }\n      if (clearable && value && isHover) {\n        return (\n          <CloseCircleFilledIcon\n            onClick={clearable ? onClearValue : undefined}\n            className={classNames(className, `${name}__right-icon`, `${name}__right-icon-clear`)}\n          />\n        );\n      }\n      return <FakeArrow overlayClassName={`${name}__right-icon`} isActive={showPopup} disabled={disabled} />;\n    };\n\n    const popupContentProps = {\n      onChange: handleChange,\n      value,\n      className,\n      size,\n      multiple,\n      showPopup,\n      setShowPopup,\n      options: currentOptions,\n      empty,\n      max,\n      loadingText,\n      loading,\n      valueType,\n      keys,\n    };\n\n    const renderContent = () => <PopupContent {...popupContentProps}>{children}</PopupContent>;\n\n    const renderMultipleInput = () => {\n      if (valueDisplay) {\n        return valueDisplay({ value: value as OptionsType, onClose: removeTag }) || defaultLabel;\n      }\n      return renderMultipleTags();\n    };\n    return (\n      <div\n        className={`${name}__wrap`}\n        style={{ ...style }}\n        onMouseEnter={() => toggleHover(true)}\n        onMouseLeave={() => toggleHover(false)}\n      >\n        <Popup\n          trigger=\"click\"\n          ref={overlayRef}\n          content={renderContent()}\n          placement=\"bottom-left\"\n          visible={showPopup}\n          overlayStyle={{\n            width: width ? `${width}px` : 'none',\n          }}\n          onVisibleChange={handleShowPopup}\n          overlayClassName={classNames(className, `${name}__dropdown`, `${classPrefix}-popup`, 'narrow-scrollbar')}\n          className={`${name}__popup-reference`}\n          expandAnimation={true}\n          {...popupProps}\n        >\n          <div\n            className={classNames(className, name, {\n              [`${classPrefix}-is-disabled`]: disabled,\n              [`${classPrefix}-is-active`]: showPopup,\n              [`${classPrefix}-size-s`]: size === 'small',\n              [`${classPrefix}-size-l`]: size === 'large',\n              [`${classPrefix}-no-border`]: !bordered,\n              [`${classPrefix}-has-prefix`]: !!prefixIcon,\n            })}\n            ref={composeRefs(selectRef, ref)}\n            style={{ userSelect: 'none' }}\n            onClick={onInputClick}\n          >\n            {<span className={`${name}__left-icon`}>{prefixIcon}</span>}\n            {multiple ? renderMultipleInput() : null}\n            {filterable && renderInput()}\n            {!multiple && !filterable && defaultLabel}\n            {renderSuffixIcon()}\n          </div>\n        </Popup>\n      </div>\n    );\n  },\n  {\n    displayName: 'Select',\n    Option,\n    OptionGroup,\n  },\n);\n\nexport default Select;\n"],"names":["MAX_OVERLAY_WIDTH","Select","forwardRefWithStatics","props","ref","useLocaleReceiver","local","t","emptyText","loadingText","useDefaultValue","bordered","creatable","filter","max","popupProps","reserveKeyword","value","className","style","disabled","size","multiple","placeholder","clearable","prefixIcon","options","filterable","loading","onFocus","onBlur","onClear","noop","onCreate","onRemove","onSearch","onChange","empty","valueType","keys","children","collapsedItems","minCollapsedNum","valueDisplay","onEnter","onVisibleChange","useConfig","classPrefix","name","selectedLabel","useState","showPopup","setShowPopup","isHover","toggleHover","inputVal","setInputVal","currentOptions","setCurrentOptions","tmpPropOptions","setTmpPropOptions","width","setWidth","selectRef","useRef","overlayRef","getLabel","current","domRect","getBoundingClientRect","overlayRect","getContentRef","width2","Math","min","handleShowPopup","visible","transformedOptions","map","option","get","label","removeTag","event","selectValue","tagData","stopPropagation","values","getSelectValueArr","isFunction","data","e","handleChange","value2","length","handleFilter","filteredOptions","Array","isArray","filterRegExp","RegExp","test","concat","handleInputChange","defaultLabel","classNames","isNumber","renderMultipleTags","tags","optionValue","includes","reduce","acc","item","getMultipleTags","slice","Tag","closable","key","onClose","renderInput","Input","isString","_","context","inputValue","onInputClick","preventDefault","onClearValue","renderSuffixIcon","Loading","CloseCircleFilledIcon","onClick","FakeArrow","overlayClassName","isActive","popupContentProps","renderContent","PopupContent","renderMultipleInput","onMouseEnter","onMouseLeave","Popup","trigger","content","placement","overlayStyle","expandAnimation","composeRefs","userSelect","displayName","Option","OptionGroup"],"mappings":"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"}

package/cjs/select/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.21.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -9,63 +9,67 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var select_base_Select = require('./base/Select.js');
-require('../_chunks/dep-cbedafdb.js');
-require('../_chunks/dep-8f80ce94.js');
-require('../_chunks/dep-2c22ada3.js');
+require('../_chunks/dep-d3bc70e6.js');
+require('../_chunks/dep-da78990d.js');
+require('../_chunks/dep-d9282bb5.js');
 require('react');
 require('tdesign-icons-react');
 require('classnames');
-require('../_chunks/dep-3cf89b5c.js');
-require('../_chunks/dep-bc7ce7d9.js');
-require('../_chunks/dep-9b5ff552.js');
-require('../_chunks/dep-79109b15.js');
-require('../_chunks/dep-ebdde240.js');
-require('../_chunks/dep-6b5e4ff7.js');
-require('../_chunks/dep-ef75128a.js');
-require('../_chunks/dep-37d490bf.js');
-require('../_chunks/dep-44e3e9bb.js');
-require('../_chunks/dep-d58c0812.js');
-require('../_chunks/dep-4553e2fd.js');
-require('../_chunks/dep-9ecba42e.js');
-require('../_chunks/dep-9166817e.js');
+require('../_chunks/dep-2fd8f7ab.js');
+require('../_chunks/dep-134e03ea.js');
+require('../_chunks/dep-4e5cf448.js');
+require('../_chunks/dep-1042649c.js');
+require('../_chunks/dep-bf483375.js');
+require('../_chunks/dep-9c880841.js');
+require('../_chunks/dep-9351a106.js');
+require('../_chunks/dep-9733d1b2.js');
+require('../_chunks/dep-6518d17e.js');
+require('../_chunks/dep-7729ff87.js');
+require('../_chunks/dep-ca5c0bd5.js');
+require('../_chunks/dep-597fbc24.js');
+require('../_chunks/dep-b9b29dde.js');
+require('lodash');
 require('../locale/LocalReceiver.js');
 require('../config-provider/ConfigContext.js');
 require('../locale/zh_CN.js');
 require('../_util/useConfig.js');
 require('../_util/composeRefs.js');
 require('../_util/useDefaultValue.js');
-require('../_chunks/dep-ab51e170.js');
+require('../_chunks/dep-de61e955.js');
 require('../_util/useDefault.js');
 require('../_util/noop.js');
 require('../_util/forwardRefWithStatics.js');
 require('hoist-non-react-statics');
 require('./util/helper.js');
-require('../_chunks/dep-24e6d496.js');
-require('lodash');
+require('../_chunks/dep-b5fa133f.js');
 require('./base/OptionGroup.js');
 require('../common/FakeArrow.js');
 require('../loading/index.js');
 require('../loading/loading.js');
-require('react-dom');
 require('../_util/dom.js');
 require('raf');
 require('../_util/easing.js');
 require('../common/Portal.js');
+require('react-dom');
+require('../loading/gradient.js');
+require('../loading/plugin.js');
 require('../input/index.js');
 require('../input/Input.js');
 require('../input/InputGroup.js');
 require('../popup/index.js');
 require('../popup/Popup.js');
+require('react-transition-group');
 require('react-popper');
 require('../_util/usePrevious.js');
 require('../popup/Portal.js');
-require('../popup/useTriggerProps.js');
+require('../popup/hooks/useTriggerProps.js');
 require('../_util/useClickOutside.js');
+require('../popup/hooks/usePopupCssTransition.js');
 require('../tag/index.js');
 require('../tag/Tag.js');
 require('../tag/CheckTag.js');
 require('./base/Option.js');
-require('../_chunks/dep-56eca6a0.js');
+require('../_chunks/dep-ea57a529.js');
 require('../_util/useRipple.js');
 require('../_util/setStyle.js');
 require('./base/PopupContent.js');

package/cjs/select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/select/index.ts"],"sourcesContent":["import _Select from './base/Select';\n\nimport './style/index.js';\n\nexport type { SelectProps } from './base/Select';\nexport * from './type';\n\nexport const Select = _Select;\nexport default Select;\n"],"names":["Select","_Select"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOaA,SAASC;;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/select/index.ts"],"sourcesContent":["import _Select from './base/Select';\n\nimport './style/index.js';\n\nexport type { SelectProps } from './base/Select';\nexport * from './type';\n\nexport const Select = _Select;\nexport default Select;\n"],"names":["Select","_Select"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOaA,SAASC;;;;;"}

package/cjs/select/type.d.ts

@@ -1,6 +1,6 @@
 /**
  * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
- * updated at 2021-12-01 14:46:40
+ * updated at 2021-12-12 18:01:23
  * */
 import { PopupProps } from '../popup';
 import { TNode, TElement, SizeEnum } from '../common';
@@ -126,7 +126,7 @@ export interface TdSelectProps<T extends SelectOption = SelectOption> {
         onClose: () => void;
     }>;
     /**
-     * 用于控制选中值的类型。假设数据选项为：[{ label: '姓名', value: 'name' }]，value 表示值仅返回数据选项中的 value， object 表示值返回全部数据。
+     * 用于控制选中值的类型。假设数据选项为：`[{ label: '姓名', value: 'name' }]`，value 表示值仅返回数据选项中的 value， object 表示值返回全部数据。
      * @default value
      */
     valueType?: 'value' | 'object';

package/cjs/select/type.js

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

package/cjs/select/util/helper.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.21.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -8,11 +8,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var toConsumableArray = require('../../_chunks/dep-24e6d496.js');
+var toConsumableArray = require('../../_chunks/dep-b5fa133f.js');
 var lodash = require('lodash');
 var select_base_OptionGroup = require('../base/OptionGroup.js');
-require('../../_chunks/dep-2c22ada3.js');
-require('../../_chunks/dep-cbedafdb.js');
+require('../../_chunks/dep-d9282bb5.js');
+require('../../_chunks/dep-d3bc70e6.js');
 require('react');
 require('classnames');
 require('../../_util/useConfig.js');

package/cjs/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';\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\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/cjs/skeleton/type.d.ts

@@ -1,6 +1,6 @@
 /**
  * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
- * updated at 2021-12-01 14:46:40
+ * updated at 2021-12-12 18:01:23
  * */
 import { TNode } from '../common';
 export interface TdSkeletonProps {
@@ -13,7 +13,7 @@ export interface TdSkeletonProps {
      */
     loading?: boolean;
     /**
-     * 用于自定义行列数量、宽度高度、间距等。【示例一】，`[1, 1, 2]` 表示输出三行骨架图，第一行一列，第二行一列，第三行两列。【示例二】，`[1, 1, { width: '100px' }]` 表示自定义第三行的宽度为 `100px`。【示例三】，`[1, 2, [{ width, height }, { width, height, marginLeft }]]` 表示第三行有两列，且自定义宽度、高度、间距、内容等
+     * 高级设置，用于自定义行列数量、宽度高度、间距等。【示例一】，`[1, 1, 2]` 表示输出三行骨架图，第一行一列，第二行一列，第三行两列。【示例二】，`[1, 1, { width: '100px' }]` 表示自定义第三行的宽度为 `100px`。【示例三】，`[1, 2, [{ width, height }, { width, height, marginLeft }]]` 表示第三行有两列，且自定义宽度、高度、尺寸（圆形或方形使用）、间距、内容等
      * @default [1, 1, 1, { width: '70%' }]
      */
     rowCol?: SkeletonRowCol;
@@ -21,15 +21,16 @@ export interface TdSkeletonProps {
      * 快捷定义骨架图风格，有基础、头像组合等，具体参看代码示例
      * @default text
      */
-    theme?: 'text' | 'avatar-text' | 'avatar-text-complicate' | 'image-paragraph-horizontal' | 'image-paragraph-vertical' | 'image-paragraph-horizontal-button' | 'article';
+    theme?: 'text' | 'avatar' | 'paragraph' | 'avatar-text' | 'tab' | 'article';
 }
 export declare type SkeletonRowCol = Array<Number | SkeletonRowColObj | Array<SkeletonRowColObj>>;
 export interface SkeletonRowColObj {
     width?: string;
     height?: string;
+    size?: string;
     marginRight?: string;
     marginLeft?: string;
     margin?: string;
     content?: string | TNode;
-    type?: 'rect' | 'circle';
+    type?: 'rect' | 'circle' | 'text';
 }

package/cjs/skeleton/type.js

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

package/cjs/slider/Slider.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.21.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -8,9 +8,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../_chunks/dep-cbedafdb.js');
-var _typeof = require('../_chunks/dep-9b5ff552.js');
-var slicedToArray = require('../_chunks/dep-8f80ce94.js');
+var defineProperty = require('../_chunks/dep-d3bc70e6.js');
+var _typeof = require('../_chunks/dep-4e5cf448.js');
+var slicedToArray = require('../_chunks/dep-da78990d.js');
 var React = require('react');
 var classNames = require('classnames');
 var _util_useConfig = require('../_util/useConfig.js');
@@ -19,11 +19,11 @@ var slider_utils_handleNumber = require('./utils/handleNumber.js');
 var inputNumber_InputNumber = require('../input-number/InputNumber.js');
 var slider_SliderHandleButton = require('./SliderHandleButton.js');
 var _util_number = require('../_util/number.js');
-require('../_chunks/dep-2c22ada3.js');
+require('../_chunks/dep-d9282bb5.js');
 require('../config-provider/ConfigContext.js');
 require('../locale/zh_CN.js');
 require('../_util/noop.js');
-require('../_chunks/dep-ab51e170.js');
+require('../_chunks/dep-de61e955.js');
 require('../_util/useCommonClassName.js');
 require('../_util/useUpdateEffect.js');
 require('../input-number/StepHandler.js');
@@ -34,20 +34,22 @@ require('../_util/useRipple.js');
 require('../_util/setStyle.js');
 require('../loading/index.js');
 require('../loading/loading.js');
-require('react-dom');
 require('../_util/dom.js');
 require('raf');
-require('../_chunks/dep-9166817e.js');
-require('../_chunks/dep-bc7ce7d9.js');
-require('../_chunks/dep-ef75128a.js');
-require('../_chunks/dep-44e3e9bb.js');
+require('../_chunks/dep-b9b29dde.js');
+require('../_chunks/dep-134e03ea.js');
+require('../_chunks/dep-9351a106.js');
+require('../_chunks/dep-6518d17e.js');
 require('../_util/easing.js');
 require('../common/Portal.js');
+require('react-dom');
+require('../loading/gradient.js');
+require('../loading/plugin.js');
 require('../input-number/utils/numberUtils.js');
 require('../input/index.js');
 require('../input/Input.js');
-require('../_chunks/dep-3cf89b5c.js');
-require('../_chunks/dep-79109b15.js');
+require('../_chunks/dep-2fd8f7ab.js');
+require('../_chunks/dep-1042649c.js');
 require('../_util/forwardRefWithStatics.js');
 require('hoist-non-react-statics');
 require('../input/InputGroup.js');
@@ -55,21 +57,23 @@ require('../_util/useDefaultValue.js');
 require('../tooltip/Tooltip.js');
 require('../popup/index.js');
 require('../popup/Popup.js');
+require('react-transition-group');
 require('react-popper');
 require('../_util/composeRefs.js');
 require('../_util/usePrevious.js');
 require('../popup/Portal.js');
-require('../popup/useTriggerProps.js');
+require('../popup/hooks/useTriggerProps.js');
 require('../_util/useClickOutside.js');
+require('../popup/hooks/usePopupCssTransition.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
 
-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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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._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; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { defineProperty._defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var LEFT_NODE = 0;
 var RIGHT_NODE = 1;
 var Slider = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
@@ -262,13 +266,13 @@ var Slider = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 
   return /* @__PURE__ */React__default["default"].createElement("div", {
     style: _objectSpread({}, style),
-    className: classNames__default["default"]("".concat(classPrefix, "-slider-contianer"), {
+    className: classNames__default["default"]("".concat(classPrefix, "-slider__container"), {
       "is-vertical": isVertical
     }),
     ref: ref
   }, /* @__PURE__ */React__default["default"].createElement("div", {
     ref: sliderRef,
-    className: classNames__default["default"](className, "".concat(classPrefix, "-slider"), (_classNames = {}, defineProperty._defineProperty(_classNames, "".concat(classPrefix, "-is-disabled"), disabled), defineProperty._defineProperty(_classNames, "".concat(classPrefix, "-slider-vertical"), isVertical), defineProperty._defineProperty(_classNames, "".concat(classPrefix, "-slider--with-input"), inputNumberProps), _classNames)),
+    className: classNames__default["default"](className, "".concat(classPrefix, "-slider"), (_classNames = {}, defineProperty._defineProperty(_classNames, "".concat(classPrefix, "-is-disabled"), disabled), defineProperty._defineProperty(_classNames, "".concat(classPrefix, "-slider--vertical"), isVertical), defineProperty._defineProperty(_classNames, "".concat(classPrefix, "-slider--with-input"), inputNumberProps), _classNames)),
     onClick: onSliderChange
   }, /* @__PURE__ */React__default["default"].createElement("div", {
     className: classNames__default["default"]("".concat(classPrefix, "-slider__rail"))
@@ -300,7 +304,7 @@ var Slider = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       className: classNames__default["default"]("".concat(classPrefix, "-slider__mark-text"))
     }, label2);
   })))), inputNumberProps ? /* @__PURE__ */React__default["default"].createElement("div", {
-    className: classNames__default["default"]("".concat(classPrefix, "-slider-input-container"))
+    className: classNames__default["default"]("".concat(classPrefix, "-slider__input-container"))
   }, range && createInput(LEFT_NODE), createInput(RIGHT_NODE)) : null);
 });
 Slider.displayName = "Slider";

package/cjs/slider/Slider.js.map

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

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.21.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -8,16 +8,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../_chunks/dep-cbedafdb.js');
-var slicedToArray = require('../_chunks/dep-8f80ce94.js');
+var defineProperty = require('../_chunks/dep-d3bc70e6.js');
+var slicedToArray = require('../_chunks/dep-da78990d.js');
 var React = require('react');
 var tooltip_Tooltip = require('../tooltip/Tooltip.js');
-require('../_chunks/dep-2c22ada3.js');
-require('../_chunks/dep-ab51e170.js');
-require('../_chunks/dep-9b5ff552.js');
+require('../_chunks/dep-d9282bb5.js');
+require('../_chunks/dep-de61e955.js');
+require('../_chunks/dep-4e5cf448.js');
 require('classnames');
 require('../popup/index.js');
 require('../popup/Popup.js');
+require('react-transition-group');
 require('react-popper');
 require('../_util/useDefault.js');
 require('../_util/noop.js');
@@ -28,16 +29,17 @@ require('../_util/composeRefs.js');
 require('../_util/usePrevious.js');
 require('../popup/Portal.js');
 require('react-dom');
-require('../popup/useTriggerProps.js');
+require('../popup/hooks/useTriggerProps.js');
 require('../_util/useClickOutside.js');
+require('../popup/hooks/usePopupCssTransition.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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._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; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { defineProperty._defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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,