@next-shared/form 0.8.4 → 0.9.0

package/dist/cjs/TextareaAutoResize.js

@@ -24,6 +24,7 @@ function LegacyTextareaAutoResize({
   value: propValue,
   style,
   submitWhen,
+  desiredSelectionRef,
   onChange,
   onSubmit,
   onKeyDown,
@@ -45,7 +46,8 @@ function LegacyTextareaAutoResize({
         textarea.focus();
         valueLength && textarea.setSelectionRange(valueLength, valueLength);
       }
-    }
+    },
+    element: textareaRef.current
   }), []);
   const doAutoResize = (0, _react.useCallback)(() => {
     const textarea = textareaRef.current;
@@ -90,13 +92,27 @@ function LegacyTextareaAutoResize({
       // Ignore key events during composition
       return;
     }
+    if ((onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e)) === false) {
+      return;
+    }
     if (e.key === "Enter" && (submitWhen === "enter-without-shift" ? !e.shiftKey : submitWhen === "enter-with-mod" && e[modKey])) {
       e.preventDefault();
       e.stopPropagation();
       onSubmit === null || onSubmit === void 0 || onSubmit(e);
     }
-    onKeyDown === null || onKeyDown === void 0 || onKeyDown(e);
   }, [onKeyDown, onSubmit, submitWhen]);
+  (0, _react.useLayoutEffect)(() => {
+    const desiredSelection = desiredSelectionRef === null || desiredSelectionRef === void 0 ? void 0 : desiredSelectionRef.current;
+    const textarea = textareaRef.current;
+    if (desiredSelection && textarea) {
+      const {
+        start,
+        end
+      } = desiredSelection;
+      desiredSelectionRef.current = null;
+      textarea.setSelectionRange(start, end);
+    }
+  }, [desiredSelectionRef, value]);
 
   // istanbul ignore next
   (0, _react.useEffect)(() => {

package/dist/cjs/TextareaAutoResize.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextareaAutoResize.js","names":["_react","_interopRequireWildcard","require","_reactDom","_resizeObserverPolyfill","_interopRequireDefault","_calculateAutoSizeStyle","modKey","test","navigator","platform","TextareaAutoResize","exports","React","forwardRef","LegacyTextareaAutoResize","autoResize","_autoResize","minRows","maxRows","borderSize","paddingSize","containerRef","value","propValue","style","submitWhen","onChange","onSubmit","onKeyDown","onCompositionStart","onCompositionEnd","props","ref","setValue","useState","textareaRef","useRef","autoStyle","setAutoStyle","useImperativeHandle","focus","textarea","current","_textarea$value","valueLength","length","setSelectionRange","doAutoResize","useCallback","calculateAutoSizeStyle","process","env","NODE_ENV","flushSync","handleInputChange","e","target","useEffect","compositionRef","handleCompositionStart","handleCompositionEnd","handleKeyDown","key","shiftKey","preventDefault","stopPropagation","container","previousInlineSize","observer","ResizeObserver","entries","entry","currentInlineSize","contentBoxSize","inlineSize","contentRect","width","undefined","isInitial","requestAnimationFrame","observe","disconnect","default","createElement","_extends2"],"sources":["../../src/TextareaAutoResize.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from \"react\";\nimport { flushSync } from \"react-dom\";\nimport ResizeObserver from \"resize-observer-polyfill\";\nimport calculateAutoSizeStyle from \"./utils/calculateAutoSizeStyle.js\";\n\n// istanbul ignore next\nconst modKey = /Mac|iPod|iPhone|iPad/.test(navigator.platform)\n  ? \"metaKey\"\n  : \"ctrlKey\";\n\nexport interface TextareaAutoResizeProps\n  extends React.DetailedHTMLProps<\n    React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n    HTMLTextAreaElement\n  > {\n  /** @default true */\n  autoResize?: boolean;\n  minRows?: number | null;\n  maxRows?: number | null;\n  /** @default 2 */\n  borderSize?: number;\n  /** @default 8 */\n  paddingSize?: number;\n  containerRef?: React.RefObject<HTMLElement>;\n  submitWhen?: \"enter-without-shift\" | \"enter-with-mod\";\n}\n\nexport interface TextareaAutoResizeRef {\n  focus(): void;\n}\n\nexport const TextareaAutoResize = React.forwardRef<\n  TextareaAutoResizeRef,\n  TextareaAutoResizeProps\n>(LegacyTextareaAutoResize);\n\nfunction LegacyTextareaAutoResize(\n  {\n    autoResize: _autoResize,\n    minRows,\n    maxRows,\n    borderSize,\n    paddingSize,\n    containerRef,\n    value: propValue,\n    style,\n    submitWhen,\n    onChange,\n    onSubmit,\n    onKeyDown,\n    onCompositionStart,\n    onCompositionEnd,\n    ...props\n  }: TextareaAutoResizeProps,\n  ref: React.ForwardedRef<TextareaAutoResizeRef>\n): React.JSX.Element {\n  const autoResize = _autoResize ?? true;\n  const [value, setValue] = useState(propValue ?? \"\");\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n  const [autoStyle, setAutoStyle] = useState<React.CSSProperties | null>(null);\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      focus: () => {\n        const textarea = textareaRef.current;\n        // istanbul ignore else: defensive check\n        if (textarea) {\n          const valueLength = textarea.value?.length;\n          textarea.focus();\n          valueLength && textarea.setSelectionRange(valueLength, valueLength);\n        }\n      },\n    }),\n    []\n  );\n\n  const doAutoResize = useCallback(() => {\n    const textarea = textareaRef.current;\n    if (textarea && autoResize) {\n      const style = calculateAutoSizeStyle(textarea, {\n        minRows,\n        maxRows,\n        borderSize,\n        paddingSize,\n      });\n      // istanbul ignore next\n      if (process.env.NODE_ENV === \"test\") {\n        setAutoStyle(style);\n      } else {\n        flushSync(() => {\n          setAutoStyle(style);\n        });\n      }\n    }\n  }, [autoResize, maxRows, minRows, borderSize, paddingSize]);\n\n  const handleInputChange = (\n    e: React.ChangeEvent<HTMLTextAreaElement>\n  ): void => {\n    setValue(e.target.value);\n    onChange?.(e);\n  };\n\n  useEffect(() => {\n    setValue(propValue ?? \"\");\n  }, [propValue]);\n\n  useEffect(() => {\n    doAutoResize();\n  }, [doAutoResize, value]);\n\n  const compositionRef = useRef(false);\n\n  const handleCompositionStart = useCallback(\n    (e: React.CompositionEvent<HTMLTextAreaElement>) => {\n      compositionRef.current = true;\n      onCompositionStart?.(e);\n    },\n    [onCompositionStart]\n  );\n\n  const handleCompositionEnd = useCallback(\n    (e: React.CompositionEvent<HTMLTextAreaElement>) => {\n      compositionRef.current = false;\n      onCompositionEnd?.(e);\n    },\n    [onCompositionEnd]\n  );\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n      if (compositionRef.current) {\n        // Ignore key events during composition\n        return;\n      }\n\n      if (\n        e.key === \"Enter\" &&\n        (submitWhen === \"enter-without-shift\"\n          ? !e.shiftKey\n          : submitWhen === \"enter-with-mod\" && e[modKey])\n      ) {\n        e.preventDefault();\n        e.stopPropagation();\n        onSubmit?.(e);\n      }\n\n      onKeyDown?.(e);\n    },\n    [onKeyDown, onSubmit, submitWhen]\n  );\n\n  // istanbul ignore next\n  useEffect(() => {\n    const container = containerRef?.current;\n    if (!container || !autoResize) {\n      return;\n    }\n    let previousInlineSize: number | undefined;\n    const observer = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        if (entry.target === container) {\n          // istanbul ignore next: compatibility\n          const currentInlineSize = entry.contentBoxSize\n            ? entry.contentBoxSize[0]\n              ? entry.contentBoxSize[0].inlineSize\n              : (entry.contentBoxSize as unknown as ResizeObserverSize)\n                  .inlineSize\n            : entry.contentRect.width;\n          if (\n            currentInlineSize !== undefined &&\n            currentInlineSize !== previousInlineSize\n          ) {\n            const isInitial = !previousInlineSize;\n            previousInlineSize = currentInlineSize;\n            if (!isInitial) {\n              requestAnimationFrame(doAutoResize);\n            }\n          }\n        }\n      }\n    });\n    observer.observe(container);\n    return () => {\n      observer.disconnect();\n    };\n  }, [autoResize, containerRef, doAutoResize]);\n\n  return (\n    <textarea\n      {...props}\n      ref={textareaRef}\n      value={value}\n      style={{\n        ...style,\n        ...autoStyle,\n      }}\n      onChange={handleInputChange}\n      onCompositionStart={handleCompositionStart}\n      onCompositionEnd={handleCompositionEnd}\n      onKeyDown={handleKeyDown}\n    />\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TextareaAutoResize.js","names":["_react","_interopRequireWildcard","require","_reactDom","_resizeObserverPolyfill","_interopRequireDefault","_calculateAutoSizeStyle","modKey","test","navigator","platform","TextareaAutoResize","exports","React","forwardRef","LegacyTextareaAutoResize","autoResize","_autoResize","minRows","maxRows","borderSize","paddingSize","containerRef","value","propValue","style","submitWhen","desiredSelectionRef","onChange","onSubmit","onKeyDown","onCompositionStart","onCompositionEnd","props","ref","setValue","useState","textareaRef","useRef","autoStyle","setAutoStyle","useImperativeHandle","focus","textarea","current","_textarea$value","valueLength","length","setSelectionRange","element","doAutoResize","useCallback","calculateAutoSizeStyle","process","env","NODE_ENV","flushSync","handleInputChange","e","target","useEffect","compositionRef","handleCompositionStart","handleCompositionEnd","handleKeyDown","key","shiftKey","preventDefault","stopPropagation","useLayoutEffect","desiredSelection","start","end","container","previousInlineSize","observer","ResizeObserver","entries","entry","currentInlineSize","contentBoxSize","inlineSize","contentRect","width","undefined","isInitial","requestAnimationFrame","observe","disconnect","default","createElement","_extends2"],"sources":["../../src/TextareaAutoResize.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { flushSync } from \"react-dom\";\nimport ResizeObserver from \"resize-observer-polyfill\";\nimport calculateAutoSizeStyle from \"./utils/calculateAutoSizeStyle.js\";\n\n// istanbul ignore next\nconst modKey = /Mac|iPod|iPhone|iPad/.test(navigator.platform)\n  ? \"metaKey\"\n  : \"ctrlKey\";\n\nexport interface TextareaAutoResizeProps\n  extends React.DetailedHTMLProps<\n    React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n    HTMLTextAreaElement\n  > {\n  /** @default true */\n  autoResize?: boolean;\n  minRows?: number | null;\n  maxRows?: number | null;\n  /** @default 2 */\n  borderSize?: number;\n  /** @default 8 */\n  paddingSize?: number;\n  containerRef?: React.RefObject<HTMLElement>;\n  submitWhen?: \"enter-without-shift\" | \"enter-with-mod\";\n  desiredSelectionRef?: React.MutableRefObject<{\n    start: number;\n    end: number;\n  } | null>;\n  onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;\n  /**\n   * The handler can return false to prevent default behavior (submit)\n   */\n  onKeyDown?: (e: React.KeyboardEvent<HTMLTextAreaElement>) => void | false;\n}\n\nexport interface TextareaAutoResizeRef {\n  focus(): void;\n  element: HTMLTextAreaElement | null;\n}\n\nexport const TextareaAutoResize = React.forwardRef<\n  TextareaAutoResizeRef,\n  TextareaAutoResizeProps\n>(LegacyTextareaAutoResize);\n\nfunction LegacyTextareaAutoResize(\n  {\n    autoResize: _autoResize,\n    minRows,\n    maxRows,\n    borderSize,\n    paddingSize,\n    containerRef,\n    value: propValue,\n    style,\n    submitWhen,\n    desiredSelectionRef,\n    onChange,\n    onSubmit,\n    onKeyDown,\n    onCompositionStart,\n    onCompositionEnd,\n    ...props\n  }: TextareaAutoResizeProps,\n  ref: React.ForwardedRef<TextareaAutoResizeRef>\n): React.JSX.Element {\n  const autoResize = _autoResize ?? true;\n  const [value, setValue] = useState(propValue ?? \"\");\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n  const [autoStyle, setAutoStyle] = useState<React.CSSProperties | null>(null);\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      focus: () => {\n        const textarea = textareaRef.current;\n        // istanbul ignore else: defensive check\n        if (textarea) {\n          const valueLength = textarea.value?.length;\n          textarea.focus();\n          valueLength && textarea.setSelectionRange(valueLength, valueLength);\n        }\n      },\n      element: textareaRef.current,\n    }),\n    []\n  );\n\n  const doAutoResize = useCallback(() => {\n    const textarea = textareaRef.current;\n    if (textarea && autoResize) {\n      const style = calculateAutoSizeStyle(textarea, {\n        minRows,\n        maxRows,\n        borderSize,\n        paddingSize,\n      });\n      // istanbul ignore next\n      if (process.env.NODE_ENV === \"test\") {\n        setAutoStyle(style);\n      } else {\n        flushSync(() => {\n          setAutoStyle(style);\n        });\n      }\n    }\n  }, [autoResize, maxRows, minRows, borderSize, paddingSize]);\n\n  const handleInputChange = (\n    e: React.ChangeEvent<HTMLTextAreaElement>\n  ): void => {\n    setValue(e.target.value);\n    onChange?.(e);\n  };\n\n  useEffect(() => {\n    setValue(propValue ?? \"\");\n  }, [propValue]);\n\n  useEffect(() => {\n    doAutoResize();\n  }, [doAutoResize, value]);\n\n  const compositionRef = useRef(false);\n\n  const handleCompositionStart = useCallback(\n    (e: React.CompositionEvent<HTMLTextAreaElement>) => {\n      compositionRef.current = true;\n      onCompositionStart?.(e);\n    },\n    [onCompositionStart]\n  );\n\n  const handleCompositionEnd = useCallback(\n    (e: React.CompositionEvent<HTMLTextAreaElement>) => {\n      compositionRef.current = false;\n      onCompositionEnd?.(e);\n    },\n    [onCompositionEnd]\n  );\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n      if (compositionRef.current) {\n        // Ignore key events during composition\n        return;\n      }\n\n      if (onKeyDown?.(e) === false) {\n        return;\n      }\n\n      if (\n        e.key === \"Enter\" &&\n        (submitWhen === \"enter-without-shift\"\n          ? !e.shiftKey\n          : submitWhen === \"enter-with-mod\" && e[modKey])\n      ) {\n        e.preventDefault();\n        e.stopPropagation();\n        onSubmit?.(e);\n      }\n    },\n    [onKeyDown, onSubmit, submitWhen]\n  );\n\n  useLayoutEffect(() => {\n    const desiredSelection = desiredSelectionRef?.current;\n    const textarea = textareaRef.current;\n    if (desiredSelection && textarea) {\n      const { start, end } = desiredSelection;\n      desiredSelectionRef.current = null;\n      textarea.setSelectionRange(start, end);\n    }\n  }, [desiredSelectionRef, value]);\n\n  // istanbul ignore next\n  useEffect(() => {\n    const container = containerRef?.current;\n    if (!container || !autoResize) {\n      return;\n    }\n    let previousInlineSize: number | undefined;\n    const observer = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        if (entry.target === container) {\n          // istanbul ignore next: compatibility\n          const currentInlineSize = entry.contentBoxSize\n            ? entry.contentBoxSize[0]\n              ? entry.contentBoxSize[0].inlineSize\n              : (entry.contentBoxSize as unknown as ResizeObserverSize)\n                  .inlineSize\n            : entry.contentRect.width;\n          if (\n            currentInlineSize !== undefined &&\n            currentInlineSize !== previousInlineSize\n          ) {\n            const isInitial = !previousInlineSize;\n            previousInlineSize = currentInlineSize;\n            if (!isInitial) {\n              requestAnimationFrame(doAutoResize);\n            }\n          }\n        }\n      }\n    });\n    observer.observe(container);\n    return () => {\n      observer.disconnect();\n    };\n  }, [autoResize, containerRef, doAutoResize]);\n\n  return (\n    <textarea\n      {...props}\n      ref={textareaRef}\n      value={value}\n      style={{\n        ...style,\n        ...autoStyle,\n      }}\n      onChange={handleInputChange}\n      onCompositionStart={handleCompositionStart}\n      onCompositionEnd={handleCompositionEnd}\n      onKeyDown={handleKeyDown}\n    />\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/getCaretPositionInTextarea.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getCaretPositionInTextarea = getCaretPositionInTextarea;
+var _getMirroredStyle = require("./utils/getMirroredStyle.js");
+let hiddenElement;
+function getCaretPositionInTextarea(textarea, index) {
+  if (!hiddenElement) {
+    hiddenElement = document.createElement("div");
+    hiddenElement.setAttribute("tab-index", "-1");
+    hiddenElement.setAttribute("aria-hidden", "true");
+    document.body.appendChild(hiddenElement);
+  }
+  hiddenElement.setAttribute("style", (0, _getMirroredStyle.getMirroredStyle)(textarea));
+  hiddenElement.textContent = textarea.value.slice(0, index);
+  const span = document.createElement("span");
+  span.textContent = "\u200b"; // 占位符
+  hiddenElement.appendChild(span);
+  const rect = span.getBoundingClientRect();
+  span.remove();
+  return {
+    top: rect.top,
+    left: rect.left
+  };
+}
+//# sourceMappingURL=getCaretPositionInTextarea.js.map

package/dist/cjs/getCaretPositionInTextarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getCaretPositionInTextarea.js","names":["_getMirroredStyle","require","hiddenElement","getCaretPositionInTextarea","textarea","index","document","createElement","setAttribute","body","appendChild","getMirroredStyle","textContent","value","slice","span","rect","getBoundingClientRect","remove","top","left"],"sources":["../../src/getCaretPositionInTextarea.ts"],"sourcesContent":["import { getMirroredStyle } from \"./utils/getMirroredStyle.js\";\n\nlet hiddenElement: HTMLDivElement | undefined;\n\nexport function getCaretPositionInTextarea(\n  textarea: HTMLTextAreaElement,\n  index: number\n) {\n  if (!hiddenElement) {\n    hiddenElement = document.createElement(\"div\");\n    hiddenElement.setAttribute(\"tab-index\", \"-1\");\n    hiddenElement.setAttribute(\"aria-hidden\", \"true\");\n    document.body.appendChild(hiddenElement);\n  }\n\n  hiddenElement.setAttribute(\"style\", getMirroredStyle(textarea));\n  hiddenElement.textContent = textarea.value.slice(0, index);\n\n  const span = document.createElement(\"span\");\n  span.textContent = \"\\u200b\"; // 占位符\n  hiddenElement.appendChild(span);\n\n  const rect = span.getBoundingClientRect();\n  span.remove();\n  return {\n    top: rect.top,\n    left: rect.left,\n  };\n}\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAEA,IAAIC,aAAyC;AAEtC,SAASC,0BAA0BA,CACxCC,QAA6B,EAC7BC,KAAa,EACb;EACA,IAAI,CAACH,aAAa,EAAE;IAClBA,aAAa,GAAGI,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;IAC7CL,aAAa,CAACM,YAAY,CAAC,WAAW,EAAE,IAAI,CAAC;IAC7CN,aAAa,CAACM,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC;IACjDF,QAAQ,CAACG,IAAI,CAACC,WAAW,CAACR,aAAa,CAAC;EAC1C;EAEAA,aAAa,CAACM,YAAY,CAAC,OAAO,EAAE,IAAAG,kCAAgB,EAACP,QAAQ,CAAC,CAAC;EAC/DF,aAAa,CAACU,WAAW,GAAGR,QAAQ,CAACS,KAAK,CAACC,KAAK,CAAC,CAAC,EAAET,KAAK,CAAC;EAE1D,MAAMU,IAAI,GAAGT,QAAQ,CAACC,aAAa,CAAC,MAAM,CAAC;EAC3CQ,IAAI,CAACH,WAAW,GAAG,QAAQ,CAAC,CAAC;EAC7BV,aAAa,CAACQ,WAAW,CAACK,IAAI,CAAC;EAE/B,MAAMC,IAAI,GAAGD,IAAI,CAACE,qBAAqB,CAAC,CAAC;EACzCF,IAAI,CAACG,MAAM,CAAC,CAAC;EACb,OAAO;IACLC,GAAG,EAAEH,IAAI,CAACG,GAAG;IACbC,IAAI,EAAEJ,IAAI,CAACI;EACb,CAAC;AACH","ignoreList":[]}

package/dist/cjs/getContentRectInTextarea.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getContentRectInTextarea = getContentRectInTextarea;
+var _getMirroredStyle = require("./utils/getMirroredStyle.js");
+let hiddenElement;
+function getContentRectInTextarea(textarea, prefix, measureContent) {
+  if (!hiddenElement) {
+    hiddenElement = document.createElement("div");
+    hiddenElement.setAttribute("tab-index", "-1");
+    hiddenElement.setAttribute("aria-hidden", "true");
+    document.body.appendChild(hiddenElement);
+  }
+  hiddenElement.setAttribute("style", (0, _getMirroredStyle.getMirroredStyle)(textarea));
+  hiddenElement.textContent = prefix;
+  const span = document.createElement("span");
+  span.textContent = measureContent;
+  hiddenElement.appendChild(span);
+  const rect = span.getBoundingClientRect();
+  span.remove();
+  return rect;
+}
+//# sourceMappingURL=getContentRectInTextarea.js.map

package/dist/cjs/getContentRectInTextarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getContentRectInTextarea.js","names":["_getMirroredStyle","require","hiddenElement","getContentRectInTextarea","textarea","prefix","measureContent","document","createElement","setAttribute","body","appendChild","getMirroredStyle","textContent","span","rect","getBoundingClientRect","remove"],"sources":["../../src/getContentRectInTextarea.ts"],"sourcesContent":["import { getMirroredStyle } from \"./utils/getMirroredStyle.js\";\n\nlet hiddenElement: HTMLDivElement | undefined;\n\nexport function getContentRectInTextarea(\n  textarea: HTMLTextAreaElement,\n  prefix: string,\n  measureContent: string\n) {\n  if (!hiddenElement) {\n    hiddenElement = document.createElement(\"div\");\n    hiddenElement.setAttribute(\"tab-index\", \"-1\");\n    hiddenElement.setAttribute(\"aria-hidden\", \"true\");\n    document.body.appendChild(hiddenElement);\n  }\n  hiddenElement.setAttribute(\"style\", getMirroredStyle(textarea));\n\n  hiddenElement.textContent = prefix;\n\n  const span = document.createElement(\"span\");\n  span.textContent = measureContent;\n  hiddenElement.appendChild(span);\n\n  const rect = span.getBoundingClientRect();\n  span.remove();\n  return rect;\n}\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAEA,IAAIC,aAAyC;AAEtC,SAASC,wBAAwBA,CACtCC,QAA6B,EAC7BC,MAAc,EACdC,cAAsB,EACtB;EACA,IAAI,CAACJ,aAAa,EAAE;IAClBA,aAAa,GAAGK,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;IAC7CN,aAAa,CAACO,YAAY,CAAC,WAAW,EAAE,IAAI,CAAC;IAC7CP,aAAa,CAACO,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC;IACjDF,QAAQ,CAACG,IAAI,CAACC,WAAW,CAACT,aAAa,CAAC;EAC1C;EACAA,aAAa,CAACO,YAAY,CAAC,OAAO,EAAE,IAAAG,kCAAgB,EAACR,QAAQ,CAAC,CAAC;EAE/DF,aAAa,CAACW,WAAW,GAAGR,MAAM;EAElC,MAAMS,IAAI,GAAGP,QAAQ,CAACC,aAAa,CAAC,MAAM,CAAC;EAC3CM,IAAI,CAACD,WAAW,GAAGP,cAAc;EACjCJ,aAAa,CAACS,WAAW,CAACG,IAAI,CAAC;EAE/B,MAAMC,IAAI,GAAGD,IAAI,CAACE,qBAAqB,CAAC,CAAC;EACzCF,IAAI,CAACG,MAAM,CAAC,CAAC;EACb,OAAOF,IAAI;AACb","ignoreList":[]}

package/dist/cjs/index.js

@@ -69,4 +69,26 @@ Object.keys(_TextareaAutoResize).forEach(function (key) {
     }
   });
 });
+var _getCaretPositionInTextarea = require("./getCaretPositionInTextarea.js");
+Object.keys(_getCaretPositionInTextarea).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _getCaretPositionInTextarea[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _getCaretPositionInTextarea[key];
+    }
+  });
+});
+var _getContentRectInTextarea = require("./getContentRectInTextarea.js");
+Object.keys(_getContentRectInTextarea).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _getContentRectInTextarea[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _getContentRectInTextarea[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_Form","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_FormItemElement","_FormStore","_interfaces","_pickFormItemProps","_TextareaAutoResize"],"sources":["../../src/index.ts"],"sourcesContent":["export * from \"./Form.js\";\nexport * from \"./FormItemElement.js\";\nexport * from \"./FormStore.js\";\nexport * from \"./interfaces.js\";\nexport * from \"./pickFormItemProps.js\";\nexport * from \"./TextareaAutoResize.js\";\n"],"mappings":";;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,KAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,KAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,KAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,gBAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,gBAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,gBAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,gBAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,UAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,UAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,UAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,UAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,WAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,WAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,WAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,WAAA,CAAAP,GAAA;IAAA;EAAA;AAAA;AACA,IAAAQ,kBAAA,GAAAZ,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAU,kBAAA,EAAAT,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAQ,kBAAA,CAAAR,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAI,kBAAA,CAAAR,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,mBAAA,GAAAb,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAW,mBAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAS,mBAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAK,mBAAA,CAAAT,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_Form","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_FormItemElement","_FormStore","_interfaces","_pickFormItemProps","_TextareaAutoResize","_getCaretPositionInTextarea","_getContentRectInTextarea"],"sources":["../../src/index.ts"],"sourcesContent":["export * from \"./Form.js\";\nexport * from \"./FormItemElement.js\";\nexport * from \"./FormStore.js\";\nexport * from \"./interfaces.js\";\nexport * from \"./pickFormItemProps.js\";\nexport * from \"./TextareaAutoResize.js\";\nexport * from \"./getCaretPositionInTextarea.js\";\nexport * from \"./getContentRectInTextarea.js\";\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/utils/calculateAutoSizeStyle.js

@@ -4,21 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = calculateAutoSizeStyle;
+var _getMirroredStyle = require("./getMirroredStyle.js");
 // istanbul ignore file
 
-const HIDDEN_TEXTAREA_STYLE = `
-  min-height: 0!important;
-  max-height: none!important;
-  height: 0!important;
-  visibility: hidden!important;
-  overflow: hidden!important;
-  position: absolute!important;
-  z-index: -1000!important;
-  top: 0!important;
-  right: 0!important;
-  pointer-events: none!important;
-`;
-const SIZING_STYLE = ["letter-spacing", "line-height", "padding-top", "padding-bottom", "font-family", "font-weight", "font-size", "font-variant", "text-rendering", "text-transform", "width", "text-indent", "padding-left", "padding-right", "border-width", "box-sizing", "word-break", "white-space"];
 let hiddenTextarea;
 /**
  * 计算 textarea 高度
@@ -37,11 +25,9 @@ function calculateAutoSizeStyle(uiTextNode, options) {
     hiddenTextarea.setAttribute("aria-hidden", "true");
     document.body.appendChild(hiddenTextarea);
   }
-  const uiTextNodeStyle = window.getComputedStyle(uiTextNode);
-  const sizingStyle = SIZING_STYLE.map(name => `${name}:${uiTextNodeStyle.getPropertyValue(name)}`).join(";");
 
   // equal style
-  hiddenTextarea.setAttribute("style", `${sizingStyle};${HIDDEN_TEXTAREA_STYLE}`);
+  hiddenTextarea.setAttribute("style", (0, _getMirroredStyle.getMirroredStyle)(uiTextNode));
   hiddenTextarea.value = uiTextNode.value || uiTextNode.placeholder || "";
   let minHeight;
   let maxHeight;

package/dist/cjs/utils/calculateAutoSizeStyle.js.map

@@ -1 +1 @@
-{"version":3,"file":"calculateAutoSizeStyle.js","names":["HIDDEN_TEXTAREA_STYLE","SIZING_STYLE","hiddenTextarea","calculateAutoSizeStyle","uiTextNode","options","minRows","maxRows","borderSize","paddingSize","document","createElement","setAttribute","body","appendChild","uiTextNodeStyle","window","getComputedStyle","sizingStyle","map","name","getPropertyValue","join","value","placeholder","minHeight","maxHeight","overflowY","height","scrollHeight","singleRowHeight","process","env","NODE_ENV","parseFloat","Math","max","min","style","resize"],"sources":["../../../src/utils/calculateAutoSizeStyle.ts"],"sourcesContent":["// istanbul ignore file\nimport type React from \"react\";\n\nconst HIDDEN_TEXTAREA_STYLE = `\n  min-height: 0!important;\n  max-height: none!important;\n  height: 0!important;\n  visibility: hidden!important;\n  overflow: hidden!important;\n  position: absolute!important;\n  z-index: -1000!important;\n  top: 0!important;\n  right: 0!important;\n  pointer-events: none!important;\n`;\n\nconst SIZING_STYLE = [\n  \"letter-spacing\",\n  \"line-height\",\n  \"padding-top\",\n  \"padding-bottom\",\n  \"font-family\",\n  \"font-weight\",\n  \"font-size\",\n  \"font-variant\",\n  \"text-rendering\",\n  \"text-transform\",\n  \"width\",\n  \"text-indent\",\n  \"padding-left\",\n  \"padding-right\",\n  \"border-width\",\n  \"box-sizing\",\n  \"word-break\",\n  \"white-space\",\n];\n\nlet hiddenTextarea: HTMLTextAreaElement | undefined;\n\nexport interface AutoSizeOptions {\n  minRows?: number | null;\n  maxRows?: number | null;\n  borderSize?: number;\n  paddingSize?: number;\n}\n\n/**\n * 计算 textarea 高度\n * https://github.com/react-component/textarea/blob/1c0026fbe30e5f7dff1fca695b2cf262246381ca/src/calculateNodeHeight.tsx\n */\nexport default function calculateAutoSizeStyle(\n  uiTextNode: HTMLTextAreaElement,\n  options?: AutoSizeOptions\n): React.CSSProperties {\n  const {\n    minRows = null,\n    maxRows = null,\n    borderSize = 2,\n    paddingSize = 8,\n  } = options ?? {};\n\n  if (!hiddenTextarea) {\n    hiddenTextarea = document.createElement(\"textarea\");\n    hiddenTextarea.setAttribute(\"tab-index\", \"-1\");\n    hiddenTextarea.setAttribute(\"aria-hidden\", \"true\");\n    document.body.appendChild(hiddenTextarea);\n  }\n\n  const uiTextNodeStyle = window.getComputedStyle(uiTextNode);\n  const sizingStyle = SIZING_STYLE.map(\n    (name) => `${name}:${uiTextNodeStyle.getPropertyValue(name)}`\n  ).join(\";\");\n\n  // equal style\n  hiddenTextarea.setAttribute(\n    \"style\",\n    `${sizingStyle};${HIDDEN_TEXTAREA_STYLE}`\n  );\n  hiddenTextarea.value = uiTextNode.value || uiTextNode.placeholder || \"\";\n\n  let minHeight: number | undefined;\n  let maxHeight: number | undefined;\n  let overflowY: React.CSSProperties[\"overflowY\"];\n\n  let height = hiddenTextarea.scrollHeight + borderSize;\n\n  if (minRows !== null || maxRows !== null) {\n    const singleRowHeight =\n      process.env.NODE_ENV === \"test\"\n        ? 22\n        : parseFloat(\n            window\n              .getComputedStyle(hiddenTextarea)\n              .getPropertyValue(\"line-height\")\n          );\n    if (minRows !== null) {\n      minHeight = singleRowHeight * minRows + paddingSize + borderSize;\n      height = Math.max(minHeight, height);\n    }\n    if (maxRows !== null) {\n      maxHeight = singleRowHeight * maxRows + paddingSize + borderSize;\n      if (height <= maxHeight) {\n        overflowY = \"hidden\";\n      }\n      height = Math.min(maxHeight, height);\n    }\n  }\n\n  const style: React.CSSProperties = {\n    height,\n    overflowY,\n    resize: \"none\",\n  };\n\n  if (minHeight) {\n    style.minHeight = minHeight;\n  }\n  if (maxHeight) {\n    style.maxHeight = maxHeight;\n  }\n\n  return style;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"calculateAutoSizeStyle.js","names":["_getMirroredStyle","require","hiddenTextarea","calculateAutoSizeStyle","uiTextNode","options","minRows","maxRows","borderSize","paddingSize","document","createElement","setAttribute","body","appendChild","getMirroredStyle","value","placeholder","minHeight","maxHeight","overflowY","height","scrollHeight","singleRowHeight","process","env","NODE_ENV","parseFloat","window","getComputedStyle","getPropertyValue","Math","max","min","style","resize"],"sources":["../../../src/utils/calculateAutoSizeStyle.ts"],"sourcesContent":["// istanbul ignore file\nimport type React from \"react\";\nimport { getMirroredStyle } from \"./getMirroredStyle.js\";\n\nlet hiddenTextarea: HTMLTextAreaElement | undefined;\n\nexport interface AutoSizeOptions {\n  minRows?: number | null;\n  maxRows?: number | null;\n  borderSize?: number;\n  paddingSize?: number;\n}\n\n/**\n * 计算 textarea 高度\n * https://github.com/react-component/textarea/blob/1c0026fbe30e5f7dff1fca695b2cf262246381ca/src/calculateNodeHeight.tsx\n */\nexport default function calculateAutoSizeStyle(\n  uiTextNode: HTMLTextAreaElement,\n  options?: AutoSizeOptions\n): React.CSSProperties {\n  const {\n    minRows = null,\n    maxRows = null,\n    borderSize = 2,\n    paddingSize = 8,\n  } = options ?? {};\n\n  if (!hiddenTextarea) {\n    hiddenTextarea = document.createElement(\"textarea\");\n    hiddenTextarea.setAttribute(\"tab-index\", \"-1\");\n    hiddenTextarea.setAttribute(\"aria-hidden\", \"true\");\n    document.body.appendChild(hiddenTextarea);\n  }\n\n  // equal style\n  hiddenTextarea.setAttribute(\"style\", getMirroredStyle(uiTextNode));\n  hiddenTextarea.value = uiTextNode.value || uiTextNode.placeholder || \"\";\n\n  let minHeight: number | undefined;\n  let maxHeight: number | undefined;\n  let overflowY: React.CSSProperties[\"overflowY\"];\n\n  let height = hiddenTextarea.scrollHeight + borderSize;\n\n  if (minRows !== null || maxRows !== null) {\n    const singleRowHeight =\n      process.env.NODE_ENV === \"test\"\n        ? 22\n        : parseFloat(\n            window\n              .getComputedStyle(hiddenTextarea)\n              .getPropertyValue(\"line-height\")\n          );\n    if (minRows !== null) {\n      minHeight = singleRowHeight * minRows + paddingSize + borderSize;\n      height = Math.max(minHeight, height);\n    }\n    if (maxRows !== null) {\n      maxHeight = singleRowHeight * maxRows + paddingSize + borderSize;\n      if (height <= maxHeight) {\n        overflowY = \"hidden\";\n      }\n      height = Math.min(maxHeight, height);\n    }\n  }\n\n  const style: React.CSSProperties = {\n    height,\n    overflowY,\n    resize: \"none\",\n  };\n\n  if (minHeight) {\n    style.minHeight = minHeight;\n  }\n  if (maxHeight) {\n    style.maxHeight = maxHeight;\n  }\n\n  return style;\n}\n"],"mappings":";;;;;;AAEA,IAAAA,iBAAA,GAAAC,OAAA;AAFA;;AAIA,IAAIC,cAA+C;AASnD;AACA;AACA;AACA;AACe,SAASC,sBAAsBA,CAC5CC,UAA+B,EAC/BC,OAAyB,EACJ;EACrB,MAAM;IACJC,OAAO,GAAG,IAAI;IACdC,OAAO,GAAG,IAAI;IACdC,UAAU,GAAG,CAAC;IACdC,WAAW,GAAG;EAChB,CAAC,GAAGJ,OAAO,IAAI,CAAC,CAAC;EAEjB,IAAI,CAACH,cAAc,EAAE;IACnBA,cAAc,GAAGQ,QAAQ,CAACC,aAAa,CAAC,UAAU,CAAC;IACnDT,cAAc,CAACU,YAAY,CAAC,WAAW,EAAE,IAAI,CAAC;IAC9CV,cAAc,CAACU,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC;IAClDF,QAAQ,CAACG,IAAI,CAACC,WAAW,CAACZ,cAAc,CAAC;EAC3C;;EAEA;EACAA,cAAc,CAACU,YAAY,CAAC,OAAO,EAAE,IAAAG,kCAAgB,EAACX,UAAU,CAAC,CAAC;EAClEF,cAAc,CAACc,KAAK,GAAGZ,UAAU,CAACY,KAAK,IAAIZ,UAAU,CAACa,WAAW,IAAI,EAAE;EAEvE,IAAIC,SAA6B;EACjC,IAAIC,SAA6B;EACjC,IAAIC,SAA2C;EAE/C,IAAIC,MAAM,GAAGnB,cAAc,CAACoB,YAAY,GAAGd,UAAU;EAErD,IAAIF,OAAO,KAAK,IAAI,IAAIC,OAAO,KAAK,IAAI,EAAE;IACxC,MAAMgB,eAAe,GACnBC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,GAC3B,EAAE,GACFC,UAAU,CACRC,MAAM,CACHC,gBAAgB,CAAC3B,cAAc,CAAC,CAChC4B,gBAAgB,CAAC,aAAa,CACnC,CAAC;IACP,IAAIxB,OAAO,KAAK,IAAI,EAAE;MACpBY,SAAS,GAAGK,eAAe,GAAGjB,OAAO,GAAGG,WAAW,GAAGD,UAAU;MAChEa,MAAM,GAAGU,IAAI,CAACC,GAAG,CAACd,SAAS,EAAEG,MAAM,CAAC;IACtC;IACA,IAAId,OAAO,KAAK,IAAI,EAAE;MACpBY,SAAS,GAAGI,eAAe,GAAGhB,OAAO,GAAGE,WAAW,GAAGD,UAAU;MAChE,IAAIa,MAAM,IAAIF,SAAS,EAAE;QACvBC,SAAS,GAAG,QAAQ;MACtB;MACAC,MAAM,GAAGU,IAAI,CAACE,GAAG,CAACd,SAAS,EAAEE,MAAM,CAAC;IACtC;EACF;EAEA,MAAMa,KAA0B,GAAG;IACjCb,MAAM;IACND,SAAS;IACTe,MAAM,EAAE;EACV,CAAC;EAED,IAAIjB,SAAS,EAAE;IACbgB,KAAK,CAAChB,SAAS,GAAGA,SAAS;EAC7B;EACA,IAAIC,SAAS,EAAE;IACbe,KAAK,CAACf,SAAS,GAAGA,SAAS;EAC7B;EAEA,OAAOe,KAAK;AACd","ignoreList":[]}

package/dist/cjs/utils/getMirroredStyle.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getMirroredStyle = getMirroredStyle;
+const HIDDEN_STYLE = `
+  min-height: 0!important;
+  max-height: none!important;
+  height: 0!important;
+  visibility: hidden!important;
+  overflow: hidden!important;
+  position: absolute!important;
+  z-index: -1000!important;
+  top: 0!important;
+  left: 0!important;
+  pointer-events: none!important;
+`;
+const SIZING_STYLE = ["letter-spacing", "line-height", "padding-top", "padding-bottom", "font-family", "font-weight", "font-size", "font-variant", "text-rendering", "text-transform", "width", "text-indent", "padding-left", "padding-right", "border-width", "box-sizing", "word-break", "white-space"];
+
+/**
+ * 创建一个镜像元素，用于计算光标位置或文本尺寸。
+ */
+function getMirroredStyle(element) {
+  const uiTextNodeStyle = window.getComputedStyle(element);
+  const sizingStyle = SIZING_STYLE.map(name => `${name}:${uiTextNodeStyle.getPropertyValue(name)}`).join(";");
+  return `${sizingStyle};${HIDDEN_STYLE}`;
+}
+//# sourceMappingURL=getMirroredStyle.js.map

package/dist/cjs/utils/getMirroredStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getMirroredStyle.js","names":["HIDDEN_STYLE","SIZING_STYLE","getMirroredStyle","element","uiTextNodeStyle","window","getComputedStyle","sizingStyle","map","name","getPropertyValue","join"],"sources":["../../../src/utils/getMirroredStyle.ts"],"sourcesContent":["const HIDDEN_STYLE = `\n  min-height: 0!important;\n  max-height: none!important;\n  height: 0!important;\n  visibility: hidden!important;\n  overflow: hidden!important;\n  position: absolute!important;\n  z-index: -1000!important;\n  top: 0!important;\n  left: 0!important;\n  pointer-events: none!important;\n`;\n\nconst SIZING_STYLE = [\n  \"letter-spacing\",\n  \"line-height\",\n  \"padding-top\",\n  \"padding-bottom\",\n  \"font-family\",\n  \"font-weight\",\n  \"font-size\",\n  \"font-variant\",\n  \"text-rendering\",\n  \"text-transform\",\n  \"width\",\n  \"text-indent\",\n  \"padding-left\",\n  \"padding-right\",\n  \"border-width\",\n  \"box-sizing\",\n  \"word-break\",\n  \"white-space\",\n];\n\n/**\n * 创建一个镜像元素，用于计算光标位置或文本尺寸。\n */\nexport function getMirroredStyle(element: HTMLElement) {\n  const uiTextNodeStyle = window.getComputedStyle(element);\n  const sizingStyle = SIZING_STYLE.map(\n    (name) => `${name}:${uiTextNodeStyle.getPropertyValue(name)}`\n  ).join(\";\");\n  return `${sizingStyle};${HIDDEN_STYLE}`;\n}\n"],"mappings":";;;;;;AAAA,MAAMA,YAAY,GAAG;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMC,YAAY,GAAG,CACnB,gBAAgB,EAChB,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,aAAa,EACb,aAAa,EACb,WAAW,EACX,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EAChB,OAAO,EACP,aAAa,EACb,cAAc,EACd,eAAe,EACf,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,aAAa,CACd;;AAED;AACA;AACA;AACO,SAASC,gBAAgBA,CAACC,OAAoB,EAAE;EACrD,MAAMC,eAAe,GAAGC,MAAM,CAACC,gBAAgB,CAACH,OAAO,CAAC;EACxD,MAAMI,WAAW,GAAGN,YAAY,CAACO,GAAG,CACjCC,IAAI,IAAK,GAAGA,IAAI,IAAIL,eAAe,CAACM,gBAAgB,CAACD,IAAI,CAAC,EAC7D,CAAC,CAACE,IAAI,CAAC,GAAG,CAAC;EACX,OAAO,GAAGJ,WAAW,IAAIP,YAAY,EAAE;AACzC","ignoreList":[]}

package/dist/esm/TextareaAutoResize.js

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React, { useCallback, useEffect, useImperativeHandle, useRef, useState } from "react";
+import React, { useCallback, useEffect, useImperativeHandle, useLayoutEffect, useRef, useState } from "react";
 import { flushSync } from "react-dom";
 import ResizeObserver from "resize-observer-polyfill";
 import calculateAutoSizeStyle from "./utils/calculateAutoSizeStyle.js";
@@ -18,6 +18,7 @@ function LegacyTextareaAutoResize(_ref, ref) {
     value: propValue,
     style,
     submitWhen,
+    desiredSelectionRef,
     onChange,
     onSubmit,
     onKeyDown,
@@ -39,7 +40,8 @@ function LegacyTextareaAutoResize(_ref, ref) {
         textarea.focus();
         valueLength && textarea.setSelectionRange(valueLength, valueLength);
       }
-    }
+    },
+    element: textareaRef.current
   }), []);
   const doAutoResize = useCallback(() => {
     const textarea = textareaRef.current;
@@ -84,13 +86,27 @@ function LegacyTextareaAutoResize(_ref, ref) {
       // Ignore key events during composition
       return;
     }
+    if ((onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e)) === false) {
+      return;
+    }
     if (e.key === "Enter" && (submitWhen === "enter-without-shift" ? !e.shiftKey : submitWhen === "enter-with-mod" && e[modKey])) {
       e.preventDefault();
       e.stopPropagation();
       onSubmit === null || onSubmit === void 0 || onSubmit(e);
     }
-    onKeyDown === null || onKeyDown === void 0 || onKeyDown(e);
   }, [onKeyDown, onSubmit, submitWhen]);
+  useLayoutEffect(() => {
+    const desiredSelection = desiredSelectionRef === null || desiredSelectionRef === void 0 ? void 0 : desiredSelectionRef.current;
+    const textarea = textareaRef.current;
+    if (desiredSelection && textarea) {
+      const {
+        start,
+        end
+      } = desiredSelection;
+      desiredSelectionRef.current = null;
+      textarea.setSelectionRange(start, end);
+    }
+  }, [desiredSelectionRef, value]);
 
   // istanbul ignore next
   useEffect(() => {

package/dist/esm/TextareaAutoResize.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextareaAutoResize.js","names":["React","useCallback","useEffect","useImperativeHandle","useRef","useState","flushSync","ResizeObserver","calculateAutoSizeStyle","modKey","test","navigator","platform","TextareaAutoResize","forwardRef","LegacyTextareaAutoResize","_ref","ref","autoResize","_autoResize","minRows","maxRows","borderSize","paddingSize","containerRef","value","propValue","style","submitWhen","onChange","onSubmit","onKeyDown","onCompositionStart","onCompositionEnd","props","setValue","textareaRef","autoStyle","setAutoStyle","focus","textarea","current","_textarea$value","valueLength","length","setSelectionRange","doAutoResize","process","env","NODE_ENV","handleInputChange","e","target","compositionRef","handleCompositionStart","handleCompositionEnd","handleKeyDown","key","shiftKey","preventDefault","stopPropagation","container","previousInlineSize","observer","entries","entry","currentInlineSize","contentBoxSize","inlineSize","contentRect","width","undefined","isInitial","requestAnimationFrame","observe","disconnect","createElement","_extends"],"sources":["../../src/TextareaAutoResize.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from \"react\";\nimport { flushSync } from \"react-dom\";\nimport ResizeObserver from \"resize-observer-polyfill\";\nimport calculateAutoSizeStyle from \"./utils/calculateAutoSizeStyle.js\";\n\n// istanbul ignore next\nconst modKey = /Mac|iPod|iPhone|iPad/.test(navigator.platform)\n  ? \"metaKey\"\n  : \"ctrlKey\";\n\nexport interface TextareaAutoResizeProps\n  extends React.DetailedHTMLProps<\n    React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n    HTMLTextAreaElement\n  > {\n  /** @default true */\n  autoResize?: boolean;\n  minRows?: number | null;\n  maxRows?: number | null;\n  /** @default 2 */\n  borderSize?: number;\n  /** @default 8 */\n  paddingSize?: number;\n  containerRef?: React.RefObject<HTMLElement>;\n  submitWhen?: \"enter-without-shift\" | \"enter-with-mod\";\n}\n\nexport interface TextareaAutoResizeRef {\n  focus(): void;\n}\n\nexport const TextareaAutoResize = React.forwardRef<\n  TextareaAutoResizeRef,\n  TextareaAutoResizeProps\n>(LegacyTextareaAutoResize);\n\nfunction LegacyTextareaAutoResize(\n  {\n    autoResize: _autoResize,\n    minRows,\n    maxRows,\n    borderSize,\n    paddingSize,\n    containerRef,\n    value: propValue,\n    style,\n    submitWhen,\n    onChange,\n    onSubmit,\n    onKeyDown,\n    onCompositionStart,\n    onCompositionEnd,\n    ...props\n  }: TextareaAutoResizeProps,\n  ref: React.ForwardedRef<TextareaAutoResizeRef>\n): React.JSX.Element {\n  const autoResize = _autoResize ?? true;\n  const [value, setValue] = useState(propValue ?? \"\");\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n  const [autoStyle, setAutoStyle] = useState<React.CSSProperties | null>(null);\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      focus: () => {\n        const textarea = textareaRef.current;\n        // istanbul ignore else: defensive check\n        if (textarea) {\n          const valueLength = textarea.value?.length;\n          textarea.focus();\n          valueLength && textarea.setSelectionRange(valueLength, valueLength);\n        }\n      },\n    }),\n    []\n  );\n\n  const doAutoResize = useCallback(() => {\n    const textarea = textareaRef.current;\n    if (textarea && autoResize) {\n      const style = calculateAutoSizeStyle(textarea, {\n        minRows,\n        maxRows,\n        borderSize,\n        paddingSize,\n      });\n      // istanbul ignore next\n      if (process.env.NODE_ENV === \"test\") {\n        setAutoStyle(style);\n      } else {\n        flushSync(() => {\n          setAutoStyle(style);\n        });\n      }\n    }\n  }, [autoResize, maxRows, minRows, borderSize, paddingSize]);\n\n  const handleInputChange = (\n    e: React.ChangeEvent<HTMLTextAreaElement>\n  ): void => {\n    setValue(e.target.value);\n    onChange?.(e);\n  };\n\n  useEffect(() => {\n    setValue(propValue ?? \"\");\n  }, [propValue]);\n\n  useEffect(() => {\n    doAutoResize();\n  }, [doAutoResize, value]);\n\n  const compositionRef = useRef(false);\n\n  const handleCompositionStart = useCallback(\n    (e: React.CompositionEvent<HTMLTextAreaElement>) => {\n      compositionRef.current = true;\n      onCompositionStart?.(e);\n    },\n    [onCompositionStart]\n  );\n\n  const handleCompositionEnd = useCallback(\n    (e: React.CompositionEvent<HTMLTextAreaElement>) => {\n      compositionRef.current = false;\n      onCompositionEnd?.(e);\n    },\n    [onCompositionEnd]\n  );\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n      if (compositionRef.current) {\n        // Ignore key events during composition\n        return;\n      }\n\n      if (\n        e.key === \"Enter\" &&\n        (submitWhen === \"enter-without-shift\"\n          ? !e.shiftKey\n          : submitWhen === \"enter-with-mod\" && e[modKey])\n      ) {\n        e.preventDefault();\n        e.stopPropagation();\n        onSubmit?.(e);\n      }\n\n      onKeyDown?.(e);\n    },\n    [onKeyDown, onSubmit, submitWhen]\n  );\n\n  // istanbul ignore next\n  useEffect(() => {\n    const container = containerRef?.current;\n    if (!container || !autoResize) {\n      return;\n    }\n    let previousInlineSize: number | undefined;\n    const observer = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        if (entry.target === container) {\n          // istanbul ignore next: compatibility\n          const currentInlineSize = entry.contentBoxSize\n            ? entry.contentBoxSize[0]\n              ? entry.contentBoxSize[0].inlineSize\n              : (entry.contentBoxSize as unknown as ResizeObserverSize)\n                  .inlineSize\n            : entry.contentRect.width;\n          if (\n            currentInlineSize !== undefined &&\n            currentInlineSize !== previousInlineSize\n          ) {\n            const isInitial = !previousInlineSize;\n            previousInlineSize = currentInlineSize;\n            if (!isInitial) {\n              requestAnimationFrame(doAutoResize);\n            }\n          }\n        }\n      }\n    });\n    observer.observe(container);\n    return () => {\n      observer.disconnect();\n    };\n  }, [autoResize, containerRef, doAutoResize]);\n\n  return (\n    <textarea\n      {...props}\n      ref={textareaRef}\n      value={value}\n      style={{\n        ...style,\n        ...autoStyle,\n      }}\n      onChange={handleInputChange}\n      onCompositionStart={handleCompositionStart}\n      onCompositionEnd={handleCompositionEnd}\n      onKeyDown={handleKeyDown}\n    />\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TextareaAutoResize.js","names":["React","useCallback","useEffect","useImperativeHandle","useLayoutEffect","useRef","useState","flushSync","ResizeObserver","calculateAutoSizeStyle","modKey","test","navigator","platform","TextareaAutoResize","forwardRef","LegacyTextareaAutoResize","_ref","ref","autoResize","_autoResize","minRows","maxRows","borderSize","paddingSize","containerRef","value","propValue","style","submitWhen","desiredSelectionRef","onChange","onSubmit","onKeyDown","onCompositionStart","onCompositionEnd","props","setValue","textareaRef","autoStyle","setAutoStyle","focus","textarea","current","_textarea$value","valueLength","length","setSelectionRange","element","doAutoResize","process","env","NODE_ENV","handleInputChange","e","target","compositionRef","handleCompositionStart","handleCompositionEnd","handleKeyDown","key","shiftKey","preventDefault","stopPropagation","desiredSelection","start","end","container","previousInlineSize","observer","entries","entry","currentInlineSize","contentBoxSize","inlineSize","contentRect","width","undefined","isInitial","requestAnimationFrame","observe","disconnect","createElement","_extends"],"sources":["../../src/TextareaAutoResize.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { flushSync } from \"react-dom\";\nimport ResizeObserver from \"resize-observer-polyfill\";\nimport calculateAutoSizeStyle from \"./utils/calculateAutoSizeStyle.js\";\n\n// istanbul ignore next\nconst modKey = /Mac|iPod|iPhone|iPad/.test(navigator.platform)\n  ? \"metaKey\"\n  : \"ctrlKey\";\n\nexport interface TextareaAutoResizeProps\n  extends React.DetailedHTMLProps<\n    React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n    HTMLTextAreaElement\n  > {\n  /** @default true */\n  autoResize?: boolean;\n  minRows?: number | null;\n  maxRows?: number | null;\n  /** @default 2 */\n  borderSize?: number;\n  /** @default 8 */\n  paddingSize?: number;\n  containerRef?: React.RefObject<HTMLElement>;\n  submitWhen?: \"enter-without-shift\" | \"enter-with-mod\";\n  desiredSelectionRef?: React.MutableRefObject<{\n    start: number;\n    end: number;\n  } | null>;\n  onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;\n  /**\n   * The handler can return false to prevent default behavior (submit)\n   */\n  onKeyDown?: (e: React.KeyboardEvent<HTMLTextAreaElement>) => void | false;\n}\n\nexport interface TextareaAutoResizeRef {\n  focus(): void;\n  element: HTMLTextAreaElement | null;\n}\n\nexport const TextareaAutoResize = React.forwardRef<\n  TextareaAutoResizeRef,\n  TextareaAutoResizeProps\n>(LegacyTextareaAutoResize);\n\nfunction LegacyTextareaAutoResize(\n  {\n    autoResize: _autoResize,\n    minRows,\n    maxRows,\n    borderSize,\n    paddingSize,\n    containerRef,\n    value: propValue,\n    style,\n    submitWhen,\n    desiredSelectionRef,\n    onChange,\n    onSubmit,\n    onKeyDown,\n    onCompositionStart,\n    onCompositionEnd,\n    ...props\n  }: TextareaAutoResizeProps,\n  ref: React.ForwardedRef<TextareaAutoResizeRef>\n): React.JSX.Element {\n  const autoResize = _autoResize ?? true;\n  const [value, setValue] = useState(propValue ?? \"\");\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n  const [autoStyle, setAutoStyle] = useState<React.CSSProperties | null>(null);\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      focus: () => {\n        const textarea = textareaRef.current;\n        // istanbul ignore else: defensive check\n        if (textarea) {\n          const valueLength = textarea.value?.length;\n          textarea.focus();\n          valueLength && textarea.setSelectionRange(valueLength, valueLength);\n        }\n      },\n      element: textareaRef.current,\n    }),\n    []\n  );\n\n  const doAutoResize = useCallback(() => {\n    const textarea = textareaRef.current;\n    if (textarea && autoResize) {\n      const style = calculateAutoSizeStyle(textarea, {\n        minRows,\n        maxRows,\n        borderSize,\n        paddingSize,\n      });\n      // istanbul ignore next\n      if (process.env.NODE_ENV === \"test\") {\n        setAutoStyle(style);\n      } else {\n        flushSync(() => {\n          setAutoStyle(style);\n        });\n      }\n    }\n  }, [autoResize, maxRows, minRows, borderSize, paddingSize]);\n\n  const handleInputChange = (\n    e: React.ChangeEvent<HTMLTextAreaElement>\n  ): void => {\n    setValue(e.target.value);\n    onChange?.(e);\n  };\n\n  useEffect(() => {\n    setValue(propValue ?? \"\");\n  }, [propValue]);\n\n  useEffect(() => {\n    doAutoResize();\n  }, [doAutoResize, value]);\n\n  const compositionRef = useRef(false);\n\n  const handleCompositionStart = useCallback(\n    (e: React.CompositionEvent<HTMLTextAreaElement>) => {\n      compositionRef.current = true;\n      onCompositionStart?.(e);\n    },\n    [onCompositionStart]\n  );\n\n  const handleCompositionEnd = useCallback(\n    (e: React.CompositionEvent<HTMLTextAreaElement>) => {\n      compositionRef.current = false;\n      onCompositionEnd?.(e);\n    },\n    [onCompositionEnd]\n  );\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n      if (compositionRef.current) {\n        // Ignore key events during composition\n        return;\n      }\n\n      if (onKeyDown?.(e) === false) {\n        return;\n      }\n\n      if (\n        e.key === \"Enter\" &&\n        (submitWhen === \"enter-without-shift\"\n          ? !e.shiftKey\n          : submitWhen === \"enter-with-mod\" && e[modKey])\n      ) {\n        e.preventDefault();\n        e.stopPropagation();\n        onSubmit?.(e);\n      }\n    },\n    [onKeyDown, onSubmit, submitWhen]\n  );\n\n  useLayoutEffect(() => {\n    const desiredSelection = desiredSelectionRef?.current;\n    const textarea = textareaRef.current;\n    if (desiredSelection && textarea) {\n      const { start, end } = desiredSelection;\n      desiredSelectionRef.current = null;\n      textarea.setSelectionRange(start, end);\n    }\n  }, [desiredSelectionRef, value]);\n\n  // istanbul ignore next\n  useEffect(() => {\n    const container = containerRef?.current;\n    if (!container || !autoResize) {\n      return;\n    }\n    let previousInlineSize: number | undefined;\n    const observer = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        if (entry.target === container) {\n          // istanbul ignore next: compatibility\n          const currentInlineSize = entry.contentBoxSize\n            ? entry.contentBoxSize[0]\n              ? entry.contentBoxSize[0].inlineSize\n              : (entry.contentBoxSize as unknown as ResizeObserverSize)\n                  .inlineSize\n            : entry.contentRect.width;\n          if (\n            currentInlineSize !== undefined &&\n            currentInlineSize !== previousInlineSize\n          ) {\n            const isInitial = !previousInlineSize;\n            previousInlineSize = currentInlineSize;\n            if (!isInitial) {\n              requestAnimationFrame(doAutoResize);\n            }\n          }\n        }\n      }\n    });\n    observer.observe(container);\n    return () => {\n      observer.disconnect();\n    };\n  }, [autoResize, containerRef, doAutoResize]);\n\n  return (\n    <textarea\n      {...props}\n      ref={textareaRef}\n      value={value}\n      style={{\n        ...style,\n        ...autoStyle,\n      }}\n      onChange={handleInputChange}\n      onCompositionStart={handleCompositionStart}\n      onCompositionEnd={handleCompositionEnd}\n      onKeyDown={handleKeyDown}\n    />\n  );\n}\n"],"mappings":";AAAA,OAAOA,KAAK,IACVC,WAAW,EACXC,SAAS,EACTC,mBAAmB,EACnBC,eAAe,EACfC,MAAM,EACNC,QAAQ,QACH,OAAO;AACd,SAASC,SAAS,QAAQ,WAAW;AACrC,OAAOC,cAAc,MAAM,0BAA0B;AACrD,OAAOC,sBAAsB,MAAM,mCAAmC;;AAEtE;AACA,MAAMC,MAAM,GAAG,sBAAsB,CAACC,IAAI,CAACC,SAAS,CAACC,QAAQ,CAAC,GAC1D,SAAS,GACT,SAAS;AAiCb,OAAO,MAAMC,kBAAkB,gBAAGd,KAAK,CAACe,UAAU,CAGhDC,wBAAwB,CAAC;AAE3B,SAASA,wBAAwBA,CAAAC,IAAA,EAmB/BC,GAA8C,EAC3B;EAAA,IAnBnB;IACEC,UAAU,EAAEC,WAAW;IACvBC,OAAO;IACPC,OAAO;IACPC,UAAU;IACVC,WAAW;IACXC,YAAY;IACZC,KAAK,EAAEC,SAAS;IAChBC,KAAK;IACLC,UAAU;IACVC,mBAAmB;IACnBC,QAAQ;IACRC,QAAQ;IACRC,SAAS;IACTC,kBAAkB;IAClBC,gBAAgB;IAChB,GAAGC;EACoB,CAAC,GAAAnB,IAAA;EAG1B,MAAME,UAAU,GAAGC,WAAW,aAAXA,WAAW,cAAXA,WAAW,GAAI,IAAI;EACtC,MAAM,CAACM,KAAK,EAAEW,QAAQ,CAAC,GAAG/B,QAAQ,CAACqB,SAAS,aAATA,SAAS,cAATA,SAAS,GAAI,EAAE,CAAC;EACnD,MAAMW,WAAW,GAAGjC,MAAM,CAAsB,IAAI,CAAC;EACrD,MAAM,CAACkC,SAAS,EAAEC,YAAY,CAAC,GAAGlC,QAAQ,CAA6B,IAAI,CAAC;EAE5EH,mBAAmB,CACjBe,GAAG,EACH,OAAO;IACLuB,KAAK,EAAEA,CAAA,KAAM;MACX,MAAMC,QAAQ,GAAGJ,WAAW,CAACK,OAAO;MACpC;MACA,IAAID,QAAQ,EAAE;QAAA,IAAAE,eAAA;QACZ,MAAMC,WAAW,IAAAD,eAAA,GAAGF,QAAQ,CAAChB,KAAK,cAAAkB,eAAA,uBAAdA,eAAA,CAAgBE,MAAM;QAC1CJ,QAAQ,CAACD,KAAK,CAAC,CAAC;QAChBI,WAAW,IAAIH,QAAQ,CAACK,iBAAiB,CAACF,WAAW,EAAEA,WAAW,CAAC;MACrE;IACF,CAAC;IACDG,OAAO,EAAEV,WAAW,CAACK;EACvB,CAAC,CAAC,EACF,EACF,CAAC;EAED,MAAMM,YAAY,GAAGhD,WAAW,CAAC,MAAM;IACrC,MAAMyC,QAAQ,GAAGJ,WAAW,CAACK,OAAO;IACpC,IAAID,QAAQ,IAAIvB,UAAU,EAAE;MAC1B,MAAMS,KAAK,GAAGnB,sBAAsB,CAACiC,QAAQ,EAAE;QAC7CrB,OAAO;QACPC,OAAO;QACPC,UAAU;QACVC;MACF,CAAC,CAAC;MACF;MACA,IAAI0B,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,EAAE;QACnCZ,YAAY,CAACZ,KAAK,CAAC;MACrB,CAAC,MAAM;QACLrB,SAAS,CAAC,MAAM;UACdiC,YAAY,CAACZ,KAAK,CAAC;QACrB,CAAC,CAAC;MACJ;IACF;EACF,CAAC,EAAE,CAACT,UAAU,EAAEG,OAAO,EAAED,OAAO,EAAEE,UAAU,EAAEC,WAAW,CAAC,CAAC;EAE3D,MAAM6B,iBAAiB,GACrBC,CAAyC,IAChC;IACTjB,QAAQ,CAACiB,CAAC,CAACC,MAAM,CAAC7B,KAAK,CAAC;IACxBK,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAGuB,CAAC,CAAC;EACf,CAAC;EAEDpD,SAAS,CAAC,MAAM;IACdmC,QAAQ,CAACV,SAAS,aAATA,SAAS,cAATA,SAAS,GAAI,EAAE,CAAC;EAC3B,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EAEfzB,SAAS,CAAC,MAAM;IACd+C,YAAY,CAAC,CAAC;EAChB,CAAC,EAAE,CAACA,YAAY,EAAEvB,KAAK,CAAC,CAAC;EAEzB,MAAM8B,cAAc,GAAGnD,MAAM,CAAC,KAAK,CAAC;EAEpC,MAAMoD,sBAAsB,GAAGxD,WAAW,CACvCqD,CAA8C,IAAK;IAClDE,cAAc,CAACb,OAAO,GAAG,IAAI;IAC7BT,kBAAkB,aAAlBA,kBAAkB,eAAlBA,kBAAkB,CAAGoB,CAAC,CAAC;EACzB,CAAC,EACD,CAACpB,kBAAkB,CACrB,CAAC;EAED,MAAMwB,oBAAoB,GAAGzD,WAAW,CACrCqD,CAA8C,IAAK;IAClDE,cAAc,CAACb,OAAO,GAAG,KAAK;IAC9BR,gBAAgB,aAAhBA,gBAAgB,eAAhBA,gBAAgB,CAAGmB,CAAC,CAAC;EACvB,CAAC,EACD,CAACnB,gBAAgB,CACnB,CAAC;EAED,MAAMwB,aAAa,GAAG1D,WAAW,CAC9BqD,CAA2C,IAAK;IAC/C,IAAIE,cAAc,CAACb,OAAO,EAAE;MAC1B;MACA;IACF;IAEA,IAAI,CAAAV,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAGqB,CAAC,CAAC,MAAK,KAAK,EAAE;MAC5B;IACF;IAEA,IACEA,CAAC,CAACM,GAAG,KAAK,OAAO,KAChB/B,UAAU,KAAK,qBAAqB,GACjC,CAACyB,CAAC,CAACO,QAAQ,GACXhC,UAAU,KAAK,gBAAgB,IAAIyB,CAAC,CAAC5C,MAAM,CAAC,CAAC,EACjD;MACA4C,CAAC,CAACQ,cAAc,CAAC,CAAC;MAClBR,CAAC,CAACS,eAAe,CAAC,CAAC;MACnB/B,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAGsB,CAAC,CAAC;IACf;EACF,CAAC,EACD,CAACrB,SAAS,EAAED,QAAQ,EAAEH,UAAU,CAClC,CAAC;EAEDzB,eAAe,CAAC,MAAM;IACpB,MAAM4D,gBAAgB,GAAGlC,mBAAmB,aAAnBA,mBAAmB,uBAAnBA,mBAAmB,CAAEa,OAAO;IACrD,MAAMD,QAAQ,GAAGJ,WAAW,CAACK,OAAO;IACpC,IAAIqB,gBAAgB,IAAItB,QAAQ,EAAE;MAChC,MAAM;QAAEuB,KAAK;QAAEC;MAAI,CAAC,GAAGF,gBAAgB;MACvClC,mBAAmB,CAACa,OAAO,GAAG,IAAI;MAClCD,QAAQ,CAACK,iBAAiB,CAACkB,KAAK,EAAEC,GAAG,CAAC;IACxC;EACF,CAAC,EAAE,CAACpC,mBAAmB,EAAEJ,KAAK,CAAC,CAAC;;EAEhC;EACAxB,SAAS,CAAC,MAAM;IACd,MAAMiE,SAAS,GAAG1C,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEkB,OAAO;IACvC,IAAI,CAACwB,SAAS,IAAI,CAAChD,UAAU,EAAE;MAC7B;IACF;IACA,IAAIiD,kBAAsC;IAC1C,MAAMC,QAAQ,GAAG,IAAI7D,cAAc,CAAE8D,OAAO,IAAK;MAC/C,KAAK,MAAMC,KAAK,IAAID,OAAO,EAAE;QAC3B,IAAIC,KAAK,CAAChB,MAAM,KAAKY,SAAS,EAAE;UAC9B;UACA,MAAMK,iBAAiB,GAAGD,KAAK,CAACE,cAAc,GAC1CF,KAAK,CAACE,cAAc,CAAC,CAAC,CAAC,GACrBF,KAAK,CAACE,cAAc,CAAC,CAAC,CAAC,CAACC,UAAU,GACjCH,KAAK,CAACE,cAAc,CAClBC,UAAU,GACfH,KAAK,CAACI,WAAW,CAACC,KAAK;UAC3B,IACEJ,iBAAiB,KAAKK,SAAS,IAC/BL,iBAAiB,KAAKJ,kBAAkB,EACxC;YACA,MAAMU,SAAS,GAAG,CAACV,kBAAkB;YACrCA,kBAAkB,GAAGI,iBAAiB;YACtC,IAAI,CAACM,SAAS,EAAE;cACdC,qBAAqB,CAAC9B,YAAY,CAAC;YACrC;UACF;QACF;MACF;IACF,CAAC,CAAC;IACFoB,QAAQ,CAACW,OAAO,CAACb,SAAS,CAAC;IAC3B,OAAO,MAAM;MACXE,QAAQ,CAACY,UAAU,CAAC,CAAC;IACvB,CAAC;EACH,CAAC,EAAE,CAAC9D,UAAU,EAAEM,YAAY,EAAEwB,YAAY,CAAC,CAAC;EAE5C,oBACEjD,KAAA,CAAAkF,aAAA,aAAAC,QAAA,KACM/C,KAAK;IACTlB,GAAG,EAAEoB,WAAY;IACjBZ,KAAK,EAAEA,KAAM;IACbE,KAAK,EAAE;MACL,GAAGA,KAAK;MACR,GAAGW;IACL,CAAE;IACFR,QAAQ,EAAEsB,iBAAkB;IAC5BnB,kBAAkB,EAAEuB,sBAAuB;IAC3CtB,gBAAgB,EAAEuB,oBAAqB;IACvCzB,SAAS,EAAE0B;EAAc,EAC1B,CAAC;AAEN","ignoreList":[]}

package/dist/esm/getCaretPositionInTextarea.js

@@ -0,0 +1,22 @@
+import { getMirroredStyle } from "./utils/getMirroredStyle.js";
+let hiddenElement;
+export function getCaretPositionInTextarea(textarea, index) {
+  if (!hiddenElement) {
+    hiddenElement = document.createElement("div");
+    hiddenElement.setAttribute("tab-index", "-1");
+    hiddenElement.setAttribute("aria-hidden", "true");
+    document.body.appendChild(hiddenElement);
+  }
+  hiddenElement.setAttribute("style", getMirroredStyle(textarea));
+  hiddenElement.textContent = textarea.value.slice(0, index);
+  const span = document.createElement("span");
+  span.textContent = "\u200b"; // 占位符
+  hiddenElement.appendChild(span);
+  const rect = span.getBoundingClientRect();
+  span.remove();
+  return {
+    top: rect.top,
+    left: rect.left
+  };
+}
+//# sourceMappingURL=getCaretPositionInTextarea.js.map

package/dist/esm/getCaretPositionInTextarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getCaretPositionInTextarea.js","names":["getMirroredStyle","hiddenElement","getCaretPositionInTextarea","textarea","index","document","createElement","setAttribute","body","appendChild","textContent","value","slice","span","rect","getBoundingClientRect","remove","top","left"],"sources":["../../src/getCaretPositionInTextarea.ts"],"sourcesContent":["import { getMirroredStyle } from \"./utils/getMirroredStyle.js\";\n\nlet hiddenElement: HTMLDivElement | undefined;\n\nexport function getCaretPositionInTextarea(\n  textarea: HTMLTextAreaElement,\n  index: number\n) {\n  if (!hiddenElement) {\n    hiddenElement = document.createElement(\"div\");\n    hiddenElement.setAttribute(\"tab-index\", \"-1\");\n    hiddenElement.setAttribute(\"aria-hidden\", \"true\");\n    document.body.appendChild(hiddenElement);\n  }\n\n  hiddenElement.setAttribute(\"style\", getMirroredStyle(textarea));\n  hiddenElement.textContent = textarea.value.slice(0, index);\n\n  const span = document.createElement(\"span\");\n  span.textContent = \"\\u200b\"; // 占位符\n  hiddenElement.appendChild(span);\n\n  const rect = span.getBoundingClientRect();\n  span.remove();\n  return {\n    top: rect.top,\n    left: rect.left,\n  };\n}\n"],"mappings":"AAAA,SAASA,gBAAgB,QAAQ,6BAA6B;AAE9D,IAAIC,aAAyC;AAE7C,OAAO,SAASC,0BAA0BA,CACxCC,QAA6B,EAC7BC,KAAa,EACb;EACA,IAAI,CAACH,aAAa,EAAE;IAClBA,aAAa,GAAGI,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;IAC7CL,aAAa,CAACM,YAAY,CAAC,WAAW,EAAE,IAAI,CAAC;IAC7CN,aAAa,CAACM,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC;IACjDF,QAAQ,CAACG,IAAI,CAACC,WAAW,CAACR,aAAa,CAAC;EAC1C;EAEAA,aAAa,CAACM,YAAY,CAAC,OAAO,EAAEP,gBAAgB,CAACG,QAAQ,CAAC,CAAC;EAC/DF,aAAa,CAACS,WAAW,GAAGP,QAAQ,CAACQ,KAAK,CAACC,KAAK,CAAC,CAAC,EAAER,KAAK,CAAC;EAE1D,MAAMS,IAAI,GAAGR,QAAQ,CAACC,aAAa,CAAC,MAAM,CAAC;EAC3CO,IAAI,CAACH,WAAW,GAAG,QAAQ,CAAC,CAAC;EAC7BT,aAAa,CAACQ,WAAW,CAACI,IAAI,CAAC;EAE/B,MAAMC,IAAI,GAAGD,IAAI,CAACE,qBAAqB,CAAC,CAAC;EACzCF,IAAI,CAACG,MAAM,CAAC,CAAC;EACb,OAAO;IACLC,GAAG,EAAEH,IAAI,CAACG,GAAG;IACbC,IAAI,EAAEJ,IAAI,CAACI;EACb,CAAC;AACH","ignoreList":[]}

package/dist/esm/getContentRectInTextarea.js

@@ -0,0 +1,19 @@
+import { getMirroredStyle } from "./utils/getMirroredStyle.js";
+let hiddenElement;
+export function getContentRectInTextarea(textarea, prefix, measureContent) {
+  if (!hiddenElement) {
+    hiddenElement = document.createElement("div");
+    hiddenElement.setAttribute("tab-index", "-1");
+    hiddenElement.setAttribute("aria-hidden", "true");
+    document.body.appendChild(hiddenElement);
+  }
+  hiddenElement.setAttribute("style", getMirroredStyle(textarea));
+  hiddenElement.textContent = prefix;
+  const span = document.createElement("span");
+  span.textContent = measureContent;
+  hiddenElement.appendChild(span);
+  const rect = span.getBoundingClientRect();
+  span.remove();
+  return rect;
+}
+//# sourceMappingURL=getContentRectInTextarea.js.map

package/dist/esm/getContentRectInTextarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getContentRectInTextarea.js","names":["getMirroredStyle","hiddenElement","getContentRectInTextarea","textarea","prefix","measureContent","document","createElement","setAttribute","body","appendChild","textContent","span","rect","getBoundingClientRect","remove"],"sources":["../../src/getContentRectInTextarea.ts"],"sourcesContent":["import { getMirroredStyle } from \"./utils/getMirroredStyle.js\";\n\nlet hiddenElement: HTMLDivElement | undefined;\n\nexport function getContentRectInTextarea(\n  textarea: HTMLTextAreaElement,\n  prefix: string,\n  measureContent: string\n) {\n  if (!hiddenElement) {\n    hiddenElement = document.createElement(\"div\");\n    hiddenElement.setAttribute(\"tab-index\", \"-1\");\n    hiddenElement.setAttribute(\"aria-hidden\", \"true\");\n    document.body.appendChild(hiddenElement);\n  }\n  hiddenElement.setAttribute(\"style\", getMirroredStyle(textarea));\n\n  hiddenElement.textContent = prefix;\n\n  const span = document.createElement(\"span\");\n  span.textContent = measureContent;\n  hiddenElement.appendChild(span);\n\n  const rect = span.getBoundingClientRect();\n  span.remove();\n  return rect;\n}\n"],"mappings":"AAAA,SAASA,gBAAgB,QAAQ,6BAA6B;AAE9D,IAAIC,aAAyC;AAE7C,OAAO,SAASC,wBAAwBA,CACtCC,QAA6B,EAC7BC,MAAc,EACdC,cAAsB,EACtB;EACA,IAAI,CAACJ,aAAa,EAAE;IAClBA,aAAa,GAAGK,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;IAC7CN,aAAa,CAACO,YAAY,CAAC,WAAW,EAAE,IAAI,CAAC;IAC7CP,aAAa,CAACO,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC;IACjDF,QAAQ,CAACG,IAAI,CAACC,WAAW,CAACT,aAAa,CAAC;EAC1C;EACAA,aAAa,CAACO,YAAY,CAAC,OAAO,EAAER,gBAAgB,CAACG,QAAQ,CAAC,CAAC;EAE/DF,aAAa,CAACU,WAAW,GAAGP,MAAM;EAElC,MAAMQ,IAAI,GAAGN,QAAQ,CAACC,aAAa,CAAC,MAAM,CAAC;EAC3CK,IAAI,CAACD,WAAW,GAAGN,cAAc;EACjCJ,aAAa,CAACS,WAAW,CAACE,IAAI,CAAC;EAE/B,MAAMC,IAAI,GAAGD,IAAI,CAACE,qBAAqB,CAAC,CAAC;EACzCF,IAAI,CAACG,MAAM,CAAC,CAAC;EACb,OAAOF,IAAI;AACb","ignoreList":[]}

package/dist/esm/index.js

@@ -4,4 +4,6 @@ export * from "./FormStore.js";
 export * from "./interfaces.js";
 export * from "./pickFormItemProps.js";
 export * from "./TextareaAutoResize.js";
+export * from "./getCaretPositionInTextarea.js";
+export * from "./getContentRectInTextarea.js";
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/index.ts"],"sourcesContent":["export * from \"./Form.js\";\nexport * from \"./FormItemElement.js\";\nexport * from \"./FormStore.js\";\nexport * from \"./interfaces.js\";\nexport * from \"./pickFormItemProps.js\";\nexport * from \"./TextareaAutoResize.js\";\n"],"mappings":"AAAA,cAAc,WAAW;AACzB,cAAc,sBAAsB;AACpC,cAAc,gBAAgB;AAC9B,cAAc,iBAAiB;AAC/B,cAAc,wBAAwB;AACtC,cAAc,yBAAyB","ignoreList":[]}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/index.ts"],"sourcesContent":["export * from \"./Form.js\";\nexport * from \"./FormItemElement.js\";\nexport * from \"./FormStore.js\";\nexport * from \"./interfaces.js\";\nexport * from \"./pickFormItemProps.js\";\nexport * from \"./TextareaAutoResize.js\";\nexport * from \"./getCaretPositionInTextarea.js\";\nexport * from \"./getContentRectInTextarea.js\";\n"],"mappings":"AAAA,cAAc,WAAW;AACzB,cAAc,sBAAsB;AACpC,cAAc,gBAAgB;AAC9B,cAAc,iBAAiB;AAC/B,cAAc,wBAAwB;AACtC,cAAc,yBAAyB;AACvC,cAAc,iCAAiC;AAC/C,cAAc,+BAA+B","ignoreList":[]}

package/dist/esm/utils/calculateAutoSizeStyle.js

@@ -1,18 +1,6 @@
 // istanbul ignore file
 
-const HIDDEN_TEXTAREA_STYLE = `
-  min-height: 0!important;
-  max-height: none!important;
-  height: 0!important;
-  visibility: hidden!important;
-  overflow: hidden!important;
-  position: absolute!important;
-  z-index: -1000!important;
-  top: 0!important;
-  right: 0!important;
-  pointer-events: none!important;
-`;
-const SIZING_STYLE = ["letter-spacing", "line-height", "padding-top", "padding-bottom", "font-family", "font-weight", "font-size", "font-variant", "text-rendering", "text-transform", "width", "text-indent", "padding-left", "padding-right", "border-width", "box-sizing", "word-break", "white-space"];
+import { getMirroredStyle } from "./getMirroredStyle.js";
 let hiddenTextarea;
 /**
  * 计算 textarea 高度
@@ -31,11 +19,9 @@ export default function calculateAutoSizeStyle(uiTextNode, options) {
     hiddenTextarea.setAttribute("aria-hidden", "true");
     document.body.appendChild(hiddenTextarea);
   }
-  const uiTextNodeStyle = window.getComputedStyle(uiTextNode);
-  const sizingStyle = SIZING_STYLE.map(name => `${name}:${uiTextNodeStyle.getPropertyValue(name)}`).join(";");
 
   // equal style
-  hiddenTextarea.setAttribute("style", `${sizingStyle};${HIDDEN_TEXTAREA_STYLE}`);
+  hiddenTextarea.setAttribute("style", getMirroredStyle(uiTextNode));
   hiddenTextarea.value = uiTextNode.value || uiTextNode.placeholder || "";
   let minHeight;
   let maxHeight;

package/dist/esm/utils/calculateAutoSizeStyle.js.map

@@ -1 +1 @@
-{"version":3,"file":"calculateAutoSizeStyle.js","names":["HIDDEN_TEXTAREA_STYLE","SIZING_STYLE","hiddenTextarea","calculateAutoSizeStyle","uiTextNode","options","minRows","maxRows","borderSize","paddingSize","document","createElement","setAttribute","body","appendChild","uiTextNodeStyle","window","getComputedStyle","sizingStyle","map","name","getPropertyValue","join","value","placeholder","minHeight","maxHeight","overflowY","height","scrollHeight","singleRowHeight","process","env","NODE_ENV","parseFloat","Math","max","min","style","resize"],"sources":["../../../src/utils/calculateAutoSizeStyle.ts"],"sourcesContent":["// istanbul ignore file\nimport type React from \"react\";\n\nconst HIDDEN_TEXTAREA_STYLE = `\n  min-height: 0!important;\n  max-height: none!important;\n  height: 0!important;\n  visibility: hidden!important;\n  overflow: hidden!important;\n  position: absolute!important;\n  z-index: -1000!important;\n  top: 0!important;\n  right: 0!important;\n  pointer-events: none!important;\n`;\n\nconst SIZING_STYLE = [\n  \"letter-spacing\",\n  \"line-height\",\n  \"padding-top\",\n  \"padding-bottom\",\n  \"font-family\",\n  \"font-weight\",\n  \"font-size\",\n  \"font-variant\",\n  \"text-rendering\",\n  \"text-transform\",\n  \"width\",\n  \"text-indent\",\n  \"padding-left\",\n  \"padding-right\",\n  \"border-width\",\n  \"box-sizing\",\n  \"word-break\",\n  \"white-space\",\n];\n\nlet hiddenTextarea: HTMLTextAreaElement | undefined;\n\nexport interface AutoSizeOptions {\n  minRows?: number | null;\n  maxRows?: number | null;\n  borderSize?: number;\n  paddingSize?: number;\n}\n\n/**\n * 计算 textarea 高度\n * https://github.com/react-component/textarea/blob/1c0026fbe30e5f7dff1fca695b2cf262246381ca/src/calculateNodeHeight.tsx\n */\nexport default function calculateAutoSizeStyle(\n  uiTextNode: HTMLTextAreaElement,\n  options?: AutoSizeOptions\n): React.CSSProperties {\n  const {\n    minRows = null,\n    maxRows = null,\n    borderSize = 2,\n    paddingSize = 8,\n  } = options ?? {};\n\n  if (!hiddenTextarea) {\n    hiddenTextarea = document.createElement(\"textarea\");\n    hiddenTextarea.setAttribute(\"tab-index\", \"-1\");\n    hiddenTextarea.setAttribute(\"aria-hidden\", \"true\");\n    document.body.appendChild(hiddenTextarea);\n  }\n\n  const uiTextNodeStyle = window.getComputedStyle(uiTextNode);\n  const sizingStyle = SIZING_STYLE.map(\n    (name) => `${name}:${uiTextNodeStyle.getPropertyValue(name)}`\n  ).join(\";\");\n\n  // equal style\n  hiddenTextarea.setAttribute(\n    \"style\",\n    `${sizingStyle};${HIDDEN_TEXTAREA_STYLE}`\n  );\n  hiddenTextarea.value = uiTextNode.value || uiTextNode.placeholder || \"\";\n\n  let minHeight: number | undefined;\n  let maxHeight: number | undefined;\n  let overflowY: React.CSSProperties[\"overflowY\"];\n\n  let height = hiddenTextarea.scrollHeight + borderSize;\n\n  if (minRows !== null || maxRows !== null) {\n    const singleRowHeight =\n      process.env.NODE_ENV === \"test\"\n        ? 22\n        : parseFloat(\n            window\n              .getComputedStyle(hiddenTextarea)\n              .getPropertyValue(\"line-height\")\n          );\n    if (minRows !== null) {\n      minHeight = singleRowHeight * minRows + paddingSize + borderSize;\n      height = Math.max(minHeight, height);\n    }\n    if (maxRows !== null) {\n      maxHeight = singleRowHeight * maxRows + paddingSize + borderSize;\n      if (height <= maxHeight) {\n        overflowY = \"hidden\";\n      }\n      height = Math.min(maxHeight, height);\n    }\n  }\n\n  const style: React.CSSProperties = {\n    height,\n    overflowY,\n    resize: \"none\",\n  };\n\n  if (minHeight) {\n    style.minHeight = minHeight;\n  }\n  if (maxHeight) {\n    style.maxHeight = maxHeight;\n  }\n\n  return style;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"calculateAutoSizeStyle.js","names":["getMirroredStyle","hiddenTextarea","calculateAutoSizeStyle","uiTextNode","options","minRows","maxRows","borderSize","paddingSize","document","createElement","setAttribute","body","appendChild","value","placeholder","minHeight","maxHeight","overflowY","height","scrollHeight","singleRowHeight","process","env","NODE_ENV","parseFloat","window","getComputedStyle","getPropertyValue","Math","max","min","style","resize"],"sources":["../../../src/utils/calculateAutoSizeStyle.ts"],"sourcesContent":["// istanbul ignore file\nimport type React from \"react\";\nimport { getMirroredStyle } from \"./getMirroredStyle.js\";\n\nlet hiddenTextarea: HTMLTextAreaElement | undefined;\n\nexport interface AutoSizeOptions {\n  minRows?: number | null;\n  maxRows?: number | null;\n  borderSize?: number;\n  paddingSize?: number;\n}\n\n/**\n * 计算 textarea 高度\n * https://github.com/react-component/textarea/blob/1c0026fbe30e5f7dff1fca695b2cf262246381ca/src/calculateNodeHeight.tsx\n */\nexport default function calculateAutoSizeStyle(\n  uiTextNode: HTMLTextAreaElement,\n  options?: AutoSizeOptions\n): React.CSSProperties {\n  const {\n    minRows = null,\n    maxRows = null,\n    borderSize = 2,\n    paddingSize = 8,\n  } = options ?? {};\n\n  if (!hiddenTextarea) {\n    hiddenTextarea = document.createElement(\"textarea\");\n    hiddenTextarea.setAttribute(\"tab-index\", \"-1\");\n    hiddenTextarea.setAttribute(\"aria-hidden\", \"true\");\n    document.body.appendChild(hiddenTextarea);\n  }\n\n  // equal style\n  hiddenTextarea.setAttribute(\"style\", getMirroredStyle(uiTextNode));\n  hiddenTextarea.value = uiTextNode.value || uiTextNode.placeholder || \"\";\n\n  let minHeight: number | undefined;\n  let maxHeight: number | undefined;\n  let overflowY: React.CSSProperties[\"overflowY\"];\n\n  let height = hiddenTextarea.scrollHeight + borderSize;\n\n  if (minRows !== null || maxRows !== null) {\n    const singleRowHeight =\n      process.env.NODE_ENV === \"test\"\n        ? 22\n        : parseFloat(\n            window\n              .getComputedStyle(hiddenTextarea)\n              .getPropertyValue(\"line-height\")\n          );\n    if (minRows !== null) {\n      minHeight = singleRowHeight * minRows + paddingSize + borderSize;\n      height = Math.max(minHeight, height);\n    }\n    if (maxRows !== null) {\n      maxHeight = singleRowHeight * maxRows + paddingSize + borderSize;\n      if (height <= maxHeight) {\n        overflowY = \"hidden\";\n      }\n      height = Math.min(maxHeight, height);\n    }\n  }\n\n  const style: React.CSSProperties = {\n    height,\n    overflowY,\n    resize: \"none\",\n  };\n\n  if (minHeight) {\n    style.minHeight = minHeight;\n  }\n  if (maxHeight) {\n    style.maxHeight = maxHeight;\n  }\n\n  return style;\n}\n"],"mappings":"AAAA;;AAEA,SAASA,gBAAgB,QAAQ,uBAAuB;AAExD,IAAIC,cAA+C;AASnD;AACA;AACA;AACA;AACA,eAAe,SAASC,sBAAsBA,CAC5CC,UAA+B,EAC/BC,OAAyB,EACJ;EACrB,MAAM;IACJC,OAAO,GAAG,IAAI;IACdC,OAAO,GAAG,IAAI;IACdC,UAAU,GAAG,CAAC;IACdC,WAAW,GAAG;EAChB,CAAC,GAAGJ,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAI,CAAC,CAAC;EAEjB,IAAI,CAACH,cAAc,EAAE;IACnBA,cAAc,GAAGQ,QAAQ,CAACC,aAAa,CAAC,UAAU,CAAC;IACnDT,cAAc,CAACU,YAAY,CAAC,WAAW,EAAE,IAAI,CAAC;IAC9CV,cAAc,CAACU,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC;IAClDF,QAAQ,CAACG,IAAI,CAACC,WAAW,CAACZ,cAAc,CAAC;EAC3C;;EAEA;EACAA,cAAc,CAACU,YAAY,CAAC,OAAO,EAAEX,gBAAgB,CAACG,UAAU,CAAC,CAAC;EAClEF,cAAc,CAACa,KAAK,GAAGX,UAAU,CAACW,KAAK,IAAIX,UAAU,CAACY,WAAW,IAAI,EAAE;EAEvE,IAAIC,SAA6B;EACjC,IAAIC,SAA6B;EACjC,IAAIC,SAA2C;EAE/C,IAAIC,MAAM,GAAGlB,cAAc,CAACmB,YAAY,GAAGb,UAAU;EAErD,IAAIF,OAAO,KAAK,IAAI,IAAIC,OAAO,KAAK,IAAI,EAAE;IACxC,MAAMe,eAAe,GACnBC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,GAC3B,EAAE,GACFC,UAAU,CACRC,MAAM,CACHC,gBAAgB,CAAC1B,cAAc,CAAC,CAChC2B,gBAAgB,CAAC,aAAa,CACnC,CAAC;IACP,IAAIvB,OAAO,KAAK,IAAI,EAAE;MACpBW,SAAS,GAAGK,eAAe,GAAGhB,OAAO,GAAGG,WAAW,GAAGD,UAAU;MAChEY,MAAM,GAAGU,IAAI,CAACC,GAAG,CAACd,SAAS,EAAEG,MAAM,CAAC;IACtC;IACA,IAAIb,OAAO,KAAK,IAAI,EAAE;MACpBW,SAAS,GAAGI,eAAe,GAAGf,OAAO,GAAGE,WAAW,GAAGD,UAAU;MAChE,IAAIY,MAAM,IAAIF,SAAS,EAAE;QACvBC,SAAS,GAAG,QAAQ;MACtB;MACAC,MAAM,GAAGU,IAAI,CAACE,GAAG,CAACd,SAAS,EAAEE,MAAM,CAAC;IACtC;EACF;EAEA,MAAMa,KAA0B,GAAG;IACjCb,MAAM;IACND,SAAS;IACTe,MAAM,EAAE;EACV,CAAC;EAED,IAAIjB,SAAS,EAAE;IACbgB,KAAK,CAAChB,SAAS,GAAGA,SAAS;EAC7B;EACA,IAAIC,SAAS,EAAE;IACbe,KAAK,CAACf,SAAS,GAAGA,SAAS;EAC7B;EAEA,OAAOe,KAAK;AACd","ignoreList":[]}

package/dist/esm/utils/getMirroredStyle.js

@@ -0,0 +1,23 @@
+const HIDDEN_STYLE = `
+  min-height: 0!important;
+  max-height: none!important;
+  height: 0!important;
+  visibility: hidden!important;
+  overflow: hidden!important;
+  position: absolute!important;
+  z-index: -1000!important;
+  top: 0!important;
+  left: 0!important;
+  pointer-events: none!important;
+`;
+const SIZING_STYLE = ["letter-spacing", "line-height", "padding-top", "padding-bottom", "font-family", "font-weight", "font-size", "font-variant", "text-rendering", "text-transform", "width", "text-indent", "padding-left", "padding-right", "border-width", "box-sizing", "word-break", "white-space"];
+
+/**
+ * 创建一个镜像元素，用于计算光标位置或文本尺寸。
+ */
+export function getMirroredStyle(element) {
+  const uiTextNodeStyle = window.getComputedStyle(element);
+  const sizingStyle = SIZING_STYLE.map(name => `${name}:${uiTextNodeStyle.getPropertyValue(name)}`).join(";");
+  return `${sizingStyle};${HIDDEN_STYLE}`;
+}
+//# sourceMappingURL=getMirroredStyle.js.map

package/dist/esm/utils/getMirroredStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getMirroredStyle.js","names":["HIDDEN_STYLE","SIZING_STYLE","getMirroredStyle","element","uiTextNodeStyle","window","getComputedStyle","sizingStyle","map","name","getPropertyValue","join"],"sources":["../../../src/utils/getMirroredStyle.ts"],"sourcesContent":["const HIDDEN_STYLE = `\n  min-height: 0!important;\n  max-height: none!important;\n  height: 0!important;\n  visibility: hidden!important;\n  overflow: hidden!important;\n  position: absolute!important;\n  z-index: -1000!important;\n  top: 0!important;\n  left: 0!important;\n  pointer-events: none!important;\n`;\n\nconst SIZING_STYLE = [\n  \"letter-spacing\",\n  \"line-height\",\n  \"padding-top\",\n  \"padding-bottom\",\n  \"font-family\",\n  \"font-weight\",\n  \"font-size\",\n  \"font-variant\",\n  \"text-rendering\",\n  \"text-transform\",\n  \"width\",\n  \"text-indent\",\n  \"padding-left\",\n  \"padding-right\",\n  \"border-width\",\n  \"box-sizing\",\n  \"word-break\",\n  \"white-space\",\n];\n\n/**\n * 创建一个镜像元素，用于计算光标位置或文本尺寸。\n */\nexport function getMirroredStyle(element: HTMLElement) {\n  const uiTextNodeStyle = window.getComputedStyle(element);\n  const sizingStyle = SIZING_STYLE.map(\n    (name) => `${name}:${uiTextNodeStyle.getPropertyValue(name)}`\n  ).join(\";\");\n  return `${sizingStyle};${HIDDEN_STYLE}`;\n}\n"],"mappings":"AAAA,MAAMA,YAAY,GAAG;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMC,YAAY,GAAG,CACnB,gBAAgB,EAChB,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,aAAa,EACb,aAAa,EACb,WAAW,EACX,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EAChB,OAAO,EACP,aAAa,EACb,cAAc,EACd,eAAe,EACf,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,aAAa,CACd;;AAED;AACA;AACA;AACA,OAAO,SAASC,gBAAgBA,CAACC,OAAoB,EAAE;EACrD,MAAMC,eAAe,GAAGC,MAAM,CAACC,gBAAgB,CAACH,OAAO,CAAC;EACxD,MAAMI,WAAW,GAAGN,YAAY,CAACO,GAAG,CACjCC,IAAI,IAAK,GAAGA,IAAI,IAAIL,eAAe,CAACM,gBAAgB,CAACD,IAAI,CAAC,EAC7D,CAAC,CAACE,IAAI,CAAC,GAAG,CAAC;EACX,OAAO,GAAGJ,WAAW,IAAIP,YAAY,EAAE;AACzC","ignoreList":[]}

package/dist/types/TextareaAutoResize.d.ts

@@ -10,8 +10,18 @@ export interface TextareaAutoResizeProps extends React.DetailedHTMLProps<React.T
     paddingSize?: number;
     containerRef?: React.RefObject<HTMLElement>;
     submitWhen?: "enter-without-shift" | "enter-with-mod";
+    desiredSelectionRef?: React.MutableRefObject<{
+        start: number;
+        end: number;
+    } | null>;
+    onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    /**
+     * The handler can return false to prevent default behavior (submit)
+     */
+    onKeyDown?: (e: React.KeyboardEvent<HTMLTextAreaElement>) => void | false;
 }
 export interface TextareaAutoResizeRef {
     focus(): void;
+    element: HTMLTextAreaElement | null;
 }
 export declare const TextareaAutoResize: React.ForwardRefExoticComponent<Omit<TextareaAutoResizeProps, "ref"> & React.RefAttributes<TextareaAutoResizeRef>>;

package/dist/types/getCaretPositionInTextarea.d.ts

@@ -0,0 +1,4 @@
+export declare function getCaretPositionInTextarea(textarea: HTMLTextAreaElement, index: number): {
+    top: number;
+    left: number;
+};

package/dist/types/getContentRectInTextarea.d.ts

@@ -0,0 +1 @@
+export declare function getContentRectInTextarea(textarea: HTMLTextAreaElement, prefix: string, measureContent: string): DOMRect;

package/dist/types/index.d.ts

@@ -4,3 +4,5 @@ export * from "./FormStore.js";
 export * from "./interfaces.js";
 export * from "./pickFormItemProps.js";
 export * from "./TextareaAutoResize.js";
+export * from "./getCaretPositionInTextarea.js";
+export * from "./getContentRectInTextarea.js";

package/dist/types/utils/getMirroredStyle.d.ts

@@ -0,0 +1,4 @@
+/**
+ * 创建一个镜像元素，用于计算光标位置或文本尺寸。
+ */
+export declare function getMirroredStyle(element: HTMLElement): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next-shared/form",
-  "version": "0.8.4",
+  "version": "0.9.0",
   "homepage": "https://github.com/easyops-cn/next-advanced-bricks/tree/master/shared/form",
   "repository": {
     "type": "git",
@@ -48,5 +48,5 @@
     "@next-core/test-next": "^2.0.0",
     "concurrently": "^9.1.0"
   },
-  "gitHead": "af3ff373f72f869049b060a548bf32c0c8b941d0"
+  "gitHead": "8697d099f9084bc1494cf85b3589094e53bcf5eb"
 }