tdesign-react 0.24.2 → 0.25.0

package/es/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/es/tag-input/useTagList.js

@@ -0,0 +1,201 @@
+/**
+ * tdesign v0.25.0
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+import { _ as _defineProperty } from '../_chunks/dep-4621b103.js';
+import { _ as _toConsumableArray } from '../_chunks/dep-80a9d6b3.js';
+import { _ as _slicedToArray } from '../_chunks/dep-b0f9b8e7.js';
+import React, { useState } from 'react';
+import { isFunction } from 'lodash';
+import { Tag } from '../tag/index.js';
+import useConfig from '../_util/useConfig.js';
+import useDefault from '../_util/useDefault.js';
+import '../_chunks/dep-622fe550.js';
+import '../tag/Tag.js';
+import '../_chunks/dep-a9843281.js';
+import 'classnames';
+import 'tdesign-icons-react';
+import '../_util/noop.js';
+import '../_util/forwardRefWithStatics.js';
+import 'hoist-non-react-statics';
+import '../tag/CheckTag.js';
+import '../_chunks/dep-6687edb2.js';
+import '../_chunks/dep-c3bfb3b8.js';
+import '../_chunks/dep-e6457cbb.js';
+import '../_chunks/dep-37d05c05.js';
+import '../_chunks/dep-532f9a4d.js';
+import '../_chunks/dep-c3d01137.js';
+import '../_chunks/dep-c7d3831f.js';
+import '../_chunks/dep-2af9ecb6.js';
+import '../_chunks/dep-b85cc005.js';
+import '../_chunks/dep-b628c8d2.js';
+import '../_chunks/dep-e8c651cb.js';
+import '../_chunks/dep-0b8d0675.js';
+import '../_chunks/dep-7c6cf5f7.js';
+import '../_chunks/dep-9488a892.js';
+import '../_chunks/dep-11b12e69.js';
+import '../_chunks/dep-e867880b.js';
+import '../_chunks/dep-4a35bd62.js';
+import '../_chunks/dep-fbacd0ed.js';
+import '../locale/zh_CN.js';
+import '../_common/js/locale/zh_CN.js';
+import '../config-provider/defaultConfig.js';
+import './style/css.js';
+import '../tag/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; }
+
+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(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 = useConfig(),
+      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 = useDefault(props.value, props.defaultValue, props.onChange),
+      _useDefault2 = _slicedToArray(_useDefault, 2),
+      tagValue = _useDefault2[0],
+      setTagValue = _useDefault2[1];
+
+  var _useState = useState(),
+      _useState2 = _slicedToArray(_useState, 2),
+      oldInputValue = _useState2[0],
+      setOldInputValue = _useState2[1];
+
+  var _onClose = function onClose(p) {
+    var arr = _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 = isFunction(tag) ? tag({
+        value: item
+      }) : tag;
+      return /* @__PURE__ */React.createElement(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.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 = isFunction(collapsedItems) ? collapsedItems(params) : collapsedItems;
+      list.push(more !== null && more !== void 0 ? more : /* @__PURE__ */React.createElement(Tag, {
+        key: "more"
+      }, "+", len));
+    }
+
+    return list;
+  };
+
+  return {
+    tagValue: tagValue,
+    clearAll: clearAll,
+    onClose: _onClose,
+    onInnerEnter: onInnerEnter,
+    onInputBackspaceKeyUp: onInputBackspaceKeyUp,
+    renderLabel: renderLabel
+  };
+}
+
+export { useTagList as default };
+//# sourceMappingURL=useTagList.js.map

package/es/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":"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"}

package/es/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/es/tag-input/useTagScroll.js

@@ -0,0 +1,113 @@
+/**
+ * tdesign v0.25.0
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+import { _ as _slicedToArray } from '../_chunks/dep-b0f9b8e7.js';
+import { useRef, useState, useEffect } from 'react';
+import '../_chunks/dep-622fe550.js';
+
+var mouseEnterTimer = null;
+function useTagScroll(props) {
+  var tagInputRef = useRef();
+  var _props$excessTagsDisp = props.excessTagsDisplayType,
+      excessTagsDisplayType = _props$excessTagsDisp === void 0 ? "scroll" : _props$excessTagsDisp,
+      readonly = props.readonly,
+      disabled = props.disabled;
+
+  var _useState = useState(0),
+      _useState2 = _slicedToArray(_useState, 2),
+      scrollDistance = _useState2[0],
+      setScrollDistance = _useState2[1];
+
+  var _useState3 = useState(),
+      _useState4 = _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);
+  };
+
+  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
+  };
+}
+
+export { useTagScroll as default };
+//# sourceMappingURL=useTagScroll.js.map

package/es/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/es/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/es/textarea/Textarea.js

@@ -1,45 +1,47 @@
 /**
- * tdesign v0.24.2
+ * tdesign v0.25.0
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-77e8c4b5.js';
-import { _ as _typeof } from '../_chunks/dep-e2c3e976.js';
-import { _ as _slicedToArray } from '../_chunks/dep-227e0bb8.js';
-import { _ as _objectWithoutProperties } from '../_chunks/dep-f28d087e.js';
-import React, { forwardRef, useState, useMemo } from 'react';
+import { _ as _defineProperty } from '../_chunks/dep-4621b103.js';
+import { _ as _typeof } from '../_chunks/dep-2af9ecb6.js';
+import { _ as _slicedToArray } from '../_chunks/dep-b0f9b8e7.js';
+import { _ as _objectWithoutProperties } from '../_chunks/dep-a9843281.js';
+import React, { forwardRef, useState, useRef, useMemo, useCallback, useEffect, useImperativeHandle } from 'react';
 import classNames from 'classnames';
 import useConfig from '../_util/useConfig.js';
 import noop from '../_util/noop.js';
 import useDefault from '../_util/useDefault.js';
 import { getCharacterLength } from '../_util/helper.js';
-import '../_chunks/dep-61b31811.js';
-import '../_chunks/dep-27f1e824.js';
-import '../_chunks/dep-5eae925d.js';
-import '../_chunks/dep-35873096.js';
-import '../_chunks/dep-6fade4e3.js';
-import '../_chunks/dep-2c2a1ed3.js';
-import '../_chunks/dep-042bedbb.js';
-import '../_chunks/dep-727523bf.js';
-import '../_chunks/dep-c5ce2ac5.js';
-import '../_chunks/dep-a47c4980.js';
-import '../_chunks/dep-3c451e24.js';
-import '../_chunks/dep-9bca7361.js';
-import '../_chunks/dep-932974e4.js';
-import '../_chunks/dep-830a9fa5.js';
-import '../_chunks/dep-d8fd6317.js';
-import '../_chunks/dep-a442ec03.js';
-import '../_chunks/dep-8aa68030.js';
-import '../_chunks/dep-e5760bc1.js';
+import calcTextareaHeight from '../_common/js/utils/calcTextareaHeight.js';
+import '../_chunks/dep-622fe550.js';
+import '../_chunks/dep-6687edb2.js';
+import '../_chunks/dep-c3bfb3b8.js';
+import '../_chunks/dep-e6457cbb.js';
+import '../_chunks/dep-37d05c05.js';
+import '../_chunks/dep-532f9a4d.js';
+import '../_chunks/dep-c3d01137.js';
+import '../_chunks/dep-c7d3831f.js';
+import '../_chunks/dep-b85cc005.js';
+import '../_chunks/dep-b628c8d2.js';
+import '../_chunks/dep-e8c651cb.js';
+import '../_chunks/dep-0b8d0675.js';
+import '../_chunks/dep-7c6cf5f7.js';
+import '../_chunks/dep-9488a892.js';
+import '../_chunks/dep-11b12e69.js';
+import '../_chunks/dep-e867880b.js';
+import '../_chunks/dep-4a35bd62.js';
+import '../_chunks/dep-fbacd0ed.js';
 import '../locale/zh_CN.js';
 import '../_common/js/locale/zh_CN.js';
 import '../config-provider/defaultConfig.js';
-import '../_chunks/dep-111de74b.js';
-import '../_chunks/dep-9e014651.js';
-import '../_chunks/dep-649af003.js';
-import '../_chunks/dep-0cd35a58.js';
-import '../_chunks/dep-ddc1a5af.js';
+import '../_chunks/dep-917ec209.js';
+import '../_chunks/dep-aefe75c1.js';
+import '../_chunks/dep-a309988c.js';
+import '../_chunks/dep-bf4dabb5.js';
+import '../_chunks/dep-97442874.js';
+import '../_common/js/utils/helper.js';
 
 var _excluded = ["disabled", "maxlength", "maxcharacter", "className", "readonly", "autofocus", "defaultValue", "style", "onKeydown", "onKeypress", "onKeyup", "autosize", "status", "tips"];
 
@@ -80,7 +82,14 @@ var Textarea = /*#__PURE__*/forwardRef(function (props, ref) {
       isFocused = _useState2[0],
       setIsFocused = _useState2[1];
 
+  var _useState3 = useState({}),
+      _useState4 = _slicedToArray(_useState3, 2),
+      textareaStyle = _useState4[0],
+      setTextareaStyle = _useState4[1];
+
   var hasMaxcharacter = typeof maxcharacter !== "undefined";
+  var textareaRef = useRef();
+  var wrapperRef = useRef();
   var currentLength = useMemo(function () {
     return value ? String(value).length : 0;
   }, [value]);
@@ -114,6 +123,18 @@ var Textarea = /*#__PURE__*/forwardRef(function (props, ref) {
     return eventProps2;
   }, {});
   var textareaClassNames = classNames(className, "".concat(classPrefix, "-textarea__inner"), (_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "-is-").concat(status), status), _defineProperty(_classNames, "".concat(classPrefix, "-is-disabled"), disabled), _defineProperty(_classNames, "".concat(classPrefix, "-is-focused"), isFocused), _defineProperty(_classNames, "".concat(classPrefix, "-resize-none"), _typeof(autosize) === "object"), _classNames));
+  var adjustTextareaHeight = useCallback(function () {
+    if (autosize === true) {
+      setTextareaStyle(calcTextareaHeight(textareaRef.current));
+    } else if (_typeof(autosize) === "object") {
+      setTextareaStyle(calcTextareaHeight(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;
@@ -127,17 +148,25 @@ var Textarea = /*#__PURE__*/forwardRef(function (props, ref) {
     setValue(val, {
       e: e
     });
+    adjustTextareaHeight();
   }
 
+  useEffect(function () {
+    adjustTextareaHeight();
+  }, [adjustTextareaHeight]);
+  useImperativeHandle(ref, function () {
+    return {
+      currentElement: wrapperRef.current,
+      textareaElement: textareaRef.current
+    };
+  });
   return /* @__PURE__ */React.createElement("div", {
-    ref: ref,
     style: style,
+    ref: wrapperRef,
     className: classNames(className, "".concat(classPrefix, "-textarea"))
   }, /* @__PURE__ */React.createElement("textarea", _objectSpread(_objectSpread(_objectSpread({}, textareaProps), eventProps), {}, {
     value: value,
-    style: {
-      height: autosize ? null : "auto"
-    },
+    style: textareaStyle,
     className: textareaClassNames,
     readOnly: readonly,
     autoFocus: autofocus,
@@ -158,7 +187,8 @@ var Textarea = /*#__PURE__*/forwardRef(function (props, ref) {
       return onKeyup(e.currentTarget.value, {
         e: e
       });
-    }
+    },
+    ref: textareaRef
   })), hasMaxcharacter ? /* @__PURE__ */React.createElement("span", {
     className: "".concat(classPrefix, "-textarea__limit")
   }, "".concat(characterLength, "/").concat(maxcharacter)) : null, !hasMaxcharacter && maxlength ? /* @__PURE__ */React.createElement("span", {

package/es/textarea/Textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","sources":["../../src/textarea/Textarea.tsx"],"sourcesContent":["import React, { forwardRef, useState, useMemo } from 'react';\nimport classNames from 'classnames';\nimport useConfig from '../_util/useConfig';\nimport { TdTextareaProps } from './type';\nimport { StyledProps } from '../common';\nimport noop from '../_util/noop';\nimport useDefault from '../_util/useDefault';\nimport { getCharacterLength } from '../_util/helper';\n\nexport interface TextareaProps extends TdTextareaProps, StyledProps {}\n\nconst Textarea = forwardRef((props: TextareaProps, ref: React.Ref<HTMLInputElement>) => {\n  const {\n    disabled,\n    maxlength,\n    maxcharacter,\n    className,\n    readonly,\n    autofocus,\n    defaultValue,\n    style,\n    onKeydown = noop,\n    onKeypress = noop,\n    onKeyup = noop,\n    autosize = false,\n    status,\n    tips,\n    ...otherProps\n  } = props;\n\n  const [value = '', setValue] = useDefault(props.value, defaultValue, props.onChange);\n  const [isFocused, setIsFocused] = useState(false);\n\n  const hasMaxcharacter = typeof maxcharacter !== 'undefined';\n\n  const currentLength = useMemo(() => (value ? String(value).length : 0), [value]);\n  const characterLength = useMemo(() => {\n    const characterInfo = getCharacterLength(String(value), maxcharacter);\n    if (typeof characterInfo === 'object') return characterInfo.length;\n    return characterInfo;\n  }, [value, maxcharacter]);\n\n  const { classPrefix } = useConfig();\n\n  const textareaPropsNames = Object.keys(otherProps).filter((key) => !/^on[A-Z]/.test(key));\n  const textareaProps = textareaPropsNames.reduce(\n    (textareaProps, key) => Object.assign(textareaProps, { [key]: props[key] }),\n    {},\n  );\n  const eventPropsNames = Object.keys(otherProps).filter((key) => /^on[A-Z]/.test(key));\n  const eventProps = eventPropsNames.reduce((eventProps, key) => {\n    Object.assign(eventProps, {\n      [key]: (e) => {\n        if (disabled) return;\n        if (key === 'onFocus') setIsFocused(true);\n        if (key === 'onBlur') setIsFocused(false);\n        props[key](e.currentTarget.value, { e });\n      },\n    });\n    return eventProps;\n  }, {});\n\n  const textareaClassNames = classNames(className, `${classPrefix}-textarea__inner`, {\n    [`${classPrefix}-is-${status}`]: status,\n    [`${classPrefix}-is-disabled`]: disabled,\n    [`${classPrefix}-is-focused`]: isFocused,\n    [`${classPrefix}-resize-none`]: typeof autosize === 'object',\n  });\n\n  function inputValueChangeHandle(e: React.FormEvent<HTMLTextAreaElement>) {\n    const { target } = e;\n    let val = (target as HTMLInputElement).value;\n    if (maxcharacter && maxcharacter >= 0) {\n      const stringInfo = getCharacterLength(val, maxcharacter);\n      val = typeof stringInfo === 'object' && stringInfo.characters;\n    }\n    setValue(val, { e });\n  }\n\n  // 当未设置 autosize 时，需要将 textarea 的 height 设置为 auto，以支持原生的 textarea rows 属性\n  return (\n    <div ref={ref} style={style} className={classNames(className, `${classPrefix}-textarea`)}>\n      <textarea\n        {...textareaProps}\n        {...eventProps}\n        value={value}\n        style={{\n          height: autosize ? null : 'auto',\n        }}\n        className={textareaClassNames}\n        readOnly={readonly}\n        autoFocus={autofocus}\n        disabled={disabled}\n        maxLength={maxlength}\n        onChange={inputValueChangeHandle}\n        onKeyDown={(e) => onKeydown(e.currentTarget.value, { e })}\n        onKeyPress={(e) => onKeypress(e.currentTarget.value, { e })}\n        onKeyUp={(e) => onKeyup(e.currentTarget.value, { e })}\n      />\n      {hasMaxcharacter ? (\n        <span className={`${classPrefix}-textarea__limit`}>{`${characterLength}/${maxcharacter}`}</span>\n      ) : null}\n      {!hasMaxcharacter && maxlength ? (\n        <span className={`${classPrefix}-textarea__limit`}>{`${currentLength}/${maxlength}`}</span>\n      ) : null}\n      {tips ? (\n        <div\n          className={classNames(`${classPrefix}-textarea__tips`, {\n            [`${classPrefix}-textarea__tips--normal`]: !status,\n            [`${classPrefix}-textarea__tips--${status}`]: status,\n          })}\n        >\n          {tips}\n        </div>\n      ) : null}\n    </div>\n  );\n});\n\nTextarea.displayName = 'Textarea';\n\nexport default Textarea;\n"],"names":["Textarea","forwardRef","props","ref","disabled","maxlength","maxcharacter","className","readonly","autofocus","defaultValue","style","onKeydown","noop","onKeypress","onKeyup","autosize","status","tips","otherProps","useDefault","value","onChange","setValue","useState","isFocused","setIsFocused","hasMaxcharacter","currentLength","useMemo","String","length","characterLength","characterInfo","getCharacterLength","useConfig","classPrefix","textareaPropsNames","Object","keys","filter","key","test","textareaProps","reduce","textareaProps2","assign","eventPropsNames","eventProps","eventProps2","e","currentTarget","textareaClassNames","classNames","inputValueChangeHandle","target","val","stringInfo","characters","React","createElement","height","readOnly","autoFocus","maxLength","onKeyDown","onKeyPress","onKeyUp","displayName"],"mappings":"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"}
+{"version":3,"file":"Textarea.js","sources":["../../src/textarea/Textarea.tsx"],"sourcesContent":["import React, { forwardRef, useState, useEffect, useMemo, useRef, useCallback, useImperativeHandle } from 'react';\nimport classNames from 'classnames';\nimport useConfig from '../_util/useConfig';\nimport { TdTextareaProps } from './type';\nimport { StyledProps } from '../common';\nimport noop from '../_util/noop';\nimport useDefault from '../_util/useDefault';\nimport { getCharacterLength } from '../_util/helper';\nimport calcTextareaHeight from '../_common/js/utils/calcTextareaHeight';\n\nexport interface TextareaProps extends TdTextareaProps, StyledProps {}\nexport interface TextareaRefInterface extends React.RefObject<unknown> {\n  currentElement: HTMLDivElement;\n  textareaElement: HTMLTextAreaElement;\n}\n\nconst Textarea = forwardRef((props: TextareaProps, ref: TextareaRefInterface) => {\n  const {\n    disabled,\n    maxlength,\n    maxcharacter,\n    className,\n    readonly,\n    autofocus,\n    defaultValue,\n    style,\n    onKeydown = noop,\n    onKeypress = noop,\n    onKeyup = noop,\n    autosize = false,\n    status,\n    tips,\n    ...otherProps\n  } = props;\n\n  const [value = '', setValue] = useDefault(props.value, defaultValue, props.onChange);\n  const [isFocused, setIsFocused] = useState(false);\n  const [textareaStyle, setTextareaStyle] = useState({});\n  const hasMaxcharacter = typeof maxcharacter !== 'undefined';\n  const textareaRef: React.RefObject<HTMLTextAreaElement> = useRef();\n  const wrapperRef: React.RefObject<HTMLDivElement> = useRef();\n  const currentLength = useMemo(() => (value ? String(value).length : 0), [value]);\n  const characterLength = useMemo(() => {\n    const characterInfo = getCharacterLength(String(value), maxcharacter);\n    if (typeof characterInfo === 'object') return characterInfo.length;\n    return characterInfo;\n  }, [value, maxcharacter]);\n\n  const { classPrefix } = useConfig();\n\n  const textareaPropsNames = Object.keys(otherProps).filter((key) => !/^on[A-Z]/.test(key));\n  const textareaProps = textareaPropsNames.reduce(\n    (textareaProps, key) => Object.assign(textareaProps, { [key]: props[key] }),\n    {},\n  );\n  const eventPropsNames = Object.keys(otherProps).filter((key) => /^on[A-Z]/.test(key));\n  const eventProps = eventPropsNames.reduce((eventProps, key) => {\n    Object.assign(eventProps, {\n      [key]: (e) => {\n        if (disabled) return;\n        if (key === 'onFocus') setIsFocused(true);\n        if (key === 'onBlur') setIsFocused(false);\n        props[key](e.currentTarget.value, { e });\n      },\n    });\n    return eventProps;\n  }, {});\n\n  const textareaClassNames = classNames(className, `${classPrefix}-textarea__inner`, {\n    [`${classPrefix}-is-${status}`]: status,\n    [`${classPrefix}-is-disabled`]: disabled,\n    [`${classPrefix}-is-focused`]: isFocused,\n    [`${classPrefix}-resize-none`]: typeof autosize === 'object',\n  });\n\n  const adjustTextareaHeight = useCallback(() => {\n    if (autosize === true) {\n      setTextareaStyle(calcTextareaHeight(textareaRef.current));\n    } else if (typeof autosize === 'object') {\n      setTextareaStyle(calcTextareaHeight(textareaRef.current, autosize?.minRows, autosize?.maxRows));\n    } else {\n      // 当未设置 autosize 时，需要将 textarea 的 height 设置为 auto，以支持原生的 textarea rows 属性\n      setTextareaStyle({ height: 'auto', minHeight: 'auto' });\n    }\n  }, [autosize]);\n\n  function inputValueChangeHandle(e: React.FormEvent<HTMLTextAreaElement>) {\n    const { target } = e;\n    let val = (target as HTMLInputElement).value;\n    if (maxcharacter && maxcharacter >= 0) {\n      const stringInfo = getCharacterLength(val, maxcharacter);\n      val = typeof stringInfo === 'object' && stringInfo.characters;\n    }\n    setValue(val, { e });\n    adjustTextareaHeight();\n  }\n\n  useEffect(() => {\n    adjustTextareaHeight();\n  }, [adjustTextareaHeight]);\n\n  useImperativeHandle(ref as TextareaRefInterface, () => ({\n    currentElement: wrapperRef.current,\n    textareaElement: textareaRef.current,\n  }));\n\n  return (\n    <div style={style} ref={wrapperRef} className={classNames(className, `${classPrefix}-textarea`)}>\n      <textarea\n        {...textareaProps}\n        {...eventProps}\n        value={value}\n        style={textareaStyle}\n        className={textareaClassNames}\n        readOnly={readonly}\n        autoFocus={autofocus}\n        disabled={disabled}\n        maxLength={maxlength}\n        onChange={inputValueChangeHandle}\n        onKeyDown={(e) => onKeydown(e.currentTarget.value, { e })}\n        onKeyPress={(e) => onKeypress(e.currentTarget.value, { e })}\n        onKeyUp={(e) => onKeyup(e.currentTarget.value, { e })}\n        ref={textareaRef}\n      />\n      {hasMaxcharacter ? (\n        <span className={`${classPrefix}-textarea__limit`}>{`${characterLength}/${maxcharacter}`}</span>\n      ) : null}\n      {!hasMaxcharacter && maxlength ? (\n        <span className={`${classPrefix}-textarea__limit`}>{`${currentLength}/${maxlength}`}</span>\n      ) : null}\n      {tips ? (\n        <div\n          className={classNames(`${classPrefix}-textarea__tips`, {\n            [`${classPrefix}-textarea__tips--normal`]: !status,\n            [`${classPrefix}-textarea__tips--${status}`]: status,\n          })}\n        >\n          {tips}\n        </div>\n      ) : null}\n    </div>\n  );\n});\n\nTextarea.displayName = 'Textarea';\n\nexport default Textarea;\n"],"names":["Textarea","forwardRef","props","ref","disabled","maxlength","maxcharacter","className","readonly","autofocus","defaultValue","style","onKeydown","noop","onKeypress","onKeyup","autosize","status","tips","otherProps","useDefault","value","onChange","setValue","useState","isFocused","setIsFocused","textareaStyle","setTextareaStyle","hasMaxcharacter","textareaRef","useRef","wrapperRef","currentLength","useMemo","String","length","characterLength","characterInfo","getCharacterLength","useConfig","classPrefix","textareaPropsNames","Object","keys","filter","key","test","textareaProps","reduce","textareaProps2","assign","eventPropsNames","eventProps","eventProps2","e","currentTarget","textareaClassNames","classNames","adjustTextareaHeight","useCallback","calcTextareaHeight","current","minRows","maxRows","height","minHeight","inputValueChangeHandle","target","val","stringInfo","characters","useEffect","useImperativeHandle","currentElement","textareaElement","React","createElement","readOnly","autoFocus","maxLength","onKeyDown","onKeyPress","onKeyUp","displayName"],"mappings":"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"}

package/es/textarea/index.d.ts

@@ -2,5 +2,5 @@
 import './style/index.js';
 export type { TextareaProps } from './Textarea';
 export * from './type';
-export declare const Textarea: import("react").ForwardRefExoticComponent<import("./Textarea").TextareaProps & import("react").RefAttributes<HTMLInputElement>>;
+export declare const Textarea: import("react").ForwardRefExoticComponent<import("./Textarea").TextareaProps & import("react").RefAttributes<unknown>>;
 export default Textarea;