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

package/dist/Layout/index.js

@@ -1,12 +1,33 @@
 import { cn } from "../lib/utils.js";
+import { c } from "react-compiler-runtime";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/Layout/index.tsx
-var Layout = ({ className, style, children, hasSider }) => /* @__PURE__ */ jsx("section", {
-	className: cn("ald-layout tw-flex tw-flex-auto", hasSider ? "tw-flex-row" : "tw-flex-col", className),
-	style,
-	children
-});
+var Layout = (t0) => {
+	const $ = c(7);
+	const { className, style, children, hasSider } = t0;
+	const t1 = hasSider ? "tw-flex-row" : "tw-flex-col";
+	let t2;
+	if ($[0] !== className || $[1] !== t1) {
+		t2 = cn("ald-layout tw-flex tw-flex-auto", t1, className);
+		$[0] = className;
+		$[1] = t1;
+		$[2] = t2;
+	} else t2 = $[2];
+	let t3;
+	if ($[3] !== children || $[4] !== style || $[5] !== t2) {
+		t3 = /* @__PURE__ */ jsx("section", {
+			className: t2,
+			style,
+			children
+		});
+		$[3] = children;
+		$[4] = style;
+		$[5] = t2;
+		$[6] = t3;
+	} else t3 = $[6];
+	return t3;
+};
 Layout.Header = ({ className, style, children }) => /* @__PURE__ */ jsx("header", {
 	className: cn("ald-layout-header tw-flex-none", className),
 	style,
@@ -30,33 +51,80 @@ var breakpointWidths = {
 	xl: 1200,
 	xxl: 1600
 };
-function Sider({ className, style, children, width = 200, collapsed: controlledCollapsed, collapsedWidth = 80, collapsible = false, trigger, onCollapse, breakpoint, onBreakpoint, theme }) {
+function Sider(t0) {
+	const $ = c(26);
+	const { className, style, children, width: t1, collapsed: controlledCollapsed, collapsedWidth: t2, collapsible: t3, trigger, onCollapse, breakpoint, onBreakpoint, theme } = t0;
+	const width = t1 === void 0 ? 200 : t1;
+	const collapsedWidth = t2 === void 0 ? 80 : t2;
+	const collapsible = t3 === void 0 ? false : t3;
 	const [internalCollapsed, setInternalCollapsed] = React.useState(false);
-	React.useEffect(() => {
-		if (!breakpoint) return;
-		const mq = window.matchMedia(`(max-width: ${breakpointWidths[breakpoint]}px)`);
-		const handler = (e) => onBreakpoint?.(e.matches);
-		mq.addEventListener("change", handler);
-		onBreakpoint?.(mq.matches);
-		return () => mq.removeEventListener("change", handler);
-	}, [breakpoint, onBreakpoint]);
+	let t4;
+	let t5;
+	if ($[0] !== breakpoint || $[1] !== onBreakpoint) {
+		t4 = () => {
+			if (!breakpoint) return;
+			const mq = window.matchMedia(`(max-width: ${breakpointWidths[breakpoint]}px)`);
+			const handler = (e) => onBreakpoint?.(e.matches);
+			mq.addEventListener("change", handler);
+			onBreakpoint?.(mq.matches);
+			return () => mq.removeEventListener("change", handler);
+		};
+		t5 = [breakpoint, onBreakpoint];
+		$[0] = breakpoint;
+		$[1] = onBreakpoint;
+		$[2] = t4;
+		$[3] = t5;
+	} else {
+		t4 = $[2];
+		t5 = $[3];
+	}
+	React.useEffect(t4, t5);
 	const isCollapsed = controlledCollapsed !== void 0 ? controlledCollapsed : internalCollapsed;
-	const handleToggle = () => {
-		const next = !isCollapsed;
-		if (controlledCollapsed === void 0) setInternalCollapsed(next);
-		onCollapse?.(next);
-	};
+	let t6;
+	if ($[4] !== controlledCollapsed || $[5] !== isCollapsed || $[6] !== onCollapse) {
+		t6 = () => {
+			const next = !isCollapsed;
+			if (controlledCollapsed === void 0) setInternalCollapsed(next);
+			onCollapse?.(next);
+		};
+		$[4] = controlledCollapsed;
+		$[5] = isCollapsed;
+		$[6] = onCollapse;
+		$[7] = t6;
+	} else t6 = $[7];
+	const handleToggle = t6;
 	const showTrigger = collapsible && trigger !== null;
-	return /* @__PURE__ */ jsxs("aside", {
-		className: cn("ald-layout-sider tw-relative tw-flex tw-flex-none tw-flex-col tw-transition-all", theme === "dark" && "tw-bg-[var(--background-inverted)] tw-text-[var(--content-inverted-primary)]", className),
-		style: {
-			width: isCollapsed ? collapsedWidth : width,
+	const t7 = theme === "dark" && "tw-bg-[var(--background-inverted)] tw-text-[var(--content-inverted-primary)]";
+	let t8;
+	if ($[8] !== className || $[9] !== t7) {
+		t8 = cn("ald-layout-sider tw-relative tw-flex tw-flex-none tw-flex-col tw-transition-all", t7, className);
+		$[8] = className;
+		$[9] = t7;
+		$[10] = t8;
+	} else t8 = $[10];
+	const t9 = isCollapsed ? collapsedWidth : width;
+	let t10;
+	if ($[11] !== style || $[12] !== t9) {
+		t10 = {
+			width: t9,
 			...style
-		},
-		children: [/* @__PURE__ */ jsx("div", {
+		};
+		$[11] = style;
+		$[12] = t9;
+		$[13] = t10;
+	} else t10 = $[13];
+	let t11;
+	if ($[14] !== children) {
+		t11 = /* @__PURE__ */ jsx("div", {
 			className: "tw-flex-1 tw-overflow-hidden",
 			children
-		}), showTrigger && /* @__PURE__ */ jsx("div", {
+		});
+		$[14] = children;
+		$[15] = t11;
+	} else t11 = $[15];
+	let t12;
+	if ($[16] !== handleToggle || $[17] !== isCollapsed || $[18] !== showTrigger || $[19] !== trigger) {
+		t12 = showTrigger && /* @__PURE__ */ jsx("div", {
 			className: "ald-layout-sider-trigger tw-flex tw-h-12 tw-cursor-pointer tw-items-center tw-justify-center tw-border-t tw-border-solid tw-border-[var(--border-default)] tw-bg-[var(--background-neutral-subtle)] tw-text-[var(--content-secondary)] hover:tw-text-[var(--content-primary)]",
 			onClick: handleToggle,
 			children: trigger !== void 0 ? trigger : /* @__PURE__ */ jsx("span", {
@@ -64,8 +132,27 @@ function Sider({ className, style, children, width = 200, collapsed: controlledC
 				style: { transform: isCollapsed ? "rotate(0deg)" : "rotate(180deg)" },
 				children: "◀"
 			})
-		})]
-	});
+		});
+		$[16] = handleToggle;
+		$[17] = isCollapsed;
+		$[18] = showTrigger;
+		$[19] = trigger;
+		$[20] = t12;
+	} else t12 = $[20];
+	let t13;
+	if ($[21] !== t10 || $[22] !== t11 || $[23] !== t12 || $[24] !== t8) {
+		t13 = /* @__PURE__ */ jsxs("aside", {
+			className: t8,
+			style: t10,
+			children: [t11, t12]
+		});
+		$[21] = t10;
+		$[22] = t11;
+		$[23] = t12;
+		$[24] = t8;
+		$[25] = t13;
+	} else t13 = $[25];
+	return t13;
 }
 Layout.Sider = Sider;
 //#endregion

package/dist/Layout/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/Layout/index.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../lib/utils';\n\nexport interface LayoutProps {\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n  hasSider?: boolean;\n}\n\nexport interface SiderProps {\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n  width?: number | string;\n  collapsed?: boolean;\n  collapsedWidth?: number | string;\n  collapsible?: boolean;\n  trigger?: React.ReactNode;\n  onCollapse?: (collapsed: boolean) => void;\n  breakpoint?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';\n  onBreakpoint?: (broken: boolean) => void;\n  theme?: 'light' | 'dark';\n}\n\ninterface LayoutComponent extends React.FC<LayoutProps> {\n  Header: React.FC<LayoutProps>;\n  Footer: React.FC<LayoutProps>;\n  Content: React.FC<LayoutProps>;\n  Sider: React.FC<SiderProps>;\n}\n\nconst Layout: LayoutComponent = ({ className, style, children, hasSider }) => (\n  <section\n    className={cn(\n      'ald-layout tw-flex tw-flex-auto',\n      hasSider ? 'tw-flex-row' : 'tw-flex-col',\n      className,\n    )}\n    style={style}\n  >\n    {children}\n  </section>\n);\n\nLayout.Header = ({ className, style, children }) => (\n  <header\n    className={cn('ald-layout-header tw-flex-none', className)}\n    style={style}\n  >\n    {children}\n  </header>\n);\n\nLayout.Footer = ({ className, style, children }) => (\n  <footer\n    className={cn('ald-layout-footer tw-flex-none', className)}\n    style={style}\n  >\n    {children}\n  </footer>\n);\n\nLayout.Content = ({ className, style, children }) => (\n  <main\n    className={cn('ald-layout-content tw-flex-auto', className)}\n    style={style}\n  >\n    {children}\n  </main>\n);\n\nconst breakpointWidths: Record<string, number> = {\n  xs: 480,\n  sm: 576,\n  md: 768,\n  lg: 992,\n  xl: 1200,\n  xxl: 1600,\n};\n\nfunction Sider({\n  className,\n  style,\n  children,\n  width = 200,\n  collapsed: controlledCollapsed,\n  collapsedWidth = 80,\n  collapsible = false,\n  trigger,\n  onCollapse,\n  breakpoint,\n  onBreakpoint,\n  theme,\n}: SiderProps) {\n  const [internalCollapsed, setInternalCollapsed] = React.useState(false);\n\n  React.useEffect(() => {\n    if (!breakpoint) return;\n    const mq = window.matchMedia(\n      `(max-width: ${breakpointWidths[breakpoint]}px)`,\n    );\n    const handler = (e: MediaQueryListEvent) => onBreakpoint?.(e.matches);\n    mq.addEventListener('change', handler);\n    onBreakpoint?.(mq.matches);\n    return () => mq.removeEventListener('change', handler);\n  }, [breakpoint, onBreakpoint]);\n  const isCollapsed =\n    controlledCollapsed !== undefined ? controlledCollapsed : internalCollapsed;\n\n  const handleToggle = () => {\n    const next = !isCollapsed;\n    if (controlledCollapsed === undefined) {\n      setInternalCollapsed(next);\n    }\n    onCollapse?.(next);\n  };\n\n  const showTrigger = collapsible && trigger !== null;\n\n  return (\n    <aside\n      className={cn(\n        'ald-layout-sider tw-relative tw-flex tw-flex-none tw-flex-col tw-transition-all',\n        theme === 'dark' &&\n          'tw-bg-[var(--background-inverted)] tw-text-[var(--content-inverted-primary)]',\n        className,\n      )}\n      style={{\n        width: isCollapsed ? collapsedWidth : width,\n        ...style,\n      }}\n    >\n      <div className=\"tw-flex-1 tw-overflow-hidden\">{children}</div>\n      {showTrigger && (\n        <div\n          className=\"ald-layout-sider-trigger tw-flex tw-h-12 tw-cursor-pointer tw-items-center tw-justify-center tw-border-t tw-border-solid tw-border-[var(--border-default)] tw-bg-[var(--background-neutral-subtle)] tw-text-[var(--content-secondary)] hover:tw-text-[var(--content-primary)]\"\n          onClick={handleToggle}\n        >\n          {trigger !== undefined ? (\n            trigger\n          ) : (\n            <span\n              className=\"tw-inline-block tw-text-xs tw-transition-transform\"\n              style={{\n                transform: isCollapsed ? 'rotate(0deg)' : 'rotate(180deg)',\n              }}\n            >\n              {'\\u25C0'}\n            </span>\n          )}\n        </div>\n      )}\n    </aside>\n  );\n}\n\nLayout.Sider = Sider;\n\nexport default Layout;\n"],"mappings":";;;;AAgCA,IAAM,UAA2B,EAAE,WAAW,OAAO,UAAU,eAC7D,oBAAC,WAAD;CACE,WAAW,GACT,mCACA,WAAW,gBAAgB,eAC3B,UACD;CACM;CAEN;CACO,CAAA;AAGZ,OAAO,UAAU,EAAE,WAAW,OAAO,eACnC,oBAAC,UAAD;CACE,WAAW,GAAG,kCAAkC,UAAU;CACnD;CAEN;CACM,CAAA;AAGX,OAAO,UAAU,EAAE,WAAW,OAAO,eACnC,oBAAC,UAAD;CACE,WAAW,GAAG,kCAAkC,UAAU;CACnD;CAEN;CACM,CAAA;AAGX,OAAO,WAAW,EAAE,WAAW,OAAO,eACpC,oBAAC,QAAD;CACE,WAAW,GAAG,mCAAmC,UAAU;CACpD;CAEN;CACI,CAAA;AAGT,IAAM,mBAA2C;CAC/C,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,KAAK;CACN;AAED,SAAS,MAAM,EACb,WACA,OACA,UACA,QAAQ,KACR,WAAW,qBACX,iBAAiB,IACjB,cAAc,OACd,SACA,YACA,YACA,cACA,SACa;CACb,MAAM,CAAC,mBAAmB,wBAAwB,MAAM,SAAS,MAAM;AAEvE,OAAM,gBAAgB;AACpB,MAAI,CAAC,WAAY;EACjB,MAAM,KAAK,OAAO,WAChB,eAAe,iBAAiB,YAAY,KAC7C;EACD,MAAM,WAAW,MAA2B,eAAe,EAAE,QAAQ;AACrE,KAAG,iBAAiB,UAAU,QAAQ;AACtC,iBAAe,GAAG,QAAQ;AAC1B,eAAa,GAAG,oBAAoB,UAAU,QAAQ;IACrD,CAAC,YAAY,aAAa,CAAC;CAC9B,MAAM,cACJ,wBAAwB,SAAY,sBAAsB;CAE5D,MAAM,qBAAqB;EACzB,MAAM,OAAO,CAAC;AACd,MAAI,wBAAwB,OAC1B,sBAAqB,KAAK;AAE5B,eAAa,KAAK;;CAGpB,MAAM,cAAc,eAAe,YAAY;AAE/C,QACE,qBAAC,SAAD;EACE,WAAW,GACT,mFACA,UAAU,UACR,gFACF,UACD;EACD,OAAO;GACL,OAAO,cAAc,iBAAiB;GACtC,GAAG;GACJ;YAVH,CAYE,oBAAC,OAAD;GAAK,WAAU;GAAgC;GAAe,CAAA,EAC7D,eACC,oBAAC,OAAD;GACE,WAAU;GACV,SAAS;aAER,YAAY,SACX,UAEA,oBAAC,QAAD;IACE,WAAU;IACV,OAAO,EACL,WAAW,cAAc,iBAAiB,kBAC3C;cAEA;IACI,CAAA;GAEL,CAAA,CAEF;;;AAIZ,OAAO,QAAQ"}
+{"version":3,"file":"index.js","names":["React","cn","LayoutProps","className","style","CSSProperties","children","ReactNode","hasSider","SiderProps","width","collapsed","collapsedWidth","collapsible","trigger","onCollapse","breakpoint","onBreakpoint","broken","theme","LayoutComponent","FC","Header","Footer","Content","Sider","Layout","t0","$","_c","t1","t2","t3","breakpointWidths","Record","xs","sm","md","lg","xl","xxl","controlledCollapsed","undefined","internalCollapsed","setInternalCollapsed","useState","t4","t5","mq","window","matchMedia","handler","e","matches","addEventListener","removeEventListener","useEffect","isCollapsed","t6","next","handleToggle","showTrigger","t7","t8","t9","t10","t11","t12","transform","t13"],"sources":["../../src/Layout/index.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../lib/utils';\n\nexport interface LayoutProps {\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n  hasSider?: boolean;\n}\n\nexport interface SiderProps {\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n  width?: number | string;\n  collapsed?: boolean;\n  collapsedWidth?: number | string;\n  collapsible?: boolean;\n  trigger?: React.ReactNode;\n  onCollapse?: (collapsed: boolean) => void;\n  breakpoint?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';\n  onBreakpoint?: (broken: boolean) => void;\n  theme?: 'light' | 'dark';\n}\n\ninterface LayoutComponent extends React.FC<LayoutProps> {\n  Header: React.FC<LayoutProps>;\n  Footer: React.FC<LayoutProps>;\n  Content: React.FC<LayoutProps>;\n  Sider: React.FC<SiderProps>;\n}\n\nconst Layout: LayoutComponent = ({ className, style, children, hasSider }) => (\n  <section\n    className={cn(\n      'ald-layout tw-flex tw-flex-auto',\n      hasSider ? 'tw-flex-row' : 'tw-flex-col',\n      className,\n    )}\n    style={style}\n  >\n    {children}\n  </section>\n);\n\nLayout.Header = ({ className, style, children }) => (\n  <header\n    className={cn('ald-layout-header tw-flex-none', className)}\n    style={style}\n  >\n    {children}\n  </header>\n);\n\nLayout.Footer = ({ className, style, children }) => (\n  <footer\n    className={cn('ald-layout-footer tw-flex-none', className)}\n    style={style}\n  >\n    {children}\n  </footer>\n);\n\nLayout.Content = ({ className, style, children }) => (\n  <main\n    className={cn('ald-layout-content tw-flex-auto', className)}\n    style={style}\n  >\n    {children}\n  </main>\n);\n\nconst breakpointWidths: Record<string, number> = {\n  xs: 480,\n  sm: 576,\n  md: 768,\n  lg: 992,\n  xl: 1200,\n  xxl: 1600,\n};\n\nfunction Sider({\n  className,\n  style,\n  children,\n  width = 200,\n  collapsed: controlledCollapsed,\n  collapsedWidth = 80,\n  collapsible = false,\n  trigger,\n  onCollapse,\n  breakpoint,\n  onBreakpoint,\n  theme,\n}: SiderProps) {\n  const [internalCollapsed, setInternalCollapsed] = React.useState(false);\n\n  React.useEffect(() => {\n    if (!breakpoint) return;\n    const mq = window.matchMedia(\n      `(max-width: ${breakpointWidths[breakpoint]}px)`,\n    );\n    const handler = (e: MediaQueryListEvent) => onBreakpoint?.(e.matches);\n    mq.addEventListener('change', handler);\n    onBreakpoint?.(mq.matches);\n    return () => mq.removeEventListener('change', handler);\n  }, [breakpoint, onBreakpoint]);\n  const isCollapsed =\n    controlledCollapsed !== undefined ? controlledCollapsed : internalCollapsed;\n\n  const handleToggle = () => {\n    const next = !isCollapsed;\n    if (controlledCollapsed === undefined) {\n      setInternalCollapsed(next);\n    }\n    onCollapse?.(next);\n  };\n\n  const showTrigger = collapsible && trigger !== null;\n\n  return (\n    <aside\n      className={cn(\n        'ald-layout-sider tw-relative tw-flex tw-flex-none tw-flex-col tw-transition-all',\n        theme === 'dark' &&\n          'tw-bg-[var(--background-inverted)] tw-text-[var(--content-inverted-primary)]',\n        className,\n      )}\n      style={{\n        width: isCollapsed ? collapsedWidth : width,\n        ...style,\n      }}\n    >\n      <div className=\"tw-flex-1 tw-overflow-hidden\">{children}</div>\n      {showTrigger && (\n        <div\n          className=\"ald-layout-sider-trigger tw-flex tw-h-12 tw-cursor-pointer tw-items-center tw-justify-center tw-border-t tw-border-solid tw-border-[var(--border-default)] tw-bg-[var(--background-neutral-subtle)] tw-text-[var(--content-secondary)] hover:tw-text-[var(--content-primary)]\"\n          onClick={handleToggle}\n        >\n          {trigger !== undefined ? (\n            trigger\n          ) : (\n            <span\n              className=\"tw-inline-block tw-text-xs tw-transition-transform\"\n              style={{\n                transform: isCollapsed ? 'rotate(0deg)' : 'rotate(180deg)',\n              }}\n            >\n              {'\\u25C0'}\n            </span>\n          )}\n        </div>\n      )}\n    </aside>\n  );\n}\n\nLayout.Sider = Sider;\n\nexport default Layout;\n"],"mappings":"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"}

package/dist/Layout.js

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

package/dist/List/Item.js

@@ -1,4 +1,5 @@
 import { cn } from "../lib/utils.js";
+import { c } from "react-compiler-runtime";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/List/Item.tsx
@@ -27,30 +28,113 @@ var Meta = ({ className, avatar, title, description, ...others }) => {
 	});
 };
 var Item = React.forwardRef((props, ref) => {
-	const { children, actions, styles, className, prefix, classNames: customizeClassNames, ...others } = props;
-	const moduleClass = (moduleName) => cn(customizeClassNames?.[moduleName]);
-	const moduleStyle = (moduleName) => ({ ...styles?.[moduleName] });
-	const prefixCls = "ald-list";
-	const actionsContent = actions && actions.length > 0 && /* @__PURE__ */ jsx("div", {
-		className: cn(`${prefixCls}-item-action`, moduleClass("actions")),
-		style: moduleStyle("actions"),
-		children: actions.map((action, i) => /* @__PURE__ */ jsxs("div", { children: [action, i !== actions.length - 1 && /* @__PURE__ */ jsx("em", { className: `${prefixCls}-item-action-split` })] }, `${prefixCls}-item-action-${i}`))
-	}, "actions");
-	const prefixContent = prefix && /* @__PURE__ */ jsx("div", {
-		className: cn(`${prefixCls}-item-prefix`, moduleClass("prefix")),
-		style: moduleStyle("prefix"),
-		children: prefix
-	}, "prefix");
-	return /* @__PURE__ */ jsx("div", {
-		...others,
-		ref,
-		className: cn(`${prefixCls}-item`, className),
-		children: [
+	const $ = c(33);
+	let actions;
+	let children;
+	let className;
+	let customizeClassNames;
+	let others;
+	let prefix;
+	let styles;
+	if ($[0] !== props) {
+		({children, actions, styles, className, prefix, classNames: customizeClassNames, ...others} = props);
+		$[0] = props;
+		$[1] = actions;
+		$[2] = children;
+		$[3] = className;
+		$[4] = customizeClassNames;
+		$[5] = others;
+		$[6] = prefix;
+		$[7] = styles;
+	} else {
+		actions = $[1];
+		children = $[2];
+		className = $[3];
+		customizeClassNames = $[4];
+		others = $[5];
+		prefix = $[6];
+		styles = $[7];
+	}
+	let t0;
+	if ($[8] !== customizeClassNames) {
+		t0 = (moduleName) => cn(customizeClassNames?.[moduleName]);
+		$[8] = customizeClassNames;
+		$[9] = t0;
+	} else t0 = $[9];
+	const moduleClass = t0;
+	let t1;
+	if ($[10] !== styles) {
+		t1 = (moduleName_0) => ({ ...styles?.[moduleName_0] });
+		$[10] = styles;
+		$[11] = t1;
+	} else t1 = $[11];
+	const moduleStyle = t1;
+	let t2;
+	if ($[12] !== actions || $[13] !== moduleClass || $[14] !== moduleStyle) {
+		t2 = actions && actions.length > 0 && /* @__PURE__ */ jsx("div", {
+			className: cn("ald-list-item-action", moduleClass("actions")),
+			style: moduleStyle("actions"),
+			children: actions.map((action, i) => /* @__PURE__ */ jsxs("div", { children: [action, i !== actions.length - 1 && /* @__PURE__ */ jsx("em", { className: "ald-list-item-action-split" })] }, `ald-list-item-action-${i}`))
+		}, "actions");
+		$[12] = actions;
+		$[13] = moduleClass;
+		$[14] = moduleStyle;
+		$[15] = t2;
+	} else t2 = $[15];
+	const actionsContent = t2;
+	let t3;
+	if ($[16] !== moduleClass || $[17] !== moduleStyle || $[18] !== prefix) {
+		t3 = prefix && /* @__PURE__ */ jsx("div", {
+			className: cn("ald-list-item-prefix", moduleClass("prefix")),
+			style: moduleStyle("prefix"),
+			children: prefix
+		}, "prefix");
+		$[16] = moduleClass;
+		$[17] = moduleStyle;
+		$[18] = prefix;
+		$[19] = t3;
+	} else t3 = $[19];
+	const prefixContent = t3;
+	const t4 = others;
+	let t5;
+	if ($[20] !== ref) {
+		t5 = { ref };
+		$[20] = ref;
+		$[21] = t5;
+	} else t5 = $[21];
+	let t6;
+	if ($[22] !== className) {
+		t6 = cn("ald-list-item", className);
+		$[22] = className;
+		$[23] = t6;
+	} else t6 = $[23];
+	let t7;
+	if ($[24] !== actionsContent || $[25] !== children || $[26] !== prefixContent) {
+		t7 = [
 			prefixContent,
 			children,
 			actionsContent
-		]
-	});
+		];
+		$[24] = actionsContent;
+		$[25] = children;
+		$[26] = prefixContent;
+		$[27] = t7;
+	} else t7 = $[27];
+	let t8;
+	if ($[28] !== t4 || $[29] !== t5 || $[30] !== t6 || $[31] !== t7) {
+		t8 = /* @__PURE__ */ jsx("div", {
+			...t4,
+			...t5,
+			className: t6,
+			children: t7
+		});
+		$[28] = t4;
+		$[29] = t5;
+		$[30] = t6;
+		$[31] = t7;
+		$[32] = t8;
+	} else t8 = $[32];
+	return t8;
 });
 Item.Meta = Meta;
 //#endregion

package/dist/List/Item.js.map

@@ -1 +1 @@
-{"version":3,"file":"Item.js","names":[],"sources":["../../src/List/Item.tsx"],"sourcesContent":["import { cn } from '../lib/utils';\nimport React, { CSSProperties, FC, HTMLAttributes, ReactNode } from 'react';\n\nexport interface ListItemProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'prefix'> {\n  className?: string;\n  classNames?: {\n    actions?: string;\n    prefix?: string;\n  };\n  children?: ReactNode;\n  style?: CSSProperties;\n  styles?: {\n    actions?: CSSProperties;\n    prefix?: CSSProperties;\n  };\n  actions?: ReactNode[];\n  prefix?: ReactNode;\n}\n\nexport interface ListItemMetaProps {\n  avatar?: ReactNode;\n  className?: string;\n  children?: ReactNode;\n  description?: ReactNode;\n  style?: CSSProperties;\n  title?: ReactNode;\n}\n\ntype ListItemClassNamesModule = keyof Exclude<\n  ListItemProps['classNames'],\n  undefined\n>;\ntype ListItemStylesModule = keyof Exclude<ListItemProps['styles'], undefined>;\n\nexport const Meta: FC<ListItemMetaProps> = ({\n  className,\n  avatar,\n  title,\n  description,\n  ...others\n}) => {\n  const prefixCls = 'ald-list';\n  const classString = cn(`${prefixCls}-item-meta`, className);\n\n  const content = (\n    <div className={`${prefixCls}-item-meta-content`}>\n      {title && (\n        <div\n          className={cn(`${prefixCls}-item-meta-content-title`, {\n            [`${prefixCls}-item-meta-content-title-no-description`]:\n              !description,\n          })}\n          title={typeof title === 'string' ? title : ''}\n        >\n          {title}\n        </div>\n      )}\n      {description && (\n        <div\n          className={`${prefixCls}-item-meta-content-description`}\n          title={typeof description === 'string' ? description : ''}\n        >\n          {description}\n        </div>\n      )}\n    </div>\n  );\n  return (\n    <div {...others} className={classString}>\n      {avatar && (\n        <div className={`${prefixCls}-item-meta-avatar`}>{avatar}</div>\n      )}\n      {(title || description) && content}\n    </div>\n  );\n};\n\nconst InternalItem = React.forwardRef<HTMLDivElement, ListItemProps>(\n  (props, ref) => {\n    const {\n      children,\n      actions,\n      styles,\n      className,\n      prefix,\n      classNames: customizeClassNames,\n      ...others\n    } = props;\n\n    const moduleClass = (moduleName: ListItemClassNamesModule) =>\n      cn(customizeClassNames?.[moduleName]);\n\n    const moduleStyle = (\n      moduleName: ListItemStylesModule,\n    ): React.CSSProperties => ({\n      ...styles?.[moduleName],\n    });\n\n    const prefixCls = 'ald-list';\n    const actionsContent = actions && actions.length > 0 && (\n      <div\n        className={cn(`${prefixCls}-item-action`, moduleClass('actions'))}\n        key=\"actions\"\n        style={moduleStyle('actions')}\n      >\n        {actions.map((action: ReactNode, i: number) => (\n          <div key={`${prefixCls}-item-action-${i}`}>\n            {action}\n            {i !== actions.length - 1 && (\n              <em className={`${prefixCls}-item-action-split`} />\n            )}\n          </div>\n        ))}\n      </div>\n    );\n    const prefixContent = prefix && (\n      <div\n        className={cn(`${prefixCls}-item-prefix`, moduleClass('prefix'))}\n        style={moduleStyle('prefix')}\n        key=\"prefix\"\n      >\n        {prefix}\n      </div>\n    );\n    const itemChildren = (\n      <div\n        {...(others as any)}\n        {...{ ref }}\n        className={cn(`${prefixCls}-item`, className)}\n      >\n        {[prefixContent, children, actionsContent]}\n      </div>\n    );\n    return itemChildren;\n  },\n);\n\nexport type ListItemTypeProps = typeof InternalItem & {\n  Meta: typeof Meta;\n};\n\nconst Item = InternalItem as ListItemTypeProps;\n\nItem.Meta = Meta;\n\nexport default Item;\n"],"mappings":";;;;AAmCA,IAAa,QAA+B,EAC1C,WACA,QACA,OACA,aACA,GAAG,aACC;CACJ,MAAM,YAAY;CAClB,MAAM,cAAc,GAAG,GAAG,UAAU,aAAa,UAAU;CAE3D,MAAM,UACJ,qBAAC,OAAD;EAAK,WAAW,GAAG,UAAU;YAA7B,CACG,SACC,oBAAC,OAAD;GACE,WAAW,GAAG,GAAG,UAAU,2BAA2B,GACnD,GAAG,UAAU,2CACZ,CAAC,aACJ,CAAC;GACF,OAAO,OAAO,UAAU,WAAW,QAAQ;aAE1C;GACG,CAAA,EAEP,eACC,oBAAC,OAAD;GACE,WAAW,GAAG,UAAU;GACxB,OAAO,OAAO,gBAAgB,WAAW,cAAc;aAEtD;GACG,CAAA,CAEJ;;AAER,QACE,qBAAC,OAAD;EAAK,GAAI;EAAQ,WAAW;YAA5B,CACG,UACC,oBAAC,OAAD;GAAK,WAAW,GAAG,UAAU;aAAqB;GAAa,CAAA,GAE/D,SAAS,gBAAgB,QACvB;;;AAoEV,IAAM,OAhEe,MAAM,YACxB,OAAO,QAAQ;CACd,MAAM,EACJ,UACA,SACA,QACA,WACA,QACA,YAAY,qBACZ,GAAG,WACD;CAEJ,MAAM,eAAe,eACnB,GAAG,sBAAsB,YAAY;CAEvC,MAAM,eACJ,gBACyB,EACzB,GAAG,SAAS,aACb;CAED,MAAM,YAAY;CAClB,MAAM,iBAAiB,WAAW,QAAQ,SAAS,KACjD,oBAAC,OAAD;EACE,WAAW,GAAG,GAAG,UAAU,eAAe,YAAY,UAAU,CAAC;EAEjE,OAAO,YAAY,UAAU;YAE5B,QAAQ,KAAK,QAAmB,MAC/B,qBAAC,OAAD,EAAA,UAAA,CACG,QACA,MAAM,QAAQ,SAAS,KACtB,oBAAC,MAAD,EAAI,WAAW,GAAG,UAAU,qBAAuB,CAAA,CAEjD,EAAA,EALI,GAAG,UAAU,eAAe,IAKhC,CACN;EACE,EAXA,UAWA;CAER,MAAM,gBAAgB,UACpB,oBAAC,OAAD;EACE,WAAW,GAAG,GAAG,UAAU,eAAe,YAAY,SAAS,CAAC;EAChE,OAAO,YAAY,SAAS;YAG3B;EACG,EAHA,SAGA;AAWR,QARE,oBAAC,OAAD;EACE,GAAK;EACC;EACN,WAAW,GAAG,GAAG,UAAU,QAAQ,UAAU;YAE5C;GAAC;GAAe;GAAU;GAAe;EACtC,CAAA;EAIX;AAQD,KAAK,OAAO"}
+{"version":3,"file":"Item.js","names":["cn","React","CSSProperties","FC","HTMLAttributes","ReactNode","ListItemProps","Omit","HTMLDivElement","className","classNames","actions","prefix","children","style","styles","ListItemMetaProps","avatar","description","title","ListItemClassNamesModule","Exclude","ListItemStylesModule","Meta","others","prefixCls","classString","content","InternalItem","forwardRef","props","ref","$","_c","customizeClassNames","t0","moduleName","moduleClass","t1","moduleName_0","moduleStyle","t2","length","map","action","i","actionsContent","t3","prefixContent","t4","t5","t6","t7","t8","itemChildren","ListItemTypeProps","Item"],"sources":["../../src/List/Item.tsx"],"sourcesContent":["import { cn } from '../lib/utils';\nimport React, { CSSProperties, FC, HTMLAttributes, ReactNode } from 'react';\n\nexport interface ListItemProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'prefix'> {\n  className?: string;\n  classNames?: {\n    actions?: string;\n    prefix?: string;\n  };\n  children?: ReactNode;\n  style?: CSSProperties;\n  styles?: {\n    actions?: CSSProperties;\n    prefix?: CSSProperties;\n  };\n  actions?: ReactNode[];\n  prefix?: ReactNode;\n}\n\nexport interface ListItemMetaProps {\n  avatar?: ReactNode;\n  className?: string;\n  children?: ReactNode;\n  description?: ReactNode;\n  style?: CSSProperties;\n  title?: ReactNode;\n}\n\ntype ListItemClassNamesModule = keyof Exclude<\n  ListItemProps['classNames'],\n  undefined\n>;\ntype ListItemStylesModule = keyof Exclude<ListItemProps['styles'], undefined>;\n\nexport const Meta: FC<ListItemMetaProps> = ({\n  className,\n  avatar,\n  title,\n  description,\n  ...others\n}) => {\n  const prefixCls = 'ald-list';\n  const classString = cn(`${prefixCls}-item-meta`, className);\n\n  const content = (\n    <div className={`${prefixCls}-item-meta-content`}>\n      {title && (\n        <div\n          className={cn(`${prefixCls}-item-meta-content-title`, {\n            [`${prefixCls}-item-meta-content-title-no-description`]:\n              !description,\n          })}\n          title={typeof title === 'string' ? title : ''}\n        >\n          {title}\n        </div>\n      )}\n      {description && (\n        <div\n          className={`${prefixCls}-item-meta-content-description`}\n          title={typeof description === 'string' ? description : ''}\n        >\n          {description}\n        </div>\n      )}\n    </div>\n  );\n  return (\n    <div {...others} className={classString}>\n      {avatar && (\n        <div className={`${prefixCls}-item-meta-avatar`}>{avatar}</div>\n      )}\n      {(title || description) && content}\n    </div>\n  );\n};\n\nconst InternalItem = React.forwardRef<HTMLDivElement, ListItemProps>(\n  (props, ref) => {\n    const {\n      children,\n      actions,\n      styles,\n      className,\n      prefix,\n      classNames: customizeClassNames,\n      ...others\n    } = props;\n\n    const moduleClass = (moduleName: ListItemClassNamesModule) =>\n      cn(customizeClassNames?.[moduleName]);\n\n    const moduleStyle = (\n      moduleName: ListItemStylesModule,\n    ): React.CSSProperties => ({\n      ...styles?.[moduleName],\n    });\n\n    const prefixCls = 'ald-list';\n    const actionsContent = actions && actions.length > 0 && (\n      <div\n        className={cn(`${prefixCls}-item-action`, moduleClass('actions'))}\n        key=\"actions\"\n        style={moduleStyle('actions')}\n      >\n        {actions.map((action: ReactNode, i: number) => (\n          <div key={`${prefixCls}-item-action-${i}`}>\n            {action}\n            {i !== actions.length - 1 && (\n              <em className={`${prefixCls}-item-action-split`} />\n            )}\n          </div>\n        ))}\n      </div>\n    );\n    const prefixContent = prefix && (\n      <div\n        className={cn(`${prefixCls}-item-prefix`, moduleClass('prefix'))}\n        style={moduleStyle('prefix')}\n        key=\"prefix\"\n      >\n        {prefix}\n      </div>\n    );\n    const itemChildren = (\n      <div\n        {...(others as any)}\n        {...{ ref }}\n        className={cn(`${prefixCls}-item`, className)}\n      >\n        {[prefixContent, children, actionsContent]}\n      </div>\n    );\n    return itemChildren;\n  },\n);\n\nexport type ListItemTypeProps = typeof InternalItem & {\n  Meta: typeof Meta;\n};\n\nconst Item = InternalItem as ListItemTypeProps;\n\nItem.Meta = Meta;\n\nexport default Item;\n"],"mappings":";;;;;AAmCA,IAAauB,QAA+B,EAC1Cd,WACAQ,QACAE,OACAD,aACA,GAAGM,aACC;CACJ,MAAMC,YAAY;CAClB,MAAMC,cAAc1B,GAAG,GAAGyB,UAAS,aAAchB,UAAU;CAE3D,MAAMkB,UACJ,qBAAC,OAAD;EAAK,WAAW,GAAGF,UAAS;YAA5B,CACGN,SACC,oBAAC,OAAD;GACE,WAAWnB,GAAG,GAAGyB,UAAS,2BAA4B,GACnD,GAAGA,UAAS,2CACX,CAACP,aACJ,CAAC;GACF,OAAO,OAAOC,UAAU,WAAWA,QAAQ;aAE1CA;GAEJ,CAAA,EACAD,eACC,oBAAC,OAAD;GACE,WAAW,GAAGO,UAAS;GACvB,OAAO,OAAOP,gBAAgB,WAAWA,cAAc;aAEtDA;GAEJ,CAAA,CAEJ;;AACD,QACE,qBAAC,OAAD;EAAK,GAAIM;EAAQ,WAAWE;YAA5B,CACGT,UACC,oBAAC,OAAD;GAAK,WAAW,GAAGQ,UAAS;aAAsBR;GACnD,CAAA,GACCE,SAASD,gBAAgBS,QACvB;;;AAoEV,IAAM6B,OAhEevD,MAAM4B,YACzBC,OAAAC,QAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAtB;CAAA,IAAAE;CAAA,IAAAJ;CAAA,IAAAyB;CAAA,IAAAV;CAAA,IAAAZ;CAAA,IAAAG;AAAA,KAAAiB,EAAA,OAAAF,OAAA;AACE,GAAA,CAAAjB,UAAAF,SAAAI,QAAAN,WAAAG,QAAAF,YAAAwB,wBAAAV,UAQIM;AAAME,IAAA,KAAAF;AAAAE,IAAA,KAAArB;AAAAqB,IAAA,KAAAnB;AAAAmB,IAAA,KAAAvB;AAAAuB,IAAA,KAAAE;AAAAF,IAAA,KAAAR;AAAAQ,IAAA,KAAApB;AAAAoB,IAAA,KAAAjB;QAAA;AAAAJ,YAAAqB,EAAA;AAAAnB,aAAAmB,EAAA;AAAAvB,cAAAuB,EAAA;AAAAE,wBAAAF,EAAA;AAAAR,WAAAQ,EAAA;AAAApB,WAAAoB,EAAA;AAAAjB,WAAAiB,EAAA;;CAAA,IAAAG;AAAA,KAAAH,EAAA,OAAAE,qBAAA;AAEUC,QAAAC,eAClBpC,GAAGkC,sBAAsBE,YAAY;AAAAJ,IAAA,KAAAE;AAAAF,IAAA,KAAAG;OAAAA,MAAAH,EAAA;CADvC,MAAAK,cAAoBF;CACoB,IAAAG;AAAA,KAAAN,EAAA,QAAAjB,QAAA;AAEpBuB,QAAAC,kBAEO,EAAA,GACtBxB,SAASqB,eACb;AAACJ,IAAA,MAAAjB;AAAAiB,IAAA,MAAAM;OAAAA,MAAAN,EAAA;CAJF,MAAAQ,cAAoBF;CAIjB,IAAAG;AAAA,KAAAT,EAAA,QAAArB,WAAAqB,EAAA,QAAAK,eAAAL,EAAA,QAAAQ,aAAA;AAGoBC,OAAA9B,WAAWA,QAAO+B,SAAU,KACjD,oBAAA,OAAA;GACa,WAAA1C,GAAG,wBAA4BqC,YAAY,UAAU,CAAA;GAEzD,OAAAG,YAAY,UAAS;aAE3B7B,QAAOgC,KAAKC,QAAAC,MACX,qBAAA,OAAA,EAAA,UAAA,CACGD,QACAC,MAAMlC,QAAO+B,SAAU,KACtB,oBAAA,MAAA,EAAe,WAAA,8BACjB,CAAA,CAEH,EAAA,EANW,wBAA4BG,IAMvC,CAAA;GAEJ,EAZO,UAYP;AAAAb,IAAA,MAAArB;AAAAqB,IAAA,MAAAK;AAAAL,IAAA,MAAAQ;AAAAR,IAAA,MAAAS;OAAAA,MAAAT,EAAA;CAfD,MAAAc,iBAAuBL;CAerB,IAAAM;AAAA,KAAAf,EAAA,QAAAK,eAAAL,EAAA,QAAAQ,eAAAR,EAAA,QAAApB,QAAA;AACoBmC,OAAAnC,UACpB,oBAAA,OAAA;GACa,WAAAZ,GAAG,wBAA4BqC,YAAY,SAAS,CAAA;GACxD,OAAAG,YAAY,SAAQ;aAG1B5B;GAEJ,EAJO,SAIP;AAAAoB,IAAA,MAAAK;AAAAL,IAAA,MAAAQ;AAAAR,IAAA,MAAApB;AAAAoB,IAAA,MAAAe;OAAAA,MAAAf,EAAA;CARD,MAAAgB,gBAAsBD;CAWb,MAAAE,KAAAzB;CAAa,IAAA0B;AAAA,KAAAlB,EAAA,QAAAD,KAAA;AACdmB,OAAA,EAAAnB,KAAO;AAAAC,IAAA,MAAAD;AAAAC,IAAA,MAAAkB;OAAAA,MAAAlB,EAAA;CAAA,IAAAmB;AAAA,KAAAnB,EAAA,QAAAvB,WAAA;AACA0C,OAAAnD,GAAG,iBAAqBS,UAAU;AAAAuB,IAAA,MAAAvB;AAAAuB,IAAA,MAAAmB;OAAAA,MAAAnB,EAAA;CAAA,IAAAoB;AAAA,KAAApB,EAAA,QAAAc,kBAAAd,EAAA,QAAAnB,YAAAmB,EAAA,QAAAgB,eAAA;AAE5CI,OAAA;GAACJ;GAAenC;GAAUiC;GAAe;AAAAd,IAAA,MAAAc;AAAAd,IAAA,MAAAnB;AAAAmB,IAAA,MAAAgB;AAAAhB,IAAA,MAAAoB;OAAAA,MAAApB,EAAA;CAAA,IAAAqB;AAAA,KAAArB,EAAA,QAAAiB,MAAAjB,EAAA,QAAAkB,MAAAlB,EAAA,QAAAmB,MAAAnB,EAAA,QAAAoB,IAAA;AAL5CC,OAAA,oBAAA,OAAA;GAMM,GALCJ;GAAa,GACdC;GACO,WAAAC;aAEVC;GACG,CAAA;AAAApB,IAAA,MAAAiB;AAAAjB,IAAA,MAAAkB;AAAAlB,IAAA,MAAAmB;AAAAnB,IAAA,MAAAoB;AAAApB,IAAA,MAAAqB;OAAAA,MAAArB,EAAA;AACN,QAPAqB;EAUL;AAQDG,KAAKjC,OAAOA"}

package/dist/List/index.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
-declare function List<T>(props: ListProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function List<T>(props: ListProps<T>): React.JSX.Element;
 declare namespace List {
-    var Item: import("./Item").ListItemTypeProps;
+    var Item: import("./Item.js").ListItemTypeProps;
 }
 export default List;
 export interface ListProps<T> {

package/dist/List/index.js

@@ -35,16 +35,16 @@ function List(props) {
 	const size = customizeSize || "default";
 	const customizeClassNames = cn("ald-list", { [`ald-list-${size}`]: size }, className);
 	if (virtual) {
-		const renderInnerItem = (index) => {
+		const renderInnerItem = (index_0) => {
 			if (!renderItem) return null;
 			if (dividerGap === 0) {
-				const item = dataSource[index];
-				return /* @__PURE__ */ jsx(React.Fragment, { children: renderItem(item, index) }, getKey(item, index));
-			} else if (index % 2 === 1) return /* @__PURE__ */ jsx("div", { className: "ald-list-divider" }, `divider-${index}`);
+				const item = dataSource[index_0];
+				return /* @__PURE__ */ jsx(React.Fragment, { children: renderItem(item, index_0) }, getKey(item, index_0));
+			} else if (index_0 % 2 === 1) return /* @__PURE__ */ jsx("div", { className: "ald-list-divider" }, `divider-${index_0}`);
 			else {
-				const itemIndex = Math.floor(index / 2);
-				const item = dataSource[itemIndex];
-				return /* @__PURE__ */ jsx(React.Fragment, { children: renderItem(item, itemIndex) }, getKey(item, itemIndex));
+				const itemIndex = Math.floor(index_0 / 2);
+				const item_0 = dataSource[itemIndex];
+				return /* @__PURE__ */ jsx(React.Fragment, { children: renderItem(item_0, itemIndex) }, getKey(item_0, itemIndex));
 			}
 		};
 		return /* @__PURE__ */ jsx(ScrollArea_default, {
@@ -60,7 +60,7 @@ function List(props) {
 					height: `${rowVirtualizer.getTotalSize()}px`
 				},
 				children: /* @__PURE__ */ jsxs(Fragment, { children: [rowVirtualizer.getVirtualItems().map((virtualItem) => {
-					const index = virtualItem.index;
+					const index_1 = virtualItem.index;
 					return /* @__PURE__ */ jsx("div", {
 						style: {
 							position: "absolute",
@@ -70,7 +70,7 @@ function List(props) {
 							height: `${virtualItem.size}px`,
 							transform: `translateY(${virtualItem.start}px)`
 						},
-						children: renderInnerItem(index)
+						children: renderInnerItem(index_1)
 					}, virtualItem.key);
 				}), children] })
 			})
@@ -83,8 +83,8 @@ function List(props) {
 			spinning: loading,
 			wrapperClassName: "ald-list-item-wrap",
 			style: { rowGap: dividerGap },
-			children: /* @__PURE__ */ jsxs(Fragment, { children: [dataSource.map((item, index) => {
-				return /* @__PURE__ */ jsxs(React.Fragment, { children: [renderItem ? renderItem(item, index) : null, index !== dataSource.length - 1 && dividerGap > 0 && /* @__PURE__ */ jsx("div", { className: "ald-list-divider" })] }, getKey(item, index));
+			children: /* @__PURE__ */ jsxs(Fragment, { children: [dataSource.map((item_1, index_2) => {
+				return /* @__PURE__ */ jsxs(React.Fragment, { children: [renderItem ? renderItem(item_1, index_2) : null, index_2 !== dataSource.length - 1 && dividerGap > 0 && /* @__PURE__ */ jsx("div", { className: "ald-list-divider" })] }, getKey(item_1, index_2));
 			}), children] })
 		})
 	});

package/dist/List/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/List/index.tsx"],"sourcesContent":["import './list.css';\nimport { useVirtualizer } from '@tanstack/react-virtual';\nimport { cn } from '../lib/utils';\nimport React from 'react';\nimport ScrollArea from '../ScrollArea';\nimport Spin from '../Spin';\nimport Item from './Item';\n\nfunction List<T>(props: ListProps<T>) {\n  const {\n    dataSource = [],\n    renderItem,\n    size: customizeSize,\n    rowKey,\n    children,\n    className,\n    dividerGap = 0,\n    loading = false,\n    virtual,\n    itemHeight = 50,\n  } = props;\n\n  const parentRef = React.useRef<HTMLDivElement>(null);\n  const measureElement = (element: HTMLDivElement) => {\n    return element.offsetHeight;\n  };\n  const rowVirtualizer = useVirtualizer({\n    count: dividerGap === 0 ? dataSource.length : dataSource.length * 2 - 1,\n    getScrollElement: () => parentRef.current,\n    estimateSize: (index: number) => {\n      if (dividerGap === 0) {\n        return typeof itemHeight === 'function'\n          ? itemHeight(dataSource[index])\n          : itemHeight;\n      }\n      if (index % 2 === 0) {\n        return typeof itemHeight === 'function'\n          ? itemHeight(dataSource[Math.floor(index / 2)])\n          : itemHeight;\n      }\n      return 1;\n    },\n    measureElement,\n    gap: dividerGap,\n  });\n\n  function getKey(currentItem: T, currentIndex: number) {\n    let key;\n    if (typeof rowKey === 'function') {\n      key = rowKey(currentItem);\n    } else if (rowKey) {\n      key = currentItem[rowKey];\n    } else {\n      key = (currentItem as any).key;\n    }\n\n    if (!key) {\n      key = `list-item-${currentIndex}`;\n    }\n    return key;\n  }\n\n  const size = customizeSize || 'default';\n  const customizeClassNames = cn(\n    'ald-list',\n    {\n      [`ald-list-${size}`]: size,\n    },\n    className,\n  );\n\n  if (virtual) {\n    const renderInnerItem = (index: number) => {\n      if (!renderItem) return null;\n      if (dividerGap === 0) {\n        const item = dataSource[index];\n        return (\n          <React.Fragment key={getKey(item, index)}>\n            {renderItem(item, index)}\n          </React.Fragment>\n        );\n      } else {\n        const isDivider = index % 2 === 1;\n        if (isDivider) {\n          return <div className=\"ald-list-divider\" key={`divider-${index}`} />;\n        } else {\n          const itemIndex = Math.floor(index / 2);\n          const item = dataSource[itemIndex];\n          return (\n            <React.Fragment key={getKey(item, itemIndex)}>\n              {renderItem(item, itemIndex)}\n            </React.Fragment>\n          );\n        }\n      }\n    };\n    return (\n      <ScrollArea\n        ref={parentRef}\n        asChild\n        className=\"ald-list-virtual\"\n        innerClassName={customizeClassNames}\n      >\n        <Spin\n          spinning={loading}\n          wrapperClassName=\"ald-list-item-wrap\"\n          style={{\n            rowGap: dividerGap,\n            height: `${rowVirtualizer.getTotalSize()}px`,\n          }}\n        >\n          <>\n            {rowVirtualizer.getVirtualItems().map((virtualItem) => {\n              const index = virtualItem.index;\n              return (\n                <div\n                  key={virtualItem.key}\n                  style={{\n                    position: 'absolute',\n                    top: 0,\n                    left: 0,\n                    width: '100%',\n                    height: `${virtualItem.size}px`,\n                    transform: `translateY(${virtualItem.start}px)`,\n                  }}\n                >\n                  {renderInnerItem(index)}\n                </div>\n              );\n            })}\n            {children}\n          </>\n        </Spin>\n      </ScrollArea>\n    );\n  }\n\n  return (\n    <div ref={parentRef} className={customizeClassNames}>\n      <Spin\n        spinning={loading}\n        wrapperClassName=\"ald-list-item-wrap\"\n        style={{\n          rowGap: dividerGap,\n        }}\n      >\n        <>\n          {dataSource.map((item, index) => {\n            return (\n              <React.Fragment key={getKey(item, index)}>\n                {renderItem ? renderItem(item, index) : null}\n                {index !== dataSource.length - 1 && dividerGap > 0 && (\n                  <div className=\"ald-list-divider\" />\n                )}\n              </React.Fragment>\n            );\n          })}\n          {children}\n        </>\n      </Spin>\n    </div>\n  );\n}\nList.Item = Item;\nexport default List;\n\nexport interface ListProps<T> {\n  size?: 'default' | 'small';\n  rowKey?: ((item: T) => React.Key) | keyof T;\n  renderItem?: (item: T, index: number) => React.ReactNode;\n  className?: string;\n  dataSource?: T[];\n  children?: React.ReactNode;\n  loading?: boolean;\n  dividerGap?: number;\n  virtual?: boolean;\n  itemHeight?: number | ((item: T) => number);\n}\n"],"mappings":";;;;;;;;;AAQA,SAAS,KAAQ,OAAqB;CACpC,MAAM,EACJ,aAAa,EAAE,EACf,YACA,MAAM,eACN,QACA,UACA,WACA,aAAa,GACb,UAAU,OACV,SACA,aAAa,OACX;CAEJ,MAAM,YAAY,MAAM,OAAuB,KAAK;CACpD,MAAM,kBAAkB,YAA4B;AAClD,SAAO,QAAQ;;CAEjB,MAAM,iBAAiB,eAAe;EACpC,OAAO,eAAe,IAAI,WAAW,SAAS,WAAW,SAAS,IAAI;EACtE,wBAAwB,UAAU;EAClC,eAAe,UAAkB;AAC/B,OAAI,eAAe,EACjB,QAAO,OAAO,eAAe,aACzB,WAAW,WAAW,OAAO,GAC7B;AAEN,OAAI,QAAQ,MAAM,EAChB,QAAO,OAAO,eAAe,aACzB,WAAW,WAAW,KAAK,MAAM,QAAQ,EAAE,EAAE,GAC7C;AAEN,UAAO;;EAET;EACA,KAAK;EACN,CAAC;CAEF,SAAS,OAAO,aAAgB,cAAsB;EACpD,IAAI;AACJ,MAAI,OAAO,WAAW,WACpB,OAAM,OAAO,YAAY;WAChB,OACT,OAAM,YAAY;MAElB,OAAO,YAAoB;AAG7B,MAAI,CAAC,IACH,OAAM,aAAa;AAErB,SAAO;;CAGT,MAAM,OAAO,iBAAiB;CAC9B,MAAM,sBAAsB,GAC1B,YACA,GACG,YAAY,SAAS,MACvB,EACD,UACD;AAED,KAAI,SAAS;EACX,MAAM,mBAAmB,UAAkB;AACzC,OAAI,CAAC,WAAY,QAAO;AACxB,OAAI,eAAe,GAAG;IACpB,MAAM,OAAO,WAAW;AACxB,WACE,oBAAC,MAAM,UAAP,EAAA,UACG,WAAW,MAAM,MAAM,EACT,EAFI,OAAO,MAAM,MAAM,CAEvB;cAGD,QAAQ,MAAM,EAE9B,QAAO,oBAAC,OAAD,EAAK,WAAU,oBAA8C,EAAtB,WAAW,QAAW;QAC/D;IACL,MAAM,YAAY,KAAK,MAAM,QAAQ,EAAE;IACvC,MAAM,OAAO,WAAW;AACxB,WACE,oBAAC,MAAM,UAAP,EAAA,UACG,WAAW,MAAM,UAAU,EACb,EAFI,OAAO,MAAM,UAAU,CAE3B;;;AAKzB,SACE,oBAAC,oBAAD;GACE,KAAK;GACL,SAAA;GACA,WAAU;GACV,gBAAgB;aAEhB,oBAAC,YAAD;IACE,UAAU;IACV,kBAAiB;IACjB,OAAO;KACL,QAAQ;KACR,QAAQ,GAAG,eAAe,cAAc,CAAC;KAC1C;cAED,qBAAA,UAAA,EAAA,UAAA,CACG,eAAe,iBAAiB,CAAC,KAAK,gBAAgB;KACrD,MAAM,QAAQ,YAAY;AAC1B,YACE,oBAAC,OAAD;MAEE,OAAO;OACL,UAAU;OACV,KAAK;OACL,MAAM;OACN,OAAO;OACP,QAAQ,GAAG,YAAY,KAAK;OAC5B,WAAW,cAAc,YAAY,MAAM;OAC5C;gBAEA,gBAAgB,MAAM;MACnB,EAXC,YAAY,IAWb;MAER,EACD,SACA,EAAA,CAAA;IACE,CAAA;GACI,CAAA;;AAIjB,QACE,oBAAC,OAAD;EAAK,KAAK;EAAW,WAAW;YAC9B,oBAAC,YAAD;GACE,UAAU;GACV,kBAAiB;GACjB,OAAO,EACL,QAAQ,YACT;aAED,qBAAA,UAAA,EAAA,UAAA,CACG,WAAW,KAAK,MAAM,UAAU;AAC/B,WACE,qBAAC,MAAM,UAAP,EAAA,UAAA,CACG,aAAa,WAAW,MAAM,MAAM,GAAG,MACvC,UAAU,WAAW,SAAS,KAAK,aAAa,KAC/C,oBAAC,OAAD,EAAK,WAAU,oBAAqB,CAAA,CAEvB,EAAA,EALI,OAAO,MAAM,MAAM,CAKvB;KAEnB,EACD,SACA,EAAA,CAAA;GACE,CAAA;EACH,CAAA;;AAGV,KAAK,OAAO"}
+{"version":3,"file":"index.js","names":["useVirtualizer","cn","React","ScrollArea","Spin","Item","List","props","ListProps","T","dataSource","renderItem","size","customizeSize","rowKey","children","className","dividerGap","loading","virtual","itemHeight","parentRef","useRef","HTMLDivElement","measureElement","element","offsetHeight","rowVirtualizer","count","length","getScrollElement","current","estimateSize","index","Math","floor","gap","getKey","currentItem","currentIndex","key","customizeClassNames","renderInnerItem","item","isDivider","itemIndex","rowGap","height","getTotalSize","getVirtualItems","map","virtualItem","position","top","left","width","transform","start","Key","ReactNode"],"sources":["../../src/List/index.tsx"],"sourcesContent":["import './list.css';\nimport { useVirtualizer } from '@tanstack/react-virtual';\nimport { cn } from '../lib/utils';\nimport React from 'react';\nimport ScrollArea from '../ScrollArea';\nimport Spin from '../Spin';\nimport Item from './Item';\n\nfunction List<T>(props: ListProps<T>) {\n  const {\n    dataSource = [],\n    renderItem,\n    size: customizeSize,\n    rowKey,\n    children,\n    className,\n    dividerGap = 0,\n    loading = false,\n    virtual,\n    itemHeight = 50,\n  } = props;\n\n  const parentRef = React.useRef<HTMLDivElement>(null);\n  const measureElement = (element: HTMLDivElement) => {\n    return element.offsetHeight;\n  };\n  const rowVirtualizer = useVirtualizer({\n    count: dividerGap === 0 ? dataSource.length : dataSource.length * 2 - 1,\n    getScrollElement: () => parentRef.current,\n    estimateSize: (index: number) => {\n      if (dividerGap === 0) {\n        return typeof itemHeight === 'function'\n          ? itemHeight(dataSource[index])\n          : itemHeight;\n      }\n      if (index % 2 === 0) {\n        return typeof itemHeight === 'function'\n          ? itemHeight(dataSource[Math.floor(index / 2)])\n          : itemHeight;\n      }\n      return 1;\n    },\n    measureElement,\n    gap: dividerGap,\n  });\n\n  function getKey(currentItem: T, currentIndex: number) {\n    let key;\n    if (typeof rowKey === 'function') {\n      key = rowKey(currentItem);\n    } else if (rowKey) {\n      key = currentItem[rowKey];\n    } else {\n      key = (currentItem as any).key;\n    }\n\n    if (!key) {\n      key = `list-item-${currentIndex}`;\n    }\n    return key;\n  }\n\n  const size = customizeSize || 'default';\n  const customizeClassNames = cn(\n    'ald-list',\n    {\n      [`ald-list-${size}`]: size,\n    },\n    className,\n  );\n\n  if (virtual) {\n    const renderInnerItem = (index: number) => {\n      if (!renderItem) return null;\n      if (dividerGap === 0) {\n        const item = dataSource[index];\n        return (\n          <React.Fragment key={getKey(item, index)}>\n            {renderItem(item, index)}\n          </React.Fragment>\n        );\n      } else {\n        const isDivider = index % 2 === 1;\n        if (isDivider) {\n          return <div className=\"ald-list-divider\" key={`divider-${index}`} />;\n        } else {\n          const itemIndex = Math.floor(index / 2);\n          const item = dataSource[itemIndex];\n          return (\n            <React.Fragment key={getKey(item, itemIndex)}>\n              {renderItem(item, itemIndex)}\n            </React.Fragment>\n          );\n        }\n      }\n    };\n    return (\n      <ScrollArea\n        ref={parentRef}\n        asChild\n        className=\"ald-list-virtual\"\n        innerClassName={customizeClassNames}\n      >\n        <Spin\n          spinning={loading}\n          wrapperClassName=\"ald-list-item-wrap\"\n          style={{\n            rowGap: dividerGap,\n            height: `${rowVirtualizer.getTotalSize()}px`,\n          }}\n        >\n          <>\n            {rowVirtualizer.getVirtualItems().map((virtualItem) => {\n              const index = virtualItem.index;\n              return (\n                <div\n                  key={virtualItem.key}\n                  style={{\n                    position: 'absolute',\n                    top: 0,\n                    left: 0,\n                    width: '100%',\n                    height: `${virtualItem.size}px`,\n                    transform: `translateY(${virtualItem.start}px)`,\n                  }}\n                >\n                  {renderInnerItem(index)}\n                </div>\n              );\n            })}\n            {children}\n          </>\n        </Spin>\n      </ScrollArea>\n    );\n  }\n\n  return (\n    <div ref={parentRef} className={customizeClassNames}>\n      <Spin\n        spinning={loading}\n        wrapperClassName=\"ald-list-item-wrap\"\n        style={{\n          rowGap: dividerGap,\n        }}\n      >\n        <>\n          {dataSource.map((item, index) => {\n            return (\n              <React.Fragment key={getKey(item, index)}>\n                {renderItem ? renderItem(item, index) : null}\n                {index !== dataSource.length - 1 && dividerGap > 0 && (\n                  <div className=\"ald-list-divider\" />\n                )}\n              </React.Fragment>\n            );\n          })}\n          {children}\n        </>\n      </Spin>\n    </div>\n  );\n}\nList.Item = Item;\nexport default List;\n\nexport interface ListProps<T> {\n  size?: 'default' | 'small';\n  rowKey?: ((item: T) => React.Key) | keyof T;\n  renderItem?: (item: T, index: number) => React.ReactNode;\n  className?: string;\n  dataSource?: T[];\n  children?: React.ReactNode;\n  loading?: boolean;\n  dividerGap?: number;\n  virtual?: boolean;\n  itemHeight?: number | ((item: T) => number);\n}\n"],"mappings":"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"}

package/dist/List.js

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

package/dist/LogicTree/DisplayLogicTree.d.ts

@@ -5,5 +5,5 @@ interface IProps<T> {
     renderCondition: (data: T, nodeId: string) => React.ReactNode;
     backgroundColor?: string;
 }
-export default function DisplayLogicTree<T>({ value, renderCondition, backgroundColor, }: IProps<T>): import("react/jsx-runtime").JSX.Element | null;
+export default function DisplayLogicTree<T>({ value, renderCondition, backgroundColor, }: IProps<T>): React.JSX.Element | null;
 export {};

package/dist/LogicTree/DisplayLogicTree.js

@@ -1,14 +1,25 @@
 import { DisplayLogicItem } from "./components/DisplayLogicItem/index.js";
+import { c } from "react-compiler-runtime";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/LogicTree/DisplayLogicTree.tsx
-function DisplayLogicTree({ value, renderCondition, backgroundColor }) {
+function DisplayLogicTree(t0) {
+	const $ = c(4);
+	const { value, renderCondition, backgroundColor } = t0;
 	if (!value) return null;
-	return /* @__PURE__ */ jsx(DisplayLogicItem, {
-		value,
-		renderCondition,
-		backgroundColor
-	}, value.id);
+	let t1;
+	if ($[0] !== backgroundColor || $[1] !== renderCondition || $[2] !== value) {
+		t1 = /* @__PURE__ */ jsx(DisplayLogicItem, {
+			value,
+			renderCondition,
+			backgroundColor
+		}, value.id);
+		$[0] = backgroundColor;
+		$[1] = renderCondition;
+		$[2] = value;
+		$[3] = t1;
+	} else t1 = $[3];
+	return t1;
 }
 //#endregion
 export { DisplayLogicTree as default };

package/dist/LogicTree/DisplayLogicTree.js.map

@@ -1 +1 @@
-{"version":3,"file":"DisplayLogicTree.js","names":[],"sources":["../../src/LogicTree/DisplayLogicTree.tsx"],"sourcesContent":["import React from 'react';\nimport { DisplayLogicItem } from './components/DisplayLogicItem';\nimport { TNode } from './type';\n\ninterface IProps<T> {\n  value?: TNode<T>;\n  renderCondition: (data: T, nodeId: string) => React.ReactNode;\n  backgroundColor?: string;\n}\nexport default function DisplayLogicTree<T>({\n  value,\n  renderCondition,\n  backgroundColor,\n}: IProps<T>) {\n  if (!value) return null;\n  return (\n    <DisplayLogicItem\n      key={value.id}\n      value={value}\n      renderCondition={renderCondition}\n      backgroundColor={backgroundColor}\n    />\n  );\n}\n"],"mappings":";;;;AASA,SAAwB,iBAAoB,EAC1C,OACA,iBACA,mBACY;AACZ,KAAI,CAAC,MAAO,QAAO;AACnB,QACE,oBAAC,kBAAD;EAES;EACU;EACA;EACjB,EAJK,MAAM,GAIX"}
+{"version":3,"file":"DisplayLogicTree.js","names":["React","DisplayLogicItem","TNode","IProps","value","T","renderCondition","data","nodeId","ReactNode","backgroundColor","DisplayLogicTree","t0","$","_c","t1","id"],"sources":["../../src/LogicTree/DisplayLogicTree.tsx"],"sourcesContent":["import React from 'react';\nimport { DisplayLogicItem } from './components/DisplayLogicItem';\nimport { TNode } from './type';\n\ninterface IProps<T> {\n  value?: TNode<T>;\n  renderCondition: (data: T, nodeId: string) => React.ReactNode;\n  backgroundColor?: string;\n}\nexport default function DisplayLogicTree<T>({\n  value,\n  renderCondition,\n  backgroundColor,\n}: IProps<T>) {\n  if (!value) return null;\n  return (\n    <DisplayLogicItem\n      key={value.id}\n      value={value}\n      renderCondition={renderCondition}\n      backgroundColor={backgroundColor}\n    />\n  );\n}\n"],"mappings":";;;;;AASA,SAAeW,iBAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAA6B,MAAA,EAAAV,OAAAE,iBAAAI,oBAAAE;AAK1C,KAAI,CAACR,MAAK,QAAS;CAAK,IAAAW;AAAA,KAAAF,EAAA,OAAAH,mBAAAG,EAAA,OAAAP,mBAAAO,EAAA,OAAAT,OAAA;AAEtBW,OAAA,oBAAC,kBAAD;GAESX;GACUE;GACAI;GACjB,EAJKN,MAAKY,GAIV;AAAAH,IAAA,KAAAH;AAAAG,IAAA,KAAAP;AAAAO,IAAA,KAAAT;AAAAS,IAAA,KAAAE;OAAAA,MAAAF,EAAA;AAAA,QALFE"}

package/dist/LogicTree/components/DisplayLogicItem/index.d.ts

@@ -1,9 +1,9 @@
 import { default as React } from 'react';
-import { TNode } from '../../type';
+import { TNode } from '../../type.js';
 interface IProps<T> {
     value: TNode<T>;
     renderCondition: (value: T, nodeId: string) => React.ReactNode;
     backgroundColor?: string;
 }
-export declare function DisplayLogicItem<T>({ value, renderCondition, backgroundColor, }: IProps<T>): import("react/jsx-runtime").JSX.Element | null;
+export declare function DisplayLogicItem<T>({ value, renderCondition, backgroundColor, }: IProps<T>): React.JSX.Element | null;
 export {};