@aloudata/aloudata-design 3.0.24 → 3.0.25

package/dist/Steps/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/Steps/index.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode } from 'react';\nimport { cn } from '../lib/utils';\nimport { CustomDot } from './components/CustomDot';\nimport { IStepProps, Step } from './components/Step';\n\nexport type { IStepProps };\nexport type TStatus = 'wait' | 'process' | 'finish' | 'error';\n\nexport interface IStepItem {\n  description?: ReactNode;\n  disabled?: boolean;\n  icon?: ReactNode;\n  status?: TStatus;\n  subTitle?: ReactNode;\n  title: ReactNode;\n}\n\nexport interface IStepsProps {\n  className?: string;\n  current?: number;\n  direction?: 'horizontal' | 'vertical';\n  defaultCurrent?: number;\n  status?: TStatus;\n  items?: IStepItem[];\n  children?: ReactElement<IStepProps>[] | ReactElement<IStepProps>;\n}\n\nfunction getStepStatus(\n  index: number,\n  current: number,\n  globalStatus?: TStatus,\n): TStatus {\n  if (index < current) return 'finish';\n  if (index === current) return globalStatus || 'process';\n  return 'wait';\n}\n\nfunction Steps({\n  className,\n  current: controlledCurrent,\n  direction = 'horizontal',\n  defaultCurrent = 0,\n  status,\n  items,\n  children,\n}: IStepsProps) {\n  const current = controlledCurrent ?? defaultCurrent;\n  // Support children-based API: convert children to items\n  const resolvedItems: IStepItem[] =\n    items ||\n    React.Children.toArray(children)\n      .filter(React.isValidElement)\n      .map((child: any) => ({\n        title: child.props.title,\n        description: child.props.description,\n        disabled: child.props.disabled,\n        status: child.props.status,\n        icon: child.props.icon,\n      }));\n\n  return (\n    <div\n      className={cn(\n        'ald-steps ant-steps ant-steps-dot ant-steps-label-vertical tw-flex',\n        direction === 'vertical'\n          ? 'ant-steps-vertical'\n          : 'ant-steps-horizontal',\n        direction === 'vertical' ? 'tw-flex-col' : 'tw-flex-row tw-items-start',\n        className,\n      )}\n    >\n      {resolvedItems.map((item, index) => {\n        const stepStatus = item.status || getStepStatus(index, current, status);\n        const isLast = index === resolvedItems.length - 1;\n\n        return (\n          <div\n            key={index}\n            className={cn(\n              'ald-steps-item ant-steps-item tw-flex',\n              direction === 'horizontal'\n                ? 'tw-flex-1 tw-flex-col tw-items-center tw-text-center'\n                : 'tw-flex-row tw-gap-3 tw-py-2',\n              `ald-steps-item-${stepStatus}`,\n              `ant-steps-item-${stepStatus}`,\n              item.disabled &&\n                'ald-steps-item-disabled tw-pointer-events-none tw-opacity-50',\n              item.disabled && 'ant-steps-item-disabled',\n            )}\n          >\n            {direction === 'horizontal' ? (\n              <div className=\"ant-steps-item-container tw-flex tw-w-full tw-flex-col tw-items-center\">\n                <div className=\"tw-flex tw-w-full tw-items-center\">\n                  {index > 0 && (\n                    <div\n                      className={cn(\n                        'ant-steps-item-tail tw-flex-1',\n                        index <= current\n                          ? 'tw-bg-[var(--border-brand-strong)]'\n                          : 'tw-bg-[var(--border-default)]',\n                      )}\n                      style={{ height: 1.5 }}\n                    />\n                  )}\n                  <div className=\"ald-steps-item-icon ant-steps-item-icon tw-shrink-0\">\n                    <span className=\"ant-steps-icon\">\n                      <span className=\"ant-steps-icon-dot\">\n                        {item.icon || CustomDot(null, { status: stepStatus })}\n                      </span>\n                    </span>\n                  </div>\n                  {!isLast && (\n                    <div\n                      className={cn(\n                        index === 0 && 'ant-steps-item-tail',\n                        'tw-flex-1',\n                        index < current\n                          ? 'tw-bg-[var(--border-brand-strong)]'\n                          : 'tw-bg-[var(--border-default)]',\n                      )}\n                      style={{ height: 1.5 }}\n                    />\n                  )}\n                </div>\n                {/* antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器 */}\n                <div className=\"ald-steps-item-content ant-steps-item-content tw-mt-2 tw-flex tw-flex-col tw-items-center\">\n                  <div\n                    className={cn(\n                      // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n                      'ald-steps-item-title ant-steps-item-title tw-text-sm tw-font-medium tw-leading-5',\n                      stepStatus === 'finish' &&\n                        'tw-text-[var(--content-tertiary)]',\n                      stepStatus === 'process' &&\n                        'tw-text-[var(--content-brand-primary)]',\n                      stepStatus === 'wait' &&\n                        'tw-text-[var(--content-primary)]',\n                      stepStatus === 'error' &&\n                        'tw-text-[var(--content-negative-secondary)]',\n                    )}\n                  >\n                    {item.title}\n                  </div>\n                  {item.description && (\n                    <div\n                      className={cn(\n                        // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n                        'ald-steps-item-description ant-steps-item-description tw-mt-1 tw-max-w-[264px] tw-break-all tw-text-xs tw-leading-4',\n                        stepStatus === 'finish' || stepStatus === 'error'\n                          ? 'tw-text-[var(--content-tertiary)]'\n                          : 'tw-text-[var(--content-secondary)]',\n                      )}\n                    >\n                      {item.description}\n                    </div>\n                  )}\n                </div>\n              </div>\n            ) : (\n              <div className=\"ant-steps-item-container tw-flex tw-min-h-16 tw-flex-row tw-gap-3\">\n                <div className=\"ald-steps-item-axis tw-relative tw-flex tw-w-4 tw-shrink-0 tw-justify-center\">\n                  {!isLast && (\n                    <div\n                      className={cn(\n                        'ald-steps-item-tail ant-steps-item-tail',\n                        index < current\n                          ? 'ald-steps-item-tail-finish'\n                          : 'ald-steps-item-tail-wait',\n                        'tw-absolute tw-left-1/2 tw-top-2 tw-z-0 tw--translate-x-1/2',\n                        index < current\n                          ? 'tw-bg-[var(--border-brand-strong)]'\n                          : 'tw-bg-[var(--border-default)]',\n                      )}\n                      style={{ width: 1.5, bottom: -24 }}\n                    />\n                  )}\n                  <div className=\"ald-steps-item-icon ant-steps-item-icon tw-relative tw-z-[1] tw-flex tw-size-4 tw-shrink-0 tw-items-center tw-justify-center tw-leading-none\">\n                    <span className=\"ant-steps-icon tw-flex tw-size-4 tw-items-center tw-justify-center tw-leading-none\">\n                      <span className=\"ant-steps-icon-dot tw-flex tw-size-4 tw-items-center tw-justify-center\">\n                        {item.icon || CustomDot(null, { status: stepStatus })}\n                      </span>\n                    </span>\n                  </div>\n                </div>\n                {/* antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器 */}\n                <div className=\"ald-steps-item-content ant-steps-item-content\">\n                  <div\n                    className={cn(\n                      // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n                      'ald-steps-item-title ant-steps-item-title tw-text-sm tw-font-medium tw-leading-5',\n                      stepStatus === 'finish' &&\n                        'tw-text-[var(--content-tertiary)]',\n                      stepStatus === 'process' &&\n                        'tw-text-[var(--content-brand-primary)]',\n                      stepStatus === 'wait' &&\n                        'tw-text-[var(--content-primary)]',\n                      stepStatus === 'error' &&\n                        'tw-text-[var(--content-negative-secondary)]',\n                    )}\n                  >\n                    {item.title}\n                  </div>\n                  {item.description && (\n                    <div\n                      className={cn(\n                        // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n                        'ald-steps-item-description ant-steps-item-description tw-mt-1 tw-max-w-[264px] tw-break-all tw-text-xs tw-leading-4 tw-text-[var(--content-secondary)]',\n                      )}\n                    >\n                      {item.description}\n                    </div>\n                  )}\n                </div>\n              </div>\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\nSteps.Step = Step;\n\nexport default Steps;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Steps/index.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode } from 'react';\nimport { cn } from '../lib/utils';\nimport { ELangType, LocaleContext } from '../locale/default';\nimport { CustomDot } from './components/CustomDot';\nimport { IStepProps, Step } from './components/Step';\n\nexport type { IStepProps };\nexport type TStatus = 'wait' | 'process' | 'finish' | 'error';\n\nexport interface IStepItem {\n  description?: ReactNode;\n  disabled?: boolean;\n  icon?: ReactNode;\n  status?: TStatus;\n  subTitle?: ReactNode;\n  title: ReactNode;\n}\n\nexport interface IStepsProps {\n  className?: string;\n  current?: number;\n  direction?: 'horizontal' | 'vertical';\n  defaultCurrent?: number;\n  status?: TStatus;\n  items?: IStepItem[];\n  children?: ReactElement<IStepProps>[] | ReactElement<IStepProps>;\n}\n\nfunction getStepStatus(\n  index: number,\n  current: number,\n  globalStatus?: TStatus,\n): TStatus {\n  if (index < current) return 'finish';\n  if (index === current) return globalStatus || 'process';\n  return 'wait';\n}\n\n/* eslint-disable i18n/no-chinese-character -- Steps accessibility copy stays local to this bounded component migration. */\nconst stepsA11yText = {\n  [ELangType.ZH_CN]: {\n    workflowProgress: '工作流进度',\n    status: {\n      finish: '已完成',\n      process: '进行中',\n      wait: '未开始',\n      error: '错误',\n    },\n  },\n  [ELangType.EN]: {\n    workflowProgress: 'Workflow progress',\n    status: {\n      finish: 'Completed',\n      process: 'In progress',\n      wait: 'Not started',\n      error: 'Error',\n    },\n  },\n};\n/* eslint-enable i18n/no-chinese-character */\n\nfunction Steps({\n  className,\n  current: controlledCurrent,\n  direction = 'horizontal',\n  defaultCurrent = 0,\n  status,\n  items,\n  children,\n}: IStepsProps) {\n  const current = controlledCurrent ?? defaultCurrent;\n  const accessibleIdPrefix = React.useId();\n  const { locale } = React.useContext(LocaleContext);\n  const a11yText =\n    locale === ELangType.EN\n      ? stepsA11yText[ELangType.EN]\n      : stepsA11yText[ELangType.ZH_CN];\n  // Support children-based API: convert children to items\n  const resolvedItems: IStepItem[] =\n    items ||\n    React.Children.toArray(children)\n      .filter(React.isValidElement)\n      .map((child: any) => ({\n        title: child.props.title,\n        description: child.props.description,\n        disabled: child.props.disabled,\n        status: child.props.status,\n        icon: child.props.icon,\n      }));\n\n  return (\n    <div\n      className={cn(\n        'ald-steps ant-steps ant-steps-dot ant-steps-label-vertical tw-flex',\n        direction === 'vertical'\n          ? 'ant-steps-vertical'\n          : 'ant-steps-horizontal',\n        direction === 'vertical' ? 'tw-flex-col' : 'tw-flex-row tw-items-start',\n        className,\n      )}\n      role=\"list\"\n      aria-label={a11yText.workflowProgress}\n    >\n      {resolvedItems.map((item, index) => {\n        const stepStatus = item.status || getStepStatus(index, current, status);\n        const isLast = index === resolvedItems.length - 1;\n        const titleId = `${accessibleIdPrefix}-step-${index}-title`;\n        const statusId = `${accessibleIdPrefix}-step-${index}-status`;\n\n        return (\n          <div\n            key={index}\n            className={cn(\n              'ald-steps-item ant-steps-item tw-flex',\n              direction === 'horizontal'\n                ? 'tw-flex-1 tw-flex-col tw-items-center tw-text-center'\n                : 'tw-flex-row tw-gap-3 tw-py-2',\n              `ald-steps-item-${stepStatus}`,\n              `ant-steps-item-${stepStatus}`,\n              item.disabled &&\n                'ald-steps-item-disabled tw-pointer-events-none tw-opacity-50',\n              item.disabled && 'ant-steps-item-disabled',\n            )}\n            role=\"listitem\"\n            aria-current={index === current ? 'step' : undefined}\n            aria-labelledby={titleId}\n            aria-describedby={statusId}\n            aria-posinset={index + 1}\n            aria-setsize={resolvedItems.length}\n          >\n            {direction === 'horizontal' ? (\n              <div className=\"ant-steps-item-container tw-flex tw-w-full tw-flex-col tw-items-center\">\n                <div className=\"tw-flex tw-w-full tw-items-center\">\n                  {index > 0 && (\n                    <div\n                      className={cn(\n                        'ant-steps-item-tail tw-flex-1',\n                        index <= current\n                          ? 'tw-bg-[var(--border-brand-strong)]'\n                          : 'tw-bg-[var(--border-default)]',\n                      )}\n                      style={{ height: 1.5 }}\n                    />\n                  )}\n                  <div className=\"ald-steps-item-icon ant-steps-item-icon tw-shrink-0\">\n                    <span className=\"ant-steps-icon\">\n                      <span className=\"ant-steps-icon-dot\">\n                        {item.icon || CustomDot(null, { status: stepStatus })}\n                      </span>\n                    </span>\n                  </div>\n                  {!isLast && (\n                    <div\n                      className={cn(\n                        index === 0 && 'ant-steps-item-tail',\n                        'tw-flex-1',\n                        index < current\n                          ? 'tw-bg-[var(--border-brand-strong)]'\n                          : 'tw-bg-[var(--border-default)]',\n                      )}\n                      style={{ height: 1.5 }}\n                    />\n                  )}\n                </div>\n                {/* antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器 */}\n                <div className=\"ald-steps-item-content ant-steps-item-content tw-mt-2 tw-flex tw-flex-col tw-items-center\">\n                  <div\n                    id={titleId}\n                    className={cn(\n                      // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n                      'ald-steps-item-title ant-steps-item-title tw-text-sm tw-font-medium tw-leading-5',\n                      stepStatus === 'finish' &&\n                        'tw-text-[var(--content-tertiary)]',\n                      stepStatus === 'process' &&\n                        'tw-text-[var(--content-brand-primary)]',\n                      stepStatus === 'wait' &&\n                        'tw-text-[var(--content-primary)]',\n                      stepStatus === 'error' &&\n                        'tw-text-[var(--content-negative-secondary)]',\n                    )}\n                  >\n                    {item.title}\n                  </div>\n                  <span id={statusId} className=\"tw-sr-only\">\n                    {a11yText.status[stepStatus]}\n                  </span>\n                  {item.description && (\n                    <div\n                      className={cn(\n                        // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n                        'ald-steps-item-description ant-steps-item-description tw-mt-1 tw-max-w-[264px] tw-break-all tw-text-xs tw-leading-4',\n                        stepStatus === 'finish' || stepStatus === 'error'\n                          ? 'tw-text-[var(--content-tertiary)]'\n                          : 'tw-text-[var(--content-secondary)]',\n                      )}\n                    >\n                      {item.description}\n                    </div>\n                  )}\n                </div>\n              </div>\n            ) : (\n              <div className=\"ant-steps-item-container tw-flex tw-min-h-16 tw-flex-row tw-gap-3\">\n                <div className=\"ald-steps-item-axis tw-relative tw-flex tw-w-4 tw-shrink-0 tw-justify-center\">\n                  {!isLast && (\n                    <div\n                      className={cn(\n                        'ald-steps-item-tail ant-steps-item-tail',\n                        index < current\n                          ? 'ald-steps-item-tail-finish'\n                          : 'ald-steps-item-tail-wait',\n                        'tw-absolute tw-left-1/2 tw-top-2 tw-z-0 tw--translate-x-1/2',\n                        index < current\n                          ? 'tw-bg-[var(--border-brand-strong)]'\n                          : 'tw-bg-[var(--border-default)]',\n                      )}\n                      style={{ width: 1.5, bottom: -24 }}\n                    />\n                  )}\n                  <div className=\"ald-steps-item-icon ant-steps-item-icon tw-relative tw-z-[1] tw-flex tw-size-4 tw-shrink-0 tw-items-center tw-justify-center tw-leading-none\">\n                    <span className=\"ant-steps-icon tw-flex tw-size-4 tw-items-center tw-justify-center tw-leading-none\">\n                      <span className=\"ant-steps-icon-dot tw-flex tw-size-4 tw-items-center tw-justify-center\">\n                        {item.icon || CustomDot(null, { status: stepStatus })}\n                      </span>\n                    </span>\n                  </div>\n                </div>\n                {/* antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器 */}\n                <div className=\"ald-steps-item-content ant-steps-item-content\">\n                  <div\n                    id={titleId}\n                    className={cn(\n                      // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n                      'ald-steps-item-title ant-steps-item-title tw-text-sm tw-font-medium tw-leading-5',\n                      stepStatus === 'finish' &&\n                        'tw-text-[var(--content-tertiary)]',\n                      stepStatus === 'process' &&\n                        'tw-text-[var(--content-brand-primary)]',\n                      stepStatus === 'wait' &&\n                        'tw-text-[var(--content-primary)]',\n                      stepStatus === 'error' &&\n                        'tw-text-[var(--content-negative-secondary)]',\n                    )}\n                  >\n                    {item.title}\n                  </div>\n                  <span id={statusId} className=\"tw-sr-only\">\n                    {a11yText.status[stepStatus]}\n                  </span>\n                  {item.description && (\n                    <div\n                      className={cn(\n                        // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n                        'ald-steps-item-description ant-steps-item-description tw-mt-1 tw-max-w-[264px] tw-break-all tw-text-xs tw-leading-4 tw-text-[var(--content-secondary)]',\n                      )}\n                    >\n                      {item.description}\n                    </div>\n                  )}\n                </div>\n              </div>\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\nSteps.Step = Step;\n\nexport default Steps;\n"],"mappings":"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"}

package/dist/Switch/index.js

@@ -53,7 +53,13 @@ var Switch = ({ className = "", disabled: customDisabled, loading = false, size:
 			"data-testid": dataTestid,
 			"aria-label": ariaLabel,
 			disabled: currentDisabled,
-			className: cn("ald-switch-btn tw-relative tw-inline-flex tw-cursor-pointer tw-items-center tw-rounded-full tw-border-0 tw-p-0 tw-transition-colors tw-duration-200", userChecked ? "tw-bg-[var(--action-primary-normal)] hover:tw-bg-[var(--action-primary-hover)]" : "tw-bg-[var(--action-neutral-subtle-normal)] hover:tw-bg-[var(--action-neutral-subtle-hover)]", currentDisabled && "tw-cursor-not-allowed tw-opacity-40"),
+			className: cn("ald-switch-btn tw-relative tw-inline-flex tw-cursor-pointer tw-items-center tw-rounded-full tw-border-0 tw-p-0 tw-transition-colors tw-duration-200", userChecked ? "tw-bg-[var(--control-state-selected)]" : "tw-bg-[var(--control-state-unselected)]", !currentDisabled && [
+				"focus-visible:tw-shadow-[0_0_0_2px_var(--focus-ring)]",
+				"forced-colors:focus-visible:tw-outline",
+				"forced-colors:focus-visible:tw-outline-2",
+				"forced-colors:focus-visible:tw-outline-offset-2",
+				"forced-colors:focus-visible:tw-outline-[Highlight]"
+			], currentDisabled && "tw-cursor-not-allowed tw-opacity-40"),
 			style: {
 				width: trackW,
 				height: trackH

package/dist/Switch/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/Switch/index.tsx"],"sourcesContent":["import React, { useContext, useEffect, useState } from 'react';\nimport DisabledContext from '../ConfigProvider/DisabledContext';\nimport SizeContext from '../ConfigProvider/sizeContext';\nimport { cn } from '../lib/utils';\n\nexport type SwitchChangeEventHandler = (\n  checked: boolean,\n  event: React.MouseEvent<HTMLButtonElement>,\n) => void;\nexport type SwitchClickEventHandler = SwitchChangeEventHandler;\nexport type SwitchSize = 'large' | 'middle' | 'small';\n\nexport interface ISwitchProps {\n  className?: string;\n  checked?: boolean;\n  defaultChecked?: boolean;\n  disabled?: boolean;\n  loading?: boolean;\n  size?: SwitchSize;\n  onClick?: SwitchChangeEventHandler;\n  onChange?: SwitchChangeEventHandler;\n  children?: React.ReactNode;\n  /** 透传到内部 switch 按钮元素的 data-testid，用于自动化测试定位 */\n  'data-testid'?: string;\n  /** 透传到内部 switch 按钮元素的 aria-label，用于可访问性与自动化测试定位 */\n  'aria-label'?: string;\n}\n\nconst switchSizeConfig: Record<\n  SwitchSize,\n  {\n    trackW: number;\n    trackH: number;\n    thumbSize: number;\n  }\n> = {\n  large: {\n    trackW: 36,\n    trackH: 20,\n    thumbSize: 16,\n  },\n  middle: {\n    trackW: 28,\n    trackH: 16,\n    thumbSize: 12,\n  },\n  small: {\n    trackW: 22,\n    trackH: 12,\n    thumbSize: 8,\n  },\n};\n\nconst Switch: React.FC<ISwitchProps> = ({\n  className = '',\n  disabled: customDisabled,\n  loading = false,\n  size: customSize,\n  checked,\n  defaultChecked,\n  onChange,\n  onClick,\n  children,\n  'data-testid': dataTestid,\n  'aria-label': ariaLabel,\n}) => {\n  const contentSize = useContext(SizeContext);\n  const size = customSize || contentSize || 'middle';\n\n  const [userChecked, setUserChecked] = useState(\n    typeof checked === 'undefined' ? defaultChecked : checked,\n  );\n\n  const disabled = useContext(DisabledContext);\n  const mergedDisabled = customDisabled ?? disabled;\n\n  const currentDisabled = loading ? true : mergedDisabled;\n\n  useEffect(() => {\n    if (typeof checked === 'boolean') {\n      setUserChecked(checked);\n    }\n  }, [checked]);\n\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n    if (currentDisabled) return;\n    const newChecked = !userChecked;\n    if (checked === undefined) {\n      setUserChecked(newChecked);\n    }\n    onChange?.(newChecked, e);\n    onClick?.(newChecked, e);\n  };\n\n  const { trackW, trackH, thumbSize } = switchSizeConfig[size];\n  const thumbOffset = 2;\n  const thumbTranslate = trackW - thumbSize - thumbOffset * 2;\n\n  return (\n    <span\n      className={cn(\n        className,\n        'ald-switch tw-inline-flex tw-items-center tw-gap-1.5 tw-text-[0]',\n        `ald-switch-${size}`,\n        currentDisabled && 'tw-pointer-events-none tw-cursor-default',\n        {\n          'ald-switch-disabled': currentDisabled,\n          'ald-switch-checked': userChecked,\n        },\n      )}\n    >\n      <button\n        type=\"button\"\n        role=\"switch\"\n        aria-checked={!!userChecked}\n        aria-busy={loading || undefined}\n        data-testid={dataTestid}\n        aria-label={ariaLabel}\n        disabled={currentDisabled}\n        className={cn(\n          'ald-switch-btn tw-relative tw-inline-flex tw-cursor-pointer tw-items-center tw-rounded-full tw-border-0 tw-p-0 tw-transition-colors tw-duration-200',\n          userChecked\n            ? 'tw-bg-[var(--action-primary-normal)] hover:tw-bg-[var(--action-primary-hover)]'\n            : 'tw-bg-[var(--action-neutral-subtle-normal)] hover:tw-bg-[var(--action-neutral-subtle-hover)]',\n          currentDisabled && 'tw-cursor-not-allowed tw-opacity-40',\n        )}\n        style={{ width: trackW, height: trackH }}\n        onClick={handleClick}\n      >\n        <span\n          className={cn(\n            'tw-block tw-rounded-full tw-bg-[var(--background-default)] tw-shadow-sm tw-transition-transform tw-duration-200',\n          )}\n          style={{\n            width: thumbSize,\n            height: thumbSize,\n            marginLeft: thumbOffset,\n            transform: userChecked\n              ? `translateX(${thumbTranslate}px)`\n              : 'translateX(0)',\n          }}\n        />\n      </button>\n      {children && (\n        <span\n          className={cn(\n            'ald-switch-text tw-inline-flex tw-items-center tw-align-middle tw-text-[var(--content-primary)]',\n            size === 'large' && 'tw-h-5 tw-text-base tw-leading-5',\n            size === 'middle' && 'tw-h-4 tw-text-sm tw-leading-4',\n            size === 'small' && 'tw-h-3 tw-text-xs tw-leading-3',\n            currentDisabled && 'tw-opacity-50',\n          )}\n        >\n          {children}\n        </span>\n      )}\n    </span>\n  );\n};\n\nexport default Switch;\n"],"mappings":";;;;;;AA4BA,IAAM,mBAOF;CACF,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,WAAW;EACZ;CACD,QAAQ;EACN,QAAQ;EACR,QAAQ;EACR,WAAW;EACZ;CACD,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,WAAW;EACZ;CACF;AAED,IAAM,UAAkC,EACtC,YAAY,IACZ,UAAU,gBACV,UAAU,OACV,MAAM,YACN,SACA,gBACA,UACA,SACA,UACA,eAAe,YACf,cAAc,gBACV;CACJ,MAAM,cAAc,WAAW,YAAY;CAC3C,MAAM,OAAO,cAAc,eAAe;CAE1C,MAAM,CAAC,aAAa,kBAAkB,SACpC,OAAO,YAAY,cAAc,iBAAiB,QACnD;CAED,MAAM,WAAW,WAAW,gBAAgB;CAG5C,MAAM,kBAAkB,UAAU,OAFX,kBAAkB;AAIzC,iBAAgB;AACd,MAAI,OAAO,YAAY,UACrB,gBAAe,QAAQ;IAExB,CAAC,QAAQ,CAAC;CAEb,MAAM,eAAe,MAA2C;AAC9D,MAAI,gBAAiB;EACrB,MAAM,aAAa,CAAC;AACpB,MAAI,YAAY,OACd,gBAAe,WAAW;AAE5B,aAAW,YAAY,EAAE;AACzB,YAAU,YAAY,EAAE;;CAG1B,MAAM,EAAE,QAAQ,QAAQ,cAAc,iBAAiB;CACvD,MAAM,cAAc;CACpB,MAAM,iBAAiB,SAAS,YAAY,cAAc;AAE1D,QACE,qBAAC,QAAD;EACE,WAAW,GACT,WACA,oEACA,cAAc,QACd,mBAAmB,4CACnB;GACE,uBAAuB;GACvB,sBAAsB;GACvB,CACF;YAVH,CAYE,oBAAC,UAAD;GACE,MAAK;GACL,MAAK;GACL,gBAAc,CAAC,CAAC;GAChB,aAAW,WAAW;GACtB,eAAa;GACb,cAAY;GACZ,UAAU;GACV,WAAW,GACT,uJACA,cACI,mFACA,gGACJ,mBAAmB,sCACpB;GACD,OAAO;IAAE,OAAO;IAAQ,QAAQ;IAAQ;GACxC,SAAS;aAET,oBAAC,QAAD;IACE,WAAW,GACT,kHACD;IACD,OAAO;KACL,OAAO;KACP,QAAQ;KACR,YAAY;KACZ,WAAW,cACP,cAAc,eAAe,OAC7B;KACL;IACD,CAAA;GACK,CAAA,EACR,YACC,oBAAC,QAAD;GACE,WAAW,GACT,mGACA,SAAS,WAAW,oCACpB,SAAS,YAAY,kCACrB,SAAS,WAAW,kCACpB,mBAAmB,gBACpB;GAEA;GACI,CAAA,CAEJ"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Switch/index.tsx"],"sourcesContent":["import React, { useContext, useEffect, useState } from 'react';\nimport DisabledContext from '../ConfigProvider/DisabledContext';\nimport SizeContext from '../ConfigProvider/sizeContext';\nimport { cn } from '../lib/utils';\n\nexport type SwitchChangeEventHandler = (\n  checked: boolean,\n  event: React.MouseEvent<HTMLButtonElement>,\n) => void;\nexport type SwitchClickEventHandler = SwitchChangeEventHandler;\nexport type SwitchSize = 'large' | 'middle' | 'small';\n\nexport interface ISwitchProps {\n  className?: string;\n  checked?: boolean;\n  defaultChecked?: boolean;\n  disabled?: boolean;\n  loading?: boolean;\n  size?: SwitchSize;\n  onClick?: SwitchChangeEventHandler;\n  onChange?: SwitchChangeEventHandler;\n  children?: React.ReactNode;\n  /** 透传到内部 switch 按钮元素的 data-testid，用于自动化测试定位 */\n  'data-testid'?: string;\n  /** 透传到内部 switch 按钮元素的 aria-label，用于可访问性与自动化测试定位 */\n  'aria-label'?: string;\n}\n\nconst switchSizeConfig: Record<\n  SwitchSize,\n  {\n    trackW: number;\n    trackH: number;\n    thumbSize: number;\n  }\n> = {\n  large: {\n    trackW: 36,\n    trackH: 20,\n    thumbSize: 16,\n  },\n  middle: {\n    trackW: 28,\n    trackH: 16,\n    thumbSize: 12,\n  },\n  small: {\n    trackW: 22,\n    trackH: 12,\n    thumbSize: 8,\n  },\n};\n\nconst Switch: React.FC<ISwitchProps> = ({\n  className = '',\n  disabled: customDisabled,\n  loading = false,\n  size: customSize,\n  checked,\n  defaultChecked,\n  onChange,\n  onClick,\n  children,\n  'data-testid': dataTestid,\n  'aria-label': ariaLabel,\n}) => {\n  const contentSize = useContext(SizeContext);\n  const size = customSize || contentSize || 'middle';\n\n  const [userChecked, setUserChecked] = useState(\n    typeof checked === 'undefined' ? defaultChecked : checked,\n  );\n\n  const disabled = useContext(DisabledContext);\n  const mergedDisabled = customDisabled ?? disabled;\n\n  const currentDisabled = loading ? true : mergedDisabled;\n\n  useEffect(() => {\n    if (typeof checked === 'boolean') {\n      setUserChecked(checked);\n    }\n  }, [checked]);\n\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n    if (currentDisabled) return;\n    const newChecked = !userChecked;\n    if (checked === undefined) {\n      setUserChecked(newChecked);\n    }\n    onChange?.(newChecked, e);\n    onClick?.(newChecked, e);\n  };\n\n  const { trackW, trackH, thumbSize } = switchSizeConfig[size];\n  const thumbOffset = 2;\n  const thumbTranslate = trackW - thumbSize - thumbOffset * 2;\n\n  return (\n    <span\n      className={cn(\n        className,\n        'ald-switch tw-inline-flex tw-items-center tw-gap-1.5 tw-text-[0]',\n        `ald-switch-${size}`,\n        currentDisabled && 'tw-pointer-events-none tw-cursor-default',\n        {\n          'ald-switch-disabled': currentDisabled,\n          'ald-switch-checked': userChecked,\n        },\n      )}\n    >\n      <button\n        type=\"button\"\n        role=\"switch\"\n        aria-checked={!!userChecked}\n        aria-busy={loading || undefined}\n        data-testid={dataTestid}\n        aria-label={ariaLabel}\n        disabled={currentDisabled}\n        className={cn(\n          'ald-switch-btn tw-relative tw-inline-flex tw-cursor-pointer tw-items-center tw-rounded-full tw-border-0 tw-p-0 tw-transition-colors tw-duration-200',\n          userChecked\n            ? 'tw-bg-[var(--control-state-selected)]'\n            : 'tw-bg-[var(--control-state-unselected)]',\n          // Focus is an independent layer on the interactive button. The\n          // selected/unselected Control State Color contract remains intact.\n          !currentDisabled && [\n            'focus-visible:tw-shadow-[0_0_0_2px_var(--focus-ring)]',\n            'forced-colors:focus-visible:tw-outline',\n            'forced-colors:focus-visible:tw-outline-2',\n            'forced-colors:focus-visible:tw-outline-offset-2',\n            'forced-colors:focus-visible:tw-outline-[Highlight]',\n          ],\n          currentDisabled && 'tw-cursor-not-allowed tw-opacity-40',\n        )}\n        style={{ width: trackW, height: trackH }}\n        onClick={handleClick}\n      >\n        <span\n          className={cn(\n            'tw-block tw-rounded-full tw-bg-[var(--background-default)] tw-shadow-sm tw-transition-transform tw-duration-200',\n          )}\n          style={{\n            width: thumbSize,\n            height: thumbSize,\n            marginLeft: thumbOffset,\n            transform: userChecked\n              ? `translateX(${thumbTranslate}px)`\n              : 'translateX(0)',\n          }}\n        />\n      </button>\n      {children && (\n        <span\n          className={cn(\n            'ald-switch-text tw-inline-flex tw-items-center tw-align-middle tw-text-[var(--content-primary)]',\n            size === 'large' && 'tw-h-5 tw-text-base tw-leading-5',\n            size === 'middle' && 'tw-h-4 tw-text-sm tw-leading-4',\n            size === 'small' && 'tw-h-3 tw-text-xs tw-leading-3',\n            currentDisabled && 'tw-opacity-50',\n          )}\n        >\n          {children}\n        </span>\n      )}\n    </span>\n  );\n};\n\nexport default Switch;\n"],"mappings":";;;;;;AA4BA,IAAM,mBAOF;CACF,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,WAAW;EACZ;CACD,QAAQ;EACN,QAAQ;EACR,QAAQ;EACR,WAAW;EACZ;CACD,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,WAAW;EACZ;CACF;AAED,IAAM,UAAkC,EACtC,YAAY,IACZ,UAAU,gBACV,UAAU,OACV,MAAM,YACN,SACA,gBACA,UACA,SACA,UACA,eAAe,YACf,cAAc,gBACV;CACJ,MAAM,cAAc,WAAW,YAAY;CAC3C,MAAM,OAAO,cAAc,eAAe;CAE1C,MAAM,CAAC,aAAa,kBAAkB,SACpC,OAAO,YAAY,cAAc,iBAAiB,QACnD;CAED,MAAM,WAAW,WAAW,gBAAgB;CAG5C,MAAM,kBAAkB,UAAU,OAFX,kBAAkB;AAIzC,iBAAgB;AACd,MAAI,OAAO,YAAY,UACrB,gBAAe,QAAQ;IAExB,CAAC,QAAQ,CAAC;CAEb,MAAM,eAAe,MAA2C;AAC9D,MAAI,gBAAiB;EACrB,MAAM,aAAa,CAAC;AACpB,MAAI,YAAY,OACd,gBAAe,WAAW;AAE5B,aAAW,YAAY,EAAE;AACzB,YAAU,YAAY,EAAE;;CAG1B,MAAM,EAAE,QAAQ,QAAQ,cAAc,iBAAiB;CACvD,MAAM,cAAc;CACpB,MAAM,iBAAiB,SAAS,YAAY,cAAc;AAE1D,QACE,qBAAC,QAAD;EACE,WAAW,GACT,WACA,oEACA,cAAc,QACd,mBAAmB,4CACnB;GACE,uBAAuB;GACvB,sBAAsB;GACvB,CACF;YAVH,CAYE,oBAAC,UAAD;GACE,MAAK;GACL,MAAK;GACL,gBAAc,CAAC,CAAC;GAChB,aAAW,WAAW;GACtB,eAAa;GACb,cAAY;GACZ,UAAU;GACV,WAAW,GACT,uJACA,cACI,0CACA,2CAGJ,CAAC,mBAAmB;IAClB;IACA;IACA;IACA;IACA;IACD,EACD,mBAAmB,sCACpB;GACD,OAAO;IAAE,OAAO;IAAQ,QAAQ;IAAQ;GACxC,SAAS;aAET,oBAAC,QAAD;IACE,WAAW,GACT,kHACD;IACD,OAAO;KACL,OAAO;KACP,QAAQ;KACR,YAAY;KACZ,WAAW,cACP,cAAc,eAAe,OAC7B;KACL;IACD,CAAA;GACK,CAAA,EACR,YACC,oBAAC,QAAD;GACE,WAAW,GACT,mGACA,SAAS,WAAW,oCACpB,SAAS,YAAY,kCACrB,SAAS,WAAW,kCACpB,mBAAmB,gBACpB;GAEA;GACI,CAAA,CAEJ"}

package/dist/Table/components/ExpandCell.js

@@ -20,9 +20,13 @@ function ExpandCell(props) {
 	const expandable = getExpandableConfig(propsExpandable);
 	const defaultExpandIconRender = (params) => {
 		const { record, onExpand, isExpanded: isExpandedIcon } = params;
-		return /* @__PURE__ */ jsx("span", {
+		return /* @__PURE__ */ jsx("button", {
+			type: "button",
 			className: prefixCls("expand-btn-inner"),
-			onClick: () => {
+			"aria-label": `${isExpandedIcon ? "Collapse" : "Expand"} row ${key}`,
+			"aria-expanded": isExpandedIcon,
+			onClick: (event) => {
+				event.stopPropagation();
 				if (isLeaf) return;
 				onExpand(record, !isExpanded);
 			},

package/dist/Table/components/ExpandCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandCell.js","names":[],"sources":["../../../src/Table/components/ExpandCell.tsx"],"sourcesContent":["import _ from 'lodash';\nimport React from 'react';\nimport { ArrowDownLightLine, ArrowRightLightLine } from '../../Icon';\nimport { getRowKey, prefixCls } from '../helper';\nimport { IExpandableInfo, getExpandableConfig } from '../hooks/useExpandable';\nimport { IExpandIconProps, ITableExpandable, TRowKey } from '../types';\n\nexport default function ExpandCell<TDataItem extends object>(\n  props: IProps<TDataItem>,\n) {\n  const {\n    children,\n    expandableInfo,\n    data,\n    rowKey,\n    expandable: propsExpandable,\n  } = props;\n  if (!expandableInfo.isExpandable || !rowKey) {\n    // 配置了折叠展开时，会在前面的流程中强制检查 rowKey 字段是否存在\n    return <>{children}</>;\n  }\n  const { expandItemMap, onExpand } = expandableInfo;\n  const key = getRowKey(data, rowKey);\n  const expandItem = expandItemMap[key];\n\n  if (!expandItem) {\n    console.error('expandItem in not found', key, expandItemMap);\n    return <>{children}</>;\n  }\n  const { level, isExpanded, isLeaf } = expandItem;\n\n  const expandable = getExpandableConfig(propsExpandable);\n  const defaultExpandIconRender = (params: IExpandIconProps<TDataItem>) => {\n    const { record, onExpand, isExpanded: isExpandedIcon } = params;\n    return (\n      <span\n        className={prefixCls('expand-btn-inner')}\n        onClick={() => {\n          if (isLeaf) {\n            return;\n          }\n          onExpand(record, !isExpanded);\n        }}\n      >\n        {isExpandedIcon ? <ArrowDownLightLine /> : <ArrowRightLightLine />}\n      </span>\n    );\n  };\n  const expandIcon = expandable.expandIcon || defaultExpandIconRender;\n\n  const iconNode = isLeaf\n    ? null\n    : expandIcon({\n        record: data,\n        onExpand,\n        isExpanded: !!isExpanded,\n      });\n\n  return (\n    <div className={prefixCls('expandable-td')}>\n      <div className={prefixCls('indent-list')}>\n        {_.map(_.range(level), (i) => {\n          return <div className={prefixCls('indent-item')} key={i} />;\n        })}\n      </div>\n      <div className={prefixCls('expand-btn')}>{iconNode}</div>\n      <div className={prefixCls('expand-content')}>{children}</div>\n    </div>\n  );\n}\n\ninterface IProps<TDataItem extends object> {\n  expandableInfo: IExpandableInfo<TDataItem>;\n  data: TDataItem;\n  children: React.ReactNode;\n  rowKey?: TRowKey<TDataItem>;\n  expandable?: ITableExpandable<TDataItem> | boolean;\n}\n"],"mappings":";;;;;;;;AAOA,SAAwB,WACtB,OACA;CACA,MAAM,EACJ,UACA,gBACA,MACA,QACA,YAAY,oBACV;AACJ,KAAI,CAAC,eAAe,gBAAgB,CAAC,OAEnC,QAAO,oBAAA,UAAA,EAAG,UAAY,CAAA;CAExB,MAAM,EAAE,eAAe,aAAa;CACpC,MAAM,MAAM,UAAU,MAAM,OAAO;CACnC,MAAM,aAAa,cAAc;AAEjC,KAAI,CAAC,YAAY;AACf,UAAQ,MAAM,2BAA2B,KAAK,cAAc;AAC5D,SAAO,oBAAA,UAAA,EAAG,UAAY,CAAA;;CAExB,MAAM,EAAE,OAAO,YAAY,WAAW;CAEtC,MAAM,aAAa,oBAAoB,gBAAgB;CACvD,MAAM,2BAA2B,WAAwC;EACvE,MAAM,EAAE,QAAQ,UAAU,YAAY,mBAAmB;AACzD,SACE,oBAAC,QAAD;GACE,WAAW,UAAU,mBAAmB;GACxC,eAAe;AACb,QAAI,OACF;AAEF,aAAS,QAAQ,CAAC,WAAW;;aAG9B,iBAAiB,oBAAC,MAAD,EAAsB,CAAA,GAAG,oBAAC,QAAD,EAAuB,CAAA;GAC7D,CAAA;;CAGX,MAAM,aAAa,WAAW,cAAc;CAE5C,MAAM,WAAW,SACb,OACA,WAAW;EACT,QAAQ;EACR;EACA,YAAY,CAAC,CAAC;EACf,CAAC;AAEN,QACE,qBAAC,OAAD;EAAK,WAAW,UAAU,gBAAgB;YAA1C;GACE,oBAAC,OAAD;IAAK,WAAW,UAAU,cAAc;cACrC,EAAE,IAAI,EAAE,MAAM,MAAM,GAAG,MAAM;AAC5B,YAAO,oBAAC,OAAD,EAAK,WAAW,UAAU,cAAc,EAAY,EAAL,EAAK;MAC3D;IACE,CAAA;GACN,oBAAC,OAAD;IAAK,WAAW,UAAU,aAAa;cAAG;IAAe,CAAA;GACzD,oBAAC,OAAD;IAAK,WAAW,UAAU,iBAAiB;IAAG;IAAe,CAAA;GACzD"}
+{"version":3,"file":"ExpandCell.js","names":[],"sources":["../../../src/Table/components/ExpandCell.tsx"],"sourcesContent":["import _ from 'lodash';\nimport React from 'react';\nimport { ArrowDownLightLine, ArrowRightLightLine } from '../../Icon';\nimport { getRowKey, prefixCls } from '../helper';\nimport { IExpandableInfo, getExpandableConfig } from '../hooks/useExpandable';\nimport { IExpandIconProps, ITableExpandable, TRowKey } from '../types';\n\nexport default function ExpandCell<TDataItem extends object>(\n  props: IProps<TDataItem>,\n) {\n  const {\n    children,\n    expandableInfo,\n    data,\n    rowKey,\n    expandable: propsExpandable,\n  } = props;\n  if (!expandableInfo.isExpandable || !rowKey) {\n    // 配置了折叠展开时，会在前面的流程中强制检查 rowKey 字段是否存在\n    return <>{children}</>;\n  }\n  const { expandItemMap, onExpand } = expandableInfo;\n  const key = getRowKey(data, rowKey);\n  const expandItem = expandItemMap[key];\n\n  if (!expandItem) {\n    console.error('expandItem in not found', key, expandItemMap);\n    return <>{children}</>;\n  }\n  const { level, isExpanded, isLeaf } = expandItem;\n\n  const expandable = getExpandableConfig(propsExpandable);\n  const defaultExpandIconRender = (params: IExpandIconProps<TDataItem>) => {\n    const { record, onExpand, isExpanded: isExpandedIcon } = params;\n    return (\n      <button\n        type=\"button\"\n        className={prefixCls('expand-btn-inner')}\n        aria-label={`${isExpandedIcon ? 'Collapse' : 'Expand'} row ${key}`}\n        aria-expanded={isExpandedIcon}\n        onClick={(event) => {\n          event.stopPropagation();\n          if (isLeaf) {\n            return;\n          }\n          onExpand(record, !isExpanded);\n        }}\n      >\n        {isExpandedIcon ? <ArrowDownLightLine /> : <ArrowRightLightLine />}\n      </button>\n    );\n  };\n  const expandIcon = expandable.expandIcon || defaultExpandIconRender;\n\n  const iconNode = isLeaf\n    ? null\n    : expandIcon({\n        record: data,\n        onExpand,\n        isExpanded: !!isExpanded,\n      });\n\n  return (\n    <div className={prefixCls('expandable-td')}>\n      <div className={prefixCls('indent-list')}>\n        {_.map(_.range(level), (i) => {\n          return <div className={prefixCls('indent-item')} key={i} />;\n        })}\n      </div>\n      <div className={prefixCls('expand-btn')}>{iconNode}</div>\n      <div className={prefixCls('expand-content')}>{children}</div>\n    </div>\n  );\n}\n\ninterface IProps<TDataItem extends object> {\n  expandableInfo: IExpandableInfo<TDataItem>;\n  data: TDataItem;\n  children: React.ReactNode;\n  rowKey?: TRowKey<TDataItem>;\n  expandable?: ITableExpandable<TDataItem> | boolean;\n}\n"],"mappings":";;;;;;;;AAOA,SAAwB,WACtB,OACA;CACA,MAAM,EACJ,UACA,gBACA,MACA,QACA,YAAY,oBACV;AACJ,KAAI,CAAC,eAAe,gBAAgB,CAAC,OAEnC,QAAO,oBAAA,UAAA,EAAG,UAAY,CAAA;CAExB,MAAM,EAAE,eAAe,aAAa;CACpC,MAAM,MAAM,UAAU,MAAM,OAAO;CACnC,MAAM,aAAa,cAAc;AAEjC,KAAI,CAAC,YAAY;AACf,UAAQ,MAAM,2BAA2B,KAAK,cAAc;AAC5D,SAAO,oBAAA,UAAA,EAAG,UAAY,CAAA;;CAExB,MAAM,EAAE,OAAO,YAAY,WAAW;CAEtC,MAAM,aAAa,oBAAoB,gBAAgB;CACvD,MAAM,2BAA2B,WAAwC;EACvE,MAAM,EAAE,QAAQ,UAAU,YAAY,mBAAmB;AACzD,SACE,oBAAC,UAAD;GACE,MAAK;GACL,WAAW,UAAU,mBAAmB;GACxC,cAAY,GAAG,iBAAiB,aAAa,SAAS,OAAO;GAC7D,iBAAe;GACf,UAAU,UAAU;AAClB,UAAM,iBAAiB;AACvB,QAAI,OACF;AAEF,aAAS,QAAQ,CAAC,WAAW;;aAG9B,iBAAiB,oBAAC,MAAD,EAAsB,CAAA,GAAG,oBAAC,QAAD,EAAuB,CAAA;GAC3D,CAAA;;CAGb,MAAM,aAAa,WAAW,cAAc;CAE5C,MAAM,WAAW,SACb,OACA,WAAW;EACT,QAAQ;EACR;EACA,YAAY,CAAC,CAAC;EACf,CAAC;AAEN,QACE,qBAAC,OAAD;EAAK,WAAW,UAAU,gBAAgB;YAA1C;GACE,oBAAC,OAAD;IAAK,WAAW,UAAU,cAAc;cACrC,EAAE,IAAI,EAAE,MAAM,MAAM,GAAG,MAAM;AAC5B,YAAO,oBAAC,OAAD,EAAK,WAAW,UAAU,cAAc,EAAY,EAAL,EAAK;MAC3D;IACE,CAAA;GACN,oBAAC,OAAD;IAAK,WAAW,UAAU,aAAa;cAAG;IAAe,CAAA;GACzD,oBAAC,OAAD;IAAK,WAAW,UAAU,iBAAiB;IAAG;IAAe,CAAA;GACzD"}

package/dist/Table/components/Header.js

@@ -9,6 +9,8 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function Header(props) {
 	const { column } = props;
 	const { title, dataIndex, align, ellipsis, sortOrder, onSort } = column.columnDef.meta;
+	const isSortable = sortOrder !== void 0 && !!dataIndex && typeof onSort === "function";
+	const ariaSort = sortOrder === "ascend" ? "ascending" : sortOrder === "descend" ? "descending" : "none";
 	let sortIcon = /* @__PURE__ */ jsx(Memo$1, {
 		size: 20,
 		color: "var(--action-neutral-normal)"
@@ -22,7 +24,7 @@ function Header(props) {
 		color: "var(--action-primary-normal)"
 	});
 	const onClickTh = useCallback((e) => {
-		if (sortOrder === void 0 || !dataIndex || typeof onSort !== "function") return;
+		if (!isSortable || !dataIndex) return;
 		e.stopPropagation();
 		let newSortOrder;
 		if (sortOrder === "ascend") newSortOrder = "descend";
@@ -31,29 +33,35 @@ function Header(props) {
 		onSort(dataIndex, newSortOrder);
 	}, [
 		dataIndex,
+		isSortable,
 		onSort,
 		sortOrder
 	]);
-	let content = title;
-	if (typeof content === "string") {
-		if (sortOrder !== void 0) content = /* @__PURE__ */ jsxs("span", {
-			className: prefixCls("sort-th-inner"),
-			children: [/* @__PURE__ */ jsx("span", {
-				className: prefixCls("sort-title"),
-				children: title
-			}), /* @__PURE__ */ jsx("span", {
-				className: prefixCls("sort-btn"),
-				children: sortIcon
-			})]
-		});
-	}
+	const content = isSortable ? /* @__PURE__ */ jsxs("span", {
+		className: prefixCls("sort-th-inner"),
+		children: [/* @__PURE__ */ jsx("span", {
+			className: prefixCls("sort-title"),
+			children: title
+		}), /* @__PURE__ */ jsx("span", {
+			className: prefixCls("sort-btn"),
+			"aria-hidden": "true",
+			children: sortIcon
+		})]
+	}) : title;
 	return typeof title === "string" ? /* @__PURE__ */ jsx("div", {
+		role: isSortable ? "columnheader" : void 0,
+		"aria-sort": isSortable ? ariaSort : void 0,
 		className: cn(prefixCls("th-default"), "tw-text-typography-label", prefixCls(`align-${align}`), {
 			[prefixCls("td-ellipsis-content")]: ellipsis,
-			[prefixCls("th-sortable")]: sortOrder !== void 0
+			[prefixCls("th-sortable")]: isSortable
 		}),
-		onClick: onClickTh,
-		children: content
+		children: isSortable ? /* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: prefixCls("sort-trigger"),
+			"aria-label": `Sort by ${title}`,
+			onClick: onClickTh,
+			children: content
+		}) : content
 	}, dataIndex) : /* @__PURE__ */ jsx(Fragment, { children: title });
 }
 //#endregion

package/dist/Table/components/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","names":[],"sources":["../../../src/Table/components/Header.tsx"],"sourcesContent":["import { Column } from '@tanstack/react-table';\nimport { cn } from '../../lib/utils';\nimport React, { MouseEventHandler, useCallback } from 'react';\nimport SortAscIcon from '../../Icon/components/SortAscendingOrderColor';\nimport SortIcon from '../../Icon/components/SortColor';\nimport SortDescIcon from '../../Icon/components/SortDescendingOrderColor';\nimport { prefixCls } from '../helper';\nimport { ITableColumn, ITableProps } from '../types';\n\nexport default function Header<T extends object>(props: IProps<T>) {\n  const { column } = props;\n  const { title, dataIndex, align, ellipsis, sortOrder, onSort } = column\n    .columnDef.meta as ITableColumn & { onSort: ITableProps<T>['onSort'] };\n\n  let sortIcon = <SortIcon size={20} color={'var(--action-neutral-normal)'} />;\n  if (sortOrder === 'ascend') {\n    sortIcon = <SortAscIcon size={20} color={'var(--action-primary-normal)'} />;\n  } else if (sortOrder === 'descend') {\n    sortIcon = (\n      <SortDescIcon size={20} color={'var(--action-primary-normal)'} />\n    );\n  }\n\n  const onClickTh = useCallback<MouseEventHandler>(\n    (e) => {\n      if (\n        sortOrder === undefined ||\n        !dataIndex ||\n        typeof onSort !== 'function'\n      ) {\n        return;\n      }\n      e.stopPropagation();\n\n      let newSortOrder: typeof sortOrder;\n      if (sortOrder === 'ascend') {\n        newSortOrder = 'descend';\n      } else if (sortOrder === 'descend') {\n        newSortOrder = null;\n      } else {\n        newSortOrder = 'ascend';\n      }\n      onSort(dataIndex, newSortOrder);\n    },\n    [dataIndex, onSort, sortOrder],\n  );\n\n  let content = title;\n  if (typeof content === 'string') {\n    if (sortOrder !== undefined) {\n      content = (\n        <span className={prefixCls('sort-th-inner')}>\n          <span className={prefixCls('sort-title')}>{title}</span>\n          <span className={prefixCls('sort-btn')}>{sortIcon}</span>\n        </span>\n      );\n    }\n  }\n\n  return typeof title === 'string' ? (\n    <div\n      key={dataIndex}\n      className={cn(\n        prefixCls('th-default'),\n        'tw-text-typography-label',\n        prefixCls(`align-${align}`),\n        {\n          [prefixCls('td-ellipsis-content')]: ellipsis,\n          [prefixCls('th-sortable')]: sortOrder !== undefined,\n        },\n      )}\n      onClick={onClickTh}\n    >\n      {content}\n    </div>\n  ) : (\n    <>{title}</>\n  );\n}\n\nexport interface IProps<T> {\n  column: Column<T>;\n}\n"],"mappings":";;;;;;;;AASA,SAAwB,OAAyB,OAAkB;CACjE,MAAM,EAAE,WAAW;CACnB,MAAM,EAAE,OAAO,WAAW,OAAO,UAAU,WAAW,WAAW,OAC9D,UAAU;CAEb,IAAI,WAAW,oBAAC,QAAD;EAAU,MAAM;EAAI,OAAO;EAAkC,CAAA;AAC5E,KAAI,cAAc,SAChB,YAAW,oBAAC,MAAD;EAAa,MAAM;EAAI,OAAO;EAAkC,CAAA;UAClE,cAAc,UACvB,YACE,oBAAC,QAAD;EAAc,MAAM;EAAI,OAAO;EAAkC,CAAA;CAIrE,MAAM,YAAY,aACf,MAAM;AACL,MACE,cAAc,UACd,CAAC,aACD,OAAO,WAAW,WAElB;AAEF,IAAE,iBAAiB;EAEnB,IAAI;AACJ,MAAI,cAAc,SAChB,gBAAe;WACN,cAAc,UACvB,gBAAe;MAEf,gBAAe;AAEjB,SAAO,WAAW,aAAa;IAEjC;EAAC;EAAW;EAAQ;EAAU,CAC/B;CAED,IAAI,UAAU;AACd,KAAI,OAAO,YAAY,UACrB;MAAI,cAAc,OAChB,WACE,qBAAC,QAAD;GAAM,WAAW,UAAU,gBAAgB;aAA3C,CACE,oBAAC,QAAD;IAAM,WAAW,UAAU,aAAa;cAAG;IAAa,CAAA,EACxD,oBAAC,QAAD;IAAM,WAAW,UAAU,WAAW;cAAG;IAAgB,CAAA,CACpD;;;AAKb,QAAO,OAAO,UAAU,WACtB,oBAAC,OAAD;EAEE,WAAW,GACT,UAAU,aAAa,EACvB,4BACA,UAAU,SAAS,QAAQ,EAC3B;IACG,UAAU,sBAAsB,GAAG;IACnC,UAAU,cAAc,GAAG,cAAc;GAC3C,CACF;EACD,SAAS;YAER;EACG,EAbC,UAaD,GAEN,oBAAA,UAAA,EAAA,UAAG,OAAS,CAAA"}
+{"version":3,"file":"Header.js","names":[],"sources":["../../../src/Table/components/Header.tsx"],"sourcesContent":["import { Column } from '@tanstack/react-table';\nimport { cn } from '../../lib/utils';\nimport React, { MouseEventHandler, useCallback } from 'react';\nimport SortAscIcon from '../../Icon/components/SortAscendingOrderColor';\nimport SortIcon from '../../Icon/components/SortColor';\nimport SortDescIcon from '../../Icon/components/SortDescendingOrderColor';\nimport { prefixCls } from '../helper';\nimport { ITableColumn, ITableProps } from '../types';\n\nexport default function Header<T extends object>(props: IProps<T>) {\n  const { column } = props;\n  const { title, dataIndex, align, ellipsis, sortOrder, onSort } = column\n    .columnDef.meta as ITableColumn & { onSort: ITableProps<T>['onSort'] };\n  const isSortable =\n    sortOrder !== undefined && !!dataIndex && typeof onSort === 'function';\n  const ariaSort =\n    sortOrder === 'ascend'\n      ? 'ascending'\n      : sortOrder === 'descend'\n      ? 'descending'\n      : 'none';\n\n  let sortIcon = <SortIcon size={20} color={'var(--action-neutral-normal)'} />;\n  if (sortOrder === 'ascend') {\n    sortIcon = <SortAscIcon size={20} color={'var(--action-primary-normal)'} />;\n  } else if (sortOrder === 'descend') {\n    sortIcon = (\n      <SortDescIcon size={20} color={'var(--action-primary-normal)'} />\n    );\n  }\n\n  const onClickTh = useCallback<MouseEventHandler>(\n    (e) => {\n      if (!isSortable || !dataIndex) {\n        return;\n      }\n      e.stopPropagation();\n\n      let newSortOrder: typeof sortOrder;\n      if (sortOrder === 'ascend') {\n        newSortOrder = 'descend';\n      } else if (sortOrder === 'descend') {\n        newSortOrder = null;\n      } else {\n        newSortOrder = 'ascend';\n      }\n      onSort(dataIndex, newSortOrder);\n    },\n    [dataIndex, isSortable, onSort, sortOrder],\n  );\n\n  const content = isSortable ? (\n    <span className={prefixCls('sort-th-inner')}>\n      <span className={prefixCls('sort-title')}>{title}</span>\n      <span className={prefixCls('sort-btn')} aria-hidden=\"true\">\n        {sortIcon}\n      </span>\n    </span>\n  ) : (\n    title\n  );\n\n  return typeof title === 'string' ? (\n    <div\n      key={dataIndex}\n      role={isSortable ? 'columnheader' : undefined}\n      aria-sort={isSortable ? ariaSort : undefined}\n      className={cn(\n        prefixCls('th-default'),\n        'tw-text-typography-label',\n        prefixCls(`align-${align}`),\n        {\n          [prefixCls('td-ellipsis-content')]: ellipsis,\n          [prefixCls('th-sortable')]: isSortable,\n        },\n      )}\n    >\n      {isSortable ? (\n        <button\n          type=\"button\"\n          className={prefixCls('sort-trigger')}\n          aria-label={`Sort by ${title}`}\n          onClick={onClickTh}\n        >\n          {content}\n        </button>\n      ) : (\n        content\n      )}\n    </div>\n  ) : (\n    <>{title}</>\n  );\n}\n\nexport interface IProps<T> {\n  column: Column<T>;\n}\n"],"mappings":";;;;;;;;AASA,SAAwB,OAAyB,OAAkB;CACjE,MAAM,EAAE,WAAW;CACnB,MAAM,EAAE,OAAO,WAAW,OAAO,UAAU,WAAW,WAAW,OAC9D,UAAU;CACb,MAAM,aACJ,cAAc,UAAa,CAAC,CAAC,aAAa,OAAO,WAAW;CAC9D,MAAM,WACJ,cAAc,WACV,cACA,cAAc,YACd,eACA;CAEN,IAAI,WAAW,oBAAC,QAAD;EAAU,MAAM;EAAI,OAAO;EAAkC,CAAA;AAC5E,KAAI,cAAc,SAChB,YAAW,oBAAC,MAAD;EAAa,MAAM;EAAI,OAAO;EAAkC,CAAA;UAClE,cAAc,UACvB,YACE,oBAAC,QAAD;EAAc,MAAM;EAAI,OAAO;EAAkC,CAAA;CAIrE,MAAM,YAAY,aACf,MAAM;AACL,MAAI,CAAC,cAAc,CAAC,UAClB;AAEF,IAAE,iBAAiB;EAEnB,IAAI;AACJ,MAAI,cAAc,SAChB,gBAAe;WACN,cAAc,UACvB,gBAAe;MAEf,gBAAe;AAEjB,SAAO,WAAW,aAAa;IAEjC;EAAC;EAAW;EAAY;EAAQ;EAAU,CAC3C;CAED,MAAM,UAAU,aACd,qBAAC,QAAD;EAAM,WAAW,UAAU,gBAAgB;YAA3C,CACE,oBAAC,QAAD;GAAM,WAAW,UAAU,aAAa;aAAG;GAAa,CAAA,EACxD,oBAAC,QAAD;GAAM,WAAW,UAAU,WAAW;GAAE,eAAY;aACjD;GACI,CAAA,CACF;MAEP;AAGF,QAAO,OAAO,UAAU,WACtB,oBAAC,OAAD;EAEE,MAAM,aAAa,iBAAiB;EACpC,aAAW,aAAa,WAAW;EACnC,WAAW,GACT,UAAU,aAAa,EACvB,4BACA,UAAU,SAAS,QAAQ,EAC3B;IACG,UAAU,sBAAsB,GAAG;IACnC,UAAU,cAAc,GAAG;GAC7B,CACF;YAEA,aACC,oBAAC,UAAD;GACE,MAAK;GACL,WAAW,UAAU,eAAe;GACpC,cAAY,WAAW;GACvB,SAAS;aAER;GACM,CAAA,GAET;EAEE,EAzBC,UAyBD,GAEN,oBAAA,UAAA,EAAA,UAAG,OAAS,CAAA"}

package/dist/Table/hooks/useRowSelection.js

@@ -1,7 +1,7 @@
 import Checkbox from "../../Checkbox/index.js";
 import { getRowKey, hasFixedLeftColumn, prefixCls } from "../helper.js";
 import { useCallback, useMemo, useState } from "react";
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/Table/hooks/useRowSelection.tsx
 function useRowSelection(props) {
 	const { columns, rowSelection, rowKey, data, isExpandable, flattenData } = props;
@@ -38,7 +38,7 @@ function useRowSelection(props) {
 	const unSelectAll = useCallback(() => {
 		changeSelectedRowKeys([]);
 	}, [changeSelectedRowKeys]);
-	const onClickAllCheckbox = useCallback(() => {
+	const onChangeAllCheckbox = useCallback(() => {
 		if (checkboxAllStatus === "all") unSelectAll();
 		else selectAll();
 	}, [
@@ -68,7 +68,7 @@ function useRowSelection(props) {
 		isExpandable,
 		getDescendantKeys
 	]);
-	const onClickCheckbox = useCallback((key, isChecked) => () => {
+	const onChangeCheckbox = useCallback((key, isChecked) => () => {
 		changeSelectedRowKeys(calculateCascadeSelection(key, isChecked, selectedRowKeys, rowSelection?.checkStrictly, isExpandable, getDescendantKeys, getAncestorKeys));
 	}, [
 		selectedRowKeys,
@@ -81,10 +81,13 @@ function useRowSelection(props) {
 	const getCheckboxAllNode = (children) => /* @__PURE__ */ jsx("div", {
 		className: prefixCls("row-selection-all"),
 		children: /* @__PURE__ */ jsx(Checkbox, {
-			onClick: onClickAllCheckbox,
+			onChange: onChangeAllCheckbox,
 			checked: checkboxAllStatus === "all",
 			indeterminate: checkboxAllStatus === "indeterminate",
-			children
+			children: children || /* @__PURE__ */ jsx("span", {
+				className: "tw-sr-only",
+				children: "Select all rows"
+			})
 		})
 	});
 	if (!rowSelection) return {
@@ -114,10 +117,14 @@ function useRowSelection(props) {
 			return /* @__PURE__ */ jsx("div", {
 				className: prefixCls("row-selection-item"),
 				children: /* @__PURE__ */ jsx(Checkbox, {
-					onClick: onClickCheckbox(key, nodeStatus.checked || nodeStatus.indeterminate),
+					onChange: onChangeCheckbox(key, nodeStatus.checked || nodeStatus.indeterminate),
 					checked: nodeStatus.checked,
 					indeterminate: nodeStatus.indeterminate,
-					...checkboxProps
+					...checkboxProps,
+					children: /* @__PURE__ */ jsxs("span", {
+						className: "tw-sr-only",
+						children: ["Select row ", key]
+					})
 				})
 			});
 		},

package/dist/Table/hooks/useRowSelection.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRowSelection.js","names":[],"sources":["../../../src/Table/hooks/useRowSelection.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\nimport Checkbox from '../../Checkbox';\nimport { getRowKey, hasFixedLeftColumn, prefixCls } from '../helper';\nimport { IRowSelection, ITableColumn, ITableProps } from '../types';\n\nexport default function useRowSelection<TDataItem extends object>(\n  props: ITableProps<TDataItem> & {\n    isExpandable?: boolean;\n    flattenData?: TDataItem[];\n  },\n): IRowSelectionInfo<TDataItem> {\n  const { columns, rowSelection, rowKey, data, isExpandable, flattenData } =\n    props;\n\n  const [selectedRowKeysState, setSelectedRowKeysState] = useState(\n    rowSelection?.selectedRowKeys || rowSelection?.defaultSelectedRowKeys || [],\n  );\n\n  const selectedRowKeys = rowSelection?.selectedRowKeys || selectedRowKeysState;\n\n  const getSelectedRows = useCallback(\n    (rowKeys: string[]) => {\n      return data.filter((record) =>\n        rowKeys.includes(getRowKey(record, rowKey)),\n      );\n    },\n    [data, rowKey],\n  );\n\n  // 获取用于全选状态计算和数据获取的完整数据\n  const allDataForSelection = useMemo(() => {\n    // 如果开启了 expandable，使用扁平化后的数据\n    if (isExpandable && flattenData) {\n      return flattenData;\n    }\n    // 否则使用原始数据\n    return data;\n  }, [isExpandable, flattenData, data]);\n\n  // 从完整数据中获取选中的行\n  const getAllSelectedRows = useCallback(\n    (rowKeys: string[]) => {\n      return allDataForSelection.filter((record) =>\n        rowKeys.includes(getRowKey(record, rowKey)),\n      );\n    },\n    [allDataForSelection, rowKey],\n  );\n\n  const changeSelectedRowKeys = useCallback(\n    (newSelectedRowKeys: string[]) => {\n      setSelectedRowKeysState(newSelectedRowKeys);\n\n      // 获取所有选中的行数据（包括被折叠的子项）\n      const allSelectedRows = getAllSelectedRows(newSelectedRowKeys);\n      rowSelection?.onChange?.(newSelectedRowKeys, allSelectedRows);\n    },\n    [getAllSelectedRows, rowSelection],\n  );\n\n  const checkboxAllStatus = getCheckboxAllStatus(\n    allDataForSelection,\n    selectedRowKeys,\n    rowKey,\n    rowSelection?.getCheckboxProps,\n  );\n\n  const selectAll = useCallback(() => {\n    const newKeys = getDataWithoutDisabled(\n      allDataForSelection,\n      rowSelection?.getCheckboxProps,\n    ).map((record) => getRowKey(record, rowKey));\n\n    changeSelectedRowKeys(newKeys);\n  }, [\n    allDataForSelection,\n    rowKey,\n    rowSelection?.getCheckboxProps,\n    changeSelectedRowKeys,\n  ]);\n\n  const unSelectAll = useCallback(() => {\n    changeSelectedRowKeys([]);\n  }, [changeSelectedRowKeys]);\n\n  const onClickAllCheckbox = useCallback<(e?: React.MouseEvent) => void>(() => {\n    if (checkboxAllStatus === 'all') {\n      unSelectAll();\n    } else {\n      selectAll();\n    }\n  }, [checkboxAllStatus, unSelectAll, selectAll]);\n\n  // 获取节点的所有子孙节点keys\n  const getDescendantKeys = useCallback(\n    (parentKey: string): string[] => {\n      return getNodeDescendants(parentKey, isExpandable, flattenData, rowKey);\n    },\n    [isExpandable, flattenData, rowKey],\n  );\n\n  // 获取节点的所有祖先节点keys\n  const getAncestorKeys = useCallback(\n    (targetKey: string): string[] => {\n      return getNodeAncestors(targetKey, isExpandable, flattenData, rowKey);\n    },\n    [isExpandable, flattenData, rowKey],\n  );\n\n  // 获取节点的选择状态（考虑子节点状态）\n  const getNodeCheckStatus = useCallback(\n    (nodeKey: string): { checked: boolean; indeterminate: boolean } => {\n      return calculateNodeCheckStatus(\n        nodeKey,\n        selectedRowKeys,\n        rowSelection?.checkStrictly,\n        isExpandable,\n        getDescendantKeys,\n      );\n    },\n    [\n      selectedRowKeys,\n      rowSelection?.checkStrictly,\n      isExpandable,\n      getDescendantKeys,\n    ],\n  );\n\n  const onClickCheckbox = useCallback(\n    (key: string, isChecked: boolean) => () => {\n      const newKeys = calculateCascadeSelection(\n        key,\n        isChecked,\n        selectedRowKeys,\n        rowSelection?.checkStrictly,\n        isExpandable,\n        getDescendantKeys,\n        getAncestorKeys,\n      );\n\n      changeSelectedRowKeys(newKeys);\n    },\n    [\n      selectedRowKeys,\n      changeSelectedRowKeys,\n      rowSelection?.checkStrictly,\n      isExpandable,\n      getDescendantKeys,\n      getAncestorKeys,\n    ],\n  );\n\n  // 全选按钮\n  const getCheckboxAllNode = (children?: React.ReactNode) => (\n    <div className={prefixCls('row-selection-all')}>\n      <Checkbox\n        onClick={onClickAllCheckbox}\n        checked={checkboxAllStatus === 'all'}\n        indeterminate={checkboxAllStatus === 'indeterminate'}\n      >\n        {children}\n      </Checkbox>\n    </div>\n  );\n\n  if (!rowSelection) {\n    return {\n      columns,\n      isRowSelectionEnabled: false,\n      getCheckboxAllNode,\n      selectedRowKeys: [],\n      selectedRowKeysInCurrPage: [],\n      unSelectAll,\n      isShowRowSelectionInFooter: false,\n      items: [],\n      onChange: () => {},\n    };\n  }\n\n  if (!rowKey) {\n    throw new Error('rowKey is required when rowSelection is enabled');\n  }\n\n  const fixed = !!rowSelection.fixed || hasFixedLeftColumn(columns);\n\n  const rowSelectionColumn: ITableColumn<TDataItem> = {\n    dataIndex: '',\n    title: (\n      <div className={prefixCls('row-selection-all-header-wrap')}>\n        {getCheckboxAllNode()}\n      </div>\n    ),\n    width: 48,\n    render: (text: unknown, record: TDataItem) => {\n      const key = getRowKey(record, rowKey);\n      const nodeStatus = getNodeCheckStatus(key);\n      const checkboxProps = rowSelection.getCheckboxProps?.(record) || {};\n\n      return (\n        <div className={prefixCls('row-selection-item')}>\n          <Checkbox\n            onClick={onClickCheckbox(\n              key,\n              nodeStatus.checked || nodeStatus.indeterminate,\n            )}\n            checked={nodeStatus.checked}\n            indeterminate={nodeStatus.indeterminate}\n            {...checkboxProps}\n          />\n        </div>\n      );\n    },\n    fixed: fixed ? 'left' : undefined,\n  };\n\n  const selectedRowKeysInCurrPage = getDataWithoutDisabled(\n    data,\n    rowSelection.getCheckboxProps,\n  )\n    .map((record) => getRowKey(record, rowKey))\n    .filter((key) => selectedRowKeys.includes(key));\n\n  const isShowRowSelectionInFooter = selectedRowKeysInCurrPage.length > 0;\n\n  const items =\n    rowSelection.items?.map((operationItem) => ({\n      ...operationItem,\n      onClick: (e: React.MouseEvent) => {\n        operationItem.onClick(\n          selectedRowKeysInCurrPage,\n          getSelectedRows(selectedRowKeysInCurrPage),\n          e,\n        );\n      },\n    })) || [];\n\n  return {\n    columns: [rowSelectionColumn, ...columns],\n    isRowSelectionEnabled: true,\n    getCheckboxAllNode,\n    selectedRowKeys: selectedRowKeys, // 返回完整的选中项列表\n    selectedRowKeysInCurrPage, // 当前页面可见的选中项\n    unSelectAll,\n    isShowRowSelectionInFooter,\n    items,\n    onChange: changeSelectedRowKeys,\n  };\n}\n\nfunction getCheckboxAllStatus<TDataItem extends object>(\n  data: TDataItem[],\n  selectedRowKeys: string[],\n  rowKey: ITableProps<TDataItem>['rowKey'],\n  getCheckboxProps?: IRowSelection<TDataItem>['getCheckboxProps'],\n): 'all' | 'none' | 'indeterminate' {\n  const enabledData = getDataWithoutDisabled(data, getCheckboxProps);\n\n  if (enabledData.length === 0) {\n    return 'none';\n  }\n\n  const selectedEnabledCount = enabledData.filter((record) =>\n    selectedRowKeys.includes(getRowKey(record, rowKey)),\n  ).length;\n\n  if (selectedEnabledCount === 0) {\n    return 'none';\n  }\n  if (selectedEnabledCount === enabledData.length) {\n    return 'all';\n  }\n  return 'indeterminate';\n}\n\nfunction getDataWithoutDisabled<TDataItem extends object>(\n  data: TDataItem[],\n  getCheckboxProps?: IRowSelection<TDataItem>['getCheckboxProps'],\n) {\n  return data.filter((record) => {\n    const checkboxProps = getCheckboxProps?.(record) || {};\n    const { disabled } = checkboxProps;\n    return !disabled;\n  });\n}\n\nexport interface IRowSelectionInfo<TDataItem extends object> {\n  columns: ITableProps<TDataItem>['columns'];\n  isRowSelectionEnabled: boolean;\n  getCheckboxAllNode: ((children?: React.ReactNode) => React.ReactNode) | null;\n  selectedRowKeys: string[]; // 完整的选中项列表\n  selectedRowKeysInCurrPage: string[]; // 当前页面可见的选中项\n  unSelectAll: () => void;\n  isShowRowSelectionInFooter: boolean;\n  items: {\n    key: string;\n    label: React.ReactNode;\n    onClick: (e: React.MouseEvent) => void;\n  }[];\n  onChange: (selectedRowKeys: string[]) => void;\n}\n\n/**\n * 获取节点的所有子孙节点keys\n * @param parentKey 父节点key\n * @param isExpandable 是否启用展开功能\n * @param flattenData 扁平化后的数据（包含所有节点，包括子节点）\n * @param rowKey 行key获取函数\n * @returns 子孙节点keys数组\n */\nexport function getNodeDescendants<TDataItem extends object>(\n  parentKey: string,\n  isExpandable?: boolean,\n  flattenData?: TDataItem[],\n  rowKey?: ITableProps<TDataItem>['rowKey'],\n): string[] {\n  if (!isExpandable || !flattenData || !rowKey) return [];\n\n  const descendants: string[] = [];\n\n  // 找到父节点在flattenData中的记录\n  const parentNode = flattenData.find(\n    (item) => getRowKey(item, rowKey) === parentKey,\n  );\n  if (!parentNode) return [];\n\n  // 从原始节点的children中收集所有子孙节点\n  const collectDescendants = (node: any) => {\n    const children = node.children || [];\n    children.forEach((child: any) => {\n      const childKey = getRowKey(child, rowKey);\n      descendants.push(childKey);\n      collectDescendants(child);\n    });\n  };\n\n  collectDescendants(parentNode);\n  return descendants;\n}\n\n/**\n * 获取节点的所有祖先节点keys\n * @param targetKey 目标节点key\n * @param isExpandable 是否启用展开功能\n * @param flattenData 扁平化后的数据\n * @param rowKey 行key获取函数\n * @returns 祖先节点keys数组（从直接父节点到根节点）\n */\nexport function getNodeAncestors<TDataItem extends object>(\n  targetKey: string,\n  isExpandable?: boolean,\n  flattenData?: TDataItem[],\n  rowKey?: ITableProps<TDataItem>['rowKey'],\n): string[] {\n  if (!isExpandable || !flattenData || !rowKey) return [];\n\n  const ancestors: string[] = [];\n\n  // 找到目标节点的直接父节点\n  const findDirectParent = (childKey: string): TDataItem | null => {\n    for (const item of flattenData) {\n      const children = (item as any).children || [];\n      if (\n        children.some((child: any) => getRowKey(child, rowKey) === childKey)\n      ) {\n        return item;\n      }\n    }\n    return null;\n  };\n\n  let currentKey = targetKey;\n\n  for (;;) {\n    const parent = findDirectParent(currentKey);\n    if (!parent) break;\n\n    const parentKey = getRowKey(parent, rowKey);\n    ancestors.push(parentKey);\n    currentKey = parentKey;\n  }\n\n  return ancestors;\n}\n\n/**\n * 计算级联选择后的keys（包含向上级联）\n * @param targetKey 被操作的节点key\n * @param isChecked 当前是否选中\n * @param currentSelectedKeys 当前已选中的keys\n * @param checkStrictly 是否严格模式\n * @param isExpandable 是否启用展开功能\n * @param getDescendantKeys 获取子孙节点keys的函数\n * @param getAncestorKeys 获取祖先节点keys的函数\n * @returns 新的选中keys\n */\nexport function calculateCascadeSelection(\n  targetKey: string,\n  isChecked: boolean,\n  currentSelectedKeys: string[],\n  checkStrictly?: boolean,\n  isExpandable?: boolean,\n  getDescendantKeys?: (nodeKey: string) => string[],\n  getAncestorKeys?: (nodeKey: string) => string[],\n): string[] {\n  if (\n    checkStrictly ||\n    !isExpandable ||\n    !getDescendantKeys ||\n    !getAncestorKeys\n  ) {\n    // 严格模式，不进行级联\n    return isChecked\n      ? currentSelectedKeys.filter((key) => key !== targetKey)\n      : [...currentSelectedKeys, targetKey];\n  }\n\n  let newKeys = [...currentSelectedKeys];\n\n  if (isChecked) {\n    // 取消选择：移除目标节点和所有子孙节点\n    newKeys = newKeys.filter((key) => key !== targetKey);\n    const descendants = getDescendantKeys(targetKey);\n    newKeys = newKeys.filter((key) => !descendants.includes(key));\n\n    // 向上级联：检查父节点是否需要取消选择\n    const ancestors = getAncestorKeys(targetKey);\n    ancestors.forEach((ancestorKey) => {\n      const ancestorDescendants = getDescendantKeys(ancestorKey);\n      const selectedDescendantsCount = ancestorDescendants.filter((key) =>\n        newKeys.includes(key),\n      ).length;\n\n      // 如果子孙节点没有全部选中，则父节点也应该取消选择\n      if (selectedDescendantsCount < ancestorDescendants.length) {\n        newKeys = newKeys.filter((key) => key !== ancestorKey);\n      }\n    });\n  } else {\n    // 选择：添加目标节点和所有子孙节点\n    if (!newKeys.includes(targetKey)) {\n      newKeys.push(targetKey);\n    }\n    const descendants = getDescendantKeys(targetKey);\n    descendants.forEach((descendantKey) => {\n      if (!newKeys.includes(descendantKey)) {\n        newKeys.push(descendantKey);\n      }\n    });\n\n    // 向上级联：检查父节点是否需要选择\n    const ancestors = getAncestorKeys(targetKey);\n    ancestors.forEach((ancestorKey) => {\n      const ancestorDescendants = getDescendantKeys(ancestorKey);\n      const selectedDescendantsCount = ancestorDescendants.filter((key) =>\n        newKeys.includes(key),\n      ).length;\n\n      // 如果所有子孙节点都被选中，则父节点也应该被选中\n      if (\n        selectedDescendantsCount === ancestorDescendants.length &&\n        !newKeys.includes(ancestorKey)\n      ) {\n        newKeys.push(ancestorKey);\n      }\n    });\n  }\n\n  return newKeys;\n}\n\n/**\n * 计算节点的选择状态（考虑子节点状态）\n * @param nodeKey 节点key\n * @param selectedRowKeys 已选中的keys\n * @param checkStrictly 是否严格模式\n * @param isExpandable 是否启用展开功能\n * @param getDescendantKeys 获取子孙节点keys的函数\n * @returns 节点的选择状态\n */\nexport function calculateNodeCheckStatus(\n  nodeKey: string,\n  selectedRowKeys: string[],\n  checkStrictly?: boolean,\n  isExpandable?: boolean,\n  getDescendantKeys?: (nodeKey: string) => string[],\n): { checked: boolean; indeterminate: boolean } {\n  if (checkStrictly || !isExpandable || !getDescendantKeys) {\n    // 严格模式下或非展开模式，直接返回节点本身的选择状态\n    return {\n      checked: selectedRowKeys.includes(nodeKey),\n      indeterminate: false,\n    };\n  }\n\n  const descendants = getDescendantKeys(nodeKey);\n\n  // 如果没有子节点，直接返回本身状态\n  if (descendants.length === 0) {\n    return {\n      checked: selectedRowKeys.includes(nodeKey),\n      indeterminate: false,\n    };\n  }\n\n  const selectedDescendants = descendants.filter((key) =>\n    selectedRowKeys.includes(key),\n  );\n  const isNodeSelected = selectedRowKeys.includes(nodeKey);\n\n  if (isNodeSelected && selectedDescendants.length === descendants.length) {\n    // 节点本身选中且所有子节点都选中\n    return { checked: true, indeterminate: false };\n  } else if (!isNodeSelected && selectedDescendants.length === 0) {\n    // 节点本身未选中且所有子节点都未选中\n    return { checked: false, indeterminate: false };\n  } else {\n    // 部分选中的情况：节点选中但子节点未全选，或节点未选中但部分子节点选中\n    return { checked: false, indeterminate: true };\n  }\n}\n"],"mappings":";;;;;AAKA,SAAwB,gBACtB,OAI8B;CAC9B,MAAM,EAAE,SAAS,cAAc,QAAQ,MAAM,cAAc,gBACzD;CAEF,MAAM,CAAC,sBAAsB,2BAA2B,SACtD,cAAc,mBAAmB,cAAc,0BAA0B,EAAE,CAC5E;CAED,MAAM,kBAAkB,cAAc,mBAAmB;CAEzD,MAAM,kBAAkB,aACrB,YAAsB;AACrB,SAAO,KAAK,QAAQ,WAClB,QAAQ,SAAS,UAAU,QAAQ,OAAO,CAAC,CAC5C;IAEH,CAAC,MAAM,OAAO,CACf;CAGD,MAAM,sBAAsB,cAAc;AAExC,MAAI,gBAAgB,YAClB,QAAO;AAGT,SAAO;IACN;EAAC;EAAc;EAAa;EAAK,CAAC;CAGrC,MAAM,qBAAqB,aACxB,YAAsB;AACrB,SAAO,oBAAoB,QAAQ,WACjC,QAAQ,SAAS,UAAU,QAAQ,OAAO,CAAC,CAC5C;IAEH,CAAC,qBAAqB,OAAO,CAC9B;CAED,MAAM,wBAAwB,aAC3B,uBAAiC;AAChC,0BAAwB,mBAAmB;EAG3C,MAAM,kBAAkB,mBAAmB,mBAAmB;AAC9D,gBAAc,WAAW,oBAAoB,gBAAgB;IAE/D,CAAC,oBAAoB,aAAa,CACnC;CAED,MAAM,oBAAoB,qBACxB,qBACA,iBACA,QACA,cAAc,iBACf;CAED,MAAM,YAAY,kBAAkB;AAMlC,wBALgB,uBACd,qBACA,cAAc,iBACf,CAAC,KAAK,WAAW,UAAU,QAAQ,OAAO,CAAC,CAEd;IAC7B;EACD;EACA;EACA,cAAc;EACd;EACD,CAAC;CAEF,MAAM,cAAc,kBAAkB;AACpC,wBAAsB,EAAE,CAAC;IACxB,CAAC,sBAAsB,CAAC;CAE3B,MAAM,qBAAqB,kBAAkD;AAC3E,MAAI,sBAAsB,MACxB,cAAa;MAEb,YAAW;IAEZ;EAAC;EAAmB;EAAa;EAAU,CAAC;CAG/C,MAAM,oBAAoB,aACvB,cAAgC;AAC/B,SAAO,mBAAmB,WAAW,cAAc,aAAa,OAAO;IAEzE;EAAC;EAAc;EAAa;EAAO,CACpC;CAGD,MAAM,kBAAkB,aACrB,cAAgC;AAC/B,SAAO,iBAAiB,WAAW,cAAc,aAAa,OAAO;IAEvE;EAAC;EAAc;EAAa;EAAO,CACpC;CAGD,MAAM,qBAAqB,aACxB,YAAkE;AACjE,SAAO,yBACL,SACA,iBACA,cAAc,eACd,cACA,kBACD;IAEH;EACE;EACA,cAAc;EACd;EACA;EACD,CACF;CAED,MAAM,kBAAkB,aACrB,KAAa,oBAA6B;AAWzC,wBAVgB,0BACd,KACA,WACA,iBACA,cAAc,eACd,cACA,mBACA,gBACD,CAE6B;IAEhC;EACE;EACA;EACA,cAAc;EACd;EACA;EACA;EACD,CACF;CAGD,MAAM,sBAAsB,aAC1B,oBAAC,OAAD;EAAK,WAAW,UAAU,oBAAoB;YAC5C,oBAAC,UAAD;GACE,SAAS;GACT,SAAS,sBAAsB;GAC/B,eAAe,sBAAsB;GAEpC;GACQ,CAAA;EACP,CAAA;AAGR,KAAI,CAAC,aACH,QAAO;EACL;EACA,uBAAuB;EACvB;EACA,iBAAiB,EAAE;EACnB,2BAA2B,EAAE;EAC7B;EACA,4BAA4B;EAC5B,OAAO,EAAE;EACT,gBAAgB;EACjB;AAGH,KAAI,CAAC,OACH,OAAM,IAAI,MAAM,kDAAkD;CAGpE,MAAM,QAAQ,CAAC,CAAC,aAAa,SAAS,mBAAmB,QAAQ;CAEjE,MAAM,qBAA8C;EAClD,WAAW;EACX,OACE,oBAAC,OAAD;GAAK,WAAW,UAAU,gCAAgC;aACvD,oBAAoB;GACjB,CAAA;EAER,OAAO;EACP,SAAS,MAAe,WAAsB;GAC5C,MAAM,MAAM,UAAU,QAAQ,OAAO;GACrC,MAAM,aAAa,mBAAmB,IAAI;GAC1C,MAAM,gBAAgB,aAAa,mBAAmB,OAAO,IAAI,EAAE;AAEnE,UACE,oBAAC,OAAD;IAAK,WAAW,UAAU,qBAAqB;cAC7C,oBAAC,UAAD;KACE,SAAS,gBACP,KACA,WAAW,WAAW,WAAW,cAClC;KACD,SAAS,WAAW;KACpB,eAAe,WAAW;KAC1B,GAAI;KACJ,CAAA;IACE,CAAA;;EAGV,OAAO,QAAQ,SAAS;EACzB;CAED,MAAM,4BAA4B,uBAChC,MACA,aAAa,iBACd,CACE,KAAK,WAAW,UAAU,QAAQ,OAAO,CAAC,CAC1C,QAAQ,QAAQ,gBAAgB,SAAS,IAAI,CAAC;CAEjD,MAAM,6BAA6B,0BAA0B,SAAS;CAEtE,MAAM,QACJ,aAAa,OAAO,KAAK,mBAAmB;EAC1C,GAAG;EACH,UAAU,MAAwB;AAChC,iBAAc,QACZ,2BACA,gBAAgB,0BAA0B,EAC1C,EACD;;EAEJ,EAAE,IAAI,EAAE;AAEX,QAAO;EACL,SAAS,CAAC,oBAAoB,GAAG,QAAQ;EACzC,uBAAuB;EACvB;EACiB;EACjB;EACA;EACA;EACA;EACA,UAAU;EACX;;AAGH,SAAS,qBACP,MACA,iBACA,QACA,kBACkC;CAClC,MAAM,cAAc,uBAAuB,MAAM,iBAAiB;AAElE,KAAI,YAAY,WAAW,EACzB,QAAO;CAGT,MAAM,uBAAuB,YAAY,QAAQ,WAC/C,gBAAgB,SAAS,UAAU,QAAQ,OAAO,CAAC,CACpD,CAAC;AAEF,KAAI,yBAAyB,EAC3B,QAAO;AAET,KAAI,yBAAyB,YAAY,OACvC,QAAO;AAET,QAAO;;AAGT,SAAS,uBACP,MACA,kBACA;AACA,QAAO,KAAK,QAAQ,WAAW;EAE7B,MAAM,EAAE,aADc,mBAAmB,OAAO,IAAI,EAAE;AAEtD,SAAO,CAAC;GACR;;;;;;;;;;AA2BJ,SAAgB,mBACd,WACA,cACA,aACA,QACU;AACV,KAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,OAAQ,QAAO,EAAE;CAEvD,MAAM,cAAwB,EAAE;CAGhC,MAAM,aAAa,YAAY,MAC5B,SAAS,UAAU,MAAM,OAAO,KAAK,UACvC;AACD,KAAI,CAAC,WAAY,QAAO,EAAE;CAG1B,MAAM,sBAAsB,SAAc;AAExC,GADiB,KAAK,YAAY,EAAE,EAC3B,SAAS,UAAe;GAC/B,MAAM,WAAW,UAAU,OAAO,OAAO;AACzC,eAAY,KAAK,SAAS;AAC1B,sBAAmB,MAAM;IACzB;;AAGJ,oBAAmB,WAAW;AAC9B,QAAO;;;;;;;;;;AAWT,SAAgB,iBACd,WACA,cACA,aACA,QACU;AACV,KAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,OAAQ,QAAO,EAAE;CAEvD,MAAM,YAAsB,EAAE;CAG9B,MAAM,oBAAoB,aAAuC;AAC/D,OAAK,MAAM,QAAQ,YAEjB,MADkB,KAAa,YAAY,EAAE,EAElC,MAAM,UAAe,UAAU,OAAO,OAAO,KAAK,SAAS,CAEpE,QAAO;AAGX,SAAO;;CAGT,IAAI,aAAa;AAEjB,UAAS;EACP,MAAM,SAAS,iBAAiB,WAAW;AAC3C,MAAI,CAAC,OAAQ;EAEb,MAAM,YAAY,UAAU,QAAQ,OAAO;AAC3C,YAAU,KAAK,UAAU;AACzB,eAAa;;AAGf,QAAO;;;;;;;;;;;;;AAcT,SAAgB,0BACd,WACA,WACA,qBACA,eACA,cACA,mBACA,iBACU;AACV,KACE,iBACA,CAAC,gBACD,CAAC,qBACD,CAAC,gBAGD,QAAO,YACH,oBAAoB,QAAQ,QAAQ,QAAQ,UAAU,GACtD,CAAC,GAAG,qBAAqB,UAAU;CAGzC,IAAI,UAAU,CAAC,GAAG,oBAAoB;AAEtC,KAAI,WAAW;AAEb,YAAU,QAAQ,QAAQ,QAAQ,QAAQ,UAAU;EACpD,MAAM,cAAc,kBAAkB,UAAU;AAChD,YAAU,QAAQ,QAAQ,QAAQ,CAAC,YAAY,SAAS,IAAI,CAAC;AAI7D,EADkB,gBAAgB,UAAU,CAClC,SAAS,gBAAgB;GACjC,MAAM,sBAAsB,kBAAkB,YAAY;AAM1D,OALiC,oBAAoB,QAAQ,QAC3D,QAAQ,SAAS,IAAI,CACtB,CAAC,SAG6B,oBAAoB,OACjD,WAAU,QAAQ,QAAQ,QAAQ,QAAQ,YAAY;IAExD;QACG;AAEL,MAAI,CAAC,QAAQ,SAAS,UAAU,CAC9B,SAAQ,KAAK,UAAU;AAGzB,EADoB,kBAAkB,UAAU,CACpC,SAAS,kBAAkB;AACrC,OAAI,CAAC,QAAQ,SAAS,cAAc,CAClC,SAAQ,KAAK,cAAc;IAE7B;AAIF,EADkB,gBAAgB,UAAU,CAClC,SAAS,gBAAgB;GACjC,MAAM,sBAAsB,kBAAkB,YAAY;AAM1D,OALiC,oBAAoB,QAAQ,QAC3D,QAAQ,SAAS,IAAI,CACtB,CAAC,WAI6B,oBAAoB,UACjD,CAAC,QAAQ,SAAS,YAAY,CAE9B,SAAQ,KAAK,YAAY;IAE3B;;AAGJ,QAAO;;;;;;;;;;;AAYT,SAAgB,yBACd,SACA,iBACA,eACA,cACA,mBAC8C;AAC9C,KAAI,iBAAiB,CAAC,gBAAgB,CAAC,kBAErC,QAAO;EACL,SAAS,gBAAgB,SAAS,QAAQ;EAC1C,eAAe;EAChB;CAGH,MAAM,cAAc,kBAAkB,QAAQ;AAG9C,KAAI,YAAY,WAAW,EACzB,QAAO;EACL,SAAS,gBAAgB,SAAS,QAAQ;EAC1C,eAAe;EAChB;CAGH,MAAM,sBAAsB,YAAY,QAAQ,QAC9C,gBAAgB,SAAS,IAAI,CAC9B;CACD,MAAM,iBAAiB,gBAAgB,SAAS,QAAQ;AAExD,KAAI,kBAAkB,oBAAoB,WAAW,YAAY,OAE/D,QAAO;EAAE,SAAS;EAAM,eAAe;EAAO;UACrC,CAAC,kBAAkB,oBAAoB,WAAW,EAE3D,QAAO;EAAE,SAAS;EAAO,eAAe;EAAO;KAG/C,QAAO;EAAE,SAAS;EAAO,eAAe;EAAM"}
+{"version":3,"file":"useRowSelection.js","names":[],"sources":["../../../src/Table/hooks/useRowSelection.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\nimport Checkbox from '../../Checkbox';\nimport { getRowKey, hasFixedLeftColumn, prefixCls } from '../helper';\nimport { IRowSelection, ITableColumn, ITableProps } from '../types';\n\nexport default function useRowSelection<TDataItem extends object>(\n  props: ITableProps<TDataItem> & {\n    isExpandable?: boolean;\n    flattenData?: TDataItem[];\n  },\n): IRowSelectionInfo<TDataItem> {\n  const { columns, rowSelection, rowKey, data, isExpandable, flattenData } =\n    props;\n\n  const [selectedRowKeysState, setSelectedRowKeysState] = useState(\n    rowSelection?.selectedRowKeys || rowSelection?.defaultSelectedRowKeys || [],\n  );\n\n  const selectedRowKeys = rowSelection?.selectedRowKeys || selectedRowKeysState;\n\n  const getSelectedRows = useCallback(\n    (rowKeys: string[]) => {\n      return data.filter((record) =>\n        rowKeys.includes(getRowKey(record, rowKey)),\n      );\n    },\n    [data, rowKey],\n  );\n\n  // 获取用于全选状态计算和数据获取的完整数据\n  const allDataForSelection = useMemo(() => {\n    // 如果开启了 expandable，使用扁平化后的数据\n    if (isExpandable && flattenData) {\n      return flattenData;\n    }\n    // 否则使用原始数据\n    return data;\n  }, [isExpandable, flattenData, data]);\n\n  // 从完整数据中获取选中的行\n  const getAllSelectedRows = useCallback(\n    (rowKeys: string[]) => {\n      return allDataForSelection.filter((record) =>\n        rowKeys.includes(getRowKey(record, rowKey)),\n      );\n    },\n    [allDataForSelection, rowKey],\n  );\n\n  const changeSelectedRowKeys = useCallback(\n    (newSelectedRowKeys: string[]) => {\n      setSelectedRowKeysState(newSelectedRowKeys);\n\n      // 获取所有选中的行数据（包括被折叠的子项）\n      const allSelectedRows = getAllSelectedRows(newSelectedRowKeys);\n      rowSelection?.onChange?.(newSelectedRowKeys, allSelectedRows);\n    },\n    [getAllSelectedRows, rowSelection],\n  );\n\n  const checkboxAllStatus = getCheckboxAllStatus(\n    allDataForSelection,\n    selectedRowKeys,\n    rowKey,\n    rowSelection?.getCheckboxProps,\n  );\n\n  const selectAll = useCallback(() => {\n    const newKeys = getDataWithoutDisabled(\n      allDataForSelection,\n      rowSelection?.getCheckboxProps,\n    ).map((record) => getRowKey(record, rowKey));\n\n    changeSelectedRowKeys(newKeys);\n  }, [\n    allDataForSelection,\n    rowKey,\n    rowSelection?.getCheckboxProps,\n    changeSelectedRowKeys,\n  ]);\n\n  const unSelectAll = useCallback(() => {\n    changeSelectedRowKeys([]);\n  }, [changeSelectedRowKeys]);\n\n  const onChangeAllCheckbox = useCallback(() => {\n    if (checkboxAllStatus === 'all') {\n      unSelectAll();\n    } else {\n      selectAll();\n    }\n  }, [checkboxAllStatus, unSelectAll, selectAll]);\n\n  // 获取节点的所有子孙节点keys\n  const getDescendantKeys = useCallback(\n    (parentKey: string): string[] => {\n      return getNodeDescendants(parentKey, isExpandable, flattenData, rowKey);\n    },\n    [isExpandable, flattenData, rowKey],\n  );\n\n  // 获取节点的所有祖先节点keys\n  const getAncestorKeys = useCallback(\n    (targetKey: string): string[] => {\n      return getNodeAncestors(targetKey, isExpandable, flattenData, rowKey);\n    },\n    [isExpandable, flattenData, rowKey],\n  );\n\n  // 获取节点的选择状态（考虑子节点状态）\n  const getNodeCheckStatus = useCallback(\n    (nodeKey: string): { checked: boolean; indeterminate: boolean } => {\n      return calculateNodeCheckStatus(\n        nodeKey,\n        selectedRowKeys,\n        rowSelection?.checkStrictly,\n        isExpandable,\n        getDescendantKeys,\n      );\n    },\n    [\n      selectedRowKeys,\n      rowSelection?.checkStrictly,\n      isExpandable,\n      getDescendantKeys,\n    ],\n  );\n\n  const onChangeCheckbox = useCallback(\n    (key: string, isChecked: boolean) => () => {\n      const newKeys = calculateCascadeSelection(\n        key,\n        isChecked,\n        selectedRowKeys,\n        rowSelection?.checkStrictly,\n        isExpandable,\n        getDescendantKeys,\n        getAncestorKeys,\n      );\n\n      changeSelectedRowKeys(newKeys);\n    },\n    [\n      selectedRowKeys,\n      changeSelectedRowKeys,\n      rowSelection?.checkStrictly,\n      isExpandable,\n      getDescendantKeys,\n      getAncestorKeys,\n    ],\n  );\n\n  // 全选按钮\n  const getCheckboxAllNode = (children?: React.ReactNode) => (\n    <div className={prefixCls('row-selection-all')}>\n      <Checkbox\n        onChange={onChangeAllCheckbox}\n        checked={checkboxAllStatus === 'all'}\n        indeterminate={checkboxAllStatus === 'indeterminate'}\n      >\n        {children || <span className=\"tw-sr-only\">Select all rows</span>}\n      </Checkbox>\n    </div>\n  );\n\n  if (!rowSelection) {\n    return {\n      columns,\n      isRowSelectionEnabled: false,\n      getCheckboxAllNode,\n      selectedRowKeys: [],\n      selectedRowKeysInCurrPage: [],\n      unSelectAll,\n      isShowRowSelectionInFooter: false,\n      items: [],\n      onChange: () => {},\n    };\n  }\n\n  if (!rowKey) {\n    throw new Error('rowKey is required when rowSelection is enabled');\n  }\n\n  const fixed = !!rowSelection.fixed || hasFixedLeftColumn(columns);\n\n  const rowSelectionColumn: ITableColumn<TDataItem> = {\n    dataIndex: '',\n    title: (\n      <div className={prefixCls('row-selection-all-header-wrap')}>\n        {getCheckboxAllNode()}\n      </div>\n    ),\n    width: 48,\n    render: (text: unknown, record: TDataItem) => {\n      const key = getRowKey(record, rowKey);\n      const nodeStatus = getNodeCheckStatus(key);\n      const checkboxProps = rowSelection.getCheckboxProps?.(record) || {};\n\n      return (\n        <div className={prefixCls('row-selection-item')}>\n          <Checkbox\n            onChange={onChangeCheckbox(\n              key,\n              nodeStatus.checked || nodeStatus.indeterminate,\n            )}\n            checked={nodeStatus.checked}\n            indeterminate={nodeStatus.indeterminate}\n            {...checkboxProps}\n          >\n            <span className=\"tw-sr-only\">Select row {key}</span>\n          </Checkbox>\n        </div>\n      );\n    },\n    fixed: fixed ? 'left' : undefined,\n  };\n\n  const selectedRowKeysInCurrPage = getDataWithoutDisabled(\n    data,\n    rowSelection.getCheckboxProps,\n  )\n    .map((record) => getRowKey(record, rowKey))\n    .filter((key) => selectedRowKeys.includes(key));\n\n  const isShowRowSelectionInFooter = selectedRowKeysInCurrPage.length > 0;\n\n  const items =\n    rowSelection.items?.map((operationItem) => ({\n      ...operationItem,\n      onClick: (e: React.MouseEvent) => {\n        operationItem.onClick(\n          selectedRowKeysInCurrPage,\n          getSelectedRows(selectedRowKeysInCurrPage),\n          e,\n        );\n      },\n    })) || [];\n\n  return {\n    columns: [rowSelectionColumn, ...columns],\n    isRowSelectionEnabled: true,\n    getCheckboxAllNode,\n    selectedRowKeys: selectedRowKeys, // 返回完整的选中项列表\n    selectedRowKeysInCurrPage, // 当前页面可见的选中项\n    unSelectAll,\n    isShowRowSelectionInFooter,\n    items,\n    onChange: changeSelectedRowKeys,\n  };\n}\n\nfunction getCheckboxAllStatus<TDataItem extends object>(\n  data: TDataItem[],\n  selectedRowKeys: string[],\n  rowKey: ITableProps<TDataItem>['rowKey'],\n  getCheckboxProps?: IRowSelection<TDataItem>['getCheckboxProps'],\n): 'all' | 'none' | 'indeterminate' {\n  const enabledData = getDataWithoutDisabled(data, getCheckboxProps);\n\n  if (enabledData.length === 0) {\n    return 'none';\n  }\n\n  const selectedEnabledCount = enabledData.filter((record) =>\n    selectedRowKeys.includes(getRowKey(record, rowKey)),\n  ).length;\n\n  if (selectedEnabledCount === 0) {\n    return 'none';\n  }\n  if (selectedEnabledCount === enabledData.length) {\n    return 'all';\n  }\n  return 'indeterminate';\n}\n\nfunction getDataWithoutDisabled<TDataItem extends object>(\n  data: TDataItem[],\n  getCheckboxProps?: IRowSelection<TDataItem>['getCheckboxProps'],\n) {\n  return data.filter((record) => {\n    const checkboxProps = getCheckboxProps?.(record) || {};\n    const { disabled } = checkboxProps;\n    return !disabled;\n  });\n}\n\nexport interface IRowSelectionInfo<TDataItem extends object> {\n  columns: ITableProps<TDataItem>['columns'];\n  isRowSelectionEnabled: boolean;\n  getCheckboxAllNode: ((children?: React.ReactNode) => React.ReactNode) | null;\n  selectedRowKeys: string[]; // 完整的选中项列表\n  selectedRowKeysInCurrPage: string[]; // 当前页面可见的选中项\n  unSelectAll: () => void;\n  isShowRowSelectionInFooter: boolean;\n  items: {\n    key: string;\n    label: React.ReactNode;\n    onClick: (e: React.MouseEvent) => void;\n  }[];\n  onChange: (selectedRowKeys: string[]) => void;\n}\n\n/**\n * 获取节点的所有子孙节点keys\n * @param parentKey 父节点key\n * @param isExpandable 是否启用展开功能\n * @param flattenData 扁平化后的数据（包含所有节点，包括子节点）\n * @param rowKey 行key获取函数\n * @returns 子孙节点keys数组\n */\nexport function getNodeDescendants<TDataItem extends object>(\n  parentKey: string,\n  isExpandable?: boolean,\n  flattenData?: TDataItem[],\n  rowKey?: ITableProps<TDataItem>['rowKey'],\n): string[] {\n  if (!isExpandable || !flattenData || !rowKey) return [];\n\n  const descendants: string[] = [];\n\n  // 找到父节点在flattenData中的记录\n  const parentNode = flattenData.find(\n    (item) => getRowKey(item, rowKey) === parentKey,\n  );\n  if (!parentNode) return [];\n\n  // 从原始节点的children中收集所有子孙节点\n  const collectDescendants = (node: any) => {\n    const children = node.children || [];\n    children.forEach((child: any) => {\n      const childKey = getRowKey(child, rowKey);\n      descendants.push(childKey);\n      collectDescendants(child);\n    });\n  };\n\n  collectDescendants(parentNode);\n  return descendants;\n}\n\n/**\n * 获取节点的所有祖先节点keys\n * @param targetKey 目标节点key\n * @param isExpandable 是否启用展开功能\n * @param flattenData 扁平化后的数据\n * @param rowKey 行key获取函数\n * @returns 祖先节点keys数组（从直接父节点到根节点）\n */\nexport function getNodeAncestors<TDataItem extends object>(\n  targetKey: string,\n  isExpandable?: boolean,\n  flattenData?: TDataItem[],\n  rowKey?: ITableProps<TDataItem>['rowKey'],\n): string[] {\n  if (!isExpandable || !flattenData || !rowKey) return [];\n\n  const ancestors: string[] = [];\n\n  // 找到目标节点的直接父节点\n  const findDirectParent = (childKey: string): TDataItem | null => {\n    for (const item of flattenData) {\n      const children = (item as any).children || [];\n      if (\n        children.some((child: any) => getRowKey(child, rowKey) === childKey)\n      ) {\n        return item;\n      }\n    }\n    return null;\n  };\n\n  let currentKey = targetKey;\n\n  for (;;) {\n    const parent = findDirectParent(currentKey);\n    if (!parent) break;\n\n    const parentKey = getRowKey(parent, rowKey);\n    ancestors.push(parentKey);\n    currentKey = parentKey;\n  }\n\n  return ancestors;\n}\n\n/**\n * 计算级联选择后的keys（包含向上级联）\n * @param targetKey 被操作的节点key\n * @param isChecked 当前是否选中\n * @param currentSelectedKeys 当前已选中的keys\n * @param checkStrictly 是否严格模式\n * @param isExpandable 是否启用展开功能\n * @param getDescendantKeys 获取子孙节点keys的函数\n * @param getAncestorKeys 获取祖先节点keys的函数\n * @returns 新的选中keys\n */\nexport function calculateCascadeSelection(\n  targetKey: string,\n  isChecked: boolean,\n  currentSelectedKeys: string[],\n  checkStrictly?: boolean,\n  isExpandable?: boolean,\n  getDescendantKeys?: (nodeKey: string) => string[],\n  getAncestorKeys?: (nodeKey: string) => string[],\n): string[] {\n  if (\n    checkStrictly ||\n    !isExpandable ||\n    !getDescendantKeys ||\n    !getAncestorKeys\n  ) {\n    // 严格模式，不进行级联\n    return isChecked\n      ? currentSelectedKeys.filter((key) => key !== targetKey)\n      : [...currentSelectedKeys, targetKey];\n  }\n\n  let newKeys = [...currentSelectedKeys];\n\n  if (isChecked) {\n    // 取消选择：移除目标节点和所有子孙节点\n    newKeys = newKeys.filter((key) => key !== targetKey);\n    const descendants = getDescendantKeys(targetKey);\n    newKeys = newKeys.filter((key) => !descendants.includes(key));\n\n    // 向上级联：检查父节点是否需要取消选择\n    const ancestors = getAncestorKeys(targetKey);\n    ancestors.forEach((ancestorKey) => {\n      const ancestorDescendants = getDescendantKeys(ancestorKey);\n      const selectedDescendantsCount = ancestorDescendants.filter((key) =>\n        newKeys.includes(key),\n      ).length;\n\n      // 如果子孙节点没有全部选中，则父节点也应该取消选择\n      if (selectedDescendantsCount < ancestorDescendants.length) {\n        newKeys = newKeys.filter((key) => key !== ancestorKey);\n      }\n    });\n  } else {\n    // 选择：添加目标节点和所有子孙节点\n    if (!newKeys.includes(targetKey)) {\n      newKeys.push(targetKey);\n    }\n    const descendants = getDescendantKeys(targetKey);\n    descendants.forEach((descendantKey) => {\n      if (!newKeys.includes(descendantKey)) {\n        newKeys.push(descendantKey);\n      }\n    });\n\n    // 向上级联：检查父节点是否需要选择\n    const ancestors = getAncestorKeys(targetKey);\n    ancestors.forEach((ancestorKey) => {\n      const ancestorDescendants = getDescendantKeys(ancestorKey);\n      const selectedDescendantsCount = ancestorDescendants.filter((key) =>\n        newKeys.includes(key),\n      ).length;\n\n      // 如果所有子孙节点都被选中，则父节点也应该被选中\n      if (\n        selectedDescendantsCount === ancestorDescendants.length &&\n        !newKeys.includes(ancestorKey)\n      ) {\n        newKeys.push(ancestorKey);\n      }\n    });\n  }\n\n  return newKeys;\n}\n\n/**\n * 计算节点的选择状态（考虑子节点状态）\n * @param nodeKey 节点key\n * @param selectedRowKeys 已选中的keys\n * @param checkStrictly 是否严格模式\n * @param isExpandable 是否启用展开功能\n * @param getDescendantKeys 获取子孙节点keys的函数\n * @returns 节点的选择状态\n */\nexport function calculateNodeCheckStatus(\n  nodeKey: string,\n  selectedRowKeys: string[],\n  checkStrictly?: boolean,\n  isExpandable?: boolean,\n  getDescendantKeys?: (nodeKey: string) => string[],\n): { checked: boolean; indeterminate: boolean } {\n  if (checkStrictly || !isExpandable || !getDescendantKeys) {\n    // 严格模式下或非展开模式，直接返回节点本身的选择状态\n    return {\n      checked: selectedRowKeys.includes(nodeKey),\n      indeterminate: false,\n    };\n  }\n\n  const descendants = getDescendantKeys(nodeKey);\n\n  // 如果没有子节点，直接返回本身状态\n  if (descendants.length === 0) {\n    return {\n      checked: selectedRowKeys.includes(nodeKey),\n      indeterminate: false,\n    };\n  }\n\n  const selectedDescendants = descendants.filter((key) =>\n    selectedRowKeys.includes(key),\n  );\n  const isNodeSelected = selectedRowKeys.includes(nodeKey);\n\n  if (isNodeSelected && selectedDescendants.length === descendants.length) {\n    // 节点本身选中且所有子节点都选中\n    return { checked: true, indeterminate: false };\n  } else if (!isNodeSelected && selectedDescendants.length === 0) {\n    // 节点本身未选中且所有子节点都未选中\n    return { checked: false, indeterminate: false };\n  } else {\n    // 部分选中的情况：节点选中但子节点未全选，或节点未选中但部分子节点选中\n    return { checked: false, indeterminate: true };\n  }\n}\n"],"mappings":";;;;;AAKA,SAAwB,gBACtB,OAI8B;CAC9B,MAAM,EAAE,SAAS,cAAc,QAAQ,MAAM,cAAc,gBACzD;CAEF,MAAM,CAAC,sBAAsB,2BAA2B,SACtD,cAAc,mBAAmB,cAAc,0BAA0B,EAAE,CAC5E;CAED,MAAM,kBAAkB,cAAc,mBAAmB;CAEzD,MAAM,kBAAkB,aACrB,YAAsB;AACrB,SAAO,KAAK,QAAQ,WAClB,QAAQ,SAAS,UAAU,QAAQ,OAAO,CAAC,CAC5C;IAEH,CAAC,MAAM,OAAO,CACf;CAGD,MAAM,sBAAsB,cAAc;AAExC,MAAI,gBAAgB,YAClB,QAAO;AAGT,SAAO;IACN;EAAC;EAAc;EAAa;EAAK,CAAC;CAGrC,MAAM,qBAAqB,aACxB,YAAsB;AACrB,SAAO,oBAAoB,QAAQ,WACjC,QAAQ,SAAS,UAAU,QAAQ,OAAO,CAAC,CAC5C;IAEH,CAAC,qBAAqB,OAAO,CAC9B;CAED,MAAM,wBAAwB,aAC3B,uBAAiC;AAChC,0BAAwB,mBAAmB;EAG3C,MAAM,kBAAkB,mBAAmB,mBAAmB;AAC9D,gBAAc,WAAW,oBAAoB,gBAAgB;IAE/D,CAAC,oBAAoB,aAAa,CACnC;CAED,MAAM,oBAAoB,qBACxB,qBACA,iBACA,QACA,cAAc,iBACf;CAED,MAAM,YAAY,kBAAkB;AAMlC,wBALgB,uBACd,qBACA,cAAc,iBACf,CAAC,KAAK,WAAW,UAAU,QAAQ,OAAO,CAAC,CAEd;IAC7B;EACD;EACA;EACA,cAAc;EACd;EACD,CAAC;CAEF,MAAM,cAAc,kBAAkB;AACpC,wBAAsB,EAAE,CAAC;IACxB,CAAC,sBAAsB,CAAC;CAE3B,MAAM,sBAAsB,kBAAkB;AAC5C,MAAI,sBAAsB,MACxB,cAAa;MAEb,YAAW;IAEZ;EAAC;EAAmB;EAAa;EAAU,CAAC;CAG/C,MAAM,oBAAoB,aACvB,cAAgC;AAC/B,SAAO,mBAAmB,WAAW,cAAc,aAAa,OAAO;IAEzE;EAAC;EAAc;EAAa;EAAO,CACpC;CAGD,MAAM,kBAAkB,aACrB,cAAgC;AAC/B,SAAO,iBAAiB,WAAW,cAAc,aAAa,OAAO;IAEvE;EAAC;EAAc;EAAa;EAAO,CACpC;CAGD,MAAM,qBAAqB,aACxB,YAAkE;AACjE,SAAO,yBACL,SACA,iBACA,cAAc,eACd,cACA,kBACD;IAEH;EACE;EACA,cAAc;EACd;EACA;EACD,CACF;CAED,MAAM,mBAAmB,aACtB,KAAa,oBAA6B;AAWzC,wBAVgB,0BACd,KACA,WACA,iBACA,cAAc,eACd,cACA,mBACA,gBACD,CAE6B;IAEhC;EACE;EACA;EACA,cAAc;EACd;EACA;EACA;EACD,CACF;CAGD,MAAM,sBAAsB,aAC1B,oBAAC,OAAD;EAAK,WAAW,UAAU,oBAAoB;YAC5C,oBAAC,UAAD;GACE,UAAU;GACV,SAAS,sBAAsB;GAC/B,eAAe,sBAAsB;aAEpC,YAAY,oBAAC,QAAD;IAAM,WAAU;cAAa;IAAsB,CAAA;GACvD,CAAA;EACP,CAAA;AAGR,KAAI,CAAC,aACH,QAAO;EACL;EACA,uBAAuB;EACvB;EACA,iBAAiB,EAAE;EACnB,2BAA2B,EAAE;EAC7B;EACA,4BAA4B;EAC5B,OAAO,EAAE;EACT,gBAAgB;EACjB;AAGH,KAAI,CAAC,OACH,OAAM,IAAI,MAAM,kDAAkD;CAGpE,MAAM,QAAQ,CAAC,CAAC,aAAa,SAAS,mBAAmB,QAAQ;CAEjE,MAAM,qBAA8C;EAClD,WAAW;EACX,OACE,oBAAC,OAAD;GAAK,WAAW,UAAU,gCAAgC;aACvD,oBAAoB;GACjB,CAAA;EAER,OAAO;EACP,SAAS,MAAe,WAAsB;GAC5C,MAAM,MAAM,UAAU,QAAQ,OAAO;GACrC,MAAM,aAAa,mBAAmB,IAAI;GAC1C,MAAM,gBAAgB,aAAa,mBAAmB,OAAO,IAAI,EAAE;AAEnE,UACE,oBAAC,OAAD;IAAK,WAAW,UAAU,qBAAqB;cAC7C,oBAAC,UAAD;KACE,UAAU,iBACR,KACA,WAAW,WAAW,WAAW,cAClC;KACD,SAAS,WAAW;KACpB,eAAe,WAAW;KAC1B,GAAI;eAEJ,qBAAC,QAAD;MAAM,WAAU;gBAAhB,CAA6B,eAAY,IAAW;;KAC3C,CAAA;IACP,CAAA;;EAGV,OAAO,QAAQ,SAAS;EACzB;CAED,MAAM,4BAA4B,uBAChC,MACA,aAAa,iBACd,CACE,KAAK,WAAW,UAAU,QAAQ,OAAO,CAAC,CAC1C,QAAQ,QAAQ,gBAAgB,SAAS,IAAI,CAAC;CAEjD,MAAM,6BAA6B,0BAA0B,SAAS;CAEtE,MAAM,QACJ,aAAa,OAAO,KAAK,mBAAmB;EAC1C,GAAG;EACH,UAAU,MAAwB;AAChC,iBAAc,QACZ,2BACA,gBAAgB,0BAA0B,EAC1C,EACD;;EAEJ,EAAE,IAAI,EAAE;AAEX,QAAO;EACL,SAAS,CAAC,oBAAoB,GAAG,QAAQ;EACzC,uBAAuB;EACvB;EACiB;EACjB;EACA;EACA;EACA;EACA,UAAU;EACX;;AAGH,SAAS,qBACP,MACA,iBACA,QACA,kBACkC;CAClC,MAAM,cAAc,uBAAuB,MAAM,iBAAiB;AAElE,KAAI,YAAY,WAAW,EACzB,QAAO;CAGT,MAAM,uBAAuB,YAAY,QAAQ,WAC/C,gBAAgB,SAAS,UAAU,QAAQ,OAAO,CAAC,CACpD,CAAC;AAEF,KAAI,yBAAyB,EAC3B,QAAO;AAET,KAAI,yBAAyB,YAAY,OACvC,QAAO;AAET,QAAO;;AAGT,SAAS,uBACP,MACA,kBACA;AACA,QAAO,KAAK,QAAQ,WAAW;EAE7B,MAAM,EAAE,aADc,mBAAmB,OAAO,IAAI,EAAE;AAEtD,SAAO,CAAC;GACR;;;;;;;;;;AA2BJ,SAAgB,mBACd,WACA,cACA,aACA,QACU;AACV,KAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,OAAQ,QAAO,EAAE;CAEvD,MAAM,cAAwB,EAAE;CAGhC,MAAM,aAAa,YAAY,MAC5B,SAAS,UAAU,MAAM,OAAO,KAAK,UACvC;AACD,KAAI,CAAC,WAAY,QAAO,EAAE;CAG1B,MAAM,sBAAsB,SAAc;AAExC,GADiB,KAAK,YAAY,EAAE,EAC3B,SAAS,UAAe;GAC/B,MAAM,WAAW,UAAU,OAAO,OAAO;AACzC,eAAY,KAAK,SAAS;AAC1B,sBAAmB,MAAM;IACzB;;AAGJ,oBAAmB,WAAW;AAC9B,QAAO;;;;;;;;;;AAWT,SAAgB,iBACd,WACA,cACA,aACA,QACU;AACV,KAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,OAAQ,QAAO,EAAE;CAEvD,MAAM,YAAsB,EAAE;CAG9B,MAAM,oBAAoB,aAAuC;AAC/D,OAAK,MAAM,QAAQ,YAEjB,MADkB,KAAa,YAAY,EAAE,EAElC,MAAM,UAAe,UAAU,OAAO,OAAO,KAAK,SAAS,CAEpE,QAAO;AAGX,SAAO;;CAGT,IAAI,aAAa;AAEjB,UAAS;EACP,MAAM,SAAS,iBAAiB,WAAW;AAC3C,MAAI,CAAC,OAAQ;EAEb,MAAM,YAAY,UAAU,QAAQ,OAAO;AAC3C,YAAU,KAAK,UAAU;AACzB,eAAa;;AAGf,QAAO;;;;;;;;;;;;;AAcT,SAAgB,0BACd,WACA,WACA,qBACA,eACA,cACA,mBACA,iBACU;AACV,KACE,iBACA,CAAC,gBACD,CAAC,qBACD,CAAC,gBAGD,QAAO,YACH,oBAAoB,QAAQ,QAAQ,QAAQ,UAAU,GACtD,CAAC,GAAG,qBAAqB,UAAU;CAGzC,IAAI,UAAU,CAAC,GAAG,oBAAoB;AAEtC,KAAI,WAAW;AAEb,YAAU,QAAQ,QAAQ,QAAQ,QAAQ,UAAU;EACpD,MAAM,cAAc,kBAAkB,UAAU;AAChD,YAAU,QAAQ,QAAQ,QAAQ,CAAC,YAAY,SAAS,IAAI,CAAC;AAI7D,EADkB,gBAAgB,UAAU,CAClC,SAAS,gBAAgB;GACjC,MAAM,sBAAsB,kBAAkB,YAAY;AAM1D,OALiC,oBAAoB,QAAQ,QAC3D,QAAQ,SAAS,IAAI,CACtB,CAAC,SAG6B,oBAAoB,OACjD,WAAU,QAAQ,QAAQ,QAAQ,QAAQ,YAAY;IAExD;QACG;AAEL,MAAI,CAAC,QAAQ,SAAS,UAAU,CAC9B,SAAQ,KAAK,UAAU;AAGzB,EADoB,kBAAkB,UAAU,CACpC,SAAS,kBAAkB;AACrC,OAAI,CAAC,QAAQ,SAAS,cAAc,CAClC,SAAQ,KAAK,cAAc;IAE7B;AAIF,EADkB,gBAAgB,UAAU,CAClC,SAAS,gBAAgB;GACjC,MAAM,sBAAsB,kBAAkB,YAAY;AAM1D,OALiC,oBAAoB,QAAQ,QAC3D,QAAQ,SAAS,IAAI,CACtB,CAAC,WAI6B,oBAAoB,UACjD,CAAC,QAAQ,SAAS,YAAY,CAE9B,SAAQ,KAAK,YAAY;IAE3B;;AAGJ,QAAO;;;;;;;;;;;AAYT,SAAgB,yBACd,SACA,iBACA,eACA,cACA,mBAC8C;AAC9C,KAAI,iBAAiB,CAAC,gBAAgB,CAAC,kBAErC,QAAO;EACL,SAAS,gBAAgB,SAAS,QAAQ;EAC1C,eAAe;EAChB;CAGH,MAAM,cAAc,kBAAkB,QAAQ;AAG9C,KAAI,YAAY,WAAW,EACzB,QAAO;EACL,SAAS,gBAAgB,SAAS,QAAQ;EAC1C,eAAe;EAChB;CAGH,MAAM,sBAAsB,YAAY,QAAQ,QAC9C,gBAAgB,SAAS,IAAI,CAC9B;CACD,MAAM,iBAAiB,gBAAgB,SAAS,QAAQ;AAExD,KAAI,kBAAkB,oBAAoB,WAAW,YAAY,OAE/D,QAAO;EAAE,SAAS;EAAM,eAAe;EAAO;UACrC,CAAC,kBAAkB,oBAAoB,WAAW,EAE3D,QAAO;EAAE,SAAS;EAAO,eAAe;EAAO;KAG/C,QAAO;EAAE,SAAS;EAAO,eAAe;EAAM"}

package/dist/Table/index.js

@@ -46,7 +46,7 @@ function TableResizeWrapper({ children, onResize }) {
 	});
 }
 function Table(props, ref) {
-	const { data, bordered, rowKey, columnSizing, sticky, loading, pagination, scroll = {}, empty: emptyComponent, virtual = false, rowClassName = () => "", onRowClick, onError, onSort, expandable, rowDnd } = props;
+	const { data, bordered, rowKey, columnSizing, sticky, loading, pagination, scroll = {}, empty: emptyComponent, virtual = false, rowClassName = () => "", onRowClick, onError, onSort, expandable, rowDnd, rowSelection } = props;
 	const [totalSize, setTotalSize] = useState(null);
 	const [hoverRowId, setHoverRowId] = useState(null);
 	const { y } = scroll;
@@ -336,11 +336,15 @@ function Table(props, ref) {
 				] });
 			} else content = allRowCells.map((cell, index) => renderBodyCell(row, cell, index));
 			const rowId = row.id;
+			const isRowSelected = rowSelectionInfo.isRowSelectionEnabled && rowSelectionInfo.selectedRowKeys.includes(rowId);
+			const isRowSelectionDisabled = rowSelectionInfo.isRowSelectionEnabled && !!rowSelection?.getCheckboxProps?.(row.original).disabled;
 			const rowNode = /* @__PURE__ */ jsx("div", {
 				"data-index": virtual ? rowData.index : rowIndex,
 				className: cn(prefixCls("tr"), {
 					[prefixCls("row-hover")]: rowDndInfo.draggingRowId ? void 0 : hoverRowId === rowId,
 					[prefixCls("row-dragging")]: rowDndInfo.draggingRowId === rowId,
+					[prefixCls("row-selected")]: isRowSelected,
+					[prefixCls("row-selection-disabled")]: isRowSelectionDisabled,
 					[prefixCls("no-border-tr")]: isShowPagination && rowIndex === rows.length - 1
 				}, rowClassName(row.original, rowIndex)),
 				ref: (node) => {
@@ -351,7 +355,9 @@ function Table(props, ref) {
 					}
 				},
 				onClick: onClickRow(row.original, rowIndex),
-				onMouseEnter: () => setHoverRowId(rowId),
+				onMouseEnter: () => {
+					if (!isRowSelectionDisabled) setHoverRowId(rowId);
+				},
 				onMouseLeave: () => setHoverRowId(null),
 				style: virtual ? {
 					position: "absolute",