antdv-next 1.0.0-alpha.5 → 1.0.0-beta.2

package/dist/components.mjs

@@ -0,0 +1,234 @@
+import { __exportAll } from "./_virtual/rolldown_runtime.mjs";
+import affix_default from "./affix/index.mjs";
+import alert_default from "./alert/index.mjs";
+import anchor_default from "./anchor/index.mjs";
+import UniqueProvider_default from "./tooltip/UniqueProvider/index.mjs";
+import tooltip_default from "./tooltip/index.mjs";
+import config_provider_default from "./config-provider/index.mjs";
+import useMessage from "./message/useMessage.mjs";
+import message_default from "./message/index.mjs";
+import collapse_default from "./collapse/index.mjs";
+import button_default from "./button/index.mjs";
+import Avatar_default from "./skeleton/Avatar.mjs";
+import Button_default from "./skeleton/Button.mjs";
+import Image_default from "./skeleton/Image.mjs";
+import Input_default from "./skeleton/Input.mjs";
+import Node_default from "./skeleton/Node.mjs";
+import skeleton_default from "./skeleton/index.mjs";
+import useModal from "./modal/useModal/index.mjs";
+import modal_default from "./modal/index.mjs";
+import useNotification from "./notification/useNotification.mjs";
+import notification_default from "./notification/index.mjs";
+import app_default from "./app/index.mjs";
+import empty_default from "./empty/index.mjs";
+import select_default, { SelectOptGroup, SelectOption } from "./select/index.mjs";
+import auto_complete_default, { Option } from "./auto-complete/index.mjs";
+import popover_default from "./popover/index.mjs";
+import AvatarGroup_default from "./avatar/AvatarGroup.mjs";
+import avatar_default from "./avatar/index.mjs";
+import badge_default from "./badge/index.mjs";
+import MenuDivider_default from "./menu/MenuDivider.mjs";
+import SubMenu_default from "./menu/SubMenu.mjs";
+import menu_default, { MenuItem } from "./menu/index.mjs";
+import dropdown_default from "./dropdown/index.mjs";
+import breadcrumb_default from "./breadcrumb/index.mjs";
+import radio_default, { RadioButton, RadioGroup } from "./radio/index.mjs";
+import calendar_default from "./calendar/index.mjs";
+import TabPane_default from "./tabs/TabPane.mjs";
+import tabs_default from "./tabs/index.mjs";
+import CardGrid_default from "./card/CardGrid.mjs";
+import CardMeta_default from "./card/CardMeta.mjs";
+import card_default from "./card/index.mjs";
+import carousel_default from "./carousel/index.mjs";
+import Panel_default from "./cascader/Panel.mjs";
+import cascader_default from "./cascader/index.mjs";
+import Group_default from "./checkbox/Group.mjs";
+import checkbox_default from "./checkbox/index.mjs";
+import divider_default from "./divider/index.mjs";
+import segmented_default from "./segmented/index.mjs";
+import space_default, { SpaceAddon, SpaceCompact } from "./space/index.mjs";
+import input_number_default from "./input-number/index.mjs";
+import slider_default from "./slider/index.mjs";
+import color_picker_default from "./color-picker/index.mjs";
+import date_picker_default, { DateMonthPicker, DateQuarterPicker, DateRangePicker, DateWeekPicker, DateYearPicker } from "./date-picker/index.mjs";
+import col_default from "./grid/col.mjs";
+import row_default from "./grid/row.mjs";
+import "./grid/index.mjs";
+import descriptions_default from "./descriptions/index.mjs";
+import drawer_default from "./drawer/index.mjs";
+import flex_default from "./flex/index.mjs";
+import BackTop_default from "./float-button/BackTop.mjs";
+import FloatButtonGroup_default from "./float-button/FloatButtonGroup.mjs";
+import float_button_default from "./float-button/index.mjs";
+import FormItem_default from "./form/FormItem/index.mjs";
+import form_default from "./form/index.mjs";
+import image_default, { ImagePreviewGroup } from "./image/index.mjs";
+import TextArea_default from "./input/TextArea.mjs";
+import input_default, { InputGroup, InputOTP, InputPassword, InputSearch } from "./input/index.mjs";
+import layout_default, { LayoutContent, LayoutFooter, LayoutHeader, LayoutSider, useLayoutSider } from "./layout/index.mjs";
+import masonry_default from "./masonry/index.mjs";
+import spin_default from "./spin/index.mjs";
+import mentions_default, { Option as Option$1 } from "./mentions/index.mjs";
+import pagination_default from "./pagination/index.mjs";
+import popconfirm_default from "./popconfirm/index.mjs";
+import progress_default from "./progress/progress.mjs";
+import qrcode_default from "./qrcode/index.mjs";
+import rate_default from "./rate/index.mjs";
+import result_default from "./result/index.mjs";
+import splitter_default, { SplitterPanel } from "./splitter/index.mjs";
+import statistic_default, { StatisticTimer } from "./statistic/index.mjs";
+import steps_default from "./steps/index.mjs";
+import switch_default from "./switch/index.mjs";
+import Column_default from "./table/Column.mjs";
+import ColumnGroup_default from "./table/ColumnGroup.mjs";
+import DirectoryTree_default from "./tree/DirectoryTree.mjs";
+import tree_default from "./tree/index.mjs";
+import table_default, { Summary, SummaryCell, SummaryRow } from "./table/index.mjs";
+import CheckableTag_default from "./tag/CheckableTag.mjs";
+import CheckableTagGroup_default from "./tag/CheckableTagGroup.mjs";
+import tag_default from "./tag/index.mjs";
+import time_picker_default, { TimeRangePicker } from "./time-picker/index.mjs";
+import timeline_default from "./timeline/index.mjs";
+import tour_default from "./tour/index.mjs";
+import transfer_default from "./transfer/index.mjs";
+import tree_select_default from "./tree-select/index.mjs";
+import typography_default, { TypographyLink, TypographyParagraph, TypographyText, TypographyTitle } from "./typography/index.mjs";
+import upload_default, { UploadDragger } from "./upload/index.mjs";
+import watermark_default from "./watermark/index.mjs";
+
+//#region src/components.ts
+var components_exports = /* @__PURE__ */ __exportAll({
+	Affix: () => affix_default,
+	Alert: () => alert_default,
+	Anchor: () => anchor_default,
+	App: () => app_default,
+	AutoComplete: () => auto_complete_default,
+	AutoCompleteOption: () => Option,
+	Avatar: () => avatar_default,
+	AvatarGroup: () => AvatarGroup_default,
+	BackTop: () => BackTop_default,
+	Badge: () => badge_default,
+	Breadcrumb: () => breadcrumb_default,
+	Button: () => button_default,
+	Calendar: () => calendar_default,
+	Card: () => card_default,
+	CardGrid: () => CardGrid_default,
+	CardMeta: () => CardMeta_default,
+	Carousel: () => carousel_default,
+	Cascader: () => cascader_default,
+	CascaderPanel: () => Panel_default,
+	CheckableTag: () => CheckableTag_default,
+	CheckableTagGroup: () => CheckableTagGroup_default,
+	Checkbox: () => checkbox_default,
+	CheckboxGroup: () => Group_default,
+	Col: () => col_default,
+	Collapse: () => collapse_default,
+	ColorPicker: () => color_picker_default,
+	ConfigProvider: () => config_provider_default,
+	DateMonthPicker: () => DateMonthPicker,
+	DatePicker: () => date_picker_default,
+	DateQuarterPicker: () => DateQuarterPicker,
+	DateRangePicker: () => DateRangePicker,
+	DateWeekPicker: () => DateWeekPicker,
+	DateYearPicker: () => DateYearPicker,
+	Descriptions: () => descriptions_default,
+	DirectoryTree: () => DirectoryTree_default,
+	Divider: () => divider_default,
+	Drawer: () => drawer_default,
+	Dropdown: () => dropdown_default,
+	Empty: () => empty_default,
+	Flex: () => flex_default,
+	FloatButton: () => float_button_default,
+	FloatButtonGroup: () => FloatButtonGroup_default,
+	Form: () => form_default,
+	FormItem: () => FormItem_default,
+	Image: () => image_default,
+	ImagePreviewGroup: () => ImagePreviewGroup,
+	Input: () => input_default,
+	InputGroup: () => InputGroup,
+	InputNumber: () => input_number_default,
+	InputOTP: () => InputOTP,
+	InputPassword: () => InputPassword,
+	InputSearch: () => InputSearch,
+	Layout: () => layout_default,
+	LayoutContent: () => LayoutContent,
+	LayoutFooter: () => LayoutFooter,
+	LayoutHeader: () => LayoutHeader,
+	LayoutSider: () => LayoutSider,
+	Masonry: () => masonry_default,
+	Mentions: () => mentions_default,
+	MentionsOption: () => Option$1,
+	Menu: () => menu_default,
+	MenuDivider: () => MenuDivider_default,
+	MenuItem: () => MenuItem,
+	Modal: () => modal_default,
+	Pagination: () => pagination_default,
+	Popconfirm: () => popconfirm_default,
+	Popover: () => popover_default,
+	Progress: () => progress_default,
+	QRCode: () => qrcode_default,
+	Radio: () => radio_default,
+	RadioButton: () => RadioButton,
+	RadioGroup: () => RadioGroup,
+	Rate: () => rate_default,
+	Result: () => result_default,
+	Row: () => row_default,
+	Segmented: () => segmented_default,
+	Select: () => select_default,
+	SelectOptGroup: () => SelectOptGroup,
+	SelectOption: () => SelectOption,
+	Skeleton: () => skeleton_default,
+	SkeletonAvatar: () => Avatar_default,
+	SkeletonButton: () => Button_default,
+	SkeletonImage: () => Image_default,
+	SkeletonInput: () => Input_default,
+	SkeletonNode: () => Node_default,
+	Slider: () => slider_default,
+	Space: () => space_default,
+	SpaceAddon: () => SpaceAddon,
+	SpaceCompact: () => SpaceCompact,
+	Spin: () => spin_default,
+	Splitter: () => splitter_default,
+	SplitterPanel: () => SplitterPanel,
+	Statistic: () => statistic_default,
+	StatisticTimer: () => StatisticTimer,
+	Steps: () => steps_default,
+	SubMenu: () => SubMenu_default,
+	Switch: () => switch_default,
+	TabPane: () => TabPane_default,
+	Table: () => table_default,
+	TableColumn: () => Column_default,
+	TableColumnGroup: () => ColumnGroup_default,
+	TableSummary: () => Summary,
+	TableSummaryCell: () => SummaryCell,
+	TableSummaryRow: () => SummaryRow,
+	Tabs: () => tabs_default,
+	Tag: () => tag_default,
+	TextArea: () => TextArea_default,
+	TimePicker: () => time_picker_default,
+	TimeRangePicker: () => TimeRangePicker,
+	Timeline: () => timeline_default,
+	Tooltip: () => tooltip_default,
+	Tour: () => tour_default,
+	Transfer: () => transfer_default,
+	Tree: () => tree_default,
+	TreeSelect: () => tree_select_default,
+	Typography: () => typography_default,
+	TypographyLink: () => TypographyLink,
+	TypographyParagraph: () => TypographyParagraph,
+	TypographyText: () => TypographyText,
+	TypographyTitle: () => TypographyTitle,
+	UniqueProvider: () => UniqueProvider_default,
+	Upload: () => upload_default,
+	UploadDragger: () => UploadDragger,
+	Watermark: () => watermark_default,
+	message: () => message_default,
+	notification: () => notification_default,
+	useLayoutSider: () => useLayoutSider,
+	useMessage: () => useMessage,
+	useModal: () => useModal,
+	useNotification: () => useNotification
+});
+
+//#endregion
+export { components_exports };

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

@@ -0,0 +1,208 @@
+import { VueNode } from "../_util/type.mjs";
+import "../_util/hooks/index.mjs";
+import "../_util/warning.mjs";
+import { SeedToken } from "../theme/interface/seeds.mjs";
+import { MapToken } from "../theme/interface/maps/index.mjs";
+import { AliasToken } from "../theme/interface/alias.mjs";
+import { OverrideToken } from "../theme/interface/cssinjs-utils.mjs";
+import "../theme/interface/index.mjs";
+import "../form/Form.mjs";
+import { TooltipProps } from "../tooltip/index.mjs";
+import { TimePickerProps } from "../time-picker/index.mjs";
+import { DatePickerProps, RangePickerProps } from "../date-picker/index.mjs";
+import { EmptyProps } from "../empty/index.mjs";
+import { ButtonProps } from "../button/Button.mjs";
+import "../button/index.mjs";
+import "../modal/interface.mjs";
+import { SelectProps } from "../select/index.mjs";
+import { PaginationProps } from "../pagination/interface.mjs";
+import { PopoverProps } from "../popover/index.mjs";
+import { PopconfirmProps } from "../popconfirm/index.mjs";
+import "../checkbox/index.mjs";
+import { MenuProps } from "../menu/menu.mjs";
+import "../menu/index.mjs";
+import { SpinProps } from "../spin/index.mjs";
+import "../table/index.mjs";
+import "../tour/index.mjs";
+import { TransferProps } from "../transfer/interface.mjs";
+import "../upload/interface.mjs";
+import "../locale/index.mjs";
+import "./defaultRenderEmpty.mjs";
+import "./index.mjs";
+import { ShowWaveEffect } from "../_util/wave/interface.mjs";
+import { AlertProps } from "../alert/Alert.mjs";
+import "../alert/index.mjs";
+import "../anchor/index.mjs";
+import { BadgeProps } from "../badge/index.mjs";
+import "../breadcrumb/Breadcrumb.mjs";
+import { TabsProps } from "../tabs/index.mjs";
+import { CardProps } from "../card/Card.mjs";
+import "../card/CardMeta.mjs";
+import { CascaderProps } from "../cascader/index.mjs";
+import { CollapseProps } from "../collapse/Collapse.mjs";
+import "../collapse/index.mjs";
+import "../descriptions/index.mjs";
+import "../divider/index.mjs";
+import "../drawer/index.mjs";
+import { FlexProps } from "../flex/interface.mjs";
+import "../flex/index.mjs";
+import { FloatButtonProps } from "../float-button/FloatButton.mjs";
+import { FloatButtonGroupProps } from "../float-button/FloatButtonGroup.mjs";
+import "../float-button/index.mjs";
+import "../image/index.mjs";
+import { InputNumberProps } from "../input-number/index.mjs";
+import { InputProps } from "../input/Input.mjs";
+import { OTPProps } from "../input/OTP/index.mjs";
+import { SearchProps } from "../input/Search.mjs";
+import { TextAreaProps } from "../input/TextArea.mjs";
+import "../masonry/Masonry.mjs";
+import { ArgsProps } from "../notification/interface.mjs";
+import "../notification/index.mjs";
+import "../qrcode/index.mjs";
+import "../radio/interface.mjs";
+import "../result/index.mjs";
+import "../segmented/index.mjs";
+import "../skeleton/index.mjs";
+import "../slider/index.mjs";
+import { SpaceProps } from "../space/index.mjs";
+import "../statistic/index.mjs";
+import "../steps/index.mjs";
+import "../switch/index.mjs";
+import { TagProps } from "../tag/index.mjs";
+import "../tree/Tree.mjs";
+import { TreeSelectProps } from "../tree-select/index.mjs";
+import "../typography/interface.mjs";
+import { DerivativeFunc } from "@antdv-next/cssinjs";
+import { CSSProperties, Ref } from "vue";
+
+//#region src/config-provider/context.d.ts
+
+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
+   * @since 5.0.0
+   */
+  hashed?: boolean;
+  /**
+   * @descCN 通过 `cssVar` 配置来开启 CSS 变量模式，这个配置会被继承。
+   * @descEN Enable CSS variable mode through `cssVar` configuration, This configuration will be inherited.
+   * @default false
+   * @since 5.12.0
+   */
+  cssVar?: {
+    /**
+     * @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;
+  } | boolean;
+}
+interface ComponentStyleConfig {
+  class?: string;
+  style?: CSSProperties;
+  classes?: any;
+  styles?: any;
+}
+type PopupOverflow = 'viewport' | 'scroll';
+declare const Variants: readonly ["outlined", "borderless", "filled", "underlined"];
+type Variant = (typeof Variants)[number];
+interface WaveConfig {
+  /**
+   * @descCN 是否禁用水波纹效果。
+   * @descEN Whether to disable wave effect.
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * @descCN 自定义水波纹效果。
+   * @descEN Customized wave effect.
+   */
+  showEffect?: ShowWaveEffect;
+}
+type SpaceConfig = ComponentStyleConfig & Pick<SpaceProps, 'size' | 'classes' | 'styles'>;
+type ButtonConfig = ComponentStyleConfig & Pick<ButtonProps, 'classes' | 'styles' | 'autoInsertSpace' | 'variant' | 'color' | 'shape'>;
+type FlexConfig = ComponentStyleConfig & Pick<FlexProps, 'vertical'>;
+type AlertConfig = ComponentStyleConfig & Pick<AlertProps, 'closable' | 'closeIcon' | 'classes' | 'styles'>;
+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 CollapseConfig = ComponentStyleConfig & Pick<CollapseProps, 'expandIcon'>;
+type PaginationConfig = ComponentStyleConfig & Pick<PaginationProps, 'showSizeChanger'>;
+type FloatButtonConfig = ComponentStyleConfig & Pick<FloatButtonProps, 'classes' | 'styles'> & {
+  backTopIcon?: VueNode;
+};
+type FloatButtonGroupConfig = ComponentStyleConfig & Pick<FloatButtonGroupProps, 'classes' | 'styles'> & {
+  closeIcon?: VueNode;
+};
+type TooltipConfig = ComponentStyleConfig & Pick<TooltipProps, 'styles' | 'classes' | 'arrow'> & {
+  /**
+   * @descCN 是否开启 Tooltip 流畅过渡动画
+   * @descEN Whether to enable smooth transition for tooltips
+   * @default false
+   */
+  unique?: boolean;
+};
+type PopoverConfig = ComponentStyleConfig & Pick<PopoverProps, 'classes' | 'styles' | 'arrow'>;
+type PopconfirmConfig = ComponentStyleConfig & Pick<PopconfirmProps, 'classes' | 'styles' | 'arrow'>;
+type MenuConfig = ComponentStyleConfig & Pick<MenuProps, 'expandIcon' | 'classes' | 'styles'>;
+type NotificationConfig = ComponentStyleConfig & Pick<ArgsProps, 'closeIcon' | 'classes' | 'styles'>;
+type TransferConfig = ComponentStyleConfig & Pick<TransferProps, 'selectionsIcon' | 'classes' | 'styles'>;
+type InputConfig = ComponentStyleConfig & Pick<InputProps, 'autoComplete' | 'classes' | 'styles' | 'allowClear' | 'variant'>;
+type InputNumberConfig = ComponentStyleConfig & Pick<InputNumberProps, 'classes' | 'styles' | 'variant'>;
+type TextAreaConfig = ComponentStyleConfig & Pick<TextAreaProps, 'classes' | 'styles' | 'allowClear' | 'variant'>;
+type MentionsConfig = ComponentStyleConfig & Pick<TextAreaProps, 'classes' | 'styles' | 'allowClear' | 'variant'>;
+type InputSearchConfig = ComponentStyleConfig & Pick<SearchProps, 'classes' | 'styles'>;
+type OTPConfig = ComponentStyleConfig & Pick<OTPProps, 'classes' | 'styles' | 'variant'>;
+type TabsConfig = ComponentStyleConfig & Pick<TabsProps, 'indicator' | 'indicatorSize' | 'more' | 'moreIcon' | 'addIcon' | 'removeIcon' | 'classes' | 'styles'>;
+type SelectConfig = ComponentStyleConfig & Pick<SelectProps, 'showSearch' | 'variant' | 'classes' | 'styles'>;
+type CascaderConfig = ComponentStyleConfig & Pick<CascaderProps, 'variant' | 'classes' | 'styles'>;
+type CardConfig = ComponentStyleConfig & Pick<CardProps, 'classes' | 'styles' | 'variant'>;
+type TreeSelectConfig = ComponentStyleConfig & Pick<TreeSelectProps, 'variant' | 'classes' | 'styles' | 'switcherIcon'>;
+type DatePickerConfig = ComponentStyleConfig & Pick<DatePickerProps, 'classes' | 'styles' | 'variant'>;
+type RangePickerConfig = ComponentStyleConfig & Pick<RangePickerProps, 'classes' | 'styles' | 'variant'>;
+type TimePickerConfig = ComponentStyleConfig & Pick<TimePickerProps, 'classes' | 'styles' | 'variant'>;
+//#endregion
+export { AlertConfig, BadgeConfig, ButtonConfig, CSPConfig, CardConfig, CascaderConfig, CollapseConfig, ComponentBaseProps, ComponentStyleConfig, DatePickerConfig, DirectionType, EmptyConfig, FlexConfig, FloatButtonConfig, FloatButtonGroupConfig, InputConfig, InputNumberConfig, InputSearchConfig, MentionsConfig, MenuConfig, NotificationConfig, OTPConfig, PaginationConfig, PopconfirmConfig, PopoverConfig, PopupOverflow, RangePickerConfig, SelectConfig, SpaceConfig, SpinConfig, TabsConfig, TagConfig, TextAreaConfig, ThemeConfig, TimePickerConfig, TooltipConfig, TransferConfig, TreeSelectConfig, Variant, WaveConfig };

package/dist/config-provider/context.mjs

@@ -0,0 +1,104 @@
+import { computed, inject, provide, ref } 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 ? `${defaultPrefixCls}-${suffixCls}` : defaultPrefixCls;
+}
+function useConfig() {
+	return inject(ConfigConsumerKey, ref({
+		getPrefixCls: defaultGetPrefixCls,
+		iconPrefixCls: defaultIconPrefixCls
+	}));
+}
+function useBaseConfig(suffixCls, props) {
+	const config = useConfig();
+	return {
+		result: computed(() => config.value?.result),
+		modal: computed(() => config.value?.modal),
+		timeline: computed(() => config.value?.timeline),
+		notification: computed(() => config.value?.notification),
+		getPrefixCls: (suffixCls$1, prefixCls) => config.value?.getPrefixCls(suffixCls$1, prefixCls),
+		prefixCls: computed(() => {
+			return config.value?.getPrefixCls(suffixCls, props?.prefixCls);
+		}),
+		direction: computed(() => {
+			return 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;
+		return {
+			classes: EMPTY_OBJECT,
+			styles: EMPTY_OBJECT,
+			...context.value[propName],
+			getPrefixCls,
+			direction,
+			getPopupContainer
+		};
+	});
+}
+function useComponentBaseConfig(propName, props, keys, suffixCls) {
+	const context = useConfig();
+	const propValue = computed(() => {
+		return context.value[propName];
+	});
+	const toRefs$1 = (propValues) => {
+		const result = {
+			classes: computed(() => EMPTY_OBJECT),
+			styles: computed(() => EMPTY_OBJECT),
+			class: computed(() => void 0),
+			style: computed(() => void 0)
+		};
+		const __keys = Object.keys(result);
+		for (const key in propValues.value) if (__keys.includes(key)) result[key] = computed(() => propValues.value[key] ?? EMPTY_OBJECT);
+		else result[key] = computed(() => propValues.value[key]);
+		if (keys && keys.length) keys.forEach((key) => {
+			if (!result[key]) result[key] = computed(() => propValues.value?.[key]);
+		});
+		return result;
+	};
+	return {
+		...toRefs$1(propValue),
+		direction: computed(() => context.value.direction),
+		prefixCls: computed(() => {
+			return context.value?.getPrefixCls(suffixCls ?? propName, props?.prefixCls);
+		}),
+		rootPrefixCls: computed(() => context.value?.getPrefixCls()),
+		getPopupContainer: context.value.getPopupContainer,
+		getPrefixCls: context.value.getPrefixCls,
+		getTargetContainer: context.value.getTargetContainer,
+		virtual: computed(() => context.value.virtual),
+		renderEmpty: computed(() => context.value.renderEmpty),
+		popupMatchSelectWidth: computed(() => context.value.popupMatchSelectWidth),
+		popupOverflow: computed(() => context.value.popupOverflow)
+	};
+}
+
+//#endregion
+export { Variants, defaultIconPrefixCls, defaultPrefixCls, useBaseConfig, useComponentBaseConfig, useComponentConfig, useConfig, useConfigProvider };

package/dist/config-provider/defaultRenderEmpty.mjs

@@ -0,0 +1,37 @@
+import { useBaseConfig } from "./context.mjs";
+import empty_default from "../empty/index.mjs";
+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_default, { "image": empty_default.PRESENTED_IMAGE_SIMPLE }, null);
+			case "Select":
+			case "TreeSelect":
+			case "Cascader":
+			case "Transfer":
+			case "Mentions": return createVNode(empty_default, {
+				"image": empty_default.PRESENTED_IMAGE_SIMPLE,
+				"class": `${prefix}-small`
+			}, null);
+			case "Table.filter": return null;
+			default: return createVNode(empty_default, null, null);
+		}
+	};
+}, {
+	props: { componentName: {
+		type: String,
+		required: false,
+		default: void 0
+	} },
+	name: "ADefaultRenderEmpty",
+	inheritAttrs: false
+});
+
+//#endregion
+export { DefaultRenderEmpty };