tdesign-react 0.25.1 → 0.26.0

package/lib/select-input/useMultiple.js

@@ -0,0 +1,172 @@
+/**
+ * tdesign v0.26.0
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var defineProperty = require('../_chunks/dep-ca7914de.js');
+var slicedToArray = require('../_chunks/dep-1c9c3eb3.js');
+var React = require('react');
+var isFunction = require('../_chunks/dep-81c8f336.js');
+var classNames = require('classnames');
+var tagInput_index = require('../tag-input/index.js');
+var _util_useDefault = require('../_util/useDefault.js');
+var _util_useConfig = require('../_util/useConfig.js');
+require('../_chunks/dep-802cffb1.js');
+require('../_chunks/dep-346e4fd6.js');
+require('../_chunks/dep-bd8388db.js');
+require('../tag-input/TagInput.js');
+require('tdesign-icons-react');
+require('../_util/useDragSorter.js');
+require('../input/index.js');
+require('../input/Input.js');
+require('../_chunks/dep-118265e9.js');
+require('../_util/forwardRefWithStatics.js');
+require('hoist-non-react-statics');
+require('../_util/helper.js');
+require('../_chunks/dep-f3ebd593.js');
+require('../_chunks/dep-f11349dd.js');
+require('../_chunks/dep-c093a95b.js');
+require('../_chunks/dep-dd7a6358.js');
+require('../_chunks/dep-91b0bcca.js');
+require('../_chunks/dep-e3d1b0a1.js');
+require('../_chunks/dep-05fbc204.js');
+require('../input/InputGroup.js');
+require('../_chunks/dep-2e128b45.js');
+require('../_chunks/dep-d260b48d.js');
+require('../_chunks/dep-7f9dd76c.js');
+require('../_chunks/dep-af5977f3.js');
+require('../_chunks/dep-0dcb1822.js');
+require('../_chunks/dep-b9ebc0ad.js');
+require('../_chunks/dep-4f241655.js');
+require('../_chunks/dep-fe548b95.js');
+require('../_chunks/dep-7dafe964.js');
+require('../_chunks/dep-e5b97b7b.js');
+require('../_chunks/dep-d55e22e6.js');
+require('../_common/js/locale/zh_CN.js');
+require('../config-provider/zh_CN_config.js');
+require('../_util/useDefaultValue.js');
+require('../_util/noop.js');
+require('../tag-input/useTagScroll.js');
+require('../tag-input/useTagList.js');
+require('../_chunks/dep-aabd119c.js');
+require('lodash');
+require('../tag/index.js');
+require('../tag/Tag.js');
+require('../tag/CheckTag.js');
+require('../tag-input/useHover.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); 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 = 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 DEFAULT_KEYS = {
+  label: "label",
+  key: "key",
+  children: "children"
+};
+function useMultiple(props) {
+  var value = props.value;
+
+  var _useConfig = _util_useConfig["default"](),
+      classPrefix = _useConfig.classPrefix;
+
+  var tagInputRef = React.useRef();
+
+  var _useDefaultValue = _util_useDefault["default"](props.inputValue, props.defaultInputValue, props.onInputChange),
+      _useDefaultValue2 = slicedToArray._slicedToArray(_useDefaultValue, 2),
+      tInputValue = _useDefaultValue2[0],
+      setTInputValue = _useDefaultValue2[1];
+
+  var iKeys = _objectSpread(_objectSpread({}, DEFAULT_KEYS), props.keys);
+
+  var getTags = function getTags() {
+    if (!(value instanceof Array)) {
+      return isFunction.isObject_1(value) ? [value[iKeys.label]] : [value];
+    }
+
+    return value.map(function (item) {
+      return isFunction.isObject_1(item) ? item[iKeys.label] : item;
+    });
+  };
+
+  var tags = getTags();
+  var tPlaceholder = !tags || !tags.length ? props.placeholder : "";
+
+  var onTagInputChange = function onTagInputChange(val, context) {
+    var _props$onTagChange;
+
+    if (context.trigger === "tag-remove") {
+      var _context$e;
+
+      (_context$e = context.e) === null || _context$e === void 0 ? void 0 : _context$e.stopPropagation();
+    }
+
+    (_props$onTagChange = props.onTagChange) === null || _props$onTagChange === void 0 ? void 0 : _props$onTagChange.call(props, val, context);
+  };
+
+  var renderSelectMultiple = function renderSelectMultiple(p) {
+    var _props$tagInputProps;
+
+    return /* @__PURE__ */React__default["default"].createElement(tagInput_index.TagInput, _objectSpread(_objectSpread(_objectSpread({
+      ref: tagInputRef
+    }, p.commonInputProps), {}, {
+      readonly: !props.allowInput,
+      autoWidth: props.borderless || props.autoWidth,
+      minCollapsedNum: props.minCollapsedNum,
+      collapsedItems: props.collapsedItems,
+      tag: props.tag,
+      valueDisplay: props.valueDisplay,
+      placeholder: tPlaceholder,
+      value: tags,
+      inputValue: tInputValue || "",
+      onChange: onTagInputChange,
+      onInputChange: function onInputChange(val, context) {
+        if ((context === null || context === void 0 ? void 0 : context.trigger) === "enter") return;
+        setTInputValue(val, {
+          trigger: context.trigger,
+          e: context.e
+        });
+      },
+      tagProps: props.tagProps,
+      onClear: p.onInnerClear,
+      onBlur: function onBlur(val, context) {
+        var _props$onBlur;
+
+        (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 ? void 0 : _props$onBlur.call(props, props.value, _objectSpread(_objectSpread({}, context), {}, {
+          tagInputValue: val
+        }));
+        setTInputValue("", _objectSpread(_objectSpread({}, context), {}, {
+          trigger: "blur"
+        }));
+      },
+      onFocus: function onFocus(val, context) {
+        var _props$onFocus;
+
+        (_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 ? void 0 : _props$onFocus.call(props, props.value, _objectSpread(_objectSpread({}, context), {}, {
+          tagInputValue: val
+        }));
+      }
+    }, props.tagInputProps), {}, {
+      className: classNames__default["default"]((_props$tagInputProps = props.tagInputProps) === null || _props$tagInputProps === void 0 ? void 0 : _props$tagInputProps.className, defineProperty._defineProperty({}, "".concat(classPrefix, "-input--focused"), p.popupVisible))
+    }));
+  };
+
+  return {
+    tags: tags,
+    tPlaceholder: tPlaceholder,
+    tagInputRef: tagInputRef,
+    renderSelectMultiple: renderSelectMultiple
+  };
+}
+
+exports["default"] = useMultiple;
+//# sourceMappingURL=useMultiple.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMultiple.js","sources":["../../src/select-input/useMultiple.tsx"],"sourcesContent":["import React, { useRef, MouseEvent } from 'react';\nimport isObject from 'lodash/isObject';\nimport classNames from 'classnames';\nimport { TdSelectInputProps, SelectInputChangeContext, SelectInputKeys } from './type';\nimport TagInput, { TagInputValue } from '../tag-input';\nimport { SelectInputCommonProperties } from './interface';\nimport useDefaultValue from '../_util/useDefault';\nimport useConfig from '../_util/useConfig';\n\nexport interface RenderSelectMultipleParams {\n  commonInputProps: SelectInputCommonProperties;\n  onInnerClear: (context: { e: MouseEvent<SVGElement> }) => void;\n  popupVisible: boolean;\n}\n\nconst DEFAULT_KEYS = {\n  label: 'label',\n  key: 'key',\n  children: 'children',\n};\n\nexport default function useMultiple(props: TdSelectInputProps) {\n  const { value } = props;\n  const { classPrefix } = useConfig();\n  const tagInputRef = useRef();\n  const [tInputValue, setTInputValue] = useDefaultValue(props.inputValue, props.defaultInputValue, props.onInputChange);\n  const iKeys: SelectInputKeys = { ...DEFAULT_KEYS, ...props.keys };\n\n  const getTags = () => {\n    if (!(value instanceof Array)) {\n      return isObject(value) ? [value[iKeys.label]] : [value];\n    }\n    return value.map((item) => (isObject(item) ? item[iKeys.label] : item));\n  };\n  const tags = getTags();\n\n  const tPlaceholder = !tags || !tags.length ? props.placeholder : '';\n\n  const onTagInputChange = (val: TagInputValue, context: SelectInputChangeContext) => {\n    // 避免触发浮层的显示或隐藏\n    if (context.trigger === 'tag-remove') {\n      context.e?.stopPropagation();\n    }\n    props.onTagChange?.(val, context);\n  };\n\n  const renderSelectMultiple = (p: RenderSelectMultipleParams) => (\n    <TagInput\n      ref={tagInputRef}\n      {...p.commonInputProps}\n      readonly={!props.allowInput}\n      autoWidth={props.borderless || props.autoWidth}\n      minCollapsedNum={props.minCollapsedNum}\n      collapsedItems={props.collapsedItems}\n      tag={props.tag}\n      valueDisplay={props.valueDisplay}\n      placeholder={tPlaceholder}\n      value={tags}\n      inputValue={tInputValue || ''}\n      onChange={onTagInputChange}\n      onInputChange={(val, context) => {\n        // 筛选器统一特性：筛选器按下回车时不清空输入框\n        if (context?.trigger === 'enter') return;\n        setTInputValue(val, { trigger: context.trigger, e: context.e });\n      }}\n      tagProps={props.tagProps}\n      onClear={p.onInnerClear}\n      onBlur={(val, context) => {\n        props.onBlur?.(props.value, { ...context, tagInputValue: val });\n        // 筛选器统一特性：失去焦点时，清空输入内容\n        setTInputValue('', { ...context, trigger: 'blur' });\n      }}\n      onFocus={(val, context) => {\n        props.onFocus?.(props.value, { ...context, tagInputValue: val });\n      }}\n      {...props.tagInputProps}\n      className={classNames(props.tagInputProps?.className, {\n        [`${classPrefix}-input--focused`]: p.popupVisible,\n      })}\n    />\n  );\n\n  return {\n    tags,\n    tPlaceholder,\n    tagInputRef,\n    renderSelectMultiple,\n  };\n}\n"],"names":["DEFAULT_KEYS","label","key","children","useMultiple","props","value","useConfig","classPrefix","tagInputRef","useRef","useDefaultValue","inputValue","defaultInputValue","onInputChange","tInputValue","setTInputValue","iKeys","keys","getTags","Array","isObject","map","item","tags","tPlaceholder","length","placeholder","onTagInputChange","val","context","trigger","e","stopPropagation","onTagChange","renderSelectMultiple","p","React","createElement","TagInput","ref","commonInputProps","readonly","allowInput","autoWidth","borderless","minCollapsedNum","collapsedItems","tag","valueDisplay","onChange","tagProps","onClear","onInnerClear","onBlur","tagInputValue","onFocus","tagInputProps","className","classNames","popupVisible"],"mappings":"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"}

package/lib/select-input/useOverlayStyle.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { TdSelectInputProps } from './type';
+import { PopupVisibleChangeContext } from '../popup';
+export default function useOverlayStyle(props: TdSelectInputProps): {
+    tOverlayStyle: React.CSSProperties | ((triggerElement: HTMLElement, popupElement: HTMLElement) => React.CSSProperties);
+    innerPopupVisible: boolean;
+    onInnerPopupVisibleChange: (visible: boolean, context: PopupVisibleChangeContext) => void;
+};

package/lib/select-input/useOverlayStyle.js

@@ -0,0 +1,75 @@
+/**
+ * tdesign v0.26.0
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var defineProperty = require('../_chunks/dep-ca7914de.js');
+var _typeof = require('../_chunks/dep-bd8388db.js');
+var slicedToArray = require('../_chunks/dep-1c9c3eb3.js');
+var React = require('react');
+var isFunction = require('../_chunks/dep-81c8f336.js');
+require('../_chunks/dep-802cffb1.js');
+require('../_chunks/dep-346e4fd6.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; }
+
+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 MAX_POPUP_WIDTH = 1e3;
+function useOverlayStyle(props) {
+  var popupProps = props.popupProps,
+      borderless = props.borderless;
+
+  var _useState = React.useState(false),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      innerPopupVisible = _useState2[0],
+      setInnerPopupVisible = _useState2[1];
+
+  var macthWidthFunc = function macthWidthFunc(triggerElement, popupElement) {
+    if (!triggerElement || !popupElement) return;
+    var SCROLLBAR_WIDTH = popupElement.scrollHeight > popupElement.offsetHeight ? 8 : 0;
+    var width = popupElement.offsetWidth + SCROLLBAR_WIDTH >= triggerElement.offsetWidth ? popupElement.offsetWidth : triggerElement.offsetWidth;
+    var otherOverlayStyle = {};
+
+    if (popupProps && _typeof._typeof(popupProps.overlayStyle) === "object" && !popupProps.overlayStyle.width) {
+      otherOverlayStyle = popupProps.overlayStyle;
+    }
+
+    return _objectSpread({
+      width: "".concat(Math.min(width, MAX_POPUP_WIDTH), "px")
+    }, otherOverlayStyle);
+  };
+
+  var onInnerPopupVisibleChange = function onInnerPopupVisibleChange(visible, context) {
+    var _props$onPopupVisible;
+
+    var newVisible = context.trigger === "trigger-element-click" ? true : visible;
+    setInnerPopupVisible(newVisible);
+    (_props$onPopupVisible = props.onPopupVisibleChange) === null || _props$onPopupVisible === void 0 ? void 0 : _props$onPopupVisible.call(props, newVisible, context);
+  };
+
+  var tOverlayStyle = React.useMemo(function () {
+    var result = {};
+    var overlayStyle = (popupProps === null || popupProps === void 0 ? void 0 : popupProps.overlayStyle) || {};
+
+    if (isFunction.isFunction_1(overlayStyle) || isFunction.isObject_1(overlayStyle) && overlayStyle.width) {
+      result = overlayStyle;
+    } else if (!borderless) {
+      result = macthWidthFunc;
+    }
+
+    return result;
+  }, [borderless, popupProps === null || popupProps === void 0 ? void 0 : popupProps.overlayStyle]);
+  return {
+    tOverlayStyle: tOverlayStyle,
+    innerPopupVisible: innerPopupVisible,
+    onInnerPopupVisibleChange: onInnerPopupVisibleChange
+  };
+}
+
+exports["default"] = useOverlayStyle;
+//# sourceMappingURL=useOverlayStyle.js.map

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

@@ -0,0 +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","_typeof","overlayStyle","Math","min","onInnerPopupVisibleChange","visible","context","newVisible","trigger","onPopupVisibleChange","tOverlayStyle","useMemo","result","isFunction","isObject"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAGA,IAAMA,eAAe,GAAG,GAAxB;AACe,SAASC,eAAT,CAAyBC,KAAzB,EAAgC;AAC7C,MAAQC,UAAR,GAAmCD,KAAnC,CAAQC,UAAR;AAAA,MAAoBC,UAApB,GAAmCF,KAAnC,CAAoBE,UAApB;;AACA,kBAAkDC,cAAQ,CAAC,KAAD,CAA1D;AAAA;AAAA,MAAOC,iBAAP;AAAA,MAA0BC,oBAA1B;;AACA,MAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,cAAD,EAAiBC,YAAjB,EAAkC;AACvD,QAAI,CAACD,cAAD,IAAmB,CAACC,YAAxB,EACE;AACF,QAAMC,eAAe,GAAGD,YAAY,CAACE,YAAb,GAA4BF,YAAY,CAACG,YAAzC,GAAwD,CAAxD,GAA4D,CAApF;AACA,QAAMC,KAAK,GAAGJ,YAAY,CAACK,WAAb,GAA2BJ,eAA3B,IAA8CF,cAAc,CAACM,WAA7D,GAA2EL,YAAY,CAACK,WAAxF,GAAsGN,cAAc,CAACM,WAAnI;AACA,QAAIC,iBAAiB,GAAG,EAAxB;;AACA,QAAIb,UAAU,IAAIc,gBAAOd,UAAU,CAACe,YAAlB,MAAmC,QAAjD,IAA6D,CAACf,UAAU,CAACe,YAAX,CAAwBJ,KAA1F,EAAiG;AAC/FE,MAAAA,iBAAiB,GAAGb,UAAU,CAACe,YAA/B;AACD;;AACD;AACEJ,MAAAA,KAAK,YAAKK,IAAI,CAACC,GAAL,CAASN,KAAT,EAAgBd,eAAhB,CAAL;AADP,OAEKgB,iBAFL;AAID,GAbD;;AAcA,MAAMK,yBAAyB,GAAG,SAA5BA,yBAA4B,CAACC,OAAD,EAAUC,OAAV,EAAsB;AAAA;;AACtD,QAAMC,UAAU,GAAGD,OAAO,CAACE,OAAR,KAAoB,uBAApB,GAA8C,IAA9C,GAAqDH,OAAxE;AACAf,IAAAA,oBAAoB,CAACiB,UAAD,CAApB;AACA,6BAAAtB,KAAK,CAACwB,oBAAN,qFAAAxB,KAAK,EAAwBsB,UAAxB,EAAoCD,OAApC,CAAL;AACD,GAJD;;AAKA,MAAMI,aAAa,GAAGC,aAAO,CAAC,YAAM;AAClC,QAAIC,MAAM,GAAG,EAAb;AACA,QAAMX,YAAY,GAAG,CAAAf,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU,CAAEe,YAAZ,KAA4B,EAAjD;;AACA,QAAIY,uBAAU,CAACZ,YAAD,CAAV,IAA4Ba,qBAAQ,CAACb,YAAD,CAAR,IAA0BA,YAAY,CAACJ,KAAvE,EAA8E;AAC5Ee,MAAAA,MAAM,GAAGX,YAAT;AACD,KAFD,MAEO,IAAI,CAACd,UAAL,EAAiB;AACtByB,MAAAA,MAAM,GAAGrB,cAAT;AACD;;AACD,WAAOqB,MAAP;AACD,GAT4B,EAS1B,CAACzB,UAAD,EAAaD,UAAb,aAAaA,UAAb,uBAAaA,UAAU,CAAEe,YAAzB,CAT0B,CAA7B;AAUA,SAAO;AACLS,IAAAA,aAAa,EAAbA,aADK;AAELrB,IAAAA,iBAAiB,EAAjBA,iBAFK;AAGLe,IAAAA,yBAAyB,EAAzBA;AAHK,GAAP;AAKD;;;;"}

package/lib/select-input/useSingle.d.ts

@@ -0,0 +1,14 @@
+import React, { MouseEvent } from 'react';
+import { SelectInputCommonProperties } from './interface';
+import { TdSelectInputProps } from './type';
+export interface RenderSelectSingleInputParams {
+    tPlaceholder: string;
+}
+export default function useSingle(props: TdSelectInputProps): {
+    inputRef: React.MutableRefObject<undefined>;
+    commonInputProps: SelectInputCommonProperties;
+    onInnerClear: (context: {
+        e: MouseEvent<SVGElement>;
+    }) => void;
+    renderSelectSingle: (popupVisible: boolean) => JSX.Element;
+};

package/lib/select-input/useSingle.js

@@ -0,0 +1,184 @@
+/**
+ * tdesign v0.26.0
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var defineProperty = require('../_chunks/dep-ca7914de.js');
+var slicedToArray = require('../_chunks/dep-1c9c3eb3.js');
+var React = require('react');
+var isFunction = require('../_chunks/dep-81c8f336.js');
+var pick = require('../_chunks/dep-61436bd3.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-802cffb1.js');
+require('../_chunks/dep-346e4fd6.js');
+require('../_chunks/dep-bd8388db.js');
+require('../_chunks/dep-929b29ba.js');
+require('../_chunks/dep-c093a95b.js');
+require('../_chunks/dep-dd7a6358.js');
+require('../_chunks/dep-91b0bcca.js');
+require('../_chunks/dep-7f9dd76c.js');
+require('../_chunks/dep-af5977f3.js');
+require('../_chunks/dep-0dcb1822.js');
+require('../_chunks/dep-f11349dd.js');
+require('../_chunks/dep-c4ccee0d.js');
+require('../_chunks/dep-fe548b95.js');
+require('../_chunks/dep-320842c6.js');
+require('../_chunks/dep-86dbecea.js');
+require('../_chunks/dep-a6b63432.js');
+require('../_chunks/dep-a63f9fa8.js');
+require('../input/Input.js');
+require('../_chunks/dep-118265e9.js');
+require('tdesign-icons-react');
+require('../_util/forwardRefWithStatics.js');
+require('hoist-non-react-statics');
+require('../_util/helper.js');
+require('../_chunks/dep-f3ebd593.js');
+require('../_chunks/dep-e3d1b0a1.js');
+require('../_chunks/dep-05fbc204.js');
+require('../input/InputGroup.js');
+require('../_chunks/dep-2e128b45.js');
+require('../_chunks/dep-d260b48d.js');
+require('../_chunks/dep-b9ebc0ad.js');
+require('../_chunks/dep-4f241655.js');
+require('../_chunks/dep-7dafe964.js');
+require('../_chunks/dep-e5b97b7b.js');
+require('../_chunks/dep-d55e22e6.js');
+require('../_common/js/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-4aa7b082.js');
+require('../_util/easing.js');
+require('../common/Portal.js');
+require('react-dom');
+require('../loading/gradient.js');
+require('../_common/js/loading/circle-adapter.js');
+require('../_common/js/utils/set-style.js');
+require('../_common/js/utils/helper.js');
+require('../loading/plugin.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); 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 = 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 COMMON_PROPERTIES = ["status", "clearable", "disabled", "label", "placeholder", "readonly", "suffix", "suffixIcon", "onPaste", "onEnter", "onMouseenter", "onMouseleave"];
+var DEFAULT_KEYS = {
+  label: "label",
+  value: "value"
+};
+
+function getInputValue(value, keys) {
+  var iKeys = keys || DEFAULT_KEYS;
+  return isFunction.isObject_1(value) ? value[iKeys.label] : value;
+}
+
+function useSingle(props) {
+  var value = props.value,
+      keys = props.keys,
+      loading = props.loading,
+      disabled = props.disabled;
+
+  var _useConfig = _util_useConfig["default"](),
+      classPrefix = _useConfig.classPrefix;
+
+  var inputRef = React.useRef();
+
+  var _useState = React.useState(""),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      inputValue = _useState2[0],
+      setInputValue = _useState2[1];
+
+  var showLoading = React.useMemo(function () {
+    return !disabled && loading;
+  }, [loading, disabled]);
+
+  var commonInputProps = _objectSpread(_objectSpread({}, pick.pick_1(props, COMMON_PROPERTIES)), {}, {
+    suffixIcon: showLoading ? /* @__PURE__ */React__default["default"].createElement(loading_index.Loading, {
+      loading: true,
+      size: "small"
+    }) : props.suffixIcon
+  });
+
+  var onInnerClear = function onInnerClear(context) {
+    var _context$e, _props$onClear;
+
+    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("");
+  };
+
+  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), {}, {
+        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;
+    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,
+      label: /* @__PURE__ */React__default["default"].createElement(React__default["default"].Fragment, null, props.label, singleValueDisplay),
+      onChange: onInnerInputChange,
+      readonly: !props.allowInput,
+      onClear: onInnerClear,
+      onBlur: function onBlur(val, context) {
+        var _props$onBlur;
+
+        (_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;
+
+        (_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 ? void 0 : _props$onFocus.call(props, value, _objectSpread(_objectSpread({}, context), {}, {
+          inputValue: val
+        }));
+      }
+    }, 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))
+    }));
+  };
+
+  return {
+    inputRef: inputRef,
+    commonInputProps: commonInputProps,
+    onInnerClear: onInnerClear,
+    renderSelectSingle: renderSelectSingle
+  };
+}
+
+exports["default"] = useSingle;
+//# sourceMappingURL=useSingle.js.map

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

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

package/lib/skeleton/Skeleton.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.26.0
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -8,39 +8,39 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../_chunks/dep-2c3f65c5.js');
-var toConsumableArray = require('../_chunks/dep-401ea197.js');
+var defineProperty = require('../_chunks/dep-ca7914de.js');
+var toConsumableArray = require('../_chunks/dep-aabd119c.js');
 var React = require('react');
-var isNumber = require('../_chunks/dep-2a90d480.js');
+var isNumber = require('../_chunks/dep-720aae66.js');
 var classNames = require('classnames');
 var _util_useConfig = require('../_util/useConfig.js');
 var _util_helper = require('../_util/helper.js');
-require('../_chunks/dep-4e4ea898.js');
-require('../_chunks/dep-bad88682.js');
-require('../_chunks/dep-ab7e56ed.js');
-require('../_chunks/dep-ac761868.js');
-require('../_chunks/dep-51f98d04.js');
-require('../_chunks/dep-1626b298.js');
-require('../_chunks/dep-c67594a4.js');
-require('../_chunks/dep-4012a1e4.js');
-require('../_chunks/dep-907a36e3.js');
-require('../_chunks/dep-c44bb200.js');
-require('../_chunks/dep-4a4d4119.js');
-require('../_chunks/dep-5725aa0d.js');
-require('../_chunks/dep-3dfbfa1e.js');
-require('../_chunks/dep-dc65ecc4.js');
-require('../_chunks/dep-d02f776a.js');
-require('../_chunks/dep-da5c2a7e.js');
-require('../_chunks/dep-f2c71809.js');
+require('../_chunks/dep-802cffb1.js');
+require('../_chunks/dep-346e4fd6.js');
+require('../_chunks/dep-bd8388db.js');
+require('../_chunks/dep-91b0bcca.js');
+require('../_chunks/dep-2e128b45.js');
+require('../_chunks/dep-d260b48d.js');
+require('../_chunks/dep-7f9dd76c.js');
+require('../_chunks/dep-af5977f3.js');
+require('../_chunks/dep-81c8f336.js');
+require('../_chunks/dep-0dcb1822.js');
+require('../_chunks/dep-b9ebc0ad.js');
+require('../_chunks/dep-4f241655.js');
+require('../_chunks/dep-fe548b95.js');
+require('../_chunks/dep-7dafe964.js');
+require('../_chunks/dep-e5b97b7b.js');
+require('../_chunks/dep-c093a95b.js');
+require('../_chunks/dep-d55e22e6.js');
 require('../_common/js/locale/zh_CN.js');
-require('../config-provider/defaultConfig.js');
-require('../_chunks/dep-3a9ef687.js');
-require('../_chunks/dep-661ad10f.js');
-require('../_chunks/dep-8cd47785.js');
-require('../_chunks/dep-6223e889.js');
-require('../_chunks/dep-31e5288f.js');
-require('../_chunks/dep-8694c320.js');
-require('../_chunks/dep-78e96941.js');
+require('../config-provider/zh_CN_config.js');
+require('../_chunks/dep-118265e9.js');
+require('../_chunks/dep-1c9c3eb3.js');
+require('../_chunks/dep-f3ebd593.js');
+require('../_chunks/dep-f11349dd.js');
+require('../_chunks/dep-dd7a6358.js');
+require('../_chunks/dep-e3d1b0a1.js');
+require('../_chunks/dep-05fbc204.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }