tdesign-react 0.24.0-alpha.1 → 0.25.0

package/lib/tag-input/type.js

@@ -0,0 +1,9 @@
+/**
+ * tdesign v0.25.0
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+//# sourceMappingURL=type.js.map

package/lib/tag-input/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/lib/tag-input/useHover.d.ts

@@ -0,0 +1,6 @@
+import { TdTagInputProps } from './type';
+export default function useHover(props: TdTagInputProps): {
+    isHover: boolean;
+    addHover: (context: Parameters<TdTagInputProps['onMouseenter']>[0]) => void;
+    cancelHover: (context: Parameters<TdTagInputProps['onMouseleave']>[0]) => void;
+};

package/lib/tag-input/useHover.js

@@ -0,0 +1,46 @@
+/**
+ * tdesign v0.25.0
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var slicedToArray = require('../_chunks/dep-40b65970.js');
+var React = require('react');
+require('../_chunks/dep-e3f7cd4a.js');
+
+function useHover(props) {
+  var readonly = props.readonly,
+      disabled = props.disabled,
+      onMouseenter = props.onMouseenter,
+      onMouseleave = props.onMouseleave;
+
+  var _useState = React.useState(false),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      isHover = _useState2[0],
+      setIsHover = _useState2[1];
+
+  var addHover = function addHover(context) {
+    if (readonly || disabled) return;
+    setIsHover(true);
+    onMouseenter === null || onMouseenter === void 0 ? void 0 : onMouseenter(context);
+  };
+
+  var cancelHover = function cancelHover(context) {
+    if (readonly || disabled) return;
+    setIsHover(false);
+    onMouseleave === null || onMouseleave === void 0 ? void 0 : onMouseleave(context);
+  };
+
+  return {
+    isHover: isHover,
+    addHover: addHover,
+    cancelHover: cancelHover
+  };
+}
+
+exports["default"] = useHover;
+//# sourceMappingURL=useHover.js.map

package/lib/tag-input/useHover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHover.js","sources":["../../src/tag-input/useHover.ts"],"sourcesContent":["import { useState } from 'react';\nimport { TdTagInputProps } from './type';\n\nexport default function useHover(props: TdTagInputProps) {\n  const { readonly, disabled, onMouseenter, onMouseleave } = props;\n  const [isHover, setIsHover] = useState<boolean>(false);\n\n  const addHover = (context: Parameters<TdTagInputProps['onMouseenter']>[0]) => {\n    if (readonly || disabled) return;\n    setIsHover(true);\n    onMouseenter?.(context);\n  };\n\n  const cancelHover = (context: Parameters<TdTagInputProps['onMouseleave']>[0]) => {\n    if (readonly || disabled) return;\n    setIsHover(false);\n    onMouseleave?.(context);\n  };\n\n  return { isHover, addHover, cancelHover };\n}\n"],"names":["useHover","props","readonly","disabled","onMouseenter","onMouseleave","useState","isHover","setIsHover","addHover","context","cancelHover"],"mappings":";;;;;;;;;;;;;;AACe,SAASA,QAAT,CAAkBC,KAAlB,EAAyB;AACtC,MAAQC,QAAR,GAA2DD,KAA3D,CAAQC,QAAR;AAAA,MAAkBC,QAAlB,GAA2DF,KAA3D,CAAkBE,QAAlB;AAAA,MAA4BC,YAA5B,GAA2DH,KAA3D,CAA4BG,YAA5B;AAAA,MAA0CC,YAA1C,GAA2DJ,KAA3D,CAA0CI,YAA1C;;AACA,kBAA8BC,cAAQ,CAAC,KAAD,CAAtC;AAAA;AAAA,MAAOC,OAAP;AAAA,MAAgBC,UAAhB;;AACA,MAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACC,OAAD,EAAa;AAC5B,QAAIR,QAAQ,IAAIC,QAAhB,EACE;AACFK,IAAAA,UAAU,CAAC,IAAD,CAAV;AACAJ,IAAAA,YAAY,SAAZ,IAAAA,YAAY,WAAZ,YAAAA,YAAY,CAAGM,OAAH,CAAZ;AACD,GALD;;AAMA,MAAMC,WAAW,GAAG,SAAdA,WAAc,CAACD,OAAD,EAAa;AAC/B,QAAIR,QAAQ,IAAIC,QAAhB,EACE;AACFK,IAAAA,UAAU,CAAC,KAAD,CAAV;AACAH,IAAAA,YAAY,SAAZ,IAAAA,YAAY,WAAZ,YAAAA,YAAY,CAAGK,OAAH,CAAZ;AACD,GALD;;AAMA,SAAO;AAAEH,IAAAA,OAAO,EAAPA,OAAF;AAAWE,IAAAA,QAAQ,EAARA,QAAX;AAAqBE,IAAAA,WAAW,EAAXA;AAArB,GAAP;AACD;;;;"}

package/lib/tag-input/useTagList.d.ts

@@ -0,0 +1,25 @@
+import React, { MouseEvent, KeyboardEvent, ReactNode } from 'react';
+import { TagInputChangeContext, TagInputValue, TdTagInputProps } from './type';
+import { InputValue } from '../input';
+export declare type ChangeParams = [TagInputChangeContext];
+export default function useTagList(props: TdTagInputProps): {
+    tagValue: TagInputValue;
+    clearAll: (context: {
+        e: MouseEvent<SVGElement>;
+    }) => void;
+    onClose: (p: {
+        e: MouseEvent<SVGElement>;
+        index: number;
+        item: string | number;
+    }) => void;
+    onInnerEnter: (value: InputValue, context: {
+        e: KeyboardEvent<HTMLDivElement>;
+    }) => void;
+    onInputBackspaceKeyUp: (value: InputValue, context: {
+        e: KeyboardEvent<HTMLDivElement>;
+    }) => void;
+    renderLabel: ({ displayNode, label }: {
+        displayNode: ReactNode;
+        label: ReactNode;
+    }) => (true | React.ReactChild | React.ReactFragment | React.ReactPortal)[];
+};

package/lib/tag-input/useTagList.js

@@ -0,0 +1,204 @@
+/**
+ * tdesign v0.25.0
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var defineProperty = require('../_chunks/dep-22482b01.js');
+var toConsumableArray = require('../_chunks/dep-4d7c12c2.js');
+var slicedToArray = require('../_chunks/dep-40b65970.js');
+var React = require('react');
+var lodash = require('lodash');
+var tag_index = require('../tag/index.js');
+var _util_useConfig = require('../_util/useConfig.js');
+var _util_useDefault = require('../_util/useDefault.js');
+require('../_chunks/dep-e3f7cd4a.js');
+require('../tag/Tag.js');
+require('../_chunks/dep-fdcbc7ad.js');
+require('classnames');
+require('tdesign-icons-react');
+require('../_util/noop.js');
+require('../_util/forwardRefWithStatics.js');
+require('hoist-non-react-statics');
+require('../tag/CheckTag.js');
+require('../_chunks/dep-03ccf7fb.js');
+require('../_chunks/dep-427393a4.js');
+require('../_chunks/dep-df8a21bc.js');
+require('../_chunks/dep-aeaa9276.js');
+require('../_chunks/dep-246e85a3.js');
+require('../_chunks/dep-1a2d9640.js');
+require('../_chunks/dep-48ef57c7.js');
+require('../_chunks/dep-605058e9.js');
+require('../_chunks/dep-ff76e2f5.js');
+require('../_chunks/dep-716716b3.js');
+require('../_chunks/dep-1a3f5b19.js');
+require('../_chunks/dep-72d5be6d.js');
+require('../_chunks/dep-7f2d4854.js');
+require('../_chunks/dep-d42792bb.js');
+require('../_chunks/dep-be8c537b.js');
+require('../_chunks/dep-b7de2e6a.js');
+require('../_common/js/locale/zh_CN.js');
+require('../config-provider/defaultConfig.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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; }
+function useTagList(props) {
+  var _useConfig = _util_useConfig["default"](),
+      prefix = _useConfig.classPrefix;
+
+  var onRemove = props.onRemove,
+      max = props.max,
+      minCollapsedNum = props.minCollapsedNum,
+      size = props.size,
+      disabled = props.disabled,
+      readonly = props.readonly,
+      tagProps = props.tagProps,
+      tag = props.tag,
+      collapsedItems = props.collapsedItems;
+
+  var _useDefault = _util_useDefault["default"](props.value, props.defaultValue, props.onChange),
+      _useDefault2 = slicedToArray._slicedToArray(_useDefault, 2),
+      tagValue = _useDefault2[0],
+      setTagValue = _useDefault2[1];
+
+  var _useState = React.useState(),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      oldInputValue = _useState2[0],
+      setOldInputValue = _useState2[1];
+
+  var _onClose = function onClose(p) {
+    var arr = toConsumableArray._toConsumableArray(tagValue);
+
+    arr.splice(p.index, 1);
+    setTagValue(arr, {
+      trigger: "tag-remove",
+      index: p.index,
+      e: p.e
+    });
+    onRemove === null || onRemove === void 0 ? void 0 : onRemove(_objectSpread(_objectSpread({}, p), {}, {
+      trigger: "tag-remove",
+      value: tagValue
+    }));
+  };
+
+  var clearAll = function clearAll(context) {
+    setTagValue([], {
+      trigger: "clear",
+      e: context.e
+    });
+  };
+
+  var onInnerEnter = function onInnerEnter(value, context) {
+    var _props$onEnter;
+
+    var valueStr = String(value).trim();
+    if (!valueStr) return;
+    var isLimitExceeded = max && (tagValue === null || tagValue === void 0 ? void 0 : tagValue.length) >= max;
+    var newValue = tagValue;
+
+    if (!isLimitExceeded) {
+      newValue = tagValue instanceof Array ? tagValue.concat(String(valueStr)) : [valueStr];
+      setTagValue(newValue, {
+        trigger: "enter",
+        index: newValue.length - 1,
+        e: context.e
+      });
+    }
+
+    props === null || props === void 0 ? void 0 : (_props$onEnter = props.onEnter) === null || _props$onEnter === void 0 ? void 0 : _props$onEnter.call(props, newValue, _objectSpread(_objectSpread({}, context), {}, {
+      inputValue: value
+    }));
+  };
+
+  var onInputBackspaceKeyUp = function onInputBackspaceKeyUp(value, context) {
+    var e = context.e;
+
+    if (!oldInputValue && ["Backspace", "NumpadDelete"].includes(e.code)) {
+      var index = tagValue === null || tagValue === void 0 ? void 0 : tagValue.length;
+      var item = tagValue === null || tagValue === void 0 ? void 0 : tagValue[index];
+      var trigger = "backspace";
+      setTagValue(tagValue.slice(0, -1), {
+        e: e,
+        index: index,
+        item: item,
+        trigger: trigger
+      });
+      onRemove === null || onRemove === void 0 ? void 0 : onRemove({
+        e: e,
+        index: index,
+        item: item,
+        trigger: trigger,
+        value: tagValue
+      });
+    }
+
+    setOldInputValue(value);
+  };
+
+  var renderLabel = function renderLabel(_ref) {
+    var displayNode = _ref.displayNode,
+        label = _ref.label;
+    var newList = minCollapsedNum ? tagValue.slice(0, minCollapsedNum) : tagValue;
+    var list = displayNode ? [displayNode] : newList === null || newList === void 0 ? void 0 : newList.map(function (item, index) {
+      var tagContent = lodash.isFunction(tag) ? tag({
+        value: item
+      }) : tag;
+      return /* @__PURE__ */React__default["default"].createElement(tag_index.Tag, _objectSpread({
+        key: item,
+        size: size,
+        disabled: disabled,
+        onClose: function onClose(context) {
+          return _onClose({
+            e: context.e,
+            item: item,
+            index: index
+          });
+        },
+        closable: !readonly && !disabled
+      }, tagProps), tagContent !== null && tagContent !== void 0 ? tagContent : item);
+    });
+
+    if (label) {
+      list === null || list === void 0 ? void 0 : list.unshift( /* @__PURE__ */React__default["default"].createElement("div", {
+        className: "".concat(prefix, "-tag-input__prefix"),
+        key: "label"
+      }, label));
+    }
+
+    if (newList.length !== tagValue.length) {
+      var len = tagValue.length - newList.length;
+      var params = {
+        value: tagValue,
+        count: tagValue.length,
+        collapsedTags: tagValue.slice(minCollapsedNum, tagValue.length)
+      };
+      var more = lodash.isFunction(collapsedItems) ? collapsedItems(params) : collapsedItems;
+      list.push(more !== null && more !== void 0 ? more : /* @__PURE__ */React__default["default"].createElement(tag_index.Tag, {
+        key: "more"
+      }, "+", len));
+    }
+
+    return list;
+  };
+
+  return {
+    tagValue: tagValue,
+    clearAll: clearAll,
+    onClose: _onClose,
+    onInnerEnter: onInnerEnter,
+    onInputBackspaceKeyUp: onInputBackspaceKeyUp,
+    renderLabel: renderLabel
+  };
+}
+
+exports["default"] = useTagList;
+//# sourceMappingURL=useTagList.js.map

package/lib/tag-input/useTagList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTagList.js","sources":["../../src/tag-input/useTagList.tsx"],"sourcesContent":["import React, { useState, MouseEvent, KeyboardEvent, ReactNode } from 'react';\nimport { isFunction } from 'lodash';\nimport { TagInputChangeContext, TagInputValue, TdTagInputProps } from './type';\nimport { InputValue } from '../input';\nimport Tag from '../tag';\nimport useConfig from '../_util/useConfig';\nimport useDefault from '../_util/useDefault';\n\nexport type ChangeParams = [TagInputChangeContext];\n\n// handle tag add and remove\nexport default function useTagList(props: TdTagInputProps) {\n  const { classPrefix: prefix } = useConfig();\n  const { onRemove, max, minCollapsedNum, size, disabled, readonly, tagProps, tag, collapsedItems } = props;\n  // handle controlled property and uncontrolled property\n  const [tagValue, setTagValue] = useDefault<TdTagInputProps['value'], [TagInputChangeContext]>(\n    props.value,\n    props.defaultValue,\n    props.onChange,\n  );\n  const [oldInputValue, setOldInputValue] = useState<InputValue>();\n\n  // 点击标签关闭按钮，删除标签\n  const onClose = (p: { e: MouseEvent<SVGElement>; index: number; item: string | number }) => {\n    const arr = [...tagValue];\n    arr.splice(p.index, 1);\n    setTagValue(arr, { trigger: 'tag-remove', index: p.index, e: p.e });\n    onRemove?.({ ...p, trigger: 'tag-remove', value: tagValue });\n  };\n\n  const clearAll = (context: { e: MouseEvent<SVGElement> }) => {\n    setTagValue([], { trigger: 'clear', e: context.e });\n  };\n\n  // 按下 Enter 键，新增标签\n  const onInnerEnter = (value: InputValue, context: { e: KeyboardEvent<HTMLDivElement> }) => {\n    const valueStr = String(value).trim();\n    if (!valueStr) return;\n    const isLimitExceeded = max && tagValue?.length >= max;\n    let newValue: TagInputValue = tagValue;\n    if (!isLimitExceeded) {\n      newValue = tagValue instanceof Array ? tagValue.concat(String(valueStr)) : [valueStr];\n      setTagValue(newValue, {\n        trigger: 'enter',\n        index: newValue.length - 1,\n        e: context.e,\n      });\n    }\n    props?.onEnter?.(newValue, { ...context, inputValue: value });\n  };\n\n  // 按下回退键，删除标签\n  const onInputBackspaceKeyUp = (value: InputValue, context: { e: KeyboardEvent<HTMLDivElement> }) => {\n    const { e } = context;\n    // 回车键删除，输入框值为空时，才允许 Backspace 删除标签\n    if (!oldInputValue && ['Backspace', 'NumpadDelete'].includes(e.code)) {\n      const index = tagValue?.length;\n      const item = tagValue?.[index];\n      const trigger = 'backspace';\n      setTagValue(tagValue.slice(0, -1), { e, index, item, trigger });\n      onRemove?.({ e, index, item, trigger, value: tagValue });\n    }\n    setOldInputValue(value);\n  };\n\n  const renderLabel = ({ displayNode, label }: { displayNode: ReactNode; label: ReactNode }) => {\n    const newList = minCollapsedNum ? tagValue.slice(0, minCollapsedNum) : tagValue;\n    const list = displayNode\n      ? [displayNode]\n      : newList?.map((item, index) => {\n          const tagContent = isFunction(tag) ? tag({ value: item }) : tag;\n          return (\n            <Tag\n              key={item}\n              size={size}\n              disabled={disabled}\n              onClose={(context) => onClose({ e: context.e, item, index })}\n              closable={!readonly && !disabled}\n              {...tagProps}\n            >\n              {tagContent ?? item}\n            </Tag>\n          );\n        });\n    if (label) {\n      list?.unshift(\n        <div className={`${prefix}-tag-input__prefix`} key=\"label\">\n          {label}\n        </div>,\n      );\n    }\n    // 超出省略\n    if (newList.length !== tagValue.length) {\n      const len = tagValue.length - newList.length;\n      const params = {\n        value: tagValue,\n        count: tagValue.length,\n        collapsedTags: tagValue.slice(minCollapsedNum, tagValue.length),\n      };\n      const more = isFunction(collapsedItems) ? collapsedItems(params) : collapsedItems;\n      list.push(more ?? <Tag key=\"more\">+{len}</Tag>);\n    }\n    return list;\n  };\n\n  return {\n    tagValue,\n    clearAll,\n    onClose,\n    onInnerEnter,\n    onInputBackspaceKeyUp,\n    renderLabel,\n  };\n}\n"],"names":["useTagList","props","useConfig","prefix","classPrefix","onRemove","max","minCollapsedNum","size","disabled","readonly","tagProps","tag","collapsedItems","useDefault","value","defaultValue","onChange","tagValue","setTagValue","useState","oldInputValue","setOldInputValue","onClose","p","arr","splice","index","trigger","e","clearAll","context","onInnerEnter","valueStr","String","trim","isLimitExceeded","length","newValue","Array","concat","onEnter","inputValue","onInputBackspaceKeyUp","includes","code","item","slice","renderLabel","displayNode","label","newList","list","map","tagContent","isFunction","React","createElement","Tag","key","closable","unshift","className","len","params","count","collapsedTags","more","push"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKe,SAASA,UAAT,CAAoBC,KAApB,EAA2B;AACxC,mBAAgCC,0BAAS,EAAzC;AAAA,MAAqBC,MAArB,cAAQC,WAAR;;AACA,MAAQC,QAAR,GAAoGJ,KAApG,CAAQI,QAAR;AAAA,MAAkBC,GAAlB,GAAoGL,KAApG,CAAkBK,GAAlB;AAAA,MAAuBC,eAAvB,GAAoGN,KAApG,CAAuBM,eAAvB;AAAA,MAAwCC,IAAxC,GAAoGP,KAApG,CAAwCO,IAAxC;AAAA,MAA8CC,QAA9C,GAAoGR,KAApG,CAA8CQ,QAA9C;AAAA,MAAwDC,QAAxD,GAAoGT,KAApG,CAAwDS,QAAxD;AAAA,MAAkEC,QAAlE,GAAoGV,KAApG,CAAkEU,QAAlE;AAAA,MAA4EC,GAA5E,GAAoGX,KAApG,CAA4EW,GAA5E;AAAA,MAAiFC,cAAjF,GAAoGZ,KAApG,CAAiFY,cAAjF;;AACA,oBAAgCC,2BAAU,CAACb,KAAK,CAACc,KAAP,EAAcd,KAAK,CAACe,YAApB,EAAkCf,KAAK,CAACgB,QAAxC,CAA1C;AAAA;AAAA,MAAOC,QAAP;AAAA,MAAiBC,WAAjB;;AACA,kBAA0CC,cAAQ,EAAlD;AAAA;AAAA,MAAOC,aAAP;AAAA,MAAsBC,gBAAtB;;AACA,MAAMC,QAAO,GAAG,SAAVA,OAAU,CAACC,CAAD,EAAO;AACrB,QAAMC,GAAG,wCAAOP,QAAP,CAAT;;AACAO,IAAAA,GAAG,CAACC,MAAJ,CAAWF,CAAC,CAACG,KAAb,EAAoB,CAApB;AACAR,IAAAA,WAAW,CAACM,GAAD,EAAM;AAAEG,MAAAA,OAAO,EAAE,YAAX;AAAyBD,MAAAA,KAAK,EAAEH,CAAC,CAACG,KAAlC;AAAyCE,MAAAA,CAAC,EAAEL,CAAC,CAACK;AAA9C,KAAN,CAAX;AACAxB,IAAAA,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,iCAAQmB,CAAR;AAAWI,MAAAA,OAAO,EAAE,YAApB;AAAkCb,MAAAA,KAAK,EAAEG;AAAzC,OAAR;AACD,GALD;;AAMA,MAAMY,QAAQ,GAAG,SAAXA,QAAW,CAACC,OAAD,EAAa;AAC5BZ,IAAAA,WAAW,CAAC,EAAD,EAAK;AAAES,MAAAA,OAAO,EAAE,OAAX;AAAoBC,MAAAA,CAAC,EAAEE,OAAO,CAACF;AAA/B,KAAL,CAAX;AACD,GAFD;;AAGA,MAAMG,YAAY,GAAG,SAAfA,YAAe,CAACjB,KAAD,EAAQgB,OAAR,EAAoB;AAAA;;AACvC,QAAME,QAAQ,GAAGC,MAAM,CAACnB,KAAD,CAAN,CAAcoB,IAAd,EAAjB;AACA,QAAI,CAACF,QAAL,EACE;AACF,QAAMG,eAAe,GAAG9B,GAAG,IAAI,CAAAY,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAEmB,MAAV,KAAoB/B,GAAnD;AACA,QAAIgC,QAAQ,GAAGpB,QAAf;;AACA,QAAI,CAACkB,eAAL,EAAsB;AACpBE,MAAAA,QAAQ,GAAGpB,QAAQ,YAAYqB,KAApB,GAA4BrB,QAAQ,CAACsB,MAAT,CAAgBN,MAAM,CAACD,QAAD,CAAtB,CAA5B,GAAgE,CAACA,QAAD,CAA3E;AACAd,MAAAA,WAAW,CAACmB,QAAD,EAAW;AACpBV,QAAAA,OAAO,EAAE,OADW;AAEpBD,QAAAA,KAAK,EAAEW,QAAQ,CAACD,MAAT,GAAkB,CAFL;AAGpBR,QAAAA,CAAC,EAAEE,OAAO,CAACF;AAHS,OAAX,CAAX;AAKD;;AACD5B,IAAAA,KAAK,SAAL,IAAAA,KAAK,WAAL,8BAAAA,KAAK,CAAEwC,OAAP,uEAAAxC,KAAK,EAAYqC,QAAZ,kCAA2BP,OAA3B;AAAoCW,MAAAA,UAAU,EAAE3B;AAAhD,OAAL;AACD,GAfD;;AAgBA,MAAM4B,qBAAqB,GAAG,SAAxBA,qBAAwB,CAAC5B,KAAD,EAAQgB,OAAR,EAAoB;AAChD,QAAQF,CAAR,GAAcE,OAAd,CAAQF,CAAR;;AACA,QAAI,CAACR,aAAD,IAAkB,CAAC,WAAD,EAAc,cAAd,EAA8BuB,QAA9B,CAAuCf,CAAC,CAACgB,IAAzC,CAAtB,EAAsE;AACpE,UAAMlB,KAAK,GAAGT,QAAH,aAAGA,QAAH,uBAAGA,QAAQ,CAAEmB,MAAxB;AACA,UAAMS,IAAI,GAAG5B,QAAH,aAAGA,QAAH,uBAAGA,QAAQ,CAAGS,KAAH,CAArB;AACA,UAAMC,OAAO,GAAG,WAAhB;AACAT,MAAAA,WAAW,CAACD,QAAQ,CAAC6B,KAAT,CAAe,CAAf,EAAkB,CAAC,CAAnB,CAAD,EAAwB;AAAElB,QAAAA,CAAC,EAADA,CAAF;AAAKF,QAAAA,KAAK,EAALA,KAAL;AAAYmB,QAAAA,IAAI,EAAJA,IAAZ;AAAkBlB,QAAAA,OAAO,EAAPA;AAAlB,OAAxB,CAAX;AACAvB,MAAAA,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAG;AAAEwB,QAAAA,CAAC,EAADA,CAAF;AAAKF,QAAAA,KAAK,EAALA,KAAL;AAAYmB,QAAAA,IAAI,EAAJA,IAAZ;AAAkBlB,QAAAA,OAAO,EAAPA,OAAlB;AAA2Bb,QAAAA,KAAK,EAAEG;AAAlC,OAAH,CAAR;AACD;;AACDI,IAAAA,gBAAgB,CAACP,KAAD,CAAhB;AACD,GAVD;;AAWA,MAAMiC,WAAW,GAAG,SAAdA,WAAc,OAA4B;AAAA,QAAzBC,WAAyB,QAAzBA,WAAyB;AAAA,QAAZC,KAAY,QAAZA,KAAY;AAC9C,QAAMC,OAAO,GAAG5C,eAAe,GAAGW,QAAQ,CAAC6B,KAAT,CAAe,CAAf,EAAkBxC,eAAlB,CAAH,GAAwCW,QAAvE;AACA,QAAMkC,IAAI,GAAGH,WAAW,GAAG,CAACA,WAAD,CAAH,GAAmBE,OAAnB,aAAmBA,OAAnB,uBAAmBA,OAAO,CAAEE,GAAT,CAAa,UAACP,IAAD,EAAOnB,KAAP,EAAiB;AACvE,UAAM2B,UAAU,GAAGC,iBAAU,CAAC3C,GAAD,CAAV,GAAkBA,GAAG,CAAC;AAAEG,QAAAA,KAAK,EAAE+B;AAAT,OAAD,CAArB,GAAyClC,GAA5D;AACA,4BAAuB4C,yBAAK,CAACC,aAAN,CAAoBC,aAApB;AACrBC,QAAAA,GAAG,EAAEb,IADgB;AAErBtC,QAAAA,IAAI,EAAJA,IAFqB;AAGrBC,QAAAA,QAAQ,EAARA,QAHqB;AAIrBc,QAAAA,OAAO,EAAE,iBAACQ,OAAD;AAAA,iBAAaR,QAAO,CAAC;AAAEM,YAAAA,CAAC,EAAEE,OAAO,CAACF,CAAb;AAAgBiB,YAAAA,IAAI,EAAJA,IAAhB;AAAsBnB,YAAAA,KAAK,EAALA;AAAtB,WAAD,CAApB;AAAA,SAJY;AAKrBiC,QAAAA,QAAQ,EAAE,CAAClD,QAAD,IAAa,CAACD;AALH,SAMlBE,QANkB,GAOpB2C,UAPoB,aAOpBA,UAPoB,cAOpBA,UAPoB,GAONR,IAPM,CAAvB;AAQD,KAV0C,CAA3C;;AAWA,QAAII,KAAJ,EAAW;AACTE,MAAAA,IAAI,SAAJ,IAAAA,IAAI,WAAJ,YAAAA,IAAI,CAAES,OAAN,iBAA8BL,yBAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AACvDK,QAAAA,SAAS,YAAK3D,MAAL,uBAD8C;AAEvDwD,QAAAA,GAAG,EAAE;AAFkD,OAA3B,EAG3BT,KAH2B,CAA9B;AAID;;AACD,QAAIC,OAAO,CAACd,MAAR,KAAmBnB,QAAQ,CAACmB,MAAhC,EAAwC;AACtC,UAAM0B,GAAG,GAAG7C,QAAQ,CAACmB,MAAT,GAAkBc,OAAO,CAACd,MAAtC;AACA,UAAM2B,MAAM,GAAG;AACbjD,QAAAA,KAAK,EAAEG,QADM;AAEb+C,QAAAA,KAAK,EAAE/C,QAAQ,CAACmB,MAFH;AAGb6B,QAAAA,aAAa,EAAEhD,QAAQ,CAAC6B,KAAT,CAAexC,eAAf,EAAgCW,QAAQ,CAACmB,MAAzC;AAHF,OAAf;AAKA,UAAM8B,IAAI,GAAGZ,iBAAU,CAAC1C,cAAD,CAAV,GAA6BA,cAAc,CAACmD,MAAD,CAA3C,GAAsDnD,cAAnE;AACAuC,MAAAA,IAAI,CAACgB,IAAL,CAAUD,IAAV,aAAUA,IAAV,cAAUA,IAAV,kBAAkCX,yBAAK,CAACC,aAAN,CAAoBC,aAApB,EAAyB;AACzDC,QAAAA,GAAG,EAAE;AADoD,OAAzB,EAE/B,GAF+B,EAE1BI,GAF0B,CAAlC;AAGD;;AACD,WAAOX,IAAP;AACD,GAhCD;;AAiCA,SAAO;AACLlC,IAAAA,QAAQ,EAARA,QADK;AAELY,IAAAA,QAAQ,EAARA,QAFK;AAGLP,IAAAA,OAAO,EAAPA,QAHK;AAILS,IAAAA,YAAY,EAAZA,YAJK;AAKLW,IAAAA,qBAAqB,EAArBA,qBALK;AAMLK,IAAAA,WAAW,EAAXA;AANK,GAAP;AAQD;;;;"}

package/lib/tag-input/useTagScroll.d.ts

@@ -0,0 +1,25 @@
+/**
+ * 当标签数量过多时，输入框显示不下，则需要滚动查看，以下为滚动逻辑
+ * 如果标签过多时的处理方式，是标签省略，则不需要此功能
+ */
+import { RefObject, WheelEvent } from 'react';
+import { TdTagInputProps } from './type';
+export default function useTagScroll(props: TdTagInputProps): {
+    initScroll: (element: HTMLDivElement) => void;
+    clearScroll: () => void;
+    tagInputRef: RefObject<{
+        currentElement: HTMLDivElement;
+    }>;
+    scrollElement: HTMLDivElement;
+    scrollDistance: number;
+    scrollTo: (distance: number) => void;
+    scrollToRight: () => void;
+    scrollToLeft: () => void;
+    updateScrollElement: (element: HTMLDivElement) => void;
+    updateScrollDistance: () => void;
+    onWheel: ({ e }: {
+        e: WheelEvent<HTMLDivElement>;
+    }) => void;
+    scrollToRightOnEnter: () => void;
+    scrollToLeftOnLeave: () => void;
+};

package/lib/tag-input/useTagScroll.js

@@ -0,0 +1,117 @@
+/**
+ * tdesign v0.25.0
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var slicedToArray = require('../_chunks/dep-40b65970.js');
+var React = require('react');
+require('../_chunks/dep-e3f7cd4a.js');
+
+var mouseEnterTimer = null;
+function useTagScroll(props) {
+  var tagInputRef = React.useRef();
+  var _props$excessTagsDisp = props.excessTagsDisplayType,
+      excessTagsDisplayType = _props$excessTagsDisp === void 0 ? "scroll" : _props$excessTagsDisp,
+      readonly = props.readonly,
+      disabled = props.disabled;
+
+  var _useState = React.useState(0),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      scrollDistance = _useState2[0],
+      setScrollDistance = _useState2[1];
+
+  var _useState3 = React.useState(),
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+      scrollElement = _useState4[0],
+      setScrollElement = _useState4[1];
+
+  var updateScrollElement = function updateScrollElement(element) {
+    setScrollElement(element);
+  };
+
+  var updateScrollDistance = function updateScrollDistance() {
+    setScrollDistance(scrollElement.scrollWidth - scrollElement.clientWidth);
+  };
+
+  var scrollTo = function scrollTo(distance) {
+    scrollElement === null || scrollElement === void 0 ? void 0 : scrollElement.scroll({
+      left: distance,
+      behavior: "smooth"
+    });
+  };
+
+  var scrollToRight = function scrollToRight() {
+    updateScrollDistance();
+    scrollTo(scrollDistance);
+  };
+
+  var scrollToLeft = function scrollToLeft() {
+    scrollTo(0);
+  };
+
+  var onWheel = function onWheel(_ref) {
+    var e = _ref.e;
+    if (readonly || disabled) return;
+    if (!scrollElement) return;
+
+    if (e.deltaX > 0) {
+      var distance = Math.min(scrollElement.scrollLeft + 120, scrollDistance);
+      scrollTo(distance);
+    } else {
+      var _distance = Math.max(scrollElement.scrollLeft - 120, 0);
+
+      scrollTo(_distance);
+    }
+  };
+
+  var scrollToRightOnEnter = function scrollToRightOnEnter() {
+    if (excessTagsDisplayType !== "scroll") return;
+    mouseEnterTimer = setTimeout(function () {
+      scrollToRight();
+      clearTimeout(mouseEnterTimer);
+    }, 100);
+  };
+
+  var scrollToLeftOnLeave = function scrollToLeftOnLeave() {
+    if (excessTagsDisplayType !== "scroll") return;
+    scrollTo(0);
+    clearTimeout(mouseEnterTimer);
+  };
+
+  var clearScroll = function clearScroll() {
+    clearTimeout(mouseEnterTimer);
+  };
+
+  var initScroll = function initScroll(element) {
+    if (!element) return;
+    updateScrollElement(element);
+  };
+
+  React.useEffect(function () {
+    initScroll(tagInputRef === null || tagInputRef === void 0 ? void 0 : tagInputRef.current.currentElement);
+    return clearScroll;
+  }, []);
+  return {
+    initScroll: initScroll,
+    clearScroll: clearScroll,
+    tagInputRef: tagInputRef,
+    scrollElement: scrollElement,
+    scrollDistance: scrollDistance,
+    scrollTo: scrollTo,
+    scrollToRight: scrollToRight,
+    scrollToLeft: scrollToLeft,
+    updateScrollElement: updateScrollElement,
+    updateScrollDistance: updateScrollDistance,
+    onWheel: onWheel,
+    scrollToRightOnEnter: scrollToRightOnEnter,
+    scrollToLeftOnLeave: scrollToLeftOnLeave
+  };
+}
+
+exports["default"] = useTagScroll;
+//# sourceMappingURL=useTagScroll.js.map

package/lib/tag-input/useTagScroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTagScroll.js","sources":["../../src/tag-input/useTagScroll.ts"],"sourcesContent":["/**\n * 当标签数量过多时，输入框显示不下，则需要滚动查看，以下为滚动逻辑\n * 如果标签过多时的处理方式，是标签省略，则不需要此功能\n */\n\nimport { useRef, useEffect, RefObject, useState, WheelEvent } from 'react';\nimport { TdTagInputProps } from './type';\n\nlet mouseEnterTimer = null;\n\nexport default function useTagScroll(props: TdTagInputProps) {\n  const tagInputRef: RefObject<{ currentElement: HTMLDivElement }> = useRef();\n  const { excessTagsDisplayType = 'scroll', readonly, disabled } = props;\n  // 允许向右滚动的最大距离\n  const [scrollDistance, setScrollDistance] = useState(0);\n  const [scrollElement, setScrollElement] = useState<HTMLDivElement>();\n\n  const updateScrollElement = (element: HTMLDivElement) => {\n    setScrollElement(element);\n  };\n\n  const updateScrollDistance = () => {\n    setScrollDistance(scrollElement.scrollWidth - scrollElement.clientWidth);\n  };\n\n  const scrollTo = (distance: number) => {\n    scrollElement?.scroll({ left: distance, behavior: 'smooth' });\n  };\n\n  const scrollToRight = () => {\n    updateScrollDistance();\n    scrollTo(scrollDistance);\n  };\n\n  const scrollToLeft = () => {\n    scrollTo(0);\n  };\n\n  // TODO：MAC 电脑横向滚动，Windows 纵向滚动。当前只处理了横向滚动\n  const onWheel = ({ e }: { e: WheelEvent<HTMLDivElement> }) => {\n    if (readonly || disabled) return;\n    if (!scrollElement) return;\n    if (e.deltaX > 0) {\n      const distance = Math.min(scrollElement.scrollLeft + 120, scrollDistance);\n      scrollTo(distance);\n    } else {\n      const distance = Math.max(scrollElement.scrollLeft - 120, 0);\n      scrollTo(distance);\n    }\n  };\n\n  // 鼠标 hover，自动滑动到最右侧，以便输入新标签\n  const scrollToRightOnEnter = () => {\n    if (excessTagsDisplayType !== 'scroll') return;\n    // 一闪而过的 mousenter 不需要执行\n    mouseEnterTimer = setTimeout(() => {\n      scrollToRight();\n      clearTimeout(mouseEnterTimer);\n    }, 100);\n  };\n\n  const scrollToLeftOnLeave = () => {\n    if (excessTagsDisplayType !== 'scroll') return;\n    scrollTo(0);\n    clearTimeout(mouseEnterTimer);\n  };\n\n  const clearScroll = () => {\n    clearTimeout(mouseEnterTimer);\n  };\n\n  const initScroll = (element: HTMLDivElement) => {\n    if (!element) return;\n    updateScrollElement(element);\n  };\n\n  useEffect(() => {\n    initScroll(tagInputRef?.current.currentElement);\n    return clearScroll;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return {\n    initScroll,\n    clearScroll,\n    tagInputRef,\n    scrollElement,\n    scrollDistance,\n    scrollTo,\n    scrollToRight,\n    scrollToLeft,\n    updateScrollElement,\n    updateScrollDistance,\n    onWheel,\n    scrollToRightOnEnter,\n    scrollToLeftOnLeave,\n  };\n}\n"],"names":["mouseEnterTimer","useTagScroll","props","tagInputRef","useRef","excessTagsDisplayType","readonly","disabled","useState","scrollDistance","setScrollDistance","scrollElement","setScrollElement","updateScrollElement","element","updateScrollDistance","scrollWidth","clientWidth","scrollTo","distance","scroll","left","behavior","scrollToRight","scrollToLeft","onWheel","e","deltaX","Math","min","scrollLeft","max","scrollToRightOnEnter","setTimeout","clearTimeout","scrollToLeftOnLeave","clearScroll","initScroll","useEffect","current","currentElement"],"mappings":"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"}

package/lib/textarea/Textarea.d.ts

@@ -3,5 +3,9 @@ import { TdTextareaProps } from './type';
 import { StyledProps } from '../common';
 export interface TextareaProps extends TdTextareaProps, StyledProps {
 }
-declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLInputElement>>;
+export interface TextareaRefInterface extends React.RefObject<unknown> {
+    currentElement: HTMLDivElement;
+    textareaElement: HTMLTextAreaElement;
+}
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<unknown>>;
 export default Textarea;

package/lib/textarea/Textarea.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.24.0-alpha.1
+ * tdesign v0.25.0
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -8,39 +8,41 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../_chunks/dep-981b24d8.js');
-var _typeof = require('../_chunks/dep-49e3eb26.js');
-var slicedToArray = require('../_chunks/dep-23bf34cd.js');
-var objectWithoutProperties = require('../_chunks/dep-48e7b7a3.js');
+var defineProperty = require('../_chunks/dep-22482b01.js');
+var _typeof = require('../_chunks/dep-48ef57c7.js');
+var slicedToArray = require('../_chunks/dep-40b65970.js');
+var objectWithoutProperties = require('../_chunks/dep-fdcbc7ad.js');
 var React = require('react');
 var classNames = require('classnames');
 var _util_useConfig = require('../_util/useConfig.js');
 var _util_noop = require('../_util/noop.js');
 var _util_useDefault = require('../_util/useDefault.js');
 var _util_helper = require('../_util/helper.js');
-require('../_chunks/dep-7cfb60f1.js');
-require('../_chunks/dep-3b7d26b7.js');
-require('../_chunks/dep-48d89bea.js');
-require('../_chunks/dep-ad7daa30.js');
-require('../_chunks/dep-f101a6f2.js');
-require('../_chunks/dep-25deb7f3.js');
-require('../_chunks/dep-4519c1ee.js');
-require('../_chunks/dep-ed4b9bb3.js');
-require('../_chunks/dep-24181e32.js');
-require('../_chunks/dep-25242ce9.js');
-require('../_chunks/dep-b314499d.js');
-require('../_chunks/dep-a8912de7.js');
-require('../_chunks/dep-8c8f976f.js');
-require('../_chunks/dep-cbeba68d.js');
-require('../_chunks/dep-5e82d10f.js');
-require('../_chunks/dep-5e6e1375.js');
+var _common_js_utils_calcTextareaHeight = require('../_common/js/utils/calcTextareaHeight.js');
+require('../_chunks/dep-e3f7cd4a.js');
+require('../_chunks/dep-03ccf7fb.js');
+require('../_chunks/dep-427393a4.js');
+require('../_chunks/dep-df8a21bc.js');
+require('../_chunks/dep-aeaa9276.js');
+require('../_chunks/dep-246e85a3.js');
+require('../_chunks/dep-1a2d9640.js');
+require('../_chunks/dep-605058e9.js');
+require('../_chunks/dep-ff76e2f5.js');
+require('../_chunks/dep-716716b3.js');
+require('../_chunks/dep-1a3f5b19.js');
+require('../_chunks/dep-72d5be6d.js');
+require('../_chunks/dep-7f2d4854.js');
+require('../_chunks/dep-d42792bb.js');
+require('../_chunks/dep-be8c537b.js');
+require('../_chunks/dep-b7de2e6a.js');
 require('../_common/js/locale/zh_CN.js');
 require('../config-provider/defaultConfig.js');
-require('../_chunks/dep-c5cc8b7d.js');
-require('../_chunks/dep-1f961ad9.js');
-require('../_chunks/dep-df57ce0c.js');
-require('../_chunks/dep-508e79fb.js');
-require('../_chunks/dep-b46450cb.js');
+require('../_chunks/dep-e55d0423.js');
+require('../_chunks/dep-25ab37bf.js');
+require('../_chunks/dep-66f3bfc6.js');
+require('../_chunks/dep-b8f76dd4.js');
+require('../_chunks/dep-897ea341.js');
+require('../_common/js/utils/helper.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -86,7 +88,14 @@ var Textarea = /*#__PURE__*/React.forwardRef(function (props, ref) {
       isFocused = _useState2[0],
       setIsFocused = _useState2[1];
 
+  var _useState3 = React.useState({}),
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+      textareaStyle = _useState4[0],
+      setTextareaStyle = _useState4[1];
+
   var hasMaxcharacter = typeof maxcharacter !== "undefined";
+  var textareaRef = React.useRef();
+  var wrapperRef = React.useRef();
   var currentLength = React.useMemo(function () {
     return value ? String(value).length : 0;
   }, [value]);
@@ -120,6 +129,18 @@ var Textarea = /*#__PURE__*/React.forwardRef(function (props, ref) {
     return eventProps2;
   }, {});
   var textareaClassNames = classNames__default["default"](className, "".concat(classPrefix, "-textarea__inner"), (_classNames = {}, defineProperty._defineProperty(_classNames, "".concat(classPrefix, "-is-").concat(status), status), defineProperty._defineProperty(_classNames, "".concat(classPrefix, "-is-disabled"), disabled), defineProperty._defineProperty(_classNames, "".concat(classPrefix, "-is-focused"), isFocused), defineProperty._defineProperty(_classNames, "".concat(classPrefix, "-resize-none"), _typeof._typeof(autosize) === "object"), _classNames));
+  var adjustTextareaHeight = React.useCallback(function () {
+    if (autosize === true) {
+      setTextareaStyle(_common_js_utils_calcTextareaHeight["default"](textareaRef.current));
+    } else if (_typeof._typeof(autosize) === "object") {
+      setTextareaStyle(_common_js_utils_calcTextareaHeight["default"](textareaRef.current, autosize === null || autosize === void 0 ? void 0 : autosize.minRows, autosize === null || autosize === void 0 ? void 0 : autosize.maxRows));
+    } else {
+      setTextareaStyle({
+        height: "auto",
+        minHeight: "auto"
+      });
+    }
+  }, [autosize]);
 
   function inputValueChangeHandle(e) {
     var target = e.target;
@@ -133,17 +154,25 @@ var Textarea = /*#__PURE__*/React.forwardRef(function (props, ref) {
     setValue(val, {
       e: e
     });
+    adjustTextareaHeight();
   }
 
+  React.useEffect(function () {
+    adjustTextareaHeight();
+  }, [adjustTextareaHeight]);
+  React.useImperativeHandle(ref, function () {
+    return {
+      currentElement: wrapperRef.current,
+      textareaElement: textareaRef.current
+    };
+  });
   return /* @__PURE__ */React__default["default"].createElement("div", {
-    ref: ref,
     style: style,
+    ref: wrapperRef,
     className: classNames__default["default"](className, "".concat(classPrefix, "-textarea"))
   }, /* @__PURE__ */React__default["default"].createElement("textarea", _objectSpread(_objectSpread(_objectSpread({}, textareaProps), eventProps), {}, {
     value: value,
-    style: {
-      height: autosize ? null : "auto"
-    },
+    style: textareaStyle,
     className: textareaClassNames,
     readOnly: readonly,
     autoFocus: autofocus,
@@ -164,7 +193,8 @@ var Textarea = /*#__PURE__*/React.forwardRef(function (props, ref) {
       return onKeyup(e.currentTarget.value, {
         e: e
       });
-    }
+    },
+    ref: textareaRef
   })), hasMaxcharacter ? /* @__PURE__ */React__default["default"].createElement("span", {
     className: "".concat(classPrefix, "-textarea__limit")
   }, "".concat(characterLength, "/").concat(maxcharacter)) : null, !hasMaxcharacter && maxlength ? /* @__PURE__ */React__default["default"].createElement("span", {