antdv-next 1.0.0-beta.2 → 1.0.0-rc.1

package/dist/components.d.mts

@@ -40,7 +40,7 @@ import { TourEmits, TourLocale, TourProps, TourSlots, TourStylesType } from "./t
 import { Tour, TourStepItem } from "./tour/index.mjs";
 import { TransferOperationProps } from "./transfer/Actions.mjs";
 import { TransferSearchEmits, TransferSearchProps, TransferSearchSlots } from "./transfer/search.mjs";
-import { KeyWise, KeyWiseTransferItem, ListStyle, PaginationType, RenderResult, RenderResultObject, SelectAllLabel, TransferClassNamesType, TransferCustomListBodyProps, TransferDirection, TransferEmits, TransferItem, TransferKey, TransferListBodyProps, TransferListProps, TransferLocale, TransferProps, TransferRender, TransferSearchOption, TransferSemanticName, TransferSlots, TransferStylesType } from "./transfer/interface.mjs";
+import { KeyWise, KeyWiseTransferItem, ListStyle, PaginationType, RenderResult, RenderResultObject, SelectAllLabel, TransferClassNamesType, TransferCustomListBodyProps, TransferDirection, TransferEmits, TransferItem, TransferKey, TransferListBodyProps, TransferListProps, TransferLocale, TransferProps, TransferRender, TransferSearchOption, TransferSlots, TransferStylesType } from "./transfer/interface.mjs";
 import { InternalTransfer } from "./transfer/index.mjs";
 import { Progress, ProgressProps } from "./progress/progress.mjs";
 import "./progress/index.mjs";
@@ -144,8 +144,7 @@ import { Rate, RateEmits, RateProps } from "./rate/index.mjs";
 import { SplitterEmits, SplitterProps, SplitterSlots } from "./splitter/interface.mjs";
 import { Splitter } from "./splitter/Splitter.mjs";
 import { SplitterPanel } from "./splitter/index.mjs";
-import { TimelineItemProps } from "./timeline/TimelineItem.mjs";
-import { Timeline, TimelineProps } from "./timeline/Timeline.mjs";
+import { Timeline, TimelineItemType, TimelineProps } from "./timeline/Timeline.mjs";
 import "./timeline/index.mjs";
 import { TextProps } from "./typography/Text.mjs";
 import { LinkProps } from "./typography/Link.mjs";

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

@@ -1,4 +1,5 @@
-import { VueNode } from "../_util/type.mjs";
+import { MaskType } from "../_util/hooks/useMergedMask.mjs";
+import { AnyObject, VueNode } from "../_util/type.mjs";
 import "../_util/hooks/index.mjs";
 import "../_util/warning.mjs";
 import { SeedToken } from "../theme/interface/seeds.mjs";
@@ -13,7 +14,7 @@ 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 { ModalProps } from "../modal/interface.mjs";
 import { SelectProps } from "../select/index.mjs";
 import { PaginationProps } from "../pagination/interface.mjs";
 import { PopoverProps } from "../popover/index.mjs";
@@ -22,10 +23,12 @@ import "../checkbox/index.mjs";
 import { MenuProps } from "../menu/menu.mjs";
 import "../menu/index.mjs";
 import { SpinProps } from "../spin/index.mjs";
+import { TableProps } from "../table/InternalTable.mjs";
 import "../table/index.mjs";
+import { TourProps } from "../tour/interface.mjs";
 import "../tour/index.mjs";
 import { TransferProps } from "../transfer/interface.mjs";
-import "../upload/interface.mjs";
+import { UploadProps } from "../upload/interface.mjs";
 import "../locale/index.mjs";
 import "./defaultRenderEmpty.mjs";
 import "./index.mjs";
@@ -33,6 +36,7 @@ import { ShowWaveEffect } from "../_util/wave/interface.mjs";
 import { AlertProps } from "../alert/Alert.mjs";
 import "../alert/index.mjs";
 import "../anchor/index.mjs";
+import "../badge/Ribbon.mjs";
 import { BadgeProps } from "../badge/index.mjs";
 import "../breadcrumb/Breadcrumb.mjs";
 import { TabsProps } from "../tabs/index.mjs";
@@ -43,13 +47,13 @@ import { CollapseProps } from "../collapse/Collapse.mjs";
 import "../collapse/index.mjs";
 import "../descriptions/index.mjs";
 import "../divider/index.mjs";
-import "../drawer/index.mjs";
+import { DrawerProps } from "../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 { ImageProps } from "../image/index.mjs";
 import { InputNumberProps } from "../input-number/index.mjs";
 import { InputProps } from "../input/Input.mjs";
 import { OTPProps } from "../input/OTP/index.mjs";
@@ -76,7 +80,6 @@ import { DerivativeFunc } from "@antdv-next/cssinjs";
 import { CSSProperties, Ref } from "vue";
 
 //#region src/config-provider/context.d.ts
-
 interface CSPConfig {
   nonce?: string;
 }
@@ -137,7 +140,25 @@ interface ThemeConfig {
      * @descEN Unique key for theme, should be set manually < react@18.
      */
     key?: string;
-  } | boolean;
+  };
+  /**
+   * @descCN 开启零运行时模式，不会在运行时产生样式，需要手动引入 CSS 文件。
+   * @descEN Enable zero-runtime mode, which will not generate style at runtime, need to import additional CSS file.
+   * @default true
+   * @since 6.0.0
+   * @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;
@@ -164,7 +185,12 @@ interface WaveConfig {
 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 AlertConfig = ComponentStyleConfig & Pick<AlertProps, 'closable' | 'closeIcon' | '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'>;
@@ -177,7 +203,7 @@ type FloatButtonConfig = ComponentStyleConfig & Pick<FloatButtonProps, 'classes'
 type FloatButtonGroupConfig = ComponentStyleConfig & Pick<FloatButtonGroupProps, 'classes' | 'styles'> & {
   closeIcon?: VueNode;
 };
-type TooltipConfig = ComponentStyleConfig & Pick<TooltipProps, 'styles' | 'classes' | 'arrow'> & {
+type TooltipConfig = ComponentStyleConfig & Pick<TooltipProps, 'styles' | 'classes' | 'arrow' | 'trigger'> & {
   /**
    * @descCN 是否开启 Tooltip 流畅过渡动画
    * @descEN Whether to enable smooth transition for tooltips
@@ -185,9 +211,10 @@ type TooltipConfig = ComponentStyleConfig & Pick<TooltipProps, 'styles' | 'class
    */
   unique?: boolean;
 };
-type PopoverConfig = ComponentStyleConfig & Pick<PopoverProps, 'classes' | 'styles' | 'arrow'>;
-type PopconfirmConfig = ComponentStyleConfig & Pick<PopconfirmProps, 'classes' | 'styles' | 'arrow'>;
+type PopoverConfig = ComponentStyleConfig & Pick<PopoverProps, 'classes' | 'styles' | 'arrow' | 'trigger'>;
+type PopconfirmConfig = ComponentStyleConfig & Pick<PopconfirmProps, 'classes' | 'styles' | 'arrow' | 'trigger'>;
 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 TransferConfig = ComponentStyleConfig & Pick<TransferProps, 'selectionsIcon' | 'classes' | 'styles'>;
 type InputConfig = ComponentStyleConfig & Pick<InputProps, 'autoComplete' | 'classes' | 'styles' | 'allowClear' | 'variant'>;
@@ -200,9 +227,28 @@ type TabsConfig = ComponentStyleConfig & Pick<TabsProps, 'indicator' | 'indicato
 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 DrawerConfig = ComponentStyleConfig & Pick<DrawerProps, 'classes' | 'styles' | 'closeIcon' | 'closable' | 'mask'>;
+type ModalConfig = ComponentStyleConfig & Pick<ModalProps, 'classes' | 'styles' | 'closeIcon' | 'closable' | 'centered' | 'okButtonProps' | 'cancelButtonProps' | 'mask'>;
+type ImageConfig = ComponentStyleConfig & Pick<ImageProps, 'classes' | 'styles'> & {
+  preview?: Partial<Record<'closeIcon', any>> & Pick<ImageProps, 'classes' | 'styles'> & {
+    mask?: MaskType;
+  };
+  fallback?: string;
+};
 type TreeSelectConfig = ComponentStyleConfig & Pick<TreeSelectProps, 'variant' | 'classes' | 'styles' | 'switcherIcon'>;
+type UploadConfig = ComponentStyleConfig & Pick<UploadProps, 'classes' | 'styles' | 'customRequest'>;
 type DatePickerConfig = ComponentStyleConfig & Pick<DatePickerProps, 'classes' | 'styles' | 'variant'>;
 type RangePickerConfig = ComponentStyleConfig & Pick<RangePickerProps, 'classes' | 'styles' | 'variant'>;
 type TimePickerConfig = ComponentStyleConfig & Pick<TimePickerProps, 'classes' | 'styles' | 'variant'>;
+interface TableConfig<RecordType extends AnyObject = AnyObject> extends ComponentStyleConfig {
+  expandable?: {
+    expandIcon?: NonNullable<TableProps['expandable']>['expandIcon'];
+  };
+  rowKey?: TableProps<RecordType>['rowKey'];
+  classes?: TableProps['classes'];
+  styles?: TableProps['styles'];
+  bodyCell?: TableProps['bodyCell'];
+  headerCell?: TableProps['headerCell'];
+}
 //#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 };
+export { AlertConfig, BadgeConfig, ButtonConfig, CSPConfig, CardConfig, CascaderConfig, CollapseConfig, ComponentBaseProps, ComponentStyleConfig, DatePickerConfig, DirectionType, DrawerConfig, EmptyConfig, FlexConfig, FloatButtonConfig, FloatButtonGroupConfig, ImageConfig, InputConfig, InputNumberConfig, InputSearchConfig, MentionsConfig, MenuConfig, ModalConfig, NotificationConfig, OTPConfig, PaginationConfig, PopconfirmConfig, PopoverConfig, PopupOverflow, RangePickerConfig, SelectConfig, SpaceConfig, SpinConfig, TableConfig, TabsConfig, TagConfig, TextAreaConfig, ThemeConfig, TimePickerConfig, TooltipConfig, TourConfig, TransferConfig, TreeSelectConfig, UploadConfig, Variant, WaveConfig };

package/dist/config-provider/context.mjs

@@ -31,7 +31,7 @@ function useBaseConfig(suffixCls, props) {
 		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),
+		getPrefixCls: (suffixCls, prefixCls) => config.value?.getPrefixCls(suffixCls, prefixCls),
 		prefixCls: computed(() => {
 			return config.value?.getPrefixCls(suffixCls, props?.prefixCls);
 		}),
@@ -68,7 +68,7 @@ function useComponentBaseConfig(propName, props, keys, suffixCls) {
 	const propValue = computed(() => {
 		return context.value[propName];
 	});
-	const toRefs$1 = (propValues) => {
+	const toRefs = (propValues) => {
 		const result = {
 			classes: computed(() => EMPTY_OBJECT),
 			styles: computed(() => EMPTY_OBJECT),
@@ -84,7 +84,7 @@ function useComponentBaseConfig(propName, props, keys, suffixCls) {
 		return result;
 	};
 	return {
-		...toRefs$1(propValue),
+		...toRefs(propValue),
 		direction: computed(() => context.value.direction),
 		prefixCls: computed(() => {
 			return context.value?.getPrefixCls(suffixCls ?? propName, props?.prefixCls);

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

@@ -4,7 +4,7 @@ import { ColumnType } from "../table/interface.mjs";
 import "../table/index.mjs";
 import { Locale } from "../locale/index.mjs";
 import { RenderEmptyHandler } from "./defaultRenderEmpty.mjs";
-import { AlertConfig, BadgeConfig, ButtonConfig, CSPConfig, CardConfig, CascaderConfig, CollapseConfig, 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 } from "./context.mjs";
+import { AlertConfig, BadgeConfig, ButtonConfig, CSPConfig, CardConfig, CascaderConfig, CollapseConfig, ComponentStyleConfig, DatePickerConfig, DirectionType, DrawerConfig, EmptyConfig, FlexConfig, FloatButtonConfig, FloatButtonGroupConfig, ImageConfig, InputConfig, InputNumberConfig, InputSearchConfig, MentionsConfig, MenuConfig, ModalConfig, NotificationConfig, OTPConfig, PaginationConfig, PopconfirmConfig, PopoverConfig, PopupOverflow, RangePickerConfig, SelectConfig, SpaceConfig, SpinConfig, TableConfig, TabsConfig, TagConfig, TextAreaConfig, ThemeConfig, TimePickerConfig, TooltipConfig, TourConfig, TransferConfig, TreeSelectConfig, UploadConfig, Variant, WaveConfig } from "./context.mjs";
 
 //#region src/config-provider/define.d.ts
 interface ConfigProviderProps {
@@ -63,13 +63,16 @@ interface ConfigProviderProps {
   treeSelect?: TreeSelectConfig;
   collapse?: CollapseConfig;
   divider?: ComponentStyleConfig;
+  drawer?: DrawerConfig;
   typography?: ComponentStyleConfig;
   skeleton?: ComponentStyleConfig;
   spin?: SpinConfig;
   segmented?: ComponentStyleConfig;
   statistic?: ComponentStyleConfig;
   steps?: ComponentStyleConfig;
+  image?: ImageConfig;
   layout?: ComponentStyleConfig;
+  modal?: ModalConfig;
   progress?: ComponentStyleConfig;
   result?: ComponentStyleConfig;
   slider?: ComponentStyleConfig;
@@ -88,10 +91,12 @@ interface ConfigProviderProps {
   avatar?: ComponentStyleConfig;
   message?: ComponentStyleConfig;
   tag?: TagConfig;
+  table?: TableConfig;
   card?: CardConfig;
   tabs?: TabsConfig;
   timeline?: ComponentStyleConfig;
   timePicker?: TimePickerConfig;
+  upload?: UploadConfig;
   notification?: NotificationConfig;
   tree?: ComponentStyleConfig;
   colorPicker?: ComponentStyleConfig;
@@ -100,6 +105,7 @@ interface ConfigProviderProps {
   dropdown?: ComponentStyleConfig;
   flex?: FlexConfig;
   wave?: WaveConfig;
+  tour?: TourConfig;
   tooltip?: TooltipConfig;
   popover?: PopoverConfig;
   popconfirm?: PopconfirmConfig;

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

@@ -1,12 +1,11 @@
 import { ConfigProviderEmits, ConfigProviderProps, ConfigProviderSlots } from "./define.mjs";
 import { CSPConfig } from "./context.mjs";
-import * as vue88 from "vue";
+import * as vue80 from "vue";
 import { SlotsType, VNodeChild } from "vue";
 
 //#region src/config-provider/index.d.ts
-
-declare const ConfigProvider: vue88.DefineSetupFnComponent<ConfigProviderProps, ConfigProviderEmits, SlotsType<ConfigProviderSlots>, ConfigProviderProps & {
+declare const ConfigProvider: vue80.DefineSetupFnComponent<ConfigProviderProps, ConfigProviderEmits, SlotsType<ConfigProviderSlots>, ConfigProviderProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[] | unknown[]) => any) | undefined;
-}, vue88.PublicProps>;
+}, vue80.PublicProps>;
 //#endregion
 export { ConfigProvider };

package/dist/config-provider/index.mjs

@@ -12,7 +12,7 @@ import { DisabledContextProvider } from "./DisabledContext.mjs";
 import { useTheme } from "./hooks/useTheme.mjs";
 import "./style/index.mjs";
 import { createTheme, useStyleContext } from "@antdv-next/cssinjs";
-import { computed, createVNode, defineComponent, isVNode, mergeDefaults, mergeProps } from "vue";
+import { computed, createVNode, defineComponent, isVNode, mergeDefaults, mergeProps, shallowReactive } from "vue";
 import { IconContextProvider } from "@antdv-next/icons";
 import defu from "defu";
 
@@ -38,18 +38,31 @@ let globalPrefixCls;
 let globalIconPrefixCls;
 let globalTheme;
 let globalHolderRender;
+const globalConfigData = shallowReactive({});
 function getGlobalPrefixCls() {
-	return globalPrefixCls || defaultPrefixCls;
+	return globalConfigData.prefixCls || globalPrefixCls || defaultPrefixCls;
 }
 function getGlobalIconPrefixCls() {
-	return globalIconPrefixCls || defaultIconPrefixCls;
+	return globalConfigData.iconPrefixCls || globalIconPrefixCls || defaultIconPrefixCls;
 }
 function setGlobalConfig(props) {
 	const { prefixCls, iconPrefixCls, theme, holderRender } = props;
-	if (prefixCls !== void 0) globalPrefixCls = prefixCls;
-	if (iconPrefixCls !== void 0) globalIconPrefixCls = iconPrefixCls;
-	if ("holderRender" in props) globalHolderRender = holderRender;
-	if (theme) globalTheme = theme;
+	if (prefixCls !== void 0) {
+		globalPrefixCls = prefixCls;
+		globalConfigData.prefixCls = prefixCls;
+	}
+	if (iconPrefixCls !== void 0) {
+		globalIconPrefixCls = iconPrefixCls;
+		globalConfigData.iconPrefixCls = iconPrefixCls;
+	}
+	if ("holderRender" in props) {
+		globalHolderRender = holderRender;
+		globalConfigData.holderRender = holderRender;
+	}
+	if (theme) {
+		globalTheme = theme;
+		globalConfigData.theme = theme;
+	}
 }
 const ProviderChildren = /* @__PURE__ */ defineComponent((props, { slots }) => {
 	const theme = computed(() => props.theme);
@@ -354,6 +367,11 @@ const ProviderChildren = /* @__PURE__ */ defineComponent((props, { slots }) => {
 			required: false,
 			default: void 0
 		},
+		drawer: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
 		typography: {
 			type: Object,
 			required: false,
@@ -384,11 +402,21 @@ const ProviderChildren = /* @__PURE__ */ defineComponent((props, { slots }) => {
 			required: false,
 			default: void 0
 		},
+		image: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
 		layout: {
 			type: Object,
 			required: false,
 			default: void 0
 		},
+		modal: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
 		progress: {
 			type: Object,
 			required: false,
@@ -479,6 +507,11 @@ const ProviderChildren = /* @__PURE__ */ defineComponent((props, { slots }) => {
 			required: false,
 			default: void 0
 		},
+		table: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
 		card: {
 			type: Object,
 			required: false,
@@ -499,6 +532,11 @@ const ProviderChildren = /* @__PURE__ */ defineComponent((props, { slots }) => {
 			required: false,
 			default: void 0
 		},
+		upload: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
 		notification: {
 			type: Object,
 			required: false,
@@ -539,6 +577,11 @@ const ProviderChildren = /* @__PURE__ */ defineComponent((props, { slots }) => {
 			required: false,
 			default: void 0
 		},
+		tour: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
 		tooltip: {
 			type: Object,
 			required: false,
@@ -751,6 +794,11 @@ const ConfigProvider = /* @__PURE__ */ defineComponent((props, { slots }) => {
 			required: false,
 			default: void 0
 		},
+		drawer: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
 		typography: {
 			type: Object,
 			required: false,
@@ -781,11 +829,21 @@ const ConfigProvider = /* @__PURE__ */ defineComponent((props, { slots }) => {
 			required: false,
 			default: void 0
 		},
+		image: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
 		layout: {
 			type: Object,
 			required: false,
 			default: void 0
 		},
+		modal: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
 		progress: {
 			type: Object,
 			required: false,
@@ -876,6 +934,11 @@ const ConfigProvider = /* @__PURE__ */ defineComponent((props, { slots }) => {
 			required: false,
 			default: void 0
 		},
+		table: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
 		card: {
 			type: Object,
 			required: false,
@@ -896,6 +959,11 @@ const ConfigProvider = /* @__PURE__ */ defineComponent((props, { slots }) => {
 			required: false,
 			default: void 0
 		},
+		upload: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
 		notification: {
 			type: Object,
 			required: false,
@@ -936,6 +1004,11 @@ const ConfigProvider = /* @__PURE__ */ defineComponent((props, { slots }) => {
 			required: false,
 			default: void 0
 		},
+		tour: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
 		tooltip: {
 			type: Object,
 			required: false,
@@ -968,10 +1041,11 @@ function globalConfig() {
 		},
 		getIconPrefixCls: getGlobalIconPrefixCls,
 		getRootPrefixCls: () => {
-			if (globalPrefixCls) return globalPrefixCls;
+			if (globalConfigData.prefixCls || globalPrefixCls) return globalConfigData.prefixCls || globalPrefixCls;
 			return getGlobalPrefixCls();
 		},
 		getTheme: () => globalTheme,
+		theme: computed(() => globalConfigData.theme || globalTheme),
 		holderRender: globalHolderRender
 	};
 }

package/dist/date-picker/generatePicker/index.d.mts

@@ -2,31 +2,31 @@ import { AnyObject } from "../../_util/type.mjs";
 import { DatePickerEmits, DatePickerSlots } from "./generateSinglePicker.mjs";
 import { PickerLocale, PickerProps, PickerPropsWithMultiple, RangePickerProps } from "./interface.mjs";
 import { RangePickerEmits, RangePickerSlots } from "./generateRangePicker.mjs";
-import * as vue340 from "vue";
+import * as vue316 from "vue";
 import { GenerateConfig } from "@v-c/picker/generate/index";
 
 //#region src/date-picker/generatePicker/index.d.ts
-declare function generatePicker<DateType extends AnyObject = AnyObject>(generateConfig: GenerateConfig<DateType>): vue340.DefineSetupFnComponent<PickerProps<DateType>, DatePickerEmits<DateType>, vue340.SlotsType<DatePickerSlots>, PickerProps<DateType> & {
+declare function generatePicker<DateType extends AnyObject = AnyObject>(generateConfig: GenerateConfig<DateType>): vue316.DefineSetupFnComponent<PickerProps<DateType>, DatePickerEmits<DateType>, vue316.SlotsType<DatePickerSlots>, PickerProps<DateType> & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue340.PublicProps> & {
-  WeekPicker: vue340.DefineSetupFnComponent<PickerProps<DateType>, DatePickerEmits<DateType>, vue340.SlotsType<DatePickerSlots>, PickerProps<DateType> & {
+}, vue316.PublicProps> & {
+  WeekPicker: vue316.DefineSetupFnComponent<PickerProps<DateType>, DatePickerEmits<DateType>, vue316.SlotsType<DatePickerSlots>, PickerProps<DateType> & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-  }, vue340.PublicProps>;
-  MonthPicker: vue340.DefineSetupFnComponent<PickerProps<DateType>, DatePickerEmits<DateType>, vue340.SlotsType<DatePickerSlots>, PickerProps<DateType> & {
+  }, vue316.PublicProps>;
+  MonthPicker: vue316.DefineSetupFnComponent<PickerProps<DateType>, DatePickerEmits<DateType>, vue316.SlotsType<DatePickerSlots>, PickerProps<DateType> & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-  }, vue340.PublicProps>;
-  YearPicker: vue340.DefineSetupFnComponent<PickerProps<DateType>, DatePickerEmits<DateType>, vue340.SlotsType<DatePickerSlots>, PickerProps<DateType> & {
+  }, vue316.PublicProps>;
+  YearPicker: vue316.DefineSetupFnComponent<PickerProps<DateType>, DatePickerEmits<DateType>, vue316.SlotsType<DatePickerSlots>, PickerProps<DateType> & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-  }, vue340.PublicProps>;
-  RangePicker: vue340.DefineSetupFnComponent<RangePickerProps<DateType>, RangePickerEmits<DateType>, vue340.SlotsType<RangePickerSlots>, RangePickerProps<DateType> & {
+  }, vue316.PublicProps>;
+  RangePicker: vue316.DefineSetupFnComponent<RangePickerProps<DateType>, RangePickerEmits<DateType>, vue316.SlotsType<RangePickerSlots>, RangePickerProps<DateType> & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-  }, vue340.PublicProps>;
-  TimePicker: vue340.DefineSetupFnComponent<PickerProps<DateType>, DatePickerEmits<DateType>, vue340.SlotsType<DatePickerSlots>, PickerProps<DateType> & {
+  }, vue316.PublicProps>;
+  TimePicker: vue316.DefineSetupFnComponent<PickerProps<DateType>, DatePickerEmits<DateType>, vue316.SlotsType<DatePickerSlots>, PickerProps<DateType> & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-  }, vue340.PublicProps>;
-  QuarterPicker: vue340.DefineSetupFnComponent<PickerProps<DateType>, DatePickerEmits<DateType>, vue340.SlotsType<DatePickerSlots>, PickerProps<DateType> & {
+  }, vue316.PublicProps>;
+  QuarterPicker: vue316.DefineSetupFnComponent<PickerProps<DateType>, DatePickerEmits<DateType>, vue316.SlotsType<DatePickerSlots>, PickerProps<DateType> & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-  }, vue340.PublicProps>;
+  }, vue316.PublicProps>;
 };
 //#endregion
 export { generatePicker };

package/dist/date-picker/generatePicker/interface.d.mts

@@ -1,23 +1,51 @@
 import { SizeType } from "../../config-provider/SizeContext.mjs";
 import { AnyObject } from "../../_util/type.mjs";
-import { SemanticClassNames, SemanticClassNamesType, SemanticStyles, SemanticStylesType } from "../../_util/hooks/useMergeSemantic.mjs";
+import { SemanticClassNamesType, SemanticStylesType } from "../../_util/hooks/useMergeSemantic.mjs";
 import "../../_util/hooks/index.mjs";
 import { InputStatus } from "../../_util/statusUtils.mjs";
 import { TimePickerLocale } from "../../time-picker/index.mjs";
 import { Variant } from "../../config-provider/context.mjs";
-import { CSSProperties } from "vue";
+import { CSSProperties, Ref } from "vue";
 import { Locale, PickerProps, RangePickerProps } from "@v-c/picker";
 
 //#region src/date-picker/generatePicker/interface.d.ts
 declare const _DataPickerPlacements: readonly ["bottomLeft", "bottomRight", "topLeft", "topRight"];
 type DataPickerPlacement = (typeof _DataPickerPlacements)[number];
-type PickerSemanticName = 'root' | 'prefix' | 'input' | 'suffix';
-type PopupSemanticName = 'root' | 'header' | 'body' | 'content' | 'item' | 'footer' | 'container';
-type DatePickerClassNamesType<P> = SemanticClassNamesType<InjectDefaultProps<P>, PickerSemanticName, {
-  popup?: string | SemanticClassNames<PopupSemanticName>;
+interface DatePickerSemanticClassNames {
+  root?: string;
+  prefix?: string;
+  input?: string;
+  suffix?: string;
+}
+interface DatePickerSemanticStyles {
+  root?: CSSProperties;
+  prefix?: CSSProperties;
+  input?: CSSProperties;
+  suffix?: CSSProperties;
+}
+interface DatePickerPanelSemanticClassNames {
+  root?: string;
+  header?: string;
+  body?: string;
+  content?: string;
+  item?: string;
+  footer?: string;
+  container?: string;
+}
+interface DatePickerPanelSemanticStyles {
+  root?: CSSProperties;
+  header?: CSSProperties;
+  body?: CSSProperties;
+  content?: CSSProperties;
+  item?: CSSProperties;
+  footer?: CSSProperties;
+  container?: CSSProperties;
+}
+type DatePickerClassNamesType<P> = SemanticClassNamesType<InjectDefaultProps<P>, DatePickerSemanticClassNames, {
+  popup?: string | DatePickerPanelSemanticClassNames;
 }>;
-type DatePickerStylesType<P> = SemanticStylesType<InjectDefaultProps<P>, PickerSemanticName, {
-  popup?: SemanticStyles<PopupSemanticName>;
+type DatePickerStylesType<P> = SemanticStylesType<InjectDefaultProps<P>, DatePickerSemanticStyles, {
+  popup?: DatePickerPanelSemanticStyles;
 }>;
 type PickerLocale = {
   lang: Locale & AdditionalPickerLocaleLangProps;
@@ -62,8 +90,7 @@ type RcEventKeys = 'onChange' | 'onCalendarChange' | 'onPanelChange' | 'onOpenCh
 type InjectDefaultProps<Props> = Omit<Props, 'locale' | 'generateConfig' | 'hideHeader' | 'classNames' | 'styles' | RcEventKeys | 'className' | 'style' | 'rootClassName'> & {
   locale?: PickerLocale;
   size?: SizeType;
-  placement?: DataPickerPlacement;
-  /** @deprecated Use `variant` instead */
+  placement?: DataPickerPlacement; /** @deprecated Use `variant` instead */
   bordered?: boolean;
   status?: InputStatus;
   /**

package/dist/date-picker/hooks/useMergedPickerSemantic.mjs

@@ -5,11 +5,11 @@ import { computed, unref } from "vue";
 import { clsx } from "@v-c/util";
 
 //#region src/date-picker/hooks/useMergedPickerSemantic.ts
-function useMergedPickerSemantic(pickerType, classNames$1, styles, popupClassName, popupStyle, mergedProps) {
+function useMergedPickerSemantic(pickerType, classNames, styles, popupClassName, popupStyle, mergedProps) {
 	const contextConfig = useComponentConfig(pickerType);
 	const contextClassNames = computed(() => contextConfig.value?.classes);
 	const contextStyles = computed(() => contextConfig.value?.styles);
-	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classNames$1), useToArr(contextStyles, styles), useToProps(mergedProps), computed(() => ({ popup: { _default: "root" } })));
+	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classNames), useToArr(contextStyles, styles), useToProps(mergedProps), computed(() => ({ popup: { _default: "root" } })));
 	return [computed(() => {
 		const className = unref(popupClassName);
 		return {