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

package/dist/InputNumber/index.js

@@ -55,29 +55,29 @@ function InputNumber(props) {
 		const parsed = parser ? parser(raw) : Number(raw);
 		if (!isNaN(parsed)) updateValue(parsed);
 	};
-	const handleBlur = (e) => {
+	const handleBlur = (e_0) => {
 		if (inputStr === "" || inputStr === "-") {
 			updateValue(null);
 			setInputStr("");
 		} else {
-			const parsed = parser ? parser(inputStr) : Number(inputStr);
-			if (!isNaN(parsed)) {
-				const clamped = clamp(parsed);
-				updateValue(clamped);
-				setInputStr(String(clamped));
+			const parsed_0 = parser ? parser(inputStr) : Number(inputStr);
+			if (!isNaN(parsed_0)) {
+				const clamped_0 = clamp(parsed_0);
+				updateValue(clamped_0);
+				setInputStr(String(clamped_0));
 			}
 		}
-		onBlur?.(e);
+		onBlur?.(e_0);
 	};
-	const handleKeyDown = (e) => {
-		if (e.key === "Enter") onPressEnter?.(e);
+	const handleKeyDown = (e_1) => {
+		if (e_1.key === "Enter") onPressEnter?.(e_1);
 		if (!keyboard) return;
 		const numStep = typeof step === "string" ? Number(step) : step;
-		if (e.key === "ArrowUp") {
-			e.preventDefault();
+		if (e_1.key === "ArrowUp") {
+			e_1.preventDefault();
 			updateValue(clamp((currentValue ?? 0) + numStep));
-		} else if (e.key === "ArrowDown") {
-			e.preventDefault();
+		} else if (e_1.key === "ArrowDown") {
+			e_1.preventDefault();
 			updateValue(clamp((currentValue ?? 0) - numStep));
 		}
 	};

package/dist/InputNumber/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/InputNumber/index.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport DisabledContext from '../ConfigProvider/DisabledContext';\nimport SizeContext from '../ConfigProvider/sizeContext';\nimport { cn } from '../lib/utils';\nimport { IInputNumberProps } from './type';\n\nfunction pickAriaProps(props: IInputNumberProps): Record<string, unknown> {\n  return Object.keys(props).reduce<Record<string, unknown>>(\n    (ariaProps, key) => {\n      if (key.startsWith('aria-')) {\n        ariaProps[key] = props[key as keyof IInputNumberProps];\n      }\n      return ariaProps;\n    },\n    {},\n  );\n}\n\nexport default function InputNumber(props: IInputNumberProps) {\n  const {\n    className,\n    disabled: customDisabled,\n    size: customSize,\n    status,\n    value: controlledValue,\n    defaultValue,\n    min = -Infinity,\n    max = Infinity,\n    step = 1,\n    precision,\n    onChange,\n    onPressEnter,\n    onBlur,\n    onFocus,\n    formatter,\n    parser,\n    prefix,\n    addonBefore,\n    addonAfter,\n    placeholder,\n    autoFocus,\n    bordered = true,\n    keyboard = true,\n    readonly: readOnly,\n    style,\n    id,\n    'data-testid': dataTestId,\n    'aria-label': ariaLabel,\n  } = props;\n\n  const contentSize = useContext(SizeContext);\n  const size = customSize || contentSize || 'middle';\n  const disabled = useContext(DisabledContext);\n  const mergedDisabled = customDisabled ?? disabled;\n  const nativeInputAriaProps = pickAriaProps(props);\n\n  const isControlled = 'value' in props;\n  const [innerValue, setInnerValue] = useState<number | null | undefined>(\n    defaultValue ?? null,\n  );\n  const currentValue = isControlled ? controlledValue : innerValue;\n\n  const [inputStr, setInputStr] = useState(\n    currentValue !== null && currentValue !== undefined\n      ? String(currentValue)\n      : '',\n  );\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  useEffect(() => {\n    if (currentValue !== null && currentValue !== undefined) {\n      setInputStr(String(currentValue));\n    } else {\n      setInputStr('');\n    }\n  }, [currentValue]);\n\n  const clamp = useCallback(\n    (val: number) => {\n      let v = Math.max(min, Math.min(max, val));\n      if (precision !== undefined) {\n        v = Number(v.toFixed(precision));\n      }\n      return v;\n    },\n    [min, max, precision],\n  );\n\n  const updateValue = useCallback(\n    (newVal: number | null) => {\n      const clamped = newVal !== null ? clamp(newVal) : null;\n      if (!isControlled) setInnerValue(clamped);\n      onChange?.(clamped);\n    },\n    [clamp, isControlled, onChange],\n  );\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const raw = e.target.value;\n    setInputStr(raw);\n    if (raw === '') {\n      // 清空立即同步到 value，对齐 antd 行为。\n      // 否则消费方\"清空后直接点确定\"（未 blur 触发 handleBlur 的 null 兜底）拿到的\n      // 仍是旧值，把已清空的筛选条件错误带进 query（被 release-2.3_test 周期实例\n      // 更多浮窗实测复现）。\n      updateValue(null);\n      return;\n    }\n    if (raw === '-') return;\n    const parsed = parser ? parser(raw) : Number(raw);\n    if (!isNaN(parsed)) {\n      updateValue(parsed);\n    }\n  };\n\n  const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n    if (inputStr === '' || inputStr === '-') {\n      updateValue(null);\n      setInputStr('');\n    } else {\n      const parsed = parser ? parser(inputStr) : Number(inputStr);\n      if (!isNaN(parsed)) {\n        const clamped = clamp(parsed);\n        updateValue(clamped);\n        setInputStr(String(clamped));\n      }\n    }\n    onBlur?.(e);\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'Enter') {\n      onPressEnter?.(e);\n    }\n    if (!keyboard) return;\n    const numStep = typeof step === 'string' ? Number(step) : step;\n    if (e.key === 'ArrowUp') {\n      e.preventDefault();\n      updateValue(clamp((currentValue ?? 0) + numStep));\n    } else if (e.key === 'ArrowDown') {\n      e.preventDefault();\n      updateValue(clamp((currentValue ?? 0) - numStep));\n    }\n  };\n\n  const displayValue = formatter\n    ? formatter(currentValue ?? undefined, {\n        userTyping: document.activeElement === inputRef.current,\n        input: inputStr,\n      })\n    : inputStr;\n\n  const hasAddon = addonBefore || addonAfter;\n\n  const sizeClasses = cn(\n    size === 'large' && 'ald-input-number-large tw-h-9 tw-text-base',\n    size === 'small' && 'ald-input-number-small tw-h-7 tw-text-xs',\n    size !== 'large' &&\n      size !== 'small' &&\n      'ald-input-number-middle tw-h-8 tw-text-sm',\n  );\n\n  const radiusClasses = cn(\n    size === 'large' && 'tw-rounded-[8px]',\n    size === 'small' && 'tw-rounded-[4px]',\n    size !== 'large' && size !== 'small' && 'tw-rounded-[6px]',\n  );\n\n  const inputBox = (\n    <div\n      data-testid={!hasAddon ? dataTestId : undefined}\n      className={cn(\n        // 默认宽度 90px 与 antd InputNumber 对齐：input 上 size={1} 会让 intrinsic\n        // 宽度坍缩到 1 字符，若 wrapper 也不给宽度，整个组件在 flex / inline 上下\n        // 文里就只剩 ~9px。消费方可通过 className（`w-[xxx]`）或 style 覆盖。\n        'ald-input-number tw-inline-flex tw-w-[90px] tw-min-w-0 tw-items-center tw-overflow-hidden tw-transition-[border-color,box-shadow] tw-duration-150 tw-ease-out',\n        bordered &&\n          'tw-border tw-border-solid tw-border-[var(--border-neutral-subtle)]',\n        mergedDisabled\n          ? 'ald-input-number-disabled tw-cursor-not-allowed tw-bg-[var(--background-neutral-subtle)] tw-text-[var(--content-secondary)]'\n          : 'tw-bg-[var(--background-default)] tw-text-[var(--content-primary)] hover:tw-border-[var(--border-brand-strong)]',\n        !hasAddon && sizeClasses,\n        hasAddon\n          ? 'tw-h-auto tw-flex-1 tw-self-stretch tw-rounded-none'\n          : radiusClasses,\n        status === 'error' && 'tw-border-[var(--border-negative-strong)]',\n        status === 'warning' && 'tw-border-[var(--border-warning-subtle)]',\n        // Focus State Layer belongs to the field envelope, while the input\n        // remains the native focus owner. It intentionally does not share\n        // status, hover, or disabled styling and does not affect Geometry.\n        !mergedDisabled && [\n          !status &&\n            'has-[input:focus]:!tw-border-[var(--border-brand-strong)]',\n          'has-[input:focus-visible]:tw-shadow-[inset_0_0_0_1px_var(--focus-ring)]',\n          'forced-colors:has-[input:focus-visible]:tw-outline',\n          'forced-colors:has-[input:focus-visible]:tw-outline-2',\n          'forced-colors:has-[input:focus-visible]:tw-outline-offset-2',\n          'forced-colors:has-[input:focus-visible]:tw-outline-[Highlight]',\n        ],\n        !hasAddon && className,\n      )}\n      style={!hasAddon ? style : undefined}\n    >\n      {prefix && (\n        <span className=\"tw-px-2 tw-text-[var(--content-secondary)]\">\n          {prefix}\n        </span>\n      )}\n      <input\n        {...nativeInputAriaProps}\n        ref={inputRef}\n        id={id}\n        type=\"text\"\n        inputMode=\"numeric\"\n        // size=1 让 <input> 的 intrinsic 宽度坍缩到 1 个字符，\n        // 在 flex 父容器中按 width / flex-1 受控，避免默认 size=20 把 inline-flex 外层撑出 ~150px 内容宽度。\n        size={1}\n        className={cn(\n          // Typography Foundation: editable numeric content and its placeholder\n          // consume the same approved Body Dense contract as Input. Prefix and\n          // add-on surfaces remain outside this Typography ownership.\n          'tw-min-w-0 tw-flex-1 tw-border-0 tw-bg-[var(--action-ghost-normal)] tw-px-[7px] tw-text-inherit tw-outline-none tw-text-typography-body-dense',\n          mergedDisabled &&\n            'tw-cursor-not-allowed tw-text-[var(--content-secondary)]',\n        )}\n        value={displayValue}\n        onChange={handleChange}\n        onBlur={handleBlur}\n        onFocus={onFocus}\n        onKeyDown={handleKeyDown}\n        disabled={mergedDisabled}\n        readOnly={readOnly}\n        autoFocus={autoFocus}\n        placeholder={placeholder}\n        aria-label={ariaLabel}\n      />\n    </div>\n  );\n\n  if (!hasAddon) return inputBox;\n\n  return (\n    <div\n      data-testid={dataTestId}\n      className={cn(\n        // 自然宽 = 内部 inputBox 默认 90px + addonBefore/After 内容宽。inline-flex\n        // 让外层按内容宽呈现，不再 `tw-w-full` 强吞 flex 父级剩余空间——后者会把\n        // 同 flex 行的 Slider 挤成 0 宽（看板\"图形宽度\"行只剩 thumb 圆点的根因）。\n        // `tw-min-w-0` 让本身作为 flex item 时受消费方 `flex-basis` / `width`\n        // 真正约束——默认 `min-width: auto = min-content` 会被内部 input(90px) +\n        // addon 撑到 ~126px，覆盖消费方的 flex-basis。内部 inputBox 已 `tw-min-w-0\n        // tw-overflow-hidden`，被约束后内容会按 input flex-1 收缩，不会溢出。\n        // 消费方需要撑满显式加 `tw-w-full` className，需要更窄/更宽直接覆盖宽度。\n        'ald-input-number-group tw-inline-flex tw-min-w-0 tw-items-stretch',\n        sizeClasses,\n        radiusClasses,\n        mergedDisabled && 'ald-input-number-disabled',\n        className,\n      )}\n      style={style}\n    >\n      {addonBefore && (\n        <span\n          className={cn(\n            'ald-input-number-addon tw-flex tw-shrink-0 tw-items-center tw-border tw-border-r-0 tw-border-solid tw-border-[var(--border-neutral-subtle)] tw-bg-[var(--background-neutral-subtle)] tw-px-3 tw-text-[var(--content-secondary)]',\n            size === 'large' && 'tw-rounded-l-[8px]',\n            size === 'small' && 'tw-rounded-l-[4px]',\n            size !== 'large' && size !== 'small' && 'tw-rounded-l-[6px]',\n          )}\n        >\n          {addonBefore}\n        </span>\n      )}\n      {inputBox}\n      {addonAfter && (\n        <span\n          className={cn(\n            'ald-input-number-addon tw-flex tw-shrink-0 tw-items-center tw-border tw-border-l-0 tw-border-solid tw-border-[var(--border-neutral-subtle)] tw-bg-[var(--background-neutral-subtle)] tw-px-3 tw-text-[var(--content-secondary)]',\n            size === 'large' && 'tw-rounded-r-[8px]',\n            size === 'small' && 'tw-rounded-r-[4px]',\n            size !== 'large' && size !== 'small' && 'tw-rounded-r-[6px]',\n          )}\n        >\n          {addonAfter}\n        </span>\n      )}\n    </div>\n  );\n}\n\nexport type { IInputNumberProps };\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useCallback","useContext","useEffect","useRef","useState","DisabledContext","SizeContext","cn","IInputNumberProps","pickAriaProps","props","Record","Object","keys","reduce","ariaProps","key","startsWith","InputNumber","className","disabled","customDisabled","size","customSize","status","value","controlledValue","defaultValue","min","Infinity","max","step","precision","onChange","onPressEnter","onBlur","onFocus","formatter","parser","prefix","addonBefore","addonAfter","placeholder","autoFocus","bordered","keyboard","readonly","readOnly","style","id","dataTestId","ariaLabel","contentSize","mergedDisabled","nativeInputAriaProps","isControlled","innerValue","setInnerValue","currentValue","inputStr","setInputStr","undefined","String","inputRef","HTMLInputElement","clamp","val","v","Math","Number","toFixed","updateValue","newVal","clamped","handleChange","e","ChangeEvent","raw","target","parsed","isNaN","handleBlur","FocusEvent","handleKeyDown","KeyboardEvent","numStep","preventDefault","displayValue","userTyping","document","activeElement","current","input","hasAddon","sizeClasses","radiusClasses","inputBox"],"sources":["../../src/InputNumber/index.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport DisabledContext from '../ConfigProvider/DisabledContext';\nimport SizeContext from '../ConfigProvider/sizeContext';\nimport { cn } from '../lib/utils';\nimport { IInputNumberProps } from './type';\n\nfunction pickAriaProps(props: IInputNumberProps): Record<string, unknown> {\n  return Object.keys(props).reduce<Record<string, unknown>>(\n    (ariaProps, key) => {\n      if (key.startsWith('aria-')) {\n        ariaProps[key] = props[key as keyof IInputNumberProps];\n      }\n      return ariaProps;\n    },\n    {},\n  );\n}\n\nexport default function InputNumber(props: IInputNumberProps) {\n  const {\n    className,\n    disabled: customDisabled,\n    size: customSize,\n    status,\n    value: controlledValue,\n    defaultValue,\n    min = -Infinity,\n    max = Infinity,\n    step = 1,\n    precision,\n    onChange,\n    onPressEnter,\n    onBlur,\n    onFocus,\n    formatter,\n    parser,\n    prefix,\n    addonBefore,\n    addonAfter,\n    placeholder,\n    autoFocus,\n    bordered = true,\n    keyboard = true,\n    readonly: readOnly,\n    style,\n    id,\n    'data-testid': dataTestId,\n    'aria-label': ariaLabel,\n  } = props;\n\n  const contentSize = useContext(SizeContext);\n  const size = customSize || contentSize || 'middle';\n  const disabled = useContext(DisabledContext);\n  const mergedDisabled = customDisabled ?? disabled;\n  const nativeInputAriaProps = pickAriaProps(props);\n\n  const isControlled = 'value' in props;\n  const [innerValue, setInnerValue] = useState<number | null | undefined>(\n    defaultValue ?? null,\n  );\n  const currentValue = isControlled ? controlledValue : innerValue;\n\n  const [inputStr, setInputStr] = useState(\n    currentValue !== null && currentValue !== undefined\n      ? String(currentValue)\n      : '',\n  );\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  useEffect(() => {\n    if (currentValue !== null && currentValue !== undefined) {\n      setInputStr(String(currentValue));\n    } else {\n      setInputStr('');\n    }\n  }, [currentValue]);\n\n  const clamp = useCallback(\n    (val: number) => {\n      let v = Math.max(min, Math.min(max, val));\n      if (precision !== undefined) {\n        v = Number(v.toFixed(precision));\n      }\n      return v;\n    },\n    [min, max, precision],\n  );\n\n  const updateValue = useCallback(\n    (newVal: number | null) => {\n      const clamped = newVal !== null ? clamp(newVal) : null;\n      if (!isControlled) setInnerValue(clamped);\n      onChange?.(clamped);\n    },\n    [clamp, isControlled, onChange],\n  );\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const raw = e.target.value;\n    setInputStr(raw);\n    if (raw === '') {\n      // 清空立即同步到 value，对齐 antd 行为。\n      // 否则消费方\"清空后直接点确定\"（未 blur 触发 handleBlur 的 null 兜底）拿到的\n      // 仍是旧值，把已清空的筛选条件错误带进 query（被 release-2.3_test 周期实例\n      // 更多浮窗实测复现）。\n      updateValue(null);\n      return;\n    }\n    if (raw === '-') return;\n    const parsed = parser ? parser(raw) : Number(raw);\n    if (!isNaN(parsed)) {\n      updateValue(parsed);\n    }\n  };\n\n  const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n    if (inputStr === '' || inputStr === '-') {\n      updateValue(null);\n      setInputStr('');\n    } else {\n      const parsed = parser ? parser(inputStr) : Number(inputStr);\n      if (!isNaN(parsed)) {\n        const clamped = clamp(parsed);\n        updateValue(clamped);\n        setInputStr(String(clamped));\n      }\n    }\n    onBlur?.(e);\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'Enter') {\n      onPressEnter?.(e);\n    }\n    if (!keyboard) return;\n    const numStep = typeof step === 'string' ? Number(step) : step;\n    if (e.key === 'ArrowUp') {\n      e.preventDefault();\n      updateValue(clamp((currentValue ?? 0) + numStep));\n    } else if (e.key === 'ArrowDown') {\n      e.preventDefault();\n      updateValue(clamp((currentValue ?? 0) - numStep));\n    }\n  };\n\n  const displayValue = formatter\n    ? formatter(currentValue ?? undefined, {\n        userTyping: document.activeElement === inputRef.current,\n        input: inputStr,\n      })\n    : inputStr;\n\n  const hasAddon = addonBefore || addonAfter;\n\n  const sizeClasses = cn(\n    size === 'large' && 'ald-input-number-large tw-h-9 tw-text-base',\n    size === 'small' && 'ald-input-number-small tw-h-7 tw-text-xs',\n    size !== 'large' &&\n      size !== 'small' &&\n      'ald-input-number-middle tw-h-8 tw-text-sm',\n  );\n\n  const radiusClasses = cn(\n    size === 'large' && 'tw-rounded-[8px]',\n    size === 'small' && 'tw-rounded-[4px]',\n    size !== 'large' && size !== 'small' && 'tw-rounded-[6px]',\n  );\n\n  const inputBox = (\n    <div\n      data-testid={!hasAddon ? dataTestId : undefined}\n      className={cn(\n        // 默认宽度 90px 与 antd InputNumber 对齐：input 上 size={1} 会让 intrinsic\n        // 宽度坍缩到 1 字符，若 wrapper 也不给宽度，整个组件在 flex / inline 上下\n        // 文里就只剩 ~9px。消费方可通过 className（`w-[xxx]`）或 style 覆盖。\n        'ald-input-number tw-inline-flex tw-w-[90px] tw-min-w-0 tw-items-center tw-overflow-hidden tw-transition-[border-color,box-shadow] tw-duration-150 tw-ease-out',\n        bordered &&\n          'tw-border tw-border-solid tw-border-[var(--border-neutral-subtle)]',\n        mergedDisabled\n          ? 'ald-input-number-disabled tw-cursor-not-allowed tw-bg-[var(--background-neutral-subtle)] tw-text-[var(--content-secondary)]'\n          : 'tw-bg-[var(--background-default)] tw-text-[var(--content-primary)] hover:tw-border-[var(--border-brand-strong)]',\n        !hasAddon && sizeClasses,\n        hasAddon\n          ? 'tw-h-auto tw-flex-1 tw-self-stretch tw-rounded-none'\n          : radiusClasses,\n        status === 'error' && 'tw-border-[var(--border-negative-strong)]',\n        status === 'warning' && 'tw-border-[var(--border-warning-subtle)]',\n        // Focus State Layer belongs to the field envelope, while the input\n        // remains the native focus owner. It intentionally does not share\n        // status, hover, or disabled styling and does not affect Geometry.\n        !mergedDisabled && [\n          !status &&\n            'has-[input:focus]:!tw-border-[var(--border-brand-strong)]',\n          'has-[input:focus-visible]:tw-shadow-[inset_0_0_0_1px_var(--focus-ring)]',\n          'forced-colors:has-[input:focus-visible]:tw-outline',\n          'forced-colors:has-[input:focus-visible]:tw-outline-2',\n          'forced-colors:has-[input:focus-visible]:tw-outline-offset-2',\n          'forced-colors:has-[input:focus-visible]:tw-outline-[Highlight]',\n        ],\n        !hasAddon && className,\n      )}\n      style={!hasAddon ? style : undefined}\n    >\n      {prefix && (\n        <span className=\"tw-px-2 tw-text-[var(--content-secondary)]\">\n          {prefix}\n        </span>\n      )}\n      <input\n        {...nativeInputAriaProps}\n        ref={inputRef}\n        id={id}\n        type=\"text\"\n        inputMode=\"numeric\"\n        // size=1 让 <input> 的 intrinsic 宽度坍缩到 1 个字符，\n        // 在 flex 父容器中按 width / flex-1 受控，避免默认 size=20 把 inline-flex 外层撑出 ~150px 内容宽度。\n        size={1}\n        className={cn(\n          // Typography Foundation: editable numeric content and its placeholder\n          // consume the same approved Body Dense contract as Input. Prefix and\n          // add-on surfaces remain outside this Typography ownership.\n          'tw-min-w-0 tw-flex-1 tw-border-0 tw-bg-[var(--action-ghost-normal)] tw-px-[7px] tw-text-inherit tw-outline-none tw-text-typography-body-dense',\n          mergedDisabled &&\n            'tw-cursor-not-allowed tw-text-[var(--content-secondary)]',\n        )}\n        value={displayValue}\n        onChange={handleChange}\n        onBlur={handleBlur}\n        onFocus={onFocus}\n        onKeyDown={handleKeyDown}\n        disabled={mergedDisabled}\n        readOnly={readOnly}\n        autoFocus={autoFocus}\n        placeholder={placeholder}\n        aria-label={ariaLabel}\n      />\n    </div>\n  );\n\n  if (!hasAddon) return inputBox;\n\n  return (\n    <div\n      data-testid={dataTestId}\n      className={cn(\n        // 自然宽 = 内部 inputBox 默认 90px + addonBefore/After 内容宽。inline-flex\n        // 让外层按内容宽呈现，不再 `tw-w-full` 强吞 flex 父级剩余空间——后者会把\n        // 同 flex 行的 Slider 挤成 0 宽（看板\"图形宽度\"行只剩 thumb 圆点的根因）。\n        // `tw-min-w-0` 让本身作为 flex item 时受消费方 `flex-basis` / `width`\n        // 真正约束——默认 `min-width: auto = min-content` 会被内部 input(90px) +\n        // addon 撑到 ~126px，覆盖消费方的 flex-basis。内部 inputBox 已 `tw-min-w-0\n        // tw-overflow-hidden`，被约束后内容会按 input flex-1 收缩，不会溢出。\n        // 消费方需要撑满显式加 `tw-w-full` className，需要更窄/更宽直接覆盖宽度。\n        'ald-input-number-group tw-inline-flex tw-min-w-0 tw-items-stretch',\n        sizeClasses,\n        radiusClasses,\n        mergedDisabled && 'ald-input-number-disabled',\n        className,\n      )}\n      style={style}\n    >\n      {addonBefore && (\n        <span\n          className={cn(\n            'ald-input-number-addon tw-flex tw-shrink-0 tw-items-center tw-border tw-border-r-0 tw-border-solid tw-border-[var(--border-neutral-subtle)] tw-bg-[var(--background-neutral-subtle)] tw-px-3 tw-text-[var(--content-secondary)]',\n            size === 'large' && 'tw-rounded-l-[8px]',\n            size === 'small' && 'tw-rounded-l-[4px]',\n            size !== 'large' && size !== 'small' && 'tw-rounded-l-[6px]',\n          )}\n        >\n          {addonBefore}\n        </span>\n      )}\n      {inputBox}\n      {addonAfter && (\n        <span\n          className={cn(\n            'ald-input-number-addon tw-flex tw-shrink-0 tw-items-center tw-border tw-border-l-0 tw-border-solid tw-border-[var(--border-neutral-subtle)] tw-bg-[var(--background-neutral-subtle)] tw-px-3 tw-text-[var(--content-secondary)]',\n            size === 'large' && 'tw-rounded-r-[8px]',\n            size === 'small' && 'tw-rounded-r-[4px]',\n            size !== 'large' && size !== 'small' && 'tw-rounded-r-[6px]',\n          )}\n        >\n          {addonAfter}\n        </span>\n      )}\n    </div>\n  );\n}\n\nexport type { IInputNumberProps };\n"],"mappings":";;;;;;AAYA,SAASU,cAAcC,OAAmD;AACxE,QAAOE,OAAOC,KAAKH,MAAM,CAACI,QACvBC,WAAWC,QAAQ;AAClB,MAAIA,IAAIC,WAAW,QAAQ,CACzBF,WAAUC,OAAON,MAAMM;AAEzB,SAAOD;IAET,EACF,CAAC;;AAGH,SAAwBG,YAAYR,OAA0B;CAC5D,MAAM,EACJS,WACAC,UAAUC,gBACVC,MAAMC,YACNC,QACAC,OAAOC,iBACPC,cACAC,MAAM,WACNE,MAAMD,UACNE,OAAO,GACPC,WACAC,UACAC,cACAC,QACAC,SACAC,WACAC,QACAC,QACAC,aACAC,YACAC,aACAC,WACAC,WAAW,MACXC,WAAW,MACXC,UAAUC,UACVC,OACAC,IACA,eAAeC,YACf,cAAcC,cACZzC;CAEJ,MAAM0C,cAAcnD,WAAWK,YAAY;CAC3C,MAAMgB,OAAOC,cAAc6B,eAAe;CAC1C,MAAMhC,WAAWnB,WAAWI,gBAAgB;CAC5C,MAAMgD,iBAAiBhC,kBAAkBD;CACzC,MAAMkC,uBAAuB7C,cAAcC,MAAM;CAEjD,MAAM6C,eAAe,WAAW7C;CAChC,MAAM,CAAC8C,YAAYC,iBAAiBrD,SAClCuB,gBAAgB,KACjB;CACD,MAAM+B,eAAeH,eAAe7B,kBAAkB8B;CAEtD,MAAM,CAACG,UAAUC,eAAexD,SAC9BsD,iBAAiB,QAAQA,iBAAiBG,SACtCC,OAAOJ,aAAa,GACpB,GACL;CACD,MAAMK,WAAW5D,OAAyB,KAAK;AAE/CD,iBAAgB;AACd,MAAIwD,iBAAiB,QAAQA,iBAAiBG,OAC5CD,aAAYE,OAAOJ,aAAa,CAAC;MAEjCE,aAAY,GAAG;IAEhB,CAACF,aAAa,CAAC;CAElB,MAAMO,QAAQjE,aACXkE,QAAgB;EACf,IAAIC,IAAIC,KAAKtC,IAAIF,KAAKwC,KAAKxC,IAAIE,KAAKoC,IAAI,CAAC;AACzC,MAAIlC,cAAc6B,OAChBM,KAAIE,OAAOF,EAAEG,QAAQtC,UAAU,CAAC;AAElC,SAAOmC;IAET;EAACvC;EAAKE;EAAKE;EACb,CAAC;CAED,MAAMuC,cAAcvE,aACjBwE,WAA0B;EACzB,MAAMC,UAAUD,WAAW,OAAOP,MAAMO,OAAO,GAAG;AAClD,MAAI,CAACjB,aAAcE,eAAcgB,QAAQ;AACzCxC,aAAWwC,QAAQ;IAErB;EAACR;EAAOV;EAActB;EACxB,CAAC;CAED,MAAMyC,gBAAgBC,MAA2C;EAC/D,MAAME,MAAMF,EAAEG,OAAOrD;AACrBmC,cAAYiB,IAAI;AAChB,MAAIA,QAAQ,IAAI;AAKdN,eAAY,KAAK;AACjB;;AAEF,MAAIM,QAAQ,IAAK;EACjB,MAAME,SAASzC,SAASA,OAAOuC,IAAI,GAAGR,OAAOQ,IAAI;AACjD,MAAI,CAACG,MAAMD,OAAO,CAChBR,aAAYQ,OAAO;;CAIvB,MAAME,cAAcN,QAA0C;AAC5D,MAAIhB,aAAa,MAAMA,aAAa,KAAK;AACvCY,eAAY,KAAK;AACjBX,eAAY,GAAG;SACV;GACL,MAAMmB,WAASzC,SAASA,OAAOqB,SAAS,GAAGU,OAAOV,SAAS;AAC3D,OAAI,CAACqB,MAAMD,SAAO,EAAE;IAClB,MAAMN,YAAUR,MAAMc,SAAO;AAC7BR,gBAAYE,UAAQ;AACpBb,gBAAYE,OAAOW,UAAQ,CAAC;;;AAGhCtC,WAASwC,IAAE;;CAGb,MAAMQ,iBAAiBR,QAA6C;AAClE,MAAIA,IAAE3D,QAAQ,QACZkB,gBAAeyC,IAAE;AAEnB,MAAI,CAAC9B,SAAU;EACf,MAAMwC,UAAU,OAAOtD,SAAS,WAAWsC,OAAOtC,KAAK,GAAGA;AAC1D,MAAI4C,IAAE3D,QAAQ,WAAW;AACvB2D,OAAEW,gBAAgB;AAClBf,eAAYN,OAAOP,gBAAgB,KAAK2B,QAAQ,CAAC;aACxCV,IAAE3D,QAAQ,aAAa;AAChC2D,OAAEW,gBAAgB;AAClBf,eAAYN,OAAOP,gBAAgB,KAAK2B,QAAQ,CAAC;;;CAIrD,MAAME,eAAelD,YACjBA,UAAUqB,gBAAgBG,QAAW;EACnC2B,YAAYC,SAASC,kBAAkB3B,SAAS4B;EAChDC,OAAOjC;EACR,CAAC,GACFA;CAEJ,MAAMkC,WAAWrD,eAAeC;CAEhC,MAAMqD,cAAcvF,GAClBe,SAAS,WAAW,8CACpBA,SAAS,WAAW,4CACpBA,SAAS,WACPA,SAAS,WACT,4CACH;CAED,MAAMyE,gBAAgBxF,GACpBe,SAAS,WAAW,oBACpBA,SAAS,WAAW,oBACpBA,SAAS,WAAWA,SAAS,WAAW,mBACzC;CAED,MAAM0E,WACJ,qBAAC,OAAD;EACE,eAAa,CAACH,WAAW3C,aAAaW;EACtC,WAAWtD,GAIT,iKACAqC,YACE,sEACFS,iBACI,gIACA,mHACJ,CAACwC,YAAYC,aACbD,WACI,wDACAE,eACJvE,WAAW,WAAW,6CACtBA,WAAW,aAAa,4CAIxB,CAAC6B,kBAAkB;GACjB,CAAC7B,UACC;GACF;GACA;GACA;GACA;GACA;GACD,EACD,CAACqE,YAAY1E,UACd;EACD,OAAO,CAAC0E,WAAW7C,QAAQa;YAhC7B,CAkCGtB,UACC,oBAAC,QAAD;GAAM,WAAU;aACbA;GAEJ,CAAA,EACD,oBAAC,SAAD;GACE,GAAIe;GACJ,KAAKS;GACDd;GACJ,MAAK;GACL,WAAU;GAGV,MAAM;GACN,WAAW1C,GAIT,iJACA8C,kBACE,2DACH;GACD,OAAOkC;GACP,UAAUb;GACV,QAAQO;GACC7C;GACT,WAAW+C;GACX,UAAU9B;GACAN;GACCJ;GACED;GACb,cAAYS;GAAU,CAAA,CAG3B;;AAED,KAAI,CAAC0C,SAAU,QAAOG;AAEtB,QACE,qBAAC,OAAD;EACE,eAAa9C;EACb,WAAW3C,GAST,qEACAuF,aACAC,eACA1C,kBAAkB,6BAClBlC,UACD;EACM6B;YAjBT;GAmBGR,eACC,oBAAC,QAAD;IACE,WAAWjC,GACT,mOACAe,SAAS,WAAW,sBACpBA,SAAS,WAAW,sBACpBA,SAAS,WAAWA,SAAS,WAAW,qBACzC;cAEAkB;IAEJ,CAAA;GACAwD;GACAvD,cACC,oBAAC,QAAD;IACE,WAAWlC,GACT,mOACAe,SAAS,WAAW,sBACpBA,SAAS,WAAW,sBACpBA,SAAS,WAAWA,SAAS,WAAW,qBACzC;cAEAmB;IAEJ,CAAA;GACG"}

package/dist/InputNumber/type.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface IInputNumberProps extends React.AriaAttributes {
     addonBefore?: React.ReactNode;
     addonAfter?: React.ReactNode;

package/dist/InputNumber.js

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

package/dist/InputSearch/index.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-export default function InputSearch(props: IProps): import("react/jsx-runtime").JSX.Element;
+export default function InputSearch(props: IProps): React.JSX.Element;
 interface IProps {
     /** 搜索回调，在输入完成时触发（回车、输入法结束、非输入法输入时） */
     onSearch: (value: string) => void;

package/dist/InputSearch/index.js

@@ -3,7 +3,8 @@ import Memo from "../Icon/components/SearchLine.js";
 import { ELangType, LocaleContext, getTranslator } from "../locale/default.js";
 import Input from "../Input/index.js";
 /* empty css             */
-import { useCallback, useContext, useMemo, useRef, useState } from "react";
+import { c } from "react-compiler-runtime";
+import { useContext, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 import _ from "lodash";
 import { useDebounceFn } from "ahooks";
@@ -16,100 +17,234 @@ var DEFAULT_EN_WIDTH = 98;
 var DEFAULT_LARGE_WIDTH = 88;
 var DEFAULT_EN_LARGE_WIDTH = 108;
 function InputSearch(props) {
+	const $ = c(58);
 	const { locale } = useContext(LocaleContext);
-	const t = getTranslator(locale);
-	const { onSearch, onChange, className, debounce = true, placeholder, size = "small", defaultValue, value, inputMode = false, style, onBlur, disabled, "data-testid": dataTestid, "aria-label": ariaLabel } = props;
-	const defaultWidth = useMemo(() => {
-		if (size === "small") {
-			if (locale === ELangType.EN) return DEFAULT_EN_SMALL_WIDTH;
-			return DEFAULT_SMALL_WIDTH;
-		} else if (size === "middle") {
-			if (locale === ELangType.EN) return DEFAULT_EN_WIDTH;
-			return DEFAULT_WIDTH;
-		} else {
-			if (locale === ELangType.EN) return DEFAULT_EN_LARGE_WIDTH;
-			return DEFAULT_LARGE_WIDTH;
+	let t0;
+	if ($[0] !== locale) {
+		t0 = getTranslator(locale);
+		$[0] = locale;
+		$[1] = t0;
+	} else t0 = $[1];
+	const t = t0;
+	const { onSearch, onChange, className, debounce: t1, placeholder, size: t2, defaultValue, value, inputMode: t3, style, onBlur, disabled, "data-testid": dataTestid, "aria-label": ariaLabel } = props;
+	const debounce = t1 === void 0 ? true : t1;
+	const size = t2 === void 0 ? "small" : t2;
+	const inputMode = t3 === void 0 ? false : t3;
+	let t4;
+	bb0: if (size === "small") {
+		if (locale === ELangType.EN) {
+			t4 = DEFAULT_EN_SMALL_WIDTH;
+			break bb0;
 		}
-	}, [locale, size]);
+		t4 = DEFAULT_SMALL_WIDTH;
+	} else if (size === "middle") {
+		if (locale === ELangType.EN) {
+			t4 = DEFAULT_EN_WIDTH;
+			break bb0;
+		}
+		t4 = DEFAULT_WIDTH;
+	} else {
+		if (locale === ELangType.EN) {
+			t4 = DEFAULT_EN_LARGE_WIDTH;
+			break bb0;
+		}
+		t4 = DEFAULT_LARGE_WIDTH;
+	}
+	const defaultWidth = t4;
 	const isControlled = "value" in props;
 	const [searchValue, setSearchValue] = useState(defaultValue || "");
 	const currentValue = isControlled ? value ?? "" : searchValue;
 	const isComposing = useRef(false);
-	const onPressEnter = useCallback((e) => {
-		if (!isComposing.current) onSearch(_.trim(e.target.value));
-	}, [onSearch]);
-	const { run: debounceSearch } = useDebounceFn((val) => {
-		if (!isComposing.current) onSearch(val);
-	}, { wait: 500 });
-	const onChangeValue = useCallback((e) => {
-		const newValue = e.target.value;
-		if (!isControlled) setSearchValue(newValue);
-		else {
-			onChange?.(newValue);
-			return;
+	let t5;
+	if ($[2] !== onSearch) {
+		t5 = (e) => {
+			if (!isComposing.current) onSearch(_.trim(e.target.value));
+		};
+		$[2] = onSearch;
+		$[3] = t5;
+	} else t5 = $[3];
+	const onPressEnter = t5;
+	let t6;
+	if ($[4] !== onSearch) {
+		t6 = (val) => {
+			if (!isComposing.current) onSearch(val);
+		};
+		$[4] = onSearch;
+		$[5] = t6;
+	} else t6 = $[5];
+	let t7;
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = { wait: 500 };
+		$[6] = t7;
+	} else t7 = $[6];
+	const { run: debounceSearch } = useDebounceFn(t6, t7);
+	let t8;
+	if ($[7] !== debounce || $[8] !== debounceSearch || $[9] !== isControlled || $[10] !== onChange || $[11] !== onSearch) {
+		t8 = (e_0) => {
+			const newValue = e_0.target.value;
+			if (!isControlled) setSearchValue(newValue);
+			else {
+				onChange?.(newValue);
+				return;
+			}
+			if (!isComposing.current) if (debounce && !isControlled) debounceSearch(newValue);
+			else onSearch(newValue);
+		};
+		$[7] = debounce;
+		$[8] = debounceSearch;
+		$[9] = isControlled;
+		$[10] = onChange;
+		$[11] = onSearch;
+		$[12] = t8;
+	} else t8 = $[12];
+	const onChangeValue = t8;
+	let t9;
+	if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
+		t9 = () => {
+			isComposing.current = true;
+		};
+		$[13] = t9;
+	} else t9 = $[13];
+	const handleCompositionStart = t9;
+	let t10;
+	if ($[14] !== debounce || $[15] !== debounceSearch || $[16] !== isControlled || $[17] !== onSearch) {
+		t10 = (e_1) => {
+			if (isControlled) return;
+			isComposing.current = false;
+			const value_0 = e_1.target.value;
+			if (debounce) debounceSearch(value_0);
+			else onSearch(value_0);
+		};
+		$[14] = debounce;
+		$[15] = debounceSearch;
+		$[16] = isControlled;
+		$[17] = onSearch;
+		$[18] = t10;
+	} else t10 = $[18];
+	const handleCompositionEnd = t10;
+	let t11;
+	bb1: {
+		if (size === "middle" || size === "large") {
+			t11 = 20;
+			break bb1;
 		}
-		if (!isComposing.current) if (debounce && !isControlled) debounceSearch(newValue);
-		else onSearch(newValue);
-	}, [
-		debounce,
-		debounceSearch,
-		onSearch,
-		isControlled,
-		onChange
-	]);
-	const handleCompositionStart = useCallback(() => {
-		isComposing.current = true;
-	}, []);
-	const handleCompositionEnd = useCallback((e) => {
-		if (isControlled) return;
-		isComposing.current = false;
-		const value = e.target.value;
-		if (debounce) debounceSearch(value);
-		else onSearch(value);
-	}, [
-		debounce,
-		debounceSearch,
-		isControlled,
-		onSearch
-	]);
-	const iconSize = useMemo(() => {
-		if (size === "middle" || size === "large") return 20;
-		return 16;
-	}, [size]);
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("ald-input-search", className, {
-			["input-search-size-small"]: size === "small",
-			["input-search-size-middle"]: size === "middle",
-			["input-search-size-large"]: size === "large"
-		}),
-		style: {
+		t11 = 16;
+	}
+	const iconSize = t11;
+	const t12 = size === "small";
+	const t13 = size === "middle";
+	const t14 = size === "large";
+	let t15;
+	if ($[19] !== className || $[20] !== t12 || $[21] !== t13 || $[22] !== t14) {
+		t15 = cn("ald-input-search", className, {
+			"input-search-size-small": t12,
+			"input-search-size-middle": t13,
+			"input-search-size-large": t14
+		});
+		$[19] = className;
+		$[20] = t12;
+		$[21] = t13;
+		$[22] = t14;
+		$[23] = t15;
+	} else t15 = $[23];
+	const t16 = (props.initWidth || defaultWidth) + "px";
+	const t17 = (props.expandedWidth || DEFAULT_EXPANDED_WIDTH) + "px";
+	let t18;
+	if ($[24] !== style || $[25] !== t16 || $[26] !== t17) {
+		t18 = {
 			...style,
-			"--init-width": (props.initWidth || defaultWidth) + "px",
-			"--expanded-width": (props.expandedWidth || DEFAULT_EXPANDED_WIDTH) + "px"
-		},
-		children: /* @__PURE__ */ jsx(Input, {
-			className: cn({
-				["input-search-has-value"]: currentValue.length !== 0 || inputMode,
-				["input-search-has-content"]: currentValue.length !== 0,
-				["inputMode"]: inputMode
-			}),
+			"--init-width": t16,
+			"--expanded-width": t17
+		};
+		$[24] = style;
+		$[25] = t16;
+		$[26] = t17;
+		$[27] = t18;
+	} else t18 = $[27];
+	const t19 = t18;
+	const t20 = currentValue.length !== 0 || inputMode;
+	const t21 = currentValue.length !== 0;
+	let t22;
+	if ($[28] !== inputMode || $[29] !== t20 || $[30] !== t21) {
+		t22 = cn({
+			"input-search-has-value": t20,
+			"input-search-has-content": t21,
+			"inputMode": inputMode
+		});
+		$[28] = inputMode;
+		$[29] = t20;
+		$[30] = t21;
+		$[31] = t22;
+	} else t22 = $[31];
+	let t23;
+	if ($[32] !== iconSize) {
+		t23 = /* @__PURE__ */ jsx(Memo, { size: iconSize });
+		$[32] = iconSize;
+		$[33] = t23;
+	} else t23 = $[33];
+	const t24 = placeholder || t.InputSearch.search;
+	let t25;
+	if ($[34] !== currentValue || $[35] !== defaultValue || $[36] !== isControlled) {
+		t25 = isControlled ? { value: currentValue } : { defaultValue };
+		$[34] = currentValue;
+		$[35] = defaultValue;
+		$[36] = isControlled;
+		$[37] = t25;
+	} else t25 = $[37];
+	let t26;
+	if ($[38] !== currentValue || $[39] !== onBlur) {
+		t26 = (e_2) => {
+			if (onBlur) onBlur(currentValue, e_2);
+		};
+		$[38] = currentValue;
+		$[39] = onBlur;
+		$[40] = t26;
+	} else t26 = $[40];
+	let t27;
+	if ($[41] !== ariaLabel || $[42] !== dataTestid || $[43] !== disabled || $[44] !== handleCompositionEnd || $[45] !== onChangeValue || $[46] !== onPressEnter || $[47] !== size || $[48] !== t22 || $[49] !== t23 || $[50] !== t24 || $[51] !== t25 || $[52] !== t26) {
+		t27 = /* @__PURE__ */ jsx(Input, {
+			className: t22,
 			size,
 			onChange: onChangeValue,
 			onPressEnter,
 			onCompositionStart: handleCompositionStart,
 			onCompositionEnd: handleCompositionEnd,
-			prefix: /* @__PURE__ */ jsx(Memo, { size: iconSize }),
-			placeholder: placeholder || t.InputSearch.search,
+			prefix: t23,
+			placeholder: t24,
 			allowClear: true,
 			disabled,
 			"data-testid": dataTestid,
 			"aria-label": ariaLabel,
-			...isControlled ? { value: currentValue } : { defaultValue },
-			onBlur: (e) => {
-				if (onBlur) onBlur(currentValue, e);
-			}
-		})
-	});
+			...t25,
+			onBlur: t26
+		});
+		$[41] = ariaLabel;
+		$[42] = dataTestid;
+		$[43] = disabled;
+		$[44] = handleCompositionEnd;
+		$[45] = onChangeValue;
+		$[46] = onPressEnter;
+		$[47] = size;
+		$[48] = t22;
+		$[49] = t23;
+		$[50] = t24;
+		$[51] = t25;
+		$[52] = t26;
+		$[53] = t27;
+	} else t27 = $[53];
+	let t28;
+	if ($[54] !== t15 || $[55] !== t19 || $[56] !== t27) {
+		t28 = /* @__PURE__ */ jsx("div", {
+			className: t15,
+			style: t19,
+			children: t27
+		});
+		$[54] = t15;
+		$[55] = t19;
+		$[56] = t27;
+		$[57] = t28;
+	} else t28 = $[57];
+	return t28;
 }
 //#endregion
 export { InputSearch as default };

package/dist/InputSearch/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/InputSearch/index.tsx"],"sourcesContent":["import { useDebounceFn } from 'ahooks';\nimport { cn } from '../lib/utils';\nimport _ from 'lodash';\nimport React, {\n  useCallback,\n  useContext,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { SearchLine } from '../Icon';\nimport Input from '../Input';\nimport { ELangType, LocaleContext, getTranslator } from '../locale/default';\nimport './input-search.css';\n\ninterface ICustomCSSProperties extends React.CSSProperties {\n  '--init-width'?: string;\n  '--expanded-width'?: string;\n}\n\nconst DEFAULT_EXPANDED_WIDTH = 200;\n\nconst DEFAULT_SMALL_WIDTH = 68;\nconst DEFAULT_WIDTH = 78;\nconst DEFAULT_EN_SMALL_WIDTH = 88;\nconst DEFAULT_EN_WIDTH = 98;\nconst DEFAULT_LARGE_WIDTH = 88;\nconst DEFAULT_EN_LARGE_WIDTH = 108;\n\nexport default function InputSearch(props: IProps) {\n  const { locale } = useContext(LocaleContext);\n  const t = getTranslator(locale);\n\n  const {\n    onSearch,\n    onChange,\n    className,\n    debounce = true,\n    placeholder,\n    size = 'small',\n    defaultValue,\n    value,\n    inputMode = false,\n    style,\n    onBlur,\n    disabled,\n    'data-testid': dataTestid,\n    'aria-label': ariaLabel,\n  } = props;\n\n  const defaultWidth = useMemo(() => {\n    if (size === 'small') {\n      if (locale === ELangType.EN) {\n        return DEFAULT_EN_SMALL_WIDTH;\n      }\n      return DEFAULT_SMALL_WIDTH;\n    } else if (size === 'middle') {\n      if (locale === ELangType.EN) {\n        return DEFAULT_EN_WIDTH;\n      }\n      return DEFAULT_WIDTH;\n    } else {\n      if (locale === ELangType.EN) {\n        return DEFAULT_EN_LARGE_WIDTH;\n      }\n      return DEFAULT_LARGE_WIDTH;\n    }\n  }, [locale, size]);\n\n  // 判断是否为受控模式\n  const isControlled = 'value' in props;\n  const [searchValue, setSearchValue] = useState(defaultValue || '');\n\n  // 获取当前值：受控模式使用 value，非受控模式使用内部状态\n  const currentValue = isControlled ? value ?? '' : searchValue;\n\n  const isComposing = useRef(false);\n\n  const onPressEnter = useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (!isComposing.current) {\n        onSearch(_.trim((e.target as HTMLInputElement).value));\n      }\n    },\n    [onSearch],\n  );\n\n  const DEFAULT_DEBOUNCE_TIME = 500;\n  const { run: debounceSearch } = useDebounceFn<(val: string) => void>(\n    (val) => {\n      if (!isComposing.current) {\n        onSearch(val);\n      }\n    },\n    {\n      wait: DEFAULT_DEBOUNCE_TIME,\n    },\n  );\n\n  const onChangeValue = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const newValue = e.target.value;\n\n      // 非受控模式才更新内部状态\n      if (!isControlled) {\n        setSearchValue(newValue);\n      } else {\n        onChange?.(newValue);\n        return;\n      }\n\n      if (!isComposing.current) {\n        // 受控的时候debounce不生效\n        if (debounce && !isControlled) {\n          debounceSearch(newValue);\n        } else {\n          onSearch(newValue);\n        }\n      }\n    },\n    [debounce, debounceSearch, onSearch, isControlled, onChange],\n  );\n\n  const handleCompositionStart = useCallback(() => {\n    isComposing.current = true;\n  }, []);\n\n  const handleCompositionEnd = useCallback(\n    (e: React.CompositionEvent<HTMLInputElement>) => {\n      if (isControlled) {\n        return;\n      }\n      isComposing.current = false;\n      // 在输入法结束后触发一次搜索\n      const value = (e.target as HTMLInputElement).value;\n      if (debounce) {\n        debounceSearch(value);\n      } else {\n        onSearch(value);\n      }\n    },\n    [debounce, debounceSearch, isControlled, onSearch],\n  );\n\n  const iconSize = useMemo(() => {\n    if (size === 'middle' || size === 'large') {\n      return 20;\n    }\n    return 16;\n  }, [size]);\n\n  return (\n    <div\n      className={cn('ald-input-search', className, {\n        ['input-search-size-small']: size === 'small',\n        ['input-search-size-middle']: size === 'middle',\n        ['input-search-size-large']: size === 'large',\n      })}\n      style={\n        {\n          ...style,\n          '--init-width': (props.initWidth || defaultWidth) + 'px',\n          '--expanded-width':\n            (props.expandedWidth || DEFAULT_EXPANDED_WIDTH) + 'px',\n        } as ICustomCSSProperties\n      }\n    >\n      <Input\n        className={cn({\n          ['input-search-has-value']: currentValue.length !== 0 || inputMode,\n          ['input-search-has-content']: currentValue.length !== 0,\n          ['inputMode']: inputMode,\n        })}\n        size={size}\n        onChange={onChangeValue}\n        onPressEnter={onPressEnter}\n        onCompositionStart={handleCompositionStart}\n        onCompositionEnd={handleCompositionEnd}\n        prefix={<SearchLine size={iconSize} />}\n        placeholder={placeholder || t.InputSearch.search}\n        allowClear\n        disabled={disabled}\n        data-testid={dataTestid}\n        aria-label={ariaLabel}\n        {...(isControlled\n          ? { value: currentValue }\n          : { defaultValue: defaultValue })}\n        onBlur={(e) => {\n          if (onBlur) {\n            onBlur(currentValue, e);\n          }\n        }}\n      />\n    </div>\n  );\n}\n\ninterface IProps {\n  /** 搜索回调，在输入完成时触发（回车、输入法结束、非输入法输入时） */\n  onSearch: (value: string) => void;\n  /** 值变化回调（受控模式时推荐使用，每次输入都触发，包括输入法期间） */\n  onChange?: (value: string) => void;\n  onBlur?: (value: string, e: React.FocusEvent<HTMLInputElement>) => void;\n  className?: string;\n  // 是否开启防抖\n  debounce?: boolean;\n  placeholder?: string;\n  size?: 'small' | 'middle' | 'large';\n  initWidth?: number;\n  /** 展开态（hover / focus / 有值）宽度，默认 200px。\n   * 收起态宽度仍由 initWidth 控制；inputMode 始终 100%，不受本参数影响。 */\n  expandedWidth?: number;\n  defaultValue?: string;\n  // 受控模式的值\n  value?: string;\n  inputMode?: boolean;\n  style?: React.CSSProperties;\n  disabled?: boolean;\n  /** 透传到内部 input 元素的 data-testid，用于自动化测试定位 */\n  'data-testid'?: string;\n  /** 透传到内部 input 元素的 aria-label，用于可访问性与自动化测试定位 */\n  'aria-label'?: string;\n}\n"],"mappings":";;;;;;;;;;AAoBA,IAAM,yBAAyB;AAE/B,IAAM,sBAAsB;AAC5B,IAAM,gBAAgB;AACtB,IAAM,yBAAyB;AAC/B,IAAM,mBAAmB;AACzB,IAAM,sBAAsB;AAC5B,IAAM,yBAAyB;AAE/B,SAAwB,YAAY,OAAe;CACjD,MAAM,EAAE,WAAW,WAAW,cAAc;CAC5C,MAAM,IAAI,cAAc,OAAO;CAE/B,MAAM,EACJ,UACA,UACA,WACA,WAAW,MACX,aACA,OAAO,SACP,cACA,OACA,YAAY,OACZ,OACA,QACA,UACA,eAAe,YACf,cAAc,cACZ;CAEJ,MAAM,eAAe,cAAc;AACjC,MAAI,SAAS,SAAS;AACpB,OAAI,WAAW,UAAU,GACvB,QAAO;AAET,UAAO;aACE,SAAS,UAAU;AAC5B,OAAI,WAAW,UAAU,GACvB,QAAO;AAET,UAAO;SACF;AACL,OAAI,WAAW,UAAU,GACvB,QAAO;AAET,UAAO;;IAER,CAAC,QAAQ,KAAK,CAAC;CAGlB,MAAM,eAAe,WAAW;CAChC,MAAM,CAAC,aAAa,kBAAkB,SAAS,gBAAgB,GAAG;CAGlE,MAAM,eAAe,eAAe,SAAS,KAAK;CAElD,MAAM,cAAc,OAAO,MAAM;CAEjC,MAAM,eAAe,aAClB,MAA6C;AAC5C,MAAI,CAAC,YAAY,QACf,UAAS,EAAE,KAAM,EAAE,OAA4B,MAAM,CAAC;IAG1D,CAAC,SAAS,CACX;CAGD,MAAM,EAAE,KAAK,mBAAmB,eAC7B,QAAQ;AACP,MAAI,CAAC,YAAY,QACf,UAAS,IAAI;IAGjB,EACE,MAR0B,KAS3B,CACF;CAED,MAAM,gBAAgB,aACnB,MAA2C;EAC1C,MAAM,WAAW,EAAE,OAAO;AAG1B,MAAI,CAAC,aACH,gBAAe,SAAS;OACnB;AACL,cAAW,SAAS;AACpB;;AAGF,MAAI,CAAC,YAAY,QAEf,KAAI,YAAY,CAAC,aACf,gBAAe,SAAS;MAExB,UAAS,SAAS;IAIxB;EAAC;EAAU;EAAgB;EAAU;EAAc;EAAS,CAC7D;CAED,MAAM,yBAAyB,kBAAkB;AAC/C,cAAY,UAAU;IACrB,EAAE,CAAC;CAEN,MAAM,uBAAuB,aAC1B,MAAgD;AAC/C,MAAI,aACF;AAEF,cAAY,UAAU;EAEtB,MAAM,QAAS,EAAE,OAA4B;AAC7C,MAAI,SACF,gBAAe,MAAM;MAErB,UAAS,MAAM;IAGnB;EAAC;EAAU;EAAgB;EAAc;EAAS,CACnD;CAED,MAAM,WAAW,cAAc;AAC7B,MAAI,SAAS,YAAY,SAAS,QAChC,QAAO;AAET,SAAO;IACN,CAAC,KAAK,CAAC;AAEV,QACE,oBAAC,OAAD;EACE,WAAW,GAAG,oBAAoB,WAAW;IAC1C,4BAA4B,SAAS;IACrC,6BAA6B,SAAS;IACtC,4BAA4B,SAAS;GACvC,CAAC;EACF,OACE;GACE,GAAG;GACH,iBAAiB,MAAM,aAAa,gBAAgB;GACpD,qBACG,MAAM,iBAAiB,0BAA0B;GACrD;YAGH,oBAAC,OAAD;GACE,WAAW,GAAG;KACX,2BAA2B,aAAa,WAAW,KAAK;KACxD,6BAA6B,aAAa,WAAW;KACrD,cAAc;IAChB,CAAC;GACI;GACN,UAAU;GACI;GACd,oBAAoB;GACpB,kBAAkB;GAClB,QAAQ,oBAAC,MAAD,EAAY,MAAM,UAAY,CAAA;GACtC,aAAa,eAAe,EAAE,YAAY;GAC1C,YAAA;GACU;GACV,eAAa;GACb,cAAY;GACZ,GAAK,eACD,EAAE,OAAO,cAAc,GACvB,EAAgB,cAAc;GAClC,SAAS,MAAM;AACb,QAAI,OACF,QAAO,cAAc,EAAE;;GAG3B,CAAA;EACE,CAAA"}
+{"version":3,"file":"index.js","names":["useDebounceFn","cn","_","React","useCallback","useContext","useMemo","useRef","useState","SearchLine","Input","ELangType","LocaleContext","getTranslator","ICustomCSSProperties","CSSProperties","DEFAULT_EXPANDED_WIDTH","DEFAULT_SMALL_WIDTH","DEFAULT_WIDTH","DEFAULT_EN_SMALL_WIDTH","DEFAULT_EN_WIDTH","DEFAULT_LARGE_WIDTH","DEFAULT_EN_LARGE_WIDTH","InputSearch","props","$","_c","locale","t0","t","onSearch","onChange","className","debounce","t1","placeholder","size","t2","defaultValue","value","inputMode","t3","style","onBlur","disabled","dataTestid","ariaLabel","undefined","t4","bb0","EN","defaultWidth","isControlled","searchValue","setSearchValue","currentValue","isComposing","t5","e","current","trim","target","HTMLInputElement","onPressEnter","t6","val","t7","Symbol","for","wait","run","debounceSearch","t8","e_0","newValue","onChangeValue","t9","handleCompositionStart","t10","e_1","value_0","handleCompositionEnd","t11","bb1","iconSize","t12","t13","t14","t15","t16","initWidth","t17","expandedWidth","t18","t19","t20","length","t21","t22","t23","t24","search","t25","t26","e_2","t27","t28","IProps","FocusEvent"],"sources":["../../src/InputSearch/index.tsx"],"sourcesContent":["import { useDebounceFn } from 'ahooks';\nimport { cn } from '../lib/utils';\nimport _ from 'lodash';\nimport React, {\n  useCallback,\n  useContext,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { SearchLine } from '../Icon';\nimport Input from '../Input';\nimport { ELangType, LocaleContext, getTranslator } from '../locale/default';\nimport './input-search.css';\n\ninterface ICustomCSSProperties extends React.CSSProperties {\n  '--init-width'?: string;\n  '--expanded-width'?: string;\n}\n\nconst DEFAULT_EXPANDED_WIDTH = 200;\n\nconst DEFAULT_SMALL_WIDTH = 68;\nconst DEFAULT_WIDTH = 78;\nconst DEFAULT_EN_SMALL_WIDTH = 88;\nconst DEFAULT_EN_WIDTH = 98;\nconst DEFAULT_LARGE_WIDTH = 88;\nconst DEFAULT_EN_LARGE_WIDTH = 108;\n\nexport default function InputSearch(props: IProps) {\n  const { locale } = useContext(LocaleContext);\n  const t = getTranslator(locale);\n\n  const {\n    onSearch,\n    onChange,\n    className,\n    debounce = true,\n    placeholder,\n    size = 'small',\n    defaultValue,\n    value,\n    inputMode = false,\n    style,\n    onBlur,\n    disabled,\n    'data-testid': dataTestid,\n    'aria-label': ariaLabel,\n  } = props;\n\n  const defaultWidth = useMemo(() => {\n    if (size === 'small') {\n      if (locale === ELangType.EN) {\n        return DEFAULT_EN_SMALL_WIDTH;\n      }\n      return DEFAULT_SMALL_WIDTH;\n    } else if (size === 'middle') {\n      if (locale === ELangType.EN) {\n        return DEFAULT_EN_WIDTH;\n      }\n      return DEFAULT_WIDTH;\n    } else {\n      if (locale === ELangType.EN) {\n        return DEFAULT_EN_LARGE_WIDTH;\n      }\n      return DEFAULT_LARGE_WIDTH;\n    }\n  }, [locale, size]);\n\n  // 判断是否为受控模式\n  const isControlled = 'value' in props;\n  const [searchValue, setSearchValue] = useState(defaultValue || '');\n\n  // 获取当前值：受控模式使用 value，非受控模式使用内部状态\n  const currentValue = isControlled ? value ?? '' : searchValue;\n\n  const isComposing = useRef(false);\n\n  const onPressEnter = useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (!isComposing.current) {\n        onSearch(_.trim((e.target as HTMLInputElement).value));\n      }\n    },\n    [onSearch],\n  );\n\n  const DEFAULT_DEBOUNCE_TIME = 500;\n  const { run: debounceSearch } = useDebounceFn<(val: string) => void>(\n    (val) => {\n      if (!isComposing.current) {\n        onSearch(val);\n      }\n    },\n    {\n      wait: DEFAULT_DEBOUNCE_TIME,\n    },\n  );\n\n  const onChangeValue = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const newValue = e.target.value;\n\n      // 非受控模式才更新内部状态\n      if (!isControlled) {\n        setSearchValue(newValue);\n      } else {\n        onChange?.(newValue);\n        return;\n      }\n\n      if (!isComposing.current) {\n        // 受控的时候debounce不生效\n        if (debounce && !isControlled) {\n          debounceSearch(newValue);\n        } else {\n          onSearch(newValue);\n        }\n      }\n    },\n    [debounce, debounceSearch, onSearch, isControlled, onChange],\n  );\n\n  const handleCompositionStart = useCallback(() => {\n    isComposing.current = true;\n  }, []);\n\n  const handleCompositionEnd = useCallback(\n    (e: React.CompositionEvent<HTMLInputElement>) => {\n      if (isControlled) {\n        return;\n      }\n      isComposing.current = false;\n      // 在输入法结束后触发一次搜索\n      const value = (e.target as HTMLInputElement).value;\n      if (debounce) {\n        debounceSearch(value);\n      } else {\n        onSearch(value);\n      }\n    },\n    [debounce, debounceSearch, isControlled, onSearch],\n  );\n\n  const iconSize = useMemo(() => {\n    if (size === 'middle' || size === 'large') {\n      return 20;\n    }\n    return 16;\n  }, [size]);\n\n  return (\n    <div\n      className={cn('ald-input-search', className, {\n        ['input-search-size-small']: size === 'small',\n        ['input-search-size-middle']: size === 'middle',\n        ['input-search-size-large']: size === 'large',\n      })}\n      style={\n        {\n          ...style,\n          '--init-width': (props.initWidth || defaultWidth) + 'px',\n          '--expanded-width':\n            (props.expandedWidth || DEFAULT_EXPANDED_WIDTH) + 'px',\n        } as ICustomCSSProperties\n      }\n    >\n      <Input\n        className={cn({\n          ['input-search-has-value']: currentValue.length !== 0 || inputMode,\n          ['input-search-has-content']: currentValue.length !== 0,\n          ['inputMode']: inputMode,\n        })}\n        size={size}\n        onChange={onChangeValue}\n        onPressEnter={onPressEnter}\n        onCompositionStart={handleCompositionStart}\n        onCompositionEnd={handleCompositionEnd}\n        prefix={<SearchLine size={iconSize} />}\n        placeholder={placeholder || t.InputSearch.search}\n        allowClear\n        disabled={disabled}\n        data-testid={dataTestid}\n        aria-label={ariaLabel}\n        {...(isControlled\n          ? { value: currentValue }\n          : { defaultValue: defaultValue })}\n        onBlur={(e) => {\n          if (onBlur) {\n            onBlur(currentValue, e);\n          }\n        }}\n      />\n    </div>\n  );\n}\n\ninterface IProps {\n  /** 搜索回调，在输入完成时触发（回车、输入法结束、非输入法输入时） */\n  onSearch: (value: string) => void;\n  /** 值变化回调（受控模式时推荐使用，每次输入都触发，包括输入法期间） */\n  onChange?: (value: string) => void;\n  onBlur?: (value: string, e: React.FocusEvent<HTMLInputElement>) => void;\n  className?: string;\n  // 是否开启防抖\n  debounce?: boolean;\n  placeholder?: string;\n  size?: 'small' | 'middle' | 'large';\n  initWidth?: number;\n  /** 展开态（hover / focus / 有值）宽度，默认 200px。\n   * 收起态宽度仍由 initWidth 控制；inputMode 始终 100%，不受本参数影响。 */\n  expandedWidth?: number;\n  defaultValue?: string;\n  // 受控模式的值\n  value?: string;\n  inputMode?: boolean;\n  style?: React.CSSProperties;\n  disabled?: boolean;\n  /** 透传到内部 input 元素的 data-testid，用于自动化测试定位 */\n  'data-testid'?: string;\n  /** 透传到内部 input 元素的 aria-label，用于可访问性与自动化测试定位 */\n  'aria-label'?: string;\n}\n"],"mappings":"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"}

package/dist/InputSearch.js

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