naive-ui 2.24.6 → 2.25.2

package/lib/tag/src/styles/index.cssr.js

@@ -49,7 +49,7 @@ exports.default = (0, cssr_1.cB)('tag', `
  color .3s var(--n-bezier),
  box-shadow .3s var(--n-bezier),
  opacity .3s var(--n-bezier);
- line-height: 1.2;
+ line-height: 1;
  height: var(--n-height);
  font-size: var(--n-font-size);
 `, [(0, cssr_1.cE)('border', `
@@ -83,19 +83,7 @@ exports.default = (0, cssr_1.cB)('tag', `
  box-shadow: none;
  color: var(--n-text-color-checkable);
  background-color: var(--n-color-checkable);
- `, [(0, cssr_1.cNotM)('disabled', [(0, cssr_1.c)('&:hover', {
-  backgroundColor: 'var(--n-color-hover-checkable)'
-}, [(0, cssr_1.cNotM)('checked', {
-  color: 'var(--n-text-color-hover-checkable)'
-})]), (0, cssr_1.c)('&:active', {
-  backgroundColor: 'var(--n-color-pressed-checkable)'
-}, [(0, cssr_1.cNotM)('checked', {
-  color: 'var(--n-text-color-pressed-checkable)'
-})])]), (0, cssr_1.cM)('checked', {
-  color: 'var(--n-text-color-checked)',
-  backgroundColor: 'var(--n-color-checked)'
-}, [(0, cssr_1.cNotM)('disabled', [(0, cssr_1.c)('&:hover', {
-  backgroundColor: 'var(--n-color-checked-hover)'
-}), (0, cssr_1.c)('&:active', {
-  backgroundColor: 'var(--n-color-checked-pressed)'
-})])])])]);
+ `, [(0, cssr_1.cNotM)('disabled', [(0, cssr_1.c)('&:hover', 'background-color: var(--n-color-hover-checkable);', [(0, cssr_1.cNotM)('checked', 'color: var(--n-text-color-hover-checkable);')]), (0, cssr_1.c)('&:active', 'background-color: var(--n-color-pressed-checkable);', [(0, cssr_1.cNotM)('checked', 'color: var(--n-text-color-pressed-checkable);')])]), (0, cssr_1.cM)('checked', `
+ color: var(--n-text-color-checked);
+ background-color: var(--n-color-checked);
+ `, [(0, cssr_1.cNotM)('disabled', [(0, cssr_1.c)('&:hover', 'background-color: var(--n-color-checked-hover);'), (0, cssr_1.c)('&:active', 'background-color: var(--n-color-checked-pressed);')])])])]);

package/lib/tag/styles/index.d.ts

@@ -1,4 +1,4 @@
 export { default as tagDark } from './dark';
 export { default as tagLight } from './light';
-export { default as tagRtl } from './rtl';
+export { tagRtl } from './rtl';
 export type { TagThemeVars, TagTheme } from './light';

package/lib/tag/styles/index.js

@@ -9,4 +9,4 @@ Object.defineProperty(exports, "tagDark", { enumerable: true, get: function () {
 var light_1 = require("./light");
 Object.defineProperty(exports, "tagLight", { enumerable: true, get: function () { return __importDefault(light_1).default; } });
 var rtl_1 = require("./rtl");
-Object.defineProperty(exports, "tagRtl", { enumerable: true, get: function () { return __importDefault(rtl_1).default; } });
+Object.defineProperty(exports, "tagRtl", { enumerable: true, get: function () { return rtl_1.tagRtl; } });

package/lib/tag/styles/rtl.d.ts

@@ -1,5 +1,2 @@
-declare const _default: {
-    name: string;
-    style: import("css-render").CNode;
-};
-export default _default;
+import type { RtlItem } from '../../config-provider/src/internal-interface';
+export declare const tagRtl: RtlItem;

package/lib/tag/styles/rtl.js

@@ -3,8 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.tagRtl = void 0;
 const rtl_cssr_1 = __importDefault(require("../src/styles/rtl.cssr"));
-exports.default = {
+exports.tagRtl = {
     name: 'Tag',
     style: rtl_cssr_1.default
 };

package/lib/themes/dark.js

@@ -34,49 +34,51 @@ const styles_29 = require("../empty/styles");
 const styles_30 = require("../form/styles");
 const styles_31 = require("../gradient-text/styles");
 const styles_32 = require("../icon/styles");
-const styles_33 = require("../image/styles");
-const styles_34 = require("../input/styles");
-const styles_35 = require("../input-number/styles");
-const styles_36 = require("../layout/styles");
-const styles_37 = require("../list/styles");
-const styles_38 = require("../loading-bar/styles");
-const styles_39 = require("../log/styles");
-const styles_40 = require("../menu/styles");
-const styles_41 = require("../mention/styles");
-const styles_42 = require("../message/styles");
-const styles_43 = require("../modal/styles");
-const styles_44 = require("../notification/styles");
-const styles_45 = require("../page-header/styles");
-const styles_46 = require("../pagination/styles");
-const styles_47 = require("../popconfirm/styles");
-const styles_48 = require("../popover/styles");
-const styles_49 = require("../popselect/styles");
-const styles_50 = require("../progress/styles");
-const styles_51 = require("../radio/styles");
-const styles_52 = require("../rate/styles");
-const styles_53 = require("../result/styles");
-const styles_54 = require("../_internal/scrollbar/styles");
-const styles_55 = require("../select/styles");
-const styles_56 = require("../skeleton/styles");
-const styles_57 = require("../slider/styles");
-const styles_58 = require("../space/styles");
-const styles_59 = require("../spin/styles");
-const styles_60 = require("../statistic/styles");
-const styles_61 = require("../steps/styles");
-const styles_62 = require("../switch/styles");
-const styles_63 = require("../table/styles");
-const styles_64 = require("../tabs/styles");
-const styles_65 = require("../tag/styles");
-const styles_66 = require("../thing/styles");
-const styles_67 = require("../time-picker/styles");
-const styles_68 = require("../timeline/styles");
-const styles_69 = require("../tooltip/styles");
-const styles_70 = require("../transfer/styles");
-const styles_71 = require("../tree-select/styles");
-const styles_72 = require("../typography/styles");
-const styles_73 = require("../tree/styles");
-const styles_74 = require("../upload/styles");
+const styles_33 = require("../icon-wrapper/styles");
+const styles_34 = require("../image/styles");
+const styles_35 = require("../input/styles");
+const styles_36 = require("../input-number/styles");
+const styles_37 = require("../layout/styles");
+const styles_38 = require("../list/styles");
+const styles_39 = require("../loading-bar/styles");
+const styles_40 = require("../log/styles");
+const styles_41 = require("../menu/styles");
+const styles_42 = require("../mention/styles");
+const styles_43 = require("../message/styles");
+const styles_44 = require("../modal/styles");
+const styles_45 = require("../notification/styles");
+const styles_46 = require("../page-header/styles");
+const styles_47 = require("../pagination/styles");
+const styles_48 = require("../popconfirm/styles");
+const styles_49 = require("../popover/styles");
+const styles_50 = require("../popselect/styles");
+const styles_51 = require("../progress/styles");
+const styles_52 = require("../radio/styles");
+const styles_53 = require("../rate/styles");
+const styles_54 = require("../result/styles");
+const styles_55 = require("../_internal/scrollbar/styles");
+const styles_56 = require("../select/styles");
+const styles_57 = require("../skeleton/styles");
+const styles_58 = require("../slider/styles");
+const styles_59 = require("../space/styles");
+const styles_60 = require("../spin/styles");
+const styles_61 = require("../statistic/styles");
+const styles_62 = require("../steps/styles");
+const styles_63 = require("../switch/styles");
+const styles_64 = require("../table/styles");
+const styles_65 = require("../tabs/styles");
+const styles_66 = require("../tag/styles");
+const styles_67 = require("../thing/styles");
+const styles_68 = require("../time-picker/styles");
+const styles_69 = require("../timeline/styles");
+const styles_70 = require("../tooltip/styles");
+const styles_71 = require("../transfer/styles");
+const styles_72 = require("../tree-select/styles");
+const styles_73 = require("../typography/styles");
+const styles_74 = require("../tree/styles");
+const styles_75 = require("../upload/styles");
 exports.darkTheme = {
+    name: 'dark',
     common: common_1.commonDark,
     Alert: styles_1.alertDark,
     Anchor: styles_2.anchorDark,
@@ -110,46 +112,47 @@ exports.darkTheme = {
     Form: styles_30.formDark,
     GradientText: styles_31.gradientTextDark,
     Icon: styles_32.iconDark,
-    Image: styles_33.imageDark,
-    Input: styles_34.inputDark,
-    InputNumber: styles_35.inputNumberDark,
-    Layout: styles_36.layoutDark,
-    List: styles_37.listDark,
-    LoadingBar: styles_38.loadingBarDark,
-    Log: styles_39.logDark,
-    Menu: styles_40.menuDark,
-    Mention: styles_41.mentionDark,
-    Message: styles_42.messageDark,
-    Modal: styles_43.modalDark,
-    Notification: styles_44.notificationDark,
-    PageHeader: styles_45.pageHeaderDark,
-    Pagination: styles_46.paginationDark,
-    Popconfirm: styles_47.popconfirmDark,
-    Popover: styles_48.popoverDark,
-    Popselect: styles_49.popselectDark,
-    Progress: styles_50.progressDark,
-    Radio: styles_51.radioDark,
-    Rate: styles_52.rateDark,
-    Result: styles_53.resultDark,
-    Scrollbar: styles_54.scrollbarDark,
-    Select: styles_55.selectDark,
-    Skeleton: styles_56.skeletonDark,
-    Slider: styles_57.sliderDark,
-    Space: styles_58.spaceDark,
-    Spin: styles_59.spinDark,
-    Statistic: styles_60.statisticDark,
-    Steps: styles_61.stepsDark,
-    Switch: styles_62.switchDark,
-    Table: styles_63.tableDark,
-    Tabs: styles_64.tabsDark,
-    Tag: styles_65.tagDark,
-    Thing: styles_66.thingDark,
-    TimePicker: styles_67.timePickerDark,
-    Timeline: styles_68.timelineDark,
-    Tooltip: styles_69.tooltipDark,
-    Transfer: styles_70.transferDark,
-    Tree: styles_73.treeDark,
-    TreeSelect: styles_71.treeSelectDark,
-    Typography: styles_72.typographyDark,
-    Upload: styles_74.uploadDark
+    IconWrapper: styles_33.iconWrapperDark,
+    Image: styles_34.imageDark,
+    Input: styles_35.inputDark,
+    InputNumber: styles_36.inputNumberDark,
+    Layout: styles_37.layoutDark,
+    List: styles_38.listDark,
+    LoadingBar: styles_39.loadingBarDark,
+    Log: styles_40.logDark,
+    Menu: styles_41.menuDark,
+    Mention: styles_42.mentionDark,
+    Message: styles_43.messageDark,
+    Modal: styles_44.modalDark,
+    Notification: styles_45.notificationDark,
+    PageHeader: styles_46.pageHeaderDark,
+    Pagination: styles_47.paginationDark,
+    Popconfirm: styles_48.popconfirmDark,
+    Popover: styles_49.popoverDark,
+    Popselect: styles_50.popselectDark,
+    Progress: styles_51.progressDark,
+    Radio: styles_52.radioDark,
+    Rate: styles_53.rateDark,
+    Result: styles_54.resultDark,
+    Scrollbar: styles_55.scrollbarDark,
+    Select: styles_56.selectDark,
+    Skeleton: styles_57.skeletonDark,
+    Slider: styles_58.sliderDark,
+    Space: styles_59.spaceDark,
+    Spin: styles_60.spinDark,
+    Statistic: styles_61.statisticDark,
+    Steps: styles_62.stepsDark,
+    Switch: styles_63.switchDark,
+    Table: styles_64.tableDark,
+    Tabs: styles_65.tabsDark,
+    Tag: styles_66.tagDark,
+    Thing: styles_67.thingDark,
+    TimePicker: styles_68.timePickerDark,
+    Timeline: styles_69.timelineDark,
+    Tooltip: styles_70.tooltipDark,
+    Transfer: styles_71.transferDark,
+    Tree: styles_74.treeDark,
+    TreeSelect: styles_72.treeSelectDark,
+    Typography: styles_73.typographyDark,
+    Upload: styles_75.uploadDark
 };

package/lib/themes/light.js

@@ -36,49 +36,51 @@ const styles_29 = require("../empty/styles");
 const styles_30 = require("../form/styles");
 const styles_31 = require("../gradient-text/styles");
 const styles_32 = require("../icon/styles");
-const styles_33 = require("../image/styles");
-const styles_34 = require("../input/styles");
-const styles_35 = require("../input-number/styles");
-const styles_36 = require("../layout/styles");
-const styles_37 = require("../list/styles");
-const styles_38 = require("../loading-bar/styles");
-const styles_39 = require("../log/styles");
-const styles_40 = require("../menu/styles");
-const styles_41 = require("../mention/styles");
-const styles_42 = require("../message/styles");
-const styles_43 = require("../modal/styles");
-const styles_44 = require("../notification/styles");
-const styles_45 = require("../page-header/styles");
-const styles_46 = require("../pagination/styles");
-const styles_47 = require("../popconfirm/styles");
-const styles_48 = require("../popover/styles");
-const styles_49 = require("../popselect/styles");
-const styles_50 = require("../progress/styles");
-const styles_51 = require("../radio/styles");
-const styles_52 = require("../rate/styles");
-const styles_53 = require("../result/styles");
-const styles_54 = require("../_internal/scrollbar/styles");
-const styles_55 = require("../select/styles");
-const styles_56 = require("../skeleton/styles");
-const styles_57 = require("../slider/styles");
-const styles_58 = require("../space/styles");
-const styles_59 = require("../spin/styles");
-const styles_60 = require("../statistic/styles");
-const styles_61 = require("../steps/styles");
-const styles_62 = require("../switch/styles");
-const styles_63 = require("../table/styles");
-const styles_64 = require("../tabs/styles");
-const styles_65 = require("../tag/styles");
-const styles_66 = require("../thing/styles");
-const styles_67 = require("../time-picker/styles");
-const styles_68 = require("../timeline/styles");
-const styles_69 = require("../tooltip/styles");
-const styles_70 = require("../transfer/styles");
-const styles_71 = require("../typography/styles");
-const styles_72 = require("../tree/styles");
-const styles_73 = require("../tree-select/styles");
-const styles_74 = require("../upload/styles");
+const styles_33 = require("../icon-wrapper/styles");
+const styles_34 = require("../image/styles");
+const styles_35 = require("../input/styles");
+const styles_36 = require("../input-number/styles");
+const styles_37 = require("../layout/styles");
+const styles_38 = require("../list/styles");
+const styles_39 = require("../loading-bar/styles");
+const styles_40 = require("../log/styles");
+const styles_41 = require("../menu/styles");
+const styles_42 = require("../mention/styles");
+const styles_43 = require("../message/styles");
+const styles_44 = require("../modal/styles");
+const styles_45 = require("../notification/styles");
+const styles_46 = require("../page-header/styles");
+const styles_47 = require("../pagination/styles");
+const styles_48 = require("../popconfirm/styles");
+const styles_49 = require("../popover/styles");
+const styles_50 = require("../popselect/styles");
+const styles_51 = require("../progress/styles");
+const styles_52 = require("../radio/styles");
+const styles_53 = require("../rate/styles");
+const styles_54 = require("../result/styles");
+const styles_55 = require("../_internal/scrollbar/styles");
+const styles_56 = require("../select/styles");
+const styles_57 = require("../skeleton/styles");
+const styles_58 = require("../slider/styles");
+const styles_59 = require("../space/styles");
+const styles_60 = require("../spin/styles");
+const styles_61 = require("../statistic/styles");
+const styles_62 = require("../steps/styles");
+const styles_63 = require("../switch/styles");
+const styles_64 = require("../table/styles");
+const styles_65 = require("../tabs/styles");
+const styles_66 = require("../tag/styles");
+const styles_67 = require("../thing/styles");
+const styles_68 = require("../time-picker/styles");
+const styles_69 = require("../timeline/styles");
+const styles_70 = require("../tooltip/styles");
+const styles_71 = require("../transfer/styles");
+const styles_72 = require("../typography/styles");
+const styles_73 = require("../tree/styles");
+const styles_74 = require("../tree-select/styles");
+const styles_75 = require("../upload/styles");
 exports.lightTheme = {
+    name: 'light',
     common: common_1.commonLight,
     Alert: styles_1.alertLight,
     Anchor: styles_2.anchorLight,
@@ -112,46 +114,47 @@ exports.lightTheme = {
     Form: styles_30.formLight,
     GradientText: styles_31.gradientTextLight,
     Icon: styles_32.iconLight,
-    Image: styles_33.imageLight,
-    Input: styles_34.inputLight,
-    InputNumber: styles_35.inputNumberLight,
-    Layout: styles_36.layoutLight,
-    List: styles_37.listLight,
-    LoadingBar: styles_38.loadingBarLight,
-    Log: styles_39.logLight,
-    Menu: styles_40.menuLight,
-    Mention: styles_41.mentionLight,
-    Message: styles_42.messageLight,
-    Modal: styles_43.modalLight,
-    Notification: styles_44.notificationLight,
-    PageHeader: styles_45.pageHeaderLight,
-    Pagination: styles_46.paginationLight,
-    Popconfirm: styles_47.popconfirmLight,
-    Popover: styles_48.popoverLight,
-    Popselect: styles_49.popselectLight,
-    Progress: styles_50.progressLight,
-    Radio: styles_51.radioLight,
-    Rate: styles_52.rateLight,
-    Result: styles_53.resultLight,
-    Scrollbar: styles_54.scrollbarLight,
-    Skeleton: styles_56.skeletonLight,
-    Select: styles_55.selectLight,
-    Slider: styles_57.sliderLight,
-    Space: styles_58.spaceLight,
-    Spin: styles_59.spinLight,
-    Statistic: styles_60.statisticLight,
-    Steps: styles_61.stepsLight,
-    Switch: styles_62.switchLight,
-    Table: styles_63.tableLight,
-    Tabs: styles_64.tabsLight,
-    Tag: styles_65.tagLight,
-    Thing: styles_66.thingLight,
-    TimePicker: styles_67.timePickerLight,
-    Timeline: styles_68.timelineLight,
-    Tooltip: styles_69.tooltipLight,
-    Transfer: styles_70.transferLight,
-    Tree: styles_72.treeLight,
-    TreeSelect: styles_73.treeSelectLight,
-    Typography: styles_71.typographyLight,
-    Upload: styles_74.uploadLight
+    IconWrapper: styles_33.iconWrapperLight,
+    Image: styles_34.imageLight,
+    Input: styles_35.inputLight,
+    InputNumber: styles_36.inputNumberLight,
+    Layout: styles_37.layoutLight,
+    List: styles_38.listLight,
+    LoadingBar: styles_39.loadingBarLight,
+    Log: styles_40.logLight,
+    Menu: styles_41.menuLight,
+    Mention: styles_42.mentionLight,
+    Message: styles_43.messageLight,
+    Modal: styles_44.modalLight,
+    Notification: styles_45.notificationLight,
+    PageHeader: styles_46.pageHeaderLight,
+    Pagination: styles_47.paginationLight,
+    Popconfirm: styles_48.popconfirmLight,
+    Popover: styles_49.popoverLight,
+    Popselect: styles_50.popselectLight,
+    Progress: styles_51.progressLight,
+    Radio: styles_52.radioLight,
+    Rate: styles_53.rateLight,
+    Result: styles_54.resultLight,
+    Scrollbar: styles_55.scrollbarLight,
+    Skeleton: styles_57.skeletonLight,
+    Select: styles_56.selectLight,
+    Slider: styles_58.sliderLight,
+    Space: styles_59.spaceLight,
+    Spin: styles_60.spinLight,
+    Statistic: styles_61.statisticLight,
+    Steps: styles_62.stepsLight,
+    Switch: styles_63.switchLight,
+    Table: styles_64.tableLight,
+    Tabs: styles_65.tabsLight,
+    Tag: styles_66.tagLight,
+    Thing: styles_67.thingLight,
+    TimePicker: styles_68.timePickerLight,
+    Timeline: styles_69.timelineLight,
+    Tooltip: styles_70.tooltipLight,
+    Transfer: styles_71.transferLight,
+    Tree: styles_73.treeLight,
+    TreeSelect: styles_74.treeSelectLight,
+    Typography: styles_72.typographyLight,
+    Upload: styles_75.uploadLight
 };

package/lib/themes/utils.d.ts

@@ -1,5 +1,6 @@
 import { GlobalTheme } from '../config-provider';
-declare type ComponentKey = keyof GlobalTheme;
+declare type ComponentKey = Exclude<keyof GlobalTheme, 'name'>;
 declare 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/lib/themes/utils.js

@@ -1,10 +1,22 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createTheme = void 0;
-function createTheme(componentThemes) {
-    const theme = {};
-    for (const cTheme of componentThemes) {
-        theme[cTheme.name] = cTheme;
+function createTheme(name, componentThemes) {
+    const nameIsString = typeof name === 'string';
+    const theme = {
+        name: nameIsString ? name : 'customized-theme'
+    };
+    if (nameIsString) {
+        if (componentThemes) {
+            for (const cTheme of componentThemes) {
+                theme[cTheme.name] = cTheme;
+            }
+        }
+    }
+    else {
+        for (const cTheme of name) {
+            theme[cTheme.name] = cTheme;
+        }
     }
     return theme;
 }

package/lib/thing/src/Thing.js

@@ -16,7 +16,7 @@ exports.default = (0, vue_1.defineComponent)({
     props: thingProps,
     setup(props, { slots }) {
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
-        const themeRef = (0, _mixins_1.useTheme)('Thing', 'Thing', index_cssr_1.default, styles_1.thingLight, props, mergedClsPrefixRef);
+        const themeRef = (0, _mixins_1.useTheme)('Thing', '-thing', index_cssr_1.default, styles_1.thingLight, props, mergedClsPrefixRef);
         const cssVarsRef = (0, vue_1.computed)(() => {
             const { self: { titleTextColor, textColor, titleFontWeight, fontSize }, common: { cubicBezierEaseInOut } } = themeRef.value;
             return {

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

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import { FollowerPlacement } from 'vueuc';
 import type { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
 import type { IsHourDisabled, IsMinuteDisabled, IsSecondDisabled, ItemValue, OnUpdateFormattedValue, OnUpdateValue, Size } from './interface';
 declare const timePickerProps: {
@@ -18,7 +19,7 @@ declare const timePickerProps: {
     defaultFormattedValue: StringConstructor;
     placeholder: StringConstructor;
     placement: {
-        type: StringConstructor;
+        type: PropType<FollowerPlacement>;
         default: string;
     };
     value: PropType<number | null>;
@@ -947,7 +948,7 @@ declare const _default: import("vue").DefineComponent<{
     defaultFormattedValue: StringConstructor;
     placeholder: StringConstructor;
     placement: {
-        type: StringConstructor;
+        type: PropType<FollowerPlacement>;
         default: string;
     };
     value: PropType<number | null>;
@@ -1858,6 +1859,7 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>>;
 }, {
+    mergedStatus: import("vue").ComputedRef<import("../../form/src/interface").FormValidationStatus | undefined>;
     mergedBordered: import("vue").ComputedRef<boolean>;
     mergedClsPrefix: import("vue").ComputedRef<string>;
     namespace: import("vue").ComputedRef<string | undefined>;
@@ -2407,7 +2409,7 @@ declare const _default: import("vue").DefineComponent<{
     defaultFormattedValue: StringConstructor;
     placeholder: StringConstructor;
     placement: {
-        type: StringConstructor;
+        type: PropType<FollowerPlacement>;
         default: string;
     };
     value: PropType<number | null>;
@@ -3322,9 +3324,9 @@ declare const _default: import("vue").DefineComponent<{
     disabled: boolean | undefined;
     format: string;
     to: string | boolean | HTMLElement;
-    placement: string;
-    showIcon: boolean;
     bordered: boolean | undefined;
+    showIcon: boolean;
+    placement: FollowerPlacement;
     clearable: boolean;
     defaultValue: number | null;
     stateful: boolean;

package/lib/time-picker/src/TimePicker.js

@@ -84,8 +84,8 @@ exports.default = (0, vue_1.defineComponent)({
         const { mergedBorderedRef, mergedClsPrefixRef, namespaceRef } = (0, _mixins_1.useConfig)(props);
         const { localeRef, dateLocaleRef } = (0, _mixins_1.useLocale)('TimePicker');
         const formItem = (0, _mixins_1.useFormItem)(props);
-        const { mergedSizeRef, mergedDisabledRef } = formItem;
-        const themeRef = (0, _mixins_1.useTheme)('TimePicker', 'TimePicker', index_cssr_1.default, styles_1.timePickerLight, props, mergedClsPrefixRef);
+        const { mergedSizeRef, mergedDisabledRef, mergedStatusRef } = formItem;
+        const themeRef = (0, _mixins_1.useTheme)('TimePicker', '-time-picker', index_cssr_1.default, styles_1.timePickerLight, props, mergedClsPrefixRef);
         const keyboardState = (0, vooks_1.useKeyboard)();
         const inputInstRef = (0, vue_1.ref)(null);
         const panelInstRef = (0, vue_1.ref)(null);
@@ -518,7 +518,7 @@ exports.default = (0, vue_1.defineComponent)({
                 (_a = inputInstRef.value) === null || _a === void 0 ? void 0 : _a.blur();
             }
         };
-        return Object.assign(Object.assign({}, exposedMethods), { mergedBordered: mergedBorderedRef, mergedClsPrefix: mergedClsPrefixRef, namespace: namespaceRef, uncontrolledValue: uncontrolledValueRef, mergedValue: mergedValueRef, isMounted: (0, vooks_1.useIsMounted)(), inputInstRef,
+        return Object.assign(Object.assign({}, exposedMethods), { mergedStatus: mergedStatusRef, mergedBordered: mergedBorderedRef, mergedClsPrefix: mergedClsPrefixRef, namespace: namespaceRef, uncontrolledValue: uncontrolledValueRef, mergedValue: mergedValueRef, isMounted: (0, vooks_1.useIsMounted)(), inputInstRef,
             panelInstRef, adjustedTo: (0, _utils_1.useAdjustedTo)(props), mergedShow: mergedShowRef, localizedNow: localizedNowRef, localizedPlaceholder: localizedPlaceholderRef, localizedNegativeText: localizedNegativeTextRef, localizedPositiveText: localizedPositiveTextRef, hourInFormat: hourInFormatRef, minuteInFormat: minuteInFormatRef, secondInFormat: secondInFormatRef, mergedAttrSize: mergedAttrSizeRef, displayTimeString: displayTimeStringRef, mergedSize: mergedSizeRef, mergedDisabled: mergedDisabledRef, isValueInvalid: isValueInvalidRef, isHourInvalid: isHourInvalidRef, isMinuteInvalid: isMinuteInvalidRef, isSecondInvalid: isSecondInvalidRef, transitionDisabled: transitionDisabledRef, hourValue: hourValueRef, minuteValue: minuteValueRef, secondValue: secondValueRef, amPmValue: amPmValueRef, handleTimeInputFocus,
             handleTimeInputBlur,
             handleNowClick,
@@ -569,7 +569,7 @@ exports.default = (0, vue_1.defineComponent)({
             (0, vue_1.h)(vueuc_1.VBinder, null, {
                 default: () => [
                     (0, vue_1.h)(vueuc_1.VTarget, null, {
-                        default: () => ((0, vue_1.h)(input_1.NInput, { ref: "inputInstRef", value: this.displayTimeString, bordered: this.mergedBordered, passivelyActivated: true, attrSize: this.mergedAttrSize, theme: this.mergedTheme.peers.Input, themeOverrides: this.mergedTheme.peerOverrides.Input, stateful: this.stateful, size: this.mergedSize, placeholder: this.localizedPlaceholder, clearable: this.clearable, disabled: this.mergedDisabled, textDecoration: this.isValueInvalid ? 'line-through' : undefined, onFocus: this.handleTimeInputFocus, onBlur: this.handleTimeInputBlur, onActivate: this.handleTimeInputActivate, onDeactivate: this.handleTimeInputDeactivate, onUpdateValue: this.handleTimeInputUpdateValue, onClear: this.handleTimeInputClear, internalDeactivateOnEnter: true, internalForceFocus: this.mergedShow, readonly: this.inputReadonly || this.mergedDisabled, onClick: this.handleTriggerClick }, this.showIcon
+                        default: () => ((0, vue_1.h)(input_1.NInput, { ref: "inputInstRef", status: this.mergedStatus, value: this.displayTimeString, bordered: this.mergedBordered, passivelyActivated: true, attrSize: this.mergedAttrSize, theme: this.mergedTheme.peers.Input, themeOverrides: this.mergedTheme.peerOverrides.Input, stateful: this.stateful, size: this.mergedSize, placeholder: this.localizedPlaceholder, clearable: this.clearable, disabled: this.mergedDisabled, textDecoration: this.isValueInvalid ? 'line-through' : undefined, onFocus: this.handleTimeInputFocus, onBlur: this.handleTimeInputBlur, onActivate: this.handleTimeInputActivate, onDeactivate: this.handleTimeInputDeactivate, onUpdateValue: this.handleTimeInputUpdateValue, onClear: this.handleTimeInputClear, internalDeactivateOnEnter: true, internalForceFocus: this.mergedShow, readonly: this.inputReadonly || this.mergedDisabled, onClick: this.handleTriggerClick }, this.showIcon
                             ? {
                                 [this.clearable ? 'clear' : 'suffix']: () => ((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: mergedClsPrefix, class: `${mergedClsPrefix}-time-picker-icon` }, {
                                     default: () => $slots.icon ? $slots.icon() : (0, vue_1.h)(icons_1.TimeIcon, null)
@@ -577,7 +577,7 @@ exports.default = (0, vue_1.defineComponent)({
                             }
                             : null))
                     }),
-                    (0, vue_1.h)(vueuc_1.VFollower, { teleportDisabled: this.adjustedTo === _utils_1.useAdjustedTo.tdkey, show: this.mergedShow, to: this.adjustedTo, containerClass: this.namespace, placement: "bottom-start" }, {
+                    (0, vue_1.h)(vueuc_1.VFollower, { teleportDisabled: this.adjustedTo === _utils_1.useAdjustedTo.tdkey, show: this.mergedShow, to: this.adjustedTo, containerClass: this.namespace, placement: this.placement }, {
                         default: () => ((0, vue_1.h)(vue_1.Transition, { name: "fade-in-scale-up-transition", appear: this.isMounted }, {
                             default: () => this.mergedShow
                                 ? (0, vue_1.withDirectives)((0, vue_1.h)(Panel_1.default, { ref: "panelInstRef", actions: this.actions, style: this.cssVars, seconds: this.seconds, minutes: this.minutes, hours: this.hours, transitionDisabled: this.transitionDisabled, hourValue: this.hourValue, showHour: this.hourInFormat, isHourInvalid: this.isHourInvalid, isHourDisabled: this.isHourDisabled, minuteValue: this.minuteValue, showMinute: this.minuteInFormat, isMinuteInvalid: this.isMinuteInvalid, isMinuteDisabled: this.isMinuteDisabled, secondValue: this.secondValue, amPmValue: this.amPmValue, showSecond: this.secondInFormat, isSecondInvalid: this.isSecondInvalid, isSecondDisabled: this.isSecondDisabled, isValueInvalid: this.isValueInvalid, nowText: this.localizedNow, confirmText: this.localizedPositiveText, use12Hours: this.use12Hours, onFocusout: this.handleMenuFocusOut, onKeydown: this.handleMenuKeyDown, onHourClick: this.handleHourClick, onMinuteClick: this.handleMinuteClick, onSecondClick: this.handleSecondClick, onAmPmClick: this.handleAmPmClick, onNowClick: this.handleNowClick, onConfirmClick: this.handleConfirmClick, onFocusDetectorFocus: this.handleFocusDetectorFocus }), [[vdirs_1.clickoutside, this.handleClickOutside]])

package/lib/timeline/src/Timeline.js

@@ -22,7 +22,7 @@ exports.default = (0, vue_1.defineComponent)({
     props: timelineProps,
     setup(props, { slots }) {
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
-        const themeRef = (0, _mixins_1.useTheme)('Timeline', 'Timeline', index_cssr_1.default, styles_1.timelineLight, props, mergedClsPrefixRef);
+        const themeRef = (0, _mixins_1.useTheme)('Timeline', '-timeline', index_cssr_1.default, styles_1.timelineLight, props, mergedClsPrefixRef);
         (0, vue_1.provide)(exports.timelineInjectionKey, {
             props,
             mergedThemeRef: themeRef,