@zboson/ui 0.0.0-stage → 0.0.1

package/dist/config-provider/context.d.ts

@@ -0,0 +1,518 @@
+import { MaskType } from "../_util/hooks/useMergedMask.js";
+import { AnyObject, VueNode } from "../_util/type.js";
+import "../_util/hooks/index.js";
+import { WarningContextProps } from "../_util/warning.js";
+import { SeedToken } from "../theme/interface/seeds.js";
+import { MapToken } from "../theme/interface/maps/index.js";
+import { AliasToken } from "../theme/interface/alias.js";
+import { OverrideToken } from "../theme/interface/cssinjs-utils.js";
+import "../theme/interface/index.js";
+import { TooltipProps } from "../tooltip/index.js";
+import { FormProps } from "../form/Form.js";
+import { TimePickerProps } from "../time-picker/index.js";
+import { DatePickerProps, RangePickerProps } from "../date-picker/index.js";
+import { EmptyProps } from "../empty/index.js";
+import { ModalProps } from "../modal/interface.js";
+import { SelectProps } from "../select/index.js";
+import { PaginationProps } from "../pagination/interface.js";
+import { PopoverProps } from "../popover/index.js";
+import { PopconfirmProps } from "../popconfirm/index.js";
+import { SpinProps } from "../spin/index.js";
+import { CheckboxProps } from "../checkbox/Checkbox.js";
+import "../checkbox/index.js";
+import { MenuProps } from "../menu/index.js";
+import { DropdownProps } from "../dropdown/dropdown.js";
+import "../dropdown/index.js";
+import { ColumnType } from "../table/interface.js";
+import { TableProps } from "../table/InternalTable.js";
+import "../table/index.js";
+import { TourProps } from "../tour/index.js";
+import { TransferProps } from "../transfer/interface.js";
+import { ProgressProps } from "../progress/progress.js";
+import "../progress/index.js";
+import { UploadProps } from "../upload/interface.js";
+import { Locale } from "../locale/index.js";
+import { RenderEmptyHandler } from "./defaultRenderEmpty.js";
+import { ShowWaveEffect } from "../_util/wave/interface.js";
+import { AlertProps } from "../alert/Alert.js";
+import "../alert/index.js";
+import { AnchorProps } from "../anchor/Anchor.js";
+import "../anchor/index.js";
+import { RibbonProps } from "../badge/Ribbon.js";
+import { BadgeProps } from "../badge/index.js";
+import { BreadcrumbProps } from "../breadcrumb/Breadcrumb.js";
+import { CalendarProps } from "../calendar/generateCalendar.js";
+import "../calendar/index.js";
+import { TabsProps as TabsProps$1 } from "../tabs/index.js";
+import { CardProps } from "../card/Card.js";
+import { CardMetaProps } from "../card/CardMeta.js";
+import { CascaderProps } from "../cascader/index.js";
+import { CollapseProps } from "../collapse/Collapse.js";
+import "../collapse/index.js";
+import { ColorPickerProps } from "../color-picker/index.js";
+import { DescriptionsProps } from "../descriptions/index.js";
+import { DividerProps } from "../divider/index.js";
+import { DrawerProps } from "../drawer/index.js";
+import { FlexProps } from "../flex/interface.js";
+import "../flex/index.js";
+import { FloatButtonProps } from "../float-button/FloatButton.js";
+import { FloatButtonGroupProps } from "../float-button/FloatButtonGroup.js";
+import "../float-button/index.js";
+import { ImageProps } from "../image/index.js";
+import { InputNumberProps } from "../input-number/index.js";
+import { InputProps } from "../input/Input.js";
+import { OTPProps } from "../input/OTP/index.js";
+import { PasswordProps } from "../input/Password.js";
+import { SearchProps } from "../input/Search.js";
+import { TextAreaProps } from "../input/TextArea.js";
+import { ListyProps } from "../listy/interface.js";
+import "../listy/index.js";
+import { MasonryProps } from "../masonry/Masonry.js";
+import { ArgsProps } from "../notification/interface.js";
+import "../notification/index.js";
+import { QRCodeProps } from "../qrcode/index.js";
+import { RadioProps } from "../radio/interface.js";
+import { ResultProps } from "../result/index.js";
+import { SegmentedProps } from "../segmented/index.js";
+import { SkeletonProps } from "../skeleton/Skeleton.js";
+import "../skeleton/index.js";
+import { SliderProps } from "../slider/index.js";
+import { SpaceProps } from "../space/index.js";
+import { SplitterProps } from "../splitter/index.js";
+import { StatisticProps } from "../statistic/index.js";
+import { StepsProps } from "../steps/index.js";
+import { SwitchProps } from "../switch/index.js";
+import { TagProps } from "../tag/index.js";
+import { TimelineProps } from "../timeline/Timeline.js";
+import "../timeline/index.js";
+import { TreeProps } from "../tree/Tree.js";
+import { TreeSelectProps } from "../tree-select/index.js";
+import { BlockProps } from "../typography/interface.js";
+import { ButtonProps } from "../button/Button.js";
+import "../button/index.js";
+import { CSSProperties, Ref } from "vue";
+import { DerivativeFunc } from "@antdv-next/cssinjs";
+import { MoreProps } from "@v-c/tabs";
+//#region src/config-provider/context.d.ts
+declare const defaultPrefixCls = "ant";
+declare const defaultIconPrefixCls = "anticon";
+type GetClassNamesOrEmptyObject<Config extends {
+  classes?: any;
+}> = Config extends {
+  classes?: infer ClassNames;
+} ? ClassNames : object;
+type GetStylesOrEmptyObject<Config extends {
+  styles?: any;
+}> = Config extends {
+  styles?: infer Styles;
+} ? Styles : object;
+type ComponentReturnType<T extends keyof ConfigComponentProps> = Omit<NonNullable<ConfigComponentProps[T]>, 'classes' | 'styles'> & {
+  classes: GetClassNamesOrEmptyObject<NonNullable<ConfigComponentProps[T]>>;
+  styles: GetStylesOrEmptyObject<NonNullable<ConfigComponentProps[T]>>;
+  getPrefixCls: ConfigConsumerProps['getPrefixCls'];
+  direction: ConfigConsumerProps['direction'];
+  getPopupContainer: ConfigConsumerProps['getPopupContainer'];
+};
+interface Theme {
+  primaryColor?: string;
+  infoColor?: string;
+  successColor?: string;
+  processingColor?: string;
+  errorColor?: string;
+  warningColor?: string;
+}
+interface CSPConfig {
+  nonce?: string;
+}
+type DirectionType = 'ltr' | 'rtl' | undefined;
+type MappingAlgorithm = DerivativeFunc<SeedToken, MapToken>;
+interface ComponentBaseProps {
+  rootClass?: string;
+  prefixCls?: string;
+}
+type ComponentsConfig = { [key in keyof OverrideToken]?: OverrideToken[key] & {
+  algorithm?: boolean | MappingAlgorithm | MappingAlgorithm[];
+}; };
+interface ThemeConfig {
+  /**
+   * @descCN 用于修改 Design Token。
+   * @descEN Modify Design Token.
+   */
+  token?: Partial<AliasToken>;
+  /**
+   * @descCN 用于修改各个组件的 Component Token 以及覆盖该组件消费的 Alias Token。
+   * @descEN Modify Component Token and Alias Token applied to components.
+   */
+  components?: ComponentsConfig;
+  /**
+   * @descCN 用于修改 Seed Token 到 Map Token 的算法。
+   * @descEN Modify the algorithms of theme.
+   * @default defaultAlgorithm
+   */
+  algorithm?: MappingAlgorithm | MappingAlgorithm[];
+  /**
+   * @descCN 是否继承外层 `ConfigProvider` 中配置的主题。
+   * @descEN Whether to inherit the theme configured in the outer layer `ConfigProvider`.
+   * @default true
+   */
+  inherit?: boolean;
+  /**
+   * @descCN 是否开启 `hashed` 属性。如果你的应用中只存在一个版本的 antd，你可以设置为 `false` 来进一步减小样式体积。
+   * @descEN Whether to enable the `hashed` attribute. If there is only one version of antd in your application, you can set `false` to reduce the bundle size.
+   * @default true
+   */
+  hashed?: boolean;
+  /**
+   * @descCN 通过 `cssVar` 配置来开启 CSS 变量模式，这个配置会被继承。
+   * @descEN Enable CSS variable mode through `cssVar` configuration, This configuration will be inherited.
+   * @default false
+   */
+  cssVar?: true | {
+    /**
+     * @descCN css 变量的前缀
+     * @descEN Prefix for css variable.
+     * @default ant
+     */
+    prefix?: string;
+    /**
+     * @descCN 主题的唯一 key，版本低于 react@18 时需要手动设置。
+     * @descEN Unique key for theme, should be set manually < react@18.
+     */
+    key?: string;
+  };
+  /**
+   * @descCN 开启零运行时模式，不会在运行时产生样式，需要手动引入 CSS 文件。
+   * @descEN Enable zero-runtime mode, which will not generate style at runtime, need to import additional CSS file.
+   * @default true
+   * @example
+   * ```tsx
+   * import { ConfigProvider } from 'antd';
+   * import 'antdv-next/dist/antd.css';
+   *
+   * const Demo = () => (
+   *   <ConfigProvider theme={{ zeroRuntime: true }}>
+   *     <App />
+   *   </ConfigProvider>
+   *);
+   * ```
+   */
+  zeroRuntime?: boolean;
+}
+interface ComponentStyleConfig {
+  class?: string;
+  style?: CSSProperties;
+  classes?: unknown;
+  styles?: unknown;
+}
+type PopupOverflow = 'viewport' | 'scroll';
+declare const Variants: readonly ["outlined", "borderless", "filled", "underlined"];
+type Variant = (typeof Variants)[number];
+type TriggerType = 'click' | 'pointerdown' | 'pointerup' | 'mousedown' | 'mouseup';
+interface WaveConfig {
+  /**
+   * @descCN 是否禁用水波纹效果。
+   * @descEN Whether to disable wave effect.
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * @descCN 自定义水波纹效果。
+   * @descEN Customized wave effect.
+   */
+  showEffect?: ShowWaveEffect;
+  /**
+   * @descCN 触发水波纹效果的事件。
+   * @descEN The event that triggers the wave effect.
+   * @default 'click'
+   */
+  triggerType?: TriggerType;
+}
+type SpaceConfig = ComponentStyleConfig & Pick<SpaceProps, 'size' | 'classes' | 'styles'>;
+type ButtonConfig = ComponentStyleConfig & Pick<ButtonProps, 'classes' | 'styles' | 'autoInsertSpace' | 'variant' | 'color' | 'shape'> & {
+  loadingIcon?: VueNode;
+};
+type FlexConfig = ComponentStyleConfig & Pick<FlexProps, 'vertical'>;
+type AlertConfig = ComponentStyleConfig & Pick<AlertProps, 'variant' | 'closeIcon' | 'closable' | 'classes' | 'styles'> & {
+  successIcon?: VueNode;
+  infoIcon?: VueNode;
+  warningIcon?: VueNode;
+  errorIcon?: VueNode;
+};
+type BadgeConfig = ComponentStyleConfig & Pick<BadgeProps, 'classes' | 'styles'>;
+type TagConfig = ComponentStyleConfig & Pick<TagProps, 'variant' | 'closeIcon' | 'closable' | 'classes' | 'styles'>;
+type EmptyConfig = ComponentStyleConfig & Pick<EmptyProps, 'classes' | 'styles' | 'image'>;
+type SpinConfig = ComponentStyleConfig & Pick<SpinProps, 'indicator'>;
+type DescriptionsConfig = ComponentStyleConfig & Pick<DescriptionsProps, 'styles' | 'classes'>;
+type CollapseConfig = ComponentStyleConfig & Pick<CollapseProps, 'expandIcon'>;
+type QRcodeConfig = ComponentStyleConfig & Pick<QRCodeProps, 'classes' | 'styles'>;
+type ResultConfig = ComponentStyleConfig & Pick<ResultProps, 'classes' | 'styles'>;
+type AnchorStyleConfig = ComponentStyleConfig & Pick<AnchorProps, 'classes' | 'styles'>;
+type PaginationConfig = ComponentStyleConfig & Pick<PaginationProps, 'showSizeChanger'>;
+type DividerConfig = ComponentStyleConfig & Pick<DividerProps, 'classes' | 'styles'>;
+type SkeletonConfig = ComponentStyleConfig & Pick<SkeletonProps, 'styles' | 'classes'>;
+type StatisticConfig = ComponentStyleConfig & Pick<StatisticProps, 'classes' | 'styles'>;
+type TypographyConfig = ComponentStyleConfig & Pick<BlockProps, 'classes' | 'styles'>;
+type SplitterConfig = ComponentStyleConfig & Pick<SplitterProps, 'classes' | 'styles'>;
+type CalendarConfig = ComponentStyleConfig & Pick<CalendarProps<any>, 'classes' | 'styles'>;
+type FloatButtonConfig = ComponentStyleConfig & Pick<FloatButtonProps, 'classes' | 'styles'> & {
+  backTopIcon?: VueNode;
+};
+type FloatButtonGroupConfig = ComponentStyleConfig & Pick<FloatButtonGroupProps, 'classes' | 'styles'> & {
+  closeIcon?: VueNode;
+};
+interface TooltipUniqueConfig {
+  /**
+   * @descCN 是否开启 Tooltip 流畅过渡动画
+   * @descEN Whether to enable smooth transition for tooltips
+   * @default false
+   */
+  unique?: boolean;
+}
+type TooltipConfig = ComponentStyleConfig & Pick<TooltipProps, 'styles' | 'classes' | 'arrow' | 'trigger' | 'mouseEnterDelay' | 'mouseLeaveDelay'> & TooltipUniqueConfig;
+type PopoverConfig = ComponentStyleConfig & Pick<PopoverProps, 'classes' | 'styles' | 'arrow' | 'trigger' | 'mouseEnterDelay' | 'mouseLeaveDelay'>;
+type PopconfirmConfig = ComponentStyleConfig & Pick<PopconfirmProps, 'classes' | 'styles' | 'arrow' | 'trigger' | 'mouseEnterDelay' | 'mouseLeaveDelay'>;
+type SegmentedConfig = ComponentStyleConfig & Pick<SegmentedProps, 'classes' | 'styles'>;
+type MenuConfig = ComponentStyleConfig & Pick<MenuProps, 'expandIcon' | 'classes' | 'styles'>;
+type TourConfig = ComponentStyleConfig & Pick<TourProps, 'closeIcon' | 'classes' | 'styles'>;
+type NotificationConfig = ComponentStyleConfig & Pick<ArgsProps, 'closeIcon' | 'classes' | 'styles'>;
+type BreadcrumbConfig = ComponentStyleConfig & Pick<BreadcrumbProps, 'classes' | 'styles' | 'separator' | 'dropdownIcon'>;
+type MasonryConfig = ComponentStyleConfig & Pick<MasonryProps, 'classes' | 'styles'>;
+type FormConfig = ComponentStyleConfig & Pick<FormProps, 'requiredMark' | 'colon' | 'scrollToFirstError' | 'validateMessages' | 'variant' | 'classes' | 'styles' | 'tooltip' | 'autoComplete' | 'autocomplete' | 'labelAlign' | 'labelWrap'>;
+type RadioConfig = ComponentStyleConfig & Pick<RadioProps, 'classes' | 'styles'>;
+type CheckboxConfig = ComponentStyleConfig & Pick<CheckboxProps, 'classes' | 'styles'>;
+type ListyConfig = ComponentStyleConfig & Pick<ListyProps, 'classes' | 'styles'>;
+type SwitchStyleConfig = ComponentStyleConfig & Pick<SwitchProps, 'classes' | 'styles'>;
+type TransferConfig = ComponentStyleConfig & Pick<TransferProps, 'selectionsIcon' | 'classes' | 'styles'>;
+type InputConfig = ComponentStyleConfig & Pick<InputProps, 'autoComplete' | 'autocomplete' | 'classes' | 'styles' | 'allowClear' | 'variant' | 'changeOnComposing'>;
+type InputNumberConfig = ComponentStyleConfig & Pick<InputNumberProps, 'classes' | 'styles' | 'variant' | 'allowClear'>;
+type TextAreaConfig = ComponentStyleConfig & Pick<TextAreaProps, 'classes' | 'styles' | 'allowClear' | 'variant' | 'changeOnComposing'>;
+type MentionsConfig = ComponentStyleConfig & Pick<TextAreaProps, 'classes' | 'styles' | 'allowClear' | 'variant'>;
+type InputSearchConfig = ComponentStyleConfig & Pick<SearchProps, 'classes' | 'styles' | 'searchIcon' | 'variant'>;
+/**
+ * Only `variant` is consumed for now: Input.Password does not read semantic
+ * class/style context yet, so exposing them here would be misleading.
+ */
+type InputPasswordConfig = Pick<PasswordProps, 'variant'>;
+type OTPConfig = ComponentStyleConfig & Pick<OTPProps, 'classes' | 'styles' | 'variant'>;
+type SliderConfig = ComponentStyleConfig & Pick<SliderProps, 'styles' | 'classes'>;
+interface TabsMoreConfig {
+  /**
+   * `popupRender` is intentionally excluded: it is a per-instance render
+   * function and makes no sense as a global configuration.
+   */
+  more?: Omit<MoreProps, 'popupRender'>;
+}
+type TabsConfig = ComponentStyleConfig & Pick<TabsProps$1, 'indicator' | 'indicatorSize' | 'moreIcon' | 'addIcon' | 'removeIcon' | 'classes' | 'styles' | 'scrollPosition'> & TabsMoreConfig;
+type SelectConfig = ComponentStyleConfig & Pick<SelectProps, 'showSearch' | 'variant' | 'classes' | 'styles' | 'allowClear' | 'suffixIcon' | 'removeIcon'> & {
+  clearIcon?: any;
+  loadingIcon?: any;
+  menuItemSelectedIcon?: any;
+};
+type CascaderConfig = ComponentStyleConfig & Pick<CascaderProps, 'variant' | 'classes' | 'styles' | 'expandIcon' | 'loadingIcon'> & {
+  searchIcon?: any;
+  clearIcon?: any;
+  removeIcon?: any;
+  suffixIcon?: any;
+};
+type CardMetaConfig = ComponentStyleConfig & Pick<CardMetaProps, 'classes' | 'styles'>;
+type CardConfig = ComponentStyleConfig & Pick<CardProps, 'classes' | 'styles' | 'variant'>;
+type DrawerConfig = ComponentStyleConfig & Pick<DrawerProps, 'classes' | 'styles' | 'closeIcon' | 'closable' | 'mask'> & {
+  focusable?: any;
+};
+type ModalConfig = ComponentStyleConfig & Pick<ModalProps, 'classes' | 'styles' | 'closeIcon' | 'closable' | 'centered' | 'okButtonProps' | 'cancelButtonProps' | 'mask'> & {
+  focusable?: any;
+  infoIcon?: any;
+  successIcon?: any;
+  warningIcon?: any;
+  errorIcon?: any;
+};
+type StepsConfig = ComponentStyleConfig & Pick<StepsProps, 'classes' | 'styles'>;
+type TimelineConfig = ComponentStyleConfig & Pick<TimelineProps, 'classes' | 'styles'>;
+type ImageConfig = ComponentStyleConfig & Pick<ImageProps, 'classes' | 'styles'> & {
+  preview?: Partial<Record<'closeIcon', any>> & Pick<ImageProps, 'classes' | 'styles'> & {
+    mask?: MaskType;
+  };
+  fallback?: string;
+};
+type TreeConfig = ComponentStyleConfig & Pick<TreeProps, 'classes' | 'styles'>;
+type TreeSelectConfig = ComponentStyleConfig & Pick<TreeSelectProps, 'variant' | 'classes' | 'styles' | 'switcherIcon'>;
+type UploadConfig = ComponentStyleConfig & Pick<UploadProps, 'classes' | 'styles' | 'customRequest' | 'progress' | 'accept'>;
+type DatePickerConfig = ComponentStyleConfig & Pick<DatePickerProps, 'classes' | 'styles' | 'variant' | 'suffixIcon' | 'allowClear'> & {
+  clearIcon?: any;
+};
+type RangePickerConfig = ComponentStyleConfig & Pick<RangePickerProps, 'variant' | 'separator'>;
+type TimePickerConfig = ComponentStyleConfig & Pick<TimePickerProps, 'classes' | 'styles' | 'variant' | 'suffixIcon' | 'allowClear'> & {
+  clearIcon?: any;
+};
+interface TableConfig<RecordType extends AnyObject = AnyObject> extends ComponentStyleConfig {
+  expandable?: {
+    expandIcon?: NonNullable<TableProps['expandable']>['expandIcon'];
+  };
+  rowKey?: TableProps<RecordType>['rowKey'];
+  classes?: TableProps['classes'];
+  styles?: TableProps['styles'];
+  scroll?: TableProps<RecordType>['scroll'];
+  bodyCell?: TableProps['bodyCell'];
+  headerCell?: TableProps['headerCell'];
+  /** Default props applied to every column (ant-design 6.4.0 #57545). */
+  column?: TableProps<RecordType>['column'];
+}
+type RibbonConfig = ComponentStyleConfig & Pick<RibbonProps, 'classes' | 'styles'>;
+type ColorPickerConfig = ComponentStyleConfig & Pick<ColorPickerProps, 'classes' | 'styles' | 'arrow'>;
+type DropdownConfig = ComponentStyleConfig & Pick<DropdownProps, 'classes' | 'styles'>;
+type ProgressConfig = ComponentStyleConfig & Pick<ProgressProps, 'classes' | 'styles'>;
+interface ConfigComponentProps {
+  input?: InputConfig;
+  inputNumber?: InputNumberConfig;
+  textArea?: TextAreaConfig;
+  mentions?: MentionsConfig;
+  pagination?: PaginationConfig;
+  inputSearch?: InputSearchConfig;
+  inputPassword?: InputPasswordConfig;
+  otp?: OTPConfig;
+  space?: SpaceConfig;
+  splitter?: SplitterConfig;
+  form?: FormConfig;
+  select?: SelectConfig;
+  app?: ComponentStyleConfig;
+  alert?: AlertConfig;
+  anchor?: AnchorStyleConfig;
+  button?: ButtonConfig;
+  divider?: DividerConfig;
+  drawer?: DrawerConfig;
+  calendar?: CalendarConfig;
+  carousel?: ComponentStyleConfig;
+  cascader?: CascaderConfig;
+  treeSelect?: TreeSelectConfig;
+  collapse?: CollapseConfig;
+  floatButton?: FloatButtonConfig;
+  floatButtonGroup?: FloatButtonGroupConfig;
+  typography?: TypographyConfig;
+  skeleton?: SkeletonConfig;
+  spin?: SpinConfig;
+  segmented?: SegmentedConfig;
+  steps?: StepsConfig;
+  statistic?: StatisticConfig;
+  image?: ImageConfig;
+  layout?: ComponentStyleConfig;
+  listy?: ListyConfig;
+  modal?: ModalConfig;
+  progress?: ProgressConfig;
+  result?: ResultConfig;
+  slider?: SliderConfig;
+  breadcrumb?: BreadcrumbConfig;
+  masonry?: MasonryConfig;
+  menu?: MenuConfig;
+  checkbox?: CheckboxConfig;
+  descriptions?: DescriptionsConfig;
+  empty?: EmptyConfig;
+  badge?: BadgeConfig;
+  borderBeam?: ComponentStyleConfig;
+  refInput?: ComponentStyleConfig;
+  refTable?: ComponentStyleConfig;
+  radio?: RadioConfig;
+  rate?: ComponentStyleConfig;
+  switch?: SwitchStyleConfig;
+  transfer?: TransferConfig;
+  avatar?: ComponentStyleConfig;
+  message?: ComponentStyleConfig;
+  tag?: TagConfig;
+  table?: TableConfig;
+  card?: CardConfig;
+  cardMeta?: CardMetaConfig;
+  tabs?: TabsConfig;
+  timeline?: TimelineConfig;
+  timePicker?: TimePickerConfig;
+  tour?: TourConfig;
+  tooltip?: TooltipConfig;
+  popover?: PopoverConfig;
+  popconfirm?: PopconfirmConfig;
+  upload?: UploadConfig;
+  notification?: NotificationConfig;
+  notice?: ComponentStyleConfig;
+  noticeGroup?: ComponentStyleConfig;
+  tree?: TreeConfig;
+  colorPicker?: ColorPickerConfig;
+  datePicker?: DatePickerConfig;
+  dateRange?: ComponentStyleConfig;
+  ribbon?: RibbonConfig;
+  rangePicker?: RangePickerConfig;
+  dropdown?: DropdownConfig;
+  flex?: FlexConfig;
+  qrcode?: QRcodeConfig;
+  wave?: WaveConfig;
+}
+interface ConfigConsumerProps extends ConfigComponentProps {
+  getTargetContainer?: () => HTMLElement;
+  getPopupContainer?: (triggerNode?: HTMLElement) => HTMLElement;
+  rootPrefixCls?: string;
+  iconPrefixCls: string;
+  getPrefixCls: (suffixCls?: string, customizePrefixCls?: string) => string;
+  renderEmpty?: RenderEmptyHandler;
+  /** Inlined (mirrors ConfigProviderProps#transformCellText in define.ts) to keep context.ts free of define/index imports — see the circular-any note below. */
+  transformCellText?: (ctx: {
+    text: any;
+    column: ColumnType<any>;
+    record: Record<string, any>;
+    index: number;
+  }) => any;
+  /**
+   * @descCN 设置 [Content Security Policy](https://developer.mozilla.org/zh-CN/docs/Web/HTTP/CSP) 配置。
+   * @descEN Set the [Content Security Policy](https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP) config.
+   */
+  csp?: CSPConfig;
+  /** @deprecated Please use `{ button: { autoInsertSpace: boolean }}` instead */
+  autoInsertSpaceInButton?: boolean;
+  variant?: Variant;
+  virtual?: boolean;
+  locale?: Locale;
+  direction?: DirectionType;
+  popupMatchSelectWidth?: boolean;
+  popupOverflow?: PopupOverflow;
+  theme?: ThemeConfig;
+  warning?: WarningContextProps;
+  wave?: WaveConfig;
+}
+declare function useConfigProvider(props: Ref<ConfigConsumerProps>): void;
+declare function useConfig(): Ref<ConfigConsumerProps, ConfigConsumerProps>;
+/**
+ * Utility type to convert ConfigConsumerProps to a reactive refs structure.
+ * Functions remain as-is, other values are wrapped in Ref.
+ */
+type ConfigRefs<R extends ConfigConsumerProps = ConfigConsumerProps> = { [K in keyof R]?: R[K] extends ((...args: any[]) => any) ? R[K] : R[K] extends object | undefined ? Ref<R[K]> : Ref<R[K]>; };
+declare function useBaseConfig<K extends string>(suffixCls?: K, props?: ComponentBaseProps): {
+  result: Readonly<Ref<ResultConfig | undefined, ResultConfig | undefined>>;
+  modal: Readonly<Ref<ModalConfig | undefined, ModalConfig | undefined>>;
+  timeline: Readonly<Ref<TimelineConfig | undefined, TimelineConfig | undefined>>;
+  notification: Readonly<Ref<NotificationConfig | undefined, NotificationConfig | undefined>>;
+  getPrefixCls: (suffixCls?: string, prefixCls?: string) => string;
+  prefixCls: Readonly<Ref<string, string>>;
+  direction: Readonly<Ref<DirectionType, DirectionType>>;
+  getPopupContainer: ((triggerNode?: HTMLElement) => HTMLElement) | undefined;
+};
+/**
+ * Get ConfigProvider configured component props.
+ * This help to reduce bundle size for saving `?.` operator.
+ * Do not use as `useMemo` deps since we do not cache the object here.
+ *
+ * NOTE: not refactor this with `useMemo` since memo will cost another memory space,
+ * which will waste both compare calculation & memory.
+ */
+declare function useComponentConfig<T extends keyof ConfigComponentProps>(propName: T): import("vue").ComputedRef<ComponentReturnType<T>>;
+declare function useComponentBaseConfig<T extends keyof ConfigComponentProps, K extends keyof NonNullable<ConfigComponentProps[T]> = keyof NonNullable<ConfigComponentProps[T]>>(propName: T, props?: ComponentBaseProps, keys?: readonly K[], suffixCls?: string): ({
+  classes?: any;
+  styles?: any;
+} & ConfigComponentProps[T] extends (infer T_1) ? { [Key in keyof T_1]-?: Ref<T_1[Key], T_1[Key]>; } : never) & {
+  direction: Readonly<Ref<DirectionType, DirectionType>>;
+  prefixCls: Readonly<Ref<string, string>>;
+  rootPrefixCls: Readonly<Ref<string, string>>;
+  getPopupContainer: ((triggerNode?: HTMLElement) => HTMLElement) | undefined;
+  getPrefixCls: (suffixCls?: string, customizePrefixCls?: string) => string;
+  getTargetContainer: (() => HTMLElement) | undefined;
+  virtual: Readonly<Ref<boolean | undefined, boolean | undefined>>;
+  renderEmpty: Readonly<Ref<RenderEmptyHandler | undefined, RenderEmptyHandler | undefined>>;
+  popupMatchSelectWidth: Readonly<Ref<boolean | undefined, boolean | undefined>>;
+  popupOverflow: Readonly<Ref<PopupOverflow | undefined, PopupOverflow | undefined>>;
+};
+//#endregion
+export { AlertConfig, AnchorStyleConfig, BadgeConfig, BreadcrumbConfig, ButtonConfig, CSPConfig, CalendarConfig, CardConfig, CardMetaConfig, CascaderConfig, CheckboxConfig, CollapseConfig, ColorPickerConfig, ComponentBaseProps, ComponentStyleConfig, ConfigComponentProps, ConfigConsumerProps, ConfigRefs, DatePickerConfig, DescriptionsConfig, DirectionType, DividerConfig, DrawerConfig, DropdownConfig, EmptyConfig, FlexConfig, FloatButtonConfig, FloatButtonGroupConfig, FormConfig, ImageConfig, InputConfig, InputNumberConfig, InputPasswordConfig, InputSearchConfig, ListyConfig, MappingAlgorithm, MasonryConfig, MentionsConfig, MenuConfig, ModalConfig, NotificationConfig, OTPConfig, PaginationConfig, PopconfirmConfig, PopoverConfig, PopupOverflow, ProgressConfig, QRcodeConfig, RadioConfig, RangePickerConfig, ResultConfig, RibbonConfig, SegmentedConfig, SelectConfig, SkeletonConfig, SliderConfig, SpaceConfig, SpinConfig, SplitterConfig, StatisticConfig, StepsConfig, SwitchStyleConfig, TableConfig, TabsConfig, TabsMoreConfig, TagConfig, TextAreaConfig, Theme, ThemeConfig, TimePickerConfig, TimelineConfig, TooltipConfig, TooltipUniqueConfig, TourConfig, TransferConfig, TreeConfig, TreeSelectConfig, TriggerType, TypographyConfig, UploadConfig, Variant, Variants, WaveConfig, defaultIconPrefixCls, defaultPrefixCls, useBaseConfig, useComponentBaseConfig, useComponentConfig, useConfig, useConfigProvider };

package/dist/config-provider/context.js

@@ -0,0 +1,96 @@
+import { computed, inject, provide, ref, toRef } from "vue";
+//#region src/config-provider/context.ts
+const defaultPrefixCls = "ant";
+const defaultIconPrefixCls = "anticon";
+const EMPTY_OBJECT = {};
+const Variants = [
+	"outlined",
+	"borderless",
+	"filled",
+	"underlined"
+];
+const ConfigConsumerKey = Symbol("ConfigConsumerContext");
+function useConfigProvider(props) {
+	provide(ConfigConsumerKey, props);
+}
+function defaultGetPrefixCls(suffixCls, customizePrefixCls) {
+	if (customizePrefixCls) return customizePrefixCls;
+	return suffixCls ? `ant-${suffixCls}` : "ant";
+}
+const defaultConfigRef = ref({
+	getPrefixCls: defaultGetPrefixCls,
+	iconPrefixCls: defaultIconPrefixCls
+});
+function useConfig() {
+	return inject(ConfigConsumerKey, defaultConfigRef);
+}
+function useBaseConfig(suffixCls, props) {
+	const config = useConfig();
+	return {
+		result: toRef(() => config.value?.result),
+		modal: toRef(() => config.value?.modal),
+		timeline: toRef(() => config.value?.timeline),
+		notification: toRef(() => config.value?.notification),
+		getPrefixCls: (suffixCls, prefixCls) => config.value?.getPrefixCls(suffixCls, prefixCls),
+		prefixCls: toRef(() => config.value?.getPrefixCls(suffixCls, props?.prefixCls)),
+		direction: toRef(() => config.value?.direction),
+		getPopupContainer: config?.value.getPopupContainer
+	};
+}
+/**
+* Get ConfigProvider configured component props.
+* This help to reduce bundle size for saving `?.` operator.
+* Do not use as `useMemo` deps since we do not cache the object here.
+*
+* NOTE: not refactor this with `useMemo` since memo will cost another memory space,
+* which will waste both compare calculation & memory.
+*/
+function useComponentConfig(propName) {
+	const context = useConfig();
+	return computed(() => {
+		const { getPrefixCls, direction, getPopupContainer } = context.value;
+		const propValue = context.value[propName];
+		return {
+			classes: EMPTY_OBJECT,
+			styles: EMPTY_OBJECT,
+			...propValue,
+			getPrefixCls,
+			direction,
+			getPopupContainer
+		};
+	});
+}
+function useComponentBaseConfig(propName, props, keys, suffixCls) {
+	const context = useConfig();
+	const getPropValue = () => context.value[propName];
+	const toRefs = (getPropValues) => {
+		const result = {
+			classes: toRef(() => getPropValues()?.classes ?? EMPTY_OBJECT),
+			styles: toRef(() => getPropValues()?.styles ?? EMPTY_OBJECT),
+			class: toRef(() => getPropValues()?.class),
+			style: toRef(() => getPropValues()?.style)
+		};
+		const addKey = (key) => {
+			if (!result[key]) result[key] = toRef(() => getPropValues()?.[key]);
+		};
+		const current = getPropValues();
+		if (current) Object.keys(current).forEach(addKey);
+		keys?.forEach((key) => addKey(key));
+		return result;
+	};
+	return {
+		...toRefs(getPropValue),
+		direction: toRef(() => context.value.direction),
+		prefixCls: toRef(() => context.value?.getPrefixCls(suffixCls ?? propName, props?.prefixCls)),
+		rootPrefixCls: toRef(() => context.value?.getPrefixCls()),
+		getPopupContainer: context.value.getPopupContainer,
+		getPrefixCls: context.value.getPrefixCls,
+		getTargetContainer: context.value.getTargetContainer,
+		virtual: toRef(() => context.value.virtual),
+		renderEmpty: toRef(() => context.value.renderEmpty),
+		popupMatchSelectWidth: toRef(() => context.value.popupMatchSelectWidth),
+		popupOverflow: toRef(() => context.value.popupOverflow)
+	};
+}
+//#endregion
+export { Variants, defaultIconPrefixCls, defaultPrefixCls, useBaseConfig, useComponentBaseConfig, useComponentConfig, useConfig, useConfigProvider };

package/dist/config-provider/defaultRenderEmpty.d.ts

@@ -0,0 +1,10 @@
+import { VNodeChild } from "vue";
+//#region src/config-provider/defaultRenderEmpty.d.ts
+type ComponentName = 'Table' | 'Table.filter' | 'List' | 'Select' | 'TreeSelect' | 'Cascader' | 'Transfer' | 'Mentions';
+interface EmptyProps {
+  componentName?: ComponentName;
+}
+declare const DefaultRenderEmpty: import("vue").DefineSetupFnComponent<EmptyProps, {}, {}, EmptyProps & {}, import("vue").PublicProps>;
+type RenderEmptyHandler = (componentName?: ComponentName) => VNodeChild;
+//#endregion
+export { DefaultRenderEmpty, RenderEmptyHandler };

package/dist/config-provider/defaultRenderEmpty.js

@@ -0,0 +1,39 @@
+import { useBaseConfig } from "./context.js";
+import Empty from "../empty/index.js";
+import { createVNode, defineComponent } from "vue";
+//#region src/config-provider/defaultRenderEmpty.tsx
+const DefaultRenderEmpty = /* @__PURE__ */ defineComponent((props) => {
+	const { prefixCls } = useBaseConfig("empty");
+	return () => {
+		const { componentName } = props;
+		const prefix = prefixCls.value;
+		switch (componentName) {
+			case "Table":
+			case "List": return createVNode(Empty, { "image": Empty.PRESENTED_IMAGE_SIMPLE }, null);
+			case "Select":
+			case "TreeSelect":
+			case "Cascader":
+			case "Transfer":
+			case "Mentions": return createVNode(Empty, {
+				"image": Empty.PRESENTED_IMAGE_SIMPLE,
+				"class": `${prefix}-small`
+			}, null);
+			/**
+			* This type of component should satisfy the nullish coalescing operator(??) on the left-hand side.
+			* to let the component itself implement the logic.
+			* For example `Table.filter`.
+			*/
+			case "Table.filter": return null;
+			default: return createVNode(Empty, null, null);
+		}
+	};
+}, {
+	props: { componentName: {
+		type: String,
+		required: false
+	} },
+	name: "ADefaultRenderEmpty",
+	inheritAttrs: false
+});
+//#endregion
+export { DefaultRenderEmpty };