tdesign-react 0.27.0 → 0.28.0

package/lib/select-input/useOverlayStyle.js.map

@@ -1 +1 @@
-{"version":3,"file":"useOverlayStyle.js","sources":["../../src/select-input/useOverlayStyle.ts"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport isObject from 'lodash/isObject';\nimport isFunction from 'lodash/isFunction';\nimport { TdSelectInputProps } from './type';\nimport { TdPopupProps, PopupVisibleChangeContext } from '../popup';\n\n// 单位：px\nconst MAX_POPUP_WIDTH = 1000;\n\nexport default function useOverlayStyle(props: TdSelectInputProps) {\n  const { popupProps, borderless } = props;\n  const [innerPopupVisible, setInnerPopupVisible] = useState(false);\n\n  const macthWidthFunc = (triggerElement: HTMLElement, popupElement: HTMLElement) => {\n    if (!triggerElement || !popupElement) return;\n    // 避免因滚动条出现文本省略，预留宽度 8\n    const SCROLLBAR_WIDTH = popupElement.scrollHeight > popupElement.offsetHeight ? 8 : 0;\n    const width =\n      popupElement.offsetWidth + SCROLLBAR_WIDTH >= triggerElement.offsetWidth\n        ? popupElement.offsetWidth\n        : triggerElement.offsetWidth;\n    let otherOverlayStyle: React.CSSProperties = {};\n    if (popupProps && typeof popupProps.overlayStyle === 'object' && !popupProps.overlayStyle.width) {\n      otherOverlayStyle = popupProps.overlayStyle;\n    }\n    return {\n      width: `${Math.min(width, MAX_POPUP_WIDTH)}px`,\n      ...otherOverlayStyle,\n    };\n  };\n\n  const onInnerPopupVisibleChange = (visible: boolean, context: PopupVisibleChangeContext) => {\n    // 如果点击触发元素（输入框），则永久显示下拉框\n    const newVisible = context.trigger === 'trigger-element-click' ? true : visible;\n    setInnerPopupVisible(newVisible);\n    props.onPopupVisibleChange?.(newVisible, context);\n  };\n\n  const tOverlayStyle = useMemo(() => {\n    let result: TdPopupProps['overlayStyle'] = {};\n    const overlayStyle = popupProps?.overlayStyle || {};\n    if (isFunction(overlayStyle) || (isObject(overlayStyle) && overlayStyle.width)) {\n      result = overlayStyle;\n    } else if (!borderless) {\n      result = macthWidthFunc;\n    }\n    return result;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [borderless, popupProps?.overlayStyle]);\n\n  return {\n    tOverlayStyle,\n    innerPopupVisible,\n    onInnerPopupVisibleChange,\n  };\n}\n"],"names":["MAX_POPUP_WIDTH","useOverlayStyle","props","popupProps","borderless","useState","_slicedToArray","innerPopupVisible","setInnerPopupVisible","macthWidthFunc","triggerElement","popupElement","SCROLLBAR_WIDTH","scrollHeight","offsetHeight","width","offsetWidth","otherOverlayStyle","_typeof","overlayStyle","Math","min","onInnerPopupVisibleChange","visible","context","newVisible","trigger","onPopupVisibleChange","tOverlayStyle","useMemo","result","isFunction","isObject"],"mappings":"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"}
+{"version":3,"file":"useOverlayStyle.js","sources":["../../src/select-input/useOverlayStyle.ts"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport isObject from 'lodash/isObject';\nimport isFunction from 'lodash/isFunction';\nimport { TdSelectInputProps } from './type';\nimport { TdPopupProps, PopupVisibleChangeContext } from '../popup';\n\n// 单位：px\nconst MAX_POPUP_WIDTH = 1000;\n\nexport default function useOverlayStyle(props: TdSelectInputProps) {\n  const { popupProps, borderless, autoWidth } = props;\n  const [innerPopupVisible, setInnerPopupVisible] = useState(false);\n\n  const macthWidthFunc = (triggerElement: HTMLElement, popupElement: HTMLElement) => {\n    if (!triggerElement || !popupElement) return;\n    // 避免因滚动条出现文本省略，预留宽度 8\n    const SCROLLBAR_WIDTH = popupElement.scrollHeight > popupElement.offsetHeight ? 8 : 0;\n    const width =\n      popupElement.offsetWidth + SCROLLBAR_WIDTH >= triggerElement.offsetWidth\n        ? popupElement.offsetWidth\n        : triggerElement.offsetWidth;\n    let otherOverlayStyle: React.CSSProperties = {};\n    if (popupProps && typeof popupProps.overlayStyle === 'object' && !popupProps.overlayStyle.width) {\n      otherOverlayStyle = popupProps.overlayStyle;\n    }\n    return {\n      width: `${Math.min(width, MAX_POPUP_WIDTH)}px`,\n      ...otherOverlayStyle,\n    };\n  };\n\n  const onInnerPopupVisibleChange = (visible: boolean, context: PopupVisibleChangeContext) => {\n    if (props.readonly) return;\n    // 如果点击触发元素（输入框），则永久显示下拉框\n    const newVisible = context.trigger === 'trigger-element-click' ? true : visible;\n    setInnerPopupVisible(newVisible);\n    props.onPopupVisibleChange?.(newVisible, context);\n  };\n\n  const tOverlayStyle = useMemo(() => {\n    let result: TdPopupProps['overlayStyle'] = {};\n    const overlayStyle = popupProps?.overlayStyle || {};\n    if (isFunction(overlayStyle) || (isObject(overlayStyle) && overlayStyle.width)) {\n      result = overlayStyle;\n    } else if (!borderless && !autoWidth) {\n      result = macthWidthFunc;\n    }\n    return result;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [borderless, popupProps?.overlayStyle]);\n\n  return {\n    tOverlayStyle,\n    innerPopupVisible,\n    onInnerPopupVisibleChange,\n  };\n}\n"],"names":["MAX_POPUP_WIDTH","useOverlayStyle","props","popupProps","borderless","autoWidth","useState","_slicedToArray","innerPopupVisible","setInnerPopupVisible","macthWidthFunc","triggerElement","popupElement","SCROLLBAR_WIDTH","scrollHeight","offsetHeight","width","offsetWidth","otherOverlayStyle","_typeof","overlayStyle","Math","min","onInnerPopupVisibleChange","visible","context","readonly","newVisible","trigger","onPopupVisibleChange","tOverlayStyle","useMemo","result","isFunction","isObject"],"mappings":"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"}

package/lib/select-input/useSingle.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.27.0
+ * tdesign v0.28.0
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -8,58 +8,58 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../_chunks/dep-19aa70c4.js');
-var slicedToArray = require('../_chunks/dep-8b02a291.js');
+var defineProperty = require('../_chunks/dep-8d2f3689.js');
+var slicedToArray = require('../_chunks/dep-c3b52abc.js');
 var React = require('react');
-var isObject = require('../_chunks/dep-151db1ba.js');
-var pick = require('../_chunks/dep-66d68861.js');
+var isObject = require('../_chunks/dep-0bc46dde.js');
+var pick = require('../_chunks/dep-81e00bf6.js');
 var classNames = require('classnames');
 var input_index = require('../input/index.js');
 var loading_index = require('../loading/index.js');
 var _util_useConfig = require('../_util/useConfig.js');
-require('../_chunks/dep-8584c966.js');
-require('../_chunks/dep-e059b0a9.js');
-require('../_chunks/dep-fe0b4457.js');
-require('../_chunks/dep-9f41038a.js');
-require('../_chunks/dep-5cc8e7d5.js');
-require('../_chunks/dep-fd9236c3.js');
-require('../_chunks/dep-290ed639.js');
-require('../_chunks/dep-631de0f8.js');
-require('../_chunks/dep-eb1b9c69.js');
-require('../_chunks/dep-4d8182f5.js');
-require('../_chunks/dep-1ccd6973.js');
-require('../_chunks/dep-80b2892f.js');
-require('../_chunks/dep-383d651d.js');
-require('../_chunks/dep-e3e134f0.js');
-require('../_chunks/dep-7230123b.js');
-require('../_chunks/dep-e4753910.js');
-require('../_chunks/dep-ed81a46c.js');
+var _util_useDefault = require('../_util/useDefault.js');
+require('../_chunks/dep-65d64731.js');
+require('../_chunks/dep-71e4d21e.js');
+require('../_chunks/dep-2322df0f.js');
+require('../_chunks/dep-d49ca178.js');
+require('../_chunks/dep-5d3f16ca.js');
+require('../_chunks/dep-2f77971b.js');
+require('../_chunks/dep-ff62dc6c.js');
+require('../_chunks/dep-11f28bb0.js');
+require('../_chunks/dep-8d7bb976.js');
+require('../_chunks/dep-bd4553de.js');
+require('../_chunks/dep-35de0117.js');
+require('../_chunks/dep-6a145cca.js');
+require('../_chunks/dep-b738a380.js');
+require('../_chunks/dep-47dec67d.js');
+require('../_chunks/dep-4f5d9d47.js');
+require('../_chunks/dep-a5ecb0cc.js');
+require('../_chunks/dep-2b5f881a.js');
 require('../input/Input.js');
-require('../_chunks/dep-6a0b0b63.js');
+require('../_chunks/dep-fb7fc9f7.js');
 require('tdesign-icons-react');
 require('../_util/forwardRefWithStatics.js');
 require('hoist-non-react-statics');
 require('../_util/helper.js');
-require('../_chunks/dep-3b527d97.js');
-require('../_chunks/dep-dd63e2bd.js');
-require('../_chunks/dep-c930ef94.js');
+require('../_chunks/dep-b4bfb8c5.js');
+require('../_chunks/dep-e7da1f6b.js');
+require('../_chunks/dep-d236783a.js');
 require('../input/InputGroup.js');
-require('../_chunks/dep-afb78373.js');
-require('../_chunks/dep-c66feb96.js');
-require('../_chunks/dep-2edcd34d.js');
-require('../_chunks/dep-3a7d761b.js');
-require('../_chunks/dep-92d094bc.js');
-require('../_chunks/dep-4e9ccd38.js');
-require('../_chunks/dep-ae647e2a.js');
+require('../_chunks/dep-d1988ef8.js');
+require('../_chunks/dep-95a06c78.js');
+require('../_chunks/dep-2666fce8.js');
+require('../_chunks/dep-44b93460.js');
+require('../_chunks/dep-0901df83.js');
+require('../_chunks/dep-4e175c8d.js');
+require('../_chunks/dep-cb7fd82c.js');
 require('../_common/js/global-config/locale/zh_CN.js');
 require('../config-provider/zh_CN_config.js');
 require('../_util/useDefaultValue.js');
-require('../_util/useDefault.js');
 require('../_util/noop.js');
 require('../loading/loading.js');
 require('../_util/dom.js');
 require('raf');
-require('../_chunks/dep-d868ac18.js');
+require('../_chunks/dep-10608f6b.js');
 require('../_util/easing.js');
 require('../common/Portal.js');
 require('react-dom');
@@ -89,6 +89,8 @@ function getInputValue(value, keys) {
 }
 
 function useSingle(props) {
+  var _props$defaultInputVa;
+
   var value = props.value,
       keys = props.keys,
       loading = props.loading,
@@ -99,10 +101,10 @@ function useSingle(props) {
 
   var inputRef = React.useRef();
 
-  var _useState = React.useState(""),
-      _useState2 = slicedToArray._slicedToArray(_useState, 2),
-      inputValue = _useState2[0],
-      setInputValue = _useState2[1];
+  var _useDefault = _util_useDefault["default"](props.inputValue, (_props$defaultInputVa = props.defaultInputValue) !== null && _props$defaultInputVa !== void 0 ? _props$defaultInputVa : "", props.onInputChange),
+      _useDefault2 = slicedToArray._slicedToArray(_useDefault, 2),
+      inputValue = _useDefault2[0],
+      setInputValue = _useDefault2[1];
 
   var showLoading = React.useMemo(function () {
     return !disabled && loading;
@@ -120,34 +122,30 @@ function useSingle(props) {
 
     context === null || context === void 0 ? void 0 : (_context$e = context.e) === null || _context$e === void 0 ? void 0 : _context$e.stopPropagation();
     (_props$onClear = props.onClear) === null || _props$onClear === void 0 ? void 0 : _props$onClear.call(props, context);
-    setInputValue("");
+    setInputValue("", {
+      trigger: "clear"
+    });
   };
 
   var onInnerInputChange = function onInnerInputChange(value2, context) {
     if (props.allowInput) {
-      var _props$onInputChange;
-
-      setInputValue(value2);
-      (_props$onInputChange = props.onInputChange) === null || _props$onInputChange === void 0 ? void 0 : _props$onInputChange.call(props, value2, _objectSpread(_objectSpread({}, context), {}, {
+      setInputValue(value2, _objectSpread(_objectSpread({}, context), {}, {
         trigger: "input"
       }));
     }
   };
 
-  React.useEffect(function () {
-    setInputValue(getInputValue(value, keys));
-  }, [keys, value]);
-
   var renderSelectSingle = function renderSelectSingle(popupVisible) {
     var _props$inputProps;
 
     var singleValueDisplay = !props.multiple ? props.valueDisplay : null;
+    var displayedValue = popupVisible && props.allowInput ? inputValue : getInputValue(value, keys);
     return /* @__PURE__ */React__default["default"].createElement(input_index.Input, _objectSpread(_objectSpread(_objectSpread({
       ref: inputRef
     }, commonInputProps), {}, {
       autoWidth: props.borderless || props.autoWidth,
       placeholder: singleValueDisplay ? "" : props.placeholder,
-      value: singleValueDisplay ? void 0 : inputValue,
+      value: singleValueDisplay ? void 0 : displayedValue,
       label: /* @__PURE__ */React__default["default"].createElement(React__default["default"].Fragment, null, props.label, singleValueDisplay),
       onChange: onInnerInputChange,
       readonly: !props.allowInput,
@@ -158,7 +156,6 @@ function useSingle(props) {
         (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 ? void 0 : _props$onBlur.call(props, value, _objectSpread(_objectSpread({}, context), {}, {
           inputValue: val
         }));
-        setInputValue(getInputValue(value, keys));
       },
       onFocus: function onFocus(val, context) {
         var _props$onFocus;
@@ -166,6 +163,9 @@ function useSingle(props) {
         (_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 ? void 0 : _props$onFocus.call(props, value, _objectSpread(_objectSpread({}, context), {}, {
           inputValue: val
         }));
+        !popupVisible && setInputValue(getInputValue(value, keys), _objectSpread(_objectSpread({}, context), {}, {
+          trigger: "input"
+        }));
       }
     }, props.inputProps), {}, {
       className: classNames__default["default"]((_props$inputProps = props.inputProps) === null || _props$inputProps === void 0 ? void 0 : _props$inputProps.className, defineProperty._defineProperty({}, "".concat(classPrefix, "-input--focused"), popupVisible))

package/lib/select-input/useSingle.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSingle.js","sources":["../../src/select-input/useSingle.tsx"],"sourcesContent":["import React, { useRef, useState, useEffect, MouseEvent, FormEvent, useMemo } from 'react';\nimport isObject from 'lodash/isObject';\nimport pick from 'lodash/pick';\nimport classNames from 'classnames';\nimport { SelectInputCommonProperties } from './interface';\nimport Input, { InputValue } from '../input';\nimport { TdSelectInputProps } from './type';\nimport { Loading } from '../loading';\nimport useConfig from '../_util/useConfig';\n\nexport interface RenderSelectSingleInputParams {\n  tPlaceholder: string;\n}\n\n// single 和 multiple 共有特性\nconst COMMON_PROPERTIES = [\n  'status',\n  'clearable',\n  'disabled',\n  'label',\n  'placeholder',\n  'readonly',\n  'suffix',\n  'suffixIcon',\n  'onPaste',\n  'onEnter',\n  'onMouseenter',\n  'onMouseleave',\n];\n\nconst DEFAULT_KEYS: TdSelectInputProps['keys'] = {\n  label: 'label',\n  value: 'value',\n};\n\nfunction getInputValue(value: TdSelectInputProps['value'], keys: TdSelectInputProps['keys']) {\n  const iKeys = keys || DEFAULT_KEYS;\n  return isObject(value) ? value[iKeys.label] : value;\n}\n\nexport default function useSingle(props: TdSelectInputProps) {\n  const { value, keys, loading, disabled } = props;\n  const { classPrefix } = useConfig();\n  const inputRef = useRef();\n  const [inputValue, setInputValue] = useState<string | number>('');\n\n  const showLoading = useMemo(() => !disabled && loading, [loading, disabled]);\n\n  const commonInputProps: SelectInputCommonProperties = {\n    ...pick(props, COMMON_PROPERTIES),\n    suffixIcon: showLoading ? <Loading loading size=\"small\" /> : props.suffixIcon,\n  };\n\n  const onInnerClear = (context: { e: MouseEvent<SVGElement> }) => {\n    context?.e?.stopPropagation();\n    props.onClear?.(context);\n    setInputValue('');\n  };\n\n  const onInnerInputChange = (\n    value: InputValue,\n    context: { e: FormEvent<HTMLDivElement> | MouseEvent<HTMLElement | SVGElement> },\n  ) => {\n    if (props.allowInput) {\n      setInputValue(value);\n      props.onInputChange?.(value, { ...context, trigger: 'input' });\n    }\n  };\n\n  useEffect(() => {\n    setInputValue(getInputValue(value, keys));\n  }, [keys, value]);\n\n  const renderSelectSingle = (popupVisible: boolean) => {\n    // 单选，值的呈现方式\n    const singleValueDisplay = !props.multiple ? props.valueDisplay : null;\n    return (\n      <Input\n        ref={inputRef}\n        {...commonInputProps}\n        autoWidth={props.borderless || props.autoWidth}\n        placeholder={singleValueDisplay ? '' : props.placeholder}\n        value={singleValueDisplay ? undefined : inputValue}\n        label={\n          <>\n            {props.label}\n            {singleValueDisplay}\n          </>\n        }\n        onChange={onInnerInputChange}\n        readonly={!props.allowInput}\n        onClear={onInnerClear}\n        onBlur={(val, context) => {\n          props.onBlur?.(value, { ...context, inputValue: val });\n          setInputValue(getInputValue(value, keys));\n        }}\n        onFocus={(val, context) => {\n          props.onFocus?.(value, { ...context, inputValue: val });\n        }}\n        {...props.inputProps}\n        className={classNames(props.inputProps?.className, {\n          [`${classPrefix}-input--focused`]: popupVisible,\n        })}\n      />\n    );\n  };\n\n  return {\n    inputRef,\n    commonInputProps,\n    onInnerClear,\n    renderSelectSingle,\n  };\n}\n"],"names":["COMMON_PROPERTIES","DEFAULT_KEYS","label","value","getInputValue","keys","iKeys","isObject","useSingle","props","loading","disabled","useConfig","classPrefix","inputRef","useRef","useState","_slicedToArray","inputValue","setInputValue","showLoading","useMemo","commonInputProps","pick","suffixIcon","React","createElement","Loading","size","onInnerClear","context","e","stopPropagation","onClear","onInnerInputChange","value2","allowInput","onInputChange","trigger","useEffect","renderSelectSingle","popupVisible","singleValueDisplay","multiple","valueDisplay","Input","ref","autoWidth","borderless","placeholder","Fragment","onChange","readonly","onBlur","val","onFocus","inputProps","className","classNames"],"mappings":"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"}
+{"version":3,"file":"useSingle.js","sources":["../../src/select-input/useSingle.tsx"],"sourcesContent":["import React, { useRef, MouseEvent, FormEvent, useMemo } from 'react';\nimport isObject from 'lodash/isObject';\nimport pick from 'lodash/pick';\nimport classNames from 'classnames';\nimport { SelectInputCommonProperties } from './interface';\nimport Input, { InputValue } from '../input';\nimport { TdSelectInputProps } from './type';\nimport { Loading } from '../loading';\nimport useConfig from '../_util/useConfig';\nimport useDefault from '../_util/useDefault';\n\nexport interface RenderSelectSingleInputParams {\n  tPlaceholder: string;\n}\n\n// single 和 multiple 共有特性\nconst COMMON_PROPERTIES = [\n  'status',\n  'clearable',\n  'disabled',\n  'label',\n  'placeholder',\n  'readonly',\n  'suffix',\n  'suffixIcon',\n  'onPaste',\n  'onEnter',\n  'onMouseenter',\n  'onMouseleave',\n];\n\nconst DEFAULT_KEYS: TdSelectInputProps['keys'] = {\n  label: 'label',\n  value: 'value',\n};\n\nfunction getInputValue(value: TdSelectInputProps['value'], keys: TdSelectInputProps['keys']) {\n  const iKeys = keys || DEFAULT_KEYS;\n  return isObject(value) ? value[iKeys.label] : value;\n}\n\nexport default function useSingle(props: TdSelectInputProps) {\n  const { value, keys, loading, disabled } = props;\n  const { classPrefix } = useConfig();\n  const inputRef = useRef();\n  const [inputValue, setInputValue] = useDefault(props.inputValue, props.defaultInputValue ?? '', props.onInputChange);\n\n  const showLoading = useMemo(() => !disabled && loading, [loading, disabled]);\n\n  const commonInputProps: SelectInputCommonProperties = {\n    ...pick(props, COMMON_PROPERTIES),\n    suffixIcon: showLoading ? <Loading loading size=\"small\" /> : props.suffixIcon,\n  };\n\n  const onInnerClear = (context: { e: MouseEvent<SVGElement> }) => {\n    context?.e?.stopPropagation();\n    props.onClear?.(context);\n    setInputValue('', { trigger: 'clear' });\n  };\n\n  const onInnerInputChange = (\n    value: InputValue,\n    context: { e: FormEvent<HTMLDivElement> | MouseEvent<HTMLElement | SVGElement> },\n  ) => {\n    if (props.allowInput) {\n      setInputValue(value, { ...context, trigger: 'input' });\n    }\n  };\n\n  const renderSelectSingle = (popupVisible: boolean) => {\n    // 单选，值的呈现方式\n    const singleValueDisplay = !props.multiple ? props.valueDisplay : null;\n    const displayedValue = popupVisible && props.allowInput ? inputValue : getInputValue(value, keys);\n    return (\n      <Input\n        ref={inputRef}\n        {...commonInputProps}\n        autoWidth={props.borderless || props.autoWidth}\n        placeholder={singleValueDisplay ? '' : props.placeholder}\n        value={singleValueDisplay ? undefined : displayedValue}\n        label={\n          <>\n            {props.label}\n            {singleValueDisplay}\n          </>\n        }\n        onChange={onInnerInputChange}\n        readonly={!props.allowInput}\n        onClear={onInnerClear}\n        onBlur={(val, context) => {\n          props.onBlur?.(value, { ...context, inputValue: val });\n        }}\n        onFocus={(val, context) => {\n          props.onFocus?.(value, { ...context, inputValue: val });\n          !popupVisible && setInputValue(getInputValue(value, keys), { ...context, trigger: 'input' });\n        }}\n        {...props.inputProps}\n        className={classNames(props.inputProps?.className, {\n          [`${classPrefix}-input--focused`]: popupVisible,\n        })}\n      />\n    );\n  };\n\n  return {\n    inputRef,\n    commonInputProps,\n    onInnerClear,\n    renderSelectSingle,\n  };\n}\n"],"names":["COMMON_PROPERTIES","DEFAULT_KEYS","label","value","getInputValue","keys","iKeys","isObject","useSingle","props","loading","disabled","useConfig","classPrefix","inputRef","useRef","useDefault","inputValue","defaultInputValue","onInputChange","_slicedToArray","setInputValue","showLoading","useMemo","commonInputProps","pick","suffixIcon","React","createElement","Loading","size","onInnerClear","context","e","stopPropagation","onClear","trigger","onInnerInputChange","value2","allowInput","renderSelectSingle","popupVisible","singleValueDisplay","multiple","valueDisplay","displayedValue","Input","ref","autoWidth","borderless","placeholder","Fragment","onChange","readonly","onBlur","val","onFocus","inputProps","className","classNames"],"mappings":"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"}

package/lib/skeleton/Skeleton.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.27.0
+ * tdesign v0.28.0
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -8,40 +8,40 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../_chunks/dep-19aa70c4.js');
-var toConsumableArray = require('../_chunks/dep-94fb4c59.js');
+var defineProperty = require('../_chunks/dep-8d2f3689.js');
+var toConsumableArray = require('../_chunks/dep-da451f3b.js');
 var React = require('react');
-var isNumber = require('../_chunks/dep-b2f2da05.js');
+var isNumber = require('../_chunks/dep-c31c68ba.js');
 var classNames = require('classnames');
 var _util_useConfig = require('../_util/useConfig.js');
 var _util_helper = require('../_util/helper.js');
-require('../_chunks/dep-8584c966.js');
-require('../_chunks/dep-fd9236c3.js');
-require('../_chunks/dep-e059b0a9.js');
-require('../_chunks/dep-290ed639.js');
-require('../_chunks/dep-afb78373.js');
-require('../_chunks/dep-c66feb96.js');
-require('../_chunks/dep-631de0f8.js');
-require('../_chunks/dep-eb1b9c69.js');
-require('../_chunks/dep-4d8182f5.js');
-require('../_chunks/dep-151db1ba.js');
-require('../_chunks/dep-1ccd6973.js');
-require('../_chunks/dep-2edcd34d.js');
-require('../_chunks/dep-3a7d761b.js');
-require('../_chunks/dep-e3e134f0.js');
-require('../_chunks/dep-92d094bc.js');
-require('../_chunks/dep-4e9ccd38.js');
-require('../_chunks/dep-9f41038a.js');
-require('../_chunks/dep-ae647e2a.js');
+require('../_chunks/dep-65d64731.js');
+require('../_chunks/dep-2f77971b.js');
+require('../_chunks/dep-71e4d21e.js');
+require('../_chunks/dep-ff62dc6c.js');
+require('../_chunks/dep-d1988ef8.js');
+require('../_chunks/dep-95a06c78.js');
+require('../_chunks/dep-11f28bb0.js');
+require('../_chunks/dep-8d7bb976.js');
+require('../_chunks/dep-bd4553de.js');
+require('../_chunks/dep-0bc46dde.js');
+require('../_chunks/dep-35de0117.js');
+require('../_chunks/dep-2666fce8.js');
+require('../_chunks/dep-44b93460.js');
+require('../_chunks/dep-47dec67d.js');
+require('../_chunks/dep-0901df83.js');
+require('../_chunks/dep-4e175c8d.js');
+require('../_chunks/dep-d49ca178.js');
+require('../_chunks/dep-cb7fd82c.js');
 require('../_common/js/global-config/locale/zh_CN.js');
 require('../config-provider/zh_CN_config.js');
-require('../_chunks/dep-6a0b0b63.js');
-require('../_chunks/dep-8b02a291.js');
-require('../_chunks/dep-3b527d97.js');
-require('../_chunks/dep-80b2892f.js');
-require('../_chunks/dep-5cc8e7d5.js');
-require('../_chunks/dep-dd63e2bd.js');
-require('../_chunks/dep-c930ef94.js');
+require('../_chunks/dep-fb7fc9f7.js');
+require('../_chunks/dep-c3b52abc.js');
+require('../_chunks/dep-b4bfb8c5.js');
+require('../_chunks/dep-6a145cca.js');
+require('../_chunks/dep-5d3f16ca.js');
+require('../_chunks/dep-e7da1f6b.js');
+require('../_chunks/dep-d236783a.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/lib/skeleton/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.27.0
+ * tdesign v0.28.0
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -9,40 +9,40 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var skeleton_Skeleton = require('./Skeleton.js');
-require('../_chunks/dep-19aa70c4.js');
-require('../_chunks/dep-94fb4c59.js');
-require('../_chunks/dep-8584c966.js');
+require('../_chunks/dep-8d2f3689.js');
+require('../_chunks/dep-da451f3b.js');
+require('../_chunks/dep-65d64731.js');
 require('react');
-require('../_chunks/dep-b2f2da05.js');
-require('../_chunks/dep-fd9236c3.js');
-require('../_chunks/dep-e059b0a9.js');
-require('../_chunks/dep-290ed639.js');
+require('../_chunks/dep-c31c68ba.js');
+require('../_chunks/dep-2f77971b.js');
+require('../_chunks/dep-71e4d21e.js');
+require('../_chunks/dep-ff62dc6c.js');
 require('classnames');
 require('../_util/useConfig.js');
-require('../_chunks/dep-afb78373.js');
-require('../_chunks/dep-c66feb96.js');
-require('../_chunks/dep-631de0f8.js');
-require('../_chunks/dep-eb1b9c69.js');
-require('../_chunks/dep-4d8182f5.js');
-require('../_chunks/dep-151db1ba.js');
-require('../_chunks/dep-1ccd6973.js');
-require('../_chunks/dep-2edcd34d.js');
-require('../_chunks/dep-3a7d761b.js');
-require('../_chunks/dep-e3e134f0.js');
-require('../_chunks/dep-92d094bc.js');
-require('../_chunks/dep-4e9ccd38.js');
-require('../_chunks/dep-9f41038a.js');
-require('../_chunks/dep-ae647e2a.js');
+require('../_chunks/dep-d1988ef8.js');
+require('../_chunks/dep-95a06c78.js');
+require('../_chunks/dep-11f28bb0.js');
+require('../_chunks/dep-8d7bb976.js');
+require('../_chunks/dep-bd4553de.js');
+require('../_chunks/dep-0bc46dde.js');
+require('../_chunks/dep-35de0117.js');
+require('../_chunks/dep-2666fce8.js');
+require('../_chunks/dep-44b93460.js');
+require('../_chunks/dep-47dec67d.js');
+require('../_chunks/dep-0901df83.js');
+require('../_chunks/dep-4e175c8d.js');
+require('../_chunks/dep-d49ca178.js');
+require('../_chunks/dep-cb7fd82c.js');
 require('../_common/js/global-config/locale/zh_CN.js');
 require('../config-provider/zh_CN_config.js');
 require('../_util/helper.js');
-require('../_chunks/dep-6a0b0b63.js');
-require('../_chunks/dep-8b02a291.js');
-require('../_chunks/dep-3b527d97.js');
-require('../_chunks/dep-80b2892f.js');
-require('../_chunks/dep-5cc8e7d5.js');
-require('../_chunks/dep-dd63e2bd.js');
-require('../_chunks/dep-c930ef94.js');
+require('../_chunks/dep-fb7fc9f7.js');
+require('../_chunks/dep-c3b52abc.js');
+require('../_chunks/dep-b4bfb8c5.js');
+require('../_chunks/dep-6a145cca.js');
+require('../_chunks/dep-5d3f16ca.js');
+require('../_chunks/dep-e7da1f6b.js');
+require('../_chunks/dep-d236783a.js');
 
 var Skeleton = skeleton_Skeleton["default"];
 

package/lib/skeleton/type.js

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

package/lib/slider/Slider.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.27.0
+ * tdesign v0.28.0
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -8,44 +8,44 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../_chunks/dep-19aa70c4.js');
-var _typeof = require('../_chunks/dep-e059b0a9.js');
-var slicedToArray = require('../_chunks/dep-8b02a291.js');
+var defineProperty = require('../_chunks/dep-8d2f3689.js');
+var _typeof = require('../_chunks/dep-71e4d21e.js');
+var slicedToArray = require('../_chunks/dep-c3b52abc.js');
 var React = require('react');
 var classNames = require('classnames');
+var isFunction = require('../_chunks/dep-bd4553de.js');
+var isString = require('../_chunks/dep-10608f6b.js');
 var _util_useConfig = require('../_util/useConfig.js');
 var _util_useDefault = require('../_util/useDefault.js');
 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-8584c966.js');
-require('../_chunks/dep-afb78373.js');
-require('../_chunks/dep-c66feb96.js');
-require('../_chunks/dep-631de0f8.js');
-require('../_chunks/dep-eb1b9c69.js');
-require('../_chunks/dep-4d8182f5.js');
-require('../_chunks/dep-fd9236c3.js');
-require('../_chunks/dep-151db1ba.js');
-require('../_chunks/dep-290ed639.js');
-require('../_chunks/dep-1ccd6973.js');
-require('../_chunks/dep-2edcd34d.js');
-require('../_chunks/dep-3a7d761b.js');
-require('../_chunks/dep-e3e134f0.js');
-require('../_chunks/dep-92d094bc.js');
-require('../_chunks/dep-4e9ccd38.js');
-require('../_chunks/dep-9f41038a.js');
-require('../_chunks/dep-ae647e2a.js');
+require('../_chunks/dep-65d64731.js');
+require('../_chunks/dep-2f77971b.js');
+require('../_chunks/dep-0bc46dde.js');
+require('../_chunks/dep-d49ca178.js');
+require('../_chunks/dep-ff62dc6c.js');
+require('../_chunks/dep-d1988ef8.js');
+require('../_chunks/dep-95a06c78.js');
+require('../_chunks/dep-11f28bb0.js');
+require('../_chunks/dep-8d7bb976.js');
+require('../_chunks/dep-35de0117.js');
+require('../_chunks/dep-2666fce8.js');
+require('../_chunks/dep-44b93460.js');
+require('../_chunks/dep-47dec67d.js');
+require('../_chunks/dep-0901df83.js');
+require('../_chunks/dep-4e175c8d.js');
+require('../_chunks/dep-cb7fd82c.js');
 require('../_common/js/global-config/locale/zh_CN.js');
 require('../config-provider/zh_CN_config.js');
 require('../_util/noop.js');
-require('../_chunks/dep-6a0b0b63.js');
+require('../_chunks/dep-fb7fc9f7.js');
 require('../_util/useCommonClassName.js');
 require('../_util/useUpdateEffect.js');
 require('../_util/useLayoutEffect.js');
 require('../_util/dom.js');
 require('raf');
-require('../_chunks/dep-d868ac18.js');
 require('../_util/easing.js');
 require('../input-number/StepHandler.js');
 require('tdesign-icons-react');
@@ -69,11 +69,11 @@ require('../input/Input.js');
 require('../_util/forwardRefWithStatics.js');
 require('hoist-non-react-statics');
 require('../_util/helper.js');
-require('../_chunks/dep-3b527d97.js');
-require('../_chunks/dep-80b2892f.js');
-require('../_chunks/dep-5cc8e7d5.js');
-require('../_chunks/dep-dd63e2bd.js');
-require('../_chunks/dep-c930ef94.js');
+require('../_chunks/dep-b4bfb8c5.js');
+require('../_chunks/dep-6a145cca.js');
+require('../_chunks/dep-5d3f16ca.js');
+require('../_chunks/dep-e7da1f6b.js');
+require('../_chunks/dep-d236783a.js');
 require('../input/InputGroup.js');
 require('../_util/useDefaultValue.js');
 require('../tooltip/Tooltip.js');
@@ -86,8 +86,8 @@ require('../popup/hooks/useTriggerProps.js');
 require('../_util/useClickOutside.js');
 require('../popup/utils/getTransitionParams.js');
 require('../_util/useMutationObserver.js');
-require('../_chunks/dep-83a52f1a.js');
-require('../_chunks/dep-c9becad5.js');
+require('../_chunks/dep-98c40b75.js');
+require('../_chunks/dep-3202f2a6.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -257,6 +257,7 @@ var Slider = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   };
 
   var onSliderChange = function onSliderChange(event, nodeIndex) {
+    if (disabled) return;
     var clientKey = isVertical ? "clientY" : "clientX";
     var sliderPositionInfo = sliderRef.current.getBoundingClientRect();
     var sliderOffset = sliderPositionInfo[startDirection];
@@ -271,13 +272,17 @@ var Slider = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 
   var createHandleButton = function createHandleButton(nodeIndex, style2) {
     var currentValue = renderValue[nodeIndex];
-    var tipLabel = typeof label === "string" ? label.replace(/\$\{value\}/g, currentValue.toString()) : label;
-    if (tipLabel === true || !tipLabel) tipLabel = currentValue;
+    var tipLabel = currentValue;
+    if (isFunction.isFunction_1(label)) tipLabel = label({
+      value: currentValue,
+      position: nodeIndex === LEFT_NODE ? "start" : "end"
+    });
+    if (isString.isString_1(label)) tipLabel = label.replace(/\$\{value\}/g, currentValue.toString());
     return /* @__PURE__ */React__default["default"].createElement(slider_SliderHandleButton["default"], {
       toolTipProps: _objectSpread({
-        disabled: label === false,
         content: tipLabel
       }, tooltipProps),
+      hideTips: label === false,
       classPrefix: classPrefix,
       style: style2,
       onChange: function onChange(e) {