naive-ui 2.30.7 → 2.32.0

package/lib/tree/src/Tree.js

@@ -12,7 +12,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.treeSharedProps = exports.createTreeMateOptions = void 0;
+exports.treeProps = exports.treeSharedProps = exports.createTreeMateOptions = void 0;
 /* eslint-disable @typescript-eslint/no-non-null-assertion */
 const vue_1 = require("vue");
 const treemate_1 = require("treemate");
@@ -78,13 +78,16 @@ exports.treeSharedProps = {
     onUpdateExpandedKeys: [Function, Array],
     'onUpdate:expandedKeys': [Function, Array]
 };
-const treeProps = Object.assign(Object.assign(Object.assign(Object.assign({}, _mixins_1.useTheme.props), { showIrrelevantNodes: { type: Boolean, default: true }, data: {
+exports.treeProps = Object.assign(Object.assign(Object.assign(Object.assign({}, _mixins_1.useTheme.props), { accordion: Boolean, showIrrelevantNodes: { type: Boolean, default: true }, data: {
         type: Array,
         default: () => []
     }, expandOnDragenter: {
         type: Boolean,
         default: true
-    }, expandOnClick: Boolean, cancelable: {
+    }, expandOnClick: Boolean, checkOnClick: {
+        type: [Boolean, Function],
+        default: false
+    }, cancelable: {
         type: Boolean,
         default: true
     }, checkable: Boolean, draggable: Boolean, blockNode: Boolean, blockLine: Boolean, disabled: Boolean, checkedKeys: Array, defaultCheckedKeys: {
@@ -132,7 +135,7 @@ const treeProps = Object.assign(Object.assign(Object.assign(Object.assign({}, _m
     leafOnly: Boolean });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Tree',
-    props: treeProps,
+    props: exports.treeProps,
     setup(props) {
         if (process.env.NODE_ENV !== 'production') {
             (0, vue_1.watchEffect)(() => {
@@ -141,7 +144,8 @@ exports.default = (0, vue_1.defineComponent)({
                 }
             });
         }
-        const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
+        const { mergedClsPrefixRef, inlineThemeDisabled, mergedRtlRef } = (0, _mixins_1.useConfig)(props);
+        const rtlEnabledRef = (0, _mixins_1.useRtl)('Tree', mergedRtlRef, mergedClsPrefixRef);
         const themeRef = (0, _mixins_1.useTheme)('Tree', '-tree', index_cssr_1.default, styles_1.treeLight, props, mergedClsPrefixRef);
         const selfElRef = (0, vue_1.ref)(null);
         const scrollbarInstRef = (0, vue_1.ref)(null);
@@ -369,7 +373,7 @@ exports.default = (0, vue_1.defineComponent)({
         // animation in progress
         const aipRef = (0, vue_1.ref)(false);
         // animation flattened nodes
-        const afNodeRef = (0, vue_1.ref)([]);
+        const afNodesRef = (0, vue_1.ref)([]);
         // Note: Since the virtual list depends on min height, if there's a node
         // whose height starts from 0, the virtual list will have a wrong height
         // during animation. This will seldom cause wired scrollbar status. It is
@@ -398,8 +402,7 @@ exports.default = (0, vue_1.defineComponent)({
                     removedKey = expandedKey;
                 }
             }
-            if ((addedKey !== null && removedKey !== null) ||
-                (addedKey === null && removedKey === null)) {
+            if (addedKey === null && removedKey === null) {
                 // 1. multi action, not triggered by click
                 // 2. no action, don't know what happened
                 return;
@@ -407,32 +410,47 @@ exports.default = (0, vue_1.defineComponent)({
             const { virtualScroll } = props;
             const viewportHeight = (virtualScroll ? virtualListInstRef.value.listElRef : selfElRef.value).offsetHeight;
             const viewportItemCount = Math.ceil(viewportHeight / ITEM_SIZE) + 1;
+            // play add animation
+            let baseExpandedKeys;
             if (addedKey !== null) {
-                // play add animation
-                aipRef.value = true;
-                afNodeRef.value = displayTreeMateRef.value.getFlattenedNodes(prevValue);
-                const expandedNodeIndex = afNodeRef.value.findIndex((node) => node.key === addedKey);
+                baseExpandedKeys = prevValue;
+            }
+            if (removedKey !== null) {
+                if (baseExpandedKeys === undefined) {
+                    baseExpandedKeys = value;
+                }
+                else {
+                    baseExpandedKeys = baseExpandedKeys.filter((key) => key !== removedKey);
+                }
+            }
+            aipRef.value = true;
+            afNodesRef.value =
+                displayTreeMateRef.value.getFlattenedNodes(baseExpandedKeys);
+            if (addedKey !== null) {
+                const expandedNodeIndex = afNodesRef.value.findIndex((node) => node.key === addedKey);
                 if (~expandedNodeIndex) {
-                    const expandedChildren = (0, treemate_1.flatten)(
-                    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-                    afNodeRef.value[expandedNodeIndex].children, value);
-                    afNodeRef.value.splice(expandedNodeIndex + 1, 0, {
-                        __motion: true,
-                        mode: 'expand',
-                        height: virtualScroll
-                            ? expandedChildren.length * ITEM_SIZE
-                            : undefined,
-                        nodes: virtualScroll
-                            ? expandedChildren.slice(0, viewportItemCount)
-                            : expandedChildren
-                    });
+                    const children = // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+                     afNodesRef.value[expandedNodeIndex].children;
+                    // sometimes user will pass leaf keys in
+                    if (children) {
+                        const expandedChildren = (0, treemate_1.flatten)(children, value);
+                        afNodesRef.value.splice(expandedNodeIndex + 1, 0, {
+                            __motion: true,
+                            mode: 'expand',
+                            height: virtualScroll
+                                ? expandedChildren.length * ITEM_SIZE
+                                : undefined,
+                            nodes: virtualScroll
+                                ? expandedChildren.slice(0, viewportItemCount)
+                                : expandedChildren
+                        });
+                    }
                 }
             }
             if (removedKey !== null) {
-                afNodeRef.value = displayTreeMateRef.value.getFlattenedNodes(value);
-                const collapsedNodeIndex = afNodeRef.value.findIndex((node) => node.key === removedKey);
+                const collapsedNodeIndex = afNodesRef.value.findIndex((node) => node.key === removedKey);
                 if (~collapsedNodeIndex) {
-                    const collapsedNodeChildren = afNodeRef.value[collapsedNodeIndex].children;
+                    const collapsedNodeChildren = afNodesRef.value[collapsedNodeIndex].children;
                     // Sometime the whole tree is change, remove a key doesn't mean it is collapsed,
                     // but maybe children removed
                     if (!collapsedNodeChildren)
@@ -440,7 +458,7 @@ exports.default = (0, vue_1.defineComponent)({
                     // play remove animation
                     aipRef.value = true;
                     const collapsedChildren = (0, treemate_1.flatten)(collapsedNodeChildren, value);
-                    afNodeRef.value.splice(collapsedNodeIndex + 1, 0, {
+                    afNodesRef.value.splice(collapsedNodeIndex + 1, 0, {
                         __motion: true,
                         mode: 'collapse',
                         height: virtualScroll
@@ -458,7 +476,7 @@ exports.default = (0, vue_1.defineComponent)({
         });
         const mergedFNodesRef = (0, vue_1.computed)(() => {
             if (aipRef.value)
-                return afNodeRef.value;
+                return afNodesRef.value;
             else
                 return fNodesRef.value;
         });
@@ -588,9 +606,10 @@ exports.default = (0, vue_1.defineComponent)({
             doUpdateCheckedKeys(checkedKeys, getOptionsByKeys(checkedKeys));
             doUpdateIndeterminateKeys(indeterminateKeys, getOptionsByKeys(indeterminateKeys));
         }
-        function toggleExpand(key) {
+        function toggleExpand(node) {
             if (props.disabled)
                 return;
+            const { key } = node;
             const { value: mergedExpandedKeys } = mergedExpandedKeysRef;
             const index = mergedExpandedKeys.findIndex((expandNodeId) => expandNodeId === key);
             if (~index) {
@@ -603,14 +622,24 @@ exports.default = (0, vue_1.defineComponent)({
                 if (!nodeToBeExpanded || nodeToBeExpanded.isLeaf) {
                     return;
                 }
-                const nextKeys = mergedExpandedKeys.concat(key);
+                let nextKeys;
+                if (props.accordion) {
+                    const siblingKeySet = new Set(node.siblings.map(({ key }) => key));
+                    nextKeys = mergedExpandedKeys.filter((expandedKey) => {
+                        return !siblingKeySet.has(expandedKey);
+                    });
+                    nextKeys.push(key);
+                }
+                else {
+                    nextKeys = mergedExpandedKeys.concat(key);
+                }
                 doUpdateExpandedKeys(nextKeys, getOptionsByKeys(nextKeys));
             }
         }
         function handleSwitcherClick(node) {
             if (props.disabled || aipRef.value)
                 return;
-            toggleExpand(node.key);
+            toggleExpand(node);
         }
         function handleSelect(node) {
             if (props.disabled || !props.selectable) {
@@ -1022,6 +1051,7 @@ exports.default = (0, vue_1.defineComponent)({
             blockLineRef: (0, vue_1.toRef)(props, 'blockLine'),
             indentRef: (0, vue_1.toRef)(props, 'indent'),
             cascadeRef: (0, vue_1.toRef)(props, 'cascade'),
+            checkOnClickRef: (0, vue_1.toRef)(props, 'checkOnClick'),
             checkboxPlacementRef: props.checkboxPlacement,
             droppingMouseNodeRef,
             droppingNodeParentRef,
@@ -1074,6 +1104,7 @@ exports.default = (0, vue_1.defineComponent)({
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             mergedTheme: themeRef,
+            rtlEnabled: rtlEnabledRef,
             fNodes: mergedFNodesRef,
             aip: aipRef,
             selfElRef,
@@ -1098,11 +1129,12 @@ exports.default = (0, vue_1.defineComponent)({
         if (!fNodes.length && internalRenderEmpty) {
             return internalRenderEmpty();
         }
-        const { mergedClsPrefix, blockNode, blockLine, draggable, disabled, internalFocusable, checkable, handleKeydown, handleFocusout } = this;
+        const { mergedClsPrefix, blockNode, blockLine, draggable, disabled, internalFocusable, checkable, handleKeydown, rtlEnabled, handleFocusout } = this;
         const mergedFocusable = internalFocusable && !disabled;
         const tabindex = mergedFocusable ? '0' : undefined;
         const treeClass = [
             `${mergedClsPrefix}-tree`,
+            rtlEnabled && `${mergedClsPrefix}-tree--rtl`,
             checkable && `${mergedClsPrefix}-tree--checkable`,
             (blockLine || blockNode) && `${mergedClsPrefix}-tree--block-node`,
             blockLine && `${mergedClsPrefix}-tree--block-line`

package/lib/tree/src/TreeNode.d.ts

@@ -21,6 +21,7 @@ declare const TreeNode: import("vue").DefineComponent<{
     expanded: import("vue").ComputedRef<boolean>;
     disabled: import("vue").ComputedRef<boolean>;
     checkable: import("vue").ComputedRef<boolean>;
+    mergedCheckOnClick: import("vue").ComputedRef<boolean>;
     checkboxDisabled: import("vue").ComputedRef<boolean>;
     selectable: import("vue").ComputedRef<boolean>;
     expandOnClick: import("vue").Ref<boolean>;

package/lib/tree/src/TreeNode.js

@@ -27,7 +27,7 @@ const TreeNode = (0, vue_1.defineComponent)({
     setup(props) {
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         const NTree = (0, vue_1.inject)(interface_1.treeInjectionKey);
-        const { droppingNodeParentRef, droppingMouseNodeRef, draggingNodeRef, droppingPositionRef, droppingOffsetLevelRef, nodePropsRef, indentRef, blockLineRef, checkboxPlacementRef } = NTree;
+        const { droppingNodeParentRef, droppingMouseNodeRef, draggingNodeRef, droppingPositionRef, droppingOffsetLevelRef, nodePropsRef, indentRef, blockLineRef, checkboxPlacementRef, checkOnClickRef } = NTree;
         const disabledRef = (0, vue_1.computed)(() => NTree.disabledRef.value || props.tmNode.disabled);
         const resolvedNodePropsRef = (0, vue_1.computed)(() => {
             const { value: nodeProps } = nodePropsRef;
@@ -74,10 +74,26 @@ const TreeNode = (0, vue_1.defineComponent)({
                     (NTree.multipleRef.value && NTree.cascadeRef.value) ||
                     props.tmNode.isLeaf
                 : true));
+        const checkableRef = (0, vooks_1.useMemo)(() => NTree.checkableRef.value &&
+            (NTree.cascadeRef.value ||
+                NTree.mergedCheckStrategyRef.value !== 'child' ||
+                props.tmNode.isLeaf));
+        const checkedRef = (0, vooks_1.useMemo)(() => NTree.displayedCheckedKeysRef.value.includes(props.tmNode.key));
+        const mergedCheckOnClickRef = (0, vooks_1.useMemo)(() => {
+            const { value: checkable } = checkableRef;
+            if (!checkable)
+                return false;
+            const { value: checkOnClick } = checkOnClickRef;
+            if (typeof checkOnClick === 'boolean') {
+                return checkOnClick;
+            }
+            return checkOnClick(props.tmNode.rawNode);
+        });
         function _handleClick(e) {
             const { value: expandOnClick } = NTree.expandOnClickRef;
             const { value: selectable } = selectableRef;
-            if (!selectable && !expandOnClick)
+            const { value: mergedCheckOnClick } = mergedCheckOnClickRef;
+            if (!selectable && !expandOnClick && !mergedCheckOnClick)
                 return;
             if ((0, seemly_1.happensIn)(e, 'checkbox') || (0, seemly_1.happensIn)(e, 'switcher'))
                 return;
@@ -88,6 +104,9 @@ const TreeNode = (0, vue_1.defineComponent)({
             if (expandOnClick && !tmNode.isLeaf) {
                 handleSwitcherClick();
             }
+            if (mergedCheckOnClick) {
+                handleCheck(!checkedRef.value);
+            }
         }
         function handleContentClick(e) {
             var _a, _b;
@@ -191,15 +210,13 @@ const TreeNode = (0, vue_1.defineComponent)({
                 var _a;
                 return (_a = NTree.highlightKeySetRef.value) === null || _a === void 0 ? void 0 : _a.has(props.tmNode.key);
             }),
-            checked: (0, vooks_1.useMemo)(() => NTree.displayedCheckedKeysRef.value.includes(props.tmNode.key)),
+            checked: checkedRef,
             indeterminate: (0, vooks_1.useMemo)(() => NTree.displayedIndeterminateKeysRef.value.includes(props.tmNode.key)),
             selected: (0, vooks_1.useMemo)(() => NTree.mergedSelectedKeysRef.value.includes(props.tmNode.key)),
             expanded: (0, vooks_1.useMemo)(() => NTree.mergedExpandedKeysRef.value.includes(props.tmNode.key)),
             disabled: disabledRef,
-            checkable: (0, vue_1.computed)(() => NTree.checkableRef.value &&
-                (NTree.cascadeRef.value ||
-                    NTree.mergedCheckStrategyRef.value !== 'child' ||
-                    props.tmNode.isLeaf)),
+            checkable: checkableRef,
+            mergedCheckOnClick: mergedCheckOnClickRef,
             checkboxDisabled: (0, vue_1.computed)(() => !!props.tmNode.rawNode.checkboxDisabled),
             selectable: selectableRef,
             expandOnClick: NTree.expandOnClickRef,
@@ -254,7 +271,7 @@ const TreeNode = (0, vue_1.defineComponent)({
                         [`${clsPrefix}-tree-node--pending`]: pending,
                         [`${clsPrefix}-tree-node--disabled`]: disabled,
                         [`${clsPrefix}-tree-node--selectable`]: selectable,
-                        [`${clsPrefix}-tree-node--clickable`]: selectable || expandOnClick
+                        [`${clsPrefix}-tree-node--clickable`]: selectable || expandOnClick || this.mergedCheckOnClick
                     },
                     nodeProps === null || nodeProps === void 0 ? void 0 : nodeProps.class
                 ], "data-key": dataKey, draggable: draggable && blockLine, onClick: this.handleLineClick, onDragstart: draggable && blockLine && !disabled

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

@@ -55,6 +55,7 @@ export interface InternalDropInfo {
     dropPosition: DropPosition;
 }
 export declare type RenderSwitcherIcon = () => VNodeChild;
+export declare type CheckOnClick = (option: TreeOption) => boolean;
 export interface TreeInjection {
     loadingKeysRef: Ref<Set<Key>>;
     highlightKeySetRef: Ref<Set<Key> | null>;
@@ -91,6 +92,7 @@ export interface TreeInjection {
     multipleRef: Ref<boolean>;
     checkboxPlacementRef: 'left' | 'right';
     internalTreeSelect: boolean;
+    checkOnClickRef: Ref<boolean | CheckOnClick>;
     handleSwitcherClick: (node: TreeNode<TreeOption>) => void;
     handleSelect: (node: TreeNode<TreeOption>) => void;
     handleCheck: (node: TreeNode<TreeOption>, checked: boolean) => void;

package/lib/tree/src/styles/rtl.cssr.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("css-render").CNode;
+export default _default;

package/lib/tree/src/styles/rtl.cssr.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const cssr_1 = require("../../../_utils/cssr");
+
+exports.default = (0, cssr_1.cB)('tree', [(0, cssr_1.cM)('rtl', `
+ direction: rtl;
+ text-align: right;
+ `, [(0, cssr_1.cB)('tree-node-switcher', `
+ transform: rotate(180deg);
+ `, [(0, cssr_1.cM)('expanded', `
+ transform: rotate(90deg);
+ `)]), (0, cssr_1.cB)('tree-node-checkbox', `
+ margin-right: 0;
+ margin-left: 4px;
+ `), (0, cssr_1.cB)('tree-node-content', [(0, cssr_1.cE)('prefix', `
+ margin-right: 0;
+ margin-left: 8px;
+ `)]), (0, cssr_1.cB)('tree-node-checkbox', [(0, cssr_1.cM)('right', `
+ margin-right: 4px;
+ `)])])]);

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

@@ -1,3 +1,4 @@
 export { default as treeDark } from './dark';
 export { default as treeLight } from './light';
+export { treeRtl } from './rtl';
 export type { TreeThemeVars, TreeTheme } from './light';

package/lib/tree/styles/index.js

@@ -3,8 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.treeLight = exports.treeDark = void 0;
+exports.treeRtl = exports.treeLight = exports.treeDark = void 0;
 var dark_1 = require("./dark");
 Object.defineProperty(exports, "treeDark", { enumerable: true, get: function () { return __importDefault(dark_1).default; } });
 var light_1 = require("./light");
 Object.defineProperty(exports, "treeLight", { enumerable: true, get: function () { return __importDefault(light_1).default; } });
+var rtl_1 = require("./rtl");
+Object.defineProperty(exports, "treeRtl", { enumerable: true, get: function () { return rtl_1.treeRtl; } });

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

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

package/lib/tree/styles/rtl.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.treeRtl = void 0;
+const rtl_cssr_1 = __importDefault(require("../src/styles/rtl.cssr"));
+exports.treeRtl = {
+    name: 'Tree',
+    style: rtl_cssr_1.default
+};

package/lib/tree-select/index.d.ts

@@ -1,3 +1,3 @@
-export { default as NTreeSelect } from './src/TreeSelect';
+export { default as NTreeSelect, treeSelectProps } from './src/TreeSelect';
 export type { TreeSelectProps } from './src/TreeSelect';
 export type { TreeSelectOption, TreeSelectNodeProps, TreeSelectRenderLabel, TreeSelectRenderPrefix, TreeSelectRenderSuffix, TreeSelectRenderTag } from './src/interface';

package/lib/tree-select/index.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NTreeSelect = void 0;
+exports.treeSelectProps = exports.NTreeSelect = void 0;
 var TreeSelect_1 = require("./src/TreeSelect");
 Object.defineProperty(exports, "NTreeSelect", { enumerable: true, get: function () { return __importDefault(TreeSelect_1).default; } });
+Object.defineProperty(exports, "treeSelectProps", { enumerable: true, get: function () { return TreeSelect_1.treeSelectProps; } });

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

@@ -7,7 +7,7 @@ import type { SelectBaseOption, SelectOption } from '../../select/src/interface'
 import { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { OnUpdateValue, TreeSelectNodeProps, TreeSelectOption, TreeSelectRenderTag, Value } from './interface';
 declare type OnLoad = (node: TreeSelectOption) => Promise<void>;
-declare const props: {
+export declare const treeSelectProps: {
     readonly renderLabel: PropType<import("./interface").TreeSelectRenderTreePart>;
     readonly renderPrefix: PropType<import("./interface").TreeSelectRenderTreePart>;
     readonly renderSuffix: PropType<import("./interface").TreeSelectRenderTreePart>;
@@ -569,7 +569,7 @@ declare const props: {
         }>;
     }>>>;
 };
-export declare type TreeSelectProps = ExtractPublicPropTypes<typeof props>;
+export declare type TreeSelectProps = ExtractPublicPropTypes<typeof treeSelectProps>;
 declare const _default: import("vue").DefineComponent<{
     readonly renderLabel: PropType<import("./interface").TreeSelectRenderTreePart>;
     readonly renderPrefix: PropType<import("./interface").TreeSelectRenderTreePart>;

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

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.treeSelectProps = void 0;
 const vue_1 = require("vue");
 const vueuc_1 = require("vueuc");
 const vooks_1 = require("vooks");
@@ -19,7 +20,7 @@ const styles_1 = require("../styles");
 const interface_1 = require("./interface");
 const utils_1 = require("./utils");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
-const props = Object.assign(Object.assign(Object.assign(Object.assign({}, _mixins_1.useTheme.props), { bordered: {
+exports.treeSelectProps = Object.assign(Object.assign(Object.assign(Object.assign({}, _mixins_1.useTheme.props), { bordered: {
         type: Boolean,
         default: true
     }, cascade: Boolean, checkable: Boolean, clearable: Boolean, clearFilterAfterSelect: {
@@ -59,7 +60,7 @@ const props = Object.assign(Object.assign(Object.assign(Object.assign({}, _mixin
     leafOnly: Boolean });
 exports.default = (0, vue_1.defineComponent)({
     name: 'TreeSelect',
-    props,
+    props: exports.treeSelectProps,
     setup(props) {
         if (process.env.NODE_ENV !== 'production') {
             (0, vue_1.watchEffect)(() => {

package/lib/typography/index.d.ts

@@ -1,21 +1,22 @@
 export { NH1, NH2, NH3, NH4, NH5, NH6 } from './src/headers';
+export { headerProps as h1Props, headerProps as h2Props, headerProps as h3Props, headerProps as h4Props, headerProps as h5Props, headerProps as h6Props } from './src/create-header';
 export type { HeaderProps as H1Props } from './src/create-header';
 export type { HeaderProps as H2Props } from './src/create-header';
 export type { HeaderProps as H3Props } from './src/create-header';
 export type { HeaderProps as H4Props } from './src/create-header';
 export type { HeaderProps as H5Props } from './src/create-header';
 export type { HeaderProps as H6Props } from './src/create-header';
-export { default as NA } from './src/a';
+export { default as NA, aProps } from './src/a';
 export type { AProps } from './src/a';
-export { default as NP } from './src/p';
+export { default as NP, pProps } from './src/p';
 export type { PProps } from './src/p';
-export { default as NBlockquote } from './src/blockquote';
+export { default as NBlockquote, blockquoteProps } from './src/blockquote';
 export type { BlockquoteProps } from './src/blockquote';
 export { default as NHr } from './src/hr';
-export { default as NUl } from './src/ul';
+export { default as NUl, ulProps } from './src/ul';
 export type { UlProps } from './src/ul';
-export { default as NOl } from './src/ol';
+export { default as NOl, olProps } from './src/ol';
 export type { OlProps } from './src/ol';
 export { default as NLi } from './src/li';
-export { default as NText } from './src/text';
+export { default as NText, textProps } from './src/text';
 export type { TextProps } from './src/text';

package/lib/typography/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NText = exports.NLi = exports.NOl = exports.NUl = exports.NHr = exports.NBlockquote = exports.NP = exports.NA = exports.NH6 = exports.NH5 = exports.NH4 = exports.NH3 = exports.NH2 = exports.NH1 = void 0;
+exports.textProps = exports.NText = exports.NLi = exports.olProps = exports.NOl = exports.ulProps = exports.NUl = exports.NHr = exports.blockquoteProps = exports.NBlockquote = exports.pProps = exports.NP = exports.aProps = exports.NA = exports.h6Props = exports.h5Props = exports.h4Props = exports.h3Props = exports.h2Props = exports.h1Props = exports.NH6 = exports.NH5 = exports.NH4 = exports.NH3 = exports.NH2 = exports.NH1 = void 0;
 var headers_1 = require("./src/headers");
 Object.defineProperty(exports, "NH1", { enumerable: true, get: function () { return headers_1.NH1; } });
 Object.defineProperty(exports, "NH2", { enumerable: true, get: function () { return headers_1.NH2; } });
@@ -11,19 +11,32 @@ Object.defineProperty(exports, "NH3", { enumerable: true, get: function () { ret
 Object.defineProperty(exports, "NH4", { enumerable: true, get: function () { return headers_1.NH4; } });
 Object.defineProperty(exports, "NH5", { enumerable: true, get: function () { return headers_1.NH5; } });
 Object.defineProperty(exports, "NH6", { enumerable: true, get: function () { return headers_1.NH6; } });
+var create_header_1 = require("./src/create-header");
+Object.defineProperty(exports, "h1Props", { enumerable: true, get: function () { return create_header_1.headerProps; } });
+Object.defineProperty(exports, "h2Props", { enumerable: true, get: function () { return create_header_1.headerProps; } });
+Object.defineProperty(exports, "h3Props", { enumerable: true, get: function () { return create_header_1.headerProps; } });
+Object.defineProperty(exports, "h4Props", { enumerable: true, get: function () { return create_header_1.headerProps; } });
+Object.defineProperty(exports, "h5Props", { enumerable: true, get: function () { return create_header_1.headerProps; } });
+Object.defineProperty(exports, "h6Props", { enumerable: true, get: function () { return create_header_1.headerProps; } });
 var a_1 = require("./src/a");
 Object.defineProperty(exports, "NA", { enumerable: true, get: function () { return __importDefault(a_1).default; } });
+Object.defineProperty(exports, "aProps", { enumerable: true, get: function () { return a_1.aProps; } });
 var p_1 = require("./src/p");
 Object.defineProperty(exports, "NP", { enumerable: true, get: function () { return __importDefault(p_1).default; } });
+Object.defineProperty(exports, "pProps", { enumerable: true, get: function () { return p_1.pProps; } });
 var blockquote_1 = require("./src/blockquote");
 Object.defineProperty(exports, "NBlockquote", { enumerable: true, get: function () { return __importDefault(blockquote_1).default; } });
+Object.defineProperty(exports, "blockquoteProps", { enumerable: true, get: function () { return blockquote_1.blockquoteProps; } });
 var hr_1 = require("./src/hr");
 Object.defineProperty(exports, "NHr", { enumerable: true, get: function () { return __importDefault(hr_1).default; } });
 var ul_1 = require("./src/ul");
 Object.defineProperty(exports, "NUl", { enumerable: true, get: function () { return __importDefault(ul_1).default; } });
+Object.defineProperty(exports, "ulProps", { enumerable: true, get: function () { return ul_1.ulProps; } });
 var ol_1 = require("./src/ol");
 Object.defineProperty(exports, "NOl", { enumerable: true, get: function () { return __importDefault(ol_1).default; } });
+Object.defineProperty(exports, "olProps", { enumerable: true, get: function () { return ol_1.olProps; } });
 var li_1 = require("./src/li");
 Object.defineProperty(exports, "NLi", { enumerable: true, get: function () { return __importDefault(li_1).default; } });
 var text_1 = require("./src/text");
 Object.defineProperty(exports, "NText", { enumerable: true, get: function () { return __importDefault(text_1).default; } });
+Object.defineProperty(exports, "textProps", { enumerable: true, get: function () { return text_1.textProps; } });

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

@@ -1,5 +1,5 @@
 import type { ExtractPublicPropTypes } from '../../_utils';
-declare const aProps: {
+export declare const aProps: {
     readonly theme: import("vue").PropType<import("../../_mixins").Theme<"Typography", {
         aTextColor: string;
         blockquoteTextColor: string;

package/lib/typography/src/a.js

@@ -3,14 +3,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.aProps = void 0;
 const vue_1 = require("vue");
 const _mixins_1 = require("../../_mixins");
 const styles_1 = require("../styles");
 const a_cssr_1 = __importDefault(require("./styles/a.cssr"));
-const aProps = Object.assign({}, _mixins_1.useTheme.props);
+exports.aProps = Object.assign({}, _mixins_1.useTheme.props);
 exports.default = (0, vue_1.defineComponent)({
     name: 'A',
-    props: aProps,
+    props: exports.aProps,
     setup(props) {
         const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Typography', '-a', a_cssr_1.default, styles_1.typographyLight, props, mergedClsPrefixRef);

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

@@ -1,5 +1,5 @@
 import type { ExtractPublicPropTypes } from '../../_utils';
-declare const blockquoteProps: {
+export declare const blockquoteProps: {
     readonly alignText: BooleanConstructor;
     readonly theme: import("vue").PropType<import("../../_mixins").Theme<"Typography", {
         aTextColor: string;

package/lib/typography/src/blockquote.js

@@ -3,14 +3,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 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 blockquoteProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { alignText: Boolean });
+exports.blockquoteProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { alignText: Boolean });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Blockquote',
-    props: blockquoteProps,
+    props: exports.blockquoteProps,
     setup(props) {
         const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Typography', '-blockquote', blockquote_cssr_1.default, styles_1.typographyLight, props, mergedClsPrefixRef);

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

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import { ExtractPublicPropTypes } from '../../_utils';
-declare const headerProps: {
+export declare const headerProps: {
     readonly type: {
         readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
         readonly default: "default";

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

@@ -3,19 +3,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.headerProps = void 0;
 const vue_1 = require("vue");
 const _mixins_1 = require("../../_mixins");
 const _utils_1 = require("../../_utils");
 const styles_1 = require("../styles");
 const header_cssr_1 = __importDefault(require("./styles/header.cssr"));
-const headerProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { type: {
+exports.headerProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { type: {
         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: headerProps,
+    props: exports.headerProps,
     setup(props) {
         const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Typography', '-h', header_cssr_1.default, styles_1.typographyLight, props, mergedClsPrefixRef);

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

@@ -1,5 +1,5 @@
 import type { ExtractPublicPropTypes } from '../../_utils';
-declare const olProps: {
+export declare const olProps: {
     alignText: BooleanConstructor;
     theme: import("vue").PropType<import("../../_mixins").Theme<"Typography", {
         aTextColor: string;

package/lib/typography/src/ol.js

@@ -3,14 +3,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.olProps = void 0;
 const vue_1 = require("vue");
 const _mixins_1 = require("../../_mixins");
 const styles_1 = require("../styles");
 const list_cssr_1 = __importDefault(require("./styles/list.cssr"));
-const olProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { alignText: Boolean });
+exports.olProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { alignText: Boolean });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Ol',
-    props: olProps,
+    props: exports.olProps,
     setup(props) {
         const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Typography', '-xl', list_cssr_1.default, styles_1.typographyLight, props, mergedClsPrefixRef);