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

package/dist/Button/index.d.ts

@@ -1,57 +1,35 @@
-import type { ButtonProps as AntdButtonProps, ButtonType as AntdButtonType } from 'antd/lib/button';
-import React from 'react';
+import { default as React } from 'react';
 export declare const btnPrefix = "ald-btn";
-export type ButtonType = 'primary' | 'secondary' | 'dangerous' | 'text' | 'inverse';
+export type ButtonType = 'primary' | 'secondary' | 'dangerous' | 'text' | 'inverse' | 'link';
 export type Size = 'small' | 'middle' | 'large';
-export interface IButtonProps extends Omit<AntdButtonProps, 'type' | 'dangerous' | 'shape' | 'icon' | 'href' | 'target' | 'onClick' | 'loading'> {
-    /**
-     * @description 类型
-     * @type 'primary' | 'secondary' | 'dangerous' | 'text' |'inverse'
-     * @default primary
-     */
+export interface IButtonProps {
     type?: ButtonType;
-    /**
-     * @description 尺寸
-     * @type 'small' | 'default' | 'large'
-     * @default large
-     */
     size?: Size;
-    /**
-     * @description 是否禁用
-     * @default false
-     */
     disabled?: boolean;
-    /**
-     * @description 设置按钮的图标组件
-     */
     icon?: React.ReactNode;
     shape?: 'circle' | 'default';
-    /**
-     * @description 指定此属性，点击行为和a链接一致
-     */
     href?: string;
-    /**
-     * @description 相当于 a 链接的 target 属性，href 存在时生效
-     */
     target?: string;
-    /**
-     * @description 点击按钮时的回调
-     */
     onClick?: React.MouseEventHandler<HTMLElement>;
-    /**
-     * @description 设置按钮进入载入状态
-     * @default false
-     */
     loading?: boolean | {
         delay?: number;
     };
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    block?: boolean;
+    htmlType?: 'submit' | 'button' | 'reset';
+    id?: string;
+    tabIndex?: number;
+    title?: string;
+    ghost?: boolean;
 }
-export declare function getButtonType(buttonType: ButtonType): AntdButtonType;
+export declare function getButtonType(buttonType: ButtonType): string;
 export declare function getDangerStatus(buttonType: ButtonType): boolean;
-export declare function getButtonSizeClass(ButtonSize: Size): string;
-export declare function getShape(ButtonShape: 'circle' | 'default'): 'circle' | 'default';
+export declare function getButtonSizeClass(s: Size): string;
+export declare function getShape(s: 'circle' | 'default'): 'circle' | 'default';
 export declare const setIcon: (iconNode: React.ReactElement, loading: boolean | {
-    delay?: number | undefined;
-}) => React.JSX.Element;
+    delay?: number;
+}) => import("react/jsx-runtime").JSX.Element;
 declare const _default: React.ForwardRefExoticComponent<IButtonProps & React.RefAttributes<HTMLElement>>;
 export default _default;

package/dist/Button/index.js

@@ -1,97 +1,178 @@
-var _excluded = ["type", "size", "shape", "loading", "disabled", "icon", "className", "prefixCls"];
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-import { Button as AntdButton } from 'antd';
-import { useCompactItemContext } from 'antd/lib/space/Compact';
-import classNames from 'classnames';
-import React, { forwardRef, useContext } from 'react';
-import { ConfigContext } from "../ConfigProvider";
-import SizeContext from "../ConfigProvider/sizeContext";
-import { LoadingLine } from "../Icon";
-export var btnPrefix = 'ald-btn';
-export function getButtonType(buttonType) {
-  if (!['primary', 'secondary', 'dangerous', 'text', 'inverse'].includes(buttonType)) {
-    return 'default';
-  }
-  if (buttonType === 'dangerous') {
-    return 'default';
-  }
-  if (buttonType === 'secondary' || buttonType === 'inverse') {
-    return 'default';
-  }
-  return buttonType;
-}
-export function getDangerStatus(buttonType) {
-  if (buttonType === 'dangerous') {
-    return true;
-  }
-  return false;
-}
-export function getButtonSizeClass(ButtonSize) {
-  return ['small', 'large'].includes(ButtonSize) ? "".concat(btnPrefix, "-").concat(ButtonSize) : "".concat(btnPrefix, "-middle");
-}
-export function getShape(ButtonShape) {
-  if (ButtonShape === 'circle') {
-    return ButtonShape;
-  }
-  return 'default';
-}
-export var setIcon = function setIcon(iconNode, loading) {
-  if (iconNode) {
-    var p = _objectSpread({
-      className: '',
-      fill: 'currentColor'
-    }, iconNode.props);
-    p.size = '1em';
-    return /*#__PURE__*/React.cloneElement(iconNode, p);
-  }
-  if (loading) {
-    return /*#__PURE__*/React.createElement(LoadingLine, {
-      className: "ald-loading-spin",
-      size: '1em',
-      color: "currentColor"
-    });
-  }
-  return /*#__PURE__*/React.createElement(React.Fragment, null);
+import { cn } from "../lib/utils.js";
+import Memo from "../Icon/components/LoadingLine.js";
+import DisabledContext from "../ConfigProvider/DisabledContext.js";
+import SizeContext from "../ConfigProvider/sizeContext.js";
+import { useCompactItemContext } from "../Space/CompactContext.js";
+import React, { forwardRef, useContext, useEffect, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+//#region src/Button/index.tsx
+var btnPrefix = "ald-btn";
+var setIcon = (iconNode, loading) => {
+	if (iconNode) {
+		const p = {
+			className: "",
+			fill: "currentColor",
+			...iconNode.props
+		};
+		p.size = "1em";
+		return React.cloneElement(iconNode, p);
+	}
+	if (loading) return /* @__PURE__ */ jsx(Memo, {
+		className: "ald-loading-spin tw-shrink-0 tw-animate-spin",
+		size: "1em",
+		color: "currentColor"
+	});
+	return /* @__PURE__ */ jsx(Fragment, {});
 };
+var buttonVariants = cva([
+	btnPrefix,
+	"tw-inline-flex tw-cursor-pointer tw-appearance-none tw-items-center tw-justify-center tw-font-medium tw-no-underline tw-transition-colors [&_.i-icon]:tw-inline-flex [&_.i-icon]:tw-items-center",
+	"tw-border tw-border-solid",
+	"focus-visible:tw-outline-none"
+], {
+	variants: {
+		type: {
+			primary: [
+				`${btnPrefix}-primary`,
+				"tw-border-[var(--action-primary-normal)] tw-bg-[var(--action-primary-normal)] tw-text-[var(--action-inverted-normal)]",
+				"hover:tw-border-[var(--action-primary-hover)] hover:tw-bg-[var(--action-primary-hover)] hover:tw-text-[var(--action-inverted-hover)]",
+				"active:tw-border-[var(--action-primary-active)] active:tw-bg-[var(--action-primary-active)]"
+			],
+			secondary: [
+				`${btnPrefix}-secondary`,
+				"tw-border-[var(--action-outline-normal)] tw-bg-[var(--action-inverted-normal)] tw-text-[var(--action-neutral-normal)]",
+				"hover:tw-border-[var(--action-outline-hover)] hover:tw-bg-[var(--action-inverted-hover)] hover:tw-text-[var(--action-neutral-hover)]",
+				"active:tw-border-[var(--action-outline-active)] active:tw-bg-[var(--action-inverted-active)] active:tw-text-[var(--action-neutral-active)]"
+			],
+			dangerous: [
+				`${btnPrefix}-dangerous`,
+				"tw-border-[var(--action-destructive-normal)] tw-bg-[var(--action-destructive-normal)] tw-text-[var(--action-inverted-normal)]",
+				"hover:tw-border-[var(--action-destructive-hover)] hover:tw-bg-[var(--action-destructive-hover)]",
+				"active:tw-border-[var(--action-destructive-active)] active:tw-bg-[var(--action-destructive-active)]"
+			],
+			text: [
+				`${btnPrefix}-text`,
+				"tw-border-transparent tw-bg-[var(--action-ghost-normal)] tw-text-[var(--action-neutral-normal)]",
+				"hover:tw-bg-[var(--action-ghost-hover)] hover:tw-text-[var(--action-neutral-hover)]",
+				"active:tw-bg-[var(--action-ghost-active)] active:tw-text-[var(--action-neutral-active)]"
+			],
+			inverse: [
+				`${btnPrefix}-inverse`,
+				"tw-border-transparent tw-bg-[var(--alias-colors-bg-skeleton-inverse-subtle)] tw-text-[var(--alias-colors-text-inverse-default)]",
+				"hover:tw-bg-[var(--alias-colors-bg-skeleton-inverse-strong)]",
+				"active:tw-bg-[var(--alias-colors-bg-skeleton-inverse-stronger)]"
+			],
+			link: [
+				`${btnPrefix}-link`,
+				"tw-border-transparent tw-bg-transparent tw-text-[var(--action-primary-normal)]",
+				"hover:tw-text-[var(--action-primary-hover)]",
+				"active:tw-text-[var(--action-primary-active)]"
+			]
+		},
+		size: {
+			small: [
+				`${btnPrefix}-small`,
+				"tw-h-7 tw-min-w-[48px] tw-gap-[var(--alias-radius-50)] tw-rounded-r-50 tw-text-xs tw-leading-4",
+				"tw-px-[var(--alias-padding-150-minus-1)] tw-py-[var(--alias-padding-75-minus-1)]"
+			],
+			middle: [
+				`${btnPrefix}-middle`,
+				"tw-h-8 tw-min-w-[52px] tw-gap-1 tw-rounded-r-75 tw-text-sm tw-leading-5",
+				"tw-px-[var(--alias-padding-150-minus-1)] tw-py-[var(--alias-padding-75-minus-1)]"
+			],
+			large: [
+				`${btnPrefix}-large`,
+				"tw-h-9 tw-min-w-[56px] tw-gap-2 tw-rounded-r-100 tw-text-sm tw-leading-6",
+				"tw-px-[var(--alias-padding-150-minus-1)] tw-py-[var(--alias-padding-75-minus-1)]"
+			]
+		},
+		disabled: {
+			true: "tw-pointer-events-none tw-cursor-default tw-opacity-50",
+			false: ""
+		},
+		block: {
+			true: "tw-w-full",
+			false: ""
+		},
+		shape: {
+			circle: "tw-min-w-0 tw-rounded-full tw-p-0",
+			default: ""
+		}
+	},
+	defaultVariants: {
+		type: "secondary",
+		size: "middle",
+		disabled: false,
+		block: false,
+		shape: "default"
+	}
+});
+var VALID_TYPES = [
+	"primary",
+	"secondary",
+	"dangerous",
+	"text",
+	"inverse"
+];
 function Button(props, ref) {
-  var _props$type = props.type,
-    type = _props$type === void 0 ? 'secondary' : _props$type,
-    customSize = props.size,
-    _props$shape = props.shape,
-    shape = _props$shape === void 0 ? 'default' : _props$shape,
-    _props$loading = props.loading,
-    loading = _props$loading === void 0 ? false : _props$loading,
-    disabled = props.disabled,
-    icon = props.icon,
-    className = props.className,
-    customizePrefixCls = props.prefixCls,
-    rest = _objectWithoutProperties(props, _excluded);
-  var contentSize = useContext(SizeContext);
-  var _React$useContext = React.useContext(ConfigContext),
-    getPrefixCls = _React$useContext.getPrefixCls,
-    direction = _React$useContext.direction;
-  var prefixCls = getPrefixCls('btn', customizePrefixCls);
-  // ===================== Compact Item =====================
-  var _useCompactItemContex = useCompactItemContext(prefixCls, direction),
-    compactSize = _useCompactItemContex.compactSize,
-    compactItemClassnames = _useCompactItemContex.compactItemClassnames;
-  var size = compactSize || customSize || contentSize || 'middle';
-  return /*#__PURE__*/React.createElement(AntdButton, _extends({}, rest, {
-    disabled: loading ? true : disabled,
-    icon: setIcon(icon, loading),
-    type: getButtonType(type),
-    className: classNames(btnPrefix, "".concat(btnPrefix, "-").concat(type), className, getButtonSizeClass(size), compactItemClassnames),
-    danger: getDangerStatus(type),
-    shape: getShape(shape),
-    ref: ref
-  }), props.children);
+	const { type: rawType = "secondary", size: customSize, shape = "default", loading = false, disabled, icon, className, children, href, target, onClick, block, htmlType = "button", style, ghost, ...rest } = props;
+	const type = VALID_TYPES.includes(rawType) ? rawType : "secondary";
+	const contextDisabled = useContext(DisabledContext);
+	const mergedDisabled = disabled ?? contextDisabled;
+	const contentSize = useContext(SizeContext);
+	const { compactSize, compactItemClassnames } = useCompactItemContext(btnPrefix);
+	const size = customSize || compactSize || contentSize || "middle";
+	const [innerLoading, setInnerLoading] = useState(false);
+	useEffect(() => {
+		if (typeof loading === "object" && loading.delay) {
+			const timer = setTimeout(() => setInnerLoading(true), loading.delay);
+			return () => clearTimeout(timer);
+		}
+		setInnerLoading(!!loading);
+	}, [loading]);
+	const isDisabled = innerLoading || mergedDisabled;
+	const iconNode = setIcon(icon, innerLoading);
+	const compactClasses = compactItemClassnames ? cn(!compactItemClassnames[`ald-btn-compact-first-item`] && "!tw-rounded-l-none", !compactItemClassnames[`ald-btn-compact-last-item`] && "!tw-rounded-r-none", !compactItemClassnames[`ald-btn-compact-first-item`] && "-tw-ml-px") : void 0;
+	const isIconOnly = !!icon && !children;
+	const classes = cn(buttonVariants({
+		type,
+		size,
+		disabled: !!isDisabled,
+		block: !!block,
+		shape
+	}), ghost && "!tw-border-current !tw-bg-transparent", isIconOnly && "tw-aspect-square !tw-min-w-0 !tw-px-0", compactClasses, className);
+	if (href) return /* @__PURE__ */ jsxs("a", {
+		...rest,
+		className: classes,
+		style,
+		href: isDisabled ? void 0 : href,
+		target,
+		ref,
+		onClick: isDisabled ? void 0 : onClick,
+		"aria-disabled": isDisabled || void 0,
+		children: [iconNode, children && /* @__PURE__ */ jsx("span", {
+			className: "tw-inline-flex tw-items-center tw-gap-1",
+			children
+		})]
+	});
+	return /* @__PURE__ */ jsxs("button", {
+		...rest,
+		type: htmlType === "submit" ? "submit" : htmlType === "reset" ? "reset" : "button",
+		className: classes,
+		style,
+		disabled: isDisabled,
+		"aria-disabled": isDisabled || void 0,
+		ref,
+		onClick,
+		children: [iconNode, children && /* @__PURE__ */ jsx("span", {
+			className: "tw-inline-flex tw-items-center tw-gap-1",
+			children
+		})]
+	});
 }
-export default /*#__PURE__*/forwardRef(Button);
+var Button_default = forwardRef(Button);
+//#endregion
+export { Button_default as default };
+
+//# sourceMappingURL=index.js.map

package/dist/Button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Button/index.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport React, { forwardRef, useContext, useEffect, useState } from 'react';\nimport DisabledContext from '../ConfigProvider/DisabledContext';\nimport SizeContext from '../ConfigProvider/sizeContext';\nimport { LoadingLine } from '../Icon';\nimport { cn } from '../lib/utils';\nimport { useCompactItemContext } from '../Space/CompactContext';\n\nexport const btnPrefix = 'ald-btn';\n\nexport type ButtonType =\n  | 'primary'\n  | 'secondary'\n  | 'dangerous'\n  | 'text'\n  | 'inverse'\n  | 'link';\nexport type Size = 'small' | 'middle' | 'large';\nexport interface IButtonProps {\n  type?: ButtonType;\n  size?: Size;\n  disabled?: boolean;\n  icon?: React.ReactNode;\n  shape?: 'circle' | 'default';\n  href?: string;\n  target?: string;\n  onClick?: React.MouseEventHandler<HTMLElement>;\n  loading?: boolean | { delay?: number };\n  children?: React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n  block?: boolean;\n  htmlType?: 'submit' | 'button' | 'reset';\n  id?: string;\n  tabIndex?: number;\n  title?: string;\n  ghost?: boolean;\n}\n\nexport function getButtonType(buttonType: ButtonType): string {\n  return buttonType;\n}\nexport function getDangerStatus(buttonType: ButtonType): boolean {\n  return buttonType === 'dangerous';\n}\nexport function getButtonSizeClass(s: Size): string {\n  return ['small', 'large'].includes(s)\n    ? `${btnPrefix}-${s}`\n    : `${btnPrefix}-middle`;\n}\nexport function getShape(s: 'circle' | 'default'): 'circle' | 'default' {\n  return s;\n}\nexport const setIcon = (\n  iconNode: React.ReactElement,\n  loading: boolean | { delay?: number },\n) => {\n  if (iconNode) {\n    const p: Record<string, string | number> = {\n      className: '',\n      fill: 'currentColor',\n      ...iconNode.props,\n    };\n    p.size = '1em';\n    return React.cloneElement(iconNode, p);\n  }\n  if (loading) {\n    return (\n      <LoadingLine\n        className=\"ald-loading-spin tw-shrink-0 tw-animate-spin\"\n        size={'1em'}\n        color=\"currentColor\"\n      />\n    );\n  }\n  return <></>;\n};\n\nconst buttonVariants = cva(\n  [\n    btnPrefix,\n    'tw-inline-flex tw-cursor-pointer tw-appearance-none tw-items-center tw-justify-center tw-font-medium tw-no-underline tw-transition-colors [&_.i-icon]:tw-inline-flex [&_.i-icon]:tw-items-center',\n    'tw-border tw-border-solid',\n    'focus-visible:tw-outline-none',\n  ],\n  {\n    variants: {\n      type: {\n        primary: [\n          `${btnPrefix}-primary`,\n          'tw-border-[var(--action-primary-normal)] tw-bg-[var(--action-primary-normal)] tw-text-[var(--action-inverted-normal)]',\n          'hover:tw-border-[var(--action-primary-hover)] hover:tw-bg-[var(--action-primary-hover)] hover:tw-text-[var(--action-inverted-hover)]',\n          'active:tw-border-[var(--action-primary-active)] active:tw-bg-[var(--action-primary-active)]',\n        ],\n        secondary: [\n          `${btnPrefix}-secondary`,\n          'tw-border-[var(--action-outline-normal)] tw-bg-[var(--action-inverted-normal)] tw-text-[var(--action-neutral-normal)]',\n          'hover:tw-border-[var(--action-outline-hover)] hover:tw-bg-[var(--action-inverted-hover)] hover:tw-text-[var(--action-neutral-hover)]',\n          'active:tw-border-[var(--action-outline-active)] active:tw-bg-[var(--action-inverted-active)] active:tw-text-[var(--action-neutral-active)]',\n        ],\n        dangerous: [\n          `${btnPrefix}-dangerous`,\n          'tw-border-[var(--action-destructive-normal)] tw-bg-[var(--action-destructive-normal)] tw-text-[var(--action-inverted-normal)]',\n          'hover:tw-border-[var(--action-destructive-hover)] hover:tw-bg-[var(--action-destructive-hover)]',\n          'active:tw-border-[var(--action-destructive-active)] active:tw-bg-[var(--action-destructive-active)]',\n        ],\n        text: [\n          `${btnPrefix}-text`,\n          'tw-border-transparent tw-bg-[var(--action-ghost-normal)] tw-text-[var(--action-neutral-normal)]',\n          'hover:tw-bg-[var(--action-ghost-hover)] hover:tw-text-[var(--action-neutral-hover)]',\n          'active:tw-bg-[var(--action-ghost-active)] active:tw-text-[var(--action-neutral-active)]',\n        ],\n        inverse: [\n          `${btnPrefix}-inverse`,\n          'tw-border-transparent tw-bg-[var(--alias-colors-bg-skeleton-inverse-subtle)] tw-text-[var(--alias-colors-text-inverse-default)]',\n          'hover:tw-bg-[var(--alias-colors-bg-skeleton-inverse-strong)]',\n          'active:tw-bg-[var(--alias-colors-bg-skeleton-inverse-stronger)]',\n        ],\n        link: [\n          `${btnPrefix}-link`,\n          'tw-border-transparent tw-bg-transparent tw-text-[var(--action-primary-normal)]',\n          'hover:tw-text-[var(--action-primary-hover)]',\n          'active:tw-text-[var(--action-primary-active)]',\n        ],\n      },\n      size: {\n        small: [\n          `${btnPrefix}-small`,\n          'tw-h-7 tw-min-w-[48px] tw-gap-[var(--alias-radius-50)] tw-rounded-r-50 tw-text-xs tw-leading-4',\n          'tw-px-[var(--alias-padding-150-minus-1)] tw-py-[var(--alias-padding-75-minus-1)]',\n        ],\n        middle: [\n          `${btnPrefix}-middle`,\n          'tw-h-8 tw-min-w-[52px] tw-gap-1 tw-rounded-r-75 tw-text-sm tw-leading-5',\n          'tw-px-[var(--alias-padding-150-minus-1)] tw-py-[var(--alias-padding-75-minus-1)]',\n        ],\n        large: [\n          `${btnPrefix}-large`,\n          'tw-h-9 tw-min-w-[56px] tw-gap-2 tw-rounded-r-100 tw-text-sm tw-leading-6',\n          'tw-px-[var(--alias-padding-150-minus-1)] tw-py-[var(--alias-padding-75-minus-1)]',\n        ],\n      },\n      disabled: {\n        true: 'tw-pointer-events-none tw-cursor-default tw-opacity-50',\n        false: '',\n      },\n      block: {\n        true: 'tw-w-full',\n        false: '',\n      },\n      shape: {\n        circle: 'tw-min-w-0 tw-rounded-full tw-p-0',\n        default: '',\n      },\n    },\n    defaultVariants: {\n      type: 'secondary',\n      size: 'middle',\n      disabled: false,\n      block: false,\n      shape: 'default',\n    },\n  },\n);\n\nconst VALID_TYPES: ButtonType[] = [\n  'primary',\n  'secondary',\n  'dangerous',\n  'text',\n  'inverse',\n];\n\nfunction Button(props: IButtonProps, ref: React.Ref<HTMLElement>) {\n  const {\n    type: rawType = 'secondary',\n    size: customSize,\n    shape = 'default',\n    loading = false,\n    disabled,\n    icon,\n    className,\n    children,\n    href,\n    target,\n    onClick,\n    block,\n    htmlType = 'button',\n    style,\n    ghost,\n    ...rest\n  } = props;\n\n  // Radix Trigger asChild 会传入 type=\"button\"（HTML button type），与组件的 type 变体冲突\n  // 当收到非法变体值时回退到 'secondary'\n  const type: ButtonType = VALID_TYPES.includes(rawType as ButtonType)\n    ? (rawType as ButtonType)\n    : 'secondary';\n\n  const contextDisabled = useContext(DisabledContext);\n  const mergedDisabled = disabled ?? contextDisabled;\n\n  const contentSize = useContext(SizeContext);\n  const { compactSize, compactItemClassnames } =\n    useCompactItemContext(btnPrefix);\n  const size = customSize || compactSize || contentSize || 'middle';\n\n  const [innerLoading, setInnerLoading] = useState(false);\n\n  useEffect(() => {\n    if (typeof loading === 'object' && loading.delay) {\n      const timer = setTimeout(() => setInnerLoading(true), loading.delay);\n      return () => clearTimeout(timer);\n    }\n    setInnerLoading(!!loading);\n  }, [loading]);\n\n  const isDisabled = innerLoading || mergedDisabled;\n  const iconNode = setIcon(icon as React.ReactElement, innerLoading);\n\n  // Build compact-mode border-radius and margin overrides\n  const compactClasses = compactItemClassnames\n    ? cn(\n        // all compact items: remove border-radius on inner edges\n        !compactItemClassnames[`${btnPrefix}-compact-first-item`] &&\n          '!tw-rounded-l-none',\n        !compactItemClassnames[`${btnPrefix}-compact-last-item`] &&\n          '!tw-rounded-r-none',\n        // merge borders via negative margin (except first item)\n        !compactItemClassnames[`${btnPrefix}-compact-first-item`] &&\n          '-tw-ml-px',\n      )\n    : undefined;\n\n  const isIconOnly = !!icon && !children;\n\n  const classes = cn(\n    buttonVariants({\n      type,\n      size,\n      disabled: !!isDisabled,\n      block: !!block,\n      shape,\n    }),\n    ghost && '!tw-border-current !tw-bg-transparent',\n    // icon-only: square button, no min-width, centered padding\n    isIconOnly && 'tw-aspect-square !tw-min-w-0 !tw-px-0',\n    compactClasses,\n    className,\n  );\n\n  if (href) {\n    return (\n      <a\n        {...rest}\n        className={classes}\n        style={style}\n        href={isDisabled ? undefined : href}\n        target={target}\n        ref={ref as React.Ref<HTMLAnchorElement>}\n        onClick={isDisabled ? undefined : onClick}\n        aria-disabled={isDisabled || undefined}\n      >\n        {iconNode}\n        {children && (\n          <span className=\"tw-inline-flex tw-items-center tw-gap-1\">\n            {children}\n          </span>\n        )}\n      </a>\n    );\n  }\n\n  return (\n    <button\n      {...rest}\n      type={\n        htmlType === 'submit'\n          ? 'submit'\n          : htmlType === 'reset'\n          ? 'reset'\n          : 'button'\n      }\n      className={classes}\n      style={style}\n      disabled={isDisabled}\n      aria-disabled={isDisabled || undefined}\n      ref={ref as React.Ref<HTMLButtonElement>}\n      onClick={onClick}\n    >\n      {iconNode}\n      {children && (\n        <span className=\"tw-inline-flex tw-items-center tw-gap-1\">\n          {children}\n        </span>\n      )}\n    </button>\n  );\n}\n\nexport default forwardRef(Button);\n"],"mappings":";;;;;;;;;AAQA,IAAa,YAAY;AA6CzB,IAAa,WACX,UACA,YACG;AACH,KAAI,UAAU;EACZ,MAAM,IAAqC;GACzC,WAAW;GACX,MAAM;GACN,GAAG,SAAS;GACb;AACD,IAAE,OAAO;AACT,SAAO,MAAM,aAAa,UAAU,EAAE;;AAExC,KAAI,QACF,QACE,oBAAC,MAAD;EACE,WAAU;EACV,MAAM;EACN,OAAM;EACN,CAAA;AAGN,QAAO,oBAAA,UAAA,EAAK,CAAA;;AAGd,IAAM,iBAAiB,IACrB;CACE;CACA;CACA;CACA;CACD,EACD;CACE,UAAU;EACR,MAAM;GACJ,SAAS;IACP,GAAG,UAAU;IACb;IACA;IACA;IACD;GACD,WAAW;IACT,GAAG,UAAU;IACb;IACA;IACA;IACD;GACD,WAAW;IACT,GAAG,UAAU;IACb;IACA;IACA;IACD;GACD,MAAM;IACJ,GAAG,UAAU;IACb;IACA;IACA;IACD;GACD,SAAS;IACP,GAAG,UAAU;IACb;IACA;IACA;IACD;GACD,MAAM;IACJ,GAAG,UAAU;IACb;IACA;IACA;IACD;GACF;EACD,MAAM;GACJ,OAAO;IACL,GAAG,UAAU;IACb;IACA;IACD;GACD,QAAQ;IACN,GAAG,UAAU;IACb;IACA;IACD;GACD,OAAO;IACL,GAAG,UAAU;IACb;IACA;IACD;GACF;EACD,UAAU;GACR,MAAM;GACN,OAAO;GACR;EACD,OAAO;GACL,MAAM;GACN,OAAO;GACR;EACD,OAAO;GACL,QAAQ;GACR,SAAS;GACV;EACF;CACD,iBAAiB;EACf,MAAM;EACN,MAAM;EACN,UAAU;EACV,OAAO;EACP,OAAO;EACR;CACF,CACF;AAED,IAAM,cAA4B;CAChC;CACA;CACA;CACA;CACA;CACD;AAED,SAAS,OAAO,OAAqB,KAA6B;CAChE,MAAM,EACJ,MAAM,UAAU,aAChB,MAAM,YACN,QAAQ,WACR,UAAU,OACV,UACA,MACA,WACA,UACA,MACA,QACA,SACA,OACA,WAAW,UACX,OACA,OACA,GAAG,SACD;CAIJ,MAAM,OAAmB,YAAY,SAAS,QAAsB,GAC/D,UACD;CAEJ,MAAM,kBAAkB,WAAW,gBAAgB;CACnD,MAAM,iBAAiB,YAAY;CAEnC,MAAM,cAAc,WAAW,YAAY;CAC3C,MAAM,EAAE,aAAa,0BACnB,sBAAsB,UAAU;CAClC,MAAM,OAAO,cAAc,eAAe,eAAe;CAEzD,MAAM,CAAC,cAAc,mBAAmB,SAAS,MAAM;AAEvD,iBAAgB;AACd,MAAI,OAAO,YAAY,YAAY,QAAQ,OAAO;GAChD,MAAM,QAAQ,iBAAiB,gBAAgB,KAAK,EAAE,QAAQ,MAAM;AACpE,gBAAa,aAAa,MAAM;;AAElC,kBAAgB,CAAC,CAAC,QAAQ;IACzB,CAAC,QAAQ,CAAC;CAEb,MAAM,aAAa,gBAAgB;CACnC,MAAM,WAAW,QAAQ,MAA4B,aAAa;CAGlE,MAAM,iBAAiB,wBACnB,GAEE,CAAC,sBAAsB,iCACrB,sBACF,CAAC,sBAAsB,gCACrB,sBAEF,CAAC,sBAAsB,iCACrB,YACH,GACD;CAEJ,MAAM,aAAa,CAAC,CAAC,QAAQ,CAAC;CAE9B,MAAM,UAAU,GACd,eAAe;EACb;EACA;EACA,UAAU,CAAC,CAAC;EACZ,OAAO,CAAC,CAAC;EACT;EACD,CAAC,EACF,SAAS,yCAET,cAAc,yCACd,gBACA,UACD;AAED,KAAI,KACF,QACE,qBAAC,KAAD;EACE,GAAI;EACJ,WAAW;EACJ;EACP,MAAM,aAAa,SAAY;EACvB;EACH;EACL,SAAS,aAAa,SAAY;EAClC,iBAAe,cAAc;YAR/B,CAUG,UACA,YACC,oBAAC,QAAD;GAAM,WAAU;GACb;GACI,CAAA,CAEP;;AAIR,QACE,qBAAC,UAAD;EACE,GAAI;EACJ,MACE,aAAa,WACT,WACA,aAAa,UACb,UACA;EAEN,WAAW;EACJ;EACP,UAAU;EACV,iBAAe,cAAc;EACxB;EACI;YAdX,CAgBG,UACA,YACC,oBAAC,QAAD;GAAM,WAAU;GACb;GACI,CAAA,CAEF;;;AAIb,IAAA,iBAAe,WAAW,OAAO"}

package/dist/Card/index.d.ts

@@ -1,3 +1,36 @@
-import { Card } from 'antd';
-export type { CardProps } from 'antd/lib/card';
+import { default as React } from 'react';
+export interface CardProps {
+    title?: React.ReactNode;
+    extra?: React.ReactNode;
+    bordered?: boolean;
+    hoverable?: boolean;
+    loading?: boolean;
+    size?: 'default' | 'small';
+    type?: 'inner';
+    className?: string;
+    style?: React.CSSProperties;
+    bodyStyle?: React.CSSProperties;
+    headStyle?: React.CSSProperties;
+    children?: React.ReactNode;
+    cover?: React.ReactNode;
+    actions?: React.ReactNode[];
+}
+export interface CardGridProps {
+    className?: string;
+    style?: React.CSSProperties;
+    hoverable?: boolean;
+    children?: React.ReactNode;
+}
+export interface CardMetaProps {
+    className?: string;
+    style?: React.CSSProperties;
+    avatar?: React.ReactNode;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+}
+declare function Card(props: CardProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Card {
+    var Grid: ({ className, style, hoverable, children }: CardGridProps) => import("react/jsx-runtime").JSX.Element;
+    var Meta: ({ className, style, avatar, title, description }: CardMetaProps) => import("react/jsx-runtime").JSX.Element;
+}
 export default Card;

package/dist/Card/index.js

@@ -1,2 +1,72 @@
-import { Card } from 'antd';
-export default Card;
+import { cn } from "../lib/utils.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/Card/index.tsx
+function Card(props) {
+	const { title, extra, bordered = true, hoverable, size, className, style, bodyStyle, headStyle, children, cover, actions } = props;
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("ald-card tw-overflow-hidden tw-rounded-lg tw-bg-[var(--background-default)] tw-shadow-[0_1px_2px_0_rgba(0,0,0,0.03),0_1px_6px_-1px_rgba(0,0,0,0.02),0_2px_4px_0_rgba(0,0,0,0.02)]", bordered && "tw-border tw-border-solid tw-border-[#f0f0f0]", hoverable && "tw-cursor-pointer tw-transition-shadow hover:tw-shadow-[0_1px_2px_-2px_rgba(0,0,0,0.16),0_3px_6px_0_rgba(0,0,0,0.12),0_5px_12px_4px_rgba(0,0,0,0.09)]", size === "small" && "ald-card-small", className),
+		style,
+		children: [
+			(title || extra) && /* @__PURE__ */ jsxs("div", {
+				className: "ald-card-head tw-flex tw-min-h-[48px] tw-items-center tw-justify-between tw-px-6 tw-py-0 tw-shadow-[inset_0_-1px_0_#f0f0f0]",
+				style: headStyle,
+				children: [title && /* @__PURE__ */ jsx("div", {
+					className: "ald-card-head-title tw-text-base tw-font-semibold tw-text-[var(--content-primary)]",
+					children: title
+				}), extra && /* @__PURE__ */ jsx("div", {
+					className: "ald-card-extra",
+					children: extra
+				})]
+			}),
+			cover && /* @__PURE__ */ jsx("div", {
+				className: "ald-card-cover",
+				children: cover
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: cn("ald-card-body tw-p-6", size === "small" && "tw-p-3"),
+				style: bodyStyle,
+				children
+			}),
+			actions && actions.length > 0 && /* @__PURE__ */ jsx("div", {
+				className: "ald-card-actions tw-flex tw-border-t tw-border-solid tw-border-[var(--border-default)]",
+				children: actions.map((action, i) => /* @__PURE__ */ jsx("div", {
+					className: "ald-card-action tw-flex-1 tw-py-3 tw-text-center",
+					children: action
+				}, i))
+			})
+		]
+	});
+}
+function Grid({ className, style, hoverable, children }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("ald-card-grid tw-w-1/3 tw-border-0 tw-border-b tw-border-r tw-border-solid tw-border-[var(--border-default)] tw-p-6", hoverable && "tw-transition-shadow hover:tw-shadow-md", className),
+		style,
+		children
+	});
+}
+function Meta({ className, style, avatar, title, description }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("ald-card-meta tw-flex tw-items-start tw-gap-4", className),
+		style,
+		children: [avatar && /* @__PURE__ */ jsx("div", {
+			className: "ald-card-meta-avatar tw-flex-none",
+			children: avatar
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "ald-card-meta-detail tw-flex-1 tw-overflow-hidden",
+			children: [title && /* @__PURE__ */ jsx("div", {
+				className: "ald-card-meta-title tw-truncate tw-text-base tw-font-medium tw-text-[var(--content-primary)]",
+				children: title
+			}), description && /* @__PURE__ */ jsx("div", {
+				className: "ald-card-meta-description tw-text-sm tw-text-[var(--content-secondary)]",
+				children: description
+			})]
+		})]
+	});
+}
+Card.Grid = Grid;
+Card.Meta = Meta;
+//#endregion
+export { Card as default };
+
+//# sourceMappingURL=index.js.map

package/dist/Card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Card/index.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../lib/utils';\n\nexport interface CardProps {\n  title?: React.ReactNode;\n  extra?: React.ReactNode;\n  bordered?: boolean;\n  hoverable?: boolean;\n  loading?: boolean;\n  size?: 'default' | 'small';\n  type?: 'inner';\n  className?: string;\n  style?: React.CSSProperties;\n  bodyStyle?: React.CSSProperties;\n  headStyle?: React.CSSProperties;\n  children?: React.ReactNode;\n  cover?: React.ReactNode;\n  actions?: React.ReactNode[];\n}\n\nexport interface CardGridProps {\n  className?: string;\n  style?: React.CSSProperties;\n  hoverable?: boolean;\n  children?: React.ReactNode;\n}\n\nexport interface CardMetaProps {\n  className?: string;\n  style?: React.CSSProperties;\n  avatar?: React.ReactNode;\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n}\n\nfunction Card(props: CardProps) {\n  const {\n    title,\n    extra,\n    bordered = true,\n    hoverable,\n    size,\n    className,\n    style,\n    bodyStyle,\n    headStyle,\n    children,\n    cover,\n    actions,\n  } = props;\n\n  return (\n    <div\n      className={cn(\n        'ald-card tw-overflow-hidden tw-rounded-lg tw-bg-[var(--background-default)] tw-shadow-[0_1px_2px_0_rgba(0,0,0,0.03),0_1px_6px_-1px_rgba(0,0,0,0.02),0_2px_4px_0_rgba(0,0,0,0.02)]',\n        bordered && 'tw-border tw-border-solid tw-border-[#f0f0f0]',\n        hoverable &&\n          'tw-cursor-pointer tw-transition-shadow hover:tw-shadow-[0_1px_2px_-2px_rgba(0,0,0,0.16),0_3px_6px_0_rgba(0,0,0,0.12),0_5px_12px_4px_rgba(0,0,0,0.09)]',\n        size === 'small' && 'ald-card-small',\n        className,\n      )}\n      style={style}\n    >\n      {(title || extra) && (\n        <div\n          className=\"ald-card-head tw-flex tw-min-h-[48px] tw-items-center tw-justify-between tw-px-6 tw-py-0 tw-shadow-[inset_0_-1px_0_#f0f0f0]\"\n          style={headStyle}\n        >\n          {title && (\n            <div className=\"ald-card-head-title tw-text-base tw-font-semibold tw-text-[var(--content-primary)]\">\n              {title}\n            </div>\n          )}\n          {extra && <div className=\"ald-card-extra\">{extra}</div>}\n        </div>\n      )}\n      {cover && <div className=\"ald-card-cover\">{cover}</div>}\n      <div\n        className={cn('ald-card-body tw-p-6', size === 'small' && 'tw-p-3')}\n        style={bodyStyle}\n      >\n        {children}\n      </div>\n      {actions && actions.length > 0 && (\n        <div className=\"ald-card-actions tw-flex tw-border-t tw-border-solid tw-border-[var(--border-default)]\">\n          {actions.map((action, i) => (\n            <div\n              key={i}\n              className=\"ald-card-action tw-flex-1 tw-py-3 tw-text-center\"\n            >\n              {action}\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction Grid({ className, style, hoverable, children }: CardGridProps) {\n  return (\n    <div\n      className={cn(\n        'ald-card-grid tw-w-1/3 tw-border-0 tw-border-b tw-border-r tw-border-solid tw-border-[var(--border-default)] tw-p-6',\n        hoverable && 'tw-transition-shadow hover:tw-shadow-md',\n        className,\n      )}\n      style={style}\n    >\n      {children}\n    </div>\n  );\n}\n\nfunction Meta({ className, style, avatar, title, description }: CardMetaProps) {\n  return (\n    <div\n      className={cn('ald-card-meta tw-flex tw-items-start tw-gap-4', className)}\n      style={style}\n    >\n      {avatar && (\n        <div className=\"ald-card-meta-avatar tw-flex-none\">{avatar}</div>\n      )}\n      <div className=\"ald-card-meta-detail tw-flex-1 tw-overflow-hidden\">\n        {title && (\n          <div className=\"ald-card-meta-title tw-truncate tw-text-base tw-font-medium tw-text-[var(--content-primary)]\">\n            {title}\n          </div>\n        )}\n        {description && (\n          <div className=\"ald-card-meta-description tw-text-sm tw-text-[var(--content-secondary)]\">\n            {description}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nCard.Grid = Grid;\nCard.Meta = Meta;\n\nexport default Card;\n"],"mappings":";;;;AAmCA,SAAS,KAAK,OAAkB;CAC9B,MAAM,EACJ,OACA,OACA,WAAW,MACX,WACA,MACA,WACA,OACA,WACA,WACA,UACA,OACA,YACE;AAEJ,QACE,qBAAC,OAAD;EACE,WAAW,GACT,qLACA,YAAY,iDACZ,aACE,yJACF,SAAS,WAAW,kBACpB,UACD;EACM;YATT;IAWI,SAAS,UACT,qBAAC,OAAD;IACE,WAAU;IACV,OAAO;cAFT,CAIG,SACC,oBAAC,OAAD;KAAK,WAAU;eACZ;KACG,CAAA,EAEP,SAAS,oBAAC,OAAD;KAAK,WAAU;eAAkB;KAAY,CAAA,CACnD;;GAEP,SAAS,oBAAC,OAAD;IAAK,WAAU;cAAkB;IAAY,CAAA;GACvD,oBAAC,OAAD;IACE,WAAW,GAAG,wBAAwB,SAAS,WAAW,SAAS;IACnE,OAAO;IAEN;IACG,CAAA;GACL,WAAW,QAAQ,SAAS,KAC3B,oBAAC,OAAD;IAAK,WAAU;cACZ,QAAQ,KAAK,QAAQ,MACpB,oBAAC,OAAD;KAEE,WAAU;eAET;KACG,EAJC,EAID,CACN;IACE,CAAA;GAEJ;;;AAIV,SAAS,KAAK,EAAE,WAAW,OAAO,WAAW,YAA2B;AACtE,QACE,oBAAC,OAAD;EACE,WAAW,GACT,uHACA,aAAa,2CACb,UACD;EACM;EAEN;EACG,CAAA;;AAIV,SAAS,KAAK,EAAE,WAAW,OAAO,QAAQ,OAAO,eAA8B;AAC7E,QACE,qBAAC,OAAD;EACE,WAAW,GAAG,iDAAiD,UAAU;EAClE;YAFT,CAIG,UACC,oBAAC,OAAD;GAAK,WAAU;aAAqC;GAAa,CAAA,EAEnE,qBAAC,OAAD;GAAK,WAAU;aAAf,CACG,SACC,oBAAC,OAAD;IAAK,WAAU;cACZ;IACG,CAAA,EAEP,eACC,oBAAC,OAAD;IAAK,WAAU;cACZ;IACG,CAAA,CAEJ;KACF;;;AAIV,KAAK,OAAO;AACZ,KAAK,OAAO"}

package/dist/Carousel/index.d.ts

@@ -1,4 +1,35 @@
-import { Carousel } from 'antd';
-import { CarouselProps } from 'antd/lib/carousel';
-export type { CarouselProps };
+import { default as React } from 'react';
+export interface CarouselProps {
+    /** Enable autoplay */
+    autoplay?: boolean;
+    /** Autoplay interval in milliseconds (default 3000) */
+    autoplaySpeed?: number;
+    /** Show dot indicators (default true) */
+    dots?: boolean;
+    /** Position of dot indicators */
+    dotPosition?: 'top' | 'bottom' | 'left' | 'right';
+    /** Slide transition effect */
+    effect?: 'scrollx' | 'fade';
+    /** Easing function name — reserved for future use */
+    easing?: string;
+    /** Enable infinite loop (default false) */
+    infinite?: boolean;
+    /** Number of slides to show at once (default 1) */
+    slidesToShow?: number;
+    /** Number of slides to scroll per step (default 1) */
+    slidesToScroll?: number;
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+    /** Called after the slide index changes */
+    afterChange?: (current: number) => void;
+    /** Called before the slide index changes */
+    beforeChange?: (from: number, to: number) => void;
+}
+export interface CarouselRef {
+    goTo: (slide: number) => void;
+    next: () => void;
+    prev: () => void;
+}
+declare const Carousel: React.ForwardRefExoticComponent<CarouselProps & React.RefAttributes<CarouselRef>>;
 export default Carousel;