naive-ui 2.23.2 → 2.24.3

package/es/tabs/src/Tabs.d.ts

@@ -1,9 +1,8 @@
 /// <reference types="lodash" />
-import { PropType, CSSProperties, ComponentPublicInstance, nextTick } from 'vue';
+import { PropType, CSSProperties, ComponentPublicInstance, nextTick, ExtractPropTypes } from 'vue';
 import { VXScrollInst } from 'vueuc';
 import type { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
-import { Addable, OnClose, OnBeforeLeave, TabsType } from './interface';
-import type { OnUpdateValue } from './interface';
+import type { Addable, OnClose, OnBeforeLeave, TabsType, OnUpdateValue } from './interface';
 declare const tabsProps: {
     readonly value: PropType<string | number>;
     readonly defaultValue: PropType<string | number>;
@@ -437,6 +436,7 @@ declare const _default: import("vue").DefineComponent<{
         panePaddingLarge: string;
     }, any>>>;
 }, {
+    syncBarPosition: () => void;
     mergedClsPrefix: import("vue").ComputedRef<string>;
     mergedValue: import("vue").ComputedRef<string | number | null>;
     renderedNames: Set<string | number>;
@@ -515,39 +515,36 @@ declare const _default: import("vue").DefineComponent<{
         '--font-weight-strong': string;
         '--tab-color-segment': string;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly value?: unknown;
-    readonly defaultValue?: unknown;
-    readonly type?: unknown;
-    readonly closable?: unknown;
-    readonly justifyContent?: unknown;
-    readonly size?: unknown;
-    readonly tabStyle?: unknown;
-    readonly paneClass?: unknown;
-    readonly paneStyle?: unknown;
-    readonly addable?: unknown;
-    readonly tabsPadding?: unknown;
-    readonly onBeforeLeave?: unknown;
-    readonly onAdd?: unknown;
-    readonly 'onUpdate:value'?: unknown;
-    readonly onUpdateValue?: unknown;
-    readonly onClose?: unknown;
-    readonly labelSize?: unknown;
-    readonly activeName?: unknown;
-    readonly onActiveNameChange?: unknown;
-    readonly theme?: unknown;
-    readonly themeOverrides?: unknown;
-    readonly builtinThemeOverrides?: unknown;
-} & {
-    type: TabsType;
-    size: "small" | "medium" | "large";
-    closable: boolean;
-    tabsPadding: number;
-} & {
-    value?: string | number | undefined;
-    justifyContent?: "space-around" | "space-between" | "space-evenly" | undefined;
-    onBeforeLeave?: OnBeforeLeave | undefined;
-    theme?: import("../../_mixins").Theme<"Tabs", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    readonly value: PropType<string | number>;
+    readonly defaultValue: PropType<string | number>;
+    readonly type: {
+        readonly type: PropType<TabsType>;
+        readonly default: "bar";
+    };
+    readonly closable: BooleanConstructor;
+    readonly justifyContent: PropType<"space-around" | "space-between" | "space-evenly">;
+    readonly size: {
+        readonly type: PropType<"small" | "medium" | "large">;
+        readonly default: "medium";
+    };
+    readonly tabStyle: PropType<string | CSSProperties>;
+    readonly paneClass: StringConstructor;
+    readonly paneStyle: PropType<string | CSSProperties>;
+    readonly addable: PropType<Addable>;
+    readonly tabsPadding: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly onBeforeLeave: PropType<OnBeforeLeave>;
+    readonly onAdd: PropType<() => void>;
+    readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
+    readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
+    readonly onClose: PropType<MaybeArray<OnClose>>;
+    readonly labelSize: PropType<"small" | "medium" | "large">;
+    readonly activeName: PropType<string | number>;
+    readonly onActiveNameChange: PropType<MaybeArray<(value: never) => void>>;
+    readonly theme: PropType<import("../../_mixins").Theme<"Tabs", {
         colorSegment: string;
         tabFontSizeCard: string;
         tabTextColorLine: string;
@@ -608,8 +605,8 @@ declare const _default: import("vue").DefineComponent<{
         panePaddingSmall: string;
         panePaddingMedium: string;
         panePaddingLarge: string;
-    }, any> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tabs", {
+    }, any>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tabs", {
         colorSegment: string;
         tabFontSizeCard: string;
         tabTextColorLine: string;
@@ -670,8 +667,8 @@ declare const _default: import("vue").DefineComponent<{
         panePaddingSmall: string;
         panePaddingMedium: string;
         panePaddingLarge: string;
-    }, any>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tabs", {
+    }, any>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tabs", {
         colorSegment: string;
         tabFontSizeCard: string;
         tabTextColorLine: string;
@@ -732,20 +729,8 @@ declare const _default: import("vue").DefineComponent<{
         panePaddingSmall: string;
         panePaddingMedium: string;
         panePaddingLarge: string;
-    }, any>> | undefined;
-    onClose?: MaybeArray<OnClose> | undefined;
-    defaultValue?: string | number | undefined;
-    "onUpdate:value"?: MaybeArray<OnUpdateValue> | undefined;
-    onUpdateValue?: MaybeArray<OnUpdateValue> | undefined;
-    addable?: Addable | undefined;
-    tabStyle?: string | CSSProperties | undefined;
-    paneClass?: string | undefined;
-    paneStyle?: string | CSSProperties | undefined;
-    onAdd?: (() => void) | undefined;
-    labelSize?: "small" | "medium" | "large" | undefined;
-    activeName?: string | number | undefined;
-    onActiveNameChange?: MaybeArray<(value: never) => void> | undefined;
-}>, {
+    }, any>>>;
+}>>, {
     type: TabsType;
     size: "small" | "medium" | "large";
     closable: boolean;

package/es/tabs/src/Tabs.js

@@ -6,8 +6,8 @@ import { useConfig, useTheme } from '../../_mixins';
 import { createKey, call, flatten, warnOnce } from '../../_utils';
 import { tabsLight } from '../styles';
 import { tabsInjectionKey } from './interface';
-import style from './styles/index.cssr';
 import Tab from './Tab';
+import style from './styles/index.cssr';
 const tabsProps = Object.assign(Object.assign({}, useTheme.props), { value: [String, Number], defaultValue: [String, Number], type: {
         type: String,
         default: 'bar'
@@ -54,9 +54,6 @@ export default defineComponent({
             : null));
         const mergedValueRef = useMergedState(compitableValueRef, uncontrolledValueRef);
         const tabChangeIdRef = { id: 0 };
-        watch(mergedValueRef, () => {
-            tabChangeIdRef.id = 0;
-        });
         const tabWrapperStyleRef = computed(() => {
             if (!props.justifyContent || props.type === 'card')
                 return undefined;
@@ -66,6 +63,7 @@ export default defineComponent({
             };
         });
         watch(mergedValueRef, () => {
+            tabChangeIdRef.id = 0;
             updateCurrentBarStyle();
         });
         function getCurrentEl() {
@@ -230,22 +228,17 @@ export default defineComponent({
                 el.classList.add(shadowAfterClass);
             }
         });
-        return {
-            mergedClsPrefix: mergedClsPrefixRef,
-            mergedValue: mergedValueRef,
-            renderedNames: new Set(),
-            tabsElRef,
+        const exposedMethods = {
+            syncBarPosition: () => {
+                updateCurrentBarStyle();
+            }
+        };
+        return Object.assign({ mergedClsPrefix: mergedClsPrefixRef, mergedValue: mergedValueRef, renderedNames: new Set(), tabsElRef,
             barElRef,
             addTabInstRef,
             xScrollInstRef,
-            scrollWrapperElRef,
-            addTabFixed: addTabFixedRef,
-            tabWrapperStyle: tabWrapperStyleRef,
-            handleNavResize,
-            mergedSize: compitableSizeRef,
-            handleScroll,
-            handleTabsResize,
-            cssVars: computed(() => {
+            scrollWrapperElRef, addTabFixed: addTabFixedRef, tabWrapperStyle: tabWrapperStyleRef, handleNavResize, mergedSize: compitableSizeRef, handleScroll,
+            handleTabsResize, cssVars: computed(() => {
                 const { value: size } = compitableSizeRef;
                 const { type } = props;
                 const typeSuffix = {
@@ -280,8 +273,7 @@ export default defineComponent({
                     '--font-weight-strong': fontWeightStrong,
                     '--tab-color-segment': tabColorSegment
                 };
-            })
-        };
+            }) }, exposedMethods);
     },
     render() {
         const { mergedClsPrefix, type, addTabFixed, addable, mergedSize, $slots: { default: defaultSlot, prefix: prefixSlot, suffix: suffixSlot } } = this;
@@ -318,7 +310,7 @@ export default defineComponent({
                 prefix ? (h("div", { class: `${mergedClsPrefix}-tabs-nav__prefix` }, prefix)) : null,
                 isSegment ? (h("div", { class: `${mergedClsPrefix}-tabs-rail` }, showPane
                     ? tabPaneChildren.map((tabPaneVNode, index) => {
-                        return (h(Tab, Object.assign({}, tabPaneVNode.props, { internalLeftPadded: index !== 0 }), tabPaneVNode.children
+                        return (h(Tab, Object.assign({}, tabPaneVNode.props, { internalCreatedByPane: true, internalLeftPadded: index !== 0 }), tabPaneVNode.children
                             ? {
                                 default: tabPaneVNode.children.tab
                             }
@@ -339,7 +331,7 @@ export default defineComponent({
                                     mergedJustifyContent ? null : (h("div", { class: `${mergedClsPrefix}-tabs-scroll-padding`, style: { width: `${this.tabsPadding}px` } })),
                                     showPane
                                         ? tabPaneChildren.map((tabPaneVNode, index) => {
-                                            return (h(Tab, Object.assign({}, tabPaneVNode.props, { internalLeftPadded: index !== 0 && !mergedJustifyContent }), tabPaneVNode.children
+                                            return justifyTabDynamicProps(h(Tab, Object.assign({}, tabPaneVNode.props, { internalCreatedByPane: true, internalLeftPadded: index !== 0 && !mergedJustifyContent }), tabPaneVNode.children
                                                 ? {
                                                     default: tabPaneVNode.children.tab
                                                 }
@@ -348,10 +340,10 @@ export default defineComponent({
                                         : tabChildren.map((tabVNode, index) => {
                                             if (index !== 0 &&
                                                 !mergedJustifyContent) {
-                                                return createLeftPaddedTabVNode(tabVNode);
+                                                return justifyTabDynamicProps(createLeftPaddedTabVNode(tabVNode));
                                             }
                                             else {
-                                                return tabVNode;
+                                                return justifyTabDynamicProps(tabVNode);
                                             }
                                         }),
                                     !addTabFixed && addable && isCard
@@ -403,7 +395,7 @@ function filterMapTabPanes(tabPaneVNodes, value, renderedNames) {
     return children;
 }
 function createAddTag(addable, internalLeftPadded) {
-    return (h(Tab, { ref: "addTabInstRef", key: "__addable", name: "__addable", internalAddable: true, internalLeftPadded: internalLeftPadded, disabled: typeof addable === 'object' && addable.disabled }));
+    return (h(Tab, { ref: "addTabInstRef", key: "__addable", name: "__addable", internalCreatedByPane: true, internalAddable: true, internalLeftPadded: internalLeftPadded, disabled: typeof addable === 'object' && addable.disabled }));
 }
 function createLeftPaddedTabVNode(tabVNode) {
     const modifiedVNode = cloneVNode(tabVNode);
@@ -417,3 +409,14 @@ function createLeftPaddedTabVNode(tabVNode) {
     }
     return modifiedVNode;
 }
+function justifyTabDynamicProps(tabVNode) {
+    if (Array.isArray(tabVNode.dynamicProps)) {
+        if (!tabVNode.dynamicProps.includes('internalLeftPadded')) {
+            tabVNode.dynamicProps.push('internalLeftPadded');
+        }
+    }
+    else {
+        tabVNode.dynamicProps = ['internalLeftPadded'];
+    }
+    return tabVNode;
+}

package/es/tabs/src/interface.d.ts

@@ -1,4 +1,4 @@
-import { Ref, InjectionKey, CSSProperties } from 'vue';
+import { Ref, CSSProperties } from 'vue';
 export declare type TabsType = 'line' | 'card' | 'bar' | 'segment';
 export declare type OnUpdateValue = (value: string & number) => void;
 export declare type OnUpdateValueImpl = (value: string | number) => void;
@@ -25,4 +25,7 @@ export interface TabsInjection {
 export declare type Addable = boolean | {
     disabled?: boolean;
 };
-export declare const tabsInjectionKey: InjectionKey<TabsInjection>;
+export declare const tabsInjectionKey: import("vue").InjectionKey<TabsInjection>;
+export interface TabsInst {
+    syncBarPosition: () => void;
+}

package/es/tabs/src/interface.js

@@ -1 +1,2 @@
-export const tabsInjectionKey = Symbol('tabs');
+import { createInjectionKey } from '../../_utils';
+export const tabsInjectionKey = createInjectionKey('n-tabs');

package/es/tag/src/Tag.d.ts

@@ -1,4 +1,4 @@
-import { PropType, InjectionKey, Ref } from 'vue';
+import { PropType, Ref } from 'vue';
 import type { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
 export interface TagPublicMethods {
     setTextContent: (textContent: string) => void;
@@ -229,7 +229,7 @@ declare const tagProps: {
 interface TagInjection {
     roundRef: Ref<boolean>;
 }
-export declare const tagInjectionKey: InjectionKey<TagInjection>;
+export declare const tagInjectionKey: import("vue").InjectionKey<TagInjection>;
 export declare type TagProps = ExtractPublicPropTypes<typeof tagProps>;
 declare const _default: import("vue").DefineComponent<{
     bordered: {
@@ -487,40 +487,40 @@ declare const _default: import("vue").DefineComponent<{
         '--n-text-color-pressed-checkable': string;
     }>;
     setTextContent: (textContent: string) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    bordered?: unknown;
-    checked?: unknown;
-    checkable?: unknown;
-    onClose?: unknown;
-    onMouseenter?: unknown;
-    onMouseleave?: unknown;
-    'onUpdate:checked'?: unknown;
-    onUpdateChecked?: unknown;
-    internalStopClickPropagation?: unknown;
-    onCheckedChange?: unknown;
-    color?: unknown;
-    type?: unknown;
-    round?: unknown;
-    size?: unknown;
-    closable?: unknown;
-    disabled?: unknown;
-    theme?: unknown;
-    themeOverrides?: unknown;
-    builtinThemeOverrides?: unknown;
-} & {
-    type: "default" | "error" | "info" | "success" | "warning" | "primary";
-    round: boolean;
-    size: "small" | "medium" | "large";
-    checked: boolean;
-    checkable: boolean;
-    internalStopClickPropagation: boolean;
-    closable: boolean;
-} & {
-    color?: import("./common-props").TagColor | undefined;
-    disabled?: boolean | undefined;
-    onMouseenter?: ((e: MouseEvent) => void) | undefined;
-    onMouseleave?: ((e: MouseEvent) => void) | undefined;
-    theme?: import("../../_mixins").Theme<"Tag", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    bordered: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    checked: BooleanConstructor;
+    checkable: BooleanConstructor;
+    onClose: PropType<MaybeArray<(e: MouseEvent) => void>>;
+    onMouseenter: PropType<(e: MouseEvent) => void>;
+    onMouseleave: PropType<(e: MouseEvent) => void>;
+    'onUpdate:checked': PropType<(checked: boolean) => void>;
+    onUpdateChecked: PropType<(checked: boolean) => void>;
+    internalStopClickPropagation: BooleanConstructor;
+    onCheckedChange: {
+        type: PropType<(checked: boolean) => void>;
+        validator: () => boolean;
+        default: undefined;
+    };
+    color: PropType<import("./common-props").TagColor>;
+    type: {
+        readonly type: PropType<"default" | "error" | "info" | "success" | "warning" | "primary">;
+        readonly default: "default";
+    };
+    round: BooleanConstructor;
+    size: {
+        readonly type: PropType<"small" | "medium" | "large">;
+        readonly default: "medium";
+    };
+    closable: BooleanConstructor;
+    disabled: {
+        readonly type: PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
+    theme: PropType<import("../../_mixins").Theme<"Tag", {
         heightSmall: string;
         heightMedium: string;
         heightLarge: string;
@@ -581,8 +581,8 @@ declare const _default: import("vue").DefineComponent<{
         padding: string;
         closeMargin: string;
         closeMarginRtl: string;
-    }, any> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tag", {
+    }, any>>;
+    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tag", {
         heightSmall: string;
         heightMedium: string;
         heightLarge: string;
@@ -643,8 +643,8 @@ declare const _default: import("vue").DefineComponent<{
         padding: string;
         closeMargin: string;
         closeMarginRtl: string;
-    }, any>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tag", {
+    }, any>>>;
+    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tag", {
         heightSmall: string;
         heightMedium: string;
         heightLarge: string;
@@ -705,13 +705,8 @@ declare const _default: import("vue").DefineComponent<{
         padding: string;
         closeMargin: string;
         closeMarginRtl: string;
-    }, any>> | undefined;
-    bordered?: boolean | undefined;
-    onClose?: MaybeArray<(e: MouseEvent) => void> | undefined;
-    "onUpdate:checked"?: ((checked: boolean) => void) | undefined;
-    onUpdateChecked?: ((checked: boolean) => void) | undefined;
-    onCheckedChange?: ((checked: boolean) => void) | undefined;
-}>, {
+    }, any>>>;
+}>>, {
     type: "default" | "error" | "info" | "success" | "warning" | "primary";
     round: boolean;
     size: "small" | "medium" | "large";

package/es/tag/src/Tag.js

@@ -1,7 +1,7 @@
 import { h, defineComponent, computed, ref, provide, toRef } from 'vue';
 import { useConfig, useTheme } from '../../_mixins';
 import { NBaseClose } from '../../_internal';
-import { warn, createKey, call } from '../../_utils';
+import { warn, createKey, call, createInjectionKey } from '../../_utils';
 import { tagLight } from '../styles';
 import commonProps from './common-props';
 import style from './styles/index.cssr';
@@ -23,7 +23,7 @@ const tagProps = Object.assign(Object.assign(Object.assign({}, useTheme.props),
         },
         default: undefined
     } });
-export const tagInjectionKey = Symbol('tag');
+export const tagInjectionKey = createInjectionKey('n-tag');
 export default defineComponent({
     name: 'Tag',
     props: tagProps,

package/es/theme-editor/src/ThemeEditor.d.ts

@@ -128,5 +128,5 @@ declare const _default: import("vue").DefineComponent<{}, {
     handleExportClick: () => void;
     handleImportClick: () => void;
     handleInputFileChange: () => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{} & {} & {}>, {}>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;