@aloudata/aloudata-design 3.0.0-beta.2 → 3.0.0-beta.20

package/dist/Collapse/index.js

@@ -1,44 +1,59 @@
 import { cn } from "../lib/utils.js";
-import Memo from "../Icon/components/ArrowDownLightLine.js";
-import Memo$1 from "../Icon/components/ArrowRightLightLine.js";
-import React, { useState } from "react";
+import Memo from "../Icon/components/ArrowRightLightLine.js";
+import React, { useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/Collapse/index.tsx
 /** Internal rendering component for a single panel */
 function CollapsePanelInternal(props) {
-	const { header, isActive, onToggle, disabled, extra, className, style, children, forceRender, expandIcon, expandIconPosition = "start" } = props;
+	const { header, isActive, onToggle, disabled, extra, className, style, children, forceRender, expandIcon, expandIconPosition = "start", bordered } = props;
+	const contentRef = useRef(null);
+	const [rendered, setRendered] = useState(isActive || !!forceRender);
+	if (isActive && !rendered) setRendered(true);
+	const handleTransitionEnd = () => {
+		if (!isActive && !forceRender) setRendered(false);
+	};
+	const iconNode = expandIcon ? expandIcon({ isActive }) : /* @__PURE__ */ jsx(Memo, {
+		size: 20,
+		color: "var(--alias-colors-icon-subtle)"
+	});
 	const iconElement = /* @__PURE__ */ jsx("span", {
-		className: "ald-collapse-expand-icon tw-flex tw-items-center",
-		children: expandIcon ? expandIcon({ isActive }) : isActive ? /* @__PURE__ */ jsx(Memo, {
-			size: 20,
-			color: "var(--alias-colors-icon-subtle)"
-		}) : /* @__PURE__ */ jsx(Memo$1, {
-			size: 20,
-			color: "var(--alias-colors-icon-subtle)"
-		})
+		className: "ald-collapse-expand-icon ant-collapse-expand-icon tw-flex tw-items-center",
+		style: {
+			transform: isActive ? "rotate(90deg)" : "rotate(0deg)",
+			transition: "transform 200ms"
+		},
+		children: iconNode
 	});
 	return /* @__PURE__ */ jsxs("div", {
-		className: cn("ald-collapse-item tw-border-b tw-border-solid tw-border-[var(--border-default)]", isActive && "ald-collapse-item-active", disabled && "tw-pointer-events-none tw-opacity-50", className),
+		className: cn("ald-collapse-item ant-collapse-item tw-w-full", isActive && "ald-collapse-item-active", disabled && "tw-pointer-events-none tw-opacity-50", className),
 		style,
 		children: [/* @__PURE__ */ jsxs("div", {
-			className: "ald-collapse-header tw-flex tw-cursor-pointer tw-items-center tw-gap-2 tw-px-4 tw-py-3",
+			className: "ald-collapse-header ant-collapse-header tw-flex tw-cursor-pointer tw-items-center tw-gap-2 tw-p-3",
 			onClick: disabled ? void 0 : onToggle,
 			children: [
 				expandIconPosition === "start" && iconElement,
 				/* @__PURE__ */ jsx("span", {
-					className: "ald-collapse-header-text tw-flex-1",
+					className: "ald-collapse-header-text ant-collapse-header-text tw-flex-1 tw-text-sm tw-font-medium tw-leading-5 tw-text-[var(--content-primary)]",
 					children: header
 				}),
 				extra && /* @__PURE__ */ jsx("span", {
-					className: "ald-collapse-extra",
+					className: "ald-collapse-extra ant-collapse-extra",
 					children: extra
 				}),
 				expandIconPosition === "end" && iconElement
 			]
-		}), (isActive || forceRender) && /* @__PURE__ */ jsx("div", {
-			className: "ald-collapse-content tw-px-4 tw-pb-4",
-			style: !isActive && forceRender ? { display: "none" } : void 0,
-			children
+		}), /* @__PURE__ */ jsx("div", {
+			className: "tw-grid tw-transition-[grid-template-rows] tw-duration-200",
+			style: { gridTemplateRows: isActive ? "1fr" : "0fr" },
+			onTransitionEnd: handleTransitionEnd,
+			children: /* @__PURE__ */ jsx("div", {
+				className: "tw-overflow-hidden",
+				children: rendered && /* @__PURE__ */ jsx("div", {
+					ref: contentRef,
+					className: cn("ald-collapse-content ant-collapse-content tw-flex tw-items-start tw-gap-2.5 tw-self-stretch", bordered ? "tw-bg-[var(--background-default)] tw-p-4" : "tw-pb-4 tw-pl-10 tw-pr-4 tw-pt-0"),
+					children
+				})
+			})
 		})]
 	});
 }
@@ -75,7 +90,7 @@ function panelChildrenToItems(children) {
 	return items;
 }
 var Collapse = (props) => {
-	const { defaultActiveKey = [], activeKey: controlledActiveKey, accordion, onChange, className, style, bordered = true, expandIconPosition, expandIcon, items: itemsProp, children } = props;
+	const { defaultActiveKey = [], activeKey: controlledActiveKey, accordion, onChange, className, style, bordered = true, ghost, expandIconPosition, expandIcon, items: itemsProp, children } = props;
 	const resolvedPosition = expandIconPosition === "left" ? "start" : expandIconPosition === "right" ? "end" : expandIconPosition ?? "start";
 	const normalizeKeys = (keys) => {
 		if (!keys) return [];
@@ -92,7 +107,7 @@ var Collapse = (props) => {
 	};
 	const items = itemsProp || (children ? panelChildrenToItems(children) : void 0);
 	const renderItems = () => {
-		if (items && items.length > 0) return items.map((item) => /* @__PURE__ */ jsx(CollapsePanelInternal, {
+		if (items && items.length > 0) return items.map((item, index) => /* @__PURE__ */ jsxs(React.Fragment, { children: [index > 0 && /* @__PURE__ */ jsx("div", { className: "ald-collapse-divider" }), /* @__PURE__ */ jsx(CollapsePanelInternal, {
 			panelKey: item.key,
 			header: item.label,
 			isActive: activeKeys.includes(item.key),
@@ -104,12 +119,13 @@ var Collapse = (props) => {
 			forceRender: item.forceRender,
 			expandIcon,
 			expandIconPosition: resolvedPosition,
+			bordered,
 			children: item.children
-		}, item.key));
+		})] }, item.key));
 		return children;
 	};
 	return /* @__PURE__ */ jsx("div", {
-		className: cn("ald-collapse", bordered && "tw-rounded-[6px] tw-border tw-border-solid tw-border-[var(--alias-colors-border-default)] tw-bg-[var(--alias-colors-bg-skeleton-subtle)]", className),
+		className: cn("ald-collapse ant-collapse tw-flex tw-flex-col tw-items-start tw-overflow-hidden tw-rounded-r-75 [&>.ald-collapse-divider]:tw-h-px [&>.ald-collapse-divider]:tw-w-full [&>.ald-collapse-divider]:tw-bg-[var(--border-default)]", !bordered && !ghost && "tw-bg-[var(--background-neutral-subtle)]", bordered && "tw-border tw-border-solid tw-border-[var(--border-default)] tw-bg-[var(--background-neutral-subtle)]", className),
 		style,
 		children: renderItems()
 	});

package/dist/Collapse/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/Collapse/index.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { ArrowDownLightLine, ArrowRightLightLine } from '../Icon';\nimport { cn } from '../lib/utils';\n\nexport interface CollapsePanelProps {\n  key: string;\n  header?: React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n  disabled?: boolean;\n  extra?: React.ReactNode;\n  forceRender?: boolean;\n  collapsible?: 'header' | 'icon' | 'disabled';\n}\n\nexport interface CollapseProps {\n  activeKey?: string | string[];\n  defaultActiveKey?: string | string[];\n  accordion?: boolean;\n  onChange?: (key: string | string[]) => void;\n  className?: string;\n  style?: React.CSSProperties;\n  bordered?: boolean;\n  expandIconPosition?: 'start' | 'end' | 'left' | 'right';\n  expandIcon?: (props: { isActive: boolean }) => React.ReactNode;\n  ghost?: boolean;\n  size?: 'large' | 'middle' | 'small';\n  collapsible?: 'header' | 'icon' | 'disabled';\n  children?: React.ReactNode;\n  items?: Array<{\n    key: string;\n    label: React.ReactNode;\n    children?: React.ReactNode;\n    className?: string;\n    style?: React.CSSProperties;\n    extra?: React.ReactNode;\n    disabled?: boolean;\n    collapsible?: 'header' | 'icon' | 'disabled';\n    forceRender?: boolean;\n  }>;\n}\n\n/** Internal rendering component for a single panel */\nfunction CollapsePanelInternal(props: {\n  panelKey: string;\n  header: React.ReactNode;\n  isActive: boolean;\n  onToggle: () => void;\n  disabled?: boolean;\n  extra?: React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n  forceRender?: boolean;\n  expandIcon?: (props: { isActive: boolean }) => React.ReactNode;\n  expandIconPosition?: 'start' | 'end';\n}) {\n  const {\n    header,\n    isActive,\n    onToggle,\n    disabled,\n    extra,\n    className,\n    style,\n    children,\n    forceRender,\n    expandIcon,\n    expandIconPosition = 'start',\n  } = props;\n\n  const iconNode = expandIcon ? (\n    expandIcon({ isActive })\n  ) : isActive ? (\n    <ArrowDownLightLine size={20} color=\"var(--alias-colors-icon-subtle)\" />\n  ) : (\n    <ArrowRightLightLine size={20} color=\"var(--alias-colors-icon-subtle)\" />\n  );\n\n  const iconElement = (\n    <span className=\"ald-collapse-expand-icon tw-flex tw-items-center\">\n      {iconNode}\n    </span>\n  );\n\n  return (\n    <div\n      className={cn(\n        'ald-collapse-item tw-border-b tw-border-solid tw-border-[var(--border-default)]',\n        isActive && 'ald-collapse-item-active',\n        disabled && 'tw-pointer-events-none tw-opacity-50',\n        className,\n      )}\n      style={style}\n    >\n      <div\n        className=\"ald-collapse-header tw-flex tw-cursor-pointer tw-items-center tw-gap-2 tw-px-4 tw-py-3\"\n        onClick={disabled ? undefined : onToggle}\n      >\n        {expandIconPosition === 'start' && iconElement}\n        <span className=\"ald-collapse-header-text tw-flex-1\">{header}</span>\n        {extra && <span className=\"ald-collapse-extra\">{extra}</span>}\n        {expandIconPosition === 'end' && iconElement}\n      </div>\n      {(isActive || forceRender) && (\n        <div\n          className=\"ald-collapse-content tw-px-4 tw-pb-4\"\n          style={!isActive && forceRender ? { display: 'none' } : undefined}\n        >\n          {children}\n        </div>\n      )}\n    </div>\n  );\n}\n\n/**\n * Checks whether a React element is a Collapse.Panel.\n * We tag the Panel component with a `__COLLAPSE_PANEL` flag\n * so we can detect it regardless of module wrapper differences.\n */\nfunction isPanelElement(\n  child: React.ReactNode,\n): child is React.ReactElement<CollapsePanelProps> {\n  if (!React.isValidElement(child)) return false;\n  return (child.type as any)?.__COLLAPSE_PANEL === true;\n}\n\n/**\n * Convert Collapse.Panel children into the internal items format.\n */\nfunction panelChildrenToItems(children: React.ReactNode) {\n  const items: Array<{\n    key: string;\n    label: React.ReactNode;\n    children?: React.ReactNode;\n    className?: string;\n    style?: React.CSSProperties;\n    extra?: React.ReactNode;\n    disabled?: boolean;\n    collapsible?: 'header' | 'icon' | 'disabled';\n    forceRender?: boolean;\n  }> = [];\n\n  React.Children.forEach(children, (child) => {\n    if (!isPanelElement(child)) return;\n    const {\n      header,\n      children: panelChildren,\n      className,\n      style,\n      extra,\n      disabled,\n      collapsible,\n      forceRender,\n    } = child.props;\n\n    // The `key` prop is not part of child.props in React — access it from child.key\n    const panelKey =\n      child.key !== null && child.key !== undefined ? String(child.key) : '';\n\n    items.push({\n      key: panelKey,\n      label: header,\n      children: panelChildren,\n      className,\n      style,\n      extra,\n      disabled,\n      collapsible,\n      forceRender,\n    });\n  });\n\n  return items;\n}\n\nconst Collapse = (props: CollapseProps) => {\n  const {\n    defaultActiveKey = [],\n    activeKey: controlledActiveKey,\n    accordion,\n    onChange,\n    className,\n    style,\n    bordered = true,\n    expandIconPosition,\n    expandIcon,\n    items: itemsProp,\n    children,\n  } = props;\n\n  const resolvedPosition =\n    expandIconPosition === 'left'\n      ? 'start'\n      : expandIconPosition === 'right'\n      ? 'end'\n      : expandIconPosition ?? 'start';\n\n  const normalizeKeys = (keys: string | string[] | undefined): string[] => {\n    if (!keys) return [];\n    return Array.isArray(keys) ? keys : [keys];\n  };\n\n  const [internalActiveKey, setInternalActiveKey] = useState<string[]>(\n    normalizeKeys(defaultActiveKey),\n  );\n\n  const activeKeys =\n    controlledActiveKey !== undefined\n      ? normalizeKeys(controlledActiveKey)\n      : internalActiveKey;\n\n  const toggleKey = (key: string) => {\n    let newKeys: string[];\n    if (accordion) {\n      newKeys = activeKeys.includes(key) ? [] : [key];\n    } else {\n      newKeys = activeKeys.includes(key)\n        ? activeKeys.filter((k) => k !== key)\n        : [...activeKeys, key];\n    }\n    if (controlledActiveKey === undefined) {\n      setInternalActiveKey(newKeys);\n    }\n    onChange?.(accordion ? newKeys[0] || '' : newKeys);\n  };\n\n  // Resolve items: from `items` prop, or by converting Panel children\n  const items =\n    itemsProp || (children ? panelChildrenToItems(children) : undefined);\n\n  const renderItems = () => {\n    if (items && items.length > 0) {\n      return items.map((item) => (\n        <CollapsePanelInternal\n          key={item.key}\n          panelKey={item.key}\n          header={item.label}\n          isActive={activeKeys.includes(item.key)}\n          onToggle={() => toggleKey(item.key)}\n          disabled={item.disabled || item.collapsible === 'disabled'}\n          extra={item.extra}\n          className={item.className}\n          style={item.style}\n          forceRender={item.forceRender}\n          expandIcon={expandIcon}\n          expandIconPosition={resolvedPosition}\n        >\n          {item.children}\n        </CollapsePanelInternal>\n      ));\n    }\n    // If children are not Panel elements (rare fallback), render them as-is\n    return children;\n  };\n\n  return (\n    <div\n      className={cn(\n        'ald-collapse',\n        bordered &&\n          'tw-rounded-[6px] tw-border tw-border-solid tw-border-[var(--alias-colors-border-default)] tw-bg-[var(--alias-colors-bg-skeleton-subtle)]',\n        className,\n      )}\n      style={style}\n    >\n      {renderItems()}\n    </div>\n  );\n};\n\n/**\n * Collapse.Panel — legacy sub-component for backwards compatibility.\n * When used as a child of <Collapse>, the parent extracts its props\n * and renders the panels via the internal CollapsePanelInternal component.\n * Panel itself never renders directly; the parent handles rendering.\n */\nconst Panel: React.FC<CollapsePanelProps> = ({ children }) => {\n  // This component should never render on its own — Collapse extracts\n  // its props. But if used outside of Collapse, render children as fallback.\n  return <>{children}</>;\n};\n\n// Tag for detection by isPanelElement\n(Panel as any).__COLLAPSE_PANEL = true;\n\nCollapse.Panel = Panel;\n\nexport default Collapse;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Collapse/index.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport { ArrowRightLightLine } from '../Icon';\nimport { cn } from '../lib/utils';\n\nexport interface CollapsePanelProps {\n  key: string;\n  header?: React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n  disabled?: boolean;\n  extra?: React.ReactNode;\n  forceRender?: boolean;\n  collapsible?: 'header' | 'icon' | 'disabled';\n  showArrow?: boolean;\n  ref?: React.Ref<HTMLDivElement>;\n}\n\nexport interface CollapseProps {\n  activeKey?: string | string[];\n  defaultActiveKey?: string | string[];\n  accordion?: boolean;\n  onChange?: (key: string | string[]) => void;\n  className?: string;\n  style?: React.CSSProperties;\n  bordered?: boolean;\n  expandIconPosition?: 'start' | 'end' | 'left' | 'right';\n  expandIcon?: (props: { isActive: boolean }) => React.ReactNode;\n  ghost?: boolean;\n  size?: 'large' | 'middle' | 'small';\n  collapsible?: 'header' | 'icon' | 'disabled';\n  children?: React.ReactNode;\n  items?: Array<{\n    key: string;\n    label: React.ReactNode;\n    children?: React.ReactNode;\n    className?: string;\n    style?: React.CSSProperties;\n    extra?: React.ReactNode;\n    disabled?: boolean;\n    collapsible?: 'header' | 'icon' | 'disabled';\n    forceRender?: boolean;\n  }>;\n}\n\n/** Internal rendering component for a single panel */\nfunction CollapsePanelInternal(props: {\n  panelKey: string;\n  header: React.ReactNode;\n  isActive: boolean;\n  onToggle: () => void;\n  disabled?: boolean;\n  extra?: React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n  forceRender?: boolean;\n  expandIcon?: (props: { isActive: boolean }) => React.ReactNode;\n  expandIconPosition?: 'start' | 'end';\n  bordered?: boolean;\n}) {\n  const {\n    header,\n    isActive,\n    onToggle,\n    disabled,\n    extra,\n    className,\n    style,\n    children,\n    forceRender,\n    expandIcon,\n    expandIconPosition = 'start',\n    bordered,\n  } = props;\n\n  const contentRef = useRef<HTMLDivElement>(null);\n  const [rendered, setRendered] = useState(isActive || !!forceRender);\n\n  // Ensure content is in DOM before expanding so transition can play\n  if (isActive && !rendered) {\n    setRendered(true);\n  }\n\n  const handleTransitionEnd = () => {\n    if (!isActive && !forceRender) {\n      setRendered(false);\n    }\n  };\n\n  const iconNode = expandIcon ? (\n    expandIcon({ isActive })\n  ) : (\n    <ArrowRightLightLine size={20} color=\"var(--alias-colors-icon-subtle)\" />\n  );\n\n  // antd 兼容：保留 ant-collapse-expand-icon class，消费方 CSS 可能依赖该选择器\n  const iconElement = (\n    <span\n      className=\"ald-collapse-expand-icon ant-collapse-expand-icon tw-flex tw-items-center\"\n      style={{\n        transform: isActive ? 'rotate(90deg)' : 'rotate(0deg)',\n        transition: 'transform 200ms',\n      }}\n    >\n      {iconNode}\n    </span>\n  );\n\n  return (\n    <div\n      className={cn(\n        // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n        'ald-collapse-item ant-collapse-item tw-w-full',\n        isActive && 'ald-collapse-item-active',\n        disabled && 'tw-pointer-events-none tw-opacity-50',\n        className,\n      )}\n      style={style}\n    >\n      <div\n        // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n        className=\"ald-collapse-header ant-collapse-header tw-flex tw-cursor-pointer tw-items-center tw-gap-2 tw-p-3\"\n        onClick={disabled ? undefined : onToggle}\n      >\n        {expandIconPosition === 'start' && iconElement}\n        {/* antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器 */}\n        <span className=\"ald-collapse-header-text ant-collapse-header-text tw-flex-1 tw-text-sm tw-font-medium tw-leading-5 tw-text-[var(--content-primary)]\">\n          {header}\n        </span>\n        {/* antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器 */}\n        {extra && (\n          <span className=\"ald-collapse-extra ant-collapse-extra\">{extra}</span>\n        )}\n        {expandIconPosition === 'end' && iconElement}\n      </div>\n      <div\n        className=\"tw-grid tw-transition-[grid-template-rows] tw-duration-200\"\n        style={{ gridTemplateRows: isActive ? '1fr' : '0fr' }}\n        onTransitionEnd={handleTransitionEnd}\n      >\n        <div className=\"tw-overflow-hidden\">\n          {rendered && (\n            <div\n              ref={contentRef}\n              // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n              className={cn(\n                'ald-collapse-content ant-collapse-content tw-flex tw-items-start tw-gap-2.5 tw-self-stretch',\n                bordered\n                  ? 'tw-bg-[var(--background-default)] tw-p-4'\n                  : 'tw-pb-4 tw-pl-10 tw-pr-4 tw-pt-0',\n              )}\n            >\n              {children}\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n\n/**\n * Checks whether a React element is a Collapse.Panel.\n * We tag the Panel component with a `__COLLAPSE_PANEL` flag\n * so we can detect it regardless of module wrapper differences.\n */\nfunction isPanelElement(\n  child: React.ReactNode,\n): child is React.ReactElement<CollapsePanelProps> {\n  if (!React.isValidElement(child)) return false;\n  return (child.type as any)?.__COLLAPSE_PANEL === true;\n}\n\n/**\n * Convert Collapse.Panel children into the internal items format.\n */\nfunction panelChildrenToItems(children: React.ReactNode) {\n  const items: Array<{\n    key: string;\n    label: React.ReactNode;\n    children?: React.ReactNode;\n    className?: string;\n    style?: React.CSSProperties;\n    extra?: React.ReactNode;\n    disabled?: boolean;\n    collapsible?: 'header' | 'icon' | 'disabled';\n    forceRender?: boolean;\n  }> = [];\n\n  React.Children.forEach(children, (child) => {\n    if (!isPanelElement(child)) return;\n    const {\n      header,\n      children: panelChildren,\n      className,\n      style,\n      extra,\n      disabled,\n      collapsible,\n      forceRender,\n    } = child.props;\n\n    // The `key` prop is not part of child.props in React — access it from child.key\n    const panelKey =\n      child.key !== null && child.key !== undefined ? String(child.key) : '';\n\n    items.push({\n      key: panelKey,\n      label: header,\n      children: panelChildren,\n      className,\n      style,\n      extra,\n      disabled,\n      collapsible,\n      forceRender,\n    });\n  });\n\n  return items;\n}\n\nconst Collapse = (props: CollapseProps) => {\n  const {\n    defaultActiveKey = [],\n    activeKey: controlledActiveKey,\n    accordion,\n    onChange,\n    className,\n    style,\n    bordered = true,\n    ghost,\n    expandIconPosition,\n    expandIcon,\n    items: itemsProp,\n    children,\n  } = props;\n\n  const resolvedPosition =\n    expandIconPosition === 'left'\n      ? 'start'\n      : expandIconPosition === 'right'\n      ? 'end'\n      : expandIconPosition ?? 'start';\n\n  const normalizeKeys = (keys: string | string[] | undefined): string[] => {\n    if (!keys) return [];\n    return Array.isArray(keys) ? keys : [keys];\n  };\n\n  const [internalActiveKey, setInternalActiveKey] = useState<string[]>(\n    normalizeKeys(defaultActiveKey),\n  );\n\n  const activeKeys =\n    controlledActiveKey !== undefined\n      ? normalizeKeys(controlledActiveKey)\n      : internalActiveKey;\n\n  const toggleKey = (key: string) => {\n    let newKeys: string[];\n    if (accordion) {\n      newKeys = activeKeys.includes(key) ? [] : [key];\n    } else {\n      newKeys = activeKeys.includes(key)\n        ? activeKeys.filter((k) => k !== key)\n        : [...activeKeys, key];\n    }\n    if (controlledActiveKey === undefined) {\n      setInternalActiveKey(newKeys);\n    }\n    onChange?.(accordion ? newKeys[0] || '' : newKeys);\n  };\n\n  // Resolve items: from `items` prop, or by converting Panel children\n  const items =\n    itemsProp || (children ? panelChildrenToItems(children) : undefined);\n\n  const renderItems = () => {\n    if (items && items.length > 0) {\n      return items.map((item, index) => (\n        <React.Fragment key={item.key}>\n          {index > 0 && <div className=\"ald-collapse-divider\" />}\n          <CollapsePanelInternal\n            panelKey={item.key}\n            header={item.label}\n            isActive={activeKeys.includes(item.key)}\n            onToggle={() => toggleKey(item.key)}\n            disabled={item.disabled || item.collapsible === 'disabled'}\n            extra={item.extra}\n            className={item.className}\n            style={item.style}\n            forceRender={item.forceRender}\n            expandIcon={expandIcon}\n            expandIconPosition={resolvedPosition}\n            bordered={bordered}\n          >\n            {item.children}\n          </CollapsePanelInternal>\n        </React.Fragment>\n      ));\n    }\n    // If children are not Panel elements (rare fallback), render them as-is\n    return children;\n  };\n\n  return (\n    <div\n      className={cn(\n        // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n        'ald-collapse ant-collapse tw-flex tw-flex-col tw-items-start tw-overflow-hidden tw-rounded-r-75 [&>.ald-collapse-divider]:tw-h-px [&>.ald-collapse-divider]:tw-w-full [&>.ald-collapse-divider]:tw-bg-[var(--border-default)]',\n        !bordered && !ghost && 'tw-bg-[var(--background-neutral-subtle)]',\n        bordered &&\n          'tw-border tw-border-solid tw-border-[var(--border-default)] tw-bg-[var(--background-neutral-subtle)]',\n        className,\n      )}\n      style={style}\n    >\n      {renderItems()}\n    </div>\n  );\n};\n\n/**\n * Collapse.Panel — legacy sub-component for backwards compatibility.\n * When used as a child of <Collapse>, the parent extracts its props\n * and renders the panels via the internal CollapsePanelInternal component.\n * Panel itself never renders directly; the parent handles rendering.\n */\nconst Panel: React.FC<CollapsePanelProps> = ({ children }) => {\n  // This component should never render on its own — Collapse extracts\n  // its props. But if used outside of Collapse, render children as fallback.\n  return <>{children}</>;\n};\n\n// Tag for detection by isPanelElement\n(Panel as any).__COLLAPSE_PANEL = true;\n\nCollapse.Panel = Panel;\n\nexport default Collapse;\n"],"mappings":"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"}

package/dist/Collapse.d.ts

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

package/dist/ColorPicker/ComplexColorPicker.d.ts

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

package/dist/ColorPicker.d.ts

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

package/dist/ConfigProvider.d.ts

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

package/dist/DataPreviewTable/components/Body.d.ts

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

package/dist/DataPreviewTable/components/DragBar.d.ts

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

package/dist/DataPreviewTable/components/Header.d.ts

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

package/dist/DataPreviewTable/index.js

@@ -1,8 +1,8 @@
 import { cn } from "../lib/utils.js";
+import Progress_default from "../Progress/index.js";
 import { LocaleContext, getTranslator } from "../locale/default.js";
 import ScrollArea_default from "../ScrollArea/index.js";
 /* empty css                   */
-import Progress_default from "../Progress/index.js";
 import CustomSpin from "../Spin/index.js";
 import Body_default from "./components/Body/index.js";
 import Error_default from "./components/Body/Error.js";

package/dist/DataPreviewTable/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/DataPreviewTable/index.tsx"],"sourcesContent":["import { cn } from '../lib/utils';\nimport './data-preview-table.css';\nimport React, {\n  forwardRef,\n  memo,\n  useContext,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from 'react';\nimport Progress, { IProgressRef } from '../Progress';\nimport ScrollArea from '../ScrollArea';\nimport Spin from '../Spin';\nimport { LocaleContext, getTranslator } from '../locale/default';\nimport Body from './components/Body';\nimport Error from './components/Body/Error';\nimport Header from './components/Header';\nimport { CELL_HEIGHT, DEFAULT_HEADER_HEIGHT } from './constant';\nimport useDirection from './hooks/useDirection';\nimport { DataPreviewTableRef, ITableProps } from './interface';\n\nconst DataPreviewTable = forwardRef(function (\n  props: ITableProps,\n  ref: React.Ref<DataPreviewTableRef>,\n) {\n  const { locale } = useContext(LocaleContext);\n  const t = getTranslator(locale);\n\n  const {\n    columns = [],\n    datasource = [],\n    width,\n    height,\n    headerHeight = 0,\n    loading,\n    dataStatus,\n    errorMsg = t.DataPreviewTable.dataLoadFailed,\n  } = props;\n\n  const realHeaderHeight = Math.max(headerHeight, DEFAULT_HEADER_HEIGHT);\n  const contentHeight = useMemo(() => {\n    return datasource.length * CELL_HEIGHT + realHeaderHeight;\n  }, [datasource, realHeaderHeight]);\n  const wrapRef = useRef<HTMLDivElement>(null);\n  const progressRef = useRef<IProgressRef>(null);\n  const {\n    columnRange,\n    rowRange,\n    onScroll,\n    columnLayout,\n    setColumnsWidth,\n    tableColumns,\n    contentWidth,\n  } = useDirection(columns, wrapRef);\n\n  useImperativeHandle(ref, () => ({\n    scrollToColumnInView: (columnId: string) => {\n      // 实现scrollTo方法\n      const columnPos = columnLayout[columnId];\n      if (!columnPos) return;\n      // 根据容器的宽度，容器的scrollLeft，columnPos，判断当前列是否在可视区域内\n      const { scrollLeft } = wrapRef.current as HTMLDivElement;\n      const { left, width } = columnPos;\n      const containerWidth = wrapRef.current?.clientWidth || 0;\n      if (left < scrollLeft) {\n        // 左边不可见\n        wrapRef.current?.scrollTo({\n          left,\n          behavior: 'smooth',\n        });\n      } else if (left + width > scrollLeft + containerWidth) {\n        // 右边不可见\n        wrapRef.current?.scrollTo({\n          left: left + width - containerWidth,\n          behavior: 'smooth',\n        });\n      }\n    },\n    progressRestart: () => {\n      progressRef.current?.restart();\n    },\n  }));\n\n  const skeletonRows = useMemo(() => {\n    if (!wrapRef.current) return 0;\n    const rows = Math.ceil(\n      ((wrapRef.current?.clientHeight || 0) - realHeaderHeight) / CELL_HEIGHT,\n    );\n    return rows - 1 < 0 ? 0 : rows - 1;\n  }, [realHeaderHeight]);\n\n  return (\n    <ScrollArea\n      ref={wrapRef}\n      style={{ width, height, willChange: 'transform' }}\n      onViewportScroll={() => {\n        // const { scrollTop, scrollLeft } = e.target as HTMLDivElement;\n        onScroll();\n      }}\n      className={cn(props.className, 'ald-data-preview-table', {\n        'ald-data-preview-table-show-skeleton': dataStatus === 'pending',\n      })}\n    >\n      <div\n        style={{\n          height:\n            dataStatus === 'pending'\n              ? skeletonRows * CELL_HEIGHT + realHeaderHeight\n              : contentHeight,\n          position: 'relative',\n          width: 'fit-content',\n        }}\n      >\n        <div className=\"ald-data-preview-sticky\">\n          <Progress\n            className=\"ald-data-preview-progress\"\n            loading={!!loading}\n            ref={progressRef}\n          ></Progress>\n          <Header\n            contentWidth={contentWidth}\n            headerHeight={realHeaderHeight}\n            columns={tableColumns}\n            columnLayout={columnLayout}\n            setWidth={setColumnsWidth}\n            columnRange={columnRange}\n          />\n        </div>\n        {dataStatus === 'pending' && tableColumns.length > 0 && (\n          <div className=\"ald-data-preview-loading\">\n            <Spin />\n          </div>\n        )}\n        {dataStatus === 'success' && (\n          <Body\n            columns={tableColumns}\n            columnRange={columnRange}\n            columnLayout={columnLayout}\n            datasource={datasource}\n            rowRange={rowRange}\n            headerHeight={realHeaderHeight}\n          />\n        )}\n        {dataStatus === 'error' && (\n          <Error\n            errorMsg={errorMsg}\n            wrapWidth={wrapRef.current?.clientWidth || 0}\n          />\n        )}\n      </div>\n    </ScrollArea>\n  );\n});\n\nexport default memo(DataPreviewTable);\n"],"mappings":";;;;;;;;;;;;AA0JA,IAAA,2BAAe,KArIU,WAAW,SAClC,OACA,KACA;CACA,MAAM,EAAE,WAAW,WAAW,cAAc;CAC5C,MAAM,IAAI,cAAc,OAAO;CAE/B,MAAM,EACJ,UAAU,EAAE,EACZ,aAAa,EAAE,EACf,OACA,QACA,eAAe,GACf,SACA,YACA,WAAW,EAAE,iBAAiB,mBAC5B;CAEJ,MAAM,mBAAmB,KAAK,IAAI,cAAA,GAAoC;CACtE,MAAM,gBAAgB,cAAc;AAClC,SAAO,WAAW,SAAA,KAAuB;IACxC,CAAC,YAAY,iBAAiB,CAAC;CAClC,MAAM,UAAU,OAAuB,KAAK;CAC5C,MAAM,cAAc,OAAqB,KAAK;CAC9C,MAAM,EACJ,aACA,UACA,UACA,cACA,iBACA,cACA,iBACE,aAAa,SAAS,QAAQ;AAElC,qBAAoB,YAAY;EAC9B,uBAAuB,aAAqB;GAE1C,MAAM,YAAY,aAAa;AAC/B,OAAI,CAAC,UAAW;GAEhB,MAAM,EAAE,eAAe,QAAQ;GAC/B,MAAM,EAAE,MAAM,UAAU;GACxB,MAAM,iBAAiB,QAAQ,SAAS,eAAe;AACvD,OAAI,OAAO,WAET,SAAQ,SAAS,SAAS;IACxB;IACA,UAAU;IACX,CAAC;YACO,OAAO,QAAQ,aAAa,eAErC,SAAQ,SAAS,SAAS;IACxB,MAAM,OAAO,QAAQ;IACrB,UAAU;IACX,CAAC;;EAGN,uBAAuB;AACrB,eAAY,SAAS,SAAS;;EAEjC,EAAE;CAEH,MAAM,eAAe,cAAc;AACjC,MAAI,CAAC,QAAQ,QAAS,QAAO;EAC7B,MAAM,OAAO,KAAK,OACd,QAAQ,SAAS,gBAAgB,KAAK,oBAAA,GACzC;AACD,SAAO,OAAO,IAAI,IAAI,IAAI,OAAO;IAChC,CAAC,iBAAiB,CAAC;AAEtB,QACE,oBAAC,oBAAD;EACE,KAAK;EACL,OAAO;GAAE;GAAO;GAAQ,YAAY;GAAa;EACjD,wBAAwB;AAEtB,aAAU;;EAEZ,WAAW,GAAG,MAAM,WAAW,0BAA0B,EACvD,wCAAwC,eAAe,WACxD,CAAC;YAEF,qBAAC,OAAD;GACE,OAAO;IACL,QACE,eAAe,YACX,eAAA,KAA6B,mBAC7B;IACN,UAAU;IACV,OAAO;IACR;aARH;IAUE,qBAAC,OAAD;KAAK,WAAU;eAAf,CACE,oBAAC,kBAAD;MACE,WAAU;MACV,SAAS,CAAC,CAAC;MACX,KAAK;MACK,CAAA,EACZ,oBAAC,QAAD;MACgB;MACd,cAAc;MACd,SAAS;MACK;MACd,UAAU;MACG;MACb,CAAA,CACE;;IACL,eAAe,aAAa,aAAa,SAAS,KACjD,oBAAC,OAAD;KAAK,WAAU;eACb,oBAAC,YAAD,EAAQ,CAAA;KACJ,CAAA;IAEP,eAAe,aACd,oBAAC,cAAD;KACE,SAAS;KACI;KACC;KACF;KACF;KACV,cAAc;KACd,CAAA;IAEH,eAAe,WACd,oBAAC,eAAD;KACY;KACV,WAAW,QAAQ,SAAS,eAAe;KAC3C,CAAA;IAEA;;EACK,CAAA;EAEf,CAEmC"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/DataPreviewTable/index.tsx"],"sourcesContent":["import { cn } from '../lib/utils';\nimport './data-preview-table.css';\nimport React, {\n  forwardRef,\n  memo,\n  useContext,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from 'react';\nimport Progress, { IProgressRef } from '../Progress';\nimport ScrollArea from '../ScrollArea';\nimport Spin from '../Spin';\nimport { LocaleContext, getTranslator } from '../locale/default';\nimport Body from './components/Body';\nimport Error from './components/Body/Error';\nimport Header from './components/Header';\nimport { CELL_HEIGHT, DEFAULT_HEADER_HEIGHT } from './constant';\nimport useDirection from './hooks/useDirection';\nimport { DataPreviewTableRef, ITableProps } from './interface';\n\nconst DataPreviewTable = forwardRef(function (\n  props: ITableProps,\n  ref: React.Ref<DataPreviewTableRef>,\n) {\n  const { locale } = useContext(LocaleContext);\n  const t = getTranslator(locale);\n\n  const {\n    columns = [],\n    datasource = [],\n    width,\n    height,\n    headerHeight = 0,\n    loading,\n    dataStatus,\n    errorMsg = t.DataPreviewTable.dataLoadFailed,\n  } = props;\n\n  const realHeaderHeight = Math.max(headerHeight, DEFAULT_HEADER_HEIGHT);\n  const contentHeight = useMemo(() => {\n    return datasource.length * CELL_HEIGHT + realHeaderHeight;\n  }, [datasource, realHeaderHeight]);\n  const wrapRef = useRef<HTMLDivElement>(null);\n  const progressRef = useRef<IProgressRef>(null);\n  const {\n    columnRange,\n    rowRange,\n    onScroll,\n    columnLayout,\n    setColumnsWidth,\n    tableColumns,\n    contentWidth,\n  } = useDirection(columns, wrapRef);\n\n  useImperativeHandle(ref, () => ({\n    scrollToColumnInView: (columnId: string) => {\n      // 实现scrollTo方法\n      const columnPos = columnLayout[columnId];\n      if (!columnPos) return;\n      // 根据容器的宽度，容器的scrollLeft，columnPos，判断当前列是否在可视区域内\n      const { scrollLeft } = wrapRef.current as HTMLDivElement;\n      const { left, width } = columnPos;\n      const containerWidth = wrapRef.current?.clientWidth || 0;\n      if (left < scrollLeft) {\n        // 左边不可见\n        wrapRef.current?.scrollTo({\n          left,\n          behavior: 'smooth',\n        });\n      } else if (left + width > scrollLeft + containerWidth) {\n        // 右边不可见\n        wrapRef.current?.scrollTo({\n          left: left + width - containerWidth,\n          behavior: 'smooth',\n        });\n      }\n    },\n    progressRestart: () => {\n      progressRef.current?.restart();\n    },\n  }));\n\n  const skeletonRows = useMemo(() => {\n    if (!wrapRef.current) return 0;\n    const rows = Math.ceil(\n      ((wrapRef.current?.clientHeight || 0) - realHeaderHeight) / CELL_HEIGHT,\n    );\n    return rows - 1 < 0 ? 0 : rows - 1;\n  }, [realHeaderHeight]);\n\n  return (\n    <ScrollArea\n      ref={wrapRef}\n      style={{ width, height, willChange: 'transform' }}\n      onViewportScroll={() => {\n        // const { scrollTop, scrollLeft } = e.target as HTMLDivElement;\n        onScroll();\n      }}\n      className={cn(props.className, 'ald-data-preview-table', {\n        'ald-data-preview-table-show-skeleton': dataStatus === 'pending',\n      })}\n    >\n      <div\n        style={{\n          height:\n            dataStatus === 'pending'\n              ? skeletonRows * CELL_HEIGHT + realHeaderHeight\n              : contentHeight,\n          position: 'relative',\n          width: 'fit-content',\n        }}\n      >\n        <div className=\"ald-data-preview-sticky\">\n          <Progress\n            className=\"ald-data-preview-progress\"\n            loading={!!loading}\n            ref={progressRef}\n          />\n          <Header\n            contentWidth={contentWidth}\n            headerHeight={realHeaderHeight}\n            columns={tableColumns}\n            columnLayout={columnLayout}\n            setWidth={setColumnsWidth}\n            columnRange={columnRange}\n          />\n        </div>\n        {dataStatus === 'pending' && tableColumns.length > 0 && (\n          <div className=\"ald-data-preview-loading\">\n            <Spin />\n          </div>\n        )}\n        {dataStatus === 'success' && (\n          <Body\n            columns={tableColumns}\n            columnRange={columnRange}\n            columnLayout={columnLayout}\n            datasource={datasource}\n            rowRange={rowRange}\n            headerHeight={realHeaderHeight}\n          />\n        )}\n        {dataStatus === 'error' && (\n          <Error\n            errorMsg={errorMsg}\n            wrapWidth={wrapRef.current?.clientWidth || 0}\n          />\n        )}\n      </div>\n    </ScrollArea>\n  );\n});\n\nexport default memo(DataPreviewTable);\n"],"mappings":";;;;;;;;;;;;AA0JA,IAAA,2BAAe,KArIU,WAAW,SAClC,OACA,KACA;CACA,MAAM,EAAE,WAAW,WAAW,cAAc;CAC5C,MAAM,IAAI,cAAc,OAAO;CAE/B,MAAM,EACJ,UAAU,EAAE,EACZ,aAAa,EAAE,EACf,OACA,QACA,eAAe,GACf,SACA,YACA,WAAW,EAAE,iBAAiB,mBAC5B;CAEJ,MAAM,mBAAmB,KAAK,IAAI,cAAA,GAAoC;CACtE,MAAM,gBAAgB,cAAc;AAClC,SAAO,WAAW,SAAA,KAAuB;IACxC,CAAC,YAAY,iBAAiB,CAAC;CAClC,MAAM,UAAU,OAAuB,KAAK;CAC5C,MAAM,cAAc,OAAqB,KAAK;CAC9C,MAAM,EACJ,aACA,UACA,UACA,cACA,iBACA,cACA,iBACE,aAAa,SAAS,QAAQ;AAElC,qBAAoB,YAAY;EAC9B,uBAAuB,aAAqB;GAE1C,MAAM,YAAY,aAAa;AAC/B,OAAI,CAAC,UAAW;GAEhB,MAAM,EAAE,eAAe,QAAQ;GAC/B,MAAM,EAAE,MAAM,UAAU;GACxB,MAAM,iBAAiB,QAAQ,SAAS,eAAe;AACvD,OAAI,OAAO,WAET,SAAQ,SAAS,SAAS;IACxB;IACA,UAAU;IACX,CAAC;YACO,OAAO,QAAQ,aAAa,eAErC,SAAQ,SAAS,SAAS;IACxB,MAAM,OAAO,QAAQ;IACrB,UAAU;IACX,CAAC;;EAGN,uBAAuB;AACrB,eAAY,SAAS,SAAS;;EAEjC,EAAE;CAEH,MAAM,eAAe,cAAc;AACjC,MAAI,CAAC,QAAQ,QAAS,QAAO;EAC7B,MAAM,OAAO,KAAK,OACd,QAAQ,SAAS,gBAAgB,KAAK,oBAAA,GACzC;AACD,SAAO,OAAO,IAAI,IAAI,IAAI,OAAO;IAChC,CAAC,iBAAiB,CAAC;AAEtB,QACE,oBAAC,oBAAD;EACE,KAAK;EACL,OAAO;GAAE;GAAO;GAAQ,YAAY;GAAa;EACjD,wBAAwB;AAEtB,aAAU;;EAEZ,WAAW,GAAG,MAAM,WAAW,0BAA0B,EACvD,wCAAwC,eAAe,WACxD,CAAC;YAEF,qBAAC,OAAD;GACE,OAAO;IACL,QACE,eAAe,YACX,eAAA,KAA6B,mBAC7B;IACN,UAAU;IACV,OAAO;IACR;aARH;IAUE,qBAAC,OAAD;KAAK,WAAU;eAAf,CACE,oBAAC,kBAAD;MACE,WAAU;MACV,SAAS,CAAC,CAAC;MACX,KAAK;MACL,CAAA,EACF,oBAAC,QAAD;MACgB;MACd,cAAc;MACd,SAAS;MACK;MACd,UAAU;MACG;MACb,CAAA,CACE;;IACL,eAAe,aAAa,aAAa,SAAS,KACjD,oBAAC,OAAD;KAAK,WAAU;eACb,oBAAC,YAAD,EAAQ,CAAA;KACJ,CAAA;IAEP,eAAe,aACd,oBAAC,cAAD;KACE,SAAS;KACI;KACC;KACF;KACF;KACV,cAAc;KACd,CAAA;IAEH,eAAe,WACd,oBAAC,eAAD;KACY;KACV,WAAW,QAAQ,SAAS,eAAe;KAC3C,CAAA;IAEA;;EACK,CAAA;EAEf,CAEmC"}

package/dist/DataPreviewTable.d.ts

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

package/dist/DatePicker/index.d.ts

@@ -1,10 +1,18 @@
 import { Dayjs } from 'dayjs';
 import { default as React } from 'react';
 import { PickerProps, RangePickerProps as RcRangePickerProps, PickerRef } from 'rc-picker';
-import { RangePickerRef } from 'rc-picker/es/interface';
+import { PanelMode, RangePickerRef } from 'rc-picker/es/interface';
 import { SizeType } from '../ConfigProvider/sizeContext';
 export type RangeValue<T = Dayjs> = [T | null, T | null] | null;
-export interface DatePickerProps extends Omit<PickerProps<Dayjs>, 'generateConfig' | 'locale' | 'prefixCls'> {
+/**
+ * disabledDate compat: rc-picker v4 requires (date, info) => boolean,
+ * but antd v4 consumers pass (current) => boolean. We accept both.
+ */
+type DisabledDateCompat = (current: Dayjs, info?: {
+    type: PanelMode;
+    from?: Dayjs;
+}) => boolean;
+export interface DatePickerProps extends Omit<PickerProps<Dayjs>, 'generateConfig' | 'locale' | 'prefixCls' | 'onChange' | 'disabledDate'> {
     /** Override size from ConfigProvider */
     size?: SizeType;
     /** Validation status */
@@ -13,12 +21,39 @@ export interface DatePickerProps extends Omit<PickerProps<Dayjs>, 'generateConfi
     bordered?: boolean;
     /** Custom prefixCls */
     prefixCls?: string;
+    /**
+     * Narrowed onChange — single picker uses Dayjs | null, not Dayjs | Dayjs[].
+     * Uses import('dayjs').Dayjs to avoid duplicate-dayjs type conflicts.
+     */
+    onChange?: (date: import('dayjs').Dayjs | null, dateString: string) => void;
+    /**
+     * disabledDate — accepts both rc-picker v4 signature and antd v4 compat
+     * signature `(current: Dayjs) => boolean`.
+     */
+    disabledDate?: DisabledDateCompat;
+    /** Callback when a date is selected on the panel */
+    onSelect?: (date: Dayjs) => void;
+    /** @deprecated Use `classNames.popup` instead. Preserved for antd v4 compat. */
+    popupClassName?: string;
+    /** Override locale for this picker instance. Defaults to ConfigProvider locale. */
+    locale?: Record<string, any>;
 }
-export interface RangePickerProps extends Omit<RcRangePickerProps<Dayjs>, 'generateConfig' | 'locale' | 'prefixCls'> {
+export interface RangePickerProps extends Omit<RcRangePickerProps<Dayjs>, 'generateConfig' | 'locale' | 'prefixCls' | 'onChange' | 'disabledDate'> {
     size?: SizeType;
     status?: 'error' | 'warning';
     bordered?: boolean;
     prefixCls?: string;
+    /** Narrowed onChange for RangePicker */
+    onChange?: (dates: [import('dayjs').Dayjs | null, import('dayjs').Dayjs | null] | null, dateStrings: [string, string]) => void;
+    /**
+     * disabledDate — accepts both rc-picker v4 signature and antd v4 compat
+     * signature `(current: Dayjs) => boolean`.
+     */
+    disabledDate?: DisabledDateCompat;
+    /** @deprecated Use `classNames.popup` instead. Preserved for antd v4 compat. */
+    popupClassName?: string;
+    /** Override locale for this picker instance. Defaults to ConfigProvider locale. */
+    locale?: Record<string, any>;
 }
 export type YearPickerProps = DatePickerProps;
 export type QuarterPickerProps = DatePickerProps;

package/dist/DatePicker/index.js

@@ -4,7 +4,7 @@ import SizeContext from "../ConfigProvider/sizeContext.js";
 import { LocaleContext } from "../locale/default.js";
 /* empty css            */
 import enUSDatePicker from "rc-picker/es/locale/en_US";
-import { forwardRef, useContext } from "react";
+import React, { forwardRef, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
 import { Picker, RangePicker } from "rc-picker";
 import dayjsGenerateConfig from "rc-picker/es/generate/dayjs";
@@ -14,35 +14,81 @@ var SIZE_CLS = {
 	large: "ald-picker-lg"
 };
 var InternalDatePicker = forwardRef((props, ref) => {
-	const { size: customSize, disabled: customDisabled, className, status, bordered = true, prefixCls = "ald-picker", ...restProps } = props;
+	const { size: customSize, disabled: customDisabled, className, status, bordered = true, prefixCls = "ald-picker", onChange, disabledDate, onSelect: _onSelect, popupClassName, locale: localeProp, ...restProps } = props;
 	const ctxSize = useContext(SizeContext);
 	const size = customSize || ctxSize || "middle";
 	const ctxDisabled = useContext(DisabledContext);
 	const mergedDisabled = customDisabled ?? ctxDisabled;
+	const ctxLocale = useContext(LocaleContext);
+	const pickerLocale = localeProp || ctxLocale?.DatePicker || enUSDatePicker;
+	const sizeCls = SIZE_CLS[size] || "";
+	const rcOnChange = React.useMemo(() => {
+		if (!onChange) return void 0;
+		return (date, dateString) => {
+			onChange(Array.isArray(date) ? date[0] : date, Array.isArray(dateString) ? dateString[0] : dateString);
+		};
+	}, [onChange]);
+	const rcDisabledDate = React.useMemo(() => {
+		if (!disabledDate) return void 0;
+		return (date, info) => disabledDate(date, info);
+	}, [disabledDate]);
+	const mergedClassNames = React.useMemo(() => {
+		if (!popupClassName) return restProps.classNames;
+		return {
+			...restProps.classNames,
+			popup: cn(restProps.classNames?.popup, popupClassName)
+		};
+	}, [popupClassName, restProps.classNames]);
 	return /* @__PURE__ */ jsx(Picker, {
 		ref,
 		generateConfig: dayjsGenerateConfig,
-		locale: useContext(LocaleContext)?.DatePicker || enUSDatePicker,
+		locale: pickerLocale,
 		prefixCls,
 		disabled: mergedDisabled,
-		className: cn(SIZE_CLS[size] || "", !bordered && "ald-picker-borderless", status === "error" && "ald-picker-status-error", status === "warning" && "ald-picker-status-warning", className),
-		...restProps
+		className: cn(sizeCls, "ant-picker", !bordered && "ald-picker-borderless", status === "error" && "ald-picker-status-error", status === "warning" && "ald-picker-status-warning", className),
+		...restProps,
+		classNames: mergedClassNames,
+		onChange: rcOnChange,
+		disabledDate: rcDisabledDate
 	});
 });
 var InternalRangePicker = forwardRef((props, ref) => {
-	const { size: customSize, disabled: customDisabled, className, status, bordered = true, prefixCls = "ald-picker", ...restProps } = props;
+	const { size: customSize, disabled: customDisabled, className, status, bordered = true, prefixCls = "ald-picker", onChange, disabledDate, popupClassName, locale: localeProp, ...restProps } = props;
 	const ctxSize = useContext(SizeContext);
 	const size = customSize || ctxSize || "middle";
 	const ctxDisabled = useContext(DisabledContext);
 	const mergedDisabled = customDisabled ?? ctxDisabled;
+	const ctxLocale = useContext(LocaleContext);
+	const pickerLocale = localeProp || ctxLocale?.DatePicker || enUSDatePicker;
+	const sizeCls = SIZE_CLS[size] || "";
+	const rcOnChange = React.useMemo(() => {
+		if (!onChange) return void 0;
+		return (dates, dateStrings) => {
+			onChange(dates, dateStrings);
+		};
+	}, [onChange]);
+	const rcDisabledDate = React.useMemo(() => {
+		if (!disabledDate) return void 0;
+		return (date, info) => disabledDate(date, info);
+	}, [disabledDate]);
+	const mergedClassNames = React.useMemo(() => {
+		if (!popupClassName) return restProps.classNames;
+		return {
+			...restProps.classNames,
+			popup: cn(restProps.classNames?.popup, popupClassName)
+		};
+	}, [popupClassName, restProps.classNames]);
 	return /* @__PURE__ */ jsx(RangePicker, {
 		ref,
 		generateConfig: dayjsGenerateConfig,
-		locale: useContext(LocaleContext)?.DatePicker || enUSDatePicker,
+		locale: pickerLocale,
 		prefixCls,
 		disabled: mergedDisabled,
-		className: cn(SIZE_CLS[size] || "", !bordered && "ald-picker-borderless", status === "error" && "ald-picker-status-error", status === "warning" && "ald-picker-status-warning", className),
-		...restProps
+		className: cn(sizeCls, "ant-picker", !bordered && "ald-picker-borderless", status === "error" && "ald-picker-status-error", status === "warning" && "ald-picker-status-warning", className),
+		...restProps,
+		classNames: mergedClassNames,
+		onChange: rcOnChange,
+		disabledDate: rcDisabledDate
 	});
 });
 function createPickerVariant(pickerMode, defaultPlaceholder) {

package/dist/DatePicker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/DatePicker/index.tsx"],"sourcesContent":["import type { Dayjs } from 'dayjs';\nimport React, { forwardRef, useContext } from 'react';\nimport { Picker, RangePicker as RcRangePicker } from 'rc-picker';\nimport type {\n  PickerProps,\n  RangePickerProps as RcRangePickerProps,\n  PickerRef,\n} from 'rc-picker';\nimport type { RangePickerRef } from 'rc-picker/es/interface';\nimport dayjsGenerateConfig from 'rc-picker/es/generate/dayjs';\nimport enUS from 'rc-picker/es/locale/en_US';\nimport { LocaleContext } from '../locale/default';\nimport DisabledContext from '../ConfigProvider/DisabledContext';\nimport SizeContext, { type SizeType } from '../ConfigProvider/sizeContext';\nimport { cn } from '../lib/utils';\nimport './date-picker.css';\n\n// ---- Types ----\n// Re-export compatible types\nexport type RangeValue<T = Dayjs> = [T | null, T | null] | null;\n\nexport interface DatePickerProps\n  extends Omit<PickerProps<Dayjs>, 'generateConfig' | 'locale' | 'prefixCls'> {\n  /** Override size from ConfigProvider */\n  size?: SizeType;\n  /** Validation status */\n  status?: 'error' | 'warning';\n  /** @deprecated Use `variant` or className instead */\n  bordered?: boolean;\n  /** Custom prefixCls */\n  prefixCls?: string;\n}\n\nexport interface RangePickerProps\n  extends Omit<\n    RcRangePickerProps<Dayjs>,\n    'generateConfig' | 'locale' | 'prefixCls'\n  > {\n  size?: SizeType;\n  status?: 'error' | 'warning';\n  bordered?: boolean;\n  prefixCls?: string;\n}\n\nexport type YearPickerProps = DatePickerProps;\nexport type QuarterPickerProps = DatePickerProps;\nexport type MonthPickerProps = DatePickerProps;\nexport type WeekPickerProps = DatePickerProps;\nexport type TimePickerProps = DatePickerProps;\n\n// ---- Size mapping ----\nconst SIZE_CLS: Record<string, string> = {\n  small: 'ald-picker-sm',\n  large: 'ald-picker-lg',\n};\n\n// ---- DatePicker ----\nconst InternalDatePicker = forwardRef<PickerRef, DatePickerProps>(\n  (props, ref) => {\n    const {\n      size: customSize,\n      disabled: customDisabled,\n      className,\n      status,\n      bordered = true,\n      prefixCls = 'ald-picker',\n      ...restProps\n    } = props;\n\n    const ctxSize = useContext(SizeContext);\n    const size = customSize || ctxSize || 'middle';\n    const ctxDisabled = useContext(DisabledContext);\n    const mergedDisabled = customDisabled ?? ctxDisabled;\n    const ctxLocale = useContext(LocaleContext);\n    // antd locale 对象包含 DatePicker 字段（即 rc-picker 格式的 locale）\n    const pickerLocale = ctxLocale?.DatePicker || enUS;\n\n    const sizeCls = SIZE_CLS[size] || '';\n\n    return (\n      <Picker<Dayjs>\n        ref={ref}\n        generateConfig={dayjsGenerateConfig}\n        locale={pickerLocale}\n        prefixCls={prefixCls}\n        disabled={mergedDisabled}\n        className={cn(\n          sizeCls,\n          !bordered && 'ald-picker-borderless',\n          status === 'error' && 'ald-picker-status-error',\n          status === 'warning' && 'ald-picker-status-warning',\n          className,\n        )}\n        {...restProps}\n      />\n    );\n  },\n) as React.ForwardRefExoticComponent<\n  DatePickerProps & React.RefAttributes<PickerRef>\n> & {\n  RangePicker: typeof InternalRangePicker;\n  WeekPicker: typeof WeekPicker;\n  MonthPicker: typeof MonthPicker;\n  YearPicker: typeof YearPicker;\n  TimePicker: typeof TimePicker;\n  QuarterPicker: typeof QuarterPicker;\n};\n\n// ---- RangePicker ----\nconst InternalRangePicker = forwardRef<RangePickerRef, RangePickerProps>(\n  (props, ref) => {\n    const {\n      size: customSize,\n      disabled: customDisabled,\n      className,\n      status,\n      bordered = true,\n      prefixCls = 'ald-picker',\n      ...restProps\n    } = props;\n\n    const ctxSize = useContext(SizeContext);\n    const size = customSize || ctxSize || 'middle';\n    const ctxDisabled = useContext(DisabledContext);\n    const mergedDisabled = customDisabled ?? ctxDisabled;\n    const ctxLocale = useContext(LocaleContext);\n    const pickerLocale = ctxLocale?.DatePicker || enUS;\n\n    const sizeCls = SIZE_CLS[size] || '';\n\n    return (\n      <RcRangePicker<Dayjs>\n        ref={ref}\n        generateConfig={dayjsGenerateConfig}\n        locale={pickerLocale}\n        prefixCls={prefixCls}\n        disabled={mergedDisabled}\n        className={cn(\n          sizeCls,\n          !bordered && 'ald-picker-borderless',\n          status === 'error' && 'ald-picker-status-error',\n          status === 'warning' && 'ald-picker-status-warning',\n          className,\n        )}\n        {...restProps}\n      />\n    );\n  },\n);\n\n// ---- Picker variants ----\nfunction createPickerVariant(\n  pickerMode: DatePickerProps['picker'],\n  defaultPlaceholder: string,\n) {\n  const PickerVariant = forwardRef<PickerRef, DatePickerProps>((props, ref) => (\n    <InternalDatePicker\n      ref={ref}\n      picker={pickerMode}\n      placeholder={props.placeholder ?? defaultPlaceholder}\n      {...props}\n    />\n  ));\n  PickerVariant.displayName = `DatePicker.${pickerMode}Picker`;\n  return PickerVariant;\n}\n\nconst WeekPicker = createPickerVariant('week', 'Select week');\nconst MonthPicker = createPickerVariant('month', 'Select month');\nconst YearPicker = createPickerVariant('year', 'Select year');\nconst QuarterPicker = createPickerVariant('quarter', 'Select quarter');\n\nconst TimePicker = forwardRef<PickerRef, DatePickerProps>((props, ref) => (\n  <InternalDatePicker\n    ref={ref}\n    picker=\"time\"\n    placeholder={props.placeholder ?? 'Select time'}\n    {...props}\n  />\n));\nTimePicker.displayName = 'DatePicker.TimePicker';\n\n// ---- Attach sub-components ----\nInternalDatePicker.RangePicker = InternalRangePicker;\nInternalDatePicker.WeekPicker = WeekPicker;\nInternalDatePicker.MonthPicker = MonthPicker;\nInternalDatePicker.YearPicker = YearPicker;\nInternalDatePicker.TimePicker = TimePicker;\nInternalDatePicker.QuarterPicker = QuarterPicker;\n\nconst DatePicker = InternalDatePicker;\nexport default DatePicker;\n"],"mappings":";;;;;;;;;;;AAmDA,IAAM,WAAmC;CACvC,OAAO;CACP,OAAO;CACR;AAGD,IAAM,qBAAqB,YACxB,OAAO,QAAQ;CACd,MAAM,EACJ,MAAM,YACN,UAAU,gBACV,WACA,QACA,WAAW,MACX,YAAY,cACZ,GAAG,cACD;CAEJ,MAAM,UAAU,WAAW,YAAY;CACvC,MAAM,OAAO,cAAc,WAAW;CACtC,MAAM,cAAc,WAAW,gBAAgB;CAC/C,MAAM,iBAAiB,kBAAkB;AAOzC,QACE,oBAAC,QAAD;EACO;EACL,gBAAgB;EAChB,QAVc,WAAW,cAAc,EAEX,cAAc;EAS/B;EACX,UAAU;EACV,WAAW,GATC,SAAS,SAAS,IAW5B,CAAC,YAAY,yBACb,WAAW,WAAW,2BACtB,WAAW,aAAa,6BACxB,UACD;EACD,GAAI;EACJ,CAAA;EAGP;AAYD,IAAM,sBAAsB,YACzB,OAAO,QAAQ;CACd,MAAM,EACJ,MAAM,YACN,UAAU,gBACV,WACA,QACA,WAAW,MACX,YAAY,cACZ,GAAG,cACD;CAEJ,MAAM,UAAU,WAAW,YAAY;CACvC,MAAM,OAAO,cAAc,WAAW;CACtC,MAAM,cAAc,WAAW,gBAAgB;CAC/C,MAAM,iBAAiB,kBAAkB;AAMzC,QACE,oBAAC,aAAD;EACO;EACL,gBAAgB;EAChB,QATc,WAAW,cAAc,EACX,cAAc;EAS/B;EACX,UAAU;EACV,WAAW,GATC,SAAS,SAAS,IAW5B,CAAC,YAAY,yBACb,WAAW,WAAW,2BACtB,WAAW,aAAa,6BACxB,UACD;EACD,GAAI;EACJ,CAAA;EAGP;AAGD,SAAS,oBACP,YACA,oBACA;CACA,MAAM,gBAAgB,YAAwC,OAAO,QACnE,oBAAC,oBAAD;EACO;EACL,QAAQ;EACR,aAAa,MAAM,eAAe;EAClC,GAAI;EACJ,CAAA,CACF;AACF,eAAc,cAAc,cAAc,WAAW;AACrD,QAAO;;AAGT,IAAM,aAAa,oBAAoB,QAAQ,cAAc;AAC7D,IAAM,cAAc,oBAAoB,SAAS,eAAe;AAChE,IAAM,aAAa,oBAAoB,QAAQ,cAAc;AAC7D,IAAM,gBAAgB,oBAAoB,WAAW,iBAAiB;AAEtE,IAAM,aAAa,YAAwC,OAAO,QAChE,oBAAC,oBAAD;CACO;CACL,QAAO;CACP,aAAa,MAAM,eAAe;CAClC,GAAI;CACJ,CAAA,CACF;AACF,WAAW,cAAc;AAGzB,mBAAmB,cAAc;AACjC,mBAAmB,aAAa;AAChC,mBAAmB,cAAc;AACjC,mBAAmB,aAAa;AAChC,mBAAmB,aAAa;AAChC,mBAAmB,gBAAgB;AAEnC,IAAM,aAAa"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/DatePicker/index.tsx"],"sourcesContent":["import type { Dayjs } from 'dayjs';\nimport React, { forwardRef, useContext } from 'react';\nimport { Picker, RangePicker as RcRangePicker } from 'rc-picker';\nimport type {\n  PickerProps,\n  RangePickerProps as RcRangePickerProps,\n  PickerRef,\n} from 'rc-picker';\nimport type { PanelMode, RangePickerRef } from 'rc-picker/es/interface';\nimport dayjsGenerateConfig from 'rc-picker/es/generate/dayjs';\nimport enUS from 'rc-picker/es/locale/en_US';\nimport { LocaleContext } from '../locale/default';\nimport DisabledContext from '../ConfigProvider/DisabledContext';\nimport SizeContext, { type SizeType } from '../ConfigProvider/sizeContext';\nimport { cn } from '../lib/utils';\nimport './date-picker.css';\n\n// ---- Types ----\n// Re-export compatible types\nexport type RangeValue<T = Dayjs> = [T | null, T | null] | null;\n\n/**\n * disabledDate compat: rc-picker v4 requires (date, info) => boolean,\n * but antd v4 consumers pass (current) => boolean. We accept both.\n */\ntype DisabledDateCompat = (\n  current: Dayjs,\n  info?: { type: PanelMode; from?: Dayjs },\n) => boolean;\n\nexport interface DatePickerProps\n  extends Omit<\n    PickerProps<Dayjs>,\n    'generateConfig' | 'locale' | 'prefixCls' | 'onChange' | 'disabledDate'\n  > {\n  /** Override size from ConfigProvider */\n  size?: SizeType;\n  /** Validation status */\n  status?: 'error' | 'warning';\n  /** @deprecated Use `variant` or className instead */\n  bordered?: boolean;\n  /** Custom prefixCls */\n  prefixCls?: string;\n  /**\n   * Narrowed onChange — single picker uses Dayjs | null, not Dayjs | Dayjs[].\n   * Uses import('dayjs').Dayjs to avoid duplicate-dayjs type conflicts.\n   */\n  onChange?: (date: import('dayjs').Dayjs | null, dateString: string) => void;\n  /**\n   * disabledDate — accepts both rc-picker v4 signature and antd v4 compat\n   * signature `(current: Dayjs) => boolean`.\n   */\n  disabledDate?: DisabledDateCompat;\n  /** Callback when a date is selected on the panel */\n  onSelect?: (date: Dayjs) => void;\n  /** @deprecated Use `classNames.popup` instead. Preserved for antd v4 compat. */\n  popupClassName?: string;\n  /** Override locale for this picker instance. Defaults to ConfigProvider locale. */\n  locale?: Record<string, any>;\n}\n\nexport interface RangePickerProps\n  extends Omit<\n    RcRangePickerProps<Dayjs>,\n    'generateConfig' | 'locale' | 'prefixCls' | 'onChange' | 'disabledDate'\n  > {\n  size?: SizeType;\n  status?: 'error' | 'warning';\n  bordered?: boolean;\n  prefixCls?: string;\n  /** Narrowed onChange for RangePicker */\n  onChange?: (\n    dates: [import('dayjs').Dayjs | null, import('dayjs').Dayjs | null] | null,\n    dateStrings: [string, string],\n  ) => void;\n  /**\n   * disabledDate — accepts both rc-picker v4 signature and antd v4 compat\n   * signature `(current: Dayjs) => boolean`.\n   */\n  disabledDate?: DisabledDateCompat;\n  /** @deprecated Use `classNames.popup` instead. Preserved for antd v4 compat. */\n  popupClassName?: string;\n  /** Override locale for this picker instance. Defaults to ConfigProvider locale. */\n  locale?: Record<string, any>;\n}\n\nexport type YearPickerProps = DatePickerProps;\nexport type QuarterPickerProps = DatePickerProps;\nexport type MonthPickerProps = DatePickerProps;\nexport type WeekPickerProps = DatePickerProps;\nexport type TimePickerProps = DatePickerProps;\n\n// ---- Size mapping ----\nconst SIZE_CLS: Record<string, string> = {\n  small: 'ald-picker-sm',\n  large: 'ald-picker-lg',\n};\n\n// ---- DatePicker ----\nconst InternalDatePicker = forwardRef<PickerRef, DatePickerProps>(\n  (props, ref) => {\n    const {\n      size: customSize,\n      disabled: customDisabled,\n      className,\n      status,\n      bordered = true,\n      prefixCls = 'ald-picker',\n      onChange,\n      disabledDate,\n      onSelect: _onSelect, // exclude from restProps\n      popupClassName,\n      locale: localeProp,\n      ...restProps\n    } = props;\n\n    const ctxSize = useContext(SizeContext);\n    const size = customSize || ctxSize || 'middle';\n    const ctxDisabled = useContext(DisabledContext);\n    const mergedDisabled = customDisabled ?? ctxDisabled;\n    const ctxLocale = useContext(LocaleContext);\n    // antd locale 对象包含 DatePicker 字段（即 rc-picker 格式的 locale）\n    const pickerLocale = localeProp || ctxLocale?.DatePicker || enUS;\n\n    const sizeCls = SIZE_CLS[size] || '';\n\n    // Wrap narrowed onChange to match rc-picker's wider signature\n    const rcOnChange = React.useMemo(() => {\n      if (!onChange) return undefined;\n      return (date: Dayjs | Dayjs[], dateString: string | string[]) => {\n        onChange(\n          (Array.isArray(date) ? date[0] : date) as Dayjs | null,\n          Array.isArray(dateString) ? dateString[0] : dateString,\n        );\n      };\n    }, [onChange]);\n\n    // Wrap compat disabledDate to rc-picker v4 signature\n    const rcDisabledDate = React.useMemo(() => {\n      if (!disabledDate) return undefined;\n      return (date: Dayjs, info: { type: PanelMode; from?: Dayjs }) =>\n        disabledDate(date, info);\n    }, [disabledDate]);\n\n    // Merge popupClassName into classNames.popup for rc-picker v4\n    const mergedClassNames = React.useMemo(() => {\n      if (!popupClassName) return restProps.classNames;\n      return {\n        ...restProps.classNames,\n        popup: cn(restProps.classNames?.popup, popupClassName),\n      };\n    }, [popupClassName, restProps.classNames]);\n\n    return (\n      <Picker<Dayjs>\n        ref={ref}\n        generateConfig={dayjsGenerateConfig}\n        locale={pickerLocale}\n        prefixCls={prefixCls}\n        disabled={mergedDisabled}\n        className={cn(\n          sizeCls,\n          // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n          'ant-picker',\n          !bordered && 'ald-picker-borderless',\n          status === 'error' && 'ald-picker-status-error',\n          status === 'warning' && 'ald-picker-status-warning',\n          className,\n        )}\n        {...restProps}\n        classNames={mergedClassNames}\n        onChange={rcOnChange}\n        disabledDate={rcDisabledDate}\n      />\n    );\n  },\n) as React.ForwardRefExoticComponent<\n  DatePickerProps & React.RefAttributes<PickerRef>\n> & {\n  RangePicker: typeof InternalRangePicker;\n  WeekPicker: typeof WeekPicker;\n  MonthPicker: typeof MonthPicker;\n  YearPicker: typeof YearPicker;\n  TimePicker: typeof TimePicker;\n  QuarterPicker: typeof QuarterPicker;\n};\n\n// ---- RangePicker ----\nconst InternalRangePicker = forwardRef<RangePickerRef, RangePickerProps>(\n  (props, ref) => {\n    const {\n      size: customSize,\n      disabled: customDisabled,\n      className,\n      status,\n      bordered = true,\n      prefixCls = 'ald-picker',\n      onChange,\n      disabledDate,\n      popupClassName,\n      locale: localeProp,\n      ...restProps\n    } = props;\n\n    const ctxSize = useContext(SizeContext);\n    const size = customSize || ctxSize || 'middle';\n    const ctxDisabled = useContext(DisabledContext);\n    const mergedDisabled = customDisabled ?? ctxDisabled;\n    const ctxLocale = useContext(LocaleContext);\n    const pickerLocale = localeProp || ctxLocale?.DatePicker || enUS;\n\n    const sizeCls = SIZE_CLS[size] || '';\n\n    // Wrap narrowed onChange to match rc-picker's wider signature\n    const rcOnChange = React.useMemo(() => {\n      if (!onChange) return undefined;\n      return (\n        dates: [Dayjs | null, Dayjs | null] | null,\n        dateStrings: [string, string],\n      ) => {\n        onChange(dates, dateStrings);\n      };\n    }, [onChange]);\n\n    // Wrap compat disabledDate to rc-picker v4 signature\n    const rcDisabledDate = React.useMemo(() => {\n      if (!disabledDate) return undefined;\n      return (date: Dayjs, info: { type: PanelMode; from?: Dayjs }) =>\n        disabledDate(date, info);\n    }, [disabledDate]);\n\n    // Merge popupClassName into classNames.popup for rc-picker v4\n    const mergedClassNames = React.useMemo(() => {\n      if (!popupClassName) return restProps.classNames;\n      return {\n        ...restProps.classNames,\n        popup: cn(restProps.classNames?.popup, popupClassName),\n      };\n    }, [popupClassName, restProps.classNames]);\n\n    return (\n      <RcRangePicker<Dayjs>\n        ref={ref}\n        generateConfig={dayjsGenerateConfig}\n        locale={pickerLocale}\n        prefixCls={prefixCls}\n        disabled={mergedDisabled}\n        className={cn(\n          sizeCls,\n          // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n          'ant-picker',\n          !bordered && 'ald-picker-borderless',\n          status === 'error' && 'ald-picker-status-error',\n          status === 'warning' && 'ald-picker-status-warning',\n          className,\n        )}\n        {...restProps}\n        classNames={mergedClassNames}\n        onChange={rcOnChange}\n        disabledDate={rcDisabledDate}\n      />\n    );\n  },\n);\n\n// ---- Picker variants ----\nfunction createPickerVariant(\n  pickerMode: DatePickerProps['picker'],\n  defaultPlaceholder: string,\n) {\n  const PickerVariant = forwardRef<PickerRef, DatePickerProps>((props, ref) => (\n    <InternalDatePicker\n      ref={ref}\n      picker={pickerMode}\n      placeholder={props.placeholder ?? defaultPlaceholder}\n      {...props}\n    />\n  ));\n  PickerVariant.displayName = `DatePicker.${pickerMode}Picker`;\n  return PickerVariant;\n}\n\nconst WeekPicker = createPickerVariant('week', 'Select week');\nconst MonthPicker = createPickerVariant('month', 'Select month');\nconst YearPicker = createPickerVariant('year', 'Select year');\nconst QuarterPicker = createPickerVariant('quarter', 'Select quarter');\n\nconst TimePicker = forwardRef<PickerRef, DatePickerProps>((props, ref) => (\n  <InternalDatePicker\n    ref={ref}\n    picker=\"time\"\n    placeholder={props.placeholder ?? 'Select time'}\n    {...props}\n  />\n));\nTimePicker.displayName = 'DatePicker.TimePicker';\n\n// ---- Attach sub-components ----\nInternalDatePicker.RangePicker = InternalRangePicker;\nInternalDatePicker.WeekPicker = WeekPicker;\nInternalDatePicker.MonthPicker = MonthPicker;\nInternalDatePicker.YearPicker = YearPicker;\nInternalDatePicker.TimePicker = TimePicker;\nInternalDatePicker.QuarterPicker = QuarterPicker;\n\nconst DatePicker = InternalDatePicker;\nexport default DatePicker;\n"],"mappings":"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"}

package/dist/DatePicker.d.ts

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

package/dist/Divider.d.ts

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

package/dist/DoubleCircleIcon.d.ts

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

package/dist/Drawer/index.d.ts

@@ -3,6 +3,7 @@ export interface DrawerProps {
     open?: boolean;
     onClose?: (e?: React.MouseEvent | React.KeyboardEvent) => void;
     title?: React.ReactNode;
+    description?: React.ReactNode;
     placement?: 'top' | 'right' | 'bottom' | 'left';
     width?: number | string;
     height?: number | string;
@@ -16,6 +17,7 @@ export interface DrawerProps {
     contentWrapperStyle?: React.CSSProperties;
     bodyStyle?: React.CSSProperties;
     headerStyle?: React.CSSProperties;
+    maskStyle?: React.CSSProperties;
     footer?: React.ReactNode;
     footerStyle?: React.CSSProperties;
     extra?: React.ReactNode;