@aloudata/aloudata-design 3.1.7 → 3.2.0-beta.0

package/dist/Radio/components/Radio/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/Radio/components/Radio/index.tsx"],"sourcesContent":["import { cn } from '../../../lib/utils';\nimport { getSemanticOwnerAriaProps } from '../../../_utils/formControlSemanticOwner';\nimport _ from 'lodash';\nimport React, { useContext, useRef, useState } from 'react';\n\nimport { getUUID } from '../../../_utils/hooks/useId';\nimport { IRadioProps } from '../../interface/radio';\nimport { RadioGroupContext } from '../Group';\n\nexport default function Radio(props: IRadioProps) {\n  const groupContext = useContext(RadioGroupContext);\n  const labelRef = useRef<HTMLLabelElement>(null);\n  const [id] = useState(() => getUUID().toString());\n\n  const radioProps = { ...props };\n  const inGroup = !_.isEmpty(groupContext);\n  const isControlled = 'checked' in props;\n  const [innerChecked, setInnerChecked] = useState(\n    props.defaultChecked ?? false,\n  );\n\n  if (inGroup) {\n    radioProps.disabled = groupContext.disabled || props.disabled;\n  }\n\n  // checked 直接从 groupContext 或 props 派生，不使用 useState + useEffect，\n  // 避免双重渲染导致切换时视觉抖动。\n  const checked = inGroup\n    ? groupContext.value === props.value\n    : !isControlled\n    ? innerChecked\n    : radioProps.checked;\n\n  // 设置input外层盒子的class\n  const aldRadioClass = cn('ald-radio', {\n    'ald-radio-checked': checked,\n    'ald-radio-disabled': radioProps.disabled,\n  });\n\n  // 根据属性设置最外层的class\n  const getWrapperClass = () => {\n    let otherClass = '';\n    if (groupContext.type === 'button') {\n      if (groupContext.radioGroupStyle === 'filled') {\n        otherClass = 'ald-radio-button-wrapper-filled';\n      } else if (groupContext.radioGroupStyle === 'border') {\n        otherClass = 'ald-radio-button-wrapper-border';\n      } else if (groupContext.radioGroupStyle === 'filter') {\n        otherClass = 'ald-radio-button-wrapper-filter';\n      } else {\n        otherClass = 'ald-radio-button-wrapper-border-primary';\n      }\n    } else if (groupContext.type === 'iconButton') {\n      if (groupContext.radioGroupStyle === 'filled') {\n        otherClass = 'ald-radio-icon-button-wrapper-filled';\n      } else if (groupContext.radioGroupStyle === 'border') {\n        otherClass = 'ald-radio-icon-button-wrapper-border';\n      } else if (groupContext.radioGroupStyle === 'filter') {\n        otherClass = 'ald-radio-icon-button-wrapper-filter';\n      } else {\n        otherClass = 'ald-radio-icon-button-wrapper-border-primary';\n      }\n    } else {\n      // 当type未设置或者是radio时\n      otherClass = 'ald-radio-wrapper';\n      if (props.indeterminate) {\n        otherClass = otherClass + ' ald-radio-wrapper-indeterminate';\n      }\n    }\n    return cn('ald-radio-label', otherClass, props.className, {\n      'ald-radio-wrapper-checked': checked,\n      'ald-radio-wrapper-disabled': radioProps.disabled,\n    });\n  };\n\n  // button / iconButton 模式下，radio 圆圈需要完全隐藏\n  const isButtonMode =\n    groupContext.type === 'button' || groupContext.type === 'iconButton';\n  const radioHideStyle: React.CSSProperties | undefined = isButtonMode\n    ? { width: 0, height: 0, overflow: 'hidden' }\n    : undefined;\n\n  return (\n    <label className={getWrapperClass()} htmlFor={id} ref={labelRef}>\n      <span className={aldRadioClass} style={radioHideStyle}>\n        <input\n          id={id}\n          type=\"radio\"\n          className=\"ald-radio-input\"\n          // 同步派生的 checked 到原生 input，对齐 v2/antd 行为（仅有 class 不更新 input.checked）\n          checked={!!checked}\n          disabled={radioProps.disabled}\n          name={groupContext.name}\n          required={props.required}\n          value={props.value}\n          {...getSemanticOwnerAriaProps({\n            'aria-label': props['aria-label'],\n            'aria-labelledby': props['aria-labelledby'],\n            'aria-describedby': props['aria-describedby'],\n            'aria-invalid': props['aria-invalid'],\n            'aria-required': props['aria-required'],\n            'aria-disabled': props['aria-disabled'],\n          })}\n          onChange={(e) => {\n            if (radioProps.disabled) return;\n            if (!inGroup && !isControlled) {\n              setInnerChecked(e.target.checked);\n            }\n            props.onChange?.(e);\n          }}\n          onKeyDown={(e) => {\n            if (\n              !inGroup ||\n              !['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(\n                e.key,\n              )\n            ) {\n              return;\n            }\n\n            const radios = Array.from(\n              document.querySelectorAll<HTMLInputElement>(\n                'input[type=\"radio\"]',\n              ),\n            ).filter(\n              (radio) => radio.name === groupContext.name && !radio.disabled,\n            );\n            const currentIndex = radios.indexOf(e.currentTarget);\n            if (currentIndex < 0 || radios.length < 2) return;\n\n            e.preventDefault();\n            const direction =\n              e.key === 'ArrowUp' || e.key === 'ArrowLeft' ? -1 : 1;\n            const nextIndex =\n              (currentIndex + direction + radios.length) % radios.length;\n            const nextRadio = radios[nextIndex];\n            nextRadio.focus();\n            nextRadio.click();\n          }}\n          onClick={(e) => {\n            props.onClick?.(e);\n\n            if (inGroup && groupContext?.onChange) {\n              // input事件的value会被toString，所以此处进行一个覆盖\n              groupContext.onChange(props.value);\n            }\n          }}\n        />\n        <span className=\"ald-radio-inner\" />\n      </span>\n      {props.children && (\n        <span className=\"ald-radio-desc tw-text-typography-label\">\n          {props.children}\n        </span>\n      )}\n    </label>\n  );\n}\n"],"mappings":";;;;;;;;AASA,SAAwB,MAAM,OAAoB;CAChD,MAAM,eAAe,WAAW,kBAAkB;CAClD,MAAM,WAAW,OAAyB,KAAK;CAC/C,MAAM,CAAC,MAAM,eAAe,SAAS,CAAC,UAAU,CAAC;CAEjD,MAAM,aAAa,EAAE,GAAG,OAAO;CAC/B,MAAM,UAAU,CAAC,EAAE,QAAQ,aAAa;CACxC,MAAM,eAAe,aAAa;CAClC,MAAM,CAAC,cAAc,mBAAmB,SACtC,MAAM,kBAAkB,MACzB;AAED,KAAI,QACF,YAAW,WAAW,aAAa,YAAY,MAAM;CAKvD,MAAM,UAAU,UACZ,aAAa,UAAU,MAAM,QAC7B,CAAC,eACD,eACA,WAAW;CAGf,MAAM,gBAAgB,GAAG,aAAa;EACpC,qBAAqB;EACrB,sBAAsB,WAAW;EAClC,CAAC;CAGF,MAAM,wBAAwB;EAC5B,IAAI,aAAa;AACjB,MAAI,aAAa,SAAS,SACxB,KAAI,aAAa,oBAAoB,SACnC,cAAa;WACJ,aAAa,oBAAoB,SAC1C,cAAa;WACJ,aAAa,oBAAoB,SAC1C,cAAa;MAEb,cAAa;WAEN,aAAa,SAAS,aAC/B,KAAI,aAAa,oBAAoB,SACnC,cAAa;WACJ,aAAa,oBAAoB,SAC1C,cAAa;WACJ,aAAa,oBAAoB,SAC1C,cAAa;MAEb,cAAa;OAEV;AAEL,gBAAa;AACb,OAAI,MAAM,cACR,cAAa,aAAa;;AAG9B,SAAO,GAAG,mBAAmB,YAAY,MAAM,WAAW;GACxD,6BAA6B;GAC7B,8BAA8B,WAAW;GAC1C,CAAC;;CAMJ,MAAM,iBADJ,aAAa,SAAS,YAAY,aAAa,SAAS,eAEtD;EAAE,OAAO;EAAG,QAAQ;EAAG,UAAU;EAAU,GAC3C;AAEJ,QACE,qBAAC,SAAD;EAAO,WAAW,iBAAiB;EAAE,SAAS;EAAI,KAAK;YAAvD,CACE,qBAAC,QAAD;GAAM,WAAW;GAAe,OAAO;aAAvC,CACE,oBAAC,SAAD;IACM;IACJ,MAAK;IACL,WAAU;IAEV,SAAS,CAAC,CAAC;IACX,UAAU,WAAW;IACrB,MAAM,aAAa;IACnB,UAAU,MAAM;IAChB,OAAO,MAAM;IACb,GAAI,0BAA0B;KAC5B,cAAc,MAAM;KACpB,mBAAmB,MAAM;KACzB,oBAAoB,MAAM;KAC1B,gBAAgB,MAAM;KACtB,iBAAiB,MAAM;KACvB,iBAAiB,MAAM;KACxB,CAAC;IACF,WAAW,MAAM;AACf,SAAI,WAAW,SAAU;AACzB,SAAI,CAAC,WAAW,CAAC,aACf,iBAAgB,EAAE,OAAO,QAAQ;AAEnC,WAAM,WAAW,EAAE;;IAErB,YAAY,MAAM;AAChB,SACE,CAAC,WACD,CAAC;MAAC;MAAW;MAAa;MAAa;MAAa,CAAC,SACnD,EAAE,IACH,CAED;KAGF,MAAM,SAAS,MAAM,KACnB,SAAS,iBACP,wBACD,CACF,CAAC,QACC,UAAU,MAAM,SAAS,aAAa,QAAQ,CAAC,MAAM,SACvD;KACD,MAAM,eAAe,OAAO,QAAQ,EAAE,cAAc;AACpD,SAAI,eAAe,KAAK,OAAO,SAAS,EAAG;AAE3C,OAAE,gBAAgB;KAKlB,MAAM,YAAY,QADf,gBAFD,EAAE,QAAQ,aAAa,EAAE,QAAQ,cAAc,KAAK,KAExB,OAAO,UAAU,OAAO;AAEtD,eAAU,OAAO;AACjB,eAAU,OAAO;;IAEnB,UAAU,MAAM;AACd,WAAM,UAAU,EAAE;AAElB,SAAI,WAAW,cAAc,SAE3B,cAAa,SAAS,MAAM,MAAM;;IAGtC,CAAA,EACF,oBAAC,QAAD,EAAM,WAAU,mBAAoB,CAAA,CAC/B;MACN,MAAM,YACL,oBAAC,QAAD;GAAM,WAAU;aACb,MAAM;GACF,CAAA,CAEH"}
+{"version":3,"file":"index.js","names":["cn","getSemanticOwnerAriaProps","_","React","useContext","useRef","useState","getUUID","IRadioProps","RadioGroupContext","Radio","props","$","_c","groupContext","labelRef","id","_temp","radioProps","t0","isEmpty","inGroup","isControlled","innerChecked","setInnerChecked","defaultChecked","disabled","checked","value","aldRadioClass","getWrapperClass","otherClass","type","radioGroupStyle","indeterminate","className","isButtonMode","t1","width","height","overflow","undefined","radioHideStyle","t2","t3","t4","name","t5","required","t6","t7","t8","t9","t10","t11","t12","t13","t14","e_0","includes","e","key","radios","Array","from","document","querySelectorAll","filter","radio","currentIndex","indexOf","currentTarget","length","preventDefault","direction","nextIndex","nextRadio","focus","click","t15","e_1","onClick","onChange","t16","Symbol","for","t17","children","target","toString"],"sources":["../../../../src/Radio/components/Radio/index.tsx"],"sourcesContent":["import { cn } from '../../../lib/utils';\nimport { getSemanticOwnerAriaProps } from '../../../_utils/formControlSemanticOwner';\nimport _ from 'lodash';\nimport React, { useContext, useRef, useState } from 'react';\n\nimport { getUUID } from '../../../_utils/hooks/useId';\nimport { IRadioProps } from '../../interface/radio';\nimport { RadioGroupContext } from '../Group';\n\nexport default function Radio(props: IRadioProps) {\n  const groupContext = useContext(RadioGroupContext);\n  const labelRef = useRef<HTMLLabelElement>(null);\n  const [id] = useState(() => getUUID().toString());\n\n  const radioProps = { ...props };\n  const inGroup = !_.isEmpty(groupContext);\n  const isControlled = 'checked' in props;\n  const [innerChecked, setInnerChecked] = useState(\n    props.defaultChecked ?? false,\n  );\n\n  if (inGroup) {\n    radioProps.disabled = groupContext.disabled || props.disabled;\n  }\n\n  // checked 直接从 groupContext 或 props 派生，不使用 useState + useEffect，\n  // 避免双重渲染导致切换时视觉抖动。\n  const checked = inGroup\n    ? groupContext.value === props.value\n    : !isControlled\n    ? innerChecked\n    : radioProps.checked;\n\n  // 设置input外层盒子的class\n  const aldRadioClass = cn('ald-radio', {\n    'ald-radio-checked': checked,\n    'ald-radio-disabled': radioProps.disabled,\n  });\n\n  // 根据属性设置最外层的class\n  const getWrapperClass = () => {\n    let otherClass = '';\n    if (groupContext.type === 'button') {\n      if (groupContext.radioGroupStyle === 'filled') {\n        otherClass = 'ald-radio-button-wrapper-filled';\n      } else if (groupContext.radioGroupStyle === 'border') {\n        otherClass = 'ald-radio-button-wrapper-border';\n      } else if (groupContext.radioGroupStyle === 'filter') {\n        otherClass = 'ald-radio-button-wrapper-filter';\n      } else {\n        otherClass = 'ald-radio-button-wrapper-border-primary';\n      }\n    } else if (groupContext.type === 'iconButton') {\n      if (groupContext.radioGroupStyle === 'filled') {\n        otherClass = 'ald-radio-icon-button-wrapper-filled';\n      } else if (groupContext.radioGroupStyle === 'border') {\n        otherClass = 'ald-radio-icon-button-wrapper-border';\n      } else if (groupContext.radioGroupStyle === 'filter') {\n        otherClass = 'ald-radio-icon-button-wrapper-filter';\n      } else {\n        otherClass = 'ald-radio-icon-button-wrapper-border-primary';\n      }\n    } else {\n      // 当type未设置或者是radio时\n      otherClass = 'ald-radio-wrapper';\n      if (props.indeterminate) {\n        otherClass = otherClass + ' ald-radio-wrapper-indeterminate';\n      }\n    }\n    return cn('ald-radio-label', otherClass, props.className, {\n      'ald-radio-wrapper-checked': checked,\n      'ald-radio-wrapper-disabled': radioProps.disabled,\n    });\n  };\n\n  // button / iconButton 模式下，radio 圆圈需要完全隐藏\n  const isButtonMode =\n    groupContext.type === 'button' || groupContext.type === 'iconButton';\n  const radioHideStyle: React.CSSProperties | undefined = isButtonMode\n    ? { width: 0, height: 0, overflow: 'hidden' }\n    : undefined;\n\n  return (\n    <label className={getWrapperClass()} htmlFor={id} ref={labelRef}>\n      <span className={aldRadioClass} style={radioHideStyle}>\n        <input\n          id={id}\n          type=\"radio\"\n          className=\"ald-radio-input\"\n          // 同步派生的 checked 到原生 input，对齐 v2/antd 行为（仅有 class 不更新 input.checked）\n          checked={!!checked}\n          disabled={radioProps.disabled}\n          name={groupContext.name}\n          required={props.required}\n          value={props.value}\n          {...getSemanticOwnerAriaProps({\n            'aria-label': props['aria-label'],\n            'aria-labelledby': props['aria-labelledby'],\n            'aria-describedby': props['aria-describedby'],\n            'aria-invalid': props['aria-invalid'],\n            'aria-required': props['aria-required'],\n            'aria-disabled': props['aria-disabled'],\n          })}\n          onChange={(e) => {\n            if (radioProps.disabled) return;\n            if (!inGroup && !isControlled) {\n              setInnerChecked(e.target.checked);\n            }\n            props.onChange?.(e);\n          }}\n          onKeyDown={(e) => {\n            if (\n              !inGroup ||\n              !['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(\n                e.key,\n              )\n            ) {\n              return;\n            }\n\n            const radios = Array.from(\n              document.querySelectorAll<HTMLInputElement>(\n                'input[type=\"radio\"]',\n              ),\n            ).filter(\n              (radio) => radio.name === groupContext.name && !radio.disabled,\n            );\n            const currentIndex = radios.indexOf(e.currentTarget);\n            if (currentIndex < 0 || radios.length < 2) return;\n\n            e.preventDefault();\n            const direction =\n              e.key === 'ArrowUp' || e.key === 'ArrowLeft' ? -1 : 1;\n            const nextIndex =\n              (currentIndex + direction + radios.length) % radios.length;\n            const nextRadio = radios[nextIndex];\n            nextRadio.focus();\n            nextRadio.click();\n          }}\n          onClick={(e) => {\n            props.onClick?.(e);\n\n            if (inGroup && groupContext?.onChange) {\n              // input事件的value会被toString，所以此处进行一个覆盖\n              groupContext.onChange(props.value);\n            }\n          }}\n        />\n        <span className=\"ald-radio-inner\" />\n      </span>\n      {props.children && (\n        <span className=\"ald-radio-desc tw-text-typography-label\">\n          {props.children}\n        </span>\n      )}\n    </label>\n  );\n}\n"],"mappings":"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"}

package/dist/Radio/components/Radio.js

@@ -0,0 +1,2 @@
+export * from './Radio/index.js';
+export { default } from './Radio/index.js';

package/dist/Radio/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/Radio/index.tsx"],"sourcesContent":["import './radio.css';\nimport InternalRadio from './components/Radio';\nimport RadioGroup from './components/Group';\nimport { IRadioProps } from './interface/radio';\n\nexport type { IRadioProps as RadioProps } from './interface/radio';\nexport type { IRadioGroupProps as RadioGroupProps } from './interface/radioGroup';\n\ninterface IRadioType extends React.FC<IRadioProps> {\n  Group: typeof RadioGroup;\n}\nconst Radio = InternalRadio as IRadioType;\nRadio.Group = RadioGroup;\n\nexport default Radio;\n"],"mappings":";;;;AAWA,IAAM,QAAQ;AACd,MAAM,QAAQ"}
+{"version":3,"file":"index.js","names":["InternalRadio","RadioGroup","IRadioProps","RadioProps","IRadioGroupProps","RadioGroupProps","IRadioType","React","FC","Group","Radio"],"sources":["../../src/Radio/index.tsx"],"sourcesContent":["import './radio.css';\nimport InternalRadio from './components/Radio';\nimport RadioGroup from './components/Group';\nimport { IRadioProps } from './interface/radio';\n\nexport type { IRadioProps as RadioProps } from './interface/radio';\nexport type { IRadioGroupProps as RadioGroupProps } from './interface/radioGroup';\n\ninterface IRadioType extends React.FC<IRadioProps> {\n  Group: typeof RadioGroup;\n}\nconst Radio = InternalRadio as IRadioType;\nRadio.Group = RadioGroup;\n\nexport default Radio;\n"],"mappings":";;;;AAWA,IAAMU,QAAQV;AACdU,MAAMD,QAAQR"}

package/dist/Radio.js

@@ -0,0 +1,2 @@
+export * from './Radio/index.js';
+export { default } from './Radio/index.js';

package/dist/RenameInput/index.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'react';
+import { default as React, CSSProperties } from 'react';
 interface IProps {
     value: string;
     onConfirm?: (value: string) => void;
@@ -16,5 +16,5 @@ interface IProps {
     validateValue?: (value: string) => boolean;
     readonly?: boolean;
 }
-declare const RenameInput: ({ value: propsValue, onConfirm, className, width, fontStyle, maxLength, validateValue, onError, readonly, isEdit: propsIsEdit, }: IProps) => import("react/jsx-runtime").JSX.Element;
+declare const RenameInput: ({ value: propsValue, onConfirm, className, width, fontStyle, maxLength, validateValue, onError, readonly, isEdit: propsIsEdit, }: IProps) => React.JSX.Element;
 export default RenameInput;

package/dist/RenameInput/index.js

@@ -1,105 +1,278 @@
 import { cn } from "../lib/utils.js";
-import { useCallback, useEffect, useRef, useState } from "react";
+import { c } from "react-compiler-runtime";
+import { useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/RenameInput/index.tsx
 var defaultWidth = 20;
 var PADDING_WIDTH = 4;
-var RenameInput = ({ value: propsValue, onConfirm, className, width, fontStyle, maxLength, validateValue, onError, readonly = false, isEdit: propsIsEdit = false }) => {
+var RenameInput = (t0) => {
+	const $ = c(67);
+	const { value: propsValue, onConfirm, className, width, fontStyle, maxLength, validateValue, onError, readonly: t1, isEdit: t2 } = t0;
+	const readonly = t1 === void 0 ? false : t1;
+	const propsIsEdit = t2 === void 0 ? false : t2;
 	const [isEdit, setIsEdit] = useState(propsIsEdit);
 	const [value, setValue] = useState(propsValue);
-	useEffect(() => {
-		setValue(propsValue);
-	}, [propsValue]);
+	let t3;
+	let t4;
+	if ($[0] !== propsValue) {
+		t3 = () => {
+			setValue(propsValue);
+		};
+		t4 = [propsValue];
+		$[0] = propsValue;
+		$[1] = t3;
+		$[2] = t4;
+	} else {
+		t3 = $[1];
+		t4 = $[2];
+	}
+	useEffect(t3, t4);
 	const divRef = useRef(null);
 	const inputRef = useRef(null);
-	const handleBlur = useCallback(() => {
-		onConfirm?.(value);
-		inputRef.current?.blur();
-	}, [onConfirm, value]);
-	useEffect(() => {
-		if (!width && divRef.current && inputRef.current) {
-			const tempWidth = divRef.current?.offsetWidth || defaultWidth;
-			inputRef.current.style.width = tempWidth + PADDING_WIDTH + "px";
-		}
-	}, [
-		width,
-		value,
-		isEdit
-	]);
-	useEffect(() => {
-		if (isEdit) setValue(propsValue);
-	}, [isEdit, propsValue]);
-	useEffect(() => {
-		if (propsIsEdit) {
-			setIsEdit(true);
-			setTimeout(() => {
-				if (inputRef.current) {
-					inputRef.current.focus();
-					inputRef.current.select();
-				}
-			}, 100);
-		} else setIsEdit(false);
-	}, [propsIsEdit]);
-	if (isEdit && !readonly) return /* @__PURE__ */ jsxs("div", {
-		className: "ald-rename-input tw-flex tw-h-[22px] tw-min-w-[10px] tw-max-w-full tw-items-center tw-border tw-border-[var(--action-ghost-normal)]",
-		children: [/* @__PURE__ */ jsx("input", {
-			className: cn(className, "ald-rename-input-wrapper tw-box-border tw-h-[22px] tw-max-w-full tw-border-0 tw-p-[2px] tw-text-[13px]", "hover:tw-border hover:tw-border-solid hover:tw-border-[var(--border-neutral-strong)]", "focus:tw-border focus:tw-border-solid focus:tw-border-[var(--border-brand-strong)] focus:tw-shadow-[0_0_0_1px_var(--border-brand-strong)]"),
-			style: {
+	let t5;
+	if ($[3] !== onConfirm || $[4] !== value) {
+		t5 = () => {
+			onConfirm?.(value);
+			inputRef.current?.blur();
+		};
+		$[3] = onConfirm;
+		$[4] = value;
+		$[5] = t5;
+	} else t5 = $[5];
+	const handleBlur = t5;
+	let t6;
+	if ($[6] !== width) {
+		t6 = () => {
+			if (!width && divRef.current && inputRef.current) {
+				const tempWidth = divRef.current?.offsetWidth || defaultWidth;
+				inputRef.current.style.width = tempWidth + PADDING_WIDTH + "px";
+			}
+		};
+		$[6] = width;
+		$[7] = t6;
+	} else t6 = $[7];
+	let t7;
+	if ($[8] !== isEdit || $[9] !== value || $[10] !== width) {
+		t7 = [
+			width,
+			value,
+			isEdit
+		];
+		$[8] = isEdit;
+		$[9] = value;
+		$[10] = width;
+		$[11] = t7;
+	} else t7 = $[11];
+	useEffect(t6, t7);
+	let t8;
+	let t9;
+	if ($[12] !== isEdit || $[13] !== propsValue) {
+		t8 = () => {
+			if (isEdit) setValue(propsValue);
+		};
+		t9 = [isEdit, propsValue];
+		$[12] = isEdit;
+		$[13] = propsValue;
+		$[14] = t8;
+		$[15] = t9;
+	} else {
+		t8 = $[14];
+		t9 = $[15];
+	}
+	useEffect(t8, t9);
+	let t10;
+	let t11;
+	if ($[16] !== propsIsEdit) {
+		t10 = () => {
+			if (propsIsEdit) {
+				setIsEdit(true);
+				setTimeout(() => {
+					if (inputRef.current) {
+						inputRef.current.focus();
+						inputRef.current.select();
+					}
+				}, 100);
+			} else setIsEdit(false);
+		};
+		t11 = [propsIsEdit];
+		$[16] = propsIsEdit;
+		$[17] = t10;
+		$[18] = t11;
+	} else {
+		t10 = $[17];
+		t11 = $[18];
+	}
+	useEffect(t10, t11);
+	if (isEdit && !readonly) {
+		let t12;
+		if ($[19] !== className) {
+			t12 = cn(className, "ald-rename-input-wrapper tw-box-border tw-h-[22px] tw-max-w-full tw-border-0 tw-p-[2px] tw-text-[13px]", "hover:tw-border hover:tw-border-solid hover:tw-border-[var(--border-neutral-strong)]", "focus:tw-border focus:tw-border-solid focus:tw-border-[var(--border-brand-strong)] focus:tw-shadow-[0_0_0_1px_var(--border-brand-strong)]");
+			$[19] = className;
+			$[20] = t12;
+		} else t12 = $[20];
+		let t13;
+		if ($[21] !== fontStyle || $[22] !== width) {
+			t13 = {
 				...fontStyle,
 				width
-			},
-			value,
-			"aria-label": `Rename ${propsValue}`,
-			ref: inputRef,
-			onChange: (e) => setValue(e.target.value),
-			onBlur: (e) => {
-				if (!validateValue || validateValue(e.target.value.trim())) handleBlur();
+			};
+			$[21] = fontStyle;
+			$[22] = width;
+			$[23] = t13;
+		} else t13 = $[23];
+		const t14 = `Rename ${propsValue}`;
+		let t15;
+		if ($[24] === Symbol.for("react.memo_cache_sentinel")) {
+			t15 = (e) => setValue(e.target.value);
+			$[24] = t15;
+		} else t15 = $[24];
+		let t16;
+		if ($[25] !== handleBlur || $[26] !== onError || $[27] !== propsValue || $[28] !== validateValue || $[29] !== value) {
+			t16 = (e_0) => {
+				if (!validateValue || validateValue(e_0.target.value.trim())) handleBlur();
 				else {
 					onError?.(value);
 					setValue(propsValue);
 				}
 				setIsEdit(false);
-			},
-			onFocus: () => {
+			};
+			$[25] = handleBlur;
+			$[26] = onError;
+			$[27] = propsValue;
+			$[28] = validateValue;
+			$[29] = value;
+			$[30] = t16;
+		} else t16 = $[30];
+		let t17;
+		if ($[31] === Symbol.for("react.memo_cache_sentinel")) {
+			t17 = () => {
 				inputRef.current?.select();
-			},
-			maxLength,
-			onKeyUp: (e) => {
-				if (e.key === "Enter") if (!validateValue || validateValue(inputRef.current?.value.trim() || "")) inputRef.current?.blur();
+			};
+			$[31] = t17;
+		} else t17 = $[31];
+		let t18;
+		if ($[32] !== onError || $[33] !== propsValue || $[34] !== validateValue) {
+			t18 = (e_1) => {
+				if (e_1.key === "Enter") if (!validateValue || validateValue(inputRef.current?.value.trim() || "")) inputRef.current?.blur();
 				else {
 					onError?.(inputRef.current?.value.trim() || "");
 					setValue(propsValue);
 				}
-			}
-		}), /* @__PURE__ */ jsx("div", {
-			ref: divRef,
-			className: "ald-rename-input-div tw-pointer-events-none tw-invisible tw-fixed tw-bottom-0 tw--ml-px tw-min-w-px tw-max-w-full tw-overflow-hidden tw-whitespace-pre tw-border tw-border-[var(--action-ghost-normal)] tw-p-0 tw-text-[13px] tw-font-normal",
-			style: fontStyle,
-			children: value
-		})]
-	});
-	return /* @__PURE__ */ jsx("div", {
-		className: cn(className, "ald-rename-input-text tw-flex tw-h-[22px] tw-items-center tw-border tw-border-[var(--action-ghost-normal)] tw-p-[2px] tw-text-[13px]"),
-		style: fontStyle,
-		role: !readonly ? "button" : void 0,
-		tabIndex: !readonly ? 0 : void 0,
-		"aria-label": !readonly ? `Edit ${propsValue}` : void 0,
-		onMouseMove: () => {
+			};
+			$[32] = onError;
+			$[33] = propsValue;
+			$[34] = validateValue;
+			$[35] = t18;
+		} else t18 = $[35];
+		let t19;
+		if ($[36] !== maxLength || $[37] !== t12 || $[38] !== t13 || $[39] !== t14 || $[40] !== t16 || $[41] !== t18 || $[42] !== value) {
+			t19 = /* @__PURE__ */ jsx("input", {
+				className: t12,
+				style: t13,
+				value,
+				"aria-label": t14,
+				ref: inputRef,
+				onChange: t15,
+				onBlur: t16,
+				onFocus: t17,
+				maxLength,
+				onKeyUp: t18
+			});
+			$[36] = maxLength;
+			$[37] = t12;
+			$[38] = t13;
+			$[39] = t14;
+			$[40] = t16;
+			$[41] = t18;
+			$[42] = value;
+			$[43] = t19;
+		} else t19 = $[43];
+		let t20;
+		if ($[44] !== fontStyle || $[45] !== value) {
+			t20 = /* @__PURE__ */ jsx("div", {
+				ref: divRef,
+				className: "ald-rename-input-div tw-pointer-events-none tw-invisible tw-fixed tw-bottom-0 tw--ml-px tw-min-w-px tw-max-w-full tw-overflow-hidden tw-whitespace-pre tw-border tw-border-[var(--action-ghost-normal)] tw-p-0 tw-text-[13px] tw-font-normal",
+				style: fontStyle,
+				children: value
+			});
+			$[44] = fontStyle;
+			$[45] = value;
+			$[46] = t20;
+		} else t20 = $[46];
+		let t21;
+		if ($[47] !== t19 || $[48] !== t20) {
+			t21 = /* @__PURE__ */ jsxs("div", {
+				className: "ald-rename-input tw-flex tw-h-[22px] tw-min-w-[10px] tw-max-w-full tw-items-center tw-border tw-border-[var(--action-ghost-normal)]",
+				children: [t19, t20]
+			});
+			$[47] = t19;
+			$[48] = t20;
+			$[49] = t21;
+		} else t21 = $[49];
+		return t21;
+	}
+	let t12;
+	if ($[50] !== className) {
+		t12 = cn(className, "ald-rename-input-text tw-flex tw-h-[22px] tw-items-center tw-border tw-border-[var(--action-ghost-normal)] tw-p-[2px] tw-text-[13px]");
+		$[50] = className;
+		$[51] = t12;
+	} else t12 = $[51];
+	const t13 = !readonly ? "button" : void 0;
+	const t14 = !readonly ? 0 : void 0;
+	const t15 = !readonly ? `Edit ${propsValue}` : void 0;
+	let t16;
+	if ($[52] !== propsValue) {
+		t16 = () => {
 			setIsEdit(true);
 			setValue(propsValue);
-		},
-		onClick: () => {
+		};
+		$[52] = propsValue;
+		$[53] = t16;
+	} else t16 = $[53];
+	let t17;
+	if ($[54] === Symbol.for("react.memo_cache_sentinel")) {
+		t17 = () => {
 			inputRef.current?.select();
-		},
-		onKeyDown: (e) => {
-			if (!readonly && (e.key === "Enter" || e.key === " ")) {
-				e.preventDefault();
+		};
+		$[54] = t17;
+	} else t17 = $[54];
+	let t18;
+	if ($[55] !== propsValue || $[56] !== readonly) {
+		t18 = (e_2) => {
+			if (!readonly && (e_2.key === "Enter" || e_2.key === " ")) {
+				e_2.preventDefault();
 				setIsEdit(true);
 				setValue(propsValue);
 			}
-		},
-		children: propsValue
-	});
+		};
+		$[55] = propsValue;
+		$[56] = readonly;
+		$[57] = t18;
+	} else t18 = $[57];
+	let t19;
+	if ($[58] !== fontStyle || $[59] !== propsValue || $[60] !== t12 || $[61] !== t13 || $[62] !== t14 || $[63] !== t15 || $[64] !== t16 || $[65] !== t18) {
+		t19 = /* @__PURE__ */ jsx("div", {
+			className: t12,
+			style: fontStyle,
+			role: t13,
+			tabIndex: t14,
+			"aria-label": t15,
+			onMouseMove: t16,
+			onClick: t17,
+			onKeyDown: t18,
+			children: propsValue
+		});
+		$[58] = fontStyle;
+		$[59] = propsValue;
+		$[60] = t12;
+		$[61] = t13;
+		$[62] = t14;
+		$[63] = t15;
+		$[64] = t16;
+		$[65] = t18;
+		$[66] = t19;
+	} else t19 = $[66];
+	return t19;
 };
 //#endregion
 export { RenameInput as default };

package/dist/RenameInput/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/RenameInput/index.tsx"],"sourcesContent":["import React, {\n  CSSProperties,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { cn } from '../lib/utils';\n\ninterface IProps {\n  value: string;\n  onConfirm?: (value: string) => void;\n  onError?: (value: string) => void;\n  className?: string;\n  width?: number;\n  fontStyle?: CSSProperties;\n  /**\n   * @deprecated 如果要控制编辑态请使用 isEdit\n   */\n  focus?: boolean;\n  isEdit?: boolean;\n  maxLength?: number;\n  distance?: [left: number, right: number];\n  validateValue?: (value: string) => boolean;\n  readonly?: boolean;\n}\n\nconst defaultWidth = 20;\n\nconst PADDING_WIDTH = 4;\n\nconst RenameInput = ({\n  value: propsValue,\n  onConfirm,\n  className,\n  width,\n  fontStyle,\n  maxLength,\n  validateValue,\n  onError,\n  readonly = false,\n  isEdit: propsIsEdit = false,\n}: IProps) => {\n  const [isEdit, setIsEdit] = useState<boolean>(propsIsEdit);\n  const [value, setValue] = useState(propsValue);\n\n  useEffect(() => {\n    setValue(propsValue);\n  }, [propsValue]);\n\n  const divRef = useRef<HTMLDivElement>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const handleBlur = useCallback(() => {\n    onConfirm?.(value);\n    inputRef.current?.blur();\n  }, [onConfirm, value]);\n\n  useEffect(() => {\n    if (!width && divRef.current && inputRef.current) {\n      const tempWidth = divRef.current?.offsetWidth || defaultWidth;\n      inputRef.current.style.width = tempWidth + PADDING_WIDTH + 'px';\n    }\n  }, [width, value, isEdit]);\n\n  useEffect(() => {\n    if (isEdit) {\n      setValue(propsValue);\n    }\n  }, [isEdit, propsValue]);\n\n  useEffect(() => {\n    if (propsIsEdit) {\n      setIsEdit(true);\n      setTimeout(() => {\n        if (inputRef.current) {\n          inputRef.current.focus();\n          inputRef.current.select();\n        }\n      }, 100);\n    } else {\n      setIsEdit(false);\n    }\n  }, [propsIsEdit]);\n\n  if (isEdit && !readonly) {\n    return (\n      <div className=\"ald-rename-input tw-flex tw-h-[22px] tw-min-w-[10px] tw-max-w-full tw-items-center tw-border tw-border-[var(--action-ghost-normal)]\">\n        <input\n          className={cn(\n            className,\n            'ald-rename-input-wrapper tw-box-border tw-h-[22px] tw-max-w-full tw-border-0 tw-p-[2px] tw-text-[13px]',\n            'hover:tw-border hover:tw-border-solid hover:tw-border-[var(--border-neutral-strong)]',\n            'focus:tw-border focus:tw-border-solid focus:tw-border-[var(--border-brand-strong)] focus:tw-shadow-[0_0_0_1px_var(--border-brand-strong)]',\n          )}\n          style={{\n            ...fontStyle,\n            width,\n          }}\n          value={value}\n          aria-label={`Rename ${propsValue}`}\n          ref={inputRef}\n          onChange={(e) => setValue(e.target.value)}\n          onBlur={(e) => {\n            if (!validateValue || validateValue(e.target.value.trim())) {\n              handleBlur();\n            } else {\n              onError?.(value);\n              setValue(propsValue);\n            }\n            setIsEdit(false);\n          }}\n          onFocus={() => {\n            inputRef.current?.select();\n          }}\n          maxLength={maxLength}\n          onKeyUp={(e) => {\n            if (e.key === 'Enter') {\n              if (\n                !validateValue ||\n                validateValue(inputRef.current?.value.trim() || '')\n              ) {\n                inputRef.current?.blur();\n              } else {\n                onError?.(inputRef.current?.value.trim() || '');\n                setValue(propsValue);\n              }\n            }\n          }}\n        />\n        <div\n          ref={divRef}\n          className=\"ald-rename-input-div tw-pointer-events-none tw-invisible tw-fixed tw-bottom-0 tw--ml-px tw-min-w-px tw-max-w-full tw-overflow-hidden tw-whitespace-pre tw-border tw-border-[var(--action-ghost-normal)] tw-p-0 tw-text-[13px] tw-font-normal\"\n          style={fontStyle}\n        >\n          {value}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={cn(\n        className,\n        'ald-rename-input-text tw-flex tw-h-[22px] tw-items-center tw-border tw-border-[var(--action-ghost-normal)] tw-p-[2px] tw-text-[13px]',\n      )}\n      style={fontStyle}\n      role={!readonly ? 'button' : undefined}\n      tabIndex={!readonly ? 0 : undefined}\n      aria-label={!readonly ? `Edit ${propsValue}` : undefined}\n      onMouseMove={() => {\n        setIsEdit(true);\n        setValue(propsValue);\n      }}\n      onClick={() => {\n        inputRef.current?.select();\n      }}\n      onKeyDown={(e) => {\n        if (!readonly && (e.key === 'Enter' || e.key === ' ')) {\n          e.preventDefault();\n          setIsEdit(true);\n          setValue(propsValue);\n        }\n      }}\n    >\n      {propsValue}\n    </div>\n  );\n};\n\nexport default RenameInput;\n"],"mappings":";;;;AA2BA,IAAM,eAAe;AAErB,IAAM,gBAAgB;AAEtB,IAAM,eAAe,EACnB,OAAO,YACP,WACA,WACA,OACA,WACA,WACA,eACA,SACA,WAAW,OACX,QAAQ,cAAc,YACV;CACZ,MAAM,CAAC,QAAQ,aAAa,SAAkB,YAAY;CAC1D,MAAM,CAAC,OAAO,YAAY,SAAS,WAAW;AAE9C,iBAAgB;AACd,WAAS,WAAW;IACnB,CAAC,WAAW,CAAC;CAEhB,MAAM,SAAS,OAAuB,KAAK;CAC3C,MAAM,WAAW,OAAyB,KAAK;CAE/C,MAAM,aAAa,kBAAkB;AACnC,cAAY,MAAM;AAClB,WAAS,SAAS,MAAM;IACvB,CAAC,WAAW,MAAM,CAAC;AAEtB,iBAAgB;AACd,MAAI,CAAC,SAAS,OAAO,WAAW,SAAS,SAAS;GAChD,MAAM,YAAY,OAAO,SAAS,eAAe;AACjD,YAAS,QAAQ,MAAM,QAAQ,YAAY,gBAAgB;;IAE5D;EAAC;EAAO;EAAO;EAAO,CAAC;AAE1B,iBAAgB;AACd,MAAI,OACF,UAAS,WAAW;IAErB,CAAC,QAAQ,WAAW,CAAC;AAExB,iBAAgB;AACd,MAAI,aAAa;AACf,aAAU,KAAK;AACf,oBAAiB;AACf,QAAI,SAAS,SAAS;AACpB,cAAS,QAAQ,OAAO;AACxB,cAAS,QAAQ,QAAQ;;MAE1B,IAAI;QAEP,WAAU,MAAM;IAEjB,CAAC,YAAY,CAAC;AAEjB,KAAI,UAAU,CAAC,SACb,QACE,qBAAC,OAAD;EAAK,WAAU;YAAf,CACE,oBAAC,SAAD;GACE,WAAW,GACT,WACA,0GACA,wFACA,4IACD;GACD,OAAO;IACL,GAAG;IACH;IACD;GACM;GACP,cAAY,UAAU;GACtB,KAAK;GACL,WAAW,MAAM,SAAS,EAAE,OAAO,MAAM;GACzC,SAAS,MAAM;AACb,QAAI,CAAC,iBAAiB,cAAc,EAAE,OAAO,MAAM,MAAM,CAAC,CACxD,aAAY;SACP;AACL,eAAU,MAAM;AAChB,cAAS,WAAW;;AAEtB,cAAU,MAAM;;GAElB,eAAe;AACb,aAAS,SAAS,QAAQ;;GAEjB;GACX,UAAU,MAAM;AACd,QAAI,EAAE,QAAQ,QACZ,KACE,CAAC,iBACD,cAAc,SAAS,SAAS,MAAM,MAAM,IAAI,GAAG,CAEnD,UAAS,SAAS,MAAM;SACnB;AACL,eAAU,SAAS,SAAS,MAAM,MAAM,IAAI,GAAG;AAC/C,cAAS,WAAW;;;GAI1B,CAAA,EACF,oBAAC,OAAD;GACE,KAAK;GACL,WAAU;GACV,OAAO;aAEN;GACG,CAAA,CACF;;AAIV,QACE,oBAAC,OAAD;EACE,WAAW,GACT,WACA,uIACD;EACD,OAAO;EACP,MAAM,CAAC,WAAW,WAAW;EAC7B,UAAU,CAAC,WAAW,IAAI;EAC1B,cAAY,CAAC,WAAW,QAAQ,eAAe;EAC/C,mBAAmB;AACjB,aAAU,KAAK;AACf,YAAS,WAAW;;EAEtB,eAAe;AACb,YAAS,SAAS,QAAQ;;EAE5B,YAAY,MAAM;AAChB,OAAI,CAAC,aAAa,EAAE,QAAQ,WAAW,EAAE,QAAQ,MAAM;AACrD,MAAE,gBAAgB;AAClB,cAAU,KAAK;AACf,aAAS,WAAW;;;YAIvB;EACG,CAAA"}
+{"version":3,"file":"index.js","names":["React","CSSProperties","useCallback","useEffect","useRef","useState","cn","IProps","value","onConfirm","onError","className","width","fontStyle","focus","isEdit","maxLength","distance","left","right","validateValue","readonly","defaultWidth","PADDING_WIDTH","RenameInput","t0","$","_c","propsValue","t1","t2","undefined","propsIsEdit","setIsEdit","setValue","t3","t4","divRef","inputRef","t5","current","blur","handleBlur","t6","tempWidth","offsetWidth","style","t7","t8","t9","t10","t11","setTimeout","select","t12","t13","t14","t15","Symbol","for","e","target","t16","e_0","trim","t17","t18","e_1","key","t19","t20","t21","e_2","preventDefault"],"sources":["../../src/RenameInput/index.tsx"],"sourcesContent":["import React, {\n  CSSProperties,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { cn } from '../lib/utils';\n\ninterface IProps {\n  value: string;\n  onConfirm?: (value: string) => void;\n  onError?: (value: string) => void;\n  className?: string;\n  width?: number;\n  fontStyle?: CSSProperties;\n  /**\n   * @deprecated 如果要控制编辑态请使用 isEdit\n   */\n  focus?: boolean;\n  isEdit?: boolean;\n  maxLength?: number;\n  distance?: [left: number, right: number];\n  validateValue?: (value: string) => boolean;\n  readonly?: boolean;\n}\n\nconst defaultWidth = 20;\n\nconst PADDING_WIDTH = 4;\n\nconst RenameInput = ({\n  value: propsValue,\n  onConfirm,\n  className,\n  width,\n  fontStyle,\n  maxLength,\n  validateValue,\n  onError,\n  readonly = false,\n  isEdit: propsIsEdit = false,\n}: IProps) => {\n  const [isEdit, setIsEdit] = useState<boolean>(propsIsEdit);\n  const [value, setValue] = useState(propsValue);\n\n  useEffect(() => {\n    setValue(propsValue);\n  }, [propsValue]);\n\n  const divRef = useRef<HTMLDivElement>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const handleBlur = useCallback(() => {\n    onConfirm?.(value);\n    inputRef.current?.blur();\n  }, [onConfirm, value]);\n\n  useEffect(() => {\n    if (!width && divRef.current && inputRef.current) {\n      const tempWidth = divRef.current?.offsetWidth || defaultWidth;\n      inputRef.current.style.width = tempWidth + PADDING_WIDTH + 'px';\n    }\n  }, [width, value, isEdit]);\n\n  useEffect(() => {\n    if (isEdit) {\n      setValue(propsValue);\n    }\n  }, [isEdit, propsValue]);\n\n  useEffect(() => {\n    if (propsIsEdit) {\n      setIsEdit(true);\n      setTimeout(() => {\n        if (inputRef.current) {\n          inputRef.current.focus();\n          inputRef.current.select();\n        }\n      }, 100);\n    } else {\n      setIsEdit(false);\n    }\n  }, [propsIsEdit]);\n\n  if (isEdit && !readonly) {\n    return (\n      <div className=\"ald-rename-input tw-flex tw-h-[22px] tw-min-w-[10px] tw-max-w-full tw-items-center tw-border tw-border-[var(--action-ghost-normal)]\">\n        <input\n          className={cn(\n            className,\n            'ald-rename-input-wrapper tw-box-border tw-h-[22px] tw-max-w-full tw-border-0 tw-p-[2px] tw-text-[13px]',\n            'hover:tw-border hover:tw-border-solid hover:tw-border-[var(--border-neutral-strong)]',\n            'focus:tw-border focus:tw-border-solid focus:tw-border-[var(--border-brand-strong)] focus:tw-shadow-[0_0_0_1px_var(--border-brand-strong)]',\n          )}\n          style={{\n            ...fontStyle,\n            width,\n          }}\n          value={value}\n          aria-label={`Rename ${propsValue}`}\n          ref={inputRef}\n          onChange={(e) => setValue(e.target.value)}\n          onBlur={(e) => {\n            if (!validateValue || validateValue(e.target.value.trim())) {\n              handleBlur();\n            } else {\n              onError?.(value);\n              setValue(propsValue);\n            }\n            setIsEdit(false);\n          }}\n          onFocus={() => {\n            inputRef.current?.select();\n          }}\n          maxLength={maxLength}\n          onKeyUp={(e) => {\n            if (e.key === 'Enter') {\n              if (\n                !validateValue ||\n                validateValue(inputRef.current?.value.trim() || '')\n              ) {\n                inputRef.current?.blur();\n              } else {\n                onError?.(inputRef.current?.value.trim() || '');\n                setValue(propsValue);\n              }\n            }\n          }}\n        />\n        <div\n          ref={divRef}\n          className=\"ald-rename-input-div tw-pointer-events-none tw-invisible tw-fixed tw-bottom-0 tw--ml-px tw-min-w-px tw-max-w-full tw-overflow-hidden tw-whitespace-pre tw-border tw-border-[var(--action-ghost-normal)] tw-p-0 tw-text-[13px] tw-font-normal\"\n          style={fontStyle}\n        >\n          {value}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={cn(\n        className,\n        'ald-rename-input-text tw-flex tw-h-[22px] tw-items-center tw-border tw-border-[var(--action-ghost-normal)] tw-p-[2px] tw-text-[13px]',\n      )}\n      style={fontStyle}\n      role={!readonly ? 'button' : undefined}\n      tabIndex={!readonly ? 0 : undefined}\n      aria-label={!readonly ? `Edit ${propsValue}` : undefined}\n      onMouseMove={() => {\n        setIsEdit(true);\n        setValue(propsValue);\n      }}\n      onClick={() => {\n        inputRef.current?.select();\n      }}\n      onKeyDown={(e) => {\n        if (!readonly && (e.key === 'Enter' || e.key === ' ')) {\n          e.preventDefault();\n          setIsEdit(true);\n          setValue(propsValue);\n        }\n      }}\n    >\n      {propsValue}\n    </div>\n  );\n};\n\nexport default RenameInput;\n"],"mappings":"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"}

package/dist/RenameInput.js

@@ -0,0 +1,2 @@
+export * from './RenameInput/index.js';
+export { default } from './RenameInput/index.js';

package/dist/Result/index.d.ts

@@ -1,19 +1,19 @@
 import { default as React } from 'react';
 export declare const IconMap: {
-    success: import("react/jsx-runtime").JSX.Element;
-    error: import("react/jsx-runtime").JSX.Element;
-    info: import("react/jsx-runtime").JSX.Element;
-    warning: import("react/jsx-runtime").JSX.Element;
+    success: React.JSX.Element;
+    error: React.JSX.Element;
+    info: React.JSX.Element;
+    warning: React.JSX.Element;
 };
 export declare const ExceptionMap: {
     noFound: React.FC<{
-        direction?: ResultDirectionType | undefined;
+        direction?: ResultDirectionType;
     }>;
     serverError: React.FC<{
-        direction?: ResultDirectionType | undefined;
+        direction?: ResultDirectionType;
     }>;
     unauthorized: React.FC<{
-        direction?: ResultDirectionType | undefined;
+        direction?: ResultDirectionType;
     }>;
 };
 export type ExceptionStatusType = 'unauthorized' | 'noFound' | 'serverError';