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

package/dist/Button/index.js.map

@@ -1 +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 { ChevronDownLine, 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'\n  | 'ghost'\n  | 'ghostIcon';\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  'aria-label'?: string;\n  /** 透传到 button 元素的 data-testid，用于自动化测试定位（经 rest props 透传） */\n  'data-testid'?: string;\n  ghost?: boolean;\n  danger?: boolean;\n  color?: string;\n  showArrow?: 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  size: string | number = '1em',\n) => {\n  if (loading) {\n    return (\n      <LoadingLine\n        className=\"ald-loading-spin tw-shrink-0 tw-animate-spin\"\n        size={size}\n        color=\"currentColor\"\n      />\n    );\n  }\n\n  if (iconNode) {\n    const p: Record<string, string | number> = {\n      className: '',\n      fill: 'currentColor',\n      ...iconNode.props,\n    };\n    p.size = size;\n    return React.cloneElement(iconNode, p);\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-no-underline tw-transition-colors [&_.i-icon]:tw-inline-flex [&_.i-icon]:tw-items-center',\n    'tw-border tw-border-solid',\n  ],\n  {\n    variants: {\n      type: {\n        primary: [\n          `${btnPrefix}-primary`,\n          'tw-border-[var(--action-ghost-normal)] tw-bg-[var(--action-primary-normal)] tw-text-[var(--action-inverted-normal)] tw-shadow-[var(--elevation-bottom-bottom-sm)]',\n          'hover:tw-bg-[var(--action-primary-hover)]',\n          'active:tw-bg-[var(--action-primary-active)]',\n        ],\n        secondary: [\n          `${btnPrefix}-secondary`,\n          'tw-border-[var(--border-default)] tw-bg-[var(--action-inverted-normal)] tw-text-[var(--action-neutral-normal)] tw-shadow-[var(--elevation-bottom-bottom-sm)]',\n          'hover:tw-border-[var(--border-neutral-strong)] hover:tw-bg-[var(--action-inverted-normal)]',\n          'active:tw-border-[var(--border-neutral-strong)] 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-ghost-normal)] tw-bg-[var(--action-destructive-normal)] tw-text-[var(--action-inverted-normal)] tw-shadow-[var(--elevation-bottom-bottom-sm)]',\n          'hover:tw-bg-[var(--action-destructive-hover)]',\n          'active:tw-bg-[var(--action-destructive-active)]',\n        ],\n        text: [\n          `${btnPrefix}-text`,\n          'tw-border-[var(--action-ghost-normal)] 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-[var(--action-neutral-normal)] tw-bg-[var(--action-ghost-normal)] tw-text-[var(--content-inverted-primary)]',\n          'hover:tw-border-[var(--action-ghost-inverted-hover)] hover:tw-bg-[var(--action-ghost-normal)]',\n          'active:tw-bg-[var(--action-ghost-inverted-active)]',\n        ],\n        link: [\n          `${btnPrefix}-link`,\n          'tw-border-[var(--action-ghost-normal)] tw-bg-[var(--action-ghost-normal)] tw-text-[var(--action-primary-normal)]',\n          'hover:tw-text-[var(--action-primary-hover)]',\n          'active:tw-text-[var(--action-primary-active)]',\n        ],\n        ghost: [\n          `${btnPrefix}-ghost`,\n          'tw-border-[var(--action-ghost-normal)] tw-bg-[var(--action-ghost-normal)] tw-text-[var(--action-neutral-normal)] tw-shadow-none',\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        ghostIcon: [\n          `${btnPrefix}-ghost-icon`,\n          'tw-border-0 tw-bg-[var(--action-ghost-normal)] tw-text-[var(--content-secondary)] tw-shadow-none',\n          'hover:tw-bg-[var(--action-ghost-hover)] hover:tw-text-[var(--content-primary)]',\n          'active:tw-bg-[var(--action-ghost-active)] active:tw-text-[var(--content-primary)]',\n        ],\n      },\n      size: {\n        // Component Geometry: size variants own the control envelope. The\n        // inline gap remains relationship-preserving implementation while the\n        // Action Association Constraint has no Primitive Resolution.\n        small: [\n          `${btnPrefix}-small`,\n          'tw-h-7 tw-min-w-7 tw-gap-1 tw-rounded-r-75',\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-8 tw-gap-1 tw-rounded-r-75',\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-10 tw-min-w-10 tw-gap-1 tw-rounded-r-75',\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  'link',\n  'ghost',\n  'ghostIcon',\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    showArrow = false,\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 iconSize =\n    type === 'ghostIcon'\n      ? size === 'small'\n        ? 16\n        : size === 'large'\n        ? 24\n        : 20\n      : size === 'small'\n      ? 12\n      : 14;\n  const iconNode = setIcon(icon as React.ReactElement, innerLoading, iconSize);\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 && !showArrow;\n  const focusRingClasses = !isDisabled && [\n    'focus-visible:tw-outline',\n    'focus-visible:tw-outline-2',\n    'focus-visible:tw-outline-offset-2',\n    'focus-visible:tw-outline-[var(--focus-ring)]',\n    'forced-colors:focus-visible:tw-outline-[Highlight]',\n  ];\n\n  const classes = cn(\n    buttonVariants({\n      type,\n      size,\n      disabled: !!isDisabled,\n      block: !!block,\n      shape,\n    }),\n    ghost &&\n      '!tw-border-[var(--action-ghost-normal)] !tw-bg-[var(--action-ghost-normal)] !tw-shadow-none hover:!tw-border-[var(--action-ghost-normal)]',\n    ghost &&\n      type === 'primary' &&\n      size === 'middle' &&\n      '!tw-h-8 !tw-min-w-8 !tw-gap-[var(--component-gap-xs)] !tw-rounded-r-75 !tw-px-[var(--component-padding-md)] !tw-py-0',\n    ghost &&\n      type === 'dangerous' &&\n      size === 'middle' &&\n      '!tw-h-8 !tw-min-w-8 !tw-gap-[var(--component-gap-xs)] !tw-rounded-r-75 !tw-px-[var(--component-padding-md)] !tw-py-0',\n    ghost &&\n      type === 'secondary' &&\n      size === 'middle' &&\n      '!tw-h-8 !tw-min-w-8 !tw-gap-[var(--component-gap-xs)] !tw-rounded-r-75 !tw-px-[var(--component-padding-md)] !tw-py-0',\n    ghost &&\n      type === 'inverse' &&\n      size === 'middle' &&\n      '!tw-h-8 !tw-min-w-8 !tw-gap-[var(--component-gap-xs)] !tw-rounded-r-75 !tw-bg-[var(--action-ghost-normal)] !tw-px-[var(--component-padding-md)] !tw-py-0',\n    ghost &&\n      type === 'primary' &&\n      '!tw-rounded-r-75 hover:!tw-bg-[var(--action-primary-subtle-hover)]',\n    ghost &&\n      type === 'dangerous' &&\n      '!tw-rounded-r-75 hover:!tw-bg-[var(--action-ghost-destructive-hover)]',\n    ghost &&\n      type === 'secondary' &&\n      '!tw-rounded-r-75 hover:!tw-bg-[var(--action-ghost-hover)]',\n    ghost &&\n      type === 'inverse' &&\n      '!tw-rounded-r-75 hover:!tw-bg-[var(--action-ghost-inverted-hover)]',\n    ghost && type === 'primary' && '!tw-text-[var(--action-primary-normal)]',\n    ghost &&\n      type === 'dangerous' &&\n      '!tw-text-[var(--action-destructive-normal)]',\n    ghost && type === 'secondary' && '!tw-text-[var(--action-neutral-normal)]',\n    ghost && type === 'inverse' && '!tw-text-[var(--action-inverted-normal)]',\n    // icon-only 方形按钮：宽度由 aspect-ratio 从 height 反推，但该反推值\n    // 不构成 flex shrink 的下限——父行 max-content 被低估时（同行存在\n    // width:auto Select / RangePicker 等子树时 Chromium 恒少算几 px），\n    // 缺口会全压到本按钮上把它压扁。必须按 size 显式钳 min-width 兜底\n    // （v2/antd 的 icon-only 即固定 width）；带 ! 以盖过 shape=circle\n    // 的 tw-min-w-0\n    isIconOnly && 'tw-aspect-square !tw-px-0',\n    isIconOnly && size === 'small' && '!tw-min-w-7',\n    isIconOnly && size === 'middle' && '!tw-min-w-8',\n    isIconOnly && size === 'large' && '!tw-min-w-10',\n    type === 'ghostIcon' &&\n      '!tw-aspect-auto !tw-min-w-0 !tw-gap-0 !tw-border-0 !tw-p-0 !tw-shadow-none',\n    type === 'ghostIcon' &&\n      size === 'small' &&\n      '!tw-h-5 !tw-w-5 !tw-rounded-r-50',\n    type === 'ghostIcon' &&\n      size === 'middle' &&\n      '!tw-h-6 !tw-w-6 !tw-rounded-r-75',\n    type === 'ghostIcon' &&\n      size === 'large' &&\n      '!tw-h-7 !tw-w-7 !tw-rounded-r-100',\n    focusRingClasses,\n    compactClasses,\n    className,\n  );\n\n  const contentClasses = cn(\n    // Typography: the approved Label utility belongs to the text-bearing\n    // element. Icon-only controls intentionally have no label Typography.\n    'tw-inline-flex tw-min-w-0 tw-items-center tw-gap-1 tw-truncate tw-text-typography-label',\n    ghost &&\n      type === 'inverse' &&\n      size === 'middle' &&\n      'tw-flex-[1_0_0] tw-text-[var(--action-inverted-normal)]',\n  );\n\n  const arrowNode = showArrow ? (\n    <span className=\"ald-btn-arrow tw-inline-flex tw-shrink-0 tw-items-center\">\n      <ChevronDownLine size={16} />\n    </span>\n  ) : null;\n\n  const buttonContent = (\n    <>\n      {iconNode}\n      {children && <span className={contentClasses}>{children}</span>}\n      {arrowNode}\n    </>\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        {buttonContent}\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      {buttonContent}\n    </button>\n  );\n}\n\nexport default forwardRef(Button);\n"],"mappings":";;;;;;;;;;AAQA,IAAa,YAAY;AAqDzB,IAAa,WACX,UACA,SACA,OAAwB,UACrB;AACH,KAAI,QACF,QACE,oBAAC,QAAD;EACE,WAAU;EACJ;EACN,OAAM;EACN,CAAA;AAIN,KAAI,UAAU;EACZ,MAAM,IAAqC;GACzC,WAAW;GACX,MAAM;GACN,GAAG,SAAS;GACb;AACD,IAAE,OAAO;AACT,SAAO,MAAM,aAAa,UAAU,EAAE;;AAExC,QAAO,oBAAA,UAAA,EAAK,CAAA;;AAGd,IAAM,iBAAiB,IACrB;CACE;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;GACD,OAAO;IACL,GAAG,UAAU;IACb;IACA;IACA;IACD;GACD,WAAW;IACT,GAAG,UAAU;IACb;IACA;IACA;IACD;GACF;EACD,MAAM;GAIJ,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;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,YAAY,OACZ,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;CAWnC,MAAM,WAAW,QAAQ,MAA4B,cATnD,SAAS,cACL,SAAS,UACP,KACA,SAAS,UACT,KACA,KACF,SAAS,UACT,KACA,GACsE;CAG5E,MAAM,iBAAiB,wBACnB,GAEE,CAAC,sBAAsB,iCACrB,sBACF,CAAC,sBAAsB,gCACrB,sBAEF,CAAC,sBAAsB,iCACrB,YACH,GACD;CAEJ,MAAM,aAAa,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC;CAC3C,MAAM,mBAAmB,CAAC,cAAc;EACtC;EACA;EACA;EACA;EACA;EACD;CAED,MAAM,UAAU,GACd,eAAe;EACb;EACA;EACA,UAAU,CAAC,CAAC;EACZ,OAAO,CAAC,CAAC;EACT;EACD,CAAC,EACF,SACE,6IACF,SACE,SAAS,aACT,SAAS,YACT,wHACF,SACE,SAAS,eACT,SAAS,YACT,wHACF,SACE,SAAS,eACT,SAAS,YACT,wHACF,SACE,SAAS,aACT,SAAS,YACT,4JACF,SACE,SAAS,aACT,sEACF,SACE,SAAS,eACT,yEACF,SACE,SAAS,eACT,6DACF,SACE,SAAS,aACT,sEACF,SAAS,SAAS,aAAa,2CAC/B,SACE,SAAS,eACT,+CACF,SAAS,SAAS,eAAe,2CACjC,SAAS,SAAS,aAAa,4CAO/B,cAAc,6BACd,cAAc,SAAS,WAAW,eAClC,cAAc,SAAS,YAAY,eACnC,cAAc,SAAS,WAAW,gBAClC,SAAS,eACP,8EACF,SAAS,eACP,SAAS,WACT,oCACF,SAAS,eACP,SAAS,YACT,oCACF,SAAS,eACP,SAAS,WACT,qCACF,kBACA,gBACA,UACD;CAED,MAAM,iBAAiB,GAGrB,2FACA,SACE,SAAS,aACT,SAAS,YACT,0DACH;CAQD,MAAM,gBACJ,qBAAA,UAAA,EAAA,UAAA;EACG;EACA,YAAY,oBAAC,QAAD;GAAM,WAAW;GAAiB;GAAgB,CAAA;EATjD,YAChB,oBAAC,QAAD;GAAM,WAAU;aACd,oBAAC,MAAD,EAAiB,MAAM,IAAM,CAAA;GACxB,CAAA,GACL;EAOC,EAAA,CAAA;AAGL,KAAI,KACF,QACE,oBAAC,KAAD;EACE,GAAI;EACJ,WAAW;EACJ;EACP,MAAM,aAAa,SAAY;EACvB;EACH;EACL,SAAS,aAAa,SAAY;EAClC,iBAAe,cAAc;YAE5B;EACC,CAAA;AAIR,QACE,oBAAC,UAAD;EACE,GAAI;EACJ,MACE,aAAa,WACT,WACA,aAAa,UACb,UACA;EAEN,WAAW;EACJ;EACP,UAAU;EACV,iBAAe,cAAc;EACxB;EACI;YAER;EACM,CAAA;;AAIb,IAAA,iBAAe,WAAW,OAAO"}
+{"version":3,"file":"index.js","names":["cva","React","forwardRef","useContext","useEffect","useState","DisabledContext","SizeContext","ChevronDownLine","LoadingLine","cn","useCompactItemContext","btnPrefix","ButtonType","Size","NativeFormButtonProps","Pick","ButtonHTMLAttributes","HTMLButtonElement","IButtonProps","type","size","disabled","icon","ReactNode","shape","href","target","onClick","MouseEventHandler","HTMLElement","loading","delay","children","className","style","CSSProperties","block","htmlType","id","tabIndex","title","ghost","danger","color","showArrow","getButtonType","buttonType","getDangerStatus","getButtonSizeClass","s","includes","getShape","setIcon","iconNode","ReactElement","p","Record","fill","props","cloneElement","buttonVariants","variants","primary","secondary","dangerous","text","inverse","link","ghostIcon","small","middle","large","true","false","circle","default","defaultVariants","VALID_TYPES","Button","ref","$","_c","customSize","formAction","name","rest","t0","t1","t2","t3","t4","value","rawType","undefined","contextDisabled","mergedDisabled","contentSize","compactSize","compactItemClassnames","innerLoading","setInnerLoading","t5","t6","timer","setTimeout","clearTimeout","isDisabled","iconSize","t7","t8","t9","compactClasses","isIconOnly","focusRingClasses","classes","t10","t11","contentClasses","t12","arrowNode","t13","t14","buttonContent","t15","t16","Ref","HTMLAnchorElement","t17","t18","t19"],"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 { ChevronDownLine, 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'\n  | 'ghost'\n  | 'ghostIcon';\nexport type Size = 'small' | 'middle' | 'large';\ntype NativeFormButtonProps = Pick<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  'formAction' | 'name' | 'value'\n>;\n\nexport interface IButtonProps extends NativeFormButtonProps {\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  'aria-label'?: string;\n  /** 透传到 button 元素的 data-testid，用于自动化测试定位（经 rest props 透传） */\n  'data-testid'?: string;\n  ghost?: boolean;\n  danger?: boolean;\n  color?: string;\n  showArrow?: 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  size: string | number = '1em',\n) => {\n  if (loading) {\n    return (\n      <LoadingLine\n        className=\"ald-loading-spin tw-shrink-0 tw-animate-spin\"\n        size={size}\n        color=\"currentColor\"\n      />\n    );\n  }\n\n  if (iconNode) {\n    const p: Record<string, string | number> = {\n      className: '',\n      fill: 'currentColor',\n      ...(iconNode.props as Record<string, string | number>),\n    };\n    p.size = size;\n    return React.cloneElement(iconNode, p);\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-no-underline tw-transition-colors [&_.i-icon]:tw-inline-flex [&_.i-icon]:tw-items-center',\n    'tw-border tw-border-solid',\n  ],\n  {\n    variants: {\n      type: {\n        primary: [\n          `${btnPrefix}-primary`,\n          'tw-border-[var(--action-ghost-normal)] tw-bg-[var(--action-primary-normal)] tw-text-[var(--action-inverted-normal)] tw-shadow-[var(--elevation-bottom-bottom-sm)]',\n          'hover:tw-bg-[var(--action-primary-hover)]',\n          'active:tw-bg-[var(--action-primary-active)]',\n        ],\n        secondary: [\n          `${btnPrefix}-secondary`,\n          'tw-border-[var(--border-default)] tw-bg-[var(--action-inverted-normal)] tw-text-[var(--action-neutral-normal)] tw-shadow-[var(--elevation-bottom-bottom-sm)]',\n          'hover:tw-border-[var(--border-neutral-strong)] hover:tw-bg-[var(--action-inverted-normal)]',\n          'active:tw-border-[var(--border-neutral-strong)] 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-ghost-normal)] tw-bg-[var(--action-destructive-normal)] tw-text-[var(--action-inverted-normal)] tw-shadow-[var(--elevation-bottom-bottom-sm)]',\n          'hover:tw-bg-[var(--action-destructive-hover)]',\n          'active:tw-bg-[var(--action-destructive-active)]',\n        ],\n        text: [\n          `${btnPrefix}-text`,\n          'tw-border-[var(--action-ghost-normal)] 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-[var(--action-neutral-normal)] tw-bg-[var(--action-ghost-normal)] tw-text-[var(--content-inverted-primary)]',\n          'hover:tw-border-[var(--action-ghost-inverted-hover)] hover:tw-bg-[var(--action-ghost-normal)]',\n          'active:tw-bg-[var(--action-ghost-inverted-active)]',\n        ],\n        link: [\n          `${btnPrefix}-link`,\n          'tw-border-[var(--action-ghost-normal)] tw-bg-[var(--action-ghost-normal)] tw-text-[var(--action-primary-normal)]',\n          'hover:tw-text-[var(--action-primary-hover)]',\n          'active:tw-text-[var(--action-primary-active)]',\n        ],\n        ghost: [\n          `${btnPrefix}-ghost`,\n          'tw-border-[var(--action-ghost-normal)] tw-bg-[var(--action-ghost-normal)] tw-text-[var(--action-neutral-normal)] tw-shadow-none',\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        ghostIcon: [\n          `${btnPrefix}-ghost-icon`,\n          'tw-border-0 tw-bg-[var(--action-ghost-normal)] tw-text-[var(--content-secondary)] tw-shadow-none',\n          'hover:tw-bg-[var(--action-ghost-hover)] hover:tw-text-[var(--content-primary)]',\n          'active:tw-bg-[var(--action-ghost-active)] active:tw-text-[var(--content-primary)]',\n        ],\n      },\n      size: {\n        // Component Geometry: size variants own the control envelope. The\n        // inline gap remains relationship-preserving implementation while the\n        // Action Association Constraint has no Primitive Resolution.\n        small: [\n          `${btnPrefix}-small`,\n          'tw-h-7 tw-min-w-7 tw-gap-1 tw-rounded-r-75',\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-8 tw-gap-1 tw-rounded-r-75',\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-10 tw-min-w-10 tw-gap-1 tw-rounded-r-75',\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  'link',\n  'ghost',\n  'ghostIcon',\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    formAction,\n    name,\n    value,\n    style,\n    ghost,\n    showArrow = false,\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 iconSize =\n    type === 'ghostIcon'\n      ? size === 'small'\n        ? 16\n        : size === 'large'\n        ? 24\n        : 20\n      : size === 'small'\n      ? 12\n      : 14;\n  const iconNode = setIcon(icon as React.ReactElement, innerLoading, iconSize);\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 && !showArrow;\n  const focusRingClasses = !isDisabled && [\n    'focus-visible:tw-outline',\n    'focus-visible:tw-outline-2',\n    'focus-visible:tw-outline-offset-2',\n    'focus-visible:tw-outline-[var(--focus-ring)]',\n    'forced-colors:focus-visible:tw-outline-[Highlight]',\n  ];\n\n  const classes = cn(\n    buttonVariants({\n      type,\n      size,\n      disabled: !!isDisabled,\n      block: !!block,\n      shape,\n    }),\n    ghost &&\n      '!tw-border-[var(--action-ghost-normal)] !tw-bg-[var(--action-ghost-normal)] !tw-shadow-none hover:!tw-border-[var(--action-ghost-normal)]',\n    ghost &&\n      type === 'primary' &&\n      size === 'middle' &&\n      '!tw-h-8 !tw-min-w-8 !tw-gap-[var(--component-gap-xs)] !tw-rounded-r-75 !tw-px-[var(--component-padding-md)] !tw-py-0',\n    ghost &&\n      type === 'dangerous' &&\n      size === 'middle' &&\n      '!tw-h-8 !tw-min-w-8 !tw-gap-[var(--component-gap-xs)] !tw-rounded-r-75 !tw-px-[var(--component-padding-md)] !tw-py-0',\n    ghost &&\n      type === 'secondary' &&\n      size === 'middle' &&\n      '!tw-h-8 !tw-min-w-8 !tw-gap-[var(--component-gap-xs)] !tw-rounded-r-75 !tw-px-[var(--component-padding-md)] !tw-py-0',\n    ghost &&\n      type === 'inverse' &&\n      size === 'middle' &&\n      '!tw-h-8 !tw-min-w-8 !tw-gap-[var(--component-gap-xs)] !tw-rounded-r-75 !tw-bg-[var(--action-ghost-normal)] !tw-px-[var(--component-padding-md)] !tw-py-0',\n    ghost &&\n      type === 'primary' &&\n      '!tw-rounded-r-75 hover:!tw-bg-[var(--action-primary-subtle-hover)]',\n    ghost &&\n      type === 'dangerous' &&\n      '!tw-rounded-r-75 hover:!tw-bg-[var(--action-ghost-destructive-hover)]',\n    ghost &&\n      type === 'secondary' &&\n      '!tw-rounded-r-75 hover:!tw-bg-[var(--action-ghost-hover)]',\n    ghost &&\n      type === 'inverse' &&\n      '!tw-rounded-r-75 hover:!tw-bg-[var(--action-ghost-inverted-hover)]',\n    ghost && type === 'primary' && '!tw-text-[var(--action-primary-normal)]',\n    ghost &&\n      type === 'dangerous' &&\n      '!tw-text-[var(--action-destructive-normal)]',\n    ghost && type === 'secondary' && '!tw-text-[var(--action-neutral-normal)]',\n    ghost && type === 'inverse' && '!tw-text-[var(--action-inverted-normal)]',\n    // icon-only 方形按钮：宽度由 aspect-ratio 从 height 反推，但该反推值\n    // 不构成 flex shrink 的下限——父行 max-content 被低估时（同行存在\n    // width:auto Select / RangePicker 等子树时 Chromium 恒少算几 px），\n    // 缺口会全压到本按钮上把它压扁。必须按 size 显式钳 min-width 兜底\n    // （v2/antd 的 icon-only 即固定 width）；带 ! 以盖过 shape=circle\n    // 的 tw-min-w-0\n    isIconOnly && 'tw-aspect-square !tw-px-0',\n    isIconOnly && size === 'small' && '!tw-min-w-7',\n    isIconOnly && size === 'middle' && '!tw-min-w-8',\n    isIconOnly && size === 'large' && '!tw-min-w-10',\n    type === 'ghostIcon' &&\n      '!tw-aspect-auto !tw-min-w-0 !tw-gap-0 !tw-border-0 !tw-p-0 !tw-shadow-none',\n    type === 'ghostIcon' &&\n      size === 'small' &&\n      '!tw-h-5 !tw-w-5 !tw-rounded-r-50',\n    type === 'ghostIcon' &&\n      size === 'middle' &&\n      '!tw-h-6 !tw-w-6 !tw-rounded-r-75',\n    type === 'ghostIcon' &&\n      size === 'large' &&\n      '!tw-h-7 !tw-w-7 !tw-rounded-r-100',\n    focusRingClasses,\n    compactClasses,\n    className,\n  );\n\n  const contentClasses = cn(\n    // Typography: the approved Label utility belongs to the text-bearing\n    // element. Icon-only controls intentionally have no label Typography.\n    'tw-inline-flex tw-min-w-0 tw-items-center tw-gap-1 tw-truncate tw-text-typography-label',\n    ghost &&\n      type === 'inverse' &&\n      size === 'middle' &&\n      'tw-flex-[1_0_0] tw-text-[var(--action-inverted-normal)]',\n  );\n\n  const arrowNode = showArrow ? (\n    <span className=\"ald-btn-arrow tw-inline-flex tw-shrink-0 tw-items-center\">\n      <ChevronDownLine size={16} />\n    </span>\n  ) : null;\n\n  const buttonContent = (\n    <>\n      {iconNode}\n      {children && <span className={contentClasses}>{children}</span>}\n      {arrowNode}\n    </>\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        {buttonContent}\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      formAction={formAction}\n      name={name}\n      value={value}\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      {buttonContent}\n    </button>\n  );\n}\n\nexport default forwardRef(Button);\n"],"mappings":"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"}

package/dist/Button.js

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

package/dist/Card/index.d.ts

@@ -28,9 +28,9 @@ export interface CardMetaProps {
     title?: React.ReactNode;
     description?: React.ReactNode;
 }
-declare function Card(props: CardProps): import("react/jsx-runtime").JSX.Element;
+declare function Card(props: CardProps): React.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;
+    var Grid: ({ className, style, hoverable, children }: CardGridProps) => React.JSX.Element;
+    var Meta: ({ className, style, avatar, title, description }: CardMetaProps) => React.JSX.Element;
 }
 export default Card;

package/dist/Card/index.js

@@ -1,68 +1,194 @@
 import { cn } from "../lib/utils.js";
+import { c } from "react-compiler-runtime";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/Card/index.tsx
 function Card(props) {
-	const { title, extra, bordered = true, hoverable, size, type, className, style, bodyStyle, headStyle, children, cover, actions } = props;
-	return /* @__PURE__ */ jsxs("div", {
-		className: cn("ald-card tw-flex tw-flex-col tw-items-stretch tw-overflow-hidden tw-rounded-r-150 tw-bg-[var(--background-default)] tw-shadow-[var(--elevation-bottom-bottom-md)] tw-outline tw-outline-1 tw-outline-[var(--border-default-alpha)]", !bordered && "!tw-outline-transparent", hoverable && "tw-cursor-pointer tw-transition-shadow hover:tw-shadow-[var(--elevation-bottom-bottom-lg)]", size === "small" && "ald-card-small", type === "inner" && "ald-card-inner", className),
-		style,
-		children: [
-			(title || extra) && /* @__PURE__ */ jsxs("div", {
-				className: cn("ald-card-head tw-flex tw-items-center tw-justify-between tw-gap-4 tw-self-stretch tw-border-0 tw-border-b tw-border-solid tw-border-[var(--border-default)] tw-px-6 tw-py-4", size === "small" && "!tw-px-4 !tw-py-3"),
-				style: headStyle,
-				children: [title && /* @__PURE__ */ jsx("div", {
-					className: cn("ald-card-head-title tw-text-base tw-font-semibold tw-text-[var(--content-primary)]", size === "small" && "!tw-text-sm"),
-					children: title
-				}), extra && /* @__PURE__ */ jsx("div", {
-					className: "ald-card-extra tw-text-sm",
-					children: extra
-				})]
-			}),
-			cover && /* @__PURE__ */ jsx("div", {
-				className: "ald-card-cover",
-				children: cover
-			}),
-			/* @__PURE__ */ jsx("div", {
-				className: cn("ald-card-body ant-card-body tw-flex tw-flex-col tw-items-start tw-gap-5 tw-self-stretch tw-p-6", size === "small" && "!tw-gap-3 !tw-p-4"),
-				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))
-			})
-		]
-	});
+	const $ = c(28);
+	const { title, extra, bordered: t0, hoverable, size, type, className, style, bodyStyle, headStyle, children, cover, actions } = props;
+	const t1 = !(t0 === void 0 ? true : t0) && "!tw-outline-transparent";
+	const t2 = hoverable && "tw-cursor-pointer tw-transition-shadow hover:tw-shadow-[var(--elevation-bottom-bottom-lg)]";
+	const t3 = size === "small" && "ald-card-small";
+	const t4 = type === "inner" && "ald-card-inner";
+	let t5;
+	if ($[0] !== className || $[1] !== t1 || $[2] !== t2 || $[3] !== t3 || $[4] !== t4) {
+		t5 = cn("ald-card tw-flex tw-flex-col tw-items-stretch tw-overflow-hidden tw-rounded-r-150 tw-bg-[var(--background-default)] tw-shadow-[var(--elevation-bottom-bottom-md)] tw-outline tw-outline-1 tw-outline-[var(--border-default-alpha)]", t1, t2, t3, t4, className);
+		$[0] = className;
+		$[1] = t1;
+		$[2] = t2;
+		$[3] = t3;
+		$[4] = t4;
+		$[5] = t5;
+	} else t5 = $[5];
+	let t6;
+	if ($[6] !== extra || $[7] !== headStyle || $[8] !== size || $[9] !== title) {
+		t6 = (title || extra) && /* @__PURE__ */ jsxs("div", {
+			className: cn("ald-card-head tw-flex tw-items-center tw-justify-between tw-gap-4 tw-self-stretch tw-border-0 tw-border-b tw-border-solid tw-border-[var(--border-default)] tw-px-6 tw-py-4", size === "small" && "!tw-px-4 !tw-py-3"),
+			style: headStyle,
+			children: [title && /* @__PURE__ */ jsx("div", {
+				className: cn("ald-card-head-title tw-text-base tw-font-semibold tw-text-[var(--content-primary)]", size === "small" && "!tw-text-sm"),
+				children: title
+			}), extra && /* @__PURE__ */ jsx("div", {
+				className: "ald-card-extra tw-text-sm",
+				children: extra
+			})]
+		});
+		$[6] = extra;
+		$[7] = headStyle;
+		$[8] = size;
+		$[9] = title;
+		$[10] = t6;
+	} else t6 = $[10];
+	let t7;
+	if ($[11] !== cover) {
+		t7 = cover && /* @__PURE__ */ jsx("div", {
+			className: "ald-card-cover",
+			children: cover
+		});
+		$[11] = cover;
+		$[12] = t7;
+	} else t7 = $[12];
+	const t8 = size === "small" && "!tw-gap-3 !tw-p-4";
+	let t9;
+	if ($[13] !== t8) {
+		t9 = cn("ald-card-body ant-card-body tw-flex tw-flex-col tw-items-start tw-gap-5 tw-self-stretch tw-p-6", t8);
+		$[13] = t8;
+		$[14] = t9;
+	} else t9 = $[14];
+	let t10;
+	if ($[15] !== bodyStyle || $[16] !== children || $[17] !== t9) {
+		t10 = /* @__PURE__ */ jsx("div", {
+			className: t9,
+			style: bodyStyle,
+			children
+		});
+		$[15] = bodyStyle;
+		$[16] = children;
+		$[17] = t9;
+		$[18] = t10;
+	} else t10 = $[18];
+	let t11;
+	if ($[19] !== actions) {
+		t11 = 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(_temp)
+		});
+		$[19] = actions;
+		$[20] = t11;
+	} else t11 = $[20];
+	let t12;
+	if ($[21] !== style || $[22] !== t10 || $[23] !== t11 || $[24] !== t5 || $[25] !== t6 || $[26] !== t7) {
+		t12 = /* @__PURE__ */ jsxs("div", {
+			className: t5,
+			style,
+			children: [
+				t6,
+				t7,
+				t10,
+				t11
+			]
+		});
+		$[21] = style;
+		$[22] = t10;
+		$[23] = t11;
+		$[24] = t5;
+		$[25] = t6;
+		$[26] = t7;
+		$[27] = t12;
+	} else t12 = $[27];
+	return t12;
 }
-function Grid({ className, style, hoverable, children }) {
+function _temp(action, i) {
 	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-[var(--elevation-bottom-bottom-md)]", className),
-		style,
-		children
-	});
+		className: "ald-card-action tw-flex-1 tw-py-3 tw-text-center",
+		children: action
+	}, i);
+}
+function Grid(t0) {
+	const $ = c(7);
+	const { className, style, hoverable, children } = t0;
+	const t1 = hoverable && "tw-transition-shadow hover:tw-shadow-[var(--elevation-bottom-bottom-md)]";
+	let t2;
+	if ($[0] !== className || $[1] !== t1) {
+		t2 = 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", t1, className);
+		$[0] = className;
+		$[1] = t1;
+		$[2] = t2;
+	} else t2 = $[2];
+	let t3;
+	if ($[3] !== children || $[4] !== style || $[5] !== t2) {
+		t3 = /* @__PURE__ */ jsx("div", {
+			className: t2,
+			style,
+			children
+		});
+		$[3] = children;
+		$[4] = style;
+		$[5] = t2;
+		$[6] = t3;
+	} else t3 = $[6];
+	return t3;
 }
-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", {
+function Meta(t0) {
+	const $ = c(16);
+	const { className, style, avatar, title, description } = t0;
+	let t1;
+	if ($[0] !== className) {
+		t1 = cn("ald-card-meta tw-flex tw-items-start tw-gap-4", className);
+		$[0] = className;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== avatar) {
+		t2 = avatar && /* @__PURE__ */ jsx("div", {
 			className: "ald-card-meta-avatar tw-flex-none",
 			children: avatar
-		}), /* @__PURE__ */ jsxs("div", {
+		});
+		$[2] = avatar;
+		$[3] = t2;
+	} else t2 = $[3];
+	let t3;
+	if ($[4] !== title) {
+		t3 = title && /* @__PURE__ */ jsx("div", {
+			className: "ald-card-meta-title tw-truncate tw-text-base tw-font-medium tw-text-[var(--content-primary)]",
+			children: title
+		});
+		$[4] = title;
+		$[5] = t3;
+	} else t3 = $[5];
+	let t4;
+	if ($[6] !== description) {
+		t4 = description && /* @__PURE__ */ jsx("div", {
+			className: "ald-card-meta-description tw-text-sm tw-text-[var(--content-secondary)]",
+			children: description
+		});
+		$[6] = description;
+		$[7] = t4;
+	} else t4 = $[7];
+	let t5;
+	if ($[8] !== t3 || $[9] !== t4) {
+		t5 = /* @__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
-			})]
-		})]
-	});
+			children: [t3, t4]
+		});
+		$[8] = t3;
+		$[9] = t4;
+		$[10] = t5;
+	} else t5 = $[10];
+	let t6;
+	if ($[11] !== style || $[12] !== t1 || $[13] !== t2 || $[14] !== t5) {
+		t6 = /* @__PURE__ */ jsxs("div", {
+			className: t1,
+			style,
+			children: [t2, t5]
+		});
+		$[11] = style;
+		$[12] = t1;
+		$[13] = t2;
+		$[14] = t5;
+		$[15] = t6;
+	} else t6 = $[15];
+	return t6;
 }
 Card.Grid = Grid;
 Card.Meta = Meta;

package/dist/Card/index.js.map

@@ -1 +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    type,\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-flex tw-flex-col tw-items-stretch tw-overflow-hidden tw-rounded-r-150 tw-bg-[var(--background-default)] tw-shadow-[var(--elevation-bottom-bottom-md)] tw-outline tw-outline-1 tw-outline-[var(--border-default-alpha)]',\n        !bordered && '!tw-outline-transparent',\n        hoverable &&\n          'tw-cursor-pointer tw-transition-shadow hover:tw-shadow-[var(--elevation-bottom-bottom-lg)]',\n        size === 'small' && 'ald-card-small',\n        type === 'inner' && 'ald-card-inner',\n        className,\n      )}\n      style={style}\n    >\n      {(title || extra) && (\n        <div\n          className={cn(\n            'ald-card-head tw-flex tw-items-center tw-justify-between tw-gap-4 tw-self-stretch tw-border-0 tw-border-b tw-border-solid tw-border-[var(--border-default)] tw-px-6 tw-py-4',\n            size === 'small' && '!tw-px-4 !tw-py-3',\n          )}\n          style={headStyle}\n        >\n          {title && (\n            <div\n              className={cn(\n                'ald-card-head-title tw-text-base tw-font-semibold tw-text-[var(--content-primary)]',\n                size === 'small' && '!tw-text-sm',\n              )}\n            >\n              {title}\n            </div>\n          )}\n          {extra && <div className=\"ald-card-extra tw-text-sm\">{extra}</div>}\n        </div>\n      )}\n      {cover && <div className=\"ald-card-cover\">{cover}</div>}\n      <div\n        // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n        className={cn(\n          'ald-card-body ant-card-body tw-flex tw-flex-col tw-items-start tw-gap-5 tw-self-stretch tw-p-6',\n          size === 'small' && '!tw-gap-3 !tw-p-4',\n        )}\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 &&\n          'tw-transition-shadow hover:tw-shadow-[var(--elevation-bottom-bottom-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,MACA,WACA,OACA,WACA,WACA,UACA,OACA,YACE;AAEJ,QACE,qBAAC,OAAD;EACE,WAAW,GACT,sOACA,CAAC,YAAY,2BACb,aACE,8FACF,SAAS,WAAW,kBACpB,SAAS,WAAW,kBACpB,UACD;EACM;YAVT;IAYI,SAAS,UACT,qBAAC,OAAD;IACE,WAAW,GACT,+KACA,SAAS,WAAW,oBACrB;IACD,OAAO;cALT,CAOG,SACC,oBAAC,OAAD;KACE,WAAW,GACT,sFACA,SAAS,WAAW,cACrB;eAEA;KACG,CAAA,EAEP,SAAS,oBAAC,OAAD;KAAK,WAAU;eAA6B;KAAY,CAAA,CAC9D;;GAEP,SAAS,oBAAC,OAAD;IAAK,WAAU;cAAkB;IAAY,CAAA;GACvD,oBAAC,OAAD;IAEE,WAAW,GACT,kGACA,SAAS,WAAW,oBACrB;IACD,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,aACE,4EACF,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"}
+{"version":3,"file":"index.js","names":["React","cn","CardProps","title","ReactNode","extra","bordered","hoverable","loading","size","type","className","style","CSSProperties","bodyStyle","headStyle","children","cover","actions","CardGridProps","CardMetaProps","avatar","description","Card","props","$","_c","t0","undefined","t1","t2","t3","t4","t5","t6","t7","t8","t9","t10","t11","length","map","_temp","t12","action","i","Grid","Meta"],"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    type,\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-flex tw-flex-col tw-items-stretch tw-overflow-hidden tw-rounded-r-150 tw-bg-[var(--background-default)] tw-shadow-[var(--elevation-bottom-bottom-md)] tw-outline tw-outline-1 tw-outline-[var(--border-default-alpha)]',\n        !bordered && '!tw-outline-transparent',\n        hoverable &&\n          'tw-cursor-pointer tw-transition-shadow hover:tw-shadow-[var(--elevation-bottom-bottom-lg)]',\n        size === 'small' && 'ald-card-small',\n        type === 'inner' && 'ald-card-inner',\n        className,\n      )}\n      style={style}\n    >\n      {(title || extra) && (\n        <div\n          className={cn(\n            'ald-card-head tw-flex tw-items-center tw-justify-between tw-gap-4 tw-self-stretch tw-border-0 tw-border-b tw-border-solid tw-border-[var(--border-default)] tw-px-6 tw-py-4',\n            size === 'small' && '!tw-px-4 !tw-py-3',\n          )}\n          style={headStyle}\n        >\n          {title && (\n            <div\n              className={cn(\n                'ald-card-head-title tw-text-base tw-font-semibold tw-text-[var(--content-primary)]',\n                size === 'small' && '!tw-text-sm',\n              )}\n            >\n              {title}\n            </div>\n          )}\n          {extra && <div className=\"ald-card-extra tw-text-sm\">{extra}</div>}\n        </div>\n      )}\n      {cover && <div className=\"ald-card-cover\">{cover}</div>}\n      <div\n        // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n        className={cn(\n          'ald-card-body ant-card-body tw-flex tw-flex-col tw-items-start tw-gap-5 tw-self-stretch tw-p-6',\n          size === 'small' && '!tw-gap-3 !tw-p-4',\n        )}\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 &&\n          'tw-transition-shadow hover:tw-shadow-[var(--elevation-bottom-bottom-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":"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"}

package/dist/Card.js

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