@aloudata/aloudata-design 3.1.0 → 3.1.1

package/dist/Modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/Modal/index.tsx"],"sourcesContent":["import * as DialogPrimitive from '@radix-ui/react-dialog';\nimport { hideOthers } from 'aria-hidden';\nimport React, {\n  useCallback,\n  useContext,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { createRoot } from 'react-dom/client';\nimport Button, { ButtonType, IButtonProps } from '../Button';\nimport {\n  AttentionTriangleLightLine,\n  CheckCircleLightLine,\n  CloseLLine,\n  InformationCircleLightLine,\n} from '../Icon';\nimport IconButton from '../IconButton';\nimport ScrollArea from '../ScrollArea';\nimport {\n  FLOATING_LAYER_BASE_Z_INDEX,\n  FLOATING_LAYER_STEP,\n  FloatingLayerProvider,\n} from '../_utils/floatingLayer';\nimport {\n  ModalLayerProvider,\n  useModalLayer,\n} from '../_utils/overlayCoordinator';\nimport { LocaleContext, getTranslator } from '../locale/default';\nimport { cn } from '../lib/utils';\n\nexport const destroyFns: Array<() => void> = [];\n\nexport interface ModalProps {\n  open?: boolean;\n  onOk?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n  onCancel?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n  afterClose?: () => void;\n  title?: React.ReactNode;\n  subTitle?: React.ReactNode;\n  icon?: React.ReactElement;\n  width?: number | string;\n  footer?: React.ReactNode | null;\n  okText?: React.ReactNode;\n  cancelText?: React.ReactNode;\n  okButtonProps?: IButtonProps;\n  cancelButtonProps?: IButtonProps;\n  okType?: ButtonType;\n  confirmLoading?: boolean;\n  maskClosable?: boolean;\n  closable?: boolean;\n  closeIcon?: React.ReactNode;\n  centered?: boolean;\n  destroyOnClose?: boolean;\n  className?: string;\n  /** Pass through to the modal content root for automated testing. */\n  'data-testid'?: string;\n  /** Pass through to the modal content root for accessibility and automated testing. */\n  'aria-label'?: string;\n  /** Applied to the outer wrap layer (matches antd wrapClassName behavior) */\n  wrapClassName?: string;\n  style?: React.CSSProperties;\n  bodyStyle?: React.CSSProperties;\n  zIndex?: number;\n  children?: React.ReactNode;\n  paddingLess?: boolean;\n  virtualScrollBar?: boolean;\n  hideHeaderBottomBorder?: boolean;\n  responsiveBounds?: boolean;\n  fullscreen?: boolean;\n  keyboard?: boolean;\n  afterOpenChange?: (open: boolean) => void;\n  getContainer?: (() => HTMLElement) | false;\n  /** @internal used by static methods to pass modal type for icon styling */\n  _modalType?: string;\n}\n\ninterface OriginModalProps extends ModalProps {\n  onTopChange?: (isTop: boolean) => void;\n}\n\nexport interface ModalFuncProps {\n  title?: React.ReactNode;\n  subTitle?: React.ReactNode;\n  content?: React.ReactNode;\n  icon?: React.ReactElement;\n  okText?: React.ReactNode;\n  cancelText?: React.ReactNode;\n  okButtonProps?: IButtonProps;\n  cancelButtonProps?: IButtonProps;\n  okType?: ButtonType;\n  onOk?: (...args: any[]) => any;\n  onCancel?: (...args: any[]) => any;\n  width?: number | string;\n  className?: string;\n  /** @deprecated Use `className` instead. Preserved for antd v4 compat. */\n  wrapClassName?: string;\n  closable?: boolean;\n  type?: 'info' | 'success' | 'error' | 'warn' | 'warning' | 'confirm';\n  centered?: boolean;\n  maskClosable?: boolean;\n}\n\nconst DEFAULT_WIDTH = 552;\nconst modalEscapeEvents = new WeakSet<KeyboardEvent>();\n\nfunction shouldCancelTopModal(event: KeyboardEvent) {\n  return (\n    !event.cancelBubble &&\n    (!event.defaultPrevented || modalEscapeEvents.has(event))\n  );\n}\n\nfunction ModalContentProviders({\n  layerId,\n  floatingLevel,\n  children,\n}: {\n  layerId: number;\n  floatingLevel: number;\n  children: React.ReactNode;\n}) {\n  return (\n    <ModalLayerProvider id={layerId}>\n      <FloatingLayerProvider value={floatingLevel}>\n        {children}\n      </FloatingLayerProvider>\n    </ModalLayerProvider>\n  );\n}\n\nconst ModalTitle = (\n  { icon, title, subTitle }: Pick<ModalProps, 'icon' | 'title' | 'subTitle'>,\n  type?: string,\n) => (\n  <div className=\"ald-modal-title-container tw-flex tw-items-center tw-gap-4\">\n    {icon && (\n      <div\n        className={cn(\n          'ald-modal-icon-container tw-grid tw-size-10 tw-shrink-0 tw-place-items-center tw-rounded-[var(--global-grid-250)]',\n          type === 'info' &&\n            'ald-modal-cion-info-container tw-bg-[var(--background-informative-muted)]',\n          type === 'success' &&\n            'ald-modal-cion-success-container tw-bg-[var(--background-positive-muted)]',\n          type === 'warning' &&\n            'ald-modal-cion-warning-container tw-bg-[var(--background-warning-muted)]',\n          type === 'warn' &&\n            'ald-modal-cion-warning-container tw-bg-[var(--background-warning-muted)]',\n          type === 'error' &&\n            'ald-modal-cion-error-container tw-bg-[var(--background-negative-muted)]',\n          type === 'confirm' &&\n            'ald-modal-cion-confirm-container tw-bg-[var(--background-brand-muted)]',\n        )}\n      >\n        {icon}\n      </div>\n    )}\n    <div className=\"ald-modal-text-container\">\n      {title && (\n        <div\n          className={cn(\n            'ald-modal-text-title tw-text-lg tw-font-semibold tw-leading-7 tw-text-[var(--content-primary)]',\n            !subTitle && 'ald-modal-text-title-only tw-text-xl',\n          )}\n        >\n          {title}\n        </div>\n      )}\n      {subTitle && (\n        <div className=\"ald-modal-text-sub-title tw-mt-1 tw-text-xs tw-leading-4 tw-text-[var(--content-secondary)]\">\n          {subTitle}\n        </div>\n      )}\n    </div>\n  </div>\n);\n\nfunction getIcon(\n  type: 'info' | 'success' | 'error' | 'warn' | 'warning' | 'confirm',\n) {\n  if (type === 'success')\n    return (\n      <CheckCircleLightLine\n        fill=\"var(--content-inverted-primary)\"\n        color=\"var(--background-positive-strong)\"\n        size={24}\n      />\n    );\n  if (type === 'error')\n    return (\n      <AttentionTriangleLightLine\n        color=\"var(--background-negative-strong)\"\n        fill=\"var(--content-inverted-primary)\"\n        size={24}\n      />\n    );\n  if (type === 'warning' || type === 'warn')\n    return (\n      <AttentionTriangleLightLine\n        color=\"var(--background-warning-strong)\"\n        size={24}\n      />\n    );\n  return (\n    <InformationCircleLightLine\n      size={24}\n      color=\"var(--action-primary-normal)\"\n    />\n  );\n}\n\nfunction OriginModal(props: OriginModalProps) {\n  const { locale } = useContext(LocaleContext);\n  const t = getTranslator(locale);\n  const {\n    className,\n    'data-testid': dataTestId,\n    'aria-label': ariaLabel,\n    children,\n    okType = 'primary',\n    width,\n    closeIcon,\n    subTitle,\n    okButtonProps = {},\n    cancelButtonProps = {},\n    okText = t.Modal.sure,\n    cancelText = t.Modal.cancel,\n    icon,\n    title,\n    paddingLess,\n    responsiveBounds,\n    hideHeaderBottomBorder,\n    virtualScrollBar,\n    style,\n    maskClosable = false,\n    fullscreen,\n    open = false,\n    onOk,\n    onCancel,\n    footer,\n    confirmLoading,\n    closable = true,\n    zIndex = 1000,\n    bodyStyle,\n    keyboard = true,\n    afterOpenChange,\n    wrapClassName,\n    _modalType,\n    onTopChange,\n  } = props;\n\n  const prevOpenRef = useRef(open);\n  const contentRef = useRef<HTMLDivElement>(null);\n  const modalRef = useRef<HTMLDivElement>(null);\n  const modalLayer = useModalLayer(open, zIndex);\n  const { id: modalLayerId, maskZIndex, contentZIndex, isTop } = modalLayer;\n  const nextFloatingLevel =\n    (maskZIndex - FLOATING_LAYER_BASE_Z_INDEX) / FLOATING_LAYER_STEP + 1;\n\n  useLayoutEffect(() => {\n    onTopChange?.(isTop);\n  }, [isTop, onTopChange]);\n\n  useEffect(() => {\n    if (prevOpenRef.current !== open) {\n      prevOpenRef.current = open;\n      afterOpenChange?.(open);\n    }\n  }, [open, afterOpenChange]);\n\n  // ---- modal={false} 补偿：aria-hidden（屏幕阅读器只感知弹窗） ----\n  useEffect(() => {\n    if (!open || !isTop || !contentRef.current) return;\n    return hideOthers(contentRef.current);\n  }, [isTop, open]);\n\n  // ---- modal={false} 补偿：Tab 焦点循环 ----\n  useEffect(() => {\n    if (!open || !isTop || !contentRef.current) return;\n    const container = contentRef.current;\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key !== 'Tab') return;\n      const focusable = container.querySelectorAll<HTMLElement>(\n        'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"]):not([disabled])',\n      );\n      if (focusable.length === 0) return;\n      const first = focusable[0];\n      const last = focusable[focusable.length - 1];\n\n      if (e.shiftKey) {\n        if (\n          document.activeElement === first ||\n          !container.contains(document.activeElement)\n        ) {\n          e.preventDefault();\n          last.focus();\n        }\n      } else {\n        if (\n          document.activeElement === last ||\n          !container.contains(document.activeElement)\n        ) {\n          e.preventDefault();\n          first.focus();\n        }\n      }\n    };\n\n    document.addEventListener('keydown', handleKeyDown);\n    return () => document.removeEventListener('keydown', handleKeyDown);\n  }, [isTop, open]);\n\n  useEffect(() => {\n    if (!open || !isTop || !keyboard) return;\n    const handleEscape = (event: KeyboardEvent) => {\n      if (event.key !== 'Escape') return;\n      // Radix observes Escape during document capture, so child overlays can\n      // only finish their own propagation handling later in the event cycle.\n      queueMicrotask(() => {\n        if (shouldCancelTopModal(event)) {\n          onCancel?.({} as React.MouseEvent<HTMLButtonElement>);\n        }\n      });\n    };\n\n    window.addEventListener('keydown', handleEscape, true);\n    return () => window.removeEventListener('keydown', handleEscape, true);\n  }, [isTop, keyboard, onCancel, open]);\n\n  const responsiveBoundsStyle = useMemo(() => {\n    if (!responsiveBounds) return {};\n    return {\n      width: 'calc(100% - 160px)',\n      maxWidth: '1680px',\n      minWidth: '1280px',\n      height: 'calc(100% - 48px)',\n      maxHeight: '900px',\n      minHeight: '640px',\n    };\n  }, [responsiveBounds]);\n\n  const mergedOkProps = { loading: confirmLoading, ...okButtonProps };\n\n  const renderFooter = () => {\n    if (footer === null) return null;\n    if (footer)\n      return (\n        // antd 兼容：antd .ant-modal-footer 使用 text-align:right 让 inline 按钮右对齐，\n        // 即使消费方传入 width:100% 的子容器，内部 inline 元素仍能右对齐。\n        // 此处同时使用 tw-flex tw-justify-end（flexbox 对齐）和 tw-text-right（继承式对齐）保持兼容。\n        <div className=\"ald-modal-footer ant-modal-footer tw-flex tw-items-center tw-justify-end tw-gap-2 tw-border-t tw-border-solid tw-border-[var(--border-default)] tw-bg-[var(--background-default)] tw-px-6 tw-py-3 tw-text-right\">\n          {footer}\n        </div>\n      );\n    return (\n      <div className=\"ald-modal-footer ant-modal-footer tw-flex tw-justify-end tw-gap-2 tw-border-t tw-border-solid tw-border-[var(--border-default)] tw-px-6 tw-py-4\">\n        <Button\n          type=\"secondary\"\n          size=\"middle\"\n          {...cancelButtonProps}\n          onClick={onCancel}\n        >\n          {cancelText}\n        </Button>\n        <Button type={okType} size=\"middle\" {...mergedOkProps} onClick={onOk}>\n          {okText}\n        </Button>\n      </div>\n    );\n  };\n\n  return (\n    <DialogPrimitive.Root open={open} modal={false}>\n      <DialogPrimitive.Portal>\n        {/* modal={false} 时 DialogPrimitive.Overlay 不渲染，用普通 div 替代 */}\n        {isTop && (\n          <div\n            className=\"ald-modal-mask tw-animate-in tw-fade-in-0 tw-fixed tw-inset-0 tw-bg-[var(--background-inverted)] tw-opacity-45\"\n            style={{ zIndex: maskZIndex }}\n            onPointerDown={() => {\n              if (maskClosable) {\n                onCancel?.({} as React.MouseEvent<HTMLButtonElement>);\n              }\n            }}\n          />\n        )}\n        {/* Centering wrapper — replaces transform centering so consumer CSS (top/left overrides) works */}\n        <div\n          ref={contentRef}\n          {...(!isTop ? { inert: '' } : {})}\n          aria-hidden={!isTop || undefined}\n          className={cn(\n            // antd 兼容：保留 ant-modal-wrap class，消费方 CSS 通过 wrapClassName + :global(.ant-modal) 控制弹窗宽高\n            'ald-modal-wrap ant-modal-wrap tw-pointer-events-none tw-fixed tw-inset-0 tw-flex tw-items-center tw-justify-center',\n            wrapClassName,\n          )}\n          style={{ zIndex: contentZIndex }}\n        >\n          <DialogPrimitive.Content\n            ref={modalRef}\n            tabIndex={-1}\n            data-testid={dataTestId}\n            aria-label={ariaLabel}\n            className={cn(\n              // antd 兼容：保留 ant-modal class，消费方 CSS 通过 .ant-modal 选择器控制弹窗宽高等样式\n              // tw-outline-none：Radix 打开时会聚焦 Content，不抑制 outline 会渲染出蓝色焦点框\n              'ald-modal ant-modal tw-pointer-events-auto tw-box-border tw-flex tw-flex-col tw-overflow-hidden tw-bg-[var(--background-default)] tw-shadow-[var(--elevation-bottom-bottom-lg)] tw-outline-none',\n              fullscreen\n                ? 'ald-modal-fullscreen tw-fixed tw-inset-0 tw-size-full tw-rounded-none'\n                : 'tw-rounded-r-75',\n              !fullscreen &&\n                'tw-border tw-border-solid tw-border-[var(--border-default)]',\n              paddingLess && 'ald-modal-padding-less',\n              virtualScrollBar && 'ald-modal-virtual-scroll-bar',\n              hideHeaderBottomBorder && 'ald-modal-hide-header-bottom-border',\n              responsiveBounds && 'ald-modal-responsive-bounds',\n              className,\n            )}\n            style={{\n              ...(fullscreen\n                ? {}\n                : {\n                    width: responsiveBounds\n                      ? responsiveBoundsStyle.width\n                      : width || DEFAULT_WIDTH,\n                    ...responsiveBoundsStyle,\n                  }),\n              ...style,\n            }}\n            onOpenAutoFocus={(event) => {\n              event.preventDefault();\n              requestAnimationFrame(() => {\n                const modal = modalRef.current;\n                const activeElement = document.activeElement;\n                const activeOverlay =\n                  activeElement instanceof HTMLElement\n                    ? activeElement.closest(\n                        '[role=\"dialog\"], [role=\"menu\"], [role=\"listbox\"]',\n                      )\n                    : null;\n\n                // A nested overlay may open together with the modal and owns\n                // focus already. Do not steal focus back from that overlay.\n                if (\n                  !modal ||\n                  (activeOverlay &&\n                    !activeOverlay.classList.contains('ald-modal') &&\n                    activeOverlay !== modal &&\n                    !modal.contains(activeOverlay))\n                ) {\n                  return;\n                }\n                modal.focus({ preventScroll: true });\n              });\n            }}\n            onEscapeKeyDown={(event) => {\n              if (!event.defaultPrevented) modalEscapeEvents.add(event);\n              event.preventDefault();\n            }}\n            onPointerDownOutside={(e) => {\n              if (maskClosable) {\n                onCancel?.({} as React.MouseEvent<HTMLButtonElement>);\n              } else {\n                e.preventDefault();\n              }\n            }}\n            onInteractOutside={(e) => {\n              if (!maskClosable) {\n                e.preventDefault();\n              }\n            }}\n          >\n            {/* ant-modal-content compat wrapper — matches antd DOM nesting for consumer CSS */}\n            <div className=\"ant-modal-content tw-flex tw-h-full tw-flex-col\">\n              <ModalContentProviders\n                layerId={modalLayerId}\n                floatingLevel={nextFloatingLevel}\n              >\n                {!fullscreen && (\n                  <div\n                    className={cn(\n                      'ald-modal-header ant-modal-header tw-flex tw-items-start tw-justify-between tw-bg-[var(--background-default)] tw-px-6 tw-py-4',\n                      !hideHeaderBottomBorder &&\n                        'tw-border-b tw-border-solid tw-border-[var(--border-default)]',\n                    )}\n                  >\n                    <DialogPrimitive.Title asChild>\n                      <div className=\"tw-flex-1\">\n                        {ModalTitle({ icon, title, subTitle }, _modalType)}\n                      </div>\n                    </DialogPrimitive.Title>\n                    {closable && (\n                      <DialogPrimitive.Close asChild>\n                        <span className=\"ant-modal-close\" onClick={onCancel}>\n                          {closeIcon || (\n                            <IconButton\n                              icon={<CloseLLine size={20} />}\n                              size=\"middle\"\n                            />\n                          )}\n                        </span>\n                      </DialogPrimitive.Close>\n                    )}\n                  </div>\n                )}\n                {/* Hidden title for accessibility when fullscreen hides the header */}\n                {fullscreen && (\n                  <DialogPrimitive.Title className=\"tw-sr-only\">\n                    {title}\n                  </DialogPrimitive.Title>\n                )}\n                <div\n                  className={cn(\n                    'ald-modal-body ant-modal-body tw-flex-1 tw-text-sm tw-leading-5',\n                    fullscreen\n                      ? 'tw-h-full tw-overflow-auto tw-p-0'\n                      : 'tw-min-h-[130px]',\n                    !fullscreen &&\n                      (virtualScrollBar\n                        ? 'tw-overflow-hidden tw-p-0'\n                        : 'tw-overflow-auto'),\n                    !fullscreen &&\n                      !responsiveBounds &&\n                      !virtualScrollBar &&\n                      'tw-max-h-[68vh]',\n                    !fullscreen &&\n                      !paddingLess &&\n                      !virtualScrollBar &&\n                      'tw-p-6',\n                  )}\n                  style={bodyStyle}\n                >\n                  {virtualScrollBar ? (\n                    <ScrollArea\n                      className=\"ald-modal-body-wrap !tw-h-auto\"\n                      innerClassName={cn(\n                        'ald-modal-body-wrap-inner tw-max-h-[68vh]',\n                        paddingLess ? 'tw-p-0' : 'tw-px-[23px] tw-py-0',\n                      )}\n                    >\n                      {children}\n                    </ScrollArea>\n                  ) : (\n                    children\n                  )}\n                </div>\n                {!fullscreen && renderFooter()}\n              </ModalContentProviders>\n            </div>\n          </DialogPrimitive.Content>\n        </div>\n      </DialogPrimitive.Portal>\n    </DialogPrimitive.Root>\n  );\n}\n\n// Static method helper\nfunction createStaticModal(\n  type: ModalFuncProps['type'],\n  props: ModalFuncProps,\n) {\n  const focusTarget = document.activeElement as HTMLElement | null;\n  const container = document.createElement('div');\n  document.body.appendChild(container);\n  const root = createRoot(container);\n\n  let currentProps = { ...props };\n  let destroyed = false;\n  let isTop = true;\n\n  const destroy = () => {\n    if (destroyed) return;\n    destroyed = true;\n    const shouldRestoreFocus = isTop;\n    root.unmount();\n    container.remove();\n    const idx = destroyFns.indexOf(destroy);\n    if (idx >= 0) destroyFns.splice(idx, 1);\n    queueMicrotask(() => {\n      if (shouldRestoreFocus && focusTarget?.isConnected) focusTarget.focus();\n    });\n  };\n\n  const update = (newProps: Partial<ModalFuncProps>) => {\n    currentProps = { ...currentProps, ...newProps };\n    render(currentProps);\n  };\n\n  const isConfirm = type === 'confirm';\n\n  const render = (p: ModalFuncProps) => {\n    const handleOk = () => {\n      p.onOk?.();\n      destroy();\n    };\n    const handleCancel = () => {\n      p.onCancel?.();\n      destroy();\n    };\n\n    root.render(\n      <OriginModal\n        open={true}\n        title={p.title}\n        subTitle={p.subTitle}\n        icon={p.icon || getIcon(type || 'info')}\n        onOk={handleOk}\n        onCancel={handleCancel}\n        okText={p.okText}\n        cancelText={p.cancelText}\n        okButtonProps={p.okButtonProps}\n        cancelButtonProps={p.cancelButtonProps}\n        okType={p.okType || (isConfirm ? 'dangerous' : 'primary')}\n        width={p.width || DEFAULT_WIDTH}\n        className={cn('ald-modal', p.className)}\n        closable={p.closable}\n        maskClosable={p.maskClosable}\n        _modalType={type}\n        onTopChange={(nextIsTop) => {\n          isTop = nextIsTop;\n        }}\n        footer={\n          isConfirm ? undefined : (\n            <Button\n              type=\"primary\"\n              size=\"middle\"\n              {...(p.okButtonProps || {})}\n              onClick={handleOk}\n            >\n              {p.okText || 'OK'}\n            </Button>\n          )\n        }\n      >\n        {p.content}\n      </OriginModal>,\n    );\n  };\n\n  destroyFns.push(destroy);\n  render(currentProps);\n\n  return { destroy, update };\n}\n\n// Attach static methods\ntype ModalFunc = (props: ModalFuncProps) => {\n  destroy: () => void;\n  update: (props: Partial<ModalFuncProps>) => void;\n};\n\n// ---------- useModal hook ----------\n\ninterface ModalInstance {\n  id: number;\n  type: ModalFuncProps['type'];\n  props: ModalFuncProps;\n  open: boolean;\n}\n\nexport interface ModalApiInstance {\n  destroy: () => void;\n  update: (newProps: Partial<ModalFuncProps>) => void;\n}\n\nexport interface ModalStaticFunctions {\n  info: (props: ModalFuncProps) => ModalApiInstance;\n  success: (props: ModalFuncProps) => ModalApiInstance;\n  error: (props: ModalFuncProps) => ModalApiInstance;\n  warning: (props: ModalFuncProps) => ModalApiInstance;\n  confirm: (props: ModalFuncProps) => ModalApiInstance;\n}\n\nfunction useModal(): [ModalStaticFunctions, React.ReactElement] {\n  const [modals, setModals] = useState<ModalInstance[]>([]);\n  const idCounter = useRef(0);\n\n  const removeModal = useCallback((id: number) => {\n    setModals((prev) =>\n      prev.map((m) => (m.id === id ? { ...m, open: false } : m)),\n    );\n    // Remove from DOM after animation\n    setTimeout(() => {\n      setModals((prev) => prev.filter((m) => m.id !== id));\n    }, 300);\n  }, []);\n\n  const updateModal = useCallback(\n    (id: number, newProps: Partial<ModalFuncProps>) => {\n      setModals((prev) =>\n        prev.map((m) =>\n          m.id === id ? { ...m, props: { ...m.props, ...newProps } } : m,\n        ),\n      );\n    },\n    [],\n  );\n\n  const openModal = useCallback(\n    (type: ModalFuncProps['type'], props: ModalFuncProps): ModalApiInstance => {\n      const id = ++idCounter.current;\n      const instance: ModalInstance = { id, type, props, open: true };\n      setModals((prev) => [...prev, instance]);\n\n      return {\n        destroy: () => removeModal(id),\n        update: (newProps: Partial<ModalFuncProps>) =>\n          updateModal(id, newProps),\n      };\n    },\n    [removeModal, updateModal],\n  );\n\n  const api = useMemo<ModalStaticFunctions>(\n    () => ({\n      info: (props) => openModal('info', props),\n      success: (props) => openModal('success', props),\n      error: (props) => openModal('error', props),\n      warning: (props) => openModal('warning', props),\n      confirm: (props) =>\n        openModal('confirm', { ...props, type: props.type || 'confirm' }),\n    }),\n    [openModal],\n  );\n\n  const contextHolder = (\n    <>\n      {modals.map((m) => {\n        const isConfirmType = m.type === 'confirm';\n        const handleOk = () => {\n          m.props.onOk?.();\n          removeModal(m.id);\n        };\n        const handleCancel = () => {\n          m.props.onCancel?.();\n          removeModal(m.id);\n        };\n        return (\n          <OriginModal\n            key={m.id}\n            open={m.open}\n            title={m.props.title}\n            subTitle={m.props.subTitle}\n            icon={m.props.icon || getIcon(m.type || 'info')}\n            onOk={handleOk}\n            onCancel={handleCancel}\n            okText={m.props.okText}\n            cancelText={m.props.cancelText}\n            okButtonProps={m.props.okButtonProps}\n            cancelButtonProps={m.props.cancelButtonProps}\n            okType={m.props.okType || (isConfirmType ? 'dangerous' : 'primary')}\n            width={m.props.width || DEFAULT_WIDTH}\n            className={cn('ald-modal', m.props.className)}\n            closable={m.props.closable}\n            maskClosable={m.props.maskClosable}\n            _modalType={m.type}\n            footer={\n              isConfirmType ? undefined : (\n                <Button\n                  type=\"primary\"\n                  size=\"middle\"\n                  {...(m.props.okButtonProps || {})}\n                  onClick={handleOk}\n                >\n                  {m.props.okText || 'OK'}\n                </Button>\n              )\n            }\n          >\n            {m.props.content}\n          </OriginModal>\n        );\n      })}\n    </>\n  );\n\n  return [api, contextHolder];\n}\n\n// ---------- end useModal ----------\n\nconst Modal = OriginModal as typeof OriginModal & {\n  info: ModalFunc;\n  success: ModalFunc;\n  error: ModalFunc;\n  warning: ModalFunc;\n  confirm: ModalFunc;\n  destroyAll: () => void;\n  useModal: typeof useModal;\n  config: (config: any) => void;\n};\n\nModal.info = (props) => createStaticModal('info', props);\nModal.success = (props) => createStaticModal('success', props);\nModal.error = (props) => createStaticModal('error', props);\nModal.warning = (props) => createStaticModal('warning', props);\nModal.confirm = (props) =>\n  createStaticModal('confirm', { ...props, type: props.type || 'confirm' });\n\nModal.destroyAll = () => {\n  while (destroyFns.length) {\n    const close = destroyFns.pop();\n    if (close) close();\n  }\n};\n\nModal.useModal = useModal;\nModal.config = () => {};\n\nexport default Modal;\n"],"mappings":";;;;;;;;;;;;;;;;;AAiCA,IAAa,aAAgC,EAAE;AAwE/C,IAAM,gBAAgB;AACtB,IAAM,oCAAoB,IAAI,SAAwB;AAEtD,SAAS,qBAAqB,OAAsB;AAClD,QACE,CAAC,MAAM,iBACN,CAAC,MAAM,oBAAoB,kBAAkB,IAAI,MAAM;;AAI5D,SAAS,sBAAsB,EAC7B,SACA,eACA,YAKC;AACD,QACE,oBAAC,oBAAD;EAAoB,IAAI;YACtB,oBAAC,uBAAD;GAAuB,OAAO;GAC3B;GACqB,CAAA;EACL,CAAA;;AAIzB,IAAM,cACJ,EAAE,MAAM,OAAO,YACf,SAEA,qBAAC,OAAD;CAAK,WAAU;WAAf,CACG,QACC,oBAAC,OAAD;EACE,WAAW,GACT,qHACA,SAAS,UACP,6EACF,SAAS,aACP,6EACF,SAAS,aACP,4EACF,SAAS,UACP,4EACF,SAAS,WACP,2EACF,SAAS,aACP,yEACH;YAEA;EACG,CAAA,EAER,qBAAC,OAAD;EAAK,WAAU;YAAf,CACG,SACC,oBAAC,OAAD;GACE,WAAW,GACT,kGACA,CAAC,YAAY,uCACd;aAEA;GACG,CAAA,EAEP,YACC,oBAAC,OAAD;GAAK,WAAU;aACZ;GACG,CAAA,CAEJ;IACF;;AAGR,SAAS,QACP,MACA;AACA,KAAI,SAAS,UACX,QACE,oBAAC,QAAD;EACE,MAAK;EACL,OAAM;EACN,MAAM;EACN,CAAA;AAEN,KAAI,SAAS,QACX,QACE,oBAAC,MAAD;EACE,OAAM;EACN,MAAK;EACL,MAAM;EACN,CAAA;AAEN,KAAI,SAAS,aAAa,SAAS,OACjC,QACE,oBAAC,MAAD;EACE,OAAM;EACN,MAAM;EACN,CAAA;AAEN,QACE,oBAAC,QAAD;EACE,MAAM;EACN,OAAM;EACN,CAAA;;AAIN,SAAS,YAAY,OAAyB;CAC5C,MAAM,EAAE,WAAW,WAAW,cAAc;CAC5C,MAAM,IAAI,cAAc,OAAO;CAC/B,MAAM,EACJ,WACA,eAAe,YACf,cAAc,WACd,UACA,SAAS,WACT,OACA,WACA,UACA,gBAAgB,EAAE,EAClB,oBAAoB,EAAE,EACtB,SAAS,EAAE,MAAM,MACjB,aAAa,EAAE,MAAM,QACrB,MACA,OACA,aACA,kBACA,wBACA,kBACA,OACA,eAAe,OACf,YACA,OAAO,OACP,MACA,UACA,QACA,gBACA,WAAW,MACX,SAAS,KACT,WACA,WAAW,MACX,iBACA,eACA,YACA,gBACE;CAEJ,MAAM,cAAc,OAAO,KAAK;CAChC,MAAM,aAAa,OAAuB,KAAK;CAC/C,MAAM,WAAW,OAAuB,KAAK;CAE7C,MAAM,EAAE,IAAI,cAAc,YAAY,eAAe,UADlC,cAAc,MAAM,OAAO;CAE9C,MAAM,qBACH,aAAa,+BAAA,KAAqD;AAErE,uBAAsB;AACpB,gBAAc,MAAM;IACnB,CAAC,OAAO,YAAY,CAAC;AAExB,iBAAgB;AACd,MAAI,YAAY,YAAY,MAAM;AAChC,eAAY,UAAU;AACtB,qBAAkB,KAAK;;IAExB,CAAC,MAAM,gBAAgB,CAAC;AAG3B,iBAAgB;AACd,MAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,WAAW,QAAS;AAC5C,SAAO,WAAW,WAAW,QAAQ;IACpC,CAAC,OAAO,KAAK,CAAC;AAGjB,iBAAgB;AACd,MAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,WAAW,QAAS;EAC5C,MAAM,YAAY,WAAW;EAE7B,MAAM,iBAAiB,MAAqB;AAC1C,OAAI,EAAE,QAAQ,MAAO;GACrB,MAAM,YAAY,UAAU,iBAC1B,8JACD;AACD,OAAI,UAAU,WAAW,EAAG;GAC5B,MAAM,QAAQ,UAAU;GACxB,MAAM,OAAO,UAAU,UAAU,SAAS;AAE1C,OAAI,EAAE,UACJ;QACE,SAAS,kBAAkB,SAC3B,CAAC,UAAU,SAAS,SAAS,cAAc,EAC3C;AACA,OAAE,gBAAgB;AAClB,UAAK,OAAO;;cAIZ,SAAS,kBAAkB,QAC3B,CAAC,UAAU,SAAS,SAAS,cAAc,EAC3C;AACA,MAAE,gBAAgB;AAClB,UAAM,OAAO;;;AAKnB,WAAS,iBAAiB,WAAW,cAAc;AACnD,eAAa,SAAS,oBAAoB,WAAW,cAAc;IAClE,CAAC,OAAO,KAAK,CAAC;AAEjB,iBAAgB;AACd,MAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,SAAU;EAClC,MAAM,gBAAgB,UAAyB;AAC7C,OAAI,MAAM,QAAQ,SAAU;AAG5B,wBAAqB;AACnB,QAAI,qBAAqB,MAAM,CAC7B,YAAW,EAAE,CAAwC;KAEvD;;AAGJ,SAAO,iBAAiB,WAAW,cAAc,KAAK;AACtD,eAAa,OAAO,oBAAoB,WAAW,cAAc,KAAK;IACrE;EAAC;EAAO;EAAU;EAAU;EAAK,CAAC;CAErC,MAAM,wBAAwB,cAAc;AAC1C,MAAI,CAAC,iBAAkB,QAAO,EAAE;AAChC,SAAO;GACL,OAAO;GACP,UAAU;GACV,UAAU;GACV,QAAQ;GACR,WAAW;GACX,WAAW;GACZ;IACA,CAAC,iBAAiB,CAAC;CAEtB,MAAM,gBAAgB;EAAE,SAAS;EAAgB,GAAG;EAAe;CAEnE,MAAM,qBAAqB;AACzB,MAAI,WAAW,KAAM,QAAO;AAC5B,MAAI,OACF,QAIE,oBAAC,OAAD;GAAK,WAAU;aACZ;GACG,CAAA;AAEV,SACE,qBAAC,OAAD;GAAK,WAAU;aAAf,CACE,oBAAC,gBAAD;IACE,MAAK;IACL,MAAK;IACL,GAAI;IACJ,SAAS;cAER;IACM,CAAA,EACT,oBAAC,gBAAD;IAAQ,MAAM;IAAQ,MAAK;IAAS,GAAI;IAAe,SAAS;cAC7D;IACM,CAAA,CACL;;;AAIV,QACE,oBAAC,gBAAgB,MAAjB;EAA4B;EAAM,OAAO;YACvC,qBAAC,gBAAgB,QAAjB,EAAA,UAAA,CAEG,SACC,oBAAC,OAAD;GACE,WAAU;GACV,OAAO,EAAE,QAAQ,YAAY;GAC7B,qBAAqB;AACnB,QAAI,aACF,YAAW,EAAE,CAAwC;;GAGzD,CAAA,EAGJ,oBAAC,OAAD;GACE,KAAK;GACL,GAAK,CAAC,QAAQ,EAAE,OAAO,IAAI,GAAG,EAAE;GAChC,eAAa,CAAC,SAAS;GACvB,WAAW,GAET,sHACA,cACD;GACD,OAAO,EAAE,QAAQ,eAAe;aAEhC,oBAAC,gBAAgB,SAAjB;IACE,KAAK;IACL,UAAU;IACV,eAAa;IACb,cAAY;IACZ,WAAW,GAGT,mMACA,aACI,0EACA,mBACJ,CAAC,cACC,+DACF,eAAe,0BACf,oBAAoB,gCACpB,0BAA0B,uCAC1B,oBAAoB,+BACpB,UACD;IACD,OAAO;KACL,GAAI,aACA,EAAE,GACF;MACE,OAAO,mBACH,sBAAsB,QACtB,SAAS;MACb,GAAG;MACJ;KACL,GAAG;KACJ;IACD,kBAAkB,UAAU;AAC1B,WAAM,gBAAgB;AACtB,iCAA4B;MAC1B,MAAM,QAAQ,SAAS;MACvB,MAAM,gBAAgB,SAAS;MAC/B,MAAM,gBACJ,yBAAyB,cACrB,cAAc,QACZ,yDACD,GACD;AAIN,UACE,CAAC,SACA,iBACC,CAAC,cAAc,UAAU,SAAS,YAAY,IAC9C,kBAAkB,SAClB,CAAC,MAAM,SAAS,cAAc,CAEhC;AAEF,YAAM,MAAM,EAAE,eAAe,MAAM,CAAC;OACpC;;IAEJ,kBAAkB,UAAU;AAC1B,SAAI,CAAC,MAAM,iBAAkB,mBAAkB,IAAI,MAAM;AACzD,WAAM,gBAAgB;;IAExB,uBAAuB,MAAM;AAC3B,SAAI,aACF,YAAW,EAAE,CAAwC;SAErD,GAAE,gBAAgB;;IAGtB,oBAAoB,MAAM;AACxB,SAAI,CAAC,aACH,GAAE,gBAAgB;;cAKtB,oBAAC,OAAD;KAAK,WAAU;eACb,qBAAC,uBAAD;MACE,SAAS;MACT,eAAe;gBAFjB;OAIG,CAAC,cACA,qBAAC,OAAD;QACE,WAAW,GACT,iIACA,CAAC,0BACC,gEACH;kBALH,CAOE,oBAAC,gBAAgB,OAAjB;SAAuB,SAAA;mBACrB,oBAAC,OAAD;UAAK,WAAU;oBACZ,WAAW;WAAE;WAAM;WAAO;WAAU,EAAE,WAAW;UAC9C,CAAA;SACgB,CAAA,EACvB,YACC,oBAAC,gBAAgB,OAAjB;SAAuB,SAAA;mBACrB,oBAAC,QAAD;UAAM,WAAU;UAAkB,SAAS;oBACxC,aACC,oBAAC,YAAD;WACE,MAAM,oBAAC,QAAD,EAAY,MAAM,IAAM,CAAA;WAC9B,MAAK;WACL,CAAA;UAEC,CAAA;SACe,CAAA,CAEtB;;OAGP,cACC,oBAAC,gBAAgB,OAAjB;QAAuB,WAAU;kBAC9B;QACqB,CAAA;OAE1B,oBAAC,OAAD;QACE,WAAW,GACT,mEACA,aACI,sCACA,oBACJ,CAAC,eACE,mBACG,8BACA,qBACN,CAAC,cACC,CAAC,oBACD,CAAC,oBACD,mBACF,CAAC,cACC,CAAC,eACD,CAAC,oBACD,SACH;QACD,OAAO;kBAEN,mBACC,oBAAC,oBAAD;SACE,WAAU;SACV,gBAAgB,GACd,6CACA,cAAc,WAAW,uBAC1B;SAEA;SACU,CAAA,GAEb;QAEE,CAAA;OACL,CAAC,cAAc,cAAc;OACR;;KACpB,CAAA;IACkB,CAAA;GACtB,CAAA,CACiB,EAAA,CAAA;EACJ,CAAA;;AAK3B,SAAS,kBACP,MACA,OACA;CACA,MAAM,cAAc,SAAS;CAC7B,MAAM,YAAY,SAAS,cAAc,MAAM;AAC/C,UAAS,KAAK,YAAY,UAAU;CACpC,MAAM,OAAO,WAAW,UAAU;CAElC,IAAI,eAAe,EAAE,GAAG,OAAO;CAC/B,IAAI,YAAY;CAChB,IAAI,QAAQ;CAEZ,MAAM,gBAAgB;AACpB,MAAI,UAAW;AACf,cAAY;EACZ,MAAM,qBAAqB;AAC3B,OAAK,SAAS;AACd,YAAU,QAAQ;EAClB,MAAM,MAAM,WAAW,QAAQ,QAAQ;AACvC,MAAI,OAAO,EAAG,YAAW,OAAO,KAAK,EAAE;AACvC,uBAAqB;AACnB,OAAI,sBAAsB,aAAa,YAAa,aAAY,OAAO;IACvE;;CAGJ,MAAM,UAAU,aAAsC;AACpD,iBAAe;GAAE,GAAG;GAAc,GAAG;GAAU;AAC/C,SAAO,aAAa;;CAGtB,MAAM,YAAY,SAAS;CAE3B,MAAM,UAAU,MAAsB;EACpC,MAAM,iBAAiB;AACrB,KAAE,QAAQ;AACV,YAAS;;EAEX,MAAM,qBAAqB;AACzB,KAAE,YAAY;AACd,YAAS;;AAGX,OAAK,OACH,oBAAC,aAAD;GACE,MAAM;GACN,OAAO,EAAE;GACT,UAAU,EAAE;GACZ,MAAM,EAAE,QAAQ,QAAQ,QAAQ,OAAO;GACvC,MAAM;GACN,UAAU;GACV,QAAQ,EAAE;GACV,YAAY,EAAE;GACd,eAAe,EAAE;GACjB,mBAAmB,EAAE;GACrB,QAAQ,EAAE,WAAW,YAAY,cAAc;GAC/C,OAAO,EAAE,SAAS;GAClB,WAAW,GAAG,aAAa,EAAE,UAAU;GACvC,UAAU,EAAE;GACZ,cAAc,EAAE;GAChB,YAAY;GACZ,cAAc,cAAc;AAC1B,YAAQ;;GAEV,QACE,YAAY,SACV,oBAAC,gBAAD;IACE,MAAK;IACL,MAAK;IACL,GAAK,EAAE,iBAAiB,EAAE;IAC1B,SAAS;cAER,EAAE,UAAU;IACN,CAAA;aAIZ,EAAE;GACS,CAAA,CACf;;AAGH,YAAW,KAAK,QAAQ;AACxB,QAAO,aAAa;AAEpB,QAAO;EAAE;EAAS;EAAQ;;AA+B5B,SAAS,WAAuD;CAC9D,MAAM,CAAC,QAAQ,aAAa,SAA0B,EAAE,CAAC;CACzD,MAAM,YAAY,OAAO,EAAE;CAE3B,MAAM,cAAc,aAAa,OAAe;AAC9C,aAAW,SACT,KAAK,KAAK,MAAO,EAAE,OAAO,KAAK;GAAE,GAAG;GAAG,MAAM;GAAO,GAAG,EAAG,CAC3D;AAED,mBAAiB;AACf,cAAW,SAAS,KAAK,QAAQ,MAAM,EAAE,OAAO,GAAG,CAAC;KACnD,IAAI;IACN,EAAE,CAAC;CAEN,MAAM,cAAc,aACjB,IAAY,aAAsC;AACjD,aAAW,SACT,KAAK,KAAK,MACR,EAAE,OAAO,KAAK;GAAE,GAAG;GAAG,OAAO;IAAE,GAAG,EAAE;IAAO,GAAG;IAAU;GAAE,GAAG,EAC9D,CACF;IAEH,EAAE,CACH;CAED,MAAM,YAAY,aACf,MAA8B,UAA4C;EACzE,MAAM,KAAK,EAAE,UAAU;EACvB,MAAM,WAA0B;GAAE;GAAI;GAAM;GAAO,MAAM;GAAM;AAC/D,aAAW,SAAS,CAAC,GAAG,MAAM,SAAS,CAAC;AAExC,SAAO;GACL,eAAe,YAAY,GAAG;GAC9B,SAAS,aACP,YAAY,IAAI,SAAS;GAC5B;IAEH,CAAC,aAAa,YAAY,CAC3B;AAiED,QAAO,CA/DK,eACH;EACL,OAAO,UAAU,UAAU,QAAQ,MAAM;EACzC,UAAU,UAAU,UAAU,WAAW,MAAM;EAC/C,QAAQ,UAAU,UAAU,SAAS,MAAM;EAC3C,UAAU,UAAU,UAAU,WAAW,MAAM;EAC/C,UAAU,UACR,UAAU,WAAW;GAAE,GAAG;GAAO,MAAM,MAAM,QAAQ;GAAW,CAAC;EACpE,GACD,CAAC,UAAU,CACZ,EAGC,oBAAA,UAAA,EAAA,UACG,OAAO,KAAK,MAAM;EACjB,MAAM,gBAAgB,EAAE,SAAS;EACjC,MAAM,iBAAiB;AACrB,KAAE,MAAM,QAAQ;AAChB,eAAY,EAAE,GAAG;;EAEnB,MAAM,qBAAqB;AACzB,KAAE,MAAM,YAAY;AACpB,eAAY,EAAE,GAAG;;AAEnB,SACE,oBAAC,aAAD;GAEE,MAAM,EAAE;GACR,OAAO,EAAE,MAAM;GACf,UAAU,EAAE,MAAM;GAClB,MAAM,EAAE,MAAM,QAAQ,QAAQ,EAAE,QAAQ,OAAO;GAC/C,MAAM;GACN,UAAU;GACV,QAAQ,EAAE,MAAM;GAChB,YAAY,EAAE,MAAM;GACpB,eAAe,EAAE,MAAM;GACvB,mBAAmB,EAAE,MAAM;GAC3B,QAAQ,EAAE,MAAM,WAAW,gBAAgB,cAAc;GACzD,OAAO,EAAE,MAAM,SAAS;GACxB,WAAW,GAAG,aAAa,EAAE,MAAM,UAAU;GAC7C,UAAU,EAAE,MAAM;GAClB,cAAc,EAAE,MAAM;GACtB,YAAY,EAAE;GACd,QACE,gBAAgB,SACd,oBAAC,gBAAD;IACE,MAAK;IACL,MAAK;IACL,GAAK,EAAE,MAAM,iBAAiB,EAAE;IAChC,SAAS;cAER,EAAE,MAAM,UAAU;IACZ,CAAA;aAIZ,EAAE,MAAM;GACG,EA/BP,EAAE,GA+BK;GAEhB,EACD,CAAA,CAGsB;;AAK7B,IAAM,QAAQ;AAWd,MAAM,QAAQ,UAAU,kBAAkB,QAAQ,MAAM;AACxD,MAAM,WAAW,UAAU,kBAAkB,WAAW,MAAM;AAC9D,MAAM,SAAS,UAAU,kBAAkB,SAAS,MAAM;AAC1D,MAAM,WAAW,UAAU,kBAAkB,WAAW,MAAM;AAC9D,MAAM,WAAW,UACf,kBAAkB,WAAW;CAAE,GAAG;CAAO,MAAM,MAAM,QAAQ;CAAW,CAAC;AAE3E,MAAM,mBAAmB;AACvB,QAAO,WAAW,QAAQ;EACxB,MAAM,QAAQ,WAAW,KAAK;AAC9B,MAAI,MAAO,QAAO;;;AAItB,MAAM,WAAW;AACjB,MAAM,eAAe"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Modal/index.tsx"],"sourcesContent":["import * as DialogPrimitive from '@radix-ui/react-dialog';\nimport { hideOthers } from 'aria-hidden';\nimport React, {\n  useCallback,\n  useContext,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { createRoot } from 'react-dom/client';\nimport Button, { ButtonType, IButtonProps } from '../Button';\nimport {\n  AttentionTriangleLightLine,\n  CheckCircleLightLine,\n  CloseLLine,\n  InformationCircleLightLine,\n} from '../Icon';\nimport '../IconButton/icon-button.css';\nimport ScrollArea from '../ScrollArea';\nimport {\n  FLOATING_LAYER_BASE_Z_INDEX,\n  FLOATING_LAYER_STEP,\n  FloatingLayerProvider,\n} from '../_utils/floatingLayer';\nimport {\n  ModalLayerProvider,\n  useModalLayer,\n} from '../_utils/overlayCoordinator';\nimport {\n  focusInitialDialogTarget,\n  markDialogEscapeEvent,\n  restoreDialogFocus,\n  useDialogAccessibility,\n} from '../_utils/dialogAccessibility';\nimport { LocaleContext, getTranslator } from '../locale/default';\nimport { cn } from '../lib/utils';\n\nexport const destroyFns: Array<() => void> = [];\n\nexport interface ModalProps {\n  open?: boolean;\n  onOk?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n  onCancel?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n  afterClose?: () => void;\n  title?: React.ReactNode;\n  subTitle?: React.ReactNode;\n  icon?: React.ReactElement;\n  width?: number | string;\n  footer?: React.ReactNode | null;\n  okText?: React.ReactNode;\n  cancelText?: React.ReactNode;\n  okButtonProps?: IButtonProps;\n  cancelButtonProps?: IButtonProps;\n  okType?: ButtonType;\n  confirmLoading?: boolean;\n  maskClosable?: boolean;\n  closable?: boolean;\n  closeIcon?: React.ReactNode;\n  centered?: boolean;\n  destroyOnClose?: boolean;\n  className?: string;\n  /** Pass through to the modal content root for automated testing. */\n  'data-testid'?: string;\n  /** Pass through to the modal content root for accessibility and automated testing. */\n  'aria-label'?: string;\n  /** Dialog semantic role. Use alertdialog only for explicitly urgent confirmation flows. */\n  role?: 'dialog' | 'alertdialog';\n  /** Applied to the outer wrap layer (matches antd wrapClassName behavior) */\n  wrapClassName?: string;\n  style?: React.CSSProperties;\n  bodyStyle?: React.CSSProperties;\n  zIndex?: number;\n  children?: React.ReactNode;\n  paddingLess?: boolean;\n  virtualScrollBar?: boolean;\n  hideHeaderBottomBorder?: boolean;\n  responsiveBounds?: boolean;\n  fullscreen?: boolean;\n  keyboard?: boolean;\n  afterOpenChange?: (open: boolean) => void;\n  getContainer?: (() => HTMLElement) | false;\n  /** @internal used by static methods to pass modal type for icon styling */\n  _modalType?: string;\n}\n\ninterface OriginModalProps extends ModalProps {\n  onTopChange?: (isTop: boolean) => void;\n}\n\nexport interface ModalFuncProps {\n  title?: React.ReactNode;\n  subTitle?: React.ReactNode;\n  content?: React.ReactNode;\n  icon?: React.ReactElement;\n  okText?: React.ReactNode;\n  cancelText?: React.ReactNode;\n  okButtonProps?: IButtonProps;\n  cancelButtonProps?: IButtonProps;\n  okType?: ButtonType;\n  onOk?: (...args: any[]) => any;\n  onCancel?: (...args: any[]) => any;\n  width?: number | string;\n  className?: string;\n  /** @deprecated Use `className` instead. Preserved for antd v4 compat. */\n  wrapClassName?: string;\n  closable?: boolean;\n  type?: 'info' | 'success' | 'error' | 'warn' | 'warning' | 'confirm';\n  centered?: boolean;\n  maskClosable?: boolean;\n  /** Dialog semantic role. Use alertdialog only for explicitly urgent confirmation flows. */\n  role?: 'dialog' | 'alertdialog';\n}\n\nconst DEFAULT_WIDTH = 552;\nfunction ModalContentProviders({\n  layerId,\n  floatingLevel,\n  children,\n}: {\n  layerId: number;\n  floatingLevel: number;\n  children: React.ReactNode;\n}) {\n  return (\n    <ModalLayerProvider id={layerId}>\n      <FloatingLayerProvider value={floatingLevel}>\n        {children}\n      </FloatingLayerProvider>\n    </ModalLayerProvider>\n  );\n}\n\nconst ModalTitle = (\n  {\n    icon,\n    title,\n    subTitle,\n    titleId,\n    descriptionId,\n  }: Pick<ModalProps, 'icon' | 'title' | 'subTitle'> & {\n    titleId?: string;\n    descriptionId?: string;\n  },\n  type?: string,\n) => (\n  <div className=\"ald-modal-title-container tw-flex tw-items-center tw-gap-4\">\n    {icon && (\n      <div\n        className={cn(\n          'ald-modal-icon-container tw-grid tw-size-10 tw-shrink-0 tw-place-items-center tw-rounded-[var(--global-grid-250)]',\n          type === 'info' &&\n            'ald-modal-cion-info-container tw-bg-[var(--background-informative-muted)]',\n          type === 'success' &&\n            'ald-modal-cion-success-container tw-bg-[var(--background-positive-muted)]',\n          type === 'warning' &&\n            'ald-modal-cion-warning-container tw-bg-[var(--background-warning-muted)]',\n          type === 'warn' &&\n            'ald-modal-cion-warning-container tw-bg-[var(--background-warning-muted)]',\n          type === 'error' &&\n            'ald-modal-cion-error-container tw-bg-[var(--background-negative-muted)]',\n          type === 'confirm' &&\n            'ald-modal-cion-confirm-container tw-bg-[var(--background-brand-muted)]',\n        )}\n      >\n        {icon}\n      </div>\n    )}\n    <div className=\"ald-modal-text-container\">\n      {title && (\n        <div\n          id={titleId}\n          className={cn(\n            'ald-modal-text-title tw-text-lg tw-font-semibold tw-leading-7 tw-text-[var(--content-primary)]',\n            !subTitle && 'ald-modal-text-title-only tw-text-xl',\n          )}\n        >\n          {title}\n        </div>\n      )}\n      {subTitle && (\n        <div\n          id={descriptionId}\n          className=\"ald-modal-text-sub-title tw-mt-1 tw-text-xs tw-leading-4 tw-text-[var(--content-secondary)]\"\n        >\n          {subTitle}\n        </div>\n      )}\n    </div>\n  </div>\n);\n\nfunction getIcon(\n  type: 'info' | 'success' | 'error' | 'warn' | 'warning' | 'confirm',\n) {\n  if (type === 'success')\n    return (\n      <CheckCircleLightLine\n        fill=\"var(--content-inverted-primary)\"\n        color=\"var(--background-positive-strong)\"\n        size={24}\n      />\n    );\n  if (type === 'error')\n    return (\n      <AttentionTriangleLightLine\n        color=\"var(--background-negative-strong)\"\n        fill=\"var(--content-inverted-primary)\"\n        size={24}\n      />\n    );\n  if (type === 'warning' || type === 'warn')\n    return (\n      <AttentionTriangleLightLine\n        color=\"var(--background-warning-strong)\"\n        size={24}\n      />\n    );\n  return (\n    <InformationCircleLightLine\n      size={24}\n      color=\"var(--action-primary-normal)\"\n    />\n  );\n}\n\nfunction OriginModal(props: OriginModalProps) {\n  const { locale } = useContext(LocaleContext);\n  const t = getTranslator(locale);\n  const {\n    className,\n    'data-testid': dataTestId,\n    'aria-label': ariaLabel,\n    role = 'dialog',\n    children,\n    okType = 'primary',\n    width,\n    closeIcon,\n    subTitle,\n    okButtonProps = {},\n    cancelButtonProps = {},\n    okText = t.Modal.sure,\n    cancelText = t.Modal.cancel,\n    icon,\n    title,\n    paddingLess,\n    responsiveBounds,\n    hideHeaderBottomBorder,\n    virtualScrollBar,\n    style,\n    maskClosable = false,\n    fullscreen,\n    open = false,\n    onOk,\n    onCancel,\n    footer,\n    confirmLoading,\n    closable = true,\n    zIndex = 1000,\n    bodyStyle,\n    keyboard = true,\n    afterOpenChange,\n    wrapClassName,\n    _modalType,\n    onTopChange,\n  } = props;\n\n  const prevOpenRef = useRef(open);\n  const contentRef = useRef<HTMLDivElement>(null);\n  const modalRef = useRef<HTMLDivElement>(null);\n  const generatedId = React.useId();\n  const titleId = `${generatedId}-title`;\n  const descriptionId = `${generatedId}-description`;\n  const modalLayer = useModalLayer(open, zIndex);\n  const { id: modalLayerId, maskZIndex, contentZIndex, isTop } = modalLayer;\n  const nextFloatingLevel =\n    (maskZIndex - FLOATING_LAYER_BASE_Z_INDEX) / FLOATING_LAYER_STEP + 1;\n\n  useDialogAccessibility({\n    open,\n    isTop,\n    keyboard,\n    containerRef: modalRef,\n    onEscape: () => onCancel?.({} as React.MouseEvent<HTMLButtonElement>),\n  });\n\n  useLayoutEffect(() => {\n    onTopChange?.(isTop);\n  }, [isTop, onTopChange]);\n\n  useEffect(() => {\n    if (prevOpenRef.current !== open) {\n      prevOpenRef.current = open;\n      afterOpenChange?.(open);\n    }\n  }, [open, afterOpenChange]);\n\n  // ---- modal={false} 补偿：aria-hidden（屏幕阅读器只感知弹窗） ----\n  useEffect(() => {\n    if (!open || !isTop || !contentRef.current) return;\n    return hideOthers(contentRef.current);\n  }, [isTop, open]);\n\n  const responsiveBoundsStyle = useMemo(() => {\n    if (!responsiveBounds) return {};\n    return {\n      width: 'calc(100% - 160px)',\n      maxWidth: '1680px',\n      minWidth: '1280px',\n      height: 'calc(100% - 48px)',\n      maxHeight: '900px',\n      minHeight: '640px',\n    };\n  }, [responsiveBounds]);\n\n  const mergedOkProps = { loading: confirmLoading, ...okButtonProps };\n  const headerBorderClassName = hideHeaderBottomBorder\n    ? '!tw-border-0'\n    : 'tw-border-b tw-border-solid tw-border-[var(--border-default)] !tw-border-x-0 !tw-border-t-0';\n\n  const renderFooter = () => {\n    if (footer === null) return null;\n    const footerBorderClassName =\n      'tw-border-t tw-border-solid tw-border-[var(--border-default)] !tw-border-x-0 !tw-border-b-0';\n    if (footer)\n      return (\n        // antd 兼容：antd .ant-modal-footer 使用 text-align:right 让 inline 按钮右对齐，\n        // 即使消费方传入 width:100% 的子容器，内部 inline 元素仍能右对齐。\n        // 此处同时使用 tw-flex tw-justify-end（flexbox 对齐）和 tw-text-right（继承式对齐）保持兼容。\n        <div\n          className={cn(\n            'ald-modal-footer ant-modal-footer tw-flex tw-items-center tw-justify-end tw-gap-2 tw-bg-[var(--background-default)] tw-px-6 tw-py-3 tw-text-right',\n            footerBorderClassName,\n          )}\n        >\n          {footer}\n        </div>\n      );\n    return (\n      <div\n        className={cn(\n          'ald-modal-footer ant-modal-footer tw-flex tw-justify-end tw-gap-2 tw-px-6 tw-py-4',\n          footerBorderClassName,\n        )}\n      >\n        <Button\n          type=\"secondary\"\n          size=\"middle\"\n          {...cancelButtonProps}\n          onClick={onCancel}\n        >\n          {cancelText}\n        </Button>\n        <Button type={okType} size=\"middle\" {...mergedOkProps} onClick={onOk}>\n          {okText}\n        </Button>\n      </div>\n    );\n  };\n\n  return (\n    <DialogPrimitive.Root open={open} modal={false}>\n      <DialogPrimitive.Portal>\n        {/* modal={false} 时 DialogPrimitive.Overlay 不渲染，用普通 div 替代 */}\n        {isTop && (\n          <div\n            className=\"ald-modal-mask tw-animate-in tw-fade-in-0 tw-fixed tw-inset-0 tw-bg-[var(--background-inverted)] tw-opacity-45\"\n            style={{ zIndex: maskZIndex }}\n            onPointerDown={() => {\n              if (maskClosable) {\n                onCancel?.({} as React.MouseEvent<HTMLButtonElement>);\n              }\n            }}\n          />\n        )}\n        {/* Centering wrapper — replaces transform centering so consumer CSS (top/left overrides) works */}\n        <div\n          ref={contentRef}\n          {...(!isTop ? { inert: '' } : {})}\n          aria-hidden={!isTop || undefined}\n          className={cn(\n            // antd 兼容：保留 ant-modal-wrap class，消费方 CSS 通过 wrapClassName + :global(.ant-modal) 控制弹窗宽高\n            'ald-modal-wrap ant-modal-wrap tw-pointer-events-none tw-fixed tw-inset-0 tw-flex tw-items-center tw-justify-center',\n            wrapClassName,\n          )}\n          style={{ zIndex: contentZIndex }}\n        >\n          <DialogPrimitive.Content\n            ref={modalRef}\n            tabIndex={-1}\n            role={role}\n            data-testid={dataTestId}\n            aria-modal={isTop || undefined}\n            aria-labelledby={title ? titleId : undefined}\n            aria-describedby={subTitle ? descriptionId : undefined}\n            aria-label={ariaLabel}\n            className={cn(\n              // antd 兼容：保留 ant-modal class，消费方 CSS 通过 .ant-modal 选择器控制弹窗宽高等样式\n              // tw-outline-none：Radix 打开时会聚焦 Content，不抑制 outline 会渲染出蓝色焦点框\n              'ald-modal ant-modal tw-pointer-events-auto tw-box-border tw-flex tw-flex-col tw-overflow-hidden tw-border-0 tw-bg-[var(--background-default)] tw-shadow-none tw-outline-none',\n              fullscreen\n                ? 'ald-modal-fullscreen tw-fixed tw-inset-0 tw-size-full tw-rounded-none'\n                : 'tw-rounded-r-75',\n              paddingLess && 'ald-modal-padding-less',\n              virtualScrollBar && 'ald-modal-virtual-scroll-bar',\n              hideHeaderBottomBorder && 'ald-modal-hide-header-bottom-border',\n              responsiveBounds && 'ald-modal-responsive-bounds',\n              className,\n            )}\n            style={{\n              ...(fullscreen\n                ? {}\n                : {\n                    width: responsiveBounds\n                      ? responsiveBoundsStyle.width\n                      : width || DEFAULT_WIDTH,\n                    ...responsiveBoundsStyle,\n                  }),\n              ...style,\n            }}\n            onOpenAutoFocus={(event) => {\n              event.preventDefault();\n              requestAnimationFrame(() => {\n                const modal = modalRef.current;\n                if (modal) focusInitialDialogTarget(modal);\n              });\n            }}\n            onEscapeKeyDown={(event) => {\n              if (!event.defaultPrevented) markDialogEscapeEvent(event);\n              event.preventDefault();\n            }}\n            onPointerDownOutside={(e) => {\n              if (maskClosable) {\n                onCancel?.({} as React.MouseEvent<HTMLButtonElement>);\n              } else {\n                e.preventDefault();\n              }\n            }}\n            onInteractOutside={(e) => {\n              if (!maskClosable) {\n                e.preventDefault();\n              }\n            }}\n          >\n            {/* ant-modal-content compat wrapper — matches antd DOM nesting for consumer CSS.\n                Visual chrome is owned by .ald-modal to avoid nested antd styles adding\n                an extra footer-side/bottom edge. */}\n            <div className=\"ant-modal-content tw-flex tw-h-full tw-flex-col !tw-rounded-none !tw-border-0 !tw-bg-transparent !tw-p-0 !tw-shadow-none\">\n              <ModalContentProviders\n                layerId={modalLayerId}\n                floatingLevel={nextFloatingLevel}\n              >\n                {!fullscreen && (\n                  <div\n                    className={cn(\n                      'ald-modal-header ant-modal-header tw-flex tw-items-start tw-justify-between tw-bg-[var(--background-default)] tw-px-6 tw-py-4',\n                      headerBorderClassName,\n                    )}\n                  >\n                    <DialogPrimitive.Title asChild>\n                      <div className=\"tw-flex-1\">\n                        {ModalTitle(\n                          { icon, title, subTitle, titleId, descriptionId },\n                          _modalType,\n                        )}\n                      </div>\n                    </DialogPrimitive.Title>\n                    {closable && (\n                      <DialogPrimitive.Close asChild>\n                        <button\n                          type=\"button\"\n                          className=\"ant-modal-close ald-icon-button ald-icon-button-middle focus-visible:tw-outline focus-visible:tw-outline-2 focus-visible:tw-outline-offset-2 focus-visible:tw-outline-[var(--focus-ring)] forced-colors:focus-visible:tw-outline-[Highlight]\"\n                          aria-label=\"Close\"\n                          data-overlay-close=\"true\"\n                          onClick={onCancel}\n                        >\n                          <span className=\"ald-icon-button-wrap\">\n                            {closeIcon || <CloseLLine size={20} />}\n                          </span>\n                        </button>\n                      </DialogPrimitive.Close>\n                    )}\n                  </div>\n                )}\n                {/* Hidden title for accessibility when fullscreen hides the header */}\n                {fullscreen && (\n                  <DialogPrimitive.Title asChild>\n                    <div className=\"tw-sr-only\">\n                      {title && <span id={titleId}>{title}</span>}\n                    </div>\n                  </DialogPrimitive.Title>\n                )}\n                {subTitle && (\n                  <DialogPrimitive.Description className=\"tw-sr-only\">\n                    {subTitle}\n                  </DialogPrimitive.Description>\n                )}\n                <div\n                  className={cn(\n                    'ald-modal-body ant-modal-body tw-flex-1 tw-text-sm tw-leading-5',\n                    fullscreen\n                      ? 'tw-h-full tw-overflow-auto tw-p-0'\n                      : 'tw-min-h-[130px]',\n                    !fullscreen &&\n                      (virtualScrollBar\n                        ? 'tw-overflow-hidden tw-p-0'\n                        : 'tw-overflow-auto'),\n                    !fullscreen &&\n                      !responsiveBounds &&\n                      !virtualScrollBar &&\n                      'tw-max-h-[68vh]',\n                    !fullscreen &&\n                      !paddingLess &&\n                      !virtualScrollBar &&\n                      'tw-p-6',\n                  )}\n                  style={bodyStyle}\n                >\n                  {virtualScrollBar ? (\n                    <ScrollArea\n                      className=\"ald-modal-body-wrap !tw-h-auto\"\n                      innerClassName={cn(\n                        'ald-modal-body-wrap-inner tw-max-h-[68vh]',\n                        paddingLess ? 'tw-p-0' : 'tw-px-[23px] tw-py-0',\n                      )}\n                    >\n                      {children}\n                    </ScrollArea>\n                  ) : (\n                    children\n                  )}\n                </div>\n                {!fullscreen && renderFooter()}\n              </ModalContentProviders>\n            </div>\n          </DialogPrimitive.Content>\n        </div>\n      </DialogPrimitive.Portal>\n    </DialogPrimitive.Root>\n  );\n}\n\n// Static method helper\nfunction createStaticModal(\n  type: ModalFuncProps['type'],\n  props: ModalFuncProps,\n) {\n  const focusTarget = document.activeElement as HTMLElement | null;\n  const container = document.createElement('div');\n  document.body.appendChild(container);\n  const root = createRoot(container);\n\n  let currentProps = { ...props };\n  let destroyed = false;\n  let isTop = true;\n\n  const destroy = () => {\n    if (destroyed) return;\n    destroyed = true;\n    const shouldRestoreFocus = isTop;\n    root.unmount();\n    container.remove();\n    const idx = destroyFns.indexOf(destroy);\n    if (idx >= 0) destroyFns.splice(idx, 1);\n    if (shouldRestoreFocus) restoreDialogFocus(focusTarget);\n  };\n\n  const update = (newProps: Partial<ModalFuncProps>) => {\n    currentProps = { ...currentProps, ...newProps };\n    render(currentProps);\n  };\n\n  const isConfirm = type === 'confirm';\n\n  const render = (p: ModalFuncProps) => {\n    const handleOk = () => {\n      p.onOk?.();\n      destroy();\n    };\n    const handleCancel = () => {\n      p.onCancel?.();\n      destroy();\n    };\n\n    root.render(\n      <OriginModal\n        open={true}\n        title={p.title}\n        subTitle={p.subTitle}\n        icon={p.icon || getIcon(type || 'info')}\n        onOk={handleOk}\n        onCancel={handleCancel}\n        okText={p.okText}\n        cancelText={p.cancelText}\n        okButtonProps={p.okButtonProps}\n        cancelButtonProps={p.cancelButtonProps}\n        okType={p.okType || (isConfirm ? 'dangerous' : 'primary')}\n        width={p.width || DEFAULT_WIDTH}\n        className={cn('ald-modal', p.className)}\n        closable={p.closable}\n        maskClosable={p.maskClosable}\n        role={p.role}\n        _modalType={type}\n        onTopChange={(nextIsTop) => {\n          isTop = nextIsTop;\n        }}\n        footer={\n          isConfirm ? undefined : (\n            <Button\n              type=\"primary\"\n              size=\"middle\"\n              {...(p.okButtonProps || {})}\n              onClick={handleOk}\n            >\n              {p.okText || 'OK'}\n            </Button>\n          )\n        }\n      >\n        {p.content}\n      </OriginModal>,\n    );\n  };\n\n  destroyFns.push(destroy);\n  render(currentProps);\n\n  return { destroy, update };\n}\n\n// Attach static methods\ntype ModalFunc = (props: ModalFuncProps) => {\n  destroy: () => void;\n  update: (props: Partial<ModalFuncProps>) => void;\n};\n\n// ---------- useModal hook ----------\n\ninterface ModalInstance {\n  id: number;\n  type: ModalFuncProps['type'];\n  props: ModalFuncProps;\n  open: boolean;\n}\n\nexport interface ModalApiInstance {\n  destroy: () => void;\n  update: (newProps: Partial<ModalFuncProps>) => void;\n}\n\nexport interface ModalStaticFunctions {\n  info: (props: ModalFuncProps) => ModalApiInstance;\n  success: (props: ModalFuncProps) => ModalApiInstance;\n  error: (props: ModalFuncProps) => ModalApiInstance;\n  warning: (props: ModalFuncProps) => ModalApiInstance;\n  confirm: (props: ModalFuncProps) => ModalApiInstance;\n}\n\nfunction useModal(): [ModalStaticFunctions, React.ReactElement] {\n  const [modals, setModals] = useState<ModalInstance[]>([]);\n  const idCounter = useRef(0);\n\n  const removeModal = useCallback((id: number) => {\n    setModals((prev) =>\n      prev.map((m) => (m.id === id ? { ...m, open: false } : m)),\n    );\n    // Remove from DOM after animation\n    setTimeout(() => {\n      setModals((prev) => prev.filter((m) => m.id !== id));\n    }, 300);\n  }, []);\n\n  const updateModal = useCallback(\n    (id: number, newProps: Partial<ModalFuncProps>) => {\n      setModals((prev) =>\n        prev.map((m) =>\n          m.id === id ? { ...m, props: { ...m.props, ...newProps } } : m,\n        ),\n      );\n    },\n    [],\n  );\n\n  const openModal = useCallback(\n    (type: ModalFuncProps['type'], props: ModalFuncProps): ModalApiInstance => {\n      const id = ++idCounter.current;\n      const instance: ModalInstance = { id, type, props, open: true };\n      setModals((prev) => [...prev, instance]);\n\n      return {\n        destroy: () => removeModal(id),\n        update: (newProps: Partial<ModalFuncProps>) =>\n          updateModal(id, newProps),\n      };\n    },\n    [removeModal, updateModal],\n  );\n\n  const api = useMemo<ModalStaticFunctions>(\n    () => ({\n      info: (props) => openModal('info', props),\n      success: (props) => openModal('success', props),\n      error: (props) => openModal('error', props),\n      warning: (props) => openModal('warning', props),\n      confirm: (props) =>\n        openModal('confirm', { ...props, type: props.type || 'confirm' }),\n    }),\n    [openModal],\n  );\n\n  const contextHolder = (\n    <>\n      {modals.map((m) => {\n        const isConfirmType = m.type === 'confirm';\n        const handleOk = () => {\n          m.props.onOk?.();\n          removeModal(m.id);\n        };\n        const handleCancel = () => {\n          m.props.onCancel?.();\n          removeModal(m.id);\n        };\n        return (\n          <OriginModal\n            key={m.id}\n            open={m.open}\n            title={m.props.title}\n            subTitle={m.props.subTitle}\n            icon={m.props.icon || getIcon(m.type || 'info')}\n            onOk={handleOk}\n            onCancel={handleCancel}\n            okText={m.props.okText}\n            cancelText={m.props.cancelText}\n            okButtonProps={m.props.okButtonProps}\n            cancelButtonProps={m.props.cancelButtonProps}\n            okType={m.props.okType || (isConfirmType ? 'dangerous' : 'primary')}\n            width={m.props.width || DEFAULT_WIDTH}\n            className={cn('ald-modal', m.props.className)}\n            closable={m.props.closable}\n            maskClosable={m.props.maskClosable}\n            role={m.props.role}\n            _modalType={m.type}\n            footer={\n              isConfirmType ? undefined : (\n                <Button\n                  type=\"primary\"\n                  size=\"middle\"\n                  {...(m.props.okButtonProps || {})}\n                  onClick={handleOk}\n                >\n                  {m.props.okText || 'OK'}\n                </Button>\n              )\n            }\n          >\n            {m.props.content}\n          </OriginModal>\n        );\n      })}\n    </>\n  );\n\n  return [api, contextHolder];\n}\n\n// ---------- end useModal ----------\n\nconst Modal = OriginModal as typeof OriginModal & {\n  info: ModalFunc;\n  success: ModalFunc;\n  error: ModalFunc;\n  warning: ModalFunc;\n  confirm: ModalFunc;\n  destroyAll: () => void;\n  useModal: typeof useModal;\n  config: (config: any) => void;\n};\n\nModal.info = (props) => createStaticModal('info', props);\nModal.success = (props) => createStaticModal('success', props);\nModal.error = (props) => createStaticModal('error', props);\nModal.warning = (props) => createStaticModal('warning', props);\nModal.confirm = (props) =>\n  createStaticModal('confirm', { ...props, type: props.type || 'confirm' });\n\nModal.destroyAll = () => {\n  while (destroyFns.length) {\n    const close = destroyFns.pop();\n    if (close) close();\n  }\n};\n\nModal.useModal = useModal;\nModal.config = () => {};\n\nexport default Modal;\n"],"mappings":"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"}

package/dist/OverflowCount/index.js

@@ -48,6 +48,16 @@ function OverflowCount(props) {
 			onOpenChange: (open) => setIsPopupOpen(open),
 			children: /* @__PURE__ */ jsx("div", {
 				className: cn(prefixCls("rest-btn"), "tw-flex tw-cursor-pointer tw-items-center"),
+				role: "button",
+				tabIndex: 0,
+				"aria-label": `Show ${omittedItems.length} more items`,
+				"aria-expanded": isPopupOpen,
+				onKeyDown: (event) => {
+					if (event.key === "Enter" || event.key === " ") {
+						event.preventDefault();
+						setIsPopupOpen((open) => !open);
+					}
+				},
 				children: /* @__PURE__ */ jsx(Badge, {
 					count: `+${omittedItems.length}`,
 					status: "info",

package/dist/OverflowCount/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/OverflowCount/index.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport Badge, { BadgeProps } from '../Badge';\nimport { cn } from '../lib/utils';\nimport Popover from '../Popover';\n\ninterface OverflowCountProps<T> {\n  data: T[];\n  renderItem: (item: T) => React.ReactNode;\n  badge?: Omit<BadgeProps, 'count'>;\n  popupClassName?: string;\n  suffix?: React.ReactNode;\n  size?: 'small' | 'default';\n}\n\nfunction OverflowCount<T = unknown>(props: OverflowCountProps<T>) {\n  const {\n    data,\n    renderItem: propsRenderItem,\n    popupClassName = '',\n    badge,\n    size,\n    suffix,\n  } = props;\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [visibleCount, setVisibleCount] = useState(data.length);\n  const [isPopupOpen, setIsPopupOpen] = useState(false);\n\n  const itemClassName = cn(\n    prefixCls('item'),\n    'tw-flex',\n    size === 'small' ? [prefixCls('item-small'), 'tw-pr-1'] : 'tw-pr-1.5',\n  );\n\n  // Measure which items fit\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) return;\n\n    const measure = () => {\n      const children = Array.from(\n        container.querySelectorAll(`.${prefixCls('item')}`),\n      );\n      if (children.length === 0) {\n        setVisibleCount(data.length);\n        return;\n      }\n      const containerRight = container.getBoundingClientRect().right;\n      let count = 0;\n      for (const child of children) {\n        const rect = (child as HTMLElement).getBoundingClientRect();\n        if (rect.right <= containerRight - 40) {\n          count++;\n        } else {\n          break;\n        }\n      }\n      setVisibleCount(Math.max(1, count));\n    };\n\n    measure();\n    const ro = new window.ResizeObserver(measure);\n    ro.observe(container);\n    return () => ro.disconnect();\n  }, [data.length]);\n\n  const visibleItems = data.slice(0, visibleCount);\n  const omittedItems = data.slice(visibleCount);\n\n  const renderRest = useCallback(() => {\n    if (omittedItems.length === 0) return null;\n\n    const itemNodes = omittedItems.map((item, index) => (\n      <div key={index} className={itemClassName}>\n        {propsRenderItem(item)}\n      </div>\n    ));\n\n    return (\n      <Popover\n        content={\n          <div\n            className={cn(\n              prefixCls('popup-container'),\n              'tw-flex tw-max-h-[300px] tw-w-[360px] tw-flex-wrap tw-overflow-y-auto',\n              size === 'small'\n                ? [prefixCls('popup-container-small'), 'tw-gap-y-1']\n                : 'tw-gap-y-1.5',\n              popupClassName,\n            )}\n          >\n            {itemNodes}\n          </div>\n        }\n        trigger=\"hover\"\n        open={isPopupOpen}\n        onOpenChange={(open) => setIsPopupOpen(open)}\n      >\n        <div\n          className={cn(\n            prefixCls('rest-btn'),\n            'tw-flex tw-cursor-pointer tw-items-center',\n          )}\n        >\n          <Badge count={`+${omittedItems.length}`} status=\"info\" {...badge} />\n        </div>\n      </Popover>\n    );\n  }, [\n    omittedItems,\n    badge,\n    popupClassName,\n    propsRenderItem,\n    itemClassName,\n    size,\n    isPopupOpen,\n  ]);\n\n  return (\n    <div className={cn(prefixCls('container'), 'tw-w-full')}>\n      <div\n        ref={containerRef}\n        className={cn(\n          prefixCls('overflow'),\n          'tw-flex tw-flex-nowrap tw-items-center tw-overflow-hidden',\n        )}\n      >\n        {visibleItems.map((item, i) => (\n          <div key={i} className={itemClassName}>\n            {propsRenderItem(item)}\n          </div>\n        ))}\n        {renderRest()}\n        {suffix}\n      </div>\n    </div>\n  );\n}\n\nexport default OverflowCount;\n\nconst ALD_PREFIX = 'ald-overflow-count';\nexport function prefixCls(className: string) {\n  return `${ALD_PREFIX}-${className}`;\n}\n"],"mappings":";;;;;;AAcA,SAAS,cAA2B,OAA8B;CAChE,MAAM,EACJ,MACA,YAAY,iBACZ,iBAAiB,IACjB,OACA,MACA,WACE;CAEJ,MAAM,eAAe,OAAuB,KAAK;CACjD,MAAM,CAAC,cAAc,mBAAmB,SAAS,KAAK,OAAO;CAC7D,MAAM,CAAC,aAAa,kBAAkB,SAAS,MAAM;CAErD,MAAM,gBAAgB,GACpB,UAAU,OAAO,EACjB,WACA,SAAS,UAAU,CAAC,UAAU,aAAa,EAAE,UAAU,GAAG,YAC3D;AAGD,iBAAgB;EACd,MAAM,YAAY,aAAa;AAC/B,MAAI,CAAC,UAAW;EAEhB,MAAM,gBAAgB;GACpB,MAAM,WAAW,MAAM,KACrB,UAAU,iBAAiB,IAAI,UAAU,OAAO,GAAG,CACpD;AACD,OAAI,SAAS,WAAW,GAAG;AACzB,oBAAgB,KAAK,OAAO;AAC5B;;GAEF,MAAM,iBAAiB,UAAU,uBAAuB,CAAC;GACzD,IAAI,QAAQ;AACZ,QAAK,MAAM,SAAS,SAElB,KADc,MAAsB,uBAAuB,CAClD,SAAS,iBAAiB,GACjC;OAEA;AAGJ,mBAAgB,KAAK,IAAI,GAAG,MAAM,CAAC;;AAGrC,WAAS;EACT,MAAM,KAAK,IAAI,OAAO,eAAe,QAAQ;AAC7C,KAAG,QAAQ,UAAU;AACrB,eAAa,GAAG,YAAY;IAC3B,CAAC,KAAK,OAAO,CAAC;CAEjB,MAAM,eAAe,KAAK,MAAM,GAAG,aAAa;CAChD,MAAM,eAAe,KAAK,MAAM,aAAa;CAE7C,MAAM,aAAa,kBAAkB;AACnC,MAAI,aAAa,WAAW,EAAG,QAAO;EAEtC,MAAM,YAAY,aAAa,KAAK,MAAM,UACxC,oBAAC,OAAD;GAAiB,WAAW;aACzB,gBAAgB,KAAK;GAClB,EAFI,MAEJ,CACN;AAEF,SACE,oBAAC,SAAD;GACE,SACE,oBAAC,OAAD;IACE,WAAW,GACT,UAAU,kBAAkB,EAC5B,yEACA,SAAS,UACL,CAAC,UAAU,wBAAwB,EAAE,aAAa,GAClD,gBACJ,eACD;cAEA;IACG,CAAA;GAER,SAAQ;GACR,MAAM;GACN,eAAe,SAAS,eAAe,KAAK;aAE5C,oBAAC,OAAD;IACE,WAAW,GACT,UAAU,WAAW,EACrB,4CACD;cAED,oBAAC,OAAD;KAAO,OAAO,IAAI,aAAa;KAAU,QAAO;KAAO,GAAI;KAAS,CAAA;IAChE,CAAA;GACE,CAAA;IAEX;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,QACE,oBAAC,OAAD;EAAK,WAAW,GAAG,UAAU,YAAY,EAAE,YAAY;YACrD,qBAAC,OAAD;GACE,KAAK;GACL,WAAW,GACT,UAAU,WAAW,EACrB,4DACD;aALH;IAOG,aAAa,KAAK,MAAM,MACvB,oBAAC,OAAD;KAAa,WAAW;eACrB,gBAAgB,KAAK;KAClB,EAFI,EAEJ,CACN;IACD,YAAY;IACZ;IACG;;EACF,CAAA;;AAMV,IAAM,aAAa;AACnB,SAAgB,UAAU,WAAmB;AAC3C,QAAO,GAAG,WAAW,GAAG"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/OverflowCount/index.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport Badge, { BadgeProps } from '../Badge';\nimport { cn } from '../lib/utils';\nimport Popover from '../Popover';\n\ninterface OverflowCountProps<T> {\n  data: T[];\n  renderItem: (item: T) => React.ReactNode;\n  badge?: Omit<BadgeProps, 'count'>;\n  popupClassName?: string;\n  suffix?: React.ReactNode;\n  size?: 'small' | 'default';\n}\n\nfunction OverflowCount<T = unknown>(props: OverflowCountProps<T>) {\n  const {\n    data,\n    renderItem: propsRenderItem,\n    popupClassName = '',\n    badge,\n    size,\n    suffix,\n  } = props;\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [visibleCount, setVisibleCount] = useState(data.length);\n  const [isPopupOpen, setIsPopupOpen] = useState(false);\n\n  const itemClassName = cn(\n    prefixCls('item'),\n    'tw-flex',\n    size === 'small' ? [prefixCls('item-small'), 'tw-pr-1'] : 'tw-pr-1.5',\n  );\n\n  // Measure which items fit\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) return;\n\n    const measure = () => {\n      const children = Array.from(\n        container.querySelectorAll(`.${prefixCls('item')}`),\n      );\n      if (children.length === 0) {\n        setVisibleCount(data.length);\n        return;\n      }\n      const containerRight = container.getBoundingClientRect().right;\n      let count = 0;\n      for (const child of children) {\n        const rect = (child as HTMLElement).getBoundingClientRect();\n        if (rect.right <= containerRight - 40) {\n          count++;\n        } else {\n          break;\n        }\n      }\n      setVisibleCount(Math.max(1, count));\n    };\n\n    measure();\n    const ro = new window.ResizeObserver(measure);\n    ro.observe(container);\n    return () => ro.disconnect();\n  }, [data.length]);\n\n  const visibleItems = data.slice(0, visibleCount);\n  const omittedItems = data.slice(visibleCount);\n\n  const renderRest = useCallback(() => {\n    if (omittedItems.length === 0) return null;\n\n    const itemNodes = omittedItems.map((item, index) => (\n      <div key={index} className={itemClassName}>\n        {propsRenderItem(item)}\n      </div>\n    ));\n\n    return (\n      <Popover\n        content={\n          <div\n            className={cn(\n              prefixCls('popup-container'),\n              'tw-flex tw-max-h-[300px] tw-w-[360px] tw-flex-wrap tw-overflow-y-auto',\n              size === 'small'\n                ? [prefixCls('popup-container-small'), 'tw-gap-y-1']\n                : 'tw-gap-y-1.5',\n              popupClassName,\n            )}\n          >\n            {itemNodes}\n          </div>\n        }\n        trigger=\"hover\"\n        open={isPopupOpen}\n        onOpenChange={(open) => setIsPopupOpen(open)}\n      >\n        <div\n          className={cn(\n            prefixCls('rest-btn'),\n            'tw-flex tw-cursor-pointer tw-items-center',\n          )}\n          role=\"button\"\n          tabIndex={0}\n          aria-label={`Show ${omittedItems.length} more items`}\n          aria-expanded={isPopupOpen}\n          onKeyDown={(event) => {\n            if (event.key === 'Enter' || event.key === ' ') {\n              event.preventDefault();\n              setIsPopupOpen((open) => !open);\n            }\n          }}\n        >\n          <Badge count={`+${omittedItems.length}`} status=\"info\" {...badge} />\n        </div>\n      </Popover>\n    );\n  }, [\n    omittedItems,\n    badge,\n    popupClassName,\n    propsRenderItem,\n    itemClassName,\n    size,\n    isPopupOpen,\n  ]);\n\n  return (\n    <div className={cn(prefixCls('container'), 'tw-w-full')}>\n      <div\n        ref={containerRef}\n        className={cn(\n          prefixCls('overflow'),\n          'tw-flex tw-flex-nowrap tw-items-center tw-overflow-hidden',\n        )}\n      >\n        {visibleItems.map((item, i) => (\n          <div key={i} className={itemClassName}>\n            {propsRenderItem(item)}\n          </div>\n        ))}\n        {renderRest()}\n        {suffix}\n      </div>\n    </div>\n  );\n}\n\nexport default OverflowCount;\n\nconst ALD_PREFIX = 'ald-overflow-count';\nexport function prefixCls(className: string) {\n  return `${ALD_PREFIX}-${className}`;\n}\n"],"mappings":";;;;;;AAcA,SAAS,cAA2B,OAA8B;CAChE,MAAM,EACJ,MACA,YAAY,iBACZ,iBAAiB,IACjB,OACA,MACA,WACE;CAEJ,MAAM,eAAe,OAAuB,KAAK;CACjD,MAAM,CAAC,cAAc,mBAAmB,SAAS,KAAK,OAAO;CAC7D,MAAM,CAAC,aAAa,kBAAkB,SAAS,MAAM;CAErD,MAAM,gBAAgB,GACpB,UAAU,OAAO,EACjB,WACA,SAAS,UAAU,CAAC,UAAU,aAAa,EAAE,UAAU,GAAG,YAC3D;AAGD,iBAAgB;EACd,MAAM,YAAY,aAAa;AAC/B,MAAI,CAAC,UAAW;EAEhB,MAAM,gBAAgB;GACpB,MAAM,WAAW,MAAM,KACrB,UAAU,iBAAiB,IAAI,UAAU,OAAO,GAAG,CACpD;AACD,OAAI,SAAS,WAAW,GAAG;AACzB,oBAAgB,KAAK,OAAO;AAC5B;;GAEF,MAAM,iBAAiB,UAAU,uBAAuB,CAAC;GACzD,IAAI,QAAQ;AACZ,QAAK,MAAM,SAAS,SAElB,KADc,MAAsB,uBAAuB,CAClD,SAAS,iBAAiB,GACjC;OAEA;AAGJ,mBAAgB,KAAK,IAAI,GAAG,MAAM,CAAC;;AAGrC,WAAS;EACT,MAAM,KAAK,IAAI,OAAO,eAAe,QAAQ;AAC7C,KAAG,QAAQ,UAAU;AACrB,eAAa,GAAG,YAAY;IAC3B,CAAC,KAAK,OAAO,CAAC;CAEjB,MAAM,eAAe,KAAK,MAAM,GAAG,aAAa;CAChD,MAAM,eAAe,KAAK,MAAM,aAAa;CAE7C,MAAM,aAAa,kBAAkB;AACnC,MAAI,aAAa,WAAW,EAAG,QAAO;EAEtC,MAAM,YAAY,aAAa,KAAK,MAAM,UACxC,oBAAC,OAAD;GAAiB,WAAW;aACzB,gBAAgB,KAAK;GAClB,EAFI,MAEJ,CACN;AAEF,SACE,oBAAC,SAAD;GACE,SACE,oBAAC,OAAD;IACE,WAAW,GACT,UAAU,kBAAkB,EAC5B,yEACA,SAAS,UACL,CAAC,UAAU,wBAAwB,EAAE,aAAa,GAClD,gBACJ,eACD;cAEA;IACG,CAAA;GAER,SAAQ;GACR,MAAM;GACN,eAAe,SAAS,eAAe,KAAK;aAE5C,oBAAC,OAAD;IACE,WAAW,GACT,UAAU,WAAW,EACrB,4CACD;IACD,MAAK;IACL,UAAU;IACV,cAAY,QAAQ,aAAa,OAAO;IACxC,iBAAe;IACf,YAAY,UAAU;AACpB,SAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,KAAK;AAC9C,YAAM,gBAAgB;AACtB,sBAAgB,SAAS,CAAC,KAAK;;;cAInC,oBAAC,OAAD;KAAO,OAAO,IAAI,aAAa;KAAU,QAAO;KAAO,GAAI;KAAS,CAAA;IAChE,CAAA;GACE,CAAA;IAEX;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,QACE,oBAAC,OAAD;EAAK,WAAW,GAAG,UAAU,YAAY,EAAE,YAAY;YACrD,qBAAC,OAAD;GACE,KAAK;GACL,WAAW,GACT,UAAU,WAAW,EACrB,4DACD;aALH;IAOG,aAAa,KAAK,MAAM,MACvB,oBAAC,OAAD;KAAa,WAAW;eACrB,gBAAgB,KAAK;KAClB,EAFI,EAEJ,CACN;IACD,YAAY;IACZ;IACG;;EACF,CAAA;;AAMV,IAAM,aAAa;AACnB,SAAgB,UAAU,WAAmB;AAC3C,QAAO,GAAG,WAAW,GAAG"}

package/dist/Pagination/index.js

@@ -84,6 +84,7 @@ function Pagination(props) {
 					_.map(pageRange, (page, index) => {
 						if (page === "...") return /* @__PURE__ */ jsx("span", {
 							className: prefixCls("ellipsis"),
+							"aria-hidden": "true",
 							children: /* @__PURE__ */ jsx(Memo$2, { size: 20 })
 						}, index);
 						return /* @__PURE__ */ jsx(Button_default, {

package/dist/Pagination/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/Pagination/index.tsx"],"sourcesContent":["import { cn } from '../lib/utils';\nimport _ from 'lodash';\nimport React, { useCallback, useContext, useState } from 'react';\nimport Button from '../Button';\nimport { ChevronLeftLine, ChevronRightLine, Ellipsis } from '../Icon';\nimport { LocaleContext, getTranslator } from '../locale/default';\nimport { IPaginationProps } from './types';\nimport PageSizeChanger from './PageSizeChanger';\nimport './pagination.css';\n\nfunction Pagination(props: IPaginationProps) {\n  const {\n    current: controlledCurrent,\n    defaultCurrent = 1,\n    pageSize,\n    total,\n    onChange,\n    hideOnSinglePage,\n    showSizeChanger = false,\n    pageSizeOptions = [10, 20, 30, 50],\n    onShowSizeChange,\n    showTotal = false,\n    disabled = false,\n    'aria-label': ariaLabel,\n  } = props;\n\n  const { locale } = useContext(LocaleContext);\n  const t = getTranslator(locale);\n  const a11y = t.Pagination;\n  const [uncontrolledCurrent, setUncontrolledCurrent] =\n    useState(defaultCurrent);\n\n  if (pageSize <= 0) {\n    throw new Error('pageSize must be greater than 0');\n  }\n\n  const totalPage = getTotalPage(total, pageSize);\n  const current = getSafeCurrent(\n    totalPage,\n    controlledCurrent ?? uncontrolledCurrent,\n  );\n\n  const onChangePage = useCallback(\n    (page: number) => {\n      return () => {\n        if (disabled || page === current || page < 1 || page > totalPage) {\n          return;\n        }\n        if (controlledCurrent === undefined) {\n          setUncontrolledCurrent(page);\n        }\n        onChange(page, pageSize);\n      };\n    },\n    [controlledCurrent, disabled, onChange, current, pageSize, totalPage],\n  );\n\n  const handlePageSizeChange = useCallback(\n    (newPageSize: number) => {\n      if (disabled || newPageSize <= 0 || newPageSize === pageSize) {\n        return;\n      }\n      const newTotalPage = getTotalPage(total, newPageSize);\n      const safeCurrent = getSafeCurrent(newTotalPage, current);\n\n      if (controlledCurrent === undefined) {\n        setUncontrolledCurrent(safeCurrent);\n      }\n      if (onShowSizeChange) {\n        onShowSizeChange(safeCurrent, newPageSize);\n      }\n\n      onChange(safeCurrent, newPageSize);\n    },\n    [\n      controlledCurrent,\n      current,\n      disabled,\n      onChange,\n      onShowSizeChange,\n      pageSize,\n      total,\n    ],\n  );\n\n  const pageRange = getPaginationRange(totalPage, current);\n\n  if (hideOnSinglePage) {\n    if (totalPage <= 1 && !showSizeChanger && !showTotal) {\n      return null;\n    }\n  }\n\n  // 计算当前显示的数据范围\n  const startIndex = (current - 1) * pageSize + 1;\n  const endIndex = Math.min(current * pageSize, total);\n  const range: [number, number] = [startIndex, endIndex];\n\n  const containerClassName = prefixCls('container');\n\n  // 获取显示总数的函数\n  const getShowTotalContent = () => {\n    if (typeof showTotal === 'function') {\n      return showTotal(total, range);\n    }\n    if (showTotal === true) {\n      return t.Pagination.totalItems(total, range);\n    }\n    return null;\n  };\n\n  return (\n    <nav\n      className={containerClassName}\n      aria-label={ariaLabel ?? a11y.navigationLabel}\n    >\n      {/* 显示总数和当前范围 */}\n      {showTotal && (\n        <div className={prefixCls('total')}>{getShowTotalContent()}</div>\n      )}\n\n      {/* 主要的分页控件 */}\n      <div className={prefixCls('main')}>\n        <Button\n          icon={<ChevronLeftLine size={16} />}\n          onClick={onChangePage(current - 1)}\n          disabled={disabled || current === 1}\n          aria-label={a11y.previousPage}\n        />\n        {_.map(pageRange, (page, index: number) => {\n          if (page === ELLIPSIS) {\n            return (\n              <span key={index} className={prefixCls('ellipsis')}>\n                <Ellipsis size={20} />\n              </span>\n            );\n          }\n          return (\n            <Button\n              key={index}\n              icon={<span>{page}</span>}\n              className={cn(prefixCls('button'), {\n                [prefixCls('active')]: page === current,\n              })}\n              onClick={onChangePage(page)}\n              disabled={disabled}\n              aria-label={\n                page === current ? a11y.currentPage(page) : a11y.page(page)\n              }\n              {...(page === current\n                ? ({ 'aria-current': 'page' } as React.AriaAttributes)\n                : {})}\n            />\n          );\n        })}\n        <Button\n          icon={<ChevronRightLine size={16} />}\n          onClick={onChangePage(current + 1)}\n          disabled={disabled || current >= totalPage}\n          aria-label={a11y.nextPage}\n        />\n      </div>\n\n      {/* 页面大小选择器 */}\n      {showSizeChanger && (\n        <PageSizeChanger\n          pageSize={pageSize}\n          pageSizeOptions={pageSizeOptions}\n          onChange={handlePageSizeChange}\n          disabled={disabled}\n          ariaLabel={a11y.pageSize}\n        />\n      )}\n    </nav>\n  );\n}\n\nexport default Pagination;\n\n/**\n * 获取在安全范围内的当前页数\n */\nexport function getSafeCurrent(totalPage: number, current?: number) {\n  if (current === undefined) {\n    return 1;\n  }\n  return Math.max(1, Math.min(current, totalPage));\n}\n\nfunction getTotalPage(total: number, pageSize: number) {\n  return Math.max(1, Math.ceil(total / pageSize));\n}\n\nexport const ELLIPSIS = '...';\n\nexport type PaginationItemType = number | typeof ELLIPSIS;\n\n/**\n * 获取分页组件需要显示的页码范围。\n *\n * @param totalPage 最大页码。\n * @param currentPage 当前所在的页码。\n *\n * 如果总页数不超过5页，直接返回所有页码。\n * 否则，在生成页码时，除了第一页和最后一页，还会显示以当前页为中心的连续页码，数量为 `surroundCount`*2 个，\n * 当当前页码距离边界过近时，会在页码前后添加省略号。\n * 当前页码 `currentPage` 的值必须介于 1 和总页数之间，如果超出这个范围，会自动修正。\n *\n * @returns 一个包含了所有要显示的页码和省略号的数组。\n */\nexport function getPaginationRange(\n  totalPage: number,\n  currentPage: number,\n): PaginationItemType[] {\n  // 如果总页数不超过5页，直接返回所有页码\n  if (totalPage <= 5) {\n    return Array.from({ length: totalPage }, (_, i) => i + 1);\n  }\n\n  const surroundCount = 2;\n\n  const current = Math.max(1, Math.min(currentPage, totalPage));\n\n  let start = Math.max(2, current - surroundCount);\n  let end = Math.min(totalPage - 1, current + surroundCount);\n\n  // Adjust start and end based on current page\n  if (current - start < surroundCount) {\n    end = Math.min(end + (surroundCount - (current - start)), totalPage - 1);\n  }\n  if (end - current < surroundCount) {\n    start = Math.max(start - (surroundCount - (end - current)), 2);\n  }\n\n  // Check if current page is out of range\n  if (current < start || current > end) {\n    start = Math.max(2, current - surroundCount);\n    end = Math.min(totalPage - 1, current + surroundCount);\n  }\n\n  const range: PaginationItemType[] = [];\n  for (let i = start; i <= end; i++) {\n    range.push(i);\n  }\n\n  range.unshift(1);\n  if (start > 2 && range[1] !== ELLIPSIS) {\n    range.splice(1, 0, ELLIPSIS);\n  }\n\n  if (totalPage !== range[range.length - 1]) {\n    if (end < totalPage - 1 && range[range.length - 1] !== ELLIPSIS) {\n      range.splice(range.length, 0, ELLIPSIS);\n    }\n    range.push(totalPage);\n  }\n\n  return range;\n}\n\nfunction prefixCls(name: string) {\n  return `ald-pagination-${name}`;\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Pagination/index.tsx"],"sourcesContent":["import { cn } from '../lib/utils';\nimport _ from 'lodash';\nimport React, { useCallback, useContext, useState } from 'react';\nimport Button from '../Button';\nimport { ChevronLeftLine, ChevronRightLine, Ellipsis } from '../Icon';\nimport { LocaleContext, getTranslator } from '../locale/default';\nimport { IPaginationProps } from './types';\nimport PageSizeChanger from './PageSizeChanger';\nimport './pagination.css';\n\nfunction Pagination(props: IPaginationProps) {\n  const {\n    current: controlledCurrent,\n    defaultCurrent = 1,\n    pageSize,\n    total,\n    onChange,\n    hideOnSinglePage,\n    showSizeChanger = false,\n    pageSizeOptions = [10, 20, 30, 50],\n    onShowSizeChange,\n    showTotal = false,\n    disabled = false,\n    'aria-label': ariaLabel,\n  } = props;\n\n  const { locale } = useContext(LocaleContext);\n  const t = getTranslator(locale);\n  const a11y = t.Pagination;\n  const [uncontrolledCurrent, setUncontrolledCurrent] =\n    useState(defaultCurrent);\n\n  if (pageSize <= 0) {\n    throw new Error('pageSize must be greater than 0');\n  }\n\n  const totalPage = getTotalPage(total, pageSize);\n  const current = getSafeCurrent(\n    totalPage,\n    controlledCurrent ?? uncontrolledCurrent,\n  );\n\n  const onChangePage = useCallback(\n    (page: number) => {\n      return () => {\n        if (disabled || page === current || page < 1 || page > totalPage) {\n          return;\n        }\n        if (controlledCurrent === undefined) {\n          setUncontrolledCurrent(page);\n        }\n        onChange(page, pageSize);\n      };\n    },\n    [controlledCurrent, disabled, onChange, current, pageSize, totalPage],\n  );\n\n  const handlePageSizeChange = useCallback(\n    (newPageSize: number) => {\n      if (disabled || newPageSize <= 0 || newPageSize === pageSize) {\n        return;\n      }\n      const newTotalPage = getTotalPage(total, newPageSize);\n      const safeCurrent = getSafeCurrent(newTotalPage, current);\n\n      if (controlledCurrent === undefined) {\n        setUncontrolledCurrent(safeCurrent);\n      }\n      if (onShowSizeChange) {\n        onShowSizeChange(safeCurrent, newPageSize);\n      }\n\n      onChange(safeCurrent, newPageSize);\n    },\n    [\n      controlledCurrent,\n      current,\n      disabled,\n      onChange,\n      onShowSizeChange,\n      pageSize,\n      total,\n    ],\n  );\n\n  const pageRange = getPaginationRange(totalPage, current);\n\n  if (hideOnSinglePage) {\n    if (totalPage <= 1 && !showSizeChanger && !showTotal) {\n      return null;\n    }\n  }\n\n  // 计算当前显示的数据范围\n  const startIndex = (current - 1) * pageSize + 1;\n  const endIndex = Math.min(current * pageSize, total);\n  const range: [number, number] = [startIndex, endIndex];\n\n  const containerClassName = prefixCls('container');\n\n  // 获取显示总数的函数\n  const getShowTotalContent = () => {\n    if (typeof showTotal === 'function') {\n      return showTotal(total, range);\n    }\n    if (showTotal === true) {\n      return t.Pagination.totalItems(total, range);\n    }\n    return null;\n  };\n\n  return (\n    <nav\n      className={containerClassName}\n      aria-label={ariaLabel ?? a11y.navigationLabel}\n    >\n      {/* 显示总数和当前范围 */}\n      {showTotal && (\n        <div className={prefixCls('total')}>{getShowTotalContent()}</div>\n      )}\n\n      {/* 主要的分页控件 */}\n      <div className={prefixCls('main')}>\n        <Button\n          icon={<ChevronLeftLine size={16} />}\n          onClick={onChangePage(current - 1)}\n          disabled={disabled || current === 1}\n          aria-label={a11y.previousPage}\n        />\n        {_.map(pageRange, (page, index: number) => {\n          if (page === ELLIPSIS) {\n            return (\n              <span\n                key={index}\n                className={prefixCls('ellipsis')}\n                aria-hidden=\"true\"\n              >\n                <Ellipsis size={20} />\n              </span>\n            );\n          }\n          return (\n            <Button\n              key={index}\n              icon={<span>{page}</span>}\n              className={cn(prefixCls('button'), {\n                [prefixCls('active')]: page === current,\n              })}\n              onClick={onChangePage(page)}\n              disabled={disabled}\n              aria-label={\n                page === current ? a11y.currentPage(page) : a11y.page(page)\n              }\n              {...(page === current\n                ? ({ 'aria-current': 'page' } as React.AriaAttributes)\n                : {})}\n            />\n          );\n        })}\n        <Button\n          icon={<ChevronRightLine size={16} />}\n          onClick={onChangePage(current + 1)}\n          disabled={disabled || current >= totalPage}\n          aria-label={a11y.nextPage}\n        />\n      </div>\n\n      {/* 页面大小选择器 */}\n      {showSizeChanger && (\n        <PageSizeChanger\n          pageSize={pageSize}\n          pageSizeOptions={pageSizeOptions}\n          onChange={handlePageSizeChange}\n          disabled={disabled}\n          ariaLabel={a11y.pageSize}\n        />\n      )}\n    </nav>\n  );\n}\n\nexport default Pagination;\n\n/**\n * 获取在安全范围内的当前页数\n */\nexport function getSafeCurrent(totalPage: number, current?: number) {\n  if (current === undefined) {\n    return 1;\n  }\n  return Math.max(1, Math.min(current, totalPage));\n}\n\nfunction getTotalPage(total: number, pageSize: number) {\n  return Math.max(1, Math.ceil(total / pageSize));\n}\n\nexport const ELLIPSIS = '...';\n\nexport type PaginationItemType = number | typeof ELLIPSIS;\n\n/**\n * 获取分页组件需要显示的页码范围。\n *\n * @param totalPage 最大页码。\n * @param currentPage 当前所在的页码。\n *\n * 如果总页数不超过5页，直接返回所有页码。\n * 否则，在生成页码时，除了第一页和最后一页，还会显示以当前页为中心的连续页码，数量为 `surroundCount`*2 个，\n * 当当前页码距离边界过近时，会在页码前后添加省略号。\n * 当前页码 `currentPage` 的值必须介于 1 和总页数之间，如果超出这个范围，会自动修正。\n *\n * @returns 一个包含了所有要显示的页码和省略号的数组。\n */\nexport function getPaginationRange(\n  totalPage: number,\n  currentPage: number,\n): PaginationItemType[] {\n  // 如果总页数不超过5页，直接返回所有页码\n  if (totalPage <= 5) {\n    return Array.from({ length: totalPage }, (_, i) => i + 1);\n  }\n\n  const surroundCount = 2;\n\n  const current = Math.max(1, Math.min(currentPage, totalPage));\n\n  let start = Math.max(2, current - surroundCount);\n  let end = Math.min(totalPage - 1, current + surroundCount);\n\n  // Adjust start and end based on current page\n  if (current - start < surroundCount) {\n    end = Math.min(end + (surroundCount - (current - start)), totalPage - 1);\n  }\n  if (end - current < surroundCount) {\n    start = Math.max(start - (surroundCount - (end - current)), 2);\n  }\n\n  // Check if current page is out of range\n  if (current < start || current > end) {\n    start = Math.max(2, current - surroundCount);\n    end = Math.min(totalPage - 1, current + surroundCount);\n  }\n\n  const range: PaginationItemType[] = [];\n  for (let i = start; i <= end; i++) {\n    range.push(i);\n  }\n\n  range.unshift(1);\n  if (start > 2 && range[1] !== ELLIPSIS) {\n    range.splice(1, 0, ELLIPSIS);\n  }\n\n  if (totalPage !== range[range.length - 1]) {\n    if (end < totalPage - 1 && range[range.length - 1] !== ELLIPSIS) {\n      range.splice(range.length, 0, ELLIPSIS);\n    }\n    range.push(totalPage);\n  }\n\n  return range;\n}\n\nfunction prefixCls(name: string) {\n  return `ald-pagination-${name}`;\n}\n"],"mappings":"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"}

package/dist/Popconfirm/index.js

@@ -75,10 +75,14 @@ function Popconfirm(props) {
 	const side = sideMap[placement] || "top";
 	const align = alignMap[placement] || "center";
 	const popupZIndex = useFloatingPopupZIndex();
-	const triggerChild = React.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
+	const idBase = React.useId().replace(/:/g, "");
+	const contentId = `ald-popconfirm-${idBase}`;
+	const titleId = `ald-popconfirm-title-${idBase}`;
+	const triggerChild = React.isValidElement(children) ? React.cloneElement(children, { "aria-controls": contentId }) : /* @__PURE__ */ jsx("span", { children });
 	return /* @__PURE__ */ jsxs(PopoverPrimitive.Root, {
 		open: mergedOpen,
 		onOpenChange: handleOpenChange,
+		modal: false,
 		children: [/* @__PURE__ */ jsx(PopoverPrimitive.Trigger, {
 			asChild: true,
 			ref: setTriggerNode,
@@ -86,6 +90,9 @@ function Popconfirm(props) {
 		}), /* @__PURE__ */ jsx(PopoverPrimitive.Portal, {
 			container: popupContainer,
 			children: /* @__PURE__ */ jsx(PopoverPrimitive.Content, {
+				id: contentId,
+				role: "region",
+				"aria-labelledby": title ? titleId : void 0,
 				side,
 				align,
 				sideOffset: 4,
@@ -102,6 +109,7 @@ function Popconfirm(props) {
 					}), /* @__PURE__ */ jsxs("div", {
 						className: "tw-flex-1",
 						children: [/* @__PURE__ */ jsx("div", {
+							id: titleId,
 							className: "tw-mb-2 tw-break-all tw-text-xs tw-leading-4 tw-text-[var(--content-primary)]",
 							children: title
 						}), /* @__PURE__ */ jsxs("div", {

package/dist/Popconfirm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/Popconfirm/index.tsx"],"sourcesContent":["import * as PopoverPrimitive from '@radix-ui/react-popover';\nimport React, { useState } from 'react';\nimport Button, { ButtonType, IButtonProps } from '../Button';\nimport { AttentionTriangleFill } from '../Icon';\nimport { useFloatingPopupZIndex } from '../_utils/floatingLayer';\nimport { cn } from '../lib/utils';\n\nexport interface PopconfirmProps {\n  title?: React.ReactNode;\n  onConfirm?: (e?: React.MouseEvent) => void;\n  onCancel?: (e?: React.MouseEvent) => void;\n  okText?: React.ReactNode;\n  cancelText?: React.ReactNode;\n  okButtonProps?: IButtonProps;\n  cancelButtonProps?: IButtonProps;\n  okType?: ButtonType;\n  icon?: React.ReactNode;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  placement?:\n    | 'top'\n    | 'bottom'\n    | 'left'\n    | 'right'\n    | 'topLeft'\n    | 'topRight'\n    | 'bottomLeft'\n    | 'bottomRight'\n    | 'leftTop'\n    | 'leftBottom'\n    | 'rightTop'\n    | 'rightBottom';\n  rootClassName?: string;\n  className?: string;\n  overlayClassName?: string;\n  getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;\n  children?: React.ReactNode;\n  disabled?: boolean;\n}\n\nconst sideMap: Record<string, PopoverPrimitive.PopoverContentProps['side']> = {\n  top: 'top',\n  bottom: 'bottom',\n  left: 'left',\n  right: 'right',\n  topLeft: 'top',\n  topRight: 'top',\n  bottomLeft: 'bottom',\n  bottomRight: 'bottom',\n  leftTop: 'left',\n  leftBottom: 'left',\n  rightTop: 'right',\n  rightBottom: 'right',\n};\n\nconst alignMap: Record<string, PopoverPrimitive.PopoverContentProps['align']> =\n  {\n    topLeft: 'start',\n    topRight: 'end',\n    bottomLeft: 'start',\n    bottomRight: 'end',\n    leftTop: 'start',\n    leftBottom: 'end',\n    rightTop: 'start',\n    rightBottom: 'end',\n  };\n\nfunction Popconfirm(props: PopconfirmProps) {\n  const {\n    title,\n    onConfirm,\n    onCancel,\n    okText = 'OK',\n    cancelText = 'Cancel',\n    okButtonProps = {},\n    cancelButtonProps = {},\n    okType = 'dangerous',\n    icon = (\n      <AttentionTriangleFill\n        size={16}\n        color=\"var(--action-destructive-normal)\"\n        fill=\"var(--action-inverted-normal)\"\n      />\n    ),\n    open: controlledOpen,\n    onOpenChange,\n    placement = 'top',\n    rootClassName,\n    overlayClassName,\n    getPopupContainer,\n    children,\n    disabled,\n  } = props;\n\n  const [innerOpen, setInnerOpen] = useState(false);\n  const triggerRef = React.useRef<HTMLElement | null>(null);\n  const getPopupContainerRef = React.useRef(getPopupContainer);\n  const lastGetPopupContainerRef = React.useRef(getPopupContainer);\n  const [popupContainer, setPopupContainer] = useState<\n    HTMLElement | undefined\n  >();\n  getPopupContainerRef.current = getPopupContainer;\n  const isControlled = controlledOpen !== undefined;\n  const isOpen = isControlled ? controlledOpen : innerOpen;\n  const mergedOpen = disabled ? false : isOpen;\n  const updatePopupContainer = React.useCallback((node: HTMLElement | null) => {\n    const nextContainer =\n      node && getPopupContainerRef.current\n        ? getPopupContainerRef.current(node)\n        : undefined;\n    setPopupContainer((prevContainer) =>\n      prevContainer === nextContainer ? prevContainer : nextContainer,\n    );\n  }, []);\n  const setTriggerNode = React.useCallback(\n    (node: HTMLElement | null) => {\n      if (!node) return;\n      if (triggerRef.current === node) return;\n      triggerRef.current = node;\n      updatePopupContainer(node);\n    },\n    [updatePopupContainer],\n  );\n\n  React.useEffect(() => {\n    if (lastGetPopupContainerRef.current === getPopupContainer) return;\n    lastGetPopupContainerRef.current = getPopupContainer;\n    updatePopupContainer(triggerRef.current);\n  }, [getPopupContainer, updatePopupContainer]);\n\n  const handleOpenChange = (val: boolean) => {\n    if (disabled) return;\n    if (!isControlled) setInnerOpen(val);\n    onOpenChange?.(val);\n  };\n\n  const handleConfirm = (e?: React.MouseEvent) => {\n    onConfirm?.(e);\n    handleOpenChange(false);\n  };\n\n  const handleCancel = (e?: React.MouseEvent) => {\n    onCancel?.(e);\n    handleOpenChange(false);\n  };\n\n  const side = sideMap[placement] || 'top';\n  const align = alignMap[placement] || 'center';\n  const popupZIndex = useFloatingPopupZIndex();\n  const triggerChild = React.isValidElement(children) ? (\n    children\n  ) : (\n    <span>{children}</span>\n  );\n\n  return (\n    <PopoverPrimitive.Root open={mergedOpen} onOpenChange={handleOpenChange}>\n      <PopoverPrimitive.Trigger asChild ref={setTriggerNode}>\n        {triggerChild}\n      </PopoverPrimitive.Trigger>\n      <PopoverPrimitive.Portal container={popupContainer}>\n        <PopoverPrimitive.Content\n          side={side}\n          align={align}\n          sideOffset={4}\n          className={cn(\n            'ald-pop-confirm tw-z-50 tw-w-[240px] tw-rounded-[6px] tw-border tw-border-solid tw-border-[var(--border-default-alpha)] tw-bg-[var(--background-default)] tw-p-3 tw-outline-none',\n            rootClassName,\n            overlayClassName,\n          )}\n          style={{\n            zIndex: popupZIndex,\n            boxShadow: 'var(--elevation-bottom-bottom-md)',\n          }}\n        >\n          <div className=\"tw-flex tw-gap-2\">\n            {icon && <span className=\"tw-mt-0.5 tw-shrink-0\">{icon}</span>}\n            <div className=\"tw-flex-1\">\n              <div className=\"tw-mb-2 tw-break-all tw-text-xs tw-leading-4 tw-text-[var(--content-primary)]\">\n                {title}\n              </div>\n              <div className=\"tw-flex tw-justify-end tw-gap-2\">\n                <Button\n                  type=\"secondary\"\n                  size=\"small\"\n                  {...cancelButtonProps}\n                  onClick={handleCancel}\n                >\n                  {cancelText}\n                </Button>\n                <Button\n                  type={okType}\n                  size=\"small\"\n                  {...okButtonProps}\n                  onClick={handleConfirm}\n                >\n                  {okText}\n                </Button>\n              </div>\n            </div>\n          </div>\n        </PopoverPrimitive.Content>\n      </PopoverPrimitive.Portal>\n    </PopoverPrimitive.Root>\n  );\n}\n\nexport default Popconfirm;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Popconfirm/index.tsx"],"sourcesContent":["import * as PopoverPrimitive from '@radix-ui/react-popover';\nimport React, { useState } from 'react';\nimport Button, { ButtonType, IButtonProps } from '../Button';\nimport { AttentionTriangleFill } from '../Icon';\nimport { useFloatingPopupZIndex } from '../_utils/floatingLayer';\nimport { cn } from '../lib/utils';\n\nexport interface PopconfirmProps {\n  title?: React.ReactNode;\n  onConfirm?: (e?: React.MouseEvent) => void;\n  onCancel?: (e?: React.MouseEvent) => void;\n  okText?: React.ReactNode;\n  cancelText?: React.ReactNode;\n  okButtonProps?: IButtonProps;\n  cancelButtonProps?: IButtonProps;\n  okType?: ButtonType;\n  icon?: React.ReactNode;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  placement?:\n    | 'top'\n    | 'bottom'\n    | 'left'\n    | 'right'\n    | 'topLeft'\n    | 'topRight'\n    | 'bottomLeft'\n    | 'bottomRight'\n    | 'leftTop'\n    | 'leftBottom'\n    | 'rightTop'\n    | 'rightBottom';\n  rootClassName?: string;\n  className?: string;\n  overlayClassName?: string;\n  getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;\n  children?: React.ReactNode;\n  disabled?: boolean;\n}\n\nconst sideMap: Record<string, PopoverPrimitive.PopoverContentProps['side']> = {\n  top: 'top',\n  bottom: 'bottom',\n  left: 'left',\n  right: 'right',\n  topLeft: 'top',\n  topRight: 'top',\n  bottomLeft: 'bottom',\n  bottomRight: 'bottom',\n  leftTop: 'left',\n  leftBottom: 'left',\n  rightTop: 'right',\n  rightBottom: 'right',\n};\n\nconst alignMap: Record<string, PopoverPrimitive.PopoverContentProps['align']> =\n  {\n    topLeft: 'start',\n    topRight: 'end',\n    bottomLeft: 'start',\n    bottomRight: 'end',\n    leftTop: 'start',\n    leftBottom: 'end',\n    rightTop: 'start',\n    rightBottom: 'end',\n  };\n\nfunction Popconfirm(props: PopconfirmProps) {\n  const {\n    title,\n    onConfirm,\n    onCancel,\n    okText = 'OK',\n    cancelText = 'Cancel',\n    okButtonProps = {},\n    cancelButtonProps = {},\n    okType = 'dangerous',\n    icon = (\n      <AttentionTriangleFill\n        size={16}\n        color=\"var(--action-destructive-normal)\"\n        fill=\"var(--action-inverted-normal)\"\n      />\n    ),\n    open: controlledOpen,\n    onOpenChange,\n    placement = 'top',\n    rootClassName,\n    overlayClassName,\n    getPopupContainer,\n    children,\n    disabled,\n  } = props;\n\n  const [innerOpen, setInnerOpen] = useState(false);\n  const triggerRef = React.useRef<HTMLElement | null>(null);\n  const getPopupContainerRef = React.useRef(getPopupContainer);\n  const lastGetPopupContainerRef = React.useRef(getPopupContainer);\n  const [popupContainer, setPopupContainer] = useState<\n    HTMLElement | undefined\n  >();\n  getPopupContainerRef.current = getPopupContainer;\n  const isControlled = controlledOpen !== undefined;\n  const isOpen = isControlled ? controlledOpen : innerOpen;\n  const mergedOpen = disabled ? false : isOpen;\n  const updatePopupContainer = React.useCallback((node: HTMLElement | null) => {\n    const nextContainer =\n      node && getPopupContainerRef.current\n        ? getPopupContainerRef.current(node)\n        : undefined;\n    setPopupContainer((prevContainer) =>\n      prevContainer === nextContainer ? prevContainer : nextContainer,\n    );\n  }, []);\n  const setTriggerNode = React.useCallback(\n    (node: HTMLElement | null) => {\n      if (!node) return;\n      if (triggerRef.current === node) return;\n      triggerRef.current = node;\n      updatePopupContainer(node);\n    },\n    [updatePopupContainer],\n  );\n\n  React.useEffect(() => {\n    if (lastGetPopupContainerRef.current === getPopupContainer) return;\n    lastGetPopupContainerRef.current = getPopupContainer;\n    updatePopupContainer(triggerRef.current);\n  }, [getPopupContainer, updatePopupContainer]);\n\n  const handleOpenChange = (val: boolean) => {\n    if (disabled) return;\n    if (!isControlled) setInnerOpen(val);\n    onOpenChange?.(val);\n  };\n\n  const handleConfirm = (e?: React.MouseEvent) => {\n    onConfirm?.(e);\n    handleOpenChange(false);\n  };\n\n  const handleCancel = (e?: React.MouseEvent) => {\n    onCancel?.(e);\n    handleOpenChange(false);\n  };\n\n  const side = sideMap[placement] || 'top';\n  const align = alignMap[placement] || 'center';\n  const popupZIndex = useFloatingPopupZIndex();\n  const idBase = React.useId().replace(/:/g, '');\n  const contentId = `ald-popconfirm-${idBase}`;\n  const titleId = `ald-popconfirm-title-${idBase}`;\n  const triggerChild = React.isValidElement(children) ? (\n    React.cloneElement(children as React.ReactElement, {\n      'aria-controls': contentId,\n    })\n  ) : (\n    <span>{children}</span>\n  );\n\n  return (\n    <PopoverPrimitive.Root\n      open={mergedOpen}\n      onOpenChange={handleOpenChange}\n      modal={false}\n    >\n      <PopoverPrimitive.Trigger asChild ref={setTriggerNode}>\n        {triggerChild}\n      </PopoverPrimitive.Trigger>\n      <PopoverPrimitive.Portal container={popupContainer}>\n        <PopoverPrimitive.Content\n          id={contentId}\n          role=\"region\"\n          aria-labelledby={title ? titleId : undefined}\n          side={side}\n          align={align}\n          sideOffset={4}\n          className={cn(\n            'ald-pop-confirm tw-z-50 tw-w-[240px] tw-rounded-[6px] tw-border tw-border-solid tw-border-[var(--border-default-alpha)] tw-bg-[var(--background-default)] tw-p-3 tw-outline-none',\n            rootClassName,\n            overlayClassName,\n          )}\n          style={{\n            zIndex: popupZIndex,\n            boxShadow: 'var(--elevation-bottom-bottom-md)',\n          }}\n        >\n          <div className=\"tw-flex tw-gap-2\">\n            {icon && <span className=\"tw-mt-0.5 tw-shrink-0\">{icon}</span>}\n            <div className=\"tw-flex-1\">\n              <div\n                id={titleId}\n                className=\"tw-mb-2 tw-break-all tw-text-xs tw-leading-4 tw-text-[var(--content-primary)]\"\n              >\n                {title}\n              </div>\n              <div className=\"tw-flex tw-justify-end tw-gap-2\">\n                <Button\n                  type=\"secondary\"\n                  size=\"small\"\n                  {...cancelButtonProps}\n                  onClick={handleCancel}\n                >\n                  {cancelText}\n                </Button>\n                <Button\n                  type={okType}\n                  size=\"small\"\n                  {...okButtonProps}\n                  onClick={handleConfirm}\n                >\n                  {okText}\n                </Button>\n              </div>\n            </div>\n          </div>\n        </PopoverPrimitive.Content>\n      </PopoverPrimitive.Portal>\n    </PopoverPrimitive.Root>\n  );\n}\n\nexport default Popconfirm;\n"],"mappings":"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"}

package/dist/Popover/index.js

@@ -4,6 +4,39 @@ import React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 //#region src/Popover/index.tsx
+var interactiveRoles = new Set([
+	"button",
+	"checkbox",
+	"combobox",
+	"link",
+	"menuitem",
+	"option",
+	"radio",
+	"searchbox",
+	"slider",
+	"spinbutton",
+	"switch",
+	"tab",
+	"textbox"
+]);
+function hasInteractiveContent(node) {
+	return React.Children.toArray(node).some((child) => {
+		if (!React.isValidElement(child)) return false;
+		if (typeof child.type === "string") {
+			if ([
+				"a",
+				"button",
+				"input",
+				"select",
+				"textarea",
+				"summary"
+			].includes(child.type)) return true;
+			if (interactiveRoles.has(child.props.role)) return true;
+			if (typeof child.props.tabIndex === "number" && child.props.tabIndex >= 0) return true;
+		}
+		return hasInteractiveContent(child.props.children);
+	});
+}
 var placementMap = {
 	top: "top",
 	bottom: "bottom",
@@ -64,6 +97,9 @@ function Popover(props) {
 	const containerRef = React.useRef(getPopupContainer?.());
 	const [hoverOpen, setHoverOpen] = React.useState(false);
 	const triggers = normalizeTrigger(trigger);
+	const idBase = React.useId().replace(/:/g, "");
+	const contentId = `ald-popover-${idBase}`;
+	const titleId = `ald-popover-title-${idBase}`;
 	const isControlled = open !== void 0;
 	const isHoverTrigger = triggers.has("hover");
 	const isOpen = isControlled ? open : isHoverTrigger ? hoverOpen : triggers.size === 0 ? false : void 0;
@@ -75,12 +111,20 @@ function Popover(props) {
 	const align = alignMap[placement] || "center";
 	const popupZIndex = useFloatingPopupZIndex(zIndex);
 	const { alignOffset, sideOffset } = getPopoverOffsets(side, popupAlign?.offset);
-	const triggerChild = React.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
+	const triggerChild = React.isValidElement(children) ? React.cloneElement(children, {
+		"aria-controls": contentId,
+		"aria-haspopup": false
+	}) : /* @__PURE__ */ jsx("span", {
+		"aria-controls": contentId,
+		"aria-haspopup": false,
+		children
+	});
 	if (triggers.size === 0 && !isControlled) return /* @__PURE__ */ jsx(Fragment, { children });
 	return /* @__PURE__ */ jsxs(PopoverPrimitive.Root, {
 		open: isOpen,
 		defaultOpen,
 		onOpenChange: handleOpenChange,
+		modal: false,
 		children: [/* @__PURE__ */ jsx(PopoverPrimitive.Trigger, {
 			asChild: true,
 			children: isHoverTrigger ? /* @__PURE__ */ jsx("span", {
@@ -91,6 +135,9 @@ function Popover(props) {
 		}), /* @__PURE__ */ jsx(PopoverPrimitive.Portal, {
 			container: containerRef.current,
 			children: /* @__PURE__ */ jsxs(PopoverPrimitive.Content, {
+				id: contentId,
+				role: "region",
+				"aria-labelledby": title ? titleId : void 0,
 				side,
 				align,
 				sideOffset,
@@ -103,10 +150,14 @@ function Popover(props) {
 					...overlayStyle,
 					...overlayInnerStyle
 				},
+				onOpenAutoFocus: (event) => {
+					if (!hasInteractiveContent(content)) event.preventDefault();
+				},
 				onMouseEnter: isHoverTrigger ? () => handleOpenChange(true) : void 0,
 				onMouseLeave: isHoverTrigger ? () => handleOpenChange(false) : void 0,
 				children: [
 					title && /* @__PURE__ */ jsx("div", {
+						id: titleId,
 						className: "ald-popover-title tw-mb-2 tw-text-sm tw-font-medium tw-text-[var(--content-primary)]",
 						children: title
 					}),

package/dist/Popover/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/Popover/index.tsx"],"sourcesContent":["import * as PopoverPrimitive from '@radix-ui/react-popover';\nimport React from 'react';\nimport { useFloatingPopupZIndex } from '../_utils/floatingLayer';\nimport { cn } from '../lib/utils';\n\ntype TriggerType = 'hover' | 'click' | 'focus';\n\nexport interface PopoverProps {\n  content?: React.ReactNode;\n  title?: React.ReactNode;\n  children?: React.ReactNode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  trigger?: TriggerType | TriggerType[];\n  rootClassName?: string;\n  placement?:\n    | 'top'\n    | 'bottom'\n    | 'left'\n    | 'right'\n    | 'topLeft'\n    | 'topRight'\n    | 'bottomLeft'\n    | 'bottomRight'\n    | 'leftTop'\n    | 'leftBottom'\n    | 'rightTop'\n    | 'rightBottom';\n  overlayClassName?: string;\n  overlayStyle?: React.CSSProperties;\n  overlayInnerStyle?: React.CSSProperties;\n  color?: string;\n  align?: {\n    offset?: [number, number];\n    [key: string]: any;\n  };\n  arrow?: boolean;\n  mouseEnterDelay?: number;\n  mouseLeaveDelay?: number;\n  className?: string;\n  style?: React.CSSProperties;\n  getPopupContainer?: () => HTMLElement;\n  zIndex?: number;\n}\n\nconst placementMap: Record<\n  string,\n  PopoverPrimitive.PopoverContentProps['side']\n> = {\n  top: 'top',\n  bottom: 'bottom',\n  left: 'left',\n  right: 'right',\n  topLeft: 'top',\n  topRight: 'top',\n  bottomLeft: 'bottom',\n  bottomRight: 'bottom',\n  leftTop: 'left',\n  leftBottom: 'left',\n  rightTop: 'right',\n  rightBottom: 'right',\n};\n\nconst alignMap: Record<string, PopoverPrimitive.PopoverContentProps['align']> =\n  {\n    topLeft: 'start',\n    topRight: 'end',\n    bottomLeft: 'start',\n    bottomRight: 'end',\n    leftTop: 'start',\n    leftBottom: 'end',\n    rightTop: 'start',\n    rightBottom: 'end',\n  };\n\nconst DEFAULT_SIDE_OFFSET = 4;\n\nfunction normalizeTrigger(trigger: PopoverProps['trigger']): Set<TriggerType> {\n  if (Array.isArray(trigger)) return new Set(trigger);\n  if (trigger) return new Set([trigger]);\n  return new Set<TriggerType>(['hover']);\n}\n\nfunction getPopoverOffsets(\n  side: PopoverPrimitive.PopoverContentProps['side'],\n  offset?: [number, number],\n) {\n  if (!offset) {\n    return {\n      alignOffset: undefined,\n      sideOffset: DEFAULT_SIDE_OFFSET,\n    };\n  }\n\n  const [x = 0, y = 0] = offset;\n  switch (side) {\n    case 'left':\n      return {\n        alignOffset: y,\n        sideOffset: -x,\n      };\n    case 'right':\n      return {\n        alignOffset: y,\n        sideOffset: x,\n      };\n    case 'bottom':\n      return {\n        alignOffset: x,\n        sideOffset: y,\n      };\n    case 'top':\n    default:\n      return {\n        alignOffset: x,\n        sideOffset: -y,\n      };\n  }\n}\n\nfunction Popover(props: PopoverProps) {\n  const {\n    content,\n    title,\n    children,\n    open,\n    defaultOpen,\n    onOpenChange,\n    trigger = 'hover',\n    placement = 'top',\n    overlayClassName,\n    overlayStyle,\n    overlayInnerStyle,\n    color,\n    align: popupAlign,\n    arrow = false,\n    getPopupContainer,\n    zIndex,\n  } = props;\n\n  const containerRef = React.useRef<HTMLElement | undefined>(\n    getPopupContainer?.(),\n  );\n\n  const [hoverOpen, setHoverOpen] = React.useState(false);\n  const triggers = normalizeTrigger(trigger);\n\n  const isControlled = open !== undefined;\n  const isHoverTrigger = triggers.has('hover');\n  const isOpen = isControlled\n    ? open\n    : isHoverTrigger\n    ? hoverOpen\n    : triggers.size === 0\n    ? false\n    : undefined;\n\n  const handleOpenChange = (val: boolean) => {\n    if (!isControlled && isHoverTrigger) {\n      setHoverOpen(val);\n    }\n    onOpenChange?.(val);\n  };\n\n  const side = placementMap[placement] || 'top';\n  const align = alignMap[placement] || 'center';\n  const popupZIndex = useFloatingPopupZIndex(zIndex);\n  const { alignOffset, sideOffset } = getPopoverOffsets(\n    side,\n    popupAlign?.offset,\n  );\n\n  const triggerChild = React.isValidElement(children) ? (\n    children\n  ) : (\n    <span>{children}</span>\n  );\n\n  if (triggers.size === 0 && !isControlled) {\n    return <>{children}</>;\n  }\n\n  return (\n    <PopoverPrimitive.Root\n      open={isOpen}\n      defaultOpen={defaultOpen}\n      onOpenChange={handleOpenChange}\n    >\n      <PopoverPrimitive.Trigger asChild>\n        {isHoverTrigger ? (\n          <span\n            onMouseEnter={() => handleOpenChange(true)}\n            onMouseLeave={() => handleOpenChange(false)}\n          >\n            {triggerChild}\n          </span>\n        ) : (\n          triggerChild\n        )}\n      </PopoverPrimitive.Trigger>\n      <PopoverPrimitive.Portal container={containerRef.current}>\n        <PopoverPrimitive.Content\n          side={side}\n          align={align}\n          sideOffset={sideOffset}\n          alignOffset={alignOffset}\n          // antd 兼容：保留 ant-popover-inner class，消费方 CSS 可能通过该选择器自定义内边距、背景等样式\n          className={cn(\n            'ald-popover ant-popover-inner tw-rounded-r-75 tw-border tw-border-solid tw-border-[var(--border-default-alpha)] tw-bg-[var(--background-default)] tw-p-3 tw-outline-none',\n            'tw-animate-in tw-fade-in-0 tw-zoom-in-95',\n            overlayClassName,\n          )}\n          style={{\n            boxShadow: 'var(--elevation-bottom-bottom-sm)',\n            backgroundColor: color,\n            zIndex: popupZIndex,\n            ...overlayStyle,\n            ...overlayInnerStyle,\n          }}\n          onMouseEnter={\n            isHoverTrigger ? () => handleOpenChange(true) : undefined\n          }\n          onMouseLeave={\n            isHoverTrigger ? () => handleOpenChange(false) : undefined\n          }\n        >\n          {title && (\n            <div className=\"ald-popover-title tw-mb-2 tw-text-sm tw-font-medium tw-text-[var(--content-primary)]\">\n              {title}\n            </div>\n          )}\n          {content && (\n            // antd 兼容：保留 ant-popover-inner-content class，消费方 CSS 可能通过该选择器自定义样式\n            <div className=\"ald-popover-inner-content ant-popover-inner-content\">\n              {content}\n            </div>\n          )}\n          {arrow && (\n            <PopoverPrimitive.Arrow\n              style={{ fill: 'var(--background-default)' }}\n            />\n          )}\n        </PopoverPrimitive.Content>\n      </PopoverPrimitive.Portal>\n    </PopoverPrimitive.Root>\n  );\n}\n\nexport default Popover;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Popover/index.tsx"],"sourcesContent":["import * as PopoverPrimitive from '@radix-ui/react-popover';\nimport React from 'react';\nimport { useFloatingPopupZIndex } from '../_utils/floatingLayer';\nimport { cn } from '../lib/utils';\n\ntype TriggerType = 'hover' | 'click' | 'focus';\n\nconst interactiveRoles = new Set([\n  'button',\n  'checkbox',\n  'combobox',\n  'link',\n  'menuitem',\n  'option',\n  'radio',\n  'searchbox',\n  'slider',\n  'spinbutton',\n  'switch',\n  'tab',\n  'textbox',\n]);\n\nfunction hasInteractiveContent(node: React.ReactNode): boolean {\n  return React.Children.toArray(node).some((child) => {\n    if (!React.isValidElement(child)) return false;\n\n    if (typeof child.type === 'string') {\n      if (\n        ['a', 'button', 'input', 'select', 'textarea', 'summary'].includes(\n          child.type,\n        )\n      ) {\n        return true;\n      }\n\n      if (interactiveRoles.has(child.props.role)) return true;\n      if (\n        typeof child.props.tabIndex === 'number' &&\n        child.props.tabIndex >= 0\n      ) {\n        return true;\n      }\n    }\n\n    return hasInteractiveContent(child.props.children);\n  });\n}\n\nexport interface PopoverProps {\n  content?: React.ReactNode;\n  title?: React.ReactNode;\n  children?: React.ReactNode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  trigger?: TriggerType | TriggerType[];\n  rootClassName?: string;\n  placement?:\n    | 'top'\n    | 'bottom'\n    | 'left'\n    | 'right'\n    | 'topLeft'\n    | 'topRight'\n    | 'bottomLeft'\n    | 'bottomRight'\n    | 'leftTop'\n    | 'leftBottom'\n    | 'rightTop'\n    | 'rightBottom';\n  overlayClassName?: string;\n  overlayStyle?: React.CSSProperties;\n  overlayInnerStyle?: React.CSSProperties;\n  color?: string;\n  align?: {\n    offset?: [number, number];\n    [key: string]: any;\n  };\n  arrow?: boolean;\n  mouseEnterDelay?: number;\n  mouseLeaveDelay?: number;\n  className?: string;\n  style?: React.CSSProperties;\n  getPopupContainer?: () => HTMLElement;\n  zIndex?: number;\n}\n\nconst placementMap: Record<\n  string,\n  PopoverPrimitive.PopoverContentProps['side']\n> = {\n  top: 'top',\n  bottom: 'bottom',\n  left: 'left',\n  right: 'right',\n  topLeft: 'top',\n  topRight: 'top',\n  bottomLeft: 'bottom',\n  bottomRight: 'bottom',\n  leftTop: 'left',\n  leftBottom: 'left',\n  rightTop: 'right',\n  rightBottom: 'right',\n};\n\nconst alignMap: Record<string, PopoverPrimitive.PopoverContentProps['align']> =\n  {\n    topLeft: 'start',\n    topRight: 'end',\n    bottomLeft: 'start',\n    bottomRight: 'end',\n    leftTop: 'start',\n    leftBottom: 'end',\n    rightTop: 'start',\n    rightBottom: 'end',\n  };\n\nconst DEFAULT_SIDE_OFFSET = 4;\n\nfunction normalizeTrigger(trigger: PopoverProps['trigger']): Set<TriggerType> {\n  if (Array.isArray(trigger)) return new Set(trigger);\n  if (trigger) return new Set([trigger]);\n  return new Set<TriggerType>(['hover']);\n}\n\nfunction getPopoverOffsets(\n  side: PopoverPrimitive.PopoverContentProps['side'],\n  offset?: [number, number],\n) {\n  if (!offset) {\n    return {\n      alignOffset: undefined,\n      sideOffset: DEFAULT_SIDE_OFFSET,\n    };\n  }\n\n  const [x = 0, y = 0] = offset;\n  switch (side) {\n    case 'left':\n      return {\n        alignOffset: y,\n        sideOffset: -x,\n      };\n    case 'right':\n      return {\n        alignOffset: y,\n        sideOffset: x,\n      };\n    case 'bottom':\n      return {\n        alignOffset: x,\n        sideOffset: y,\n      };\n    case 'top':\n    default:\n      return {\n        alignOffset: x,\n        sideOffset: -y,\n      };\n  }\n}\n\nfunction Popover(props: PopoverProps) {\n  const {\n    content,\n    title,\n    children,\n    open,\n    defaultOpen,\n    onOpenChange,\n    trigger = 'hover',\n    placement = 'top',\n    overlayClassName,\n    overlayStyle,\n    overlayInnerStyle,\n    color,\n    align: popupAlign,\n    arrow = false,\n    getPopupContainer,\n    zIndex,\n  } = props;\n\n  const containerRef = React.useRef<HTMLElement | undefined>(\n    getPopupContainer?.(),\n  );\n\n  const [hoverOpen, setHoverOpen] = React.useState(false);\n  const triggers = normalizeTrigger(trigger);\n  const idBase = React.useId().replace(/:/g, '');\n  const contentId = `ald-popover-${idBase}`;\n  const titleId = `ald-popover-title-${idBase}`;\n\n  const isControlled = open !== undefined;\n  const isHoverTrigger = triggers.has('hover');\n  const isOpen = isControlled\n    ? open\n    : isHoverTrigger\n    ? hoverOpen\n    : triggers.size === 0\n    ? false\n    : undefined;\n\n  const handleOpenChange = (val: boolean) => {\n    if (!isControlled && isHoverTrigger) {\n      setHoverOpen(val);\n    }\n    onOpenChange?.(val);\n  };\n\n  const side = placementMap[placement] || 'top';\n  const align = alignMap[placement] || 'center';\n  const popupZIndex = useFloatingPopupZIndex(zIndex);\n  const { alignOffset, sideOffset } = getPopoverOffsets(\n    side,\n    popupAlign?.offset,\n  );\n\n  const triggerChild = React.isValidElement(children) ? (\n    React.cloneElement(children as React.ReactElement, {\n      'aria-controls': contentId,\n      'aria-haspopup': false,\n    })\n  ) : (\n    <span aria-controls={contentId} aria-haspopup={false}>\n      {children}\n    </span>\n  );\n\n  if (triggers.size === 0 && !isControlled) {\n    return <>{children}</>;\n  }\n\n  return (\n    <PopoverPrimitive.Root\n      open={isOpen}\n      defaultOpen={defaultOpen}\n      onOpenChange={handleOpenChange}\n      modal={false}\n    >\n      <PopoverPrimitive.Trigger asChild>\n        {isHoverTrigger ? (\n          <span\n            onMouseEnter={() => handleOpenChange(true)}\n            onMouseLeave={() => handleOpenChange(false)}\n          >\n            {triggerChild}\n          </span>\n        ) : (\n          triggerChild\n        )}\n      </PopoverPrimitive.Trigger>\n      <PopoverPrimitive.Portal container={containerRef.current}>\n        <PopoverPrimitive.Content\n          id={contentId}\n          role=\"region\"\n          aria-labelledby={title ? titleId : undefined}\n          side={side}\n          align={align}\n          sideOffset={sideOffset}\n          alignOffset={alignOffset}\n          // antd 兼容：保留 ant-popover-inner class，消费方 CSS 可能通过该选择器自定义内边距、背景等样式\n          className={cn(\n            'ald-popover ant-popover-inner tw-rounded-r-75 tw-border tw-border-solid tw-border-[var(--border-default-alpha)] tw-bg-[var(--background-default)] tw-p-3 tw-outline-none',\n            'tw-animate-in tw-fade-in-0 tw-zoom-in-95',\n            overlayClassName,\n          )}\n          style={{\n            boxShadow: 'var(--elevation-bottom-bottom-sm)',\n            backgroundColor: color,\n            zIndex: popupZIndex,\n            ...overlayStyle,\n            ...overlayInnerStyle,\n          }}\n          onOpenAutoFocus={(event) => {\n            if (!hasInteractiveContent(content)) {\n              event.preventDefault();\n            }\n          }}\n          onMouseEnter={\n            isHoverTrigger ? () => handleOpenChange(true) : undefined\n          }\n          onMouseLeave={\n            isHoverTrigger ? () => handleOpenChange(false) : undefined\n          }\n        >\n          {title && (\n            <div\n              id={titleId}\n              className=\"ald-popover-title tw-mb-2 tw-text-sm tw-font-medium tw-text-[var(--content-primary)]\"\n            >\n              {title}\n            </div>\n          )}\n          {content && (\n            // antd 兼容：保留 ant-popover-inner-content class，消费方 CSS 可能通过该选择器自定义样式\n            <div className=\"ald-popover-inner-content ant-popover-inner-content\">\n              {content}\n            </div>\n          )}\n          {arrow && (\n            <PopoverPrimitive.Arrow\n              style={{ fill: 'var(--background-default)' }}\n            />\n          )}\n        </PopoverPrimitive.Content>\n      </PopoverPrimitive.Portal>\n    </PopoverPrimitive.Root>\n  );\n}\n\nexport default Popover;\n"],"mappings":";;;;;;AAOA,IAAM,mBAAmB,IAAI,IAAI;CAC/B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,CAAC;AAEF,SAAS,sBAAsB,MAAgC;AAC7D,QAAO,MAAM,SAAS,QAAQ,KAAK,CAAC,MAAM,UAAU;AAClD,MAAI,CAAC,MAAM,eAAe,MAAM,CAAE,QAAO;AAEzC,MAAI,OAAO,MAAM,SAAS,UAAU;AAClC,OACE;IAAC;IAAK;IAAU;IAAS;IAAU;IAAY;IAAU,CAAC,SACxD,MAAM,KACP,CAED,QAAO;AAGT,OAAI,iBAAiB,IAAI,MAAM,MAAM,KAAK,CAAE,QAAO;AACnD,OACE,OAAO,MAAM,MAAM,aAAa,YAChC,MAAM,MAAM,YAAY,EAExB,QAAO;;AAIX,SAAO,sBAAsB,MAAM,MAAM,SAAS;GAClD;;AA0CJ,IAAM,eAGF;CACF,KAAK;CACL,QAAQ;CACR,MAAM;CACN,OAAO;CACP,SAAS;CACT,UAAU;CACV,YAAY;CACZ,aAAa;CACb,SAAS;CACT,YAAY;CACZ,UAAU;CACV,aAAa;CACd;AAED,IAAM,WACJ;CACE,SAAS;CACT,UAAU;CACV,YAAY;CACZ,aAAa;CACb,SAAS;CACT,YAAY;CACZ,UAAU;CACV,aAAa;CACd;AAEH,IAAM,sBAAsB;AAE5B,SAAS,iBAAiB,SAAoD;AAC5E,KAAI,MAAM,QAAQ,QAAQ,CAAE,QAAO,IAAI,IAAI,QAAQ;AACnD,KAAI,QAAS,QAAO,IAAI,IAAI,CAAC,QAAQ,CAAC;AACtC,QAAO,IAAI,IAAiB,CAAC,QAAQ,CAAC;;AAGxC,SAAS,kBACP,MACA,QACA;AACA,KAAI,CAAC,OACH,QAAO;EACL,aAAa;EACb,YAAY;EACb;CAGH,MAAM,CAAC,IAAI,GAAG,IAAI,KAAK;AACvB,SAAQ,MAAR;EACE,KAAK,OACH,QAAO;GACL,aAAa;GACb,YAAY,CAAC;GACd;EACH,KAAK,QACH,QAAO;GACL,aAAa;GACb,YAAY;GACb;EACH,KAAK,SACH,QAAO;GACL,aAAa;GACb,YAAY;GACb;EAEH,QACE,QAAO;GACL,aAAa;GACb,YAAY,CAAC;GACd;;;AAIP,SAAS,QAAQ,OAAqB;CACpC,MAAM,EACJ,SACA,OACA,UACA,MACA,aACA,cACA,UAAU,SACV,YAAY,OACZ,kBACA,cACA,mBACA,OACA,OAAO,YACP,QAAQ,OACR,mBACA,WACE;CAEJ,MAAM,eAAe,MAAM,OACzB,qBAAqB,CACtB;CAED,MAAM,CAAC,WAAW,gBAAgB,MAAM,SAAS,MAAM;CACvD,MAAM,WAAW,iBAAiB,QAAQ;CAC1C,MAAM,SAAS,MAAM,OAAO,CAAC,QAAQ,MAAM,GAAG;CAC9C,MAAM,YAAY,eAAe;CACjC,MAAM,UAAU,qBAAqB;CAErC,MAAM,eAAe,SAAS;CAC9B,MAAM,iBAAiB,SAAS,IAAI,QAAQ;CAC5C,MAAM,SAAS,eACX,OACA,iBACA,YACA,SAAS,SAAS,IAClB,QACA;CAEJ,MAAM,oBAAoB,QAAiB;AACzC,MAAI,CAAC,gBAAgB,eACnB,cAAa,IAAI;AAEnB,iBAAe,IAAI;;CAGrB,MAAM,OAAO,aAAa,cAAc;CACxC,MAAM,QAAQ,SAAS,cAAc;CACrC,MAAM,cAAc,uBAAuB,OAAO;CAClD,MAAM,EAAE,aAAa,eAAe,kBAClC,MACA,YAAY,OACb;CAED,MAAM,eAAe,MAAM,eAAe,SAAS,GACjD,MAAM,aAAa,UAAgC;EACjD,iBAAiB;EACjB,iBAAiB;EAClB,CAAC,GAEF,oBAAC,QAAD;EAAM,iBAAe;EAAW,iBAAe;EAC5C;EACI,CAAA;AAGT,KAAI,SAAS,SAAS,KAAK,CAAC,aAC1B,QAAO,oBAAA,UAAA,EAAG,UAAY,CAAA;AAGxB,QACE,qBAAC,iBAAiB,MAAlB;EACE,MAAM;EACO;EACb,cAAc;EACd,OAAO;YAJT,CAME,oBAAC,iBAAiB,SAAlB;GAA0B,SAAA;aACvB,iBACC,oBAAC,QAAD;IACE,oBAAoB,iBAAiB,KAAK;IAC1C,oBAAoB,iBAAiB,MAAM;cAE1C;IACI,CAAA,GAEP;GAEuB,CAAA,EAC3B,oBAAC,iBAAiB,QAAlB;GAAyB,WAAW,aAAa;aAC/C,qBAAC,iBAAiB,SAAlB;IACE,IAAI;IACJ,MAAK;IACL,mBAAiB,QAAQ,UAAU;IAC7B;IACC;IACK;IACC;IAEb,WAAW,GACT,4KACA,4CACA,iBACD;IACD,OAAO;KACL,WAAW;KACX,iBAAiB;KACjB,QAAQ;KACR,GAAG;KACH,GAAG;KACJ;IACD,kBAAkB,UAAU;AAC1B,SAAI,CAAC,sBAAsB,QAAQ,CACjC,OAAM,gBAAgB;;IAG1B,cACE,uBAAuB,iBAAiB,KAAK,GAAG;IAElD,cACE,uBAAuB,iBAAiB,MAAM,GAAG;cA9BrD;KAiCG,SACC,oBAAC,OAAD;MACE,IAAI;MACJ,WAAU;gBAET;MACG,CAAA;KAEP,WAEC,oBAAC,OAAD;MAAK,WAAU;gBACZ;MACG,CAAA;KAEP,SACC,oBAAC,iBAAiB,OAAlB,EACE,OAAO,EAAE,MAAM,6BAA6B,EAC5C,CAAA;KAEqB;;GACH,CAAA,CACJ"}

package/dist/Progress/index.js

@@ -33,6 +33,10 @@ var Progress_default = forwardRef(function Progress(props, ref) {
 	}, [loadingState]);
 	return /* @__PURE__ */ jsx("div", {
 		className: cn("ald-progress-bar tw-relative tw-h-[2px] tw-w-full tw-overflow-hidden", loadingState !== ELoadingState.IDLE && "ald-progress-bar-show-bg tw-bg-[var(--background-neutral-subtle)]", className),
+		role: "status",
+		"aria-live": "polite",
+		"aria-busy": loadingState === ELoadingState.LOADING,
+		"aria-label": "Loading",
 		children: /* @__PURE__ */ jsx("div", {
 			className: cn("ald-progress-bar-inner tw-absolute tw-left-0 tw-top-0 tw-h-full tw-w-0 tw-bg-[var(--action-primary-normal)]", loadingState === ELoadingState.LOADING && "ald-progress-bar-show-loading tw-animate-[progress-loading_2s_ease-in-out_forwards]", loadingState === ELoadingState.LOADED && "ald-progress-bar-hide-loading tw-animate-[progress-loaded_0.5s_ease-out_forwards]"),
 			onAnimationEnd

package/dist/Progress/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/Progress/index.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useState,\n} from 'react';\nimport { cn } from '../lib/utils';\nimport './progress.css';\n\nenum ELoadingState {\n  IDLE = 'IDLE',\n  LOADING = 'LOADING',\n  LOADED = 'LOADED',\n}\n\nexport default forwardRef(function Progress(props: IProps, ref) {\n  const { loading, className } = props;\n  const [loadingState, setLoadingState] = useState(ELoadingState.IDLE);\n  const [key, setKey] = useState(0);\n\n  useImperativeHandle(ref, () => ({\n    restart() {\n      setKey((prev) => prev + 1);\n    },\n  }));\n\n  useEffect(() => {\n    if (loadingState !== ELoadingState.IDLE) {\n      if (loadingState === ELoadingState.LOADING && !loading) {\n        setLoadingState(ELoadingState.LOADED);\n      }\n      return;\n    }\n    const DELAY_TIME = 200;\n    const timer = setTimeout(() => {\n      if (loading) {\n        setLoadingState(ELoadingState.LOADING);\n      }\n    }, DELAY_TIME);\n\n    return () => {\n      if (timer) {\n        clearTimeout(timer);\n      }\n    };\n  }, [loading, loadingState]);\n\n  const onAnimationEnd = useCallback(() => {\n    if (loadingState === ELoadingState.LOADED) {\n      setLoadingState(ELoadingState.IDLE);\n    }\n  }, [loadingState]);\n\n  return (\n    <div\n      key={key}\n      className={cn(\n        'ald-progress-bar tw-relative tw-h-[2px] tw-w-full tw-overflow-hidden',\n        loadingState !== ELoadingState.IDLE &&\n          'ald-progress-bar-show-bg tw-bg-[var(--background-neutral-subtle)]',\n        className,\n      )}\n    >\n      <div\n        className={cn(\n          'ald-progress-bar-inner tw-absolute tw-left-0 tw-top-0 tw-h-full tw-w-0 tw-bg-[var(--action-primary-normal)]',\n          loadingState === ELoadingState.LOADING &&\n            'ald-progress-bar-show-loading tw-animate-[progress-loading_2s_ease-in-out_forwards]',\n          loadingState === ELoadingState.LOADED &&\n            'ald-progress-bar-hide-loading tw-animate-[progress-loaded_0.5s_ease-out_forwards]',\n        )}\n        onAnimationEnd={onAnimationEnd}\n      />\n    </div>\n  );\n});\n\nexport interface IProps {\n  loading: boolean;\n  className?: string;\n}\n\nexport interface IProgressRef {\n  restart: () => void;\n}\n"],"mappings":";;;;;AAUA,IAAK,gBAAL,yBAAA,eAAA;AACE,eAAA,UAAA;AACA,eAAA,aAAA;AACA,eAAA,YAAA;;EAHG,iBAAA,EAAA,CAIJ;AAED,IAAA,mBAAe,WAAW,SAAS,SAAS,OAAe,KAAK;CAC9D,MAAM,EAAE,SAAS,cAAc;CAC/B,MAAM,CAAC,cAAc,mBAAmB,SAAS,cAAc,KAAK;CACpE,MAAM,CAAC,KAAK,UAAU,SAAS,EAAE;AAEjC,qBAAoB,YAAY,EAC9B,UAAU;AACR,UAAQ,SAAS,OAAO,EAAE;IAE7B,EAAE;AAEH,iBAAgB;AACd,MAAI,iBAAiB,cAAc,MAAM;AACvC,OAAI,iBAAiB,cAAc,WAAW,CAAC,QAC7C,iBAAgB,cAAc,OAAO;AAEvC;;EAGF,MAAM,QAAQ,iBAAiB;AAC7B,OAAI,QACF,iBAAgB,cAAc,QAAQ;KAHvB,IAKL;AAEd,eAAa;AACX,OAAI,MACF,cAAa,MAAM;;IAGtB,CAAC,SAAS,aAAa,CAAC;CAE3B,MAAM,iBAAiB,kBAAkB;AACvC,MAAI,iBAAiB,cAAc,OACjC,iBAAgB,cAAc,KAAK;IAEpC,CAAC,aAAa,CAAC;AAElB,QACE,oBAAC,OAAD;EAEE,WAAW,GACT,wEACA,iBAAiB,cAAc,QAC7B,qEACF,UACD;YAED,oBAAC,OAAD;GACE,WAAW,GACT,+GACA,iBAAiB,cAAc,WAC7B,uFACF,iBAAiB,cAAc,UAC7B,oFACH;GACe;GAChB,CAAA;EACE,EAlBC,IAkBD;EAER"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Progress/index.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useState,\n} from 'react';\nimport { cn } from '../lib/utils';\nimport './progress.css';\n\nenum ELoadingState {\n  IDLE = 'IDLE',\n  LOADING = 'LOADING',\n  LOADED = 'LOADED',\n}\n\nexport default forwardRef(function Progress(props: IProps, ref) {\n  const { loading, className } = props;\n  const [loadingState, setLoadingState] = useState(ELoadingState.IDLE);\n  const [key, setKey] = useState(0);\n\n  useImperativeHandle(ref, () => ({\n    restart() {\n      setKey((prev) => prev + 1);\n    },\n  }));\n\n  useEffect(() => {\n    if (loadingState !== ELoadingState.IDLE) {\n      if (loadingState === ELoadingState.LOADING && !loading) {\n        setLoadingState(ELoadingState.LOADED);\n      }\n      return;\n    }\n    const DELAY_TIME = 200;\n    const timer = setTimeout(() => {\n      if (loading) {\n        setLoadingState(ELoadingState.LOADING);\n      }\n    }, DELAY_TIME);\n\n    return () => {\n      if (timer) {\n        clearTimeout(timer);\n      }\n    };\n  }, [loading, loadingState]);\n\n  const onAnimationEnd = useCallback(() => {\n    if (loadingState === ELoadingState.LOADED) {\n      setLoadingState(ELoadingState.IDLE);\n    }\n  }, [loadingState]);\n\n  return (\n    <div\n      key={key}\n      className={cn(\n        'ald-progress-bar tw-relative tw-h-[2px] tw-w-full tw-overflow-hidden',\n        loadingState !== ELoadingState.IDLE &&\n          'ald-progress-bar-show-bg tw-bg-[var(--background-neutral-subtle)]',\n        className,\n      )}\n      role=\"status\"\n      aria-live=\"polite\"\n      aria-busy={loadingState === ELoadingState.LOADING}\n      aria-label=\"Loading\"\n    >\n      <div\n        className={cn(\n          'ald-progress-bar-inner tw-absolute tw-left-0 tw-top-0 tw-h-full tw-w-0 tw-bg-[var(--action-primary-normal)]',\n          loadingState === ELoadingState.LOADING &&\n            'ald-progress-bar-show-loading tw-animate-[progress-loading_2s_ease-in-out_forwards]',\n          loadingState === ELoadingState.LOADED &&\n            'ald-progress-bar-hide-loading tw-animate-[progress-loaded_0.5s_ease-out_forwards]',\n        )}\n        onAnimationEnd={onAnimationEnd}\n      />\n    </div>\n  );\n});\n\nexport interface IProps {\n  loading: boolean;\n  className?: string;\n}\n\nexport interface IProgressRef {\n  restart: () => void;\n}\n"],"mappings":";;;;;AAUA,IAAK,gBAAL,yBAAA,eAAA;AACE,eAAA,UAAA;AACA,eAAA,aAAA;AACA,eAAA,YAAA;;EAHG,iBAAA,EAAA,CAIJ;AAED,IAAA,mBAAe,WAAW,SAAS,SAAS,OAAe,KAAK;CAC9D,MAAM,EAAE,SAAS,cAAc;CAC/B,MAAM,CAAC,cAAc,mBAAmB,SAAS,cAAc,KAAK;CACpE,MAAM,CAAC,KAAK,UAAU,SAAS,EAAE;AAEjC,qBAAoB,YAAY,EAC9B,UAAU;AACR,UAAQ,SAAS,OAAO,EAAE;IAE7B,EAAE;AAEH,iBAAgB;AACd,MAAI,iBAAiB,cAAc,MAAM;AACvC,OAAI,iBAAiB,cAAc,WAAW,CAAC,QAC7C,iBAAgB,cAAc,OAAO;AAEvC;;EAGF,MAAM,QAAQ,iBAAiB;AAC7B,OAAI,QACF,iBAAgB,cAAc,QAAQ;KAHvB,IAKL;AAEd,eAAa;AACX,OAAI,MACF,cAAa,MAAM;;IAGtB,CAAC,SAAS,aAAa,CAAC;CAE3B,MAAM,iBAAiB,kBAAkB;AACvC,MAAI,iBAAiB,cAAc,OACjC,iBAAgB,cAAc,KAAK;IAEpC,CAAC,aAAa,CAAC;AAElB,QACE,oBAAC,OAAD;EAEE,WAAW,GACT,wEACA,iBAAiB,cAAc,QAC7B,qEACF,UACD;EACD,MAAK;EACL,aAAU;EACV,aAAW,iBAAiB,cAAc;EAC1C,cAAW;YAEX,oBAAC,OAAD;GACE,WAAW,GACT,+GACA,iBAAiB,cAAc,WAC7B,uFACF,iBAAiB,cAAc,UAC7B,oFACH;GACe;GAChB,CAAA;EACE,EAtBC,IAsBD;EAER"}

package/dist/Radio/components/Group/index.d.ts

@@ -1,4 +1,8 @@
 import { default as React } from 'react';
 import { IRadioGroupProps } from '../../interface/radioGroup';
-export declare const RadioGroupContext: React.Context<Omit<IRadioGroupProps, "className" | "children">>;
+type RadioGroupContextValue = Omit<IRadioGroupProps, 'children' | 'className'> & {
+    name?: string;
+};
+export declare const RadioGroupContext: React.Context<RadioGroupContextValue>;
 export default function RadioGroup(props: IRadioGroupProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/Radio/components/Group/index.js

@@ -5,7 +5,8 @@ import { jsx } from "react/jsx-runtime";
 //#region src/Radio/components/Group/index.tsx
 var RadioGroupContext = createContext({});
 function RadioGroup(props) {
-	const { children, radioGroupStyle = "filled", size = "middle", type = "radio", className, disabled: customDisabled, "data-testid": dataTestId, "aria-label": ariaLabel } = props;
+	const { children, radioGroupStyle = "filled", size = "middle", type = "radio", className, disabled: customDisabled, "data-testid": dataTestId, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy } = props;
+	const groupName = React.useId();
 	const isControlled = "value" in props && props.value !== void 0;
 	const [innerValue, setInnerValue] = useState(props.defaultValue);
 	useEffect(() => {
@@ -37,12 +38,16 @@ function RadioGroup(props) {
 			radioGroupStyle,
 			size,
 			type,
-			disabled: mergedDisabled
+			disabled: mergedDisabled,
+			name: groupName
 		},
 		children: /* @__PURE__ */ jsx("div", {
 			className: getWrapperClass(),
 			"data-testid": dataTestId,
+			role: "radiogroup",
 			"aria-label": ariaLabel,
+			"aria-labelledby": ariaLabelledBy,
+			"aria-describedby": ariaDescribedBy,
 			children
 		})
 	});