@uzum-tech/ui 1.12.0 → 1.12.2

package/lib/config-provider/src/ConfigProvider.js

@@ -30,6 +30,8 @@ exports.configProviderProps = {
     componentOptions: Object,
     icons: Object,
     breakpoints: Object,
+    breakpointProps: Object,
+    breakpointThemeOverrides: Object,
     preflightStyleDisabled: Boolean,
     inlineThemeDisabled: {
         type: Boolean,
@@ -62,26 +64,51 @@ exports.default = (0, vue_1.defineComponent)({
                     ? theme
                     : Object.assign({}, inheritedTheme, theme);
         });
+        const getActiveBreakpointValue = (breakpointMap) => {
+            if (!breakpointMap || !_utils_1.isBrowser) {
+                return undefined;
+            }
+            const currentWidth = windowWidthRef.value;
+            const breakpointWidths = Object.keys(breakpointMap)
+                .map(Number)
+                .filter((width) => width <= currentWidth)
+                .sort((a, b) => b - a);
+            if (breakpointWidths.length === 0) {
+                return undefined;
+            }
+            const activeBreakpoint = breakpointWidths[0];
+            return breakpointMap[activeBreakpoint];
+        };
+        const activeBreakPointThemeOverridesRef = (0, vue_1.computed)(() => {
+            const { breakpointThemeOverrides } = props;
+            const breakpointThemeOverridesToUse = breakpointThemeOverrides !== null && breakpointThemeOverrides !== void 0 ? breakpointThemeOverrides : UConfigProvider === null || UConfigProvider === void 0 ? void 0 : UConfigProvider.mergedBreakpointThemeOverridesRef.value;
+            return getActiveBreakpointValue(breakpointThemeOverridesToUse);
+        });
         const mergedThemeOverridesRef = (0, vue_1.computed)(() => {
             const { themeOverrides } = props;
-            // stop inheriting themeOverrides
             if (themeOverrides === null)
                 return undefined;
-            // use inherited themeOverrides
+            let baseThemeOverrides;
             if (themeOverrides === undefined) {
-                return UConfigProvider === null || UConfigProvider === void 0 ? void 0 : UConfigProvider.mergedThemeOverridesRef.value;
+                baseThemeOverrides = UConfigProvider === null || UConfigProvider === void 0 ? void 0 : UConfigProvider.mergedThemeOverridesRef.value;
             }
             else {
                 const inheritedThemeOverrides = UConfigProvider === null || UConfigProvider === void 0 ? void 0 : UConfigProvider.mergedThemeOverridesRef.value;
                 if (inheritedThemeOverrides === undefined) {
-                    // no inherited, use self overrides
-                    return themeOverrides;
+                    baseThemeOverrides = themeOverrides;
                 }
                 else {
-                    // merge overrides
-                    return (0, lodash_1.merge)({}, inheritedThemeOverrides, themeOverrides);
+                    baseThemeOverrides = (0, lodash_1.merge)({}, inheritedThemeOverrides, themeOverrides);
                 }
             }
+            const activeBreakPointThemeOverrides = activeBreakPointThemeOverridesRef.value;
+            if (!activeBreakPointThemeOverrides) {
+                return baseThemeOverrides;
+            }
+            if (!baseThemeOverrides) {
+                return activeBreakPointThemeOverrides;
+            }
+            return (0, lodash_1.merge)({}, baseThemeOverrides, activeBreakPointThemeOverrides);
         });
         const mergedNamespaceRef = (0, vooks_1.useMemo)(() => {
             const { namespace } = props;
@@ -99,11 +126,41 @@ exports.default = (0, vue_1.defineComponent)({
             const { icons } = props;
             return icons === undefined ? UConfigProvider === null || UConfigProvider === void 0 ? void 0 : UConfigProvider.mergedIconsRef.value : icons;
         });
+        const windowWidthRef = (0, vue_1.ref)(_utils_1.isBrowser ? window.innerWidth : 1920);
+        const updateWindowWidth = () => {
+            if (_utils_1.isBrowser) {
+                windowWidthRef.value = window.innerWidth;
+            }
+        };
+        (0, vue_1.onMounted)(() => {
+            if (_utils_1.isBrowser) {
+                windowWidthRef.value = window.innerWidth;
+                window.addEventListener('resize', updateWindowWidth);
+            }
+        });
+        (0, vue_1.onBeforeUnmount)(() => {
+            if (_utils_1.isBrowser) {
+                window.removeEventListener('resize', updateWindowWidth);
+            }
+        });
+        const activeBreakPointPropsRef = (0, vue_1.computed)(() => {
+            const { breakpointProps } = props;
+            const breakpointPropsToUse = breakpointProps !== null && breakpointProps !== void 0 ? breakpointProps : UConfigProvider === null || UConfigProvider === void 0 ? void 0 : UConfigProvider.mergedBreakpointPropsRef.value;
+            return getActiveBreakpointValue(breakpointPropsToUse);
+        });
         const mergedComponentPropsRef = (0, vue_1.computed)(() => {
             const { componentOptions } = props;
-            if (componentOptions !== undefined)
-                return componentOptions;
-            return UConfigProvider === null || UConfigProvider === void 0 ? void 0 : UConfigProvider.mergedComponentPropsRef.value;
+            const baseComponentOptions = componentOptions !== undefined
+                ? componentOptions
+                : UConfigProvider === null || UConfigProvider === void 0 ? void 0 : UConfigProvider.mergedComponentPropsRef.value;
+            const activeBreakPointProps = activeBreakPointPropsRef.value;
+            if (!activeBreakPointProps) {
+                return baseComponentOptions;
+            }
+            if (!baseComponentOptions) {
+                return activeBreakPointProps;
+            }
+            return (0, lodash_1.merge)({}, baseComponentOptions, activeBreakPointProps);
         });
         const mergedClsPrefixRef = (0, vue_1.computed)(() => {
             const { clsPrefix } = props;
@@ -133,6 +190,18 @@ exports.default = (0, vue_1.defineComponent)({
         const mergedBreakpointsRef = (0, vue_1.computed)(() => {
             return props.breakpoints || (UConfigProvider === null || UConfigProvider === void 0 ? void 0 : UConfigProvider.mergedBreakpointsRef.value);
         });
+        const mergedBreakpointPropsRef = (0, vue_1.computed)(() => {
+            const { breakpointProps } = props;
+            return breakpointProps !== undefined
+                ? breakpointProps
+                : UConfigProvider === null || UConfigProvider === void 0 ? void 0 : UConfigProvider.mergedBreakpointPropsRef.value;
+        });
+        const mergedBreakpointThemeOverridesRef = (0, vue_1.computed)(() => {
+            const { breakpointThemeOverrides } = props;
+            return breakpointThemeOverrides !== undefined
+                ? breakpointThemeOverrides
+                : UConfigProvider === null || UConfigProvider === void 0 ? void 0 : UConfigProvider.mergedBreakpointThemeOverridesRef.value;
+        });
         const inlineThemeDisabled = props.inlineThemeDisabled || (UConfigProvider === null || UConfigProvider === void 0 ? void 0 : UConfigProvider.inlineThemeDisabled);
         const preflightStyleDisabled = props.preflightStyleDisabled || (UConfigProvider === null || UConfigProvider === void 0 ? void 0 : UConfigProvider.preflightStyleDisabled);
         const mergedThemeHashRef = (0, vue_1.computed)(() => {
@@ -159,6 +228,8 @@ exports.default = (0, vue_1.defineComponent)({
             mergedRtlRef,
             mergedIconsRef,
             mergedComponentPropsRef,
+            mergedBreakpointPropsRef,
+            mergedBreakpointThemeOverridesRef,
             mergedBorderedRef,
             mergedNamespaceRef,
             mergedClsPrefixRef,

package/lib/config-provider/src/interface.d.ts

@@ -13,4 +13,4 @@ export type GlobalThemeOverrides = {
 } & {
     [key in keyof GlobalThemeWithoutCommon]?: ExtractThemeOverrides<GlobalThemeWithoutCommon[key]>;
 };
-export type { GlobalIconConfig, GlobalComponentConfig } from './internal-interface';
+export type { GlobalIconConfig, GlobalComponentConfig, BreakpointProps, BreakpointThemeOverrides } from './internal-interface';

package/lib/config-provider/src/internal-interface.d.ts

@@ -1,5 +1,14 @@
 import type { VNodeChild, Ref } from 'vue';
 import type { CNode } from 'css-render';
+import type { Hljs } from '../../_mixins';
+import type { UDateLocale, ULocale } from '../../locales';
+import type { GlobalTheme, GlobalThemeOverrides } from './interface';
+import type { Katex } from './katex';
+import type { AccountOptionTheme } from '../../_internal/account-option/styles';
+import type { InternalSelectMenuTheme } from '../../_internal/select-menu/styles';
+import type { InternalSelectionTheme } from '../../_internal/selection/styles';
+import type { ScrollbarTheme } from '../../_internal/scrollbar/styles';
+import type { ActionCardTheme } from '../../action-card/styles';
 import type { AlertTheme } from '../../alert/styles';
 import type { AnchorTheme } from '../../anchor/styles';
 import type { AutoCompleteTheme } from '../../auto-complete/styles';
@@ -9,13 +18,16 @@ import type { BackTopTheme } from '../../back-top/styles';
 import type { BadgeTheme } from '../../badge/styles';
 import type { BreadcrumbTheme } from '../../breadcrumb/styles';
 import type { ButtonTheme } from '../../button/styles';
+import type { ButtonGroupTheme } from '../../button-group/styles/light';
 import type { CalendarTheme } from '../../calendar/styles';
 import type { CardTheme } from '../../card/styles';
+import type { CardListTheme } from '../../card-list/styles';
 import type { CarouselTheme } from '../../carousel/styles';
 import type { CascaderTheme } from '../../cascader/styles';
 import type { CheckboxTheme } from '../../checkbox/styles';
 import type { CodeTheme } from '../../code/styles';
 import type { CollapseTheme } from '../../collapse/styles';
+import type { CollapseTransitionTheme } from '../../collapse-transition/styles';
 import type { ColorPickerTheme } from '../../color-picker/styles';
 import type { DataTableTheme } from '../../data-table/styles';
 import type { DatePickerTheme } from '../../date-picker/styles';
@@ -30,6 +42,7 @@ import type { ElementTheme } from '../../element/styles';
 import type { EllipsisTheme } from '../../ellipsis/styles';
 import type { EmptyTheme } from '../../empty/styles';
 import type { EquationTheme } from '../../equation/styles';
+import type { FlexTheme } from '../../flex/styles';
 import type { FormTheme } from '../../form/styles';
 import type { GradientTextTheme } from '../../gradient-text/styles';
 import type { IconTheme } from '../../icon/styles';
@@ -57,7 +70,7 @@ import type { ProgressTheme } from '../../progress/styles';
 import type { RadioTheme } from '../../radio/styles';
 import type { RateTheme } from '../../rate/styles';
 import type { ResultTheme } from '../../result/styles';
-import type { ScrollbarTheme } from '../../_internal/scrollbar/styles';
+import type { RowTheme } from '../../legacy-grid/styles';
 import type { SelectTheme } from '../../select/styles';
 import type { SkeletonTheme } from '../../skeleton/styles';
 import type { SliderTheme } from '../../slider/styles';
@@ -73,6 +86,7 @@ import type { TagTheme } from '../../tag/styles';
 import type { ThingTheme } from '../../thing/styles';
 import type { TimePickerTheme } from '../../time-picker/styles';
 import type { TimelineTheme } from '../../timeline/styles';
+import type { ToggleButtonTheme } from '../../toggle-button/styles';
 import type { TooltipTheme } from '../../tooltip/styles';
 import type { TransferTheme } from '../../transfer/styles';
 import type { TreeTheme } from '../../tree/styles';
@@ -80,32 +94,98 @@ import type { TreeSelectTheme } from '../../tree-select/styles';
 import type { TypographyTheme } from '../../typography/styles';
 import type { UploadTheme } from '../../upload/styles';
 import type { WatermarkTheme } from '../../watermark/styles';
-import type { InternalSelectMenuTheme } from '../../_internal/select-menu/styles';
-import type { InternalSelectionTheme } from '../../_internal/selection/styles';
-import type { UDateLocale, ULocale } from '../../locales';
-import type { Hljs } from '../../_mixins';
-import type { Size as TimePickerSize } from '../../time-picker/src/interface';
-import type { InputSize } from '../../input';
-import type { SelectSize } from '../../_internal/selection';
+import type { ChatTheme } from '../../chat/styles';
+import type { ActionCardProps } from '../../action-card';
+import type { AlertProps } from '../../alert';
+import type { AnchorProps } from '../../anchor';
+import type { AutoCompleteProps } from '../../auto-complete';
+import type { AvatarProps } from '../../avatar';
+import type { AvatarGroupProps } from '../../avatar-group';
+import type { BackTopProps } from '../../back-top';
+import type { BadgeProps } from '../../badge';
+import type { BreadcrumbProps } from '../../breadcrumb';
+import type { ButtonProps } from '../../button';
 import type { Size as ButtonSize } from '../../button/src/interface';
-import type { DataTableRenderFilter, DataTableRenderSorter } from '../../data-table';
-import type { IconPlacement } from '../../dialog/src/interface';
-import type { GlobalTheme, GlobalThemeOverrides } from './interface';
+import type { ButtonGroupProps } from '../../button-group';
+import type { CalendarProps } from '../../calendar';
+import type { CardProps } from '../../card';
+import type { CardListProps } from '../../card-list';
+import type { CarouselProps } from '../../carousel';
+import type { CascaderProps } from '../../cascader';
+import type { CheckboxProps } from '../../checkbox';
+import type { CodeProps } from '../../code';
+import type { CollapseProps } from '../../collapse';
+import type { CollapseTransitionProps } from '../../collapse-transition';
+import type { ColorPickerProps } from '../../color-picker';
+import type { DataTableProps, DataTableRenderFilter, DataTableRenderSorter } from '../../data-table';
+import type { DatePickerProps } from '../../date-picker';
+import type { DescriptionsProps } from '../../descriptions';
+import type { DialogProps } from '../../dialog';
+import type { DividerProps } from '../../divider';
+import type { DrawerProps } from '../../drawer';
+import type { DropdownProps } from '../../dropdown';
+import type { DynamicInputProps } from '../../dynamic-input';
+import type { DynamicTagsProps } from '../../dynamic-tags';
+import type { ElementProps } from '../../element';
+import type { EllipsisProps } from '../../ellipsis';
 import type { EmptyProps } from '../../empty';
-import type { CollapseTransitionTheme } from '../../collapse-transition/styles';
-import type { ButtonGroupTheme } from '../../button-group/styles/light';
-import type { RowTheme } from '../../legacy-grid/styles';
-import type { Katex } from './katex';
-import type { ToggleButtonTheme } from '../../toggle-button/styles';
-import type { AccountOptionTheme } from '../../_internal/account-option/styles';
-import type { FlexTheme } from '../../flex/styles';
-import { CardListTheme } from '../../card-list/styles';
-import { ActionCardTheme } from '../../action-card';
-import { ChatTheme } from '../../chat/styles';
+import { IconBarTheme } from '../../icon-bar/styles';
+import type { FlexProps } from '../../flex';
+import type { FormProps } from '../../form';
+import type { GradientTextProps } from '../../gradient-text';
+import type { IconProps } from '../../icon';
+import type { IconWrapperProps } from '../../icon-wrapper';
+import type { ImageProps } from '../../image';
+import type { InputProps, InputSize } from '../../input';
+import type { InputNumberProps } from '../../input-number';
+import type { InputOtpProps } from '../../input-otp';
+import type { LayoutProps } from '../../layout';
+import type { ListProps } from '../../list';
+import type { LogProps } from '../../log';
+import type { MenuProps } from '../../menu';
+import type { MentionProps } from '../../mention';
+import type { ModalProps } from '../../modal';
+import type { PageHeaderProps } from '../../page-header';
+import type { PaginationProps } from '../../pagination';
+import type { PopconfirmProps } from '../../popconfirm';
+import type { PopoverProps } from '../../popover';
+import type { PopselectProps } from '../../popselect';
+import type { ProgressProps } from '../../progress';
+import type { RadioProps } from '../../radio';
+import type { RateProps } from '../../rate';
+import type { ResultProps } from '../../result';
+import type { RowProps } from '../../legacy-grid';
+import type { SelectProps } from '../../select';
+import type { SkeletonProps } from '../../skeleton';
+import type { SliderProps } from '../../slider';
+import type { SpaceProps } from '../../space';
+import type { SpinProps } from '../../spin';
+import type { StatisticProps } from '../../statistic';
+import type { StatusProps } from '../../status';
+import type { StepsProps } from '../../steps';
+import type { SwitchProps } from '../../switch';
+import type { TableProps } from '../../table';
+import type { TabsProps } from '../../tabs';
+import type { TagProps } from '../../tag';
+import type { ThingProps } from '../../thing';
+import type { TimePickerProps } from '../../time-picker';
+import type { Size as TimePickerSize } from '../../time-picker/src/interface';
+import type { TimelineProps } from '../../timeline';
+import type { ToggleButtonProps } from '../../toggle-button';
+import type { TooltipProps } from '../../tooltip';
+import type { TransferProps } from '../../transfer';
+import type { TreeProps } from '../../tree';
+import type { TreeSelectProps } from '../../tree-select';
+import type { UploadProps } from '../../upload';
+import type { WatermarkProps } from '../../watermark';
+import type { ChatProps } from '../../chat';
+import type { ScrollbarProps } from '../../scrollbar';
+import type { TextProps } from '../../typography';
+import { SelectSize } from '../../_internal/selection';
+import { IconPlacement } from '../../dialog/src/interface';
 import { ModalFullscreenTheme } from '../../modal-fullscreen/styles';
 import { CropTheme } from '../../crop/styles';
 import { SafeTopScrollbarTheme } from '../../_internal/safe-top-scrollbar/styles';
-import { IconBarTheme } from '../../icon-bar/styles';
 import { HeaderTheme } from '../../header/styles';
 import { QrCodeTheme } from '../../qr-code/styles';
 export interface GlobalThemeWithoutCommon {
@@ -160,7 +240,10 @@ export interface GlobalThemeWithoutCommon {
     Modal?: ModalTheme;
     Notification?: NotificationTheme;
     PageHeader?: PageHeaderTheme;
-    Pagination?: PaginationTheme;
+    Pagination?: PaginationTheme & {
+        inputSize?: InputSize;
+        selectSize?: SelectSize;
+    };
     Popconfirm?: PopconfirmTheme;
     Popover?: PopoverTheme;
     Popselect?: PopselectTheme;
@@ -208,24 +291,101 @@ export interface GlobalThemeWithoutCommon {
     Header?: HeaderTheme;
 }
 export interface GlobalComponentConfig {
-    Pagination?: {
-        inputSize?: InputSize;
-        selectSize?: SelectSize;
+    Alert?: AlertProps;
+    Anchor?: AnchorProps;
+    AutoComplete?: AutoCompleteProps;
+    Avatar?: AvatarProps;
+    AvatarGroup?: AvatarGroupProps;
+    BackTop?: BackTopProps;
+    Badge?: BadgeProps;
+    Breadcrumb?: BreadcrumbProps;
+    Button?: ButtonProps;
+    ButtonGroup?: ButtonGroupProps;
+    Calendar?: CalendarProps;
+    ActionCard?: ActionCardProps;
+    Card?: CardProps;
+    Carousel?: CarouselProps;
+    Cascader?: CascaderProps;
+    Checkbox?: CheckboxProps;
+    Code?: CodeProps;
+    Collapse?: CollapseProps;
+    CollapseTransition?: CollapseTransitionProps;
+    ColorPicker?: ColorPickerProps;
+    DataTable?: DataTableProps & {
+        renderFilter?: DataTableRenderFilter;
+        renderSorter?: DataTableRenderSorter;
     };
-    DatePicker?: {
+    DatePicker?: DatePickerProps & {
         timePickerSize?: TimePickerSize;
     };
-    Dialog?: {
+    Descriptions?: DescriptionsProps;
+    Dialog?: DialogProps & {
         iconPlacement?: IconPlacement;
     };
-    DataTable?: {
-        renderFilter?: DataTableRenderFilter;
-        renderSorter?: DataTableRenderSorter;
-    };
-    DynamicInput?: {
+    Divider?: DividerProps;
+    Drawer?: DrawerProps;
+    Dropdown?: DropdownProps;
+    DynamicInput?: DynamicInputProps & {
         buttonSize?: ButtonSize;
     };
-    Empty?: Pick<EmptyProps, 'title' | 'description' | 'renderIcon'>;
+    DynamicTags?: DynamicTagsProps;
+    Element?: ElementProps;
+    Ellipsis?: EllipsisProps;
+    Empty?: EmptyProps;
+    Form?: FormProps;
+    GradientText?: GradientTextProps;
+    Icon?: IconProps;
+    IconWrapper?: IconWrapperProps;
+    Image?: ImageProps;
+    Input?: InputProps;
+    InputNumber?: InputNumberProps;
+    Layout?: LayoutProps;
+    List?: ListProps;
+    Log?: LogProps;
+    Menu?: MenuProps;
+    Mention?: MentionProps;
+    Modal?: ModalProps;
+    PageHeader?: PageHeaderProps;
+    Pagination?: PaginationProps & {
+        inputSize?: InputSize;
+        selectSize?: SelectSize;
+    };
+    Popconfirm?: PopconfirmProps;
+    Popover?: PopoverProps;
+    Popselect?: PopselectProps;
+    Progress?: ProgressProps;
+    Radio?: RadioProps;
+    Rate?: RateProps;
+    Result?: ResultProps;
+    Scrollbar?: ScrollbarProps;
+    Select?: SelectProps;
+    Skeleton?: SkeletonProps;
+    Slider?: SliderProps;
+    Space?: SpaceProps;
+    Spin?: SpinProps;
+    Statistic?: StatisticProps;
+    Status?: StatusProps;
+    Steps?: StepsProps;
+    Switch?: SwitchProps;
+    Table?: TableProps;
+    Tabs?: TabsProps;
+    Tag?: TagProps;
+    Thing?: ThingProps;
+    TimePicker?: TimePickerProps;
+    Timeline?: TimelineProps;
+    Tooltip?: TooltipProps;
+    Transfer?: TransferProps;
+    Tree?: TreeProps;
+    TreeSelect?: TreeSelectProps;
+    Upload?: UploadProps;
+    Watermark?: WatermarkProps;
+    Row?: RowProps;
+    ToggleButton?: ToggleButtonProps;
+    Flex?: FlexProps;
+    CardList?: CardListProps;
+    Chat?: ChatProps;
+    Text?: TextProps;
+    InputOtp?: InputOtpProps;
 }
 export interface GlobalIconConfig {
     attach?: () => VNodeChild;
@@ -267,6 +427,8 @@ export interface RtlItem {
 export type RtlProp = RtlItem[];
 export type RtlEnabledState = Partial<Record<keyof GlobalThemeWithoutCommon, RtlItem>>;
 export type Breakpoints = Record<string, number> | undefined;
+export type BreakpointProps = Record<number, GlobalComponentConfig> | undefined;
+export type BreakpointThemeOverrides = Record<number, GlobalThemeOverrides> | undefined;
 export interface ConfigProviderInjection {
     mergedBreakpointsRef: Ref<Breakpoints | undefined>;
     mergedClsPrefixRef: Ref<string>;
@@ -282,6 +444,8 @@ export interface ConfigProviderInjection {
     mergedThemeOverridesRef: Ref<GlobalThemeOverrides | undefined>;
     mergedRtlRef: Ref<RtlEnabledState | undefined>;
     mergedThemeHashRef: Ref<string>;
+    mergedBreakpointPropsRef: Ref<BreakpointProps | undefined>;
+    mergedBreakpointThemeOverridesRef: Ref<BreakpointThemeOverrides | undefined>;
     inlineThemeDisabled: boolean;
     preflightStyleDisabled: boolean;
 }

package/lib/countdown/src/Countdown.d.ts

@@ -61,8 +61,8 @@ declare const _default: import("vue").DefineComponent<{
     render: PropType<(props: CountdownTimeInfo) => VNodeChild>;
     onFinish: PropType<() => void>;
 }>>, {
-    active: boolean;
     duration: number;
     precision: 0 | 1 | 2 | 3;
+    active: boolean;
 }, {}>;
 export default _default;

package/lib/create.js

@@ -3,13 +3,44 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+const vue_1 = require("vue");
 const version_1 = __importDefault(require("./version"));
+const context_1 = require("./config-provider/src/context");
 function create({ componentPrefix = 'U', components = [] } = {}) {
     const installTargets = [];
+    function findConfig(instance) {
+        var _a;
+        let parent = instance.parent;
+        while (parent) {
+            const p = (_a = parent.provides) === null || _a === void 0 ? void 0 : _a[context_1.configProviderInjectionKey];
+            if (p)
+                return p;
+            parent = parent.parent;
+        }
+        return null;
+    }
+    function wrap(component) {
+        const wrapped = {
+            name: component.name,
+            inheritAttrs: false,
+            setup(props, ctx) {
+                const instance = (0, vue_1.getCurrentInstance)();
+                const config = instance ? findConfig(instance) : null;
+                const mergedProps = (0, vue_1.computed)(() => {
+                    var _a, _b;
+                    if (!config)
+                        return props;
+                    const defaults = ((_b = (_a = config.mergedComponentPropsRef) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b[component.name]) || {};
+                    return Object.assign(Object.assign({}, defaults), props);
+                });
+                return () => (0, vue_1.h)(component, Object.assign(Object.assign(Object.assign({}, mergedProps.value), ctx.attrs), props), ctx.slots);
+            }
+        };
+        return wrapped;
+    }
     function registerComponent(app, name, component) {
-        const registered = app.component(componentPrefix + name);
-        if (!registered) {
-            app.component(componentPrefix + name, component);
+        if (!app.component(componentPrefix + name)) {
+            app.component(componentPrefix + name, wrap(component));
         }
     }
     function install(app) {

package/lib/data-table/src/DataTable.d.ts

@@ -7373,14 +7373,15 @@ declare const _default: import("vue").DefineComponent<{
     readonly loading: boolean;
     readonly bordered: boolean | undefined;
     readonly size: "small" | "medium" | "large";
-    readonly pagination: false | import("../../pagination").PaginationProps;
     readonly data: import("./interface").RowData[];
-    readonly virtualScroll: boolean;
-    readonly tableLayout: "auto" | "fixed";
-    readonly columns: import("./interface").TableColumns<any>;
     readonly loadingSkeleton: boolean;
+    readonly allowCheckingNotLoaded: boolean;
     readonly remote: boolean;
+    readonly cascade: boolean;
+    readonly virtualScroll: boolean;
+    readonly pagination: false | import("../../pagination").PaginationProps;
     readonly paginateSinglePage: boolean;
+    readonly columns: import("./interface").TableColumns<any>;
     readonly bottomBordered: boolean | undefined;
     readonly striped: boolean;
     readonly defaultCheckedRowKeys: RowKey[];
@@ -7389,8 +7390,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly defaultExpandedRowKeys: RowKey[];
     readonly defaultExpandAll: boolean;
     readonly stickyExpandedRows: boolean;
-    readonly allowCheckingNotLoaded: boolean;
-    readonly cascade: boolean;
+    readonly tableLayout: "auto" | "fixed";
     readonly childrenKey: string;
     readonly indent: number;
     readonly flexHeight: boolean;

package/lib/data-table/src/HeaderButton/RenderFilter.d.ts

@@ -27,7 +27,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }>>, {
-    active: boolean;
     show: boolean;
+    active: boolean;
 }, {}>;
 export default _default;

package/lib/date-picker/src/DatePicker.d.ts

@@ -9111,15 +9111,15 @@ declare const _default: import("vue").DefineComponent<{
     readonly type: DatePickerType;
     readonly disabled: boolean | undefined;
     readonly bordered: boolean | undefined;
-    readonly round: boolean;
     readonly to: string | boolean | HTMLElement;
-    readonly show: boolean | undefined;
-    readonly placement: FollowerPlacement;
     readonly clearable: boolean;
+    readonly placement: FollowerPlacement;
+    readonly round: boolean;
+    readonly show: boolean | undefined;
     readonly inputReadonly: boolean;
-    readonly panel: boolean;
     readonly updateValueOnClose: boolean;
     readonly defaultShortcuts: boolean;
+    readonly panel: boolean;
     readonly closeOnSelect: boolean;
     readonly bindCalendarMonths: boolean;
     readonly triggerPreset: TriggerPreset;

package/lib/date-picker/src/panel/date.d.ts

@@ -1336,8 +1336,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly panel: BooleanConstructor;
 }>>, {
     readonly value: import("../interface").Value | null;
-    readonly active: boolean;
     readonly actions: string[];
     readonly panel: boolean;
+    readonly active: boolean;
 }, {}>;
 export default _default;

package/lib/date-picker/src/panel/daterange.d.ts

@@ -1375,9 +1375,9 @@ declare const _default: import("vue").DefineComponent<{
     readonly panel: BooleanConstructor;
 }>>, {
     readonly value: import("../interface").Value | null;
-    readonly active: boolean;
     readonly actions: unknown[];
     readonly panel: boolean;
     readonly bindCalendarMonths: boolean;
+    readonly active: boolean;
 }, {}>;
 export default _default;

package/lib/date-picker/src/panel/datetime.d.ts

@@ -1329,8 +1329,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly panel: BooleanConstructor;
 }>>, {
     readonly value: import("../interface").Value | null;
-    readonly active: boolean;
     readonly actions: string[];
     readonly panel: boolean;
+    readonly active: boolean;
 }, {}>;
 export default _default;

package/lib/date-picker/src/panel/datetimerange.d.ts

@@ -1366,9 +1366,9 @@ declare const _default: import("vue").DefineComponent<{
     readonly panel: BooleanConstructor;
 }>>, {
     readonly value: import("../interface").Value | null;
-    readonly active: boolean;
     readonly actions: unknown[];
     readonly panel: boolean;
     readonly bindCalendarMonths: boolean;
+    readonly active: boolean;
 }, {}>;
 export default _default;