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

package/dist/IconButton/index.js

@@ -4,105 +4,335 @@ import Dropdown from "../Dropdown/index.js";
 import { getSizeType } from "../Input/components/Input/index.js";
 /* empty css            */
 import Tooltip from "../Tooltip/index.js";
-import { forwardRef, useMemo } from "react";
+import { c } from "react-compiler-runtime";
+import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/IconButton/index.tsx
 var InternalIconButton = forwardRef(function(props, ref) {
-	const { icon, onClick = () => {}, disabled, size = "middle", keepFocus, className, tooltip, id, mode = "light", "data-testid": dataTestid, "aria-label": ariaLabel } = props;
-	const onButtonClick = (e) => {
-		if (disabled) {
-			e.stopPropagation();
-			e.preventDefault();
-			return;
-		}
-		onClick(e);
-	};
-	return /* @__PURE__ */ jsx(Tooltip, {
-		...tooltip,
-		title: tooltip?.title,
-		children: /* @__PURE__ */ jsx("button", {
+	const $ = c(26);
+	const { icon, onClick: t0, disabled, size: t1, keepFocus, className, tooltip, id, mode: t2, "data-testid": dataTestid, "aria-label": ariaLabel } = props;
+	const onClick = t0 === void 0 ? _temp : t0;
+	const size = t1 === void 0 ? "middle" : t1;
+	const mode = t2 === void 0 ? "light" : t2;
+	let t3;
+	if ($[0] !== disabled || $[1] !== onClick) {
+		t3 = (e) => {
+			if (disabled) {
+				e.stopPropagation();
+				e.preventDefault();
+				return;
+			}
+			onClick(e);
+		};
+		$[0] = disabled;
+		$[1] = onClick;
+		$[2] = t3;
+	} else t3 = $[2];
+	const onButtonClick = t3;
+	const t4 = tooltip?.title;
+	let t5;
+	if ($[3] !== size) {
+		t5 = getSizeType(size);
+		$[3] = size;
+		$[4] = t5;
+	} else t5 = $[4];
+	const t6 = `ald-icon-button-${t5}`;
+	const t7 = mode === "dark";
+	let t8;
+	if ($[5] !== className || $[6] !== disabled || $[7] !== keepFocus || $[8] !== t6 || $[9] !== t7) {
+		t8 = cn(className, "ald-icon-button", t6, {
+			"ald-icon-button-disabled": disabled,
+			"ald-icon-button-focus": keepFocus,
+			"ald-icon-button-dark": t7
+		});
+		$[5] = className;
+		$[6] = disabled;
+		$[7] = keepFocus;
+		$[8] = t6;
+		$[9] = t7;
+		$[10] = t8;
+	} else t8 = $[10];
+	let t9;
+	if ($[11] !== icon) {
+		t9 = /* @__PURE__ */ jsx("div", {
+			className: "ald-icon-button-wrap",
+			children: icon
+		});
+		$[11] = icon;
+		$[12] = t9;
+	} else t9 = $[12];
+	let t10;
+	if ($[13] !== ariaLabel || $[14] !== dataTestid || $[15] !== disabled || $[16] !== id || $[17] !== onButtonClick || $[18] !== ref || $[19] !== t8 || $[20] !== t9) {
+		t10 = /* @__PURE__ */ jsx("button", {
 			type: "button",
 			id,
-			className: cn(className, "ald-icon-button", `ald-icon-button-${getSizeType(size)}`, {
-				"ald-icon-button-disabled": disabled,
-				"ald-icon-button-focus": keepFocus,
-				"ald-icon-button-dark": mode === "dark"
-			}),
+			className: t8,
 			ref,
 			onClick: onButtonClick,
 			"data-testid": dataTestid,
 			"aria-label": ariaLabel,
 			disabled,
-			children: /* @__PURE__ */ jsx("div", {
-				className: "ald-icon-button-wrap",
-				children: icon
-			})
-		})
-	});
+			children: t9
+		});
+		$[13] = ariaLabel;
+		$[14] = dataTestid;
+		$[15] = disabled;
+		$[16] = id;
+		$[17] = onButtonClick;
+		$[18] = ref;
+		$[19] = t8;
+		$[20] = t9;
+		$[21] = t10;
+	} else t10 = $[21];
+	let t11;
+	if ($[22] !== t10 || $[23] !== t4 || $[24] !== tooltip) {
+		t11 = /* @__PURE__ */ jsx(Tooltip, {
+			...tooltip,
+			title: t4,
+			children: t10
+		});
+		$[22] = t10;
+		$[23] = t4;
+		$[24] = tooltip;
+		$[25] = t11;
+	} else t11 = $[25];
+	return t11;
 });
 var DropdownButton = forwardRef(function(props, ref) {
-	const { icon, onClick = () => {}, disabled, size = "middle", menu, className, onOpenChange, tooltip, id, showArrow, mode = "light", "data-testid": dataTestid, "aria-label": ariaLabel, ...restDropdownProps } = props;
-	const onButtonClick = (e) => {
-		if (disabled) {
-			e.stopPropagation();
-			e.preventDefault();
-			return;
-		}
-		onClick(e);
-	};
-	if (!useMemo(() => {
-		return menu && menu.items && menu.items.length > 0 && !disabled;
-	}, [menu, disabled])) return /* @__PURE__ */ jsx(Tooltip, {
-		...tooltip,
-		title: tooltip?.title,
-		children: /* @__PURE__ */ jsxs("button", {
-			type: "button",
-			id,
-			className: cn(className, "ald-icon-button-dropdown", `ald-icon-button-${getSizeType(size)}`, {
+	const $ = c(73);
+	let ariaLabel;
+	let className;
+	let dataTestid;
+	let disabled;
+	let icon;
+	let id;
+	let menu;
+	let onOpenChange;
+	let restDropdownProps;
+	let showArrow;
+	let t0;
+	let t1;
+	let t2;
+	let tooltip;
+	if ($[0] !== props) {
+		({icon, onClick: t0, disabled, size: t1, menu, className, onOpenChange, tooltip, id, showArrow, mode: t2, "data-testid": dataTestid, "aria-label": ariaLabel, ...restDropdownProps} = props);
+		$[0] = props;
+		$[1] = ariaLabel;
+		$[2] = className;
+		$[3] = dataTestid;
+		$[4] = disabled;
+		$[5] = icon;
+		$[6] = id;
+		$[7] = menu;
+		$[8] = onOpenChange;
+		$[9] = restDropdownProps;
+		$[10] = showArrow;
+		$[11] = t0;
+		$[12] = t1;
+		$[13] = t2;
+		$[14] = tooltip;
+	} else {
+		ariaLabel = $[1];
+		className = $[2];
+		dataTestid = $[3];
+		disabled = $[4];
+		icon = $[5];
+		id = $[6];
+		menu = $[7];
+		onOpenChange = $[8];
+		restDropdownProps = $[9];
+		showArrow = $[10];
+		t0 = $[11];
+		t1 = $[12];
+		t2 = $[13];
+		tooltip = $[14];
+	}
+	const onClick = t0 === void 0 ? _temp2 : t0;
+	const size = t1 === void 0 ? "middle" : t1;
+	const mode = t2 === void 0 ? "light" : t2;
+	let t3;
+	if ($[15] !== disabled || $[16] !== onClick) {
+		t3 = (e) => {
+			if (disabled) {
+				e.stopPropagation();
+				e.preventDefault();
+				return;
+			}
+			onClick(e);
+		};
+		$[15] = disabled;
+		$[16] = onClick;
+		$[17] = t3;
+	} else t3 = $[17];
+	const onButtonClick = t3;
+	if (!(menu && menu.items && menu.items.length > 0 && !disabled)) {
+		const t4 = tooltip?.title;
+		let t5;
+		if ($[18] !== size) {
+			t5 = getSizeType(size);
+			$[18] = size;
+			$[19] = t5;
+		} else t5 = $[19];
+		const t6 = `ald-icon-button-${t5}`;
+		const t7 = mode === "dark";
+		let t8;
+		if ($[20] !== className || $[21] !== disabled || $[22] !== t6 || $[23] !== t7) {
+			t8 = cn(className, "ald-icon-button-dropdown", t6, {
 				"ald-icon-button-disabled": disabled,
-				"ald-icon-button-dark": mode === "dark"
-			}),
-			ref,
-			onClick: onButtonClick,
-			"data-testid": dataTestid,
-			"aria-label": ariaLabel,
-			disabled,
-			children: [/* @__PURE__ */ jsx("div", {
+				"ald-icon-button-dark": t7
+			});
+			$[20] = className;
+			$[21] = disabled;
+			$[22] = t6;
+			$[23] = t7;
+			$[24] = t8;
+		} else t8 = $[24];
+		let t9;
+		if ($[25] !== icon) {
+			t9 = /* @__PURE__ */ jsx("div", {
 				className: "ald-icon-button-wrap",
 				children: icon
-			}), showArrow && /* @__PURE__ */ jsx(Memo, {})]
-		})
-	});
-	return /* @__PURE__ */ jsx(Tooltip, {
-		...tooltip,
-		title: tooltip?.title,
-		children: /* @__PURE__ */ jsx(Dropdown, {
-			menu,
-			onOpenChange,
-			...restDropdownProps,
-			children: /* @__PURE__ */ jsxs("button", {
+			});
+			$[25] = icon;
+			$[26] = t9;
+		} else t9 = $[26];
+		let t10;
+		if ($[27] !== showArrow) {
+			t10 = showArrow && /* @__PURE__ */ jsx(Memo, {});
+			$[27] = showArrow;
+			$[28] = t10;
+		} else t10 = $[28];
+		let t11;
+		if ($[29] !== ariaLabel || $[30] !== dataTestid || $[31] !== disabled || $[32] !== id || $[33] !== onButtonClick || $[34] !== ref || $[35] !== t10 || $[36] !== t8 || $[37] !== t9) {
+			t11 = /* @__PURE__ */ jsxs("button", {
 				type: "button",
 				id,
-				className: cn(className, "ald-icon-button-dropdown", `ald-icon-button-${getSizeType(size)}`, {
-					"ald-icon-button-disabled": disabled,
-					"ald-icon-button-dark": mode === "dark"
-				}),
+				className: t8,
 				ref,
 				onClick: onButtonClick,
 				"data-testid": dataTestid,
 				"aria-label": ariaLabel,
 				disabled,
-				children: [/* @__PURE__ */ jsx("div", {
-					className: "ald-icon-button-wrap",
-					children: icon
-				}), showArrow && /* @__PURE__ */ jsx(Memo, {})]
-			})
-		})
-	});
+				children: [t9, t10]
+			});
+			$[29] = ariaLabel;
+			$[30] = dataTestid;
+			$[31] = disabled;
+			$[32] = id;
+			$[33] = onButtonClick;
+			$[34] = ref;
+			$[35] = t10;
+			$[36] = t8;
+			$[37] = t9;
+			$[38] = t11;
+		} else t11 = $[38];
+		let t12;
+		if ($[39] !== t11 || $[40] !== t4 || $[41] !== tooltip) {
+			t12 = /* @__PURE__ */ jsx(Tooltip, {
+				...tooltip,
+				title: t4,
+				children: t11
+			});
+			$[39] = t11;
+			$[40] = t4;
+			$[41] = tooltip;
+			$[42] = t12;
+		} else t12 = $[42];
+		return t12;
+	}
+	const t4 = tooltip?.title;
+	let t5;
+	if ($[43] !== size) {
+		t5 = getSizeType(size);
+		$[43] = size;
+		$[44] = t5;
+	} else t5 = $[44];
+	const t6 = `ald-icon-button-${t5}`;
+	const t7 = mode === "dark";
+	let t8;
+	if ($[45] !== className || $[46] !== disabled || $[47] !== t6 || $[48] !== t7) {
+		t8 = cn(className, "ald-icon-button-dropdown", t6, {
+			"ald-icon-button-disabled": disabled,
+			"ald-icon-button-dark": t7
+		});
+		$[45] = className;
+		$[46] = disabled;
+		$[47] = t6;
+		$[48] = t7;
+		$[49] = t8;
+	} else t8 = $[49];
+	let t9;
+	if ($[50] !== icon) {
+		t9 = /* @__PURE__ */ jsx("div", {
+			className: "ald-icon-button-wrap",
+			children: icon
+		});
+		$[50] = icon;
+		$[51] = t9;
+	} else t9 = $[51];
+	let t10;
+	if ($[52] !== showArrow) {
+		t10 = showArrow && /* @__PURE__ */ jsx(Memo, {});
+		$[52] = showArrow;
+		$[53] = t10;
+	} else t10 = $[53];
+	let t11;
+	if ($[54] !== ariaLabel || $[55] !== dataTestid || $[56] !== disabled || $[57] !== id || $[58] !== onButtonClick || $[59] !== ref || $[60] !== t10 || $[61] !== t8 || $[62] !== t9) {
+		t11 = /* @__PURE__ */ jsxs("button", {
+			type: "button",
+			id,
+			className: t8,
+			ref,
+			onClick: onButtonClick,
+			"data-testid": dataTestid,
+			"aria-label": ariaLabel,
+			disabled,
+			children: [t9, t10]
+		});
+		$[54] = ariaLabel;
+		$[55] = dataTestid;
+		$[56] = disabled;
+		$[57] = id;
+		$[58] = onButtonClick;
+		$[59] = ref;
+		$[60] = t10;
+		$[61] = t8;
+		$[62] = t9;
+		$[63] = t11;
+	} else t11 = $[63];
+	let t12;
+	if ($[64] !== menu || $[65] !== onOpenChange || $[66] !== restDropdownProps || $[67] !== t11) {
+		t12 = /* @__PURE__ */ jsx(Dropdown, {
+			menu,
+			onOpenChange,
+			...restDropdownProps,
+			children: t11
+		});
+		$[64] = menu;
+		$[65] = onOpenChange;
+		$[66] = restDropdownProps;
+		$[67] = t11;
+		$[68] = t12;
+	} else t12 = $[68];
+	let t13;
+	if ($[69] !== t12 || $[70] !== t4 || $[71] !== tooltip) {
+		t13 = /* @__PURE__ */ jsx(Tooltip, {
+			...tooltip,
+			title: t4,
+			children: t12
+		});
+		$[69] = t12;
+		$[70] = t4;
+		$[71] = tooltip;
+		$[72] = t13;
+	} else t13 = $[72];
+	return t13;
 });
 var IconButton = InternalIconButton;
 IconButton.dropdown = DropdownButton;
 IconButton.__ANT_BUTTON = true;
+function _temp() {}
+function _temp2() {}
 //#endregion
 export { IconButton as default };
 

package/dist/IconButton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/IconButton/index.tsx"],"sourcesContent":["import './icon-button.css';\nimport { cn } from '../lib/utils';\nimport React, { forwardRef, useMemo } from 'react';\nimport Dropdown, { IDropdownProps } from '../Dropdown/index';\nimport { FoldDownFill } from '../Icon';\nimport { TSize } from '../Input';\nimport { getSizeType } from '../Input/components/Input';\nimport Tooltip, { ITooltipProps } from '../Tooltip';\ninterface IIconButtonProps {\n  icon: React.ReactNode;\n  onClick?: (e: React.MouseEvent) => void;\n  disabled?: boolean;\n  size?: TSize;\n  className?: string;\n  keepFocus?: boolean;\n  tooltip?: ITooltipProps;\n  id?: string;\n  mode?: 'light' | 'dark';\n  /** 透传到底层触发器 DOM 的 data-testid，用于自动化测试定位 */\n  'data-testid'?: string;\n  /** 透传到底层触发器 DOM 的 aria-label，用于可访问性与自动化测试定位 */\n  'aria-label'?: string;\n}\ntype IDropdownIconButtonProps = IIconButtonProps &\n  Omit<IDropdownProps, 'children'> & {\n    showArrow?: boolean;\n  };\nconst InternalIconButton = forwardRef(function (\n  props: IIconButtonProps,\n  ref: React.Ref<HTMLButtonElement>,\n) {\n  const {\n    icon,\n    onClick = () => {},\n    disabled,\n    size = 'middle',\n    keepFocus,\n    className,\n    tooltip,\n    id,\n    mode = 'light',\n    'data-testid': dataTestid,\n    'aria-label': ariaLabel,\n  } = props;\n  const onButtonClick = (e: React.MouseEvent) => {\n    if (disabled) {\n      e.stopPropagation();\n      e.preventDefault();\n      return;\n    }\n    onClick(e);\n  };\n\n  return (\n    <Tooltip {...tooltip} title={tooltip?.title}>\n      <button\n        type=\"button\"\n        id={id}\n        className={cn(\n          className,\n          'ald-icon-button',\n          `ald-icon-button-${getSizeType(size)}`,\n          {\n            'ald-icon-button-disabled': disabled,\n            'ald-icon-button-focus': keepFocus,\n            'ald-icon-button-dark': mode === 'dark',\n          },\n        )}\n        ref={ref}\n        onClick={onButtonClick}\n        data-testid={dataTestid}\n        aria-label={ariaLabel}\n        disabled={disabled}\n      >\n        <div className=\"ald-icon-button-wrap\">{icon}</div>\n      </button>\n    </Tooltip>\n  );\n});\n\nconst DropdownButton = forwardRef(function (\n  props: IDropdownIconButtonProps,\n  ref: React.Ref<HTMLButtonElement>,\n) {\n  const {\n    icon,\n    onClick = () => {},\n    disabled,\n    size = 'middle',\n    menu,\n    className,\n    onOpenChange,\n    tooltip,\n    id,\n    showArrow,\n    mode = 'light',\n    'data-testid': dataTestid,\n    'aria-label': ariaLabel,\n    ...restDropdownProps\n  } = props;\n  const onButtonClick = (\n    e: React.MouseEvent<HTMLButtonElement, MouseEvent>,\n  ) => {\n    if (disabled) {\n      e.stopPropagation();\n      e.preventDefault();\n      return;\n    }\n    onClick(e);\n  };\n\n  const canDropdown = useMemo(() => {\n    const hasMenu = menu && menu.items && menu.items.length > 0;\n    return hasMenu && !disabled;\n  }, [menu, disabled]);\n  if (!canDropdown) {\n    return (\n      <Tooltip {...tooltip} title={tooltip?.title}>\n        <button\n          type=\"button\"\n          id={id}\n          className={cn(\n            className,\n            'ald-icon-button-dropdown',\n            `ald-icon-button-${getSizeType(size)}`,\n            {\n              'ald-icon-button-disabled': disabled,\n              'ald-icon-button-dark': mode === 'dark',\n            },\n          )}\n          ref={ref}\n          onClick={onButtonClick}\n          data-testid={dataTestid}\n          aria-label={ariaLabel}\n          disabled={disabled}\n        >\n          <div className=\"ald-icon-button-wrap\">{icon}</div>\n          {showArrow && <FoldDownFill />}\n        </button>\n      </Tooltip>\n    );\n  }\n  return (\n    <Tooltip {...tooltip} title={tooltip?.title}>\n      <Dropdown menu={menu} onOpenChange={onOpenChange} {...restDropdownProps}>\n        <button\n          type=\"button\"\n          id={id}\n          className={cn(\n            className,\n            'ald-icon-button-dropdown',\n            `ald-icon-button-${getSizeType(size)}`,\n            {\n              'ald-icon-button-disabled': disabled,\n              'ald-icon-button-dark': mode === 'dark',\n            },\n          )}\n          ref={ref}\n          onClick={onButtonClick}\n          data-testid={dataTestid}\n          aria-label={ariaLabel}\n          disabled={disabled}\n        >\n          <div className=\"ald-icon-button-wrap\">{icon}</div>\n          {showArrow && <FoldDownFill />}\n        </button>\n      </Dropdown>\n    </Tooltip>\n  );\n});\nconst IconButton = InternalIconButton as typeof InternalIconButton & {\n  dropdown: typeof DropdownButton;\n  __ANT_BUTTON: boolean;\n};\nIconButton.dropdown = DropdownButton;\nIconButton.__ANT_BUTTON = true;\nexport default IconButton;\n"],"mappings":";;;;;;;;;AA2BA,IAAM,qBAAqB,WAAW,SACpC,OACA,KACA;CACA,MAAM,EACJ,MACA,gBAAgB,IAChB,UACA,OAAO,UACP,WACA,WACA,SACA,IACA,OAAO,SACP,eAAe,YACf,cAAc,cACZ;CACJ,MAAM,iBAAiB,MAAwB;AAC7C,MAAI,UAAU;AACZ,KAAE,iBAAiB;AACnB,KAAE,gBAAgB;AAClB;;AAEF,UAAQ,EAAE;;AAGZ,QACE,oBAAC,SAAD;EAAS,GAAI;EAAS,OAAO,SAAS;YACpC,oBAAC,UAAD;GACE,MAAK;GACD;GACJ,WAAW,GACT,WACA,mBACA,mBAAmB,YAAY,KAAK,IACpC;IACE,4BAA4B;IAC5B,yBAAyB;IACzB,wBAAwB,SAAS;IAClC,CACF;GACI;GACL,SAAS;GACT,eAAa;GACb,cAAY;GACF;aAEV,oBAAC,OAAD;IAAK,WAAU;cAAwB;IAAW,CAAA;GAC3C,CAAA;EACD,CAAA;EAEZ;AAEF,IAAM,iBAAiB,WAAW,SAChC,OACA,KACA;CACA,MAAM,EACJ,MACA,gBAAgB,IAChB,UACA,OAAO,UACP,MACA,WACA,cACA,SACA,IACA,WACA,OAAO,SACP,eAAe,YACf,cAAc,WACd,GAAG,sBACD;CACJ,MAAM,iBACJ,MACG;AACH,MAAI,UAAU;AACZ,KAAE,iBAAiB;AACnB,KAAE,gBAAgB;AAClB;;AAEF,UAAQ,EAAE;;AAOZ,KAAI,CAJgB,cAAc;AAEhC,SADgB,QAAQ,KAAK,SAAS,KAAK,MAAM,SAAS,KACxC,CAAC;IAClB,CAAC,MAAM,SAAS,CAAC,CAElB,QACE,oBAAC,SAAD;EAAS,GAAI;EAAS,OAAO,SAAS;YACpC,qBAAC,UAAD;GACE,MAAK;GACD;GACJ,WAAW,GACT,WACA,4BACA,mBAAmB,YAAY,KAAK,IACpC;IACE,4BAA4B;IAC5B,wBAAwB,SAAS;IAClC,CACF;GACI;GACL,SAAS;GACT,eAAa;GACb,cAAY;GACF;aAhBZ,CAkBE,oBAAC,OAAD;IAAK,WAAU;cAAwB;IAAW,CAAA,EACjD,aAAa,oBAAC,MAAD,EAAgB,CAAA,CACvB;;EACD,CAAA;AAGd,QACE,oBAAC,SAAD;EAAS,GAAI;EAAS,OAAO,SAAS;YACpC,oBAAC,UAAD;GAAgB;GAAoB;GAAc,GAAI;aACpD,qBAAC,UAAD;IACE,MAAK;IACD;IACJ,WAAW,GACT,WACA,4BACA,mBAAmB,YAAY,KAAK,IACpC;KACE,4BAA4B;KAC5B,wBAAwB,SAAS;KAClC,CACF;IACI;IACL,SAAS;IACT,eAAa;IACb,cAAY;IACF;cAhBZ,CAkBE,oBAAC,OAAD;KAAK,WAAU;eAAwB;KAAW,CAAA,EACjD,aAAa,oBAAC,MAAD,EAAgB,CAAA,CACvB;;GACA,CAAA;EACH,CAAA;EAEZ;AACF,IAAM,aAAa;AAInB,WAAW,WAAW;AACtB,WAAW,eAAe"}
+{"version":3,"file":"index.js","names":["cn","React","forwardRef","useMemo","Dropdown","IDropdownProps","FoldDownFill","TSize","getSizeType","Tooltip","ITooltipProps","IIconButtonProps","icon","ReactNode","onClick","e","MouseEvent","disabled","size","className","keepFocus","tooltip","id","mode","IDropdownIconButtonProps","Omit","showArrow","InternalIconButton","props","ref","$","_c","t0","t1","t2","dataTestid","ariaLabel","undefined","_temp","t3","stopPropagation","preventDefault","onButtonClick","t4","title","t5","t6","t7","t8","t9","t10","t11","DropdownButton","menu","onOpenChange","restDropdownProps","_temp2","hasMenu","items","length","canDropdown","t12","t13","IconButton","dropdown","__ANT_BUTTON"],"sources":["../../src/IconButton/index.tsx"],"sourcesContent":["import './icon-button.css';\nimport { cn } from '../lib/utils';\nimport React, { forwardRef, useMemo } from 'react';\nimport Dropdown, { IDropdownProps } from '../Dropdown/index';\nimport { FoldDownFill } from '../Icon';\nimport { TSize } from '../Input';\nimport { getSizeType } from '../Input/components/Input';\nimport Tooltip, { ITooltipProps } from '../Tooltip';\ninterface IIconButtonProps {\n  icon: React.ReactNode;\n  onClick?: (e: React.MouseEvent) => void;\n  disabled?: boolean;\n  size?: TSize;\n  className?: string;\n  keepFocus?: boolean;\n  tooltip?: ITooltipProps;\n  id?: string;\n  mode?: 'light' | 'dark';\n  /** 透传到底层触发器 DOM 的 data-testid，用于自动化测试定位 */\n  'data-testid'?: string;\n  /** 透传到底层触发器 DOM 的 aria-label，用于可访问性与自动化测试定位 */\n  'aria-label'?: string;\n}\ntype IDropdownIconButtonProps = IIconButtonProps &\n  Omit<IDropdownProps, 'children'> & {\n    showArrow?: boolean;\n  };\nconst InternalIconButton = forwardRef(function (\n  props: IIconButtonProps,\n  ref: React.Ref<HTMLButtonElement>,\n) {\n  const {\n    icon,\n    onClick = () => {},\n    disabled,\n    size = 'middle',\n    keepFocus,\n    className,\n    tooltip,\n    id,\n    mode = 'light',\n    'data-testid': dataTestid,\n    'aria-label': ariaLabel,\n  } = props;\n  const onButtonClick = (e: React.MouseEvent) => {\n    if (disabled) {\n      e.stopPropagation();\n      e.preventDefault();\n      return;\n    }\n    onClick(e);\n  };\n\n  return (\n    <Tooltip {...tooltip} title={tooltip?.title}>\n      <button\n        type=\"button\"\n        id={id}\n        className={cn(\n          className,\n          'ald-icon-button',\n          `ald-icon-button-${getSizeType(size)}`,\n          {\n            'ald-icon-button-disabled': disabled,\n            'ald-icon-button-focus': keepFocus,\n            'ald-icon-button-dark': mode === 'dark',\n          },\n        )}\n        ref={ref}\n        onClick={onButtonClick}\n        data-testid={dataTestid}\n        aria-label={ariaLabel}\n        disabled={disabled}\n      >\n        <div className=\"ald-icon-button-wrap\">{icon}</div>\n      </button>\n    </Tooltip>\n  );\n});\n\nconst DropdownButton = forwardRef(function (\n  props: IDropdownIconButtonProps,\n  ref: React.Ref<HTMLButtonElement>,\n) {\n  const {\n    icon,\n    onClick = () => {},\n    disabled,\n    size = 'middle',\n    menu,\n    className,\n    onOpenChange,\n    tooltip,\n    id,\n    showArrow,\n    mode = 'light',\n    'data-testid': dataTestid,\n    'aria-label': ariaLabel,\n    ...restDropdownProps\n  } = props;\n  const onButtonClick = (\n    e: React.MouseEvent<HTMLButtonElement, MouseEvent>,\n  ) => {\n    if (disabled) {\n      e.stopPropagation();\n      e.preventDefault();\n      return;\n    }\n    onClick(e);\n  };\n\n  const canDropdown = useMemo(() => {\n    const hasMenu = menu && menu.items && menu.items.length > 0;\n    return hasMenu && !disabled;\n  }, [menu, disabled]);\n  if (!canDropdown) {\n    return (\n      <Tooltip {...tooltip} title={tooltip?.title}>\n        <button\n          type=\"button\"\n          id={id}\n          className={cn(\n            className,\n            'ald-icon-button-dropdown',\n            `ald-icon-button-${getSizeType(size)}`,\n            {\n              'ald-icon-button-disabled': disabled,\n              'ald-icon-button-dark': mode === 'dark',\n            },\n          )}\n          ref={ref}\n          onClick={onButtonClick}\n          data-testid={dataTestid}\n          aria-label={ariaLabel}\n          disabled={disabled}\n        >\n          <div className=\"ald-icon-button-wrap\">{icon}</div>\n          {showArrow && <FoldDownFill />}\n        </button>\n      </Tooltip>\n    );\n  }\n  return (\n    <Tooltip {...tooltip} title={tooltip?.title}>\n      <Dropdown menu={menu} onOpenChange={onOpenChange} {...restDropdownProps}>\n        <button\n          type=\"button\"\n          id={id}\n          className={cn(\n            className,\n            'ald-icon-button-dropdown',\n            `ald-icon-button-${getSizeType(size)}`,\n            {\n              'ald-icon-button-disabled': disabled,\n              'ald-icon-button-dark': mode === 'dark',\n            },\n          )}\n          ref={ref}\n          onClick={onButtonClick}\n          data-testid={dataTestid}\n          aria-label={ariaLabel}\n          disabled={disabled}\n        >\n          <div className=\"ald-icon-button-wrap\">{icon}</div>\n          {showArrow && <FoldDownFill />}\n        </button>\n      </Dropdown>\n    </Tooltip>\n  );\n});\nconst IconButton = InternalIconButton as typeof InternalIconButton & {\n  dropdown: typeof DropdownButton;\n  __ANT_BUTTON: boolean;\n};\nIconButton.dropdown = DropdownButton;\nIconButton.__ANT_BUTTON = true;\nexport default IconButton;\n"],"mappings":";;;;;;;;;;AA2BA,IAAM2B,qBAAqBzB,WAAW,SAAA0B,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAIpC,MAAA,EAAAnB,MAAAE,SAAAkB,IAAAf,UAAAC,MAAAe,IAAAb,WAAAD,WAAAE,SAAAC,IAAAC,MAAAW,IAAA,eAAAC,YAAA,cAAAC,cAYIR;CAVF,MAAAd,UAAAkB,OAAAK,SAAAC,QAAAN;CAEA,MAAAd,OAAAe,OAAAI,SAAA,WAAAJ;CAKA,MAAAV,OAAAW,OAAAG,SAAA,UAAAH;CAAc,IAAAK;AAAA,KAAAT,EAAA,OAAAb,YAAAa,EAAA,OAAAhB,SAAA;AAIMyB,QAAAxB,MAAA;AACpB,OAAIE,UAAQ;AACVF,MAACyB,iBAAkB;AACnBzB,MAAC0B,gBAAiB;AAAA;;AAGpB3B,WAAQC,EAAE;;AACXe,IAAA,KAAAb;AAAAa,IAAA,KAAAhB;AAAAgB,IAAA,KAAAS;OAAAA,MAAAT,EAAA;CAPD,MAAAY,gBAAsBH;CAUS,MAAAI,KAAAtB,SAAOuB;CAAO,IAAAC;AAAA,KAAAf,EAAA,OAAAZ,MAAA;AAOlB2B,OAAArC,YAAYU,KAAK;AAAAY,IAAA,KAAAZ;AAAAY,IAAA,KAAAe;OAAAA,MAAAf,EAAA;CAApC,MAAAgB,KAAA,mBAAmBD;CAIO,MAAAE,KAAAxB,SAAS;CAAM,IAAAyB;AAAA,KAAAlB,EAAA,OAAAX,aAAAW,EAAA,OAAAb,YAAAa,EAAA,OAAAV,aAAAU,EAAA,OAAAgB,MAAAhB,EAAA,OAAAiB,IAAA;AAPhCC,OAAAhD,GACTmB,WACA,mBACA2B,IACA;GAAA,4BAC8B7B;GAAQ,yBACXG;GAAS,wBACV2B;GAE5B,CAAC;AAAAjB,IAAA,KAAAX;AAAAW,IAAA,KAAAb;AAAAa,IAAA,KAAAV;AAAAU,IAAA,KAAAgB;AAAAhB,IAAA,KAAAiB;AAAAjB,IAAA,MAAAkB;OAAAA,MAAAlB,EAAA;CAAA,IAAAmB;AAAA,KAAAnB,EAAA,QAAAlB,MAAA;AAODqC,OAAA,oBAAA,OAAA;GAAe,WAAA;aAAwBrC;GAAW,CAAA;AAAAkB,IAAA,MAAAlB;AAAAkB,IAAA,MAAAmB;OAAAA,MAAAnB,EAAA;CAAA,IAAAoB;AAAA,KAAApB,EAAA,QAAAM,aAAAN,EAAA,QAAAK,cAAAL,EAAA,QAAAb,YAAAa,EAAA,QAAAR,MAAAQ,EAAA,QAAAY,iBAAAZ,EAAA,QAAAD,OAAAC,EAAA,QAAAkB,MAAAlB,EAAA,QAAAmB,IAAA;AAnBpDC,QAAA,oBAAA,UAAA;GACO,MAAA;GACD5B;GACO,WAAA0B;GAUNnB;GACIa,SAAAA;GACIP,eAAAA;GACDC,cAAAA;GACFnB;aAEVgC;GACO,CAAA;AAAAnB,IAAA,MAAAM;AAAAN,IAAA,MAAAK;AAAAL,IAAA,MAAAb;AAAAa,IAAA,MAAAR;AAAAQ,IAAA,MAAAY;AAAAZ,IAAA,MAAAD;AAAAC,IAAA,MAAAkB;AAAAlB,IAAA,MAAAmB;AAAAnB,IAAA,MAAAoB;OAAAA,OAAApB,EAAA;CAAA,IAAAqB;AAAA,KAAArB,EAAA,QAAAoB,OAAApB,EAAA,QAAAa,MAAAb,EAAA,QAAAT,SAAA;AArBX8B,QAAA,oBAAC,SAAD;GAAQ,GAAK9B;GAAgB,OAAAsB;aAC3BO;GAqBQ,CAAA;AAAApB,IAAA,MAAAoB;AAAApB,IAAA,MAAAa;AAAAb,IAAA,MAAAT;AAAAS,IAAA,MAAAqB;OAAAA,OAAArB,EAAA;AAAA,QAtBVqB;EAwBF;AAEF,IAAMC,iBAAiBlD,WAAW,SAAA0B,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAK;CAAA,IAAAjB;CAAA,IAAAgB;CAAA,IAAAlB;CAAA,IAAAL;CAAA,IAAAU;CAAA,IAAA+B;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAA7B;CAAA,IAAAM;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAb;AAAA,KAAAS,EAAA,OAAAF,OAAA;AAIhC,GAAA,CAAAhB,MAAAE,SAAAkB,IAAAf,UAAAC,MAAAe,IAAAoB,MAAAlC,WAAAmC,cAAAjC,SAAAC,IAAAI,WAAAH,MAAAW,IAAA,eAAAC,YAAA,cAAAC,cAAAmB,qBAeI3B;AAAME,IAAA,KAAAF;AAAAE,IAAA,KAAAM;AAAAN,IAAA,KAAAX;AAAAW,IAAA,KAAAK;AAAAL,IAAA,KAAAb;AAAAa,IAAA,KAAAlB;AAAAkB,IAAA,KAAAR;AAAAQ,IAAA,KAAAuB;AAAAvB,IAAA,KAAAwB;AAAAxB,IAAA,KAAAyB;AAAAzB,IAAA,MAAAJ;AAAAI,IAAA,MAAAE;AAAAF,IAAA,MAAAG;AAAAH,IAAA,MAAAI;AAAAJ,IAAA,MAAAT;QAAA;AAAAe,cAAAN,EAAA;AAAAX,cAAAW,EAAA;AAAAK,eAAAL,EAAA;AAAAb,aAAAa,EAAA;AAAAlB,SAAAkB,EAAA;AAAAR,OAAAQ,EAAA;AAAAuB,SAAAvB,EAAA;AAAAwB,iBAAAxB,EAAA;AAAAyB,sBAAAzB,EAAA;AAAAJ,cAAAI,EAAA;AAAAE,OAAAF,EAAA;AAAAG,OAAAH,EAAA;AAAAI,OAAAJ,EAAA;AAAAT,YAAAS,EAAA;;CAbR,MAAAhB,UAAAkB,OAAAK,SAAAmB,SAAAxB;CAEA,MAAAd,OAAAe,OAAAI,SAAA,WAAAJ;CAOA,MAAAV,OAAAW,OAAAG,SAAA,UAAAH;CAAc,IAAAK;AAAA,KAAAT,EAAA,QAAAb,YAAAa,EAAA,QAAAhB,SAAA;AAKMyB,QAAAxB,MAAA;AAGpB,OAAIE,UAAQ;AACVF,MAACyB,iBAAkB;AACnBzB,MAAC0B,gBAAiB;AAAA;;AAGpB3B,WAAQC,EAAE;;AACXe,IAAA,MAAAb;AAAAa,IAAA,MAAAhB;AAAAgB,IAAA,MAAAS;OAAAA,MAAAT,EAAA;CATD,MAAAY,gBAAsBH;AAetB,KAAI,EAHcc,QAAQA,KAAIK,SAAUL,KAAIK,MAAMC,SAAU,KACnD,CAAY1C,WAEL;EAEiB,MAAA0B,KAAAtB,SAAOuB;EAAO,IAAAC;AAAA,MAAAf,EAAA,QAAAZ,MAAA;AAOlB2B,QAAArC,YAAYU,KAAK;AAAAY,KAAA,MAAAZ;AAAAY,KAAA,MAAAe;QAAAA,MAAAf,EAAA;EAApC,MAAAgB,KAAA,mBAAmBD;EAGO,MAAAE,KAAAxB,SAAS;EAAM,IAAAyB;AAAA,MAAAlB,EAAA,QAAAX,aAAAW,EAAA,QAAAb,YAAAa,EAAA,QAAAgB,MAAAhB,EAAA,QAAAiB,IAAA;AANhCC,QAAAhD,GACTmB,WACA,4BACA2B,IACA;IAAA,4BAC8B7B;IAAQ,wBACZ8B;IAE5B,CAAC;AAAAjB,KAAA,MAAAX;AAAAW,KAAA,MAAAb;AAAAa,KAAA,MAAAgB;AAAAhB,KAAA,MAAAiB;AAAAjB,KAAA,MAAAkB;QAAAA,MAAAlB,EAAA;EAAA,IAAAmB;AAAA,MAAAnB,EAAA,QAAAlB,MAAA;AAODqC,QAAA,oBAAA,OAAA;IAAe,WAAA;cAAwBrC;IAAW,CAAA;AAAAkB,KAAA,MAAAlB;AAAAkB,KAAA,MAAAmB;QAAAA,MAAAnB,EAAA;EAAA,IAAAoB;AAAA,MAAApB,EAAA,QAAAJ,WAAA;AACjDwB,SAAAxB,aAAa,oBAAC,MAAD,EAAgB,CAAA;AAAAI,KAAA,MAAAJ;AAAAI,KAAA,MAAAoB;QAAAA,OAAApB,EAAA;EAAA,IAAAqB;AAAA,MAAArB,EAAA,QAAAM,aAAAN,EAAA,QAAAK,cAAAL,EAAA,QAAAb,YAAAa,EAAA,QAAAR,MAAAQ,EAAA,QAAAY,iBAAAZ,EAAA,QAAAD,OAAAC,EAAA,QAAAoB,OAAApB,EAAA,QAAAkB,MAAAlB,EAAA,QAAAmB,IAAA;AAnBhCE,SAAA,qBAAA,UAAA;IACO,MAAA;IACD7B;IACO,WAAA0B;IASNnB;IACIa,SAAAA;IACIP,eAAAA;IACDC,cAAAA;IACFnB;cAhBZ,CAkBEgC,IACCC,IACM;;AAAApB,KAAA,MAAAM;AAAAN,KAAA,MAAAK;AAAAL,KAAA,MAAAb;AAAAa,KAAA,MAAAR;AAAAQ,KAAA,MAAAY;AAAAZ,KAAA,MAAAD;AAAAC,KAAA,MAAAoB;AAAApB,KAAA,MAAAkB;AAAAlB,KAAA,MAAAmB;AAAAnB,KAAA,MAAAqB;QAAAA,OAAArB,EAAA;EAAA,IAAA+B;AAAA,MAAA/B,EAAA,QAAAqB,OAAArB,EAAA,QAAAa,MAAAb,EAAA,QAAAT,SAAA;AArBXwC,SAAA,oBAAC,SAAD;IAAQ,GAAKxC;IAAgB,OAAAsB;cAC3BQ;IAqBQ,CAAA;AAAArB,KAAA,MAAAqB;AAAArB,KAAA,MAAAa;AAAAb,KAAA,MAAAT;AAAAS,KAAA,MAAA+B;QAAAA,OAAA/B,EAAA;AAAA,SAtBV+B;;CA0B2B,MAAAlB,KAAAtB,SAAOuB;CAAO,IAAAC;AAAA,KAAAf,EAAA,QAAAZ,MAAA;AAQhB2B,OAAArC,YAAYU,KAAK;AAAAY,IAAA,MAAAZ;AAAAY,IAAA,MAAAe;OAAAA,MAAAf,EAAA;CAApC,MAAAgB,KAAA,mBAAmBD;CAGO,MAAAE,KAAAxB,SAAS;CAAM,IAAAyB;AAAA,KAAAlB,EAAA,QAAAX,aAAAW,EAAA,QAAAb,YAAAa,EAAA,QAAAgB,MAAAhB,EAAA,QAAAiB,IAAA;AANhCC,OAAAhD,GACTmB,WACA,4BACA2B,IACA;GAAA,4BAC8B7B;GAAQ,wBACZ8B;GAE5B,CAAC;AAAAjB,IAAA,MAAAX;AAAAW,IAAA,MAAAb;AAAAa,IAAA,MAAAgB;AAAAhB,IAAA,MAAAiB;AAAAjB,IAAA,MAAAkB;OAAAA,MAAAlB,EAAA;CAAA,IAAAmB;AAAA,KAAAnB,EAAA,QAAAlB,MAAA;AAODqC,OAAA,oBAAA,OAAA;GAAe,WAAA;aAAwBrC;GAAW,CAAA;AAAAkB,IAAA,MAAAlB;AAAAkB,IAAA,MAAAmB;OAAAA,MAAAnB,EAAA;CAAA,IAAAoB;AAAA,KAAApB,EAAA,QAAAJ,WAAA;AACjDwB,QAAAxB,aAAa,oBAAC,MAAD,EAAgB,CAAA;AAAAI,IAAA,MAAAJ;AAAAI,IAAA,MAAAoB;OAAAA,OAAApB,EAAA;CAAA,IAAAqB;AAAA,KAAArB,EAAA,QAAAM,aAAAN,EAAA,QAAAK,cAAAL,EAAA,QAAAb,YAAAa,EAAA,QAAAR,MAAAQ,EAAA,QAAAY,iBAAAZ,EAAA,QAAAD,OAAAC,EAAA,QAAAoB,OAAApB,EAAA,QAAAkB,MAAAlB,EAAA,QAAAmB,IAAA;AAnBhCE,QAAA,qBAAA,UAAA;GACO,MAAA;GACD7B;GACO,WAAA0B;GASNnB;GACIa,SAAAA;GACIP,eAAAA;GACDC,cAAAA;GACFnB;aAhBZ,CAkBEgC,IACCC,IACM;;AAAApB,IAAA,MAAAM;AAAAN,IAAA,MAAAK;AAAAL,IAAA,MAAAb;AAAAa,IAAA,MAAAR;AAAAQ,IAAA,MAAAY;AAAAZ,IAAA,MAAAD;AAAAC,IAAA,MAAAoB;AAAApB,IAAA,MAAAkB;AAAAlB,IAAA,MAAAmB;AAAAnB,IAAA,MAAAqB;OAAAA,OAAArB,EAAA;CAAA,IAAA+B;AAAA,KAAA/B,EAAA,QAAAuB,QAAAvB,EAAA,QAAAwB,gBAAAxB,EAAA,QAAAyB,qBAAAzB,EAAA,QAAAqB,KAAA;AArBXU,QAAA,oBAAC,UAAD;GAAgBR;GAAoBC;GAAY,GAAMC;aACpDJ;GAqBS,CAAA;AAAArB,IAAA,MAAAuB;AAAAvB,IAAA,MAAAwB;AAAAxB,IAAA,MAAAyB;AAAAzB,IAAA,MAAAqB;AAAArB,IAAA,MAAA+B;OAAAA,OAAA/B,EAAA;CAAA,IAAAgC;AAAA,KAAAhC,EAAA,QAAA+B,OAAA/B,EAAA,QAAAa,MAAAb,EAAA,QAAAT,SAAA;AAvBbyC,QAAA,oBAAC,SAAD;GAAQ,GAAKzC;GAAgB,OAAAsB;aAC3BkB;GAuBQ,CAAA;AAAA/B,IAAA,MAAA+B;AAAA/B,IAAA,MAAAa;AAAAb,IAAA,MAAAT;AAAAS,IAAA,MAAAgC;OAAAA,OAAAhC,EAAA;AAAA,QAxBVgC;EA0BF;AACF,IAAMC,aAAapC;AAInBoC,WAAWC,WAAWZ;AACtBW,WAAWE,eAAe;AApJY,SAAA3B,QAAA;AAqDJ,SAAAkB,SAAA"}

package/dist/IconButton.js

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

package/dist/Input/components/Input/index.d.ts

@@ -1,5 +1,5 @@
 import { default as React, ReactNode } from 'react';
-import { SizeType } from '../../../ConfigProvider/sizeContext';
+import { SizeType } from '../../../ConfigProvider/sizeContext.js';
 interface IShowCountProps {
     formatter: (args: {
         count: number;