tdesign-react 0.27.0 → 0.28.0

package/es/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","innerPopupVisible","setInnerPopupVisible","macthWidthFunc","triggerElement","popupElement","SCROLLBAR_WIDTH","scrollHeight","offsetHeight","width","offsetWidth","otherOverlayStyle","overlayStyle","Math","min","onInnerPopupVisibleChange","visible","context","newVisible","trigger","onPopupVisibleChange","tOverlayStyle","useMemo","result","isFunction","isObject"],"mappings":";;;;;;;;;;;;;;;;;;;AAGA,IAAMA,eAAe,GAAG,GAAxB,CAAA;AACe,SAASC,eAAT,CAAyBC,KAAzB,EAAgC;AAC7C,EAAA,IAAQC,UAAR,GAAmCD,KAAnC,CAAQC,UAAR;AAAA,MAAoBC,UAApB,GAAmCF,KAAnC,CAAoBE,UAApB,CAAA;;AACA,EAAkDC,IAAAA,SAAAA,GAAAA,QAAQ,CAAC,KAAD,CAA1D;AAAA,MAAA,UAAA,GAAA,cAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAA,MAAOC,iBAAP,GAAA,UAAA,CAAA,CAAA,CAAA;AAAA,MAA0BC,oBAA1B,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;;AACA,EAAMC,IAAAA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,cAAD,EAAiBC,YAAjB,EAAkC;AACvD,IAAA,IAAI,CAACD,cAAD,IAAmB,CAACC,YAAxB,EACE,OAAA;AACF,IAAA,IAAMC,eAAe,GAAGD,YAAY,CAACE,YAAb,GAA4BF,YAAY,CAACG,YAAzC,GAAwD,CAAxD,GAA4D,CAApF,CAAA;AACA,IAAA,IAAMC,KAAK,GAAGJ,YAAY,CAACK,WAAb,GAA2BJ,eAA3B,IAA8CF,cAAc,CAACM,WAA7D,GAA2EL,YAAY,CAACK,WAAxF,GAAsGN,cAAc,CAACM,WAAnI,CAAA;AACA,IAAIC,IAAAA,iBAAiB,GAAG,EAAxB,CAAA;;AACA,IAAA,IAAIb,UAAU,IAAI,OAAOA,CAAAA,UAAU,CAACc,YAAlB,CAAA,KAAmC,QAAjD,IAA6D,CAACd,UAAU,CAACc,YAAX,CAAwBH,KAA1F,EAAiG;AAC/FE,MAAAA,iBAAiB,GAAGb,UAAU,CAACc,YAA/B,CAAA;AACD,KAAA;;AACD,IAAA,OAAA,aAAA,CAAA;AACEH,MAAAA,KAAK,YAAKI,IAAI,CAACC,GAAL,CAASL,KAAT,EAAgBd,eAAhB,CAAL,EAAA,IAAA,CAAA;AADP,KAAA,EAEKgB,iBAFL,CAAA,CAAA;AAID,GAbD,CAAA;;AAcA,EAAMI,IAAAA,yBAAyB,GAAG,SAA5BA,yBAA4B,CAACC,OAAD,EAAUC,OAAV,EAAsB;AAAA,IAAA,IAAA,qBAAA,CAAA;;AACtD,IAAMC,IAAAA,UAAU,GAAGD,OAAO,CAACE,OAAR,KAAoB,uBAApB,GAA8C,IAA9C,GAAqDH,OAAxE,CAAA;AACAd,IAAAA,oBAAoB,CAACgB,UAAD,CAApB,CAAA;AACA,IAAArB,CAAAA,qBAAAA,GAAAA,KAAK,CAACuB,oBAAN,MAAA,IAAA,IAAA,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,qBAAA,CAAA,IAAA,CAAAvB,KAAK,EAAwBqB,UAAxB,EAAoCD,OAApC,CAAL,CAAA;AACD,GAJD,CAAA;;AAKA,EAAA,IAAMI,aAAa,GAAGC,OAAO,CAAC,YAAM;AAClC,IAAIC,IAAAA,MAAM,GAAG,EAAb,CAAA;AACA,IAAA,IAAMX,YAAY,GAAG,CAAAd,UAAU,KAAV,IAAA,IAAAA,UAAU,KAAA,KAAA,CAAV,GAAAA,KAAAA,CAAAA,GAAAA,UAAU,CAAEc,YAAZ,KAA4B,EAAjD,CAAA;;AACA,IAAA,IAAIY,YAAU,CAACZ,YAAD,CAAV,IAA4Ba,UAAQ,CAACb,YAAD,CAAR,IAA0BA,YAAY,CAACH,KAAvE,EAA8E;AAC5Ec,MAAAA,MAAM,GAAGX,YAAT,CAAA;AACD,KAFD,MAEO,IAAI,CAACb,UAAL,EAAiB;AACtBwB,MAAAA,MAAM,GAAGpB,cAAT,CAAA;AACD,KAAA;;AACD,IAAA,OAAOoB,MAAP,CAAA;AACD,GAT4B,EAS1B,CAACxB,UAAD,EAAaD,UAAb,KAAA,IAAA,IAAaA,UAAb,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAaA,UAAU,CAAEc,YAAzB,CAT0B,CAA7B,CAAA;AAUA,EAAO,OAAA;AACLS,IAAAA,aAAa,EAAbA,aADK;AAELpB,IAAAA,iBAAiB,EAAjBA,iBAFK;AAGLc,IAAAA,yBAAyB,EAAzBA,yBAAAA;AAHK,GAAP,CAAA;AAKD;;;;"}
+{"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","innerPopupVisible","setInnerPopupVisible","macthWidthFunc","triggerElement","popupElement","SCROLLBAR_WIDTH","scrollHeight","offsetHeight","width","offsetWidth","otherOverlayStyle","overlayStyle","Math","min","onInnerPopupVisibleChange","visible","context","readonly","newVisible","trigger","onPopupVisibleChange","tOverlayStyle","useMemo","result","isFunction","isObject"],"mappings":"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"}

package/es/select-input/useSingle.js

@@ -1,66 +1,66 @@
 /**
- * tdesign v0.27.0
+ * tdesign v0.28.0
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-0dee7a0e.js';
-import { _ as _slicedToArray } from '../_chunks/dep-d5157cdb.js';
-import React, { useRef, useState, useMemo, useEffect } from 'react';
-import { i as isObject_1 } from '../_chunks/dep-900064e4.js';
-import { p as pick_1 } from '../_chunks/dep-ba1955b8.js';
+import { _ as _defineProperty } from '../_chunks/dep-b3f274e6.js';
+import { _ as _slicedToArray } from '../_chunks/dep-80ab7817.js';
+import React, { useRef, useMemo } from 'react';
+import { i as isObject_1 } from '../_chunks/dep-00edd605.js';
+import { p as pick_1 } from '../_chunks/dep-cae0a320.js';
 import classNames from 'classnames';
 import { Input } from '../input/index.js';
 import { Loading } from '../loading/index.js';
 import useConfig from '../_util/useConfig.js';
-import '../_chunks/dep-eef8ab0a.js';
-import '../_chunks/dep-e2b8542f.js';
-import '../_chunks/dep-c4d967ba.js';
-import '../_chunks/dep-64dbf2f1.js';
-import '../_chunks/dep-e9372759.js';
-import '../_chunks/dep-ca202387.js';
-import '../_chunks/dep-eabe1e47.js';
-import '../_chunks/dep-487c4043.js';
-import '../_chunks/dep-aef10af2.js';
-import '../_chunks/dep-c425244b.js';
-import '../_chunks/dep-ef11c265.js';
-import '../_chunks/dep-8b9d6408.js';
-import '../_chunks/dep-00d03701.js';
-import '../_chunks/dep-a58e1dec.js';
-import '../_chunks/dep-4b698bc9.js';
-import '../_chunks/dep-6ca5a421.js';
-import '../_chunks/dep-41f3fa75.js';
-import '../_chunks/dep-11b967c7.js';
-import '../_chunks/dep-0a442900.js';
+import useDefault from '../_util/useDefault.js';
+import '../_chunks/dep-d9dba7f7.js';
+import '../_chunks/dep-5c760193.js';
+import '../_chunks/dep-151f48f7.js';
+import '../_chunks/dep-a716504a.js';
+import '../_chunks/dep-6c8424d7.js';
+import '../_chunks/dep-69e0e6c3.js';
+import '../_chunks/dep-84a7dd49.js';
+import '../_chunks/dep-880a5ebd.js';
+import '../_chunks/dep-6aea4a72.js';
+import '../_chunks/dep-bae013d5.js';
+import '../_chunks/dep-104db64f.js';
+import '../_chunks/dep-bbc93b3b.js';
+import '../_chunks/dep-9e25e98e.js';
+import '../_chunks/dep-18190a86.js';
+import '../_chunks/dep-a5b135ae.js';
+import '../_chunks/dep-92ab2a98.js';
+import '../_chunks/dep-f6612745.js';
+import '../_chunks/dep-e71391c4.js';
+import '../_chunks/dep-e4b64a7f.js';
 import '../input/Input.js';
-import '../_chunks/dep-ef2622e0.js';
+import '../_chunks/dep-ecbceda8.js';
 import 'tdesign-icons-react';
 import '../_util/forwardRefWithStatics.js';
 import 'hoist-non-react-statics';
 import '../_util/helper.js';
-import '../_chunks/dep-4e40e7c7.js';
-import '../_chunks/dep-3dd84fdd.js';
-import '../_chunks/dep-e533ac24.js';
+import '../_chunks/dep-789a9cff.js';
+import '../_chunks/dep-c216b563.js';
+import '../_chunks/dep-33d27597.js';
 import '../input/InputGroup.js';
-import '../_chunks/dep-0414ef9d.js';
-import '../_chunks/dep-a1a3d5a3.js';
-import '../_chunks/dep-efb50bf2.js';
-import '../_chunks/dep-ae13b294.js';
-import '../_chunks/dep-aedff59d.js';
-import '../_chunks/dep-80444892.js';
-import '../_chunks/dep-e838bdb4.js';
+import '../_chunks/dep-6e074833.js';
+import '../_chunks/dep-e75b3a36.js';
+import '../_chunks/dep-c1b098f3.js';
+import '../_chunks/dep-80125e94.js';
+import '../_chunks/dep-c3351e4f.js';
+import '../_chunks/dep-bff17e29.js';
+import '../_chunks/dep-01ecbe32.js';
 import '../locale/zh_CN.js';
 import '../_common/js/global-config/locale/zh_CN.js';
 import '../config-provider/zh_CN_config.js';
 import '../_util/useDefaultValue.js';
-import '../_util/useDefault.js';
 import '../_util/noop.js';
 import './style/css.js';
 import '../input/type.js';
 import '../loading/loading.js';
 import '../_util/dom.js';
 import 'raf';
-import '../_chunks/dep-cbe5cee9.js';
+import '../_chunks/dep-6dacf1e7.js';
 import '../_util/easing.js';
 import '../common/Portal.js';
 import 'react-dom';
@@ -86,6 +86,8 @@ function getInputValue(value, keys) {
 }
 
 function useSingle(props) {
+  var _props$defaultInputVa;
+
   var value = props.value,
       keys = props.keys,
       loading = props.loading,
@@ -96,10 +98,10 @@ function useSingle(props) {
 
   var inputRef = useRef();
 
-  var _useState = useState(""),
-      _useState2 = _slicedToArray(_useState, 2),
-      inputValue = _useState2[0],
-      setInputValue = _useState2[1];
+  var _useDefault = useDefault(props.inputValue, (_props$defaultInputVa = props.defaultInputValue) !== null && _props$defaultInputVa !== void 0 ? _props$defaultInputVa : "", props.onInputChange),
+      _useDefault2 = _slicedToArray(_useDefault, 2),
+      inputValue = _useDefault2[0],
+      setInputValue = _useDefault2[1];
 
   var showLoading = useMemo(function () {
     return !disabled && loading;
@@ -117,34 +119,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"
       }));
     }
   };
 
-  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.createElement(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.createElement(React.Fragment, null, props.label, singleValueDisplay),
       onChange: onInnerInputChange,
       readonly: !props.allowInput,
@@ -155,7 +153,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;
@@ -163,6 +160,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((_props$inputProps = props.inputProps) === null || _props$inputProps === void 0 ? void 0 : _props$inputProps.className, _defineProperty({}, "".concat(classPrefix, "-input--focused"), popupVisible))

package/es/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","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","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/es/skeleton/Skeleton.js

@@ -1,46 +1,46 @@
 /**
- * tdesign v0.27.0
+ * tdesign v0.28.0
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-0dee7a0e.js';
-import { _ as _toConsumableArray } from '../_chunks/dep-45d1cb64.js';
+import { _ as _defineProperty } from '../_chunks/dep-b3f274e6.js';
+import { _ as _toConsumableArray } from '../_chunks/dep-a9d16482.js';
 import React from 'react';
-import { i as isNumber_1 } from '../_chunks/dep-d4e15cf2.js';
+import { i as isNumber_1 } from '../_chunks/dep-ca0c816a.js';
 import classNames from 'classnames';
 import useConfig from '../_util/useConfig.js';
 import { pxCompat } from '../_util/helper.js';
-import '../_chunks/dep-eef8ab0a.js';
-import '../_chunks/dep-c4d967ba.js';
-import '../_chunks/dep-487c4043.js';
-import '../_chunks/dep-e2b8542f.js';
-import '../_chunks/dep-aef10af2.js';
-import '../_chunks/dep-0414ef9d.js';
-import '../_chunks/dep-a1a3d5a3.js';
-import '../_chunks/dep-c425244b.js';
-import '../_chunks/dep-ef11c265.js';
-import '../_chunks/dep-8b9d6408.js';
-import '../_chunks/dep-900064e4.js';
-import '../_chunks/dep-00d03701.js';
-import '../_chunks/dep-a58e1dec.js';
-import '../_chunks/dep-efb50bf2.js';
-import '../_chunks/dep-ae13b294.js';
-import '../_chunks/dep-aedff59d.js';
-import '../_chunks/dep-80444892.js';
-import '../_chunks/dep-e9372759.js';
-import '../_chunks/dep-ca202387.js';
-import '../_chunks/dep-e838bdb4.js';
+import '../_chunks/dep-d9dba7f7.js';
+import '../_chunks/dep-151f48f7.js';
+import '../_chunks/dep-880a5ebd.js';
+import '../_chunks/dep-5c760193.js';
+import '../_chunks/dep-6aea4a72.js';
+import '../_chunks/dep-6e074833.js';
+import '../_chunks/dep-e75b3a36.js';
+import '../_chunks/dep-bae013d5.js';
+import '../_chunks/dep-104db64f.js';
+import '../_chunks/dep-bbc93b3b.js';
+import '../_chunks/dep-00edd605.js';
+import '../_chunks/dep-9e25e98e.js';
+import '../_chunks/dep-18190a86.js';
+import '../_chunks/dep-c1b098f3.js';
+import '../_chunks/dep-80125e94.js';
+import '../_chunks/dep-c3351e4f.js';
+import '../_chunks/dep-bff17e29.js';
+import '../_chunks/dep-6c8424d7.js';
+import '../_chunks/dep-69e0e6c3.js';
+import '../_chunks/dep-01ecbe32.js';
 import '../locale/zh_CN.js';
 import '../_common/js/global-config/locale/zh_CN.js';
 import '../config-provider/zh_CN_config.js';
-import '../_chunks/dep-ef2622e0.js';
-import '../_chunks/dep-d5157cdb.js';
-import '../_chunks/dep-4e40e7c7.js';
-import '../_chunks/dep-4b698bc9.js';
-import '../_chunks/dep-eabe1e47.js';
-import '../_chunks/dep-3dd84fdd.js';
-import '../_chunks/dep-e533ac24.js';
+import '../_chunks/dep-ecbceda8.js';
+import '../_chunks/dep-80ab7817.js';
+import '../_chunks/dep-789a9cff.js';
+import '../_chunks/dep-a5b135ae.js';
+import '../_chunks/dep-84a7dd49.js';
+import '../_chunks/dep-c216b563.js';
+import '../_chunks/dep-33d27597.js';
 
 var ThemeMap = {
   text: [1],

package/es/skeleton/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.27.0
+ * tdesign v0.28.0
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -7,43 +7,43 @@
 import Skeleton$1 from './Skeleton.js';
 import './style/css.js';
 import './type.js';
-import '../_chunks/dep-0dee7a0e.js';
-import '../_chunks/dep-45d1cb64.js';
-import '../_chunks/dep-eef8ab0a.js';
+import '../_chunks/dep-b3f274e6.js';
+import '../_chunks/dep-a9d16482.js';
+import '../_chunks/dep-d9dba7f7.js';
 import 'react';
-import '../_chunks/dep-d4e15cf2.js';
-import '../_chunks/dep-c4d967ba.js';
-import '../_chunks/dep-487c4043.js';
-import '../_chunks/dep-e2b8542f.js';
-import '../_chunks/dep-aef10af2.js';
+import '../_chunks/dep-ca0c816a.js';
+import '../_chunks/dep-151f48f7.js';
+import '../_chunks/dep-880a5ebd.js';
+import '../_chunks/dep-5c760193.js';
+import '../_chunks/dep-6aea4a72.js';
 import 'classnames';
 import '../_util/useConfig.js';
-import '../_chunks/dep-0414ef9d.js';
-import '../_chunks/dep-a1a3d5a3.js';
-import '../_chunks/dep-c425244b.js';
-import '../_chunks/dep-ef11c265.js';
-import '../_chunks/dep-8b9d6408.js';
-import '../_chunks/dep-900064e4.js';
-import '../_chunks/dep-00d03701.js';
-import '../_chunks/dep-a58e1dec.js';
-import '../_chunks/dep-efb50bf2.js';
-import '../_chunks/dep-ae13b294.js';
-import '../_chunks/dep-aedff59d.js';
-import '../_chunks/dep-80444892.js';
-import '../_chunks/dep-e9372759.js';
-import '../_chunks/dep-ca202387.js';
-import '../_chunks/dep-e838bdb4.js';
+import '../_chunks/dep-6e074833.js';
+import '../_chunks/dep-e75b3a36.js';
+import '../_chunks/dep-bae013d5.js';
+import '../_chunks/dep-104db64f.js';
+import '../_chunks/dep-bbc93b3b.js';
+import '../_chunks/dep-00edd605.js';
+import '../_chunks/dep-9e25e98e.js';
+import '../_chunks/dep-18190a86.js';
+import '../_chunks/dep-c1b098f3.js';
+import '../_chunks/dep-80125e94.js';
+import '../_chunks/dep-c3351e4f.js';
+import '../_chunks/dep-bff17e29.js';
+import '../_chunks/dep-6c8424d7.js';
+import '../_chunks/dep-69e0e6c3.js';
+import '../_chunks/dep-01ecbe32.js';
 import '../locale/zh_CN.js';
 import '../_common/js/global-config/locale/zh_CN.js';
 import '../config-provider/zh_CN_config.js';
 import '../_util/helper.js';
-import '../_chunks/dep-ef2622e0.js';
-import '../_chunks/dep-d5157cdb.js';
-import '../_chunks/dep-4e40e7c7.js';
-import '../_chunks/dep-4b698bc9.js';
-import '../_chunks/dep-eabe1e47.js';
-import '../_chunks/dep-3dd84fdd.js';
-import '../_chunks/dep-e533ac24.js';
+import '../_chunks/dep-ecbceda8.js';
+import '../_chunks/dep-80ab7817.js';
+import '../_chunks/dep-789a9cff.js';
+import '../_chunks/dep-a5b135ae.js';
+import '../_chunks/dep-84a7dd49.js';
+import '../_chunks/dep-c216b563.js';
+import '../_chunks/dep-33d27597.js';
 
 var Skeleton = Skeleton$1;
 

package/es/skeleton/style/index.js

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

package/es/skeleton/type.js

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

package/es/slider/Slider.js

@@ -1,50 +1,50 @@
 /**
- * tdesign v0.27.0
+ * tdesign v0.28.0
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-0dee7a0e.js';
-import { _ as _typeof } from '../_chunks/dep-e2b8542f.js';
-import { _ as _slicedToArray } from '../_chunks/dep-d5157cdb.js';
+import { _ as _defineProperty } from '../_chunks/dep-b3f274e6.js';
+import { _ as _typeof } from '../_chunks/dep-5c760193.js';
+import { _ as _slicedToArray } from '../_chunks/dep-80ab7817.js';
 import React, { forwardRef, useRef, useMemo } from 'react';
 import classNames from 'classnames';
+import { i as isFunction_1 } from '../_chunks/dep-bbc93b3b.js';
+import { i as isString_1 } from '../_chunks/dep-6dacf1e7.js';
 import useConfig from '../_util/useConfig.js';
 import useDefault from '../_util/useDefault.js';
 import { numberToPercent } from './utils/handleNumber.js';
 import InputNumber from '../input-number/InputNumber.js';
 import SliderHandleButton from './SliderHandleButton.js';
 import { accAdd } from '../_util/number.js';
-import '../_chunks/dep-eef8ab0a.js';
-import '../_chunks/dep-0414ef9d.js';
-import '../_chunks/dep-c4d967ba.js';
-import '../_chunks/dep-a1a3d5a3.js';
-import '../_chunks/dep-c425244b.js';
-import '../_chunks/dep-ef11c265.js';
-import '../_chunks/dep-8b9d6408.js';
-import '../_chunks/dep-487c4043.js';
-import '../_chunks/dep-900064e4.js';
-import '../_chunks/dep-00d03701.js';
-import '../_chunks/dep-aef10af2.js';
-import '../_chunks/dep-a58e1dec.js';
-import '../_chunks/dep-efb50bf2.js';
-import '../_chunks/dep-ae13b294.js';
-import '../_chunks/dep-aedff59d.js';
-import '../_chunks/dep-80444892.js';
-import '../_chunks/dep-e9372759.js';
-import '../_chunks/dep-ca202387.js';
-import '../_chunks/dep-e838bdb4.js';
+import '../_chunks/dep-d9dba7f7.js';
+import '../_chunks/dep-151f48f7.js';
+import '../_chunks/dep-880a5ebd.js';
+import '../_chunks/dep-00edd605.js';
+import '../_chunks/dep-6c8424d7.js';
+import '../_chunks/dep-69e0e6c3.js';
+import '../_chunks/dep-6aea4a72.js';
+import '../_chunks/dep-6e074833.js';
+import '../_chunks/dep-e75b3a36.js';
+import '../_chunks/dep-bae013d5.js';
+import '../_chunks/dep-104db64f.js';
+import '../_chunks/dep-9e25e98e.js';
+import '../_chunks/dep-18190a86.js';
+import '../_chunks/dep-c1b098f3.js';
+import '../_chunks/dep-80125e94.js';
+import '../_chunks/dep-c3351e4f.js';
+import '../_chunks/dep-bff17e29.js';
+import '../_chunks/dep-01ecbe32.js';
 import '../locale/zh_CN.js';
 import '../_common/js/global-config/locale/zh_CN.js';
 import '../config-provider/zh_CN_config.js';
 import '../_util/noop.js';
-import '../_chunks/dep-ef2622e0.js';
+import '../_chunks/dep-ecbceda8.js';
 import '../_util/useCommonClassName.js';
 import '../_util/useUpdateEffect.js';
 import '../_util/useLayoutEffect.js';
 import '../_util/dom.js';
 import 'raf';
-import '../_chunks/dep-cbe5cee9.js';
 import '../_util/easing.js';
 import '../input-number/StepHandler.js';
 import 'tdesign-icons-react';
@@ -71,11 +71,11 @@ import '../input/Input.js';
 import '../_util/forwardRefWithStatics.js';
 import 'hoist-non-react-statics';
 import '../_util/helper.js';
-import '../_chunks/dep-4e40e7c7.js';
-import '../_chunks/dep-4b698bc9.js';
-import '../_chunks/dep-eabe1e47.js';
-import '../_chunks/dep-3dd84fdd.js';
-import '../_chunks/dep-e533ac24.js';
+import '../_chunks/dep-789a9cff.js';
+import '../_chunks/dep-a5b135ae.js';
+import '../_chunks/dep-84a7dd49.js';
+import '../_chunks/dep-c216b563.js';
+import '../_chunks/dep-33d27597.js';
 import '../input/InputGroup.js';
 import '../_util/useDefaultValue.js';
 import '../input/type.js';
@@ -89,8 +89,8 @@ import '../popup/hooks/useTriggerProps.js';
 import '../_util/useClickOutside.js';
 import '../popup/utils/getTransitionParams.js';
 import '../_util/useMutationObserver.js';
-import '../_chunks/dep-892f84d4.js';
-import '../_chunks/dep-3023424a.js';
+import '../_chunks/dep-1ec3a297.js';
+import '../_chunks/dep-1450ac72.js';
 import '../popup/type.js';
 
 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; }
@@ -256,6 +256,7 @@ var Slider = /*#__PURE__*/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];
@@ -270,13 +271,17 @@ var Slider = /*#__PURE__*/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_1(label)) tipLabel = label({
+      value: currentValue,
+      position: nodeIndex === LEFT_NODE ? "start" : "end"
+    });
+    if (isString_1(label)) tipLabel = label.replace(/\$\{value\}/g, currentValue.toString());
     return /* @__PURE__ */React.createElement(SliderHandleButton, {
       toolTipProps: _objectSpread({
-        disabled: label === false,
         content: tipLabel
       }, tooltipProps),
+      hideTips: label === false,
       classPrefix: classPrefix,
       style: style2,
       onChange: function onChange(e) {