naive-ui 2.34.2 → 2.34.3

package/es/tabs/src/Tabs.js

@@ -17,6 +17,9 @@ export const tabsProps = Object.assign(Object.assign({}, useTheme.props), { valu
     }, closable: Boolean, justifyContent: String, size: {
         type: String,
         default: 'medium'
+    }, placement: {
+        type: String,
+        default: 'top'
     }, tabStyle: [String, Object], barWidth: Number, paneClass: String, paneStyle: [String, Object], addable: [Boolean, Object], tabsPadding: {
         type: Number,
         default: 0
@@ -86,24 +89,49 @@ export default defineComponent({
                 return;
             if (tabEl) {
                 const disabledClassName = `${mergedClsPrefixRef.value}-tabs-bar--disabled`;
-                const { barWidth } = props;
+                const { barWidth, placement } = props;
                 if (tabEl.dataset.disabled === 'true') {
                     barEl.classList.add(disabledClassName);
                 }
                 else {
                     barEl.classList.remove(disabledClassName);
                 }
-                if (typeof barWidth === 'number' && tabEl.offsetWidth >= barWidth) {
-                    const offsetDiffLeft = Math.floor((tabEl.offsetWidth - barWidth) / 2) + tabEl.offsetLeft;
-                    barEl.style.left = `${offsetDiffLeft}px`;
-                    barEl.style.maxWidth = `${barWidth}px`;
+                if (['top', 'bottom'].includes(placement)) {
+                    clearBarStyle(['top', 'maxHeight', 'height']);
+                    if (typeof barWidth === 'number' && tabEl.offsetWidth >= barWidth) {
+                        const offsetDiffLeft = Math.floor((tabEl.offsetWidth - barWidth) / 2) + tabEl.offsetLeft;
+                        barEl.style.left = `${offsetDiffLeft}px`;
+                        barEl.style.maxWidth = `${barWidth}px`;
+                    }
+                    else {
+                        barEl.style.left = `${tabEl.offsetLeft}px`;
+                        barEl.style.maxWidth = `${tabEl.offsetWidth}px`;
+                    }
+                    barEl.style.width = '8192px';
+                    void barEl.offsetWidth;
                 }
                 else {
-                    barEl.style.left = `${tabEl.offsetLeft}px`;
-                    barEl.style.maxWidth = `${tabEl.offsetWidth}px`;
+                    clearBarStyle(['left', 'maxWidth', 'width']);
+                    if (typeof barWidth === 'number' && tabEl.offsetHeight >= barWidth) {
+                        const offsetDiffTop = Math.floor((tabEl.offsetHeight - barWidth) / 2) + tabEl.offsetTop;
+                        barEl.style.top = `${offsetDiffTop}px`;
+                        barEl.style.maxHeight = `${barWidth}px`;
+                    }
+                    else {
+                        barEl.style.top = `${tabEl.offsetTop}px`;
+                        barEl.style.maxHeight = `${tabEl.offsetHeight}px`;
+                    }
+                    barEl.style.height = '8192px';
+                    void barEl.offsetHeight;
                 }
-                barEl.style.width = '8192px';
-                void barEl.offsetWidth;
+            }
+        }
+        function clearBarStyle(styleProps) {
+            const { value: barEl } = barElRef;
+            if (!barEl)
+                return;
+            for (const prop of styleProps) {
+                barEl.style[prop] = '';
             }
         }
         function updateCurrentBarStyle() {
@@ -335,7 +363,7 @@ export default defineComponent({
         // avoid useless rerender
         watchEffect(() => {
             const { value: el } = scrollWrapperElRef;
-            if (!el)
+            if (!el || ['left', 'right'].includes(props.placement))
                 return;
             const { value: clsPrefix } = mergedClsPrefixRef;
             const shadowBeforeClass = `${clsPrefix}-tabs-nav-scroll-wrapper--shadow-before`;
@@ -381,7 +409,7 @@ export default defineComponent({
                 segment: 'Segment'
             }[type];
             const sizeType = `${size}${typeSuffix}`;
-            const { self: { barColor, closeIconColor, closeIconColorHover, closeIconColorPressed, tabColor, tabBorderColor, paneTextColor, tabFontWeight, tabBorderRadius, tabFontWeightActive, colorSegment, fontWeightStrong, tabColorSegment, closeSize, closeIconSize, closeColorHover, closeColorPressed, closeBorderRadius, [createKey('panePadding', size)]: panePadding, [createKey('tabPadding', sizeType)]: tabPadding, [createKey('tabGap', sizeType)]: tabGap, [createKey('tabTextColor', type)]: tabTextColor, [createKey('tabTextColorActive', type)]: tabTextColorActive, [createKey('tabTextColorHover', type)]: tabTextColorHover, [createKey('tabTextColorDisabled', type)]: tabTextColorDisabled, [createKey('tabFontSize', size)]: tabFontSize }, common: { cubicBezierEaseInOut } } = themeRef.value;
+            const { self: { barColor, closeIconColor, closeIconColorHover, closeIconColorPressed, tabColor, tabBorderColor, paneTextColor, tabFontWeight, tabBorderRadius, tabFontWeightActive, colorSegment, fontWeightStrong, tabColorSegment, closeSize, closeIconSize, closeColorHover, closeColorPressed, closeBorderRadius, [createKey('panePadding', size)]: panePadding, [createKey('tabPadding', sizeType)]: tabPadding, [createKey('tabPaddingVertical', sizeType)]: tabPaddingVertical, [createKey('tabGap', sizeType)]: tabGap, [createKey('tabTextColor', type)]: tabTextColor, [createKey('tabTextColorActive', type)]: tabTextColorActive, [createKey('tabTextColorHover', type)]: tabTextColorHover, [createKey('tabTextColorDisabled', type)]: tabTextColorDisabled, [createKey('tabFontSize', size)]: tabFontSize }, common: { cubicBezierEaseInOut } } = themeRef.value;
             return {
                 '--n-bezier': cubicBezierEaseInOut,
                 '--n-color-segment': colorSegment,
@@ -406,6 +434,7 @@ export default defineComponent({
                 '--n-tab-font-weight': tabFontWeight,
                 '--n-tab-font-weight-active': tabFontWeightActive,
                 '--n-tab-padding': tabPadding,
+                '--n-tab-padding-vertical': tabPaddingVertical,
                 '--n-tab-gap': tabGap,
                 '--n-pane-padding': panePadding,
                 '--n-font-weight-strong': fontWeightStrong,
@@ -430,7 +459,7 @@ export default defineComponent({
             onAnimationAfterEnter, onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender }, exposedMethods);
     },
     render() {
-        const { mergedClsPrefix, type, addTabFixed, addable, mergedSize, renderNameListRef, onRender, $slots: { default: defaultSlot, prefix: prefixSlot, suffix: suffixSlot } } = this;
+        const { mergedClsPrefix, type, placement, addTabFixed, addable, mergedSize, renderNameListRef, onRender, $slots: { default: defaultSlot, prefix: prefixSlot, suffix: suffixSlot } } = this;
         onRender === null || onRender === void 0 ? void 0 : onRender();
         const tabPaneChildren = defaultSlot
             ? flatten(defaultSlot()).filter((v) => {
@@ -447,12 +476,49 @@ export default defineComponent({
         const isSegment = type === 'segment';
         const mergedJustifyContent = !isCard && !isSegment && this.justifyContent;
         renderNameListRef.value = [];
+        const scrollContent = () => {
+            const tabs = (h("div", { style: this.tabWrapperStyle, class: [`${mergedClsPrefix}-tabs-wrapper`] },
+                mergedJustifyContent ? null : (h("div", { class: `${mergedClsPrefix}-tabs-scroll-padding`, style: { width: `${this.tabsPadding}px` } })),
+                showPane
+                    ? tabPaneChildren.map((tabPaneVNode, index) => {
+                        renderNameListRef.value.push(tabPaneVNode.props.name);
+                        return justifyTabDynamicProps(h(Tab, Object.assign({}, tabPaneVNode.props, { internalCreatedByPane: true, internalLeftPadded: index !== 0 &&
+                                (!mergedJustifyContent ||
+                                    mergedJustifyContent === 'center' ||
+                                    mergedJustifyContent === 'start' ||
+                                    mergedJustifyContent === 'end') }), tabPaneVNode.children
+                            ? {
+                                default: tabPaneVNode.children.tab
+                            }
+                            : undefined));
+                    })
+                    : tabChildren.map((tabVNode, index) => {
+                        renderNameListRef.value.push(tabVNode.props.name);
+                        if (index !== 0 && !mergedJustifyContent) {
+                            return justifyTabDynamicProps(createLeftPaddedTabVNode(tabVNode));
+                        }
+                        else {
+                            return justifyTabDynamicProps(tabVNode);
+                        }
+                    }),
+                !addTabFixed && addable && isCard
+                    ? createAddTag(addable, (showPane ? tabPaneChildren.length : tabChildren.length) !== 0)
+                    : null,
+                mergedJustifyContent ? null : (h("div", { class: `${mergedClsPrefix}-tabs-scroll-padding`, style: { width: `${this.tabsPadding}px` } }))));
+            return (h("div", { ref: "tabsElRef", class: `${mergedClsPrefix}-tabs-nav-scroll-content` },
+                isCard && addable ? (h(VResizeObserver, { onResize: this.handleTabsResize }, {
+                    default: () => tabs
+                })) : (tabs),
+                isCard ? h("div", { class: `${mergedClsPrefix}-tabs-pad` }) : null,
+                isCard ? null : (h("div", { ref: "barElRef", class: `${mergedClsPrefix}-tabs-bar` }))));
+        };
         return (h("div", { class: [
                 `${mergedClsPrefix}-tabs`,
                 this.themeClass,
                 `${mergedClsPrefix}-tabs--${type}-type`,
                 `${mergedClsPrefix}-tabs--${mergedSize}-size`,
-                mergedJustifyContent && `${mergedClsPrefix}-tabs--flex`
+                mergedJustifyContent && `${mergedClsPrefix}-tabs--flex`,
+                `${mergedClsPrefix}-tabs--${placement}`
             ], style: this.cssVars },
             h("div", { class: [
                     // the class should be applied here since it's possible
@@ -460,6 +526,7 @@ export default defineComponent({
                     // other. adding a class will make it easy to write the
                     // style.
                     `${mergedClsPrefix}-tabs-nav--${type}-type`,
+                    `${mergedClsPrefix}-tabs-nav--${placement}`,
                     `${mergedClsPrefix}-tabs-nav`
                 ] },
                 resolveWrappedSlot(prefixSlot, (children) => children && (h("div", { class: `${mergedClsPrefix}-tabs-nav__prefix` }, children))),
@@ -481,54 +548,9 @@ export default defineComponent({
                             return createLeftPaddedTabVNode(tabVNode);
                         }
                     }))) : (h(VResizeObserver, { onResize: this.handleNavResize }, {
-                    default: () => (h("div", { class: `${mergedClsPrefix}-tabs-nav-scroll-wrapper`, ref: "scrollWrapperElRef" },
-                        h(VXScroll, { ref: "xScrollInstRef", onScroll: this.handleScroll }, {
-                            default: () => {
-                                const rawWrappedTabs = (h("div", { style: this.tabWrapperStyle, class: `${mergedClsPrefix}-tabs-wrapper` },
-                                    mergedJustifyContent ? null : (h("div", { class: `${mergedClsPrefix}-tabs-scroll-padding`, style: { width: `${this.tabsPadding}px` } })),
-                                    showPane
-                                        ? tabPaneChildren.map((tabPaneVNode, index) => {
-                                            renderNameListRef.value.push(tabPaneVNode.props.name);
-                                            return justifyTabDynamicProps(h(Tab, Object.assign({}, tabPaneVNode.props, { internalCreatedByPane: true, internalLeftPadded: index !== 0 &&
-                                                    (!mergedJustifyContent ||
-                                                        mergedJustifyContent ===
-                                                            'center' ||
-                                                        mergedJustifyContent ===
-                                                            'start' ||
-                                                        mergedJustifyContent === 'end') }), tabPaneVNode.children
-                                                ? {
-                                                    default: tabPaneVNode.children.tab
-                                                }
-                                                : undefined));
-                                        })
-                                        : tabChildren.map((tabVNode, index) => {
-                                            renderNameListRef.value.push(tabVNode.props.name);
-                                            if (index !== 0 &&
-                                                !mergedJustifyContent) {
-                                                return justifyTabDynamicProps(createLeftPaddedTabVNode(tabVNode));
-                                            }
-                                            else {
-                                                return justifyTabDynamicProps(tabVNode);
-                                            }
-                                        }),
-                                    !addTabFixed && addable && isCard
-                                        ? createAddTag(addable, (showPane
-                                            ? tabPaneChildren.length
-                                            : tabChildren.length) !== 0)
-                                        : null,
-                                    mergedJustifyContent ? null : (h("div", { class: `${mergedClsPrefix}-tabs-scroll-padding`, style: { width: `${this.tabsPadding}px` } }))));
-                                let wrappedTabs = rawWrappedTabs;
-                                if (isCard && addable) {
-                                    wrappedTabs = (h(VResizeObserver, { onResize: this.handleTabsResize }, {
-                                        default: () => rawWrappedTabs
-                                    }));
-                                }
-                                return (h("div", { ref: "tabsElRef", class: `${mergedClsPrefix}-tabs-nav-scroll-content` },
-                                    wrappedTabs,
-                                    isCard ? (h("div", { class: `${mergedClsPrefix}-tabs-pad` })) : null,
-                                    isCard ? null : (h("div", { ref: "barElRef", class: `${mergedClsPrefix}-tabs-bar` }))));
-                            }
-                        })))
+                    default: () => (h("div", { class: `${mergedClsPrefix}-tabs-nav-scroll-wrapper`, ref: "scrollWrapperElRef" }, ['top', 'bottom'].includes(placement) ? (h(VXScroll, { ref: "xScrollInstRef", onScroll: this.handleScroll }, {
+                        default: scrollContent
+                    })) : (h("div", { class: `${mergedClsPrefix}-tabs-nav-y-scroll` }, scrollContent()))))
                 })),
                 addTabFixed && addable && isCard
                     ? createAddTag(addable, true)

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

@@ -1,11 +1,11 @@
 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;
-export declare type OnClose = (name: string & number) => void;
-export declare type OnCloseImpl = (name: string | number) => void;
-export declare type OnBeforeLeave = (name: string & number, oldName: string & number & null) => boolean | Promise<boolean>;
-export declare type OnBeforeLeaveImpl = (name: string | number, oldName: string | number | null) => boolean | Promise<boolean>;
+export type TabsType = 'line' | 'card' | 'bar' | 'segment';
+export type OnUpdateValue = (value: string & number) => void;
+export type OnUpdateValueImpl = (value: string | number) => void;
+export type OnClose = (name: string & number) => void;
+export type OnCloseImpl = (name: string | number) => void;
+export type OnBeforeLeave = (name: string & number, oldName: string & number & null) => boolean | Promise<boolean>;
+export type OnBeforeLeaveImpl = (name: string | number, oldName: string | number | null) => boolean | Promise<boolean>;
 export interface TabsInjection {
     mergedClsPrefixRef: Ref<string>;
     valueRef: Ref<string | number | null>;
@@ -23,7 +23,7 @@ export interface TabsInjection {
     handleClose: (panelName: string | number) => void;
     handleAdd: () => void;
 }
-export declare type Addable = boolean | {
+export type Addable = boolean | {
     disabled?: boolean;
 };
 export declare const tabsInjectionKey: import("vue").InjectionKey<TabsInjection>;

package/es/tabs/src/styles/index.cssr.js

@@ -29,12 +29,34 @@ import { c, cM, cB, cE, cNotM } from '../../../_utils/cssr';
 export default cB('tabs', `
  box-sizing: border-box;
  width: 100%;
+ display: flex;
+ flex-direction: column;
  transition:
  background-color .3s var(--n-bezier),
  border-color .3s var(--n-bezier);
 `, [cM('segment-type', [cB('tabs-rail', [c('&.transition-disabled', 'color: red;', [cB('tabs-tab', `
  transition: none;
- `)])])]), cB('tabs-rail', `
+ `)])])]), cM('left, right', `
+ flex-direction: row;
+ `, [cB('tabs-bar', `
+ width: 2px;
+ right: 0;
+ transition:
+ top .2s var(--n-bezier),
+ max-height .2s var(--n-bezier),
+ background-color .3s var(--n-bezier);
+ `), cB('tabs-tab', `
+ padding: var(--n-tab-padding-vertical); 
+ `)]), cM('right', `
+ flex-direction: row-reverse;
+ `, [cB('tabs-bar', `
+ left: 0;
+ `)]), cM('bottom', `
+ flex-direction: column-reverse;
+ justify-content: flex-end;
+ `, [cB('tabs-bar', `
+ top: 0;
+ `)]), cB('tabs-rail', `
  padding: 3px;
  border-radius: var(--n-tab-border-radius);
  width: 100%;
@@ -84,6 +106,14 @@ export default cB('tabs', `
  box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, .12);
  `)]), cM('shadow-after', [c('&::after', `
  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, .12);
+ `)]), cB('tabs-nav-y-scroll', `
+ height: 100%;
+ width: 100%;
+ overflow-y: auto; 
+ scrollbar-width: none;
+ `, [c('&::-webkit-scrollbar', `
+ width: 0;
+ height: 0;
  `)]), c('&::before, &::after', `
  transition: box-shadow .3s var(--n-bezier);
  pointer-events: none;
@@ -243,4 +273,21 @@ export default cB('tabs', `
  background-color: #0000;
  font-weight: var(--n-tab-font-weight-active);
  color: var(--n-tab-text-color-active);
- `), cM('disabled', 'color: var(--n-tab-text-color-disabled);')]), cB('tabs-scroll-padding', 'border-bottom: 1px solid var(--n-tab-border-color);')])])]);
+ `), cM('disabled', 'color: var(--n-tab-text-color-disabled);')]), cB('tabs-scroll-padding', 'border-bottom: 1px solid var(--n-tab-border-color);')]), cM('left, right', [cB('tabs-wrapper', `
+ flex-direction: column;
+ `, [cB('tabs-tab-wrapper', `
+ flex-direction: column;
+ `, [cB('tabs-tab-pad', `
+ height: var(--n-tab-gap);
+ width: 100%;
+ `)])]), cB('tabs-nav-scroll-content', `
+ border-bottom: none;
+ `)]), cM('left', [cB('tabs-nav-scroll-content', `
+ box-sizing: border-box;
+ border-right: 1px solid var(--n-tab-border-color);
+ `)]), cM('right', [cB('tabs-nav-scroll-content', `
+ border-left: 1px solid var(--n-tab-border-color);
+ `)]), cM('bottom', [cB('tabs-nav-scroll-content', `
+ border-top: 1px solid var(--n-tab-border-color);
+ border-bottom: none;
+ `)])])]);

package/es/tabs/styles/_common.d.ts

@@ -8,12 +8,18 @@ declare const _default: {
     tabPaddingSmallLine: string;
     tabPaddingMediumLine: string;
     tabPaddingLargeLine: string;
+    tabPaddingVerticalSmallLine: string;
+    tabPaddingVerticalMediumLine: string;
+    tabPaddingVerticalLargeLine: string;
     tabGapSmallBar: string;
     tabGapMediumBar: string;
     tabGapLargeBar: string;
     tabPaddingSmallBar: string;
     tabPaddingMediumBar: string;
     tabPaddingLargeBar: string;
+    tabPaddingVerticalSmallBar: string;
+    tabPaddingVerticalMediumBar: string;
+    tabPaddingVerticalLargeBar: string;
     tabGapSmallCard: string;
     tabGapMediumCard: string;
     tabGapLargeCard: string;
@@ -23,6 +29,12 @@ declare const _default: {
     tabPaddingSmallSegment: string;
     tabPaddingMediumSegment: string;
     tabPaddingLargeSegment: string;
+    tabPaddingVerticalLargeSegment: string;
+    tabPaddingVerticalSmallCard: string;
+    tabPaddingVerticalMediumCard: string;
+    tabPaddingVerticalLargeCard: string;
+    tabPaddingVerticalSmallSegment: string;
+    tabPaddingVerticalMediumSegment: string;
     tabGapSmallSegment: string;
     tabGapMediumSegment: string;
     tabGapLargeSegment: string;

package/es/tabs/styles/_common.js

@@ -8,12 +8,18 @@ export default {
     tabPaddingSmallLine: '6px 0',
     tabPaddingMediumLine: '10px 0',
     tabPaddingLargeLine: '14px 0',
+    tabPaddingVerticalSmallLine: '0 6px',
+    tabPaddingVerticalMediumLine: '0 10px',
+    tabPaddingVerticalLargeLine: '0 14px',
     tabGapSmallBar: '36px',
     tabGapMediumBar: '36px',
     tabGapLargeBar: '36px',
     tabPaddingSmallBar: '4px 0',
     tabPaddingMediumBar: '6px 0',
     tabPaddingLargeBar: '10px 0',
+    tabPaddingVerticalSmallBar: '0 4px',
+    tabPaddingVerticalMediumBar: '0 6px ',
+    tabPaddingVerticalLargeBar: '0 10px ',
     tabGapSmallCard: '4px',
     tabGapMediumCard: '4px',
     tabGapLargeCard: '4px',
@@ -23,6 +29,12 @@ export default {
     tabPaddingSmallSegment: '4px 0',
     tabPaddingMediumSegment: '6px 0',
     tabPaddingLargeSegment: '8px 0',
+    tabPaddingVerticalLargeSegment: '0 8px',
+    tabPaddingVerticalSmallCard: '10px 6px',
+    tabPaddingVerticalMediumCard: '12px 8px',
+    tabPaddingVerticalLargeCard: '16px 8px',
+    tabPaddingVerticalSmallSegment: '0 4px',
+    tabPaddingVerticalMediumSegment: '0 6px',
     tabGapSmallSegment: '0',
     tabGapMediumSegment: '0',
     tabGapLargeSegment: '0',

package/es/tabs/styles/light.d.ts

@@ -43,12 +43,18 @@ export declare const self: (vars: ThemeCommonVars) => {
     tabPaddingSmallLine: string;
     tabPaddingMediumLine: string;
     tabPaddingLargeLine: string;
+    tabPaddingVerticalSmallLine: string;
+    tabPaddingVerticalMediumLine: string;
+    tabPaddingVerticalLargeLine: string;
     tabGapSmallBar: string;
     tabGapMediumBar: string;
     tabGapLargeBar: string;
     tabPaddingSmallBar: string;
     tabPaddingMediumBar: string;
     tabPaddingLargeBar: string;
+    tabPaddingVerticalSmallBar: string;
+    tabPaddingVerticalMediumBar: string;
+    tabPaddingVerticalLargeBar: string;
     tabGapSmallCard: string;
     tabGapMediumCard: string;
     tabGapLargeCard: string;
@@ -58,6 +64,12 @@ export declare const self: (vars: ThemeCommonVars) => {
     tabPaddingSmallSegment: string;
     tabPaddingMediumSegment: string;
     tabPaddingLargeSegment: string;
+    tabPaddingVerticalLargeSegment: string;
+    tabPaddingVerticalSmallCard: string;
+    tabPaddingVerticalMediumCard: string;
+    tabPaddingVerticalLargeCard: string;
+    tabPaddingVerticalSmallSegment: string;
+    tabPaddingVerticalMediumSegment: string;
     tabGapSmallSegment: string;
     tabGapMediumSegment: string;
     tabGapLargeSegment: string;
@@ -67,7 +79,7 @@ export declare const self: (vars: ThemeCommonVars) => {
     closeSize: string;
     closeIconSize: string;
 };
-export declare type TabsThemeVars = ReturnType<typeof self>;
+export type TabsThemeVars = ReturnType<typeof self>;
 declare const tabsLight: Theme<'Tabs', TabsThemeVars>;
 export default tabsLight;
-export declare type TabsTheme = typeof tabsLight;
+export type TabsTheme = typeof tabsLight;

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

@@ -316,7 +316,7 @@ interface TagInjection {
     roundRef: Ref<boolean>;
 }
 export declare const tagInjectionKey: import("vue").InjectionKey<TagInjection>;
-export declare type TagProps = ExtractPublicPropTypes<typeof tagProps>;
+export type TagProps = ExtractPublicPropTypes<typeof tagProps>;
 declare const _default: import("vue").DefineComponent<{
     bordered: {
         type: PropType<boolean | undefined>;

package/es/tag/styles/light.d.ts

@@ -89,7 +89,7 @@ declare const self: (vars: ThemeCommonVars) => {
     closeMargin: string;
     closeMarginRtl: string;
 };
-export declare type TagThemeVars = ReturnType<typeof self>;
+export type TagThemeVars = ReturnType<typeof self>;
 declare const tagLight: Theme<'Tag', TagThemeVars>;
 export default tagLight;
-export declare type TagTheme = typeof tagLight;
+export type TagTheme = typeof tagLight;

package/es/themes/interface.d.ts

@@ -1,2 +1,2 @@
 import { GlobalTheme } from '../config-provider';
-export declare type BuiltInGlobalTheme = Omit<Required<GlobalTheme>, 'InternalSelectMenu' | 'InternalSelection'>;
+export type BuiltInGlobalTheme = Omit<Required<GlobalTheme>, 'InternalSelectMenu' | 'InternalSelection'>;

package/es/themes/utils.d.ts

@@ -1,6 +1,6 @@
 import { GlobalTheme } from '../config-provider';
-declare type ComponentKey = Exclude<keyof GlobalTheme, 'name'>;
-declare type ComponentThemes = Array<Exclude<GlobalTheme[ComponentKey], undefined>>;
+type ComponentKey = Exclude<keyof GlobalTheme, 'name'>;
+type ComponentThemes = Array<Exclude<GlobalTheme[ComponentKey], undefined>>;
 export declare function createTheme(name: string, componentThemes: ComponentThemes): GlobalTheme;
 export declare function createTheme(componentThemes: ComponentThemes): GlobalTheme;
 export {};

package/es/thing/src/Thing.d.ts

@@ -27,7 +27,7 @@ export declare const thingProps: {
         titleFontWeight: string;
     }, any>>>;
 };
-export declare type ThingProps = ExtractPublicPropTypes<typeof thingProps>;
+export type ThingProps = ExtractPublicPropTypes<typeof thingProps>;
 declare const _default: import("vue").DefineComponent<{
     title: StringConstructor;
     titleExtra: StringConstructor;

package/es/thing/styles/light.d.ts

@@ -6,7 +6,7 @@ export declare const self: (vars: ThemeCommonVars) => {
     textColor: string;
     titleFontWeight: string;
 };
-export declare type ThingThemeVars = ReturnType<typeof self>;
+export type ThingThemeVars = ReturnType<typeof self>;
 declare const thingLight: Theme<'Thing', ThingThemeVars>;
 export default thingLight;
-export declare type ThingTheme = typeof thingLight;
+export type ThingTheme = typeof thingLight;

package/es/time/src/Time.d.ts

@@ -18,7 +18,7 @@ export declare const timeProps: {
     readonly text: BooleanConstructor;
     readonly timeZone: StringConstructor;
 };
-export declare type TimeProps = ExtractPublicPropTypes<typeof timeProps>;
+export type TimeProps = ExtractPublicPropTypes<typeof timeProps>;
 declare const _default: import("vue").DefineComponent<{
     readonly time: {
         readonly type: PropType<number | Date>;

package/es/time-picker/src/TimePicker.d.ts

@@ -940,7 +940,7 @@ export declare const timePickerProps: {
         }, any>;
     }>>>;
 };
-export declare type TimePickerProps = ExtractPublicPropTypes<typeof timePickerProps>;
+export type TimePickerProps = ExtractPublicPropTypes<typeof timePickerProps>;
 declare const _default: import("vue").DefineComponent<{
     to: {
         type: PropType<string | boolean | HTMLElement>;

package/es/time-picker/src/interface.d.ts

@@ -2,7 +2,7 @@ import { Ref } from 'vue';
 import { ScrollbarInst } from '../../_internal';
 import type { MergedTheme } from '../../_mixins';
 import type { TimePickerTheme } from '../styles';
-export declare type ItemValue = number | 'am' | 'pm';
+export type ItemValue = number | 'am' | 'pm';
 export interface Item {
     label: string;
     value: ItemValue;
@@ -20,14 +20,14 @@ export interface PanelRef {
     secondScrollRef?: ScrollbarInst;
     amPmScrollRef?: ScrollbarInst;
 }
-export declare type OnUpdateValue = ((value: number, formattedValue: string) => void) & ((value: number | null, formattedValue: string | null) => void);
-export declare type OnUpdateValueImpl = (value: number | null, formattedValue: string | null) => void;
-export declare type OnUpdateFormattedValue = ((value: string, timestampValue: number) => void) & ((value: string | null, timestampValue: number | null) => void);
-export declare type OnUpdateFormattedValueImpl = (value: string | null, timestampValue: number | null) => void;
-export declare type IsHourDisabled = (hour: number) => boolean;
-export declare type IsMinuteDisabled = (minute: number, hour: number | null) => boolean;
-export declare type IsSecondDisabled = (second: number, minute: number | null, hour: number | null) => boolean;
-export declare type Size = 'small' | 'medium' | 'large';
+export type OnUpdateValue = ((value: number, formattedValue: string) => void) & ((value: number | null, formattedValue: string | null) => void);
+export type OnUpdateValueImpl = (value: number | null, formattedValue: string | null) => void;
+export type OnUpdateFormattedValue = ((value: string, timestampValue: number) => void) & ((value: string | null, timestampValue: number | null) => void);
+export type OnUpdateFormattedValueImpl = (value: string | null, timestampValue: number | null) => void;
+export type IsHourDisabled = (hour: number) => boolean;
+export type IsMinuteDisabled = (minute: number, hour: number | null) => boolean;
+export type IsSecondDisabled = (second: number, minute: number | null, hour: number | null) => boolean;
+export type Size = 'small' | 'medium' | 'large';
 export interface TimePickerInst {
     focus: () => void;
     blur: () => void;

package/es/time-picker/styles/light.d.ts

@@ -16,7 +16,7 @@ export declare const self: (vars: ThemeCommonVars) => {
     itemWidth: string;
     panelActionPadding: string;
 };
-export declare type TimePickerThemeVars = ReturnType<typeof self>;
+export type TimePickerThemeVars = ReturnType<typeof self>;
 declare const timePickerLight: import("../../_mixins").Theme<"TimePicker", {
     panelColor: string;
     panelBoxShadow: string;
@@ -305,4 +305,4 @@ declare const timePickerLight: import("../../_mixins").Theme<"TimePicker", {
     }, any>;
 }>;
 export default timePickerLight;
-export declare type TimePickerTheme = typeof timePickerLight;
+export type TimePickerTheme = typeof timePickerLight;

package/es/timeline/src/Timeline.d.ts

@@ -92,7 +92,7 @@ export interface TimelineInjection {
     mergedClsPrefixRef: Ref<string>;
 }
 export declare const timelineInjectionKey: import("vue").InjectionKey<TimelineInjection>;
-export declare type TimelineProps = ExtractPublicPropTypes<typeof timelineProps>;
+export type TimelineProps = ExtractPublicPropTypes<typeof timelineProps>;
 declare const _default: import("vue").DefineComponent<{
     readonly horizontal: BooleanConstructor;
     readonly itemPlacement: {

package/es/timeline/src/TimelineItem.d.ts

@@ -14,7 +14,7 @@ export declare const timelineItemProps: {
         default: string;
     };
 };
-export declare type TimelineItemProps = ExtractPublicPropTypes<typeof timelineItemProps>;
+export type TimelineItemProps = ExtractPublicPropTypes<typeof timelineItemProps>;
 declare const _default: import("vue").DefineComponent<{
     time: PropType<string | number>;
     title: StringConstructor;

package/es/timeline/styles/light.d.ts

@@ -24,7 +24,7 @@ declare const self: (vars: ThemeCommonVars) => {
     iconSizeMedium: string;
     iconSizeLarge: string;
 };
-export declare type TimelineThemeVars = ReturnType<typeof self>;
+export type TimelineThemeVars = ReturnType<typeof self>;
 declare const timelineLight: Theme<'Timeline', TimelineThemeVars>;
 export default timelineLight;
-export declare type TimelineTheme = typeof timelineLight;
+export type TimelineTheme = typeof timelineLight;

package/es/tooltip/src/Tooltip.d.ts

@@ -1,6 +1,6 @@
 import type { PopoverInst } from '../../popover';
 import type { ExtractPublicPropTypes } from '../../_utils';
-export declare type TooltipInst = PopoverInst;
+export type TooltipInst = PopoverInst;
 export declare const tooltipProps: {
     theme: import("vue").PropType<import("../../_mixins").Theme<"Tooltip", {
         borderRadius: string;
@@ -153,7 +153,7 @@ export declare const tooltipProps: {
     minWidth: NumberConstructor;
     maxWidth: NumberConstructor;
 };
-export declare type TooltipProps = ExtractPublicPropTypes<typeof tooltipProps>;
+export type TooltipProps = ExtractPublicPropTypes<typeof tooltipProps>;
 declare const _default: import("vue").DefineComponent<{
     theme: import("vue").PropType<import("../../_mixins").Theme<"Tooltip", {
         borderRadius: string;

package/es/tooltip/styles/light.d.ts

@@ -6,7 +6,7 @@ declare const self: (vars: ThemeCommonVars) => {
     textColor: string;
     padding: string;
 };
-export declare type TooltipThemeVars = ReturnType<typeof self>;
+export type TooltipThemeVars = ReturnType<typeof self>;
 declare const tooltipLight: import("../../_mixins/use-theme").Theme<"Tooltip", {
     borderRadius: string;
     boxShadow: string;
@@ -30,4 +30,4 @@ declare const tooltipLight: import("../../_mixins/use-theme").Theme<"Tooltip", {
     }, any>;
 }>;
 export default tooltipLight;
-export declare type TooltipTheme = typeof tooltipLight;
+export type TooltipTheme = typeof tooltipLight;