naive-ui 2.38.2 → 2.40.0

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

@@ -1,6 +1,6 @@
 import type { ThemeCommonVars } from '../../_styles/common';
-import { type Theme } from '../../_mixins';
-export declare const self: (vars: ThemeCommonVars) => {
+import type { Theme } from '../../_mixins';
+export declare function self(vars: ThemeCommonVars): {
     colorSegment: string;
     tabFontSizeCard: string;
     tabTextColorLine: string;

package/lib/tabs/styles/light.js

@@ -3,21 +3,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.self = void 0;
-const _common_1 = __importDefault(require("./_common"));
+exports.self = self;
 const common_1 = require("../../_styles/common");
-const self = (vars) => {
+const _common_1 = __importDefault(require("./_common"));
+function self(vars) {
     const { textColor2, primaryColor, textColorDisabled, closeIconColor, closeIconColorHover, closeIconColorPressed, closeColorHover, closeColorPressed, tabColor, baseColor, dividerColor, fontWeight, textColor1, borderRadius, fontSize, fontWeightStrong } = vars;
     return Object.assign(Object.assign({}, _common_1.default), { colorSegment: tabColor, tabFontSizeCard: fontSize, tabTextColorLine: textColor1, tabTextColorActiveLine: primaryColor, tabTextColorHoverLine: primaryColor, tabTextColorDisabledLine: textColorDisabled, tabTextColorSegment: textColor1, tabTextColorActiveSegment: textColor2, tabTextColorHoverSegment: textColor2, tabTextColorDisabledSegment: textColorDisabled, tabTextColorBar: textColor1, tabTextColorActiveBar: primaryColor, tabTextColorHoverBar: primaryColor, tabTextColorDisabledBar: textColorDisabled, tabTextColorCard: textColor1, tabTextColorHoverCard: textColor1, tabTextColorActiveCard: primaryColor, tabTextColorDisabledCard: textColorDisabled, barColor: primaryColor, closeIconColor,
         closeIconColorHover,
         closeIconColorPressed,
         closeColorHover,
         closeColorPressed, closeBorderRadius: borderRadius, tabColor, tabColorSegment: baseColor, tabBorderColor: dividerColor, tabFontWeightActive: fontWeight, tabFontWeight: fontWeight, tabBorderRadius: borderRadius, paneTextColor: textColor2, fontWeightStrong });
-};
-exports.self = self;
+}
 const tabsLight = {
     name: 'Tabs',
     common: common_1.commonLight,
-    self: exports.self
+    self
 };
 exports.default = tabsLight;

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

@@ -1,5 +1,5 @@
 import { type PropType, type Ref } from 'vue';
-import type { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
+import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 export interface TagPublicMethods {
     setTextContent: (textContent: string) => void;
 }
@@ -31,12 +31,12 @@ export declare const tagProps: {
     onCheckedChange: PropType<(checked: boolean) => void>;
     color: PropType<import("./common-props").TagColor>;
     type: {
-        readonly type: PropType<"default" | "error" | "primary" | "info" | "success" | "warning">;
+        readonly type: PropType<"default" | "primary" | "success" | "info" | "warning" | "error">;
         readonly default: "default";
     };
     round: BooleanConstructor;
     size: {
-        readonly type: PropType<"small" | "medium" | "large" | "tiny">;
+        readonly type: PropType<"tiny" | "small" | "medium" | "large">;
         readonly default: "medium";
     };
     closable: BooleanConstructor;
@@ -339,12 +339,12 @@ declare const _default: import("vue").DefineComponent<{
     onCheckedChange: PropType<(checked: boolean) => void>;
     color: PropType<import("./common-props").TagColor>;
     type: {
-        readonly type: PropType<"default" | "error" | "primary" | "info" | "success" | "warning">;
+        readonly type: PropType<"default" | "primary" | "success" | "info" | "warning" | "error">;
         readonly default: "default";
     };
     round: BooleanConstructor;
     size: {
-        readonly type: PropType<"small" | "medium" | "large" | "tiny">;
+        readonly type: PropType<"tiny" | "small" | "medium" | "large">;
         readonly default: "medium";
     };
     closable: BooleanConstructor;
@@ -621,7 +621,7 @@ declare const _default: import("vue").DefineComponent<{
     mergedClsPrefix: Ref<string>;
     contentRef: Ref<HTMLElement | null>;
     mergedBordered: import("vue").ComputedRef<boolean>;
-    handleClick: (e: MouseEvent) => void;
+    handleClick: () => void;
     handleCloseClick: (e: MouseEvent) => void;
     cssVars: import("vue").ComputedRef<{
         '--n-font-weight-strong': string;
@@ -687,12 +687,12 @@ declare const _default: import("vue").DefineComponent<{
     onCheckedChange: PropType<(checked: boolean) => void>;
     color: PropType<import("./common-props").TagColor>;
     type: {
-        readonly type: PropType<"default" | "error" | "primary" | "info" | "success" | "warning">;
+        readonly type: PropType<"default" | "primary" | "success" | "info" | "warning" | "error">;
         readonly default: "default";
     };
     round: BooleanConstructor;
     size: {
-        readonly type: PropType<"small" | "medium" | "large" | "tiny">;
+        readonly type: PropType<"tiny" | "small" | "medium" | "large">;
         readonly default: "medium";
     };
     closable: BooleanConstructor;

package/lib/tag/src/Tag.js

@@ -5,6 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.tagInjectionKey = exports.tagProps = void 0;
 const vue_1 = require("vue");
+const seemly_1 = require("seemly");
 const use_rtl_1 = require("../../_mixins/use-rtl");
 const close_1 = require("../../_internal/close");
 const _mixins_1 = require("../../_mixins");
@@ -12,7 +13,6 @@ const _utils_1 = require("../../_utils");
 const styles_1 = require("../styles");
 const common_props_1 = __importDefault(require("./common-props"));
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
-const seemly_1 = require("seemly");
 exports.tagProps = Object.assign(Object.assign(Object.assign({}, _mixins_1.useTheme.props), common_props_1.default), { bordered: {
         type: Boolean,
         default: undefined
@@ -45,7 +45,7 @@ exports.default = (0, vue_1.defineComponent)({
         (0, vue_1.provide)(exports.tagInjectionKey, {
             roundRef: (0, vue_1.toRef)(props, 'round')
         });
-        function handleClick(e) {
+        function handleClick() {
             if (!props.disabled) {
                 if (props.checkable) {
                     const { checked, onCheckedChange, onUpdateChecked, 'onUpdate:checked': _onUpdateChecked } = props;
@@ -143,8 +143,8 @@ exports.default = (0, vue_1.defineComponent)({
         var _a, _b;
         const { mergedClsPrefix, rtlEnabled, closable, color: { borderColor } = {}, round, onRender, $slots } = this;
         onRender === null || onRender === void 0 ? void 0 : onRender();
-        const avatarNode = (0, _utils_1.resolveWrappedSlot)($slots.avatar, (children) => children && ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-tag__avatar` }, children)));
-        const iconNode = (0, _utils_1.resolveWrappedSlot)($slots.icon, (children) => children && (0, vue_1.h)("div", { class: `${mergedClsPrefix}-tag__icon` }, children));
+        const avatarNode = (0, _utils_1.resolveWrappedSlot)($slots.avatar, children => children && ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-tag__avatar` }, children)));
+        const iconNode = (0, _utils_1.resolveWrappedSlot)($slots.icon, children => children && (0, vue_1.h)("div", { class: `${mergedClsPrefix}-tag__icon` }, children));
         return ((0, vue_1.h)("div", { class: [
                 `${mergedClsPrefix}-tag`,
                 this.themeClass,

package/lib/tag/src/common-props.d.ts

@@ -1,4 +1,4 @@
-import { type PropType } from 'vue';
+import type { PropType } from 'vue';
 export interface TagColor {
     color?: string;
     borderColor?: string;
@@ -7,12 +7,12 @@ export interface TagColor {
 declare const _default: {
     readonly color: PropType<TagColor>;
     readonly type: {
-        readonly type: PropType<"default" | "error" | "primary" | "info" | "success" | "warning">;
+        readonly type: PropType<"default" | "primary" | "success" | "info" | "warning" | "error">;
         readonly default: "default";
     };
     readonly round: BooleanConstructor;
     readonly size: {
-        readonly type: PropType<"small" | "medium" | "large" | "tiny">;
+        readonly type: PropType<"tiny" | "small" | "medium" | "large">;
         readonly default: "medium";
     };
     readonly closable: BooleanConstructor;

package/lib/tag/styles/dark.js

@@ -3,9 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const _common_1 = __importDefault(require("./_common"));
 const seemly_1 = require("seemly");
 const common_1 = require("../../_styles/common");
+const _common_1 = __importDefault(require("./_common"));
 const tagDark = {
     name: 'Tag',
     common: common_1.commonDark,

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

@@ -1,6 +1,6 @@
 import type { ThemeCommonVars } from '../../_styles/common';
 import type { Theme } from '../../_mixins';
-declare const self: (vars: ThemeCommonVars) => {
+declare function self(vars: ThemeCommonVars): {
     closeBorderRadius: string;
     heightTiny: string;
     heightSmall: string;

package/lib/tag/styles/light.js

@@ -3,10 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const _common_1 = __importDefault(require("./_common"));
 const seemly_1 = require("seemly");
 const common_1 = require("../../_styles/common");
-const self = (vars) => {
+const _common_1 = __importDefault(require("./_common"));
+function self(vars) {
     const { textColor2, primaryColorHover, primaryColorPressed, primaryColor, infoColor, successColor, warningColor, errorColor, baseColor, borderColor, opacityDisabled, tagColor, closeIconColor, closeIconColorHover, closeIconColorPressed, borderRadiusSmall: borderRadius, fontSizeMini, fontSizeTiny, fontSizeSmall, fontSizeMedium, heightMini, heightTiny, heightSmall, heightMedium, closeColorHover, closeColorPressed, buttonColor2Hover, buttonColor2Pressed, fontWeightStrong } = vars;
     return Object.assign(Object.assign({}, _common_1.default), { closeBorderRadius: borderRadius, heightTiny: heightMini, heightSmall: heightTiny, heightMedium: heightSmall, heightLarge: heightMedium, borderRadius,
         opacityDisabled, fontSizeTiny: fontSizeMini, fontSizeSmall: fontSizeTiny, fontSizeMedium: fontSizeSmall, fontSizeLarge: fontSizeMedium, fontWeightStrong, 
@@ -18,7 +18,7 @@ const self = (vars) => {
         closeIconColorPressed,
         closeColorHover,
         closeColorPressed, borderPrimary: `1px solid ${(0, seemly_1.changeColor)(primaryColor, { alpha: 0.3 })}`, textColorPrimary: primaryColor, colorPrimary: (0, seemly_1.changeColor)(primaryColor, { alpha: 0.12 }), colorBorderedPrimary: (0, seemly_1.changeColor)(primaryColor, { alpha: 0.1 }), closeIconColorPrimary: primaryColor, closeIconColorHoverPrimary: primaryColor, closeIconColorPressedPrimary: primaryColor, closeColorHoverPrimary: (0, seemly_1.changeColor)(primaryColor, { alpha: 0.12 }), closeColorPressedPrimary: (0, seemly_1.changeColor)(primaryColor, { alpha: 0.18 }), borderInfo: `1px solid ${(0, seemly_1.changeColor)(infoColor, { alpha: 0.3 })}`, textColorInfo: infoColor, colorInfo: (0, seemly_1.changeColor)(infoColor, { alpha: 0.12 }), colorBorderedInfo: (0, seemly_1.changeColor)(infoColor, { alpha: 0.1 }), closeIconColorInfo: infoColor, closeIconColorHoverInfo: infoColor, closeIconColorPressedInfo: infoColor, closeColorHoverInfo: (0, seemly_1.changeColor)(infoColor, { alpha: 0.12 }), closeColorPressedInfo: (0, seemly_1.changeColor)(infoColor, { alpha: 0.18 }), borderSuccess: `1px solid ${(0, seemly_1.changeColor)(successColor, { alpha: 0.3 })}`, textColorSuccess: successColor, colorSuccess: (0, seemly_1.changeColor)(successColor, { alpha: 0.12 }), colorBorderedSuccess: (0, seemly_1.changeColor)(successColor, { alpha: 0.1 }), closeIconColorSuccess: successColor, closeIconColorHoverSuccess: successColor, closeIconColorPressedSuccess: successColor, closeColorHoverSuccess: (0, seemly_1.changeColor)(successColor, { alpha: 0.12 }), closeColorPressedSuccess: (0, seemly_1.changeColor)(successColor, { alpha: 0.18 }), borderWarning: `1px solid ${(0, seemly_1.changeColor)(warningColor, { alpha: 0.35 })}`, textColorWarning: warningColor, colorWarning: (0, seemly_1.changeColor)(warningColor, { alpha: 0.15 }), colorBorderedWarning: (0, seemly_1.changeColor)(warningColor, { alpha: 0.12 }), closeIconColorWarning: warningColor, closeIconColorHoverWarning: warningColor, closeIconColorPressedWarning: warningColor, closeColorHoverWarning: (0, seemly_1.changeColor)(warningColor, { alpha: 0.12 }), closeColorPressedWarning: (0, seemly_1.changeColor)(warningColor, { alpha: 0.18 }), borderError: `1px solid ${(0, seemly_1.changeColor)(errorColor, { alpha: 0.23 })}`, textColorError: errorColor, colorError: (0, seemly_1.changeColor)(errorColor, { alpha: 0.1 }), colorBorderedError: (0, seemly_1.changeColor)(errorColor, { alpha: 0.08 }), closeIconColorError: errorColor, closeIconColorHoverError: errorColor, closeIconColorPressedError: errorColor, closeColorHoverError: (0, seemly_1.changeColor)(errorColor, { alpha: 0.12 }), closeColorPressedError: (0, seemly_1.changeColor)(errorColor, { alpha: 0.18 }) });
-};
+}
 const tagLight = {
     name: 'Tag',
     common: common_1.commonLight,

package/lib/theme-editor/src/ThemeEditor.js

@@ -26,13 +26,13 @@ const ColorWandIcon = ((0, vue_1.h)("svg", { viewBox: "0 0 16 16", fill: "none",
     (0, vue_1.h)("path", { d: "M12.5 12C12.7761 12 13 11.7761 13 11.5C13 11.2239 12.7761 11 12.5 11H12V10.5C12 10.2239 11.7761 10 11.5 10C11.2239 10 11 10.2239 11 10.5V11H10.5C10.2239 11 10 11.2239 10 11.5C10 11.7761 10.2239 12 10.5 12H11V12.5C11 12.7761 11.2239 13 11.5 13C11.7761 13 12 12.7761 12 12.5V12H12.5Z", fill: "currentColor" }),
     (0, vue_1.h)("path", { d: "M8.72956 4.56346C9.4771 3.81592 10.6891 3.81592 11.4367 4.56347C12.1842 5.31102 12.1842 6.52303 11.4367 7.27058L4.26679 14.4404C3.51924 15.1879 2.30723 15.1879 1.55968 14.4404C0.812134 13.6928 0.812138 12.4808 1.55969 11.7333L8.72956 4.56346ZM8.25002 6.4572L2.26679 12.4404C1.90977 12.7974 1.90977 13.3763 2.26679 13.7333C2.62381 14.0903 3.20266 14.0903 3.55968 13.7333L9.54292 7.75009L8.25002 6.4572ZM10.25 7.04299L10.7295 6.56347C11.0866 6.20645 11.0866 5.6276 10.7296 5.27057C10.3725 4.91355 9.79368 4.91355 9.43666 5.27057L8.95713 5.7501L10.25 7.04299Z", fill: "currentColor" })));
 // button colorOpacitySecondary var is not color
-const showColorPicker = (key) => {
+function showColorPicker(key) {
     if (key.includes('pacity'))
         return false;
     if (key.includes('color') || key.includes('Color'))
         return true;
     return false;
-};
+}
 exports.default = (0, vue_1.defineComponent)({
     name: 'ThemeEditor',
     inheritAttrs: false,
@@ -40,6 +40,7 @@ exports.default = (0, vue_1.defineComponent)({
         const isMaximized = (0, vue_1.ref)(false);
         const fileInputRef = (0, vue_1.ref)(null);
         const NConfigProvider = (0, vue_1.inject)(context_1.configProviderInjectionKey, null);
+        const overridesRef = (0, vue_1.ref)(JSON.parse(localStorage['naive-ui-theme-overrides'] || '{}'));
         const theme = (0, vue_1.computed)(() => {
             var _a, _b, _c, _d;
             const mergedTheme = (NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedThemeRef.value) || light_1.lightTheme;
@@ -49,10 +50,12 @@ exports.default = (0, vue_1.defineComponent)({
                 common
             };
             for (const key of Object.keys(light_1.lightTheme)) {
-                if (key === 'common')
+                if (key === 'common') {
                     continue;
-                overrides[key] = (((_b = (_a = mergedTheme[key]) === null || _a === void 0 ? void 0 : _a.self) === null || _b === void 0 ? void 0 : _b.call(_a, common)) ||
-                    ((_d = (_c = light_1.lightTheme[key]).self) === null || _d === void 0 ? void 0 : _d.call(_c, common)));
+                }
+                ;
+                overrides[key] = (((_b = (_a = mergedTheme[key]) === null || _a === void 0 ? void 0 : _a.self) === null || _b === void 0 ? void 0 : _b.call(_a, common))
+                    || ((_d = (_c = light_1.lightTheme[key]).self) === null || _d === void 0 ? void 0 : _d.call(_c, common)));
                 // There (last line) we must use as any, nor ts 2590 will be raised since the union
                 // is too complex
                 if (mergedThemeOverrides && overrides[key]) {
@@ -66,7 +69,6 @@ exports.default = (0, vue_1.defineComponent)({
             return ((_a = NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedThemeRef.value) === null || _a === void 0 ? void 0 : _a.common) || light_1.lightTheme.common;
         });
         const showPanelRef = (0, vue_1.ref)(false);
-        const overridesRef = (0, vue_1.ref)(JSON.parse(localStorage['naive-ui-theme-overrides'] || '{}'));
         const tempOverridesRef = (0, vue_1.ref)(JSON.parse(localStorage['naive-ui-theme-overrides'] || '{}'));
         const varNamePatternRef = (0, vue_1.ref)('');
         const compNamePatternRef = (0, vue_1.ref)('');
@@ -84,7 +86,6 @@ exports.default = (0, vue_1.defineComponent)({
                 compOverrides[varName] = value;
             }
             else {
-                // eslint-disable-next-line @typescript-eslint/no-dynamic-delete
                 delete compOverrides[varName];
             }
         }
@@ -116,6 +117,7 @@ exports.default = (0, vue_1.defineComponent)({
                 tempOverridesRef.value = JSON.parse(value);
             })
                 .catch((e) => {
+                // eslint-disable-next-line no-alert
                 alert('Imported File is Invalid');
                 console.error(e);
             })
@@ -184,10 +186,8 @@ exports.default = (0, vue_1.defineComponent)({
                                 },
                                 this.$attrs.style
                             ], 
-                            // We use ts-ignore for vue-tsc, since it seems to patch
-                            // native event for vue components
-                            // eslint-disable-next-line @typescript-eslint/prefer-ts-expect-error, @typescript-eslint/ban-ts-comment
-                            // @ts-ignore
+                            // @ts-expect-error We use ts-ignore for vue-tsc, since it
+                            // seems to patch native event for vue components
                             onClick: () => {
                                 this.showPanel = !this.showPanel;
                             } }, { default: () => ColorWandIcon })),
@@ -267,8 +267,8 @@ exports.default = (0, vue_1.defineComponent)({
                                             return null;
                                         }
                                         const varKeys = Object.keys(componentTheme).filter((key) => {
-                                            return (key !== 'name' &&
-                                                key
+                                            return (key !== 'name'
+                                                && key
                                                     .toLowerCase()
                                                     .includes(varNamePatternLower));
                                         });
@@ -280,7 +280,7 @@ exports.default = (0, vue_1.defineComponent)({
                                             default: () => ((0, vue_1.h)(grid_1.NGrid, { xGap: 32, yGap: 16, responsive: "screen", cols: this.isMaximized
                                                     ? '1 xs:1 s:2 m:3 l:4'
                                                     : 1 }, {
-                                                default: () => varKeys.map((varKey) => ((0, vue_1.h)(grid_1.NGi, null, {
+                                                default: () => varKeys.map(varKey => ((0, vue_1.h)(grid_1.NGi, null, {
                                                     default: () => {
                                                         var _a, _b, _c, _d;
                                                         return ((0, vue_1.h)(vue_1.Fragment, null,
@@ -288,15 +288,15 @@ exports.default = (0, vue_1.defineComponent)({
                                                                     wordBreak: 'break-word'
                                                                 } }, varKey),
                                                             showColorPicker(varKey) ? ((0, vue_1.h)(color_picker_1.NColorPicker, { key: varKey, modes: ['rgb', 'hex'], value: ((_b = (_a = this
-                                                                    .tempOverrides) === null || _a === void 0 ? void 0 : _a[themeKey]) === null || _b === void 0 ? void 0 : _b[varKey]) ||
-                                                                    componentTheme[varKey], onComplete: this
+                                                                    .tempOverrides) === null || _a === void 0 ? void 0 : _a[themeKey]) === null || _b === void 0 ? void 0 : _b[varKey])
+                                                                    || componentTheme[varKey], onComplete: this
                                                                     .applyTempOverrides, onUpdateValue: (value) => {
                                                                     this.setTempOverrides(themeKey, varKey, value);
                                                                 } }, {
                                                                 action: () => {
                                                                     var _a, _b;
-                                                                    return ((0, vue_1.h)(button_1.NButton, { size: "small", disabled: componentTheme[varKey] ===
-                                                                            ((_b = (_a = this
+                                                                    return ((0, vue_1.h)(button_1.NButton, { size: "small", disabled: componentTheme[varKey]
+                                                                            === ((_b = (_a = this
                                                                                 .tempOverrides) === null || _a === void 0 ? void 0 : _a[themeKey]) === null || _b === void 0 ? void 0 : _b[varKey]), onClick: () => {
                                                                             this.setTempOverrides(themeKey, varKey, componentTheme[varKey]);
                                                                             this.applyTempOverrides();

package/lib/themes/interface.d.ts

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

package/lib/themes/utils.d.ts

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

package/lib/themes/utils.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createTheme = void 0;
+exports.createTheme = createTheme;
 function createTheme(name, componentThemes) {
     const nameIsString = typeof name === 'string';
     const theme = {
@@ -20,4 +20,3 @@ function createTheme(name, componentThemes) {
     }
     return theme;
 }
-exports.createTheme = createTheme;

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

@@ -1,4 +1,3 @@
-/// <reference types="vue/jsx" />
 import { type CSSProperties, type PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
 export declare const thingProps: {

package/lib/thing/src/Thing.js

@@ -43,17 +43,17 @@ exports.default = (0, vue_1.defineComponent)({
                     : cssVarsRef.value },
                 slots.avatar && props.contentIndented ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-thing-avatar` }, slots.avatar())) : null,
                 (0, vue_1.h)("div", { class: `${mergedClsPrefix}-thing-main` },
-                    !props.contentIndented &&
-                        (slots.header ||
-                            props.title ||
-                            slots['header-extra'] ||
-                            props.titleExtra ||
-                            slots.avatar) ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-thing-avatar-header-wrapper` },
+                    !props.contentIndented
+                        && (slots.header
+                            || props.title
+                            || slots['header-extra']
+                            || props.titleExtra
+                            || slots.avatar) ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-thing-avatar-header-wrapper` },
                         slots.avatar ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-thing-avatar` }, slots.avatar())) : null,
-                        slots.header ||
-                            props.title ||
-                            slots['header-extra'] ||
-                            props.titleExtra ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-thing-header-wrapper` },
+                        slots.header
+                            || props.title
+                            || slots['header-extra']
+                            || props.titleExtra ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-thing-header-wrapper` },
                             (0, vue_1.h)("div", { class: `${mergedClsPrefix}-thing-header` },
                                 slots.header || props.title ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-thing-header__title` }, slots.header ? slots.header() : props.title)) : null,
                                 slots['header-extra'] || props.titleExtra ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-thing-header__extra` }, slots['header-extra']
@@ -65,10 +65,10 @@ exports.default = (0, vue_1.defineComponent)({
                                 ], style: props.descriptionStyle }, slots.description
                                 ? slots.description()
                                 : props.description)) : null)) : null)) : ((0, vue_1.h)(vue_1.Fragment, null,
-                        slots.header ||
-                            props.title ||
-                            slots['header-extra'] ||
-                            props.titleExtra ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-thing-header` },
+                        slots.header
+                            || props.title
+                            || slots['header-extra']
+                            || props.titleExtra ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-thing-header` },
                             slots.header || props.title ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-thing-header__title` }, slots.header ? slots.header() : props.title)) : null,
                             slots['header-extra'] || props.titleExtra ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-thing-header__extra` }, slots['header-extra']
                                 ? slots['header-extra']()

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

@@ -1,6 +1,6 @@
 import type { ThemeCommonVars } from '../../_styles/common';
 import type { Theme } from '../../_mixins';
-export declare const self: (vars: ThemeCommonVars) => {
+export declare function self(vars: ThemeCommonVars): {
     fontSize: string;
     titleTextColor: string;
     textColor: string;

package/lib/thing/styles/light.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.self = void 0;
+exports.self = self;
 const common_1 = require("../../_styles/common");
-const self = (vars) => {
+function self(vars) {
     const { textColor1, textColor2, fontWeightStrong, fontSize } = vars;
     return {
         fontSize,
@@ -10,11 +10,10 @@ const self = (vars) => {
         textColor: textColor2,
         titleFontWeight: fontWeightStrong
     };
-};
-exports.self = self;
+}
 const thingLight = {
     name: 'Thing',
     common: common_1.commonLight,
-    self: exports.self
+    self
 };
 exports.default = thingLight;

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

@@ -1,2 +1,2 @@
-import { type RtlItem } from '../../config-provider/src/internal-interface';
+import type { RtlItem } from '../../config-provider/src/internal-interface';
 export declare const thingRtl: RtlItem;

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

@@ -1,5 +1,5 @@
 import { type PropType } from 'vue';
-import { type ExtractPublicPropTypes } from '../../_utils';
+import type { ExtractPublicPropTypes } from '../../_utils';
 export declare const timeProps: {
     readonly time: {
         readonly type: PropType<number | Date>;

package/lib/time/src/Time.js

@@ -1,12 +1,9 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.timeProps = void 0;
 const vue_1 = require("vue");
-const date_fns_1 = require("date-fns"); //
-const formatInTimeZone_1 = __importDefault(require("date-fns-tz/formatInTimeZone"));
+const date_fns_1 = require("date-fns");
+const date_fns_tz_1 = require("date-fns-tz");
 const _mixins_1 = require("../../_mixins");
 exports.timeProps = {
     time: {
@@ -36,7 +33,7 @@ exports.default = (0, vue_1.defineComponent)({
             const { timeZone } = props;
             if (timeZone) {
                 return (time, _format, options) => {
-                    return (0, formatInTimeZone_1.default)(time, timeZone, _format, options);
+                    return (0, date_fns_tz_1.formatInTimeZone)(time, timeZone, _format, options);
                 };
             }
             return date_fns_1.format;

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

@@ -1,9 +1,9 @@
 import { type PropType } from 'vue';
-import { type IsHourDisabled, type IsMinuteDisabled, type IsSecondDisabled, type ItemValue, type Item } from './interface';
-import { type MaybeArray } from '../../_utils';
+import type { MaybeArray } from '../../_utils';
+import { type IsHourDisabled, type IsMinuteDisabled, type IsSecondDisabled, type Item, type ItemValue } from './interface';
 declare const _default: import("vue").DefineComponent<{
     actions: {
-        type: PropType<("clear" | "confirm" | "now")[] | null>;
+        type: PropType<Array<"clear" | "now" | "confirm"> | null>;
         default: () => string[];
     };
     showHour: {
@@ -79,111 +79,7 @@ declare const _default: import("vue").DefineComponent<{
     use12Hours: BooleanConstructor;
 }, {
     mergedTheme: import("vue").Ref<{
-        common: {
-            baseColor: string;
-            primaryColor: string;
-            primaryColorHover: string;
-            primaryColorPressed: string;
-            primaryColorSuppl: string;
-            infoColor: string;
-            infoColorHover: string;
-            infoColorPressed: string;
-            infoColorSuppl: string;
-            successColor: string;
-            successColorHover: string;
-            successColorPressed: string;
-            successColorSuppl: string;
-            warningColor: string;
-            warningColorHover: string;
-            warningColorPressed: string;
-            warningColorSuppl: string;
-            errorColor: string;
-            errorColorHover: string;
-            errorColorPressed: string;
-            errorColorSuppl: string;
-            textColorBase: string;
-            textColor1: string;
-            textColor2: string;
-            textColor3: string;
-            textColorDisabled: string;
-            placeholderColor: string;
-            placeholderColorDisabled: string;
-            iconColor: string;
-            iconColorHover: string;
-            iconColorPressed: string;
-            iconColorDisabled: string;
-            opacity1: string;
-            opacity2: string;
-            opacity3: string;
-            opacity4: string;
-            opacity5: string;
-            dividerColor: string;
-            borderColor: string;
-            closeIconColor: string;
-            closeIconColorHover: string;
-            closeIconColorPressed: string;
-            closeColorHover: string;
-            closeColorPressed: string;
-            clearColor: string;
-            clearColorHover: string;
-            clearColorPressed: string;
-            scrollbarColor: string;
-            scrollbarColorHover: string;
-            scrollbarWidth: string;
-            scrollbarHeight: string;
-            scrollbarBorderRadius: string;
-            progressRailColor: string;
-            railColor: string;
-            popoverColor: string;
-            tableColor: string;
-            cardColor: string;
-            modalColor: string;
-            bodyColor: string;
-            tagColor: string;
-            avatarColor: string;
-            invertedColor: string;
-            inputColor: string;
-            codeColor: string;
-            tabColor: string;
-            actionColor: string;
-            tableHeaderColor: string;
-            hoverColor: string;
-            tableColorHover: string;
-            tableColorStriped: string;
-            pressedColor: string;
-            opacityDisabled: string;
-            inputColorDisabled: string;
-            buttonColor2: string;
-            buttonColor2Hover: string;
-            buttonColor2Pressed: string;
-            boxShadow1: string;
-            boxShadow2: string;
-            boxShadow3: string;
-            fontFamily: string;
-            fontFamilyMono: string;
-            fontWeight: string;
-            fontWeightStrong: string;
-            cubicBezierEaseInOut: string;
-            cubicBezierEaseOut: string;
-            cubicBezierEaseIn: string;
-            borderRadius: string;
-            borderRadiusSmall: string;
-            fontSize: string;
-            fontSizeMini: string;
-            fontSizeTiny: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            fontSizeHuge: string;
-            lineHeight: string;
-            heightMini: string;
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            heightHuge: string;
-            name: "common";
-        };
+        common: import("../..").ThemeCommonVars;
         self: {
             panelColor: string;
             panelBoxShadow: string;
@@ -208,8 +104,10 @@ declare const _default: import("vue").DefineComponent<{
                 borderRadius: string;
                 color: string;
                 colorHover: string;
-                railInsetHorizontal: string;
-                railInsetVertical: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
                 railColor: string;
             }, any>;
             Button: import("../../_mixins").Theme<"Button", {
@@ -507,7 +405,7 @@ declare const _default: import("vue").DefineComponent<{
     amPmScrollRef: import("vue").Ref<null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     actions: {
-        type: PropType<("clear" | "confirm" | "now")[] | null>;
+        type: PropType<Array<"clear" | "now" | "confirm"> | null>;
         default: () => string[];
     };
     showHour: {