naive-ui 2.38.2 → 2.40.0

package/lib/tree-select/src/TreeSelect.js

@@ -17,10 +17,10 @@ const empty_1 = require("../../empty");
 const _mixins_1 = require("../../_mixins");
 const _utils_1 = require("../../_utils");
 const styles_1 = require("../styles");
+const utils_1 = require("../../tree/src/utils");
 const interface_1 = require("./interface");
-const utils_1 = require("./utils");
+const utils_2 = require("./utils");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
-const utils_2 = require("../../tree/src/utils");
 exports.treeSelectProps = Object.assign(Object.assign(Object.assign(Object.assign({}, _mixins_1.useTheme.props), { bordered: {
         type: Boolean,
         default: true
@@ -122,11 +122,6 @@ exports.default = (0, vue_1.defineComponent)({
                 return placeholder;
             return localeRef.value.placeholder;
         });
-        const treeSelectedKeysRef = (0, vue_1.computed)(() => {
-            if (props.checkable)
-                return [];
-            return treeCheckedKeysRef.value;
-        });
         const treeCheckedKeysRef = (0, vue_1.computed)(() => {
             const { value: mergedValue } = mergedValueRef;
             if (props.multiple) {
@@ -142,6 +137,11 @@ exports.default = (0, vue_1.defineComponent)({
                     return [mergedValue];
             }
         });
+        const treeSelectedKeysRef = (0, vue_1.computed)(() => {
+            if (props.checkable)
+                return [];
+            return treeCheckedKeysRef.value;
+        });
         const selectedOptionRef = (0, vue_1.computed)(() => {
             const { multiple, showPath, separator, labelField } = props;
             if (multiple)
@@ -152,8 +152,8 @@ exports.default = (0, vue_1.defineComponent)({
                 const tmNode = treeMate.getNode(mergedValue);
                 if (tmNode !== null) {
                     return showPath
-                        ? (0, utils_1.treeOption2SelectOptionWithPath)(tmNode, treeMate.getPath(mergedValue).treeNodePath, separator, labelField)
-                        : (0, utils_1.treeOption2SelectOption)(tmNode, labelField);
+                        ? (0, utils_2.treeOption2SelectOptionWithPath)(tmNode, treeMate.getPath(mergedValue).treeNodePath, separator, labelField)
+                        : (0, utils_2.treeOption2SelectOption)(tmNode, labelField);
                 }
             }
             return null;
@@ -176,18 +176,14 @@ exports.default = (0, vue_1.defineComponent)({
                     const tmNode = treeMate.getNode(value);
                     if (tmNode !== null) {
                         res.push(showPath
-                            ? (0, utils_1.treeOption2SelectOptionWithPath)(tmNode, treeMate.getPath(value).treeNodePath, separator, labelField)
-                            : (0, utils_1.treeOption2SelectOption)(tmNode, labelField));
+                            ? (0, utils_2.treeOption2SelectOptionWithPath)(tmNode, treeMate.getPath(value).treeNodePath, separator, labelField)
+                            : (0, utils_2.treeOption2SelectOption)(tmNode, labelField));
                     }
                 });
                 return res;
             }
             return [];
         });
-        const menuPaddingRef = (0, vue_1.computed)(() => {
-            const { self: { menuPadding } } = themeRef.value;
-            return menuPadding;
-        });
         function focusSelection() {
             var _a;
             (_a = triggerInstRef.value) === null || _a === void 0 ? void 0 : _a.focus();
@@ -287,7 +283,7 @@ exports.default = (0, vue_1.defineComponent)({
         }
         function getOptionsByKeys(keys) {
             const { value: { getNode } } = dataTreeMateRef;
-            return keys.map((key) => { var _a; return ((_a = getNode(key)) === null || _a === void 0 ? void 0 : _a.rawNode) || null; });
+            return keys.map(key => { var _a; return ((_a = getNode(key)) === null || _a === void 0 ? void 0 : _a.rawNode) || null; });
         }
         function handleUpdateCheckedKeys(keys, _, meta) {
             const options = getOptionsByKeys(keys);
@@ -302,12 +298,15 @@ exports.default = (0, vue_1.defineComponent)({
                 }
             }
             else {
-                keys.length
-                    ? doUpdateValue(keys[0], options[0] || null, {
+                if (keys.length) {
+                    doUpdateValue(keys[0], options[0] || null, {
                         node,
                         action
-                    })
-                    : doUpdateValue(null, null, { node, action });
+                    });
+                }
+                else {
+                    doUpdateValue(null, null, { node, action });
+                }
                 closeMenu();
                 // Currently it is not necessary. However if there is an action slot,
                 // it will be useful. So just leave it here.
@@ -335,8 +334,8 @@ exports.default = (0, vue_1.defineComponent)({
         }
         function handleMenuFocusin(e) {
             var _a, _b, _c;
-            if (((_a = menuElRef.value) === null || _a === void 0 ? void 0 : _a.contains(e.relatedTarget)) ||
-                ((_c = (_b = triggerInstRef.value) === null || _b === void 0 ? void 0 : _b.$el) === null || _c === void 0 ? void 0 : _c.contains(e.relatedTarget))) {
+            if (((_a = menuElRef.value) === null || _a === void 0 ? void 0 : _a.contains(e.relatedTarget))
+                || ((_c = (_b = triggerInstRef.value) === null || _b === void 0 ? void 0 : _b.$el) === null || _c === void 0 ? void 0 : _c.contains(e.relatedTarget))) {
                 return;
             }
             focusedRef.value = true;
@@ -344,8 +343,8 @@ exports.default = (0, vue_1.defineComponent)({
         }
         function handleMenuFocusout(e) {
             var _a, _b, _c;
-            if (((_a = menuElRef.value) === null || _a === void 0 ? void 0 : _a.contains(e.relatedTarget)) ||
-                ((_c = (_b = triggerInstRef.value) === null || _b === void 0 ? void 0 : _b.$el) === null || _c === void 0 ? void 0 : _c.contains(e.relatedTarget))) {
+            if (((_a = menuElRef.value) === null || _a === void 0 ? void 0 : _a.contains(e.relatedTarget))
+                || ((_c = (_b = triggerInstRef.value) === null || _b === void 0 ? void 0 : _b.$el) === null || _c === void 0 ? void 0 : _c.contains(e.relatedTarget))) {
                 return;
             }
             focusedRef.value = false;
@@ -374,7 +373,7 @@ exports.default = (0, vue_1.defineComponent)({
                     cascade: mergedCascadeRef.value,
                     allowNotLoaded: props.allowCheckingNotLoaded
                 });
-                const index = checkedKeysValue.findIndex((key) => key === option.value);
+                const index = checkedKeysValue.findIndex(key => key === option.value);
                 if (~index) {
                     const checkedKeyToBeRemoved = checkedKeysValue[index];
                     const checkOptionToBeRemoved = getOptionsByKeys([
@@ -459,7 +458,7 @@ exports.default = (0, vue_1.defineComponent)({
         function handleMenuMousedown(e) {
             // If there's an action slot later, we need to check if mousedown happens
             // in action panel
-            if (!(0, seemly_1.happensIn)(e, 'action'))
+            if (!(0, seemly_1.happensIn)(e, 'action') && !(0, seemly_1.happensIn)(e, 'header'))
                 e.preventDefault();
         }
         const selectionRenderTagRef = (0, vue_1.computed)(() => {
@@ -488,7 +487,7 @@ exports.default = (0, vue_1.defineComponent)({
             (_a = followerInstRef.value) === null || _a === void 0 ? void 0 : _a.syncPosition();
         }
         (0, _utils_1.useOnResize)(menuElRef, handleTriggerOrMenuResize);
-        const mergedCheckStrategyRef = (0, utils_2.useMergedCheckStrategy)(props);
+        const mergedCheckStrategyRef = (0, utils_1.useMergedCheckStrategy)(props);
         const exposedCheckedStatusRef = (0, vue_1.computed)(() => {
             if (props.checkable) {
                 const mergedValue = mergedValueRef.value;
@@ -532,7 +531,7 @@ exports.default = (0, vue_1.defineComponent)({
         };
         const themeRef = (0, _mixins_1.useTheme)('TreeSelect', '-tree-select', index_cssr_1.default, styles_1.treeSelectLight, props, mergedClsPrefixRef);
         const cssVarsRef = (0, vue_1.computed)(() => {
-            const { common: { cubicBezierEaseInOut }, self: { menuBoxShadow, menuBorderRadius, menuColor, menuHeight, actionPadding, actionDividerColor, actionTextColor } } = themeRef.value;
+            const { common: { cubicBezierEaseInOut }, self: { menuBoxShadow, menuBorderRadius, menuColor, menuHeight, actionPadding, actionDividerColor, actionTextColor, headerDividerColor, headerPadding, headerTextColor } } = themeRef.value;
             return {
                 '--n-menu-box-shadow': menuBoxShadow,
                 '--n-menu-border-radius': menuBorderRadius,
@@ -541,12 +540,19 @@ exports.default = (0, vue_1.defineComponent)({
                 '--n-bezier': cubicBezierEaseInOut,
                 '--n-action-padding': actionPadding,
                 '--n-action-text-color': actionTextColor,
-                '--n-action-divider-color': actionDividerColor
+                '--n-action-divider-color': actionDividerColor,
+                '--n-header-padding': headerPadding,
+                '--n-header-text-color': headerTextColor,
+                '--n-header-divider-color': headerDividerColor
             };
         });
         const themeClassHandle = inlineThemeDisabled
             ? (0, _mixins_1.useThemeClass)('tree-select', undefined, cssVarsRef, props)
             : undefined;
+        const menuPaddingRef = (0, vue_1.computed)(() => {
+            const { self: { menuPadding } } = themeRef.value;
+            return menuPadding;
+        });
         return Object.assign(Object.assign({}, exposedMethods), { menuElRef, mergedStatus: mergedStatusRef, triggerInstRef,
             followerInstRef,
             treeInstRef, mergedClsPrefix: mergedClsPrefixRef, mergedValue: mergedValueRef, mergedShow: mergedShowRef, namespace: namespaceRef, adjustedTo: (0, _utils_1.useAdjustedTo)(props), isMounted: (0, vooks_1.useIsMounted)(), focused: focusedRef, menuPadding: menuPaddingRef, mergedPlaceholder: mergedPlaceholderRef, mergedExpandedKeys: mergedExpandedKeysRef, treeSelectedKeys: treeSelectedKeysRef, treeCheckedKeys: treeCheckedKeysRef, mergedSize: mergedSizeRef, mergedDisabled: mergedDisabledRef, selectedOption: selectedOptionRef, selectedOptions: selectedOptionsRef, pattern: patternRef, pendingNodeKey: pendingNodeKeyRef, mergedCascade: mergedCascadeRef, mergedFilter: mergedFilterRef, selectionRenderTag: selectionRenderTagRef, handleTriggerOrMenuResize,
@@ -593,6 +599,9 @@ exports.default = (0, vue_1.defineComponent)({
                                         (menuProps === null || menuProps === void 0 ? void 0 : menuProps.style) || '',
                                         this.cssVars
                                     ], tabindex: 0, onMousedown: this.handleMenuMousedown, onKeydown: this.handleKeydown, onFocusin: this.handleMenuFocusin, onFocusout: this.handleMenuFocusout }),
+                                    (0, _utils_1.resolveWrappedSlot)($slots.header, (children) => {
+                                        return children ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-tree-select-menu__header`, "data-header": true }, children)) : null;
+                                    }),
                                     (0, vue_1.h)(tree_1.NTree, { ref: "treeInstRef", blockLine: true, allowCheckingNotLoaded: this.allowCheckingNotLoaded, showIrrelevantNodes: false, animated: false, pattern: this.pattern, getChildren: this.getChildren, filter: this.mergedFilter, data: options, cancelable: multiple, labelField: this.labelField, keyField: this.keyField, disabledField: this.disabledField, childrenField: this.childrenField, theme: mergedTheme.peers.Tree, themeOverrides: mergedTheme.peerOverrides.Tree, defaultExpandAll: this.defaultExpandAll, defaultExpandedKeys: this.defaultExpandedKeys, expandedKeys: this.mergedExpandedKeys, checkedKeys: this.treeCheckedKeys, selectedKeys: this.treeSelectedKeys, checkable: checkable, checkStrategy: this.checkStrategy, cascade: this.mergedCascade, leafOnly: this.leafOnly, multiple: this.multiple, renderLabel: this.renderLabel, renderPrefix: this.renderPrefix, renderSuffix: this.renderSuffix, renderSwitcherIcon: this.renderSwitcherIcon, nodeProps: this.nodeProps, watchProps: this.watchProps, virtualScroll: this.consistentMenuWidth && this.virtualScroll, overrideDefaultNodeClickBehavior: this.overrideDefaultNodeClickBehavior, internalTreeSelect: true, internalUnifySelectCheck: true, internalScrollable: true, internalScrollablePadding: this.menuPadding, internalFocusable: false, internalCheckboxFocusable: false, internalRenderEmpty: () => ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-tree-select-menu__empty` }, (0, _utils_1.resolveSlot)($slots.empty, () => [
                                             (0, vue_1.h)(empty_1.NEmpty, { theme: mergedTheme.peers.Empty, themeOverrides: mergedTheme.peerOverrides.Empty })
                                         ]))), onLoad: this.onLoad, onUpdateCheckedKeys: this.handleUpdateCheckedKeys, onUpdateIndeterminateKeys: this.handleUpdateIndeterminateKeys, onUpdateExpandedKeys: this.doUpdateExpandedKeys }),

package/lib/tree-select/src/interface.d.ts

@@ -1,6 +1,6 @@
-import { type TreeMate, type TreeNode } from 'treemate';
-import { type HTMLAttributes, type Ref, type VNodeChild } from 'vue';
-import type { TreeOptionBase, TreeOption } from '../../tree/src/interface';
+import type { TreeMate, TreeNode } from 'treemate';
+import type { HTMLAttributes, Ref, VNodeChild } from 'vue';
+import type { TreeOption, TreeOptionBase } from '../../tree/src/interface';
 export type TreeSelectOption = Omit<TreeOptionBase, 'checkboxDisabled' | 'isLeaf' | 'children'> & {
     children?: TreeSelectOption[];
     [k: string]: unknown;

package/lib/tree-select/src/styles/index.cssr.js

@@ -11,6 +11,9 @@ const cssr_1 = require("../../../_utils/cssr");
 // --n-menu-border-radius
 // --n-menu-box-shadow
 // --n-menu-color
+// --n-header-padding
+// --n-header-text-color
+// --n-header-divider-color
 // --n-action-padding
 // --n-action-text-color
 // --n-action-divider-color
@@ -33,6 +36,13 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('tree-select', `
  padding: 12px 32px;
  flex: 1;
  justify-content: center;
+ `), (0, cssr_1.cE)('header', `
+ padding: var(--n-header-padding);
+ transition: 
+ color .3s var(--n-bezier);
+ border-color .3s var(--n-bezier);
+ border-bottom: 1px solid var(--n-header-divider-color);
+ color: var(--n-header-text-color);
  `), (0, cssr_1.cE)('action', `
  padding: var(--n-action-padding);
  transition: 

package/lib/tree-select/src/utils.d.ts

@@ -1,4 +1,4 @@
-import { type SelectBaseOption } from '../../select/src/interface';
-import { type TreeSelectTmNode } from './interface';
+import type { SelectBaseOption } from '../../select/src/interface';
+import type { TreeSelectTmNode } from './interface';
 export declare function treeOption2SelectOption(tmNode: TreeSelectTmNode, labelField: string): SelectBaseOption;
 export declare function treeOption2SelectOptionWithPath(tmNode: TreeSelectTmNode, path: TreeSelectTmNode[], separator: string, labelField: string): SelectBaseOption;

package/lib/tree-select/src/utils.js

@@ -1,13 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.treeOption2SelectOptionWithPath = exports.treeOption2SelectOption = void 0;
+exports.treeOption2SelectOption = treeOption2SelectOption;
+exports.treeOption2SelectOptionWithPath = treeOption2SelectOptionWithPath;
 function treeOption2SelectOption(tmNode, labelField) {
     const { rawNode } = tmNode;
     return Object.assign(Object.assign({}, rawNode), { label: rawNode[labelField], value: tmNode.key });
 }
-exports.treeOption2SelectOption = treeOption2SelectOption;
 function treeOption2SelectOptionWithPath(tmNode, path, separator, labelField) {
     const { rawNode } = tmNode;
-    return Object.assign(Object.assign({}, rawNode), { value: tmNode.key, label: path.map((v) => v.rawNode[labelField]).join(separator) });
+    return Object.assign(Object.assign({}, rawNode), { value: tmNode.key, label: path.map(v => v.rawNode[labelField]).join(separator) });
 }
-exports.treeOption2SelectOptionWithPath = treeOption2SelectOptionWithPath;

package/lib/tree-select/styles/light.d.ts

@@ -1,5 +1,5 @@
 import type { ThemeCommonVars } from '../../_styles/common';
-export declare const self: (vars: ThemeCommonVars) => {
+export declare function self(vars: ThemeCommonVars): {
     menuPadding: string;
     menuColor: string;
     menuBoxShadow: string;
@@ -8,6 +8,9 @@ export declare const self: (vars: ThemeCommonVars) => {
     actionDividerColor: string;
     actionTextColor: string;
     actionPadding: string;
+    headerDividerColor: string;
+    headerTextColor: string;
+    headerPadding: string;
 };
 export type TreeSelectThemeVars = ReturnType<typeof self>;
 declare const treeSelectLight: import("../../_mixins/use-theme").Theme<"TreeSelect", {
@@ -19,6 +22,9 @@ declare const treeSelectLight: import("../../_mixins/use-theme").Theme<"TreeSele
     actionDividerColor: string;
     actionTextColor: string;
     actionPadding: string;
+    headerDividerColor: string;
+    headerTextColor: string;
+    headerPadding: string;
 }, {
     Tree: import("../../_mixins/use-theme").Theme<"Tree", {
         fontSize: string;
@@ -72,11 +78,14 @@ declare const treeSelectLight: import("../../_mixins/use-theme").Theme<"TreeSele
             borderRadius: string;
             color: string;
             colorHover: string;
-            railInsetHorizontal: string;
-            railInsetVertical: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
             railColor: string;
         }, any>;
         Empty: import("../../_mixins/use-theme").Theme<"Empty", {
+            fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
@@ -84,6 +93,7 @@ declare const treeSelectLight: import("../../_mixins/use-theme").Theme<"TreeSele
             textColor: string;
             iconColor: string;
             extraTextColor: string;
+            iconSizeTiny: string;
             iconSizeSmall: string;
             iconSizeMedium: string;
             iconSizeLarge: string;
@@ -91,6 +101,7 @@ declare const treeSelectLight: import("../../_mixins/use-theme").Theme<"TreeSele
         }, any>;
     }>;
     Empty: import("../../_mixins/use-theme").Theme<"Empty", {
+        fontSizeTiny: string;
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
@@ -98,6 +109,7 @@ declare const treeSelectLight: import("../../_mixins/use-theme").Theme<"TreeSele
         textColor: string;
         iconColor: string;
         extraTextColor: string;
+        iconSizeTiny: string;
         iconSizeSmall: string;
         iconSizeMedium: string;
         iconSizeLarge: string;

package/lib/tree-select/styles/light.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.self = void 0;
+exports.self = self;
 const common_1 = require("../../_styles/common");
 const use_theme_1 = require("../../_mixins/use-theme");
 const styles_1 = require("../../tree/styles");
 const styles_2 = require("../../empty/styles");
 const styles_3 = require("../../_internal/selection/styles");
-const self = (vars) => {
+function self(vars) {
     const { popoverColor, boxShadow2, borderRadius, heightMedium, dividerColor, textColor2 } = vars;
     return {
         menuPadding: '4px',
@@ -16,10 +16,12 @@ const self = (vars) => {
         menuHeight: `calc(${heightMedium} * 7.6)`,
         actionDividerColor: dividerColor,
         actionTextColor: textColor2,
-        actionPadding: '8px 12px'
+        actionPadding: '8px 12px',
+        headerDividerColor: dividerColor,
+        headerTextColor: textColor2,
+        headerPadding: '8px 12px'
     };
-};
-exports.self = self;
+}
 const treeSelectLight = (0, use_theme_1.createTheme)({
     name: 'TreeSelect',
     common: common_1.commonLight,
@@ -28,6 +30,6 @@ const treeSelectLight = (0, use_theme_1.createTheme)({
         Empty: styles_2.emptyLight,
         InternalSelection: styles_3.internalSelectionLight
     },
-    self: exports.self
+    self
 });
 exports.default = treeSelectLight;

package/lib/typography/src/blockquote.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.blockquoteProps = void 0;
 const vue_1 = require("vue");
 const _mixins_1 = require("../../_mixins");
-const blockquote_cssr_1 = __importDefault(require("./styles/blockquote.cssr"));
 const styles_1 = require("../styles");
+const blockquote_cssr_1 = __importDefault(require("./styles/blockquote.cssr"));
 exports.blockquoteProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { alignText: Boolean });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Blockquote',

package/lib/typography/src/create-header.d.ts

@@ -2,7 +2,7 @@ import { type PropType } from 'vue';
 import { type ExtractPublicPropTypes } from '../../_utils';
 export declare const headerProps: {
     readonly type: {
-        readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: PropType<"info" | "success" | "warning" | "error" | "default">;
         readonly default: "default";
     };
     readonly prefix: StringConstructor;
@@ -207,9 +207,9 @@ export declare const headerProps: {
     }, any>>>;
 };
 export type HeaderProps = ExtractPublicPropTypes<typeof headerProps>;
-declare const _default: (level: '1' | '2' | '3' | '4' | '5' | '6') => import("vue").DefineComponent<{
+declare const _default: (level: "1" | "2" | "3" | "4" | "5" | "6") => import("vue").DefineComponent<{
     readonly type: {
-        readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: PropType<"info" | "success" | "warning" | "error" | "default">;
         readonly default: "default";
     };
     readonly prefix: StringConstructor;
@@ -428,7 +428,7 @@ declare const _default: (level: '1' | '2' | '3' | '4' | '5' | '6') => import("vu
     onRender: (() => void) | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly type: {
-        readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: PropType<"info" | "success" | "warning" | "error" | "default">;
         readonly default: "default";
     };
     readonly prefix: StringConstructor;

package/lib/typography/src/create-header.js

@@ -13,7 +13,6 @@ exports.headerProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props),
         type: String,
         default: 'default'
     }, prefix: String, alignText: Boolean });
-// eslint-disable-next-line @typescript-eslint/explicit-function-return-type
 exports.default = (level) => (0, vue_1.defineComponent)({
     name: `H${level}`,
     props: exports.headerProps,

package/lib/typography/src/headers.d.ts

@@ -1,6 +1,6 @@
 export declare const NH1: import("vue").DefineComponent<{
     readonly type: {
-        readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: import("vue").PropType<"info" | "success" | "warning" | "error" | "default">;
         readonly default: "default";
     };
     readonly prefix: StringConstructor;
@@ -219,7 +219,7 @@ export declare const NH1: import("vue").DefineComponent<{
     onRender: (() => void) | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly type: {
-        readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: import("vue").PropType<"info" | "success" | "warning" | "error" | "default">;
         readonly default: "default";
     };
     readonly prefix: StringConstructor;
@@ -428,7 +428,7 @@ export declare const NH1: import("vue").DefineComponent<{
 }, {}>;
 export declare const NH2: import("vue").DefineComponent<{
     readonly type: {
-        readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: import("vue").PropType<"info" | "success" | "warning" | "error" | "default">;
         readonly default: "default";
     };
     readonly prefix: StringConstructor;
@@ -647,7 +647,7 @@ export declare const NH2: import("vue").DefineComponent<{
     onRender: (() => void) | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly type: {
-        readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: import("vue").PropType<"info" | "success" | "warning" | "error" | "default">;
         readonly default: "default";
     };
     readonly prefix: StringConstructor;
@@ -856,7 +856,7 @@ export declare const NH2: import("vue").DefineComponent<{
 }, {}>;
 export declare const NH3: import("vue").DefineComponent<{
     readonly type: {
-        readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: import("vue").PropType<"info" | "success" | "warning" | "error" | "default">;
         readonly default: "default";
     };
     readonly prefix: StringConstructor;
@@ -1075,7 +1075,7 @@ export declare const NH3: import("vue").DefineComponent<{
     onRender: (() => void) | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly type: {
-        readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: import("vue").PropType<"info" | "success" | "warning" | "error" | "default">;
         readonly default: "default";
     };
     readonly prefix: StringConstructor;
@@ -1284,7 +1284,7 @@ export declare const NH3: import("vue").DefineComponent<{
 }, {}>;
 export declare const NH4: import("vue").DefineComponent<{
     readonly type: {
-        readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: import("vue").PropType<"info" | "success" | "warning" | "error" | "default">;
         readonly default: "default";
     };
     readonly prefix: StringConstructor;
@@ -1503,7 +1503,7 @@ export declare const NH4: import("vue").DefineComponent<{
     onRender: (() => void) | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly type: {
-        readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: import("vue").PropType<"info" | "success" | "warning" | "error" | "default">;
         readonly default: "default";
     };
     readonly prefix: StringConstructor;
@@ -1712,7 +1712,7 @@ export declare const NH4: import("vue").DefineComponent<{
 }, {}>;
 export declare const NH5: import("vue").DefineComponent<{
     readonly type: {
-        readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: import("vue").PropType<"info" | "success" | "warning" | "error" | "default">;
         readonly default: "default";
     };
     readonly prefix: StringConstructor;
@@ -1931,7 +1931,7 @@ export declare const NH5: import("vue").DefineComponent<{
     onRender: (() => void) | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly type: {
-        readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: import("vue").PropType<"info" | "success" | "warning" | "error" | "default">;
         readonly default: "default";
     };
     readonly prefix: StringConstructor;
@@ -2140,7 +2140,7 @@ export declare const NH5: import("vue").DefineComponent<{
 }, {}>;
 export declare const NH6: import("vue").DefineComponent<{
     readonly type: {
-        readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: import("vue").PropType<"info" | "success" | "warning" | "error" | "default">;
         readonly default: "default";
     };
     readonly prefix: StringConstructor;
@@ -2359,7 +2359,7 @@ export declare const NH6: import("vue").DefineComponent<{
     onRender: (() => void) | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly type: {
-        readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: import("vue").PropType<"info" | "success" | "warning" | "error" | "default">;
         readonly default: "default";
     };
     readonly prefix: StringConstructor;

package/lib/typography/src/p.d.ts

@@ -1,7 +1,7 @@
 import { type PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
 export declare const pProps: {
-    depth: PropType<1 | 3 | 2 | "1" | "2" | "3">;
+    depth: PropType<1 | 2 | 3 | "1" | "2" | "3">;
     theme: PropType<import("../../_mixins").Theme<"Typography", {
         aTextColor: string;
         blockquoteTextColor: string;
@@ -203,7 +203,7 @@ export declare const pProps: {
 };
 export type PProps = ExtractPublicPropTypes<typeof pProps>;
 declare const _default: import("vue").DefineComponent<{
-    depth: PropType<1 | 3 | 2 | "1" | "2" | "3">;
+    depth: PropType<1 | 2 | 3 | "1" | "2" | "3">;
     theme: PropType<import("../../_mixins").Theme<"Typography", {
         aTextColor: string;
         blockquoteTextColor: string;
@@ -414,7 +414,7 @@ declare const _default: import("vue").DefineComponent<{
     themeClass: import("vue").Ref<string> | undefined;
     onRender: (() => void) | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    depth: PropType<1 | 3 | 2 | "1" | "2" | "3">;
+    depth: PropType<1 | 2 | 3 | "1" | "2" | "3">;
     theme: PropType<import("../../_mixins").Theme<"Typography", {
         aTextColor: string;
         blockquoteTextColor: string;

package/lib/typography/src/text.d.ts

@@ -10,7 +10,7 @@ export declare const textProps: {
     readonly strong: BooleanConstructor;
     readonly italic: BooleanConstructor;
     readonly underline: BooleanConstructor;
-    readonly depth: PropType<1 | 3 | 2 | "1" | "2" | "3">;
+    readonly depth: PropType<1 | 2 | 3 | "1" | "2" | "3">;
     readonly tag: StringConstructor;
     readonly as: {
         readonly type: StringConstructor;
@@ -227,7 +227,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly strong: BooleanConstructor;
     readonly italic: BooleanConstructor;
     readonly underline: BooleanConstructor;
-    readonly depth: PropType<1 | 3 | 2 | "1" | "2" | "3">;
+    readonly depth: PropType<1 | 2 | 3 | "1" | "2" | "3">;
     readonly tag: StringConstructor;
     readonly as: {
         readonly type: StringConstructor;
@@ -457,7 +457,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly strong: BooleanConstructor;
     readonly italic: BooleanConstructor;
     readonly underline: BooleanConstructor;
-    readonly depth: PropType<1 | 3 | 2 | "1" | "2" | "3">;
+    readonly depth: PropType<1 | 2 | 3 | "1" | "2" | "3">;
     readonly tag: StringConstructor;
     readonly as: {
         readonly type: StringConstructor;

package/lib/typography/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): {
     aTextColor: string;
     blockquoteTextColor: string;
     blockquotePrefixColor: string;

package/lib/typography/styles/light.js

@@ -3,17 +3,16 @@ 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 { primaryColor, textColor2, borderColor, lineHeight, fontSize, borderRadiusSmall, dividerColor, fontWeightStrong, textColor1, textColor3, infoColor, warningColor, errorColor, successColor, codeColor } = vars;
     return Object.assign(Object.assign({}, _common_1.default), { aTextColor: primaryColor, blockquoteTextColor: textColor2, blockquotePrefixColor: borderColor, blockquoteLineHeight: lineHeight, blockquoteFontSize: fontSize, codeBorderRadius: borderRadiusSmall, liTextColor: textColor2, liLineHeight: lineHeight, liFontSize: fontSize, hrColor: dividerColor, headerFontWeight: fontWeightStrong, headerTextColor: textColor1, pTextColor: textColor2, pTextColor1Depth: textColor1, pTextColor2Depth: textColor2, pTextColor3Depth: textColor3, pLineHeight: lineHeight, pFontSize: fontSize, headerBarColor: primaryColor, headerBarColorPrimary: primaryColor, headerBarColorInfo: infoColor, headerBarColorError: errorColor, headerBarColorWarning: warningColor, headerBarColorSuccess: successColor, textColor: textColor2, textColor1Depth: textColor1, textColor2Depth: textColor2, textColor3Depth: textColor3, textColorPrimary: primaryColor, textColorInfo: infoColor, textColorSuccess: successColor, textColorWarning: warningColor, textColorError: errorColor, codeTextColor: textColor2, codeColor, codeBorder: '1px solid #0000' });
-};
-exports.self = self;
+}
 const typographyLight = {
     name: 'Typography',
     common: common_1.commonLight,
-    self: exports.self
+    self
 };
 exports.default = typographyLight;