naive-ui 2.30.6 → 2.31.0

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

@@ -1,13 +1,17 @@
-import { PropType, HTMLAttributes } from 'vue';
+import { PropType, HTMLAttributes, VNodeChild } from 'vue';
 import { FollowerPlacement } from 'vueuc';
 import { CheckStrategy } from 'treemate';
 import type { FormValidationStatus } from '../../form/src/interface';
 import { Key } from '../../tree/src/interface';
-import type { SelectBaseOption } from '../../select/src/interface';
+import type { SelectBaseOption, SelectOption } from '../../select/src/interface';
 import { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
-import type { OnUpdateValue, TreeSelectOption, Value } from './interface';
+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>;
+    readonly nodeProps: PropType<TreeSelectNodeProps>;
     readonly onBlur: PropType<(e: FocusEvent) => void>;
     readonly onFocus: PropType<(e: FocusEvent) => void>;
     readonly onLoad: PropType<OnLoad>;
@@ -40,6 +44,7 @@ declare const props: {
         readonly default: () => never[];
     };
     readonly indeterminateKeys: PropType<Key[]>;
+    readonly renderSwitcherIcon: PropType<import("../../tree/src/interface").RenderSwitcherIcon>;
     readonly onUpdateIndeterminateKeys: PropType<MaybeArray<import("../../tree/src/Tree").OnUpdateKeys>>;
     readonly 'onUpdate:indeterminateKeys': PropType<MaybeArray<import("../../tree/src/Tree").OnUpdateKeys>>;
     readonly onUpdateExpandedKeys: PropType<MaybeArray<import("../../tree/src/Tree").OnUpdateKeys>>;
@@ -106,6 +111,7 @@ declare const props: {
         readonly default: true;
     };
     readonly status: PropType<FormValidationStatus>;
+    readonly renderTag: PropType<TreeSelectRenderTag>;
     readonly theme: PropType<import("../../_mixins").Theme<"TreeSelect", {
         menuPadding: string;
         menuColor: string;
@@ -563,8 +569,12 @@ 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>;
+    readonly renderSuffix: PropType<import("./interface").TreeSelectRenderTreePart>;
+    readonly nodeProps: PropType<TreeSelectNodeProps>;
     readonly onBlur: PropType<(e: FocusEvent) => void>;
     readonly onFocus: PropType<(e: FocusEvent) => void>;
     readonly onLoad: PropType<OnLoad>;
@@ -597,6 +607,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: () => never[];
     };
     readonly indeterminateKeys: PropType<Key[]>;
+    readonly renderSwitcherIcon: PropType<import("../../tree/src/interface").RenderSwitcherIcon>;
     readonly onUpdateIndeterminateKeys: PropType<MaybeArray<import("../../tree/src/Tree").OnUpdateKeys>>;
     readonly 'onUpdate:indeterminateKeys': PropType<MaybeArray<import("../../tree/src/Tree").OnUpdateKeys>>;
     readonly onUpdateExpandedKeys: PropType<MaybeArray<import("../../tree/src/Tree").OnUpdateKeys>>;
@@ -663,6 +674,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: true;
     };
     readonly status: PropType<FormValidationStatus>;
+    readonly renderTag: PropType<TreeSelectRenderTag>;
     readonly theme: PropType<import("../../_mixins").Theme<"TreeSelect", {
         menuPadding: string;
         menuColor: string;
@@ -1149,12 +1161,16 @@ declare const _default: import("vue").DefineComponent<{
     treeCheckedKeys: import("vue").ComputedRef<Key[]>;
     mergedSize: import("vue").ComputedRef<"small" | "medium" | "large">;
     mergedDisabled: import("vue").ComputedRef<boolean>;
-    selectedOption: import("vue").ComputedRef<SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)> | null>;
-    selectedOptions: import("vue").ComputedRef<SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>[] | null>;
+    selectedOption: import("vue").ComputedRef<SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => VNodeChild)> | null>;
+    selectedOptions: import("vue").ComputedRef<SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => VNodeChild)>[] | null>;
     pattern: import("vue").Ref<string>;
     pendingNodeKey: import("vue").Ref<string | number | null>;
     mergedCascade: import("vue").ComputedRef<boolean>;
     mergedFilter: import("vue").ComputedRef<(pattern: string, node: import("../../tree").TreeOption) => boolean>;
+    selectionRenderTag: import("vue").ComputedRef<(({ option, handleClose }: {
+        option: SelectOption;
+        handleClose: () => void;
+    }) => VNodeChild) | undefined>;
     handleTriggerOrMenuResize: () => void;
     doUpdateExpandedKeys: (keys: Key[], option: Array<TreeSelectOption | null>) => void;
     handleMenuLeave: () => void;
@@ -1520,6 +1536,10 @@ declare const _default: import("vue").DefineComponent<{
     themeClass: import("vue").Ref<string> | undefined;
     onRender: (() => void) | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly renderLabel: PropType<import("./interface").TreeSelectRenderTreePart>;
+    readonly renderPrefix: PropType<import("./interface").TreeSelectRenderTreePart>;
+    readonly renderSuffix: PropType<import("./interface").TreeSelectRenderTreePart>;
+    readonly nodeProps: PropType<TreeSelectNodeProps>;
     readonly onBlur: PropType<(e: FocusEvent) => void>;
     readonly onFocus: PropType<(e: FocusEvent) => void>;
     readonly onLoad: PropType<OnLoad>;
@@ -1552,6 +1572,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: () => never[];
     };
     readonly indeterminateKeys: PropType<Key[]>;
+    readonly renderSwitcherIcon: PropType<import("../../tree/src/interface").RenderSwitcherIcon>;
     readonly onUpdateIndeterminateKeys: PropType<MaybeArray<import("../../tree/src/Tree").OnUpdateKeys>>;
     readonly 'onUpdate:indeterminateKeys': PropType<MaybeArray<import("../../tree/src/Tree").OnUpdateKeys>>;
     readonly onUpdateExpandedKeys: PropType<MaybeArray<import("../../tree/src/Tree").OnUpdateKeys>>;
@@ -1618,6 +1639,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: true;
     };
     readonly status: PropType<FormValidationStatus>;
+    readonly renderTag: PropType<TreeSelectRenderTag>;
     readonly theme: PropType<import("../../_mixins").Theme<"TreeSelect", {
         menuPadding: string;
         menuColor: string;

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: {
@@ -52,14 +53,14 @@ const props = Object.assign(Object.assign(Object.assign(Object.assign({}, _mixin
     }, size: String, value: [String, Number, Array], to: _utils_1.useAdjustedTo.propTo, menuProps: Object, virtualScroll: {
         type: Boolean,
         default: true
-    }, status: String }), Tree_1.treeSharedProps), { onBlur: Function, onFocus: Function, onLoad: Function, onUpdateShow: [Function, Array], onUpdateValue: [Function, Array], 'onUpdate:value': [Function, Array], 'onUpdate:show': [Function, Array], 
+    }, status: String, renderTag: Function }), Tree_1.treeSharedProps), { renderLabel: Function, renderPrefix: Function, renderSuffix: Function, nodeProps: Function, onBlur: Function, onFocus: Function, onLoad: Function, onUpdateShow: [Function, Array], onUpdateValue: [Function, Array], 'onUpdate:value': [Function, Array], 'onUpdate:show': [Function, Array], 
     /**
      * @deprecated
      */
     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)(() => {
@@ -436,6 +437,21 @@ exports.default = (0, vue_1.defineComponent)({
             if (!(0, seemly_1.happensIn)(e, 'action'))
                 e.preventDefault();
         }
+        const selectionRenderTagRef = (0, vue_1.computed)(() => {
+            const { renderTag } = props;
+            if (!renderTag)
+                return undefined;
+            return function selectionRenderTag({ option, handleClose }) {
+                const { value } = option;
+                if (value !== undefined) {
+                    const treeOption = dataTreeMateRef.value.getNode(value);
+                    if (treeOption) {
+                        return renderTag({ option: treeOption.rawNode, handleClose });
+                    }
+                }
+                return value;
+            };
+        });
         (0, vue_1.provide)(interface_1.treeSelectInjectionKey, {
             pendingNodeKeyRef,
             dataTreeMate: dataTreeMateRef
@@ -490,6 +506,7 @@ exports.default = (0, vue_1.defineComponent)({
             pendingNodeKey: pendingNodeKeyRef,
             mergedCascade: mergedCascadeRef,
             mergedFilter: mergedFilterRef,
+            selectionRenderTag: selectionRenderTagRef,
             handleTriggerOrMenuResize,
             doUpdateExpandedKeys,
             handleMenuLeave,
@@ -519,7 +536,7 @@ exports.default = (0, vue_1.defineComponent)({
             (0, vue_1.h)(vueuc_1.VBinder, null, {
                 default: () => [
                     (0, vue_1.h)(vueuc_1.VTarget, null, {
-                        default: () => ((0, vue_1.h)(_internal_1.NInternalSelection, { ref: "triggerInstRef", onResize: this.handleTriggerOrMenuResize, status: this.mergedStatus, focused: this.focused, clsPrefix: mergedClsPrefix, theme: mergedTheme.peers.InternalSelection, themeOverrides: mergedTheme.peerOverrides.InternalSelection, selectedOption: this.selectedOption, selectedOptions: this.selectedOptions, size: this.mergedSize, bordered: this.bordered, placeholder: this.mergedPlaceholder, disabled: this.mergedDisabled, active: this.mergedShow, loading: this.loading, multiple: this.multiple, maxTagCount: this.maxTagCount, showArrow: true, filterable: this.filterable, clearable: this.clearable, pattern: this.pattern, onPatternInput: this.handlePatternInput, onClear: this.handleClear, onClick: this.handleTriggerClick, onFocus: this.handleTriggerFocus, onBlur: this.handleTriggerBlur, onDeleteOption: this.handleDeleteOption, onKeydown: this.handleKeydown }, {
+                        default: () => ((0, vue_1.h)(_internal_1.NInternalSelection, { ref: "triggerInstRef", onResize: this.handleTriggerOrMenuResize, status: this.mergedStatus, focused: this.focused, clsPrefix: mergedClsPrefix, theme: mergedTheme.peers.InternalSelection, themeOverrides: mergedTheme.peerOverrides.InternalSelection, renderTag: this.selectionRenderTag, selectedOption: this.selectedOption, selectedOptions: this.selectedOptions, size: this.mergedSize, bordered: this.bordered, placeholder: this.mergedPlaceholder, disabled: this.mergedDisabled, active: this.mergedShow, loading: this.loading, multiple: this.multiple, maxTagCount: this.maxTagCount, showArrow: true, filterable: this.filterable, clearable: this.clearable, pattern: this.pattern, onPatternInput: this.handlePatternInput, onClear: this.handleClear, onClick: this.handleTriggerClick, onFocus: this.handleTriggerFocus, onBlur: this.handleTriggerBlur, onDeleteOption: this.handleDeleteOption, onKeydown: this.handleKeydown }, {
                             arrow: () => { var _a, _b; return [(_b = (_a = this.$slots).arrow) === null || _b === void 0 ? void 0 : _b.call(_a)]; }
                         }))
                     }),
@@ -539,7 +556,7 @@ 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, vue_1.h)(tree_1.NTree, { ref: "treeInstRef", blockLine: true, allowCheckingNotLoaded: this.allowCheckingNotLoaded, showIrrelevantNodes: false, animated: false, pattern: this.pattern, filter: this.mergedFilter, data: options, cancelable: multiple, labelField: this.labelField, keyField: this.keyField, 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, virtualScroll: this.consistentMenuWidth && this.virtualScroll, 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)(tree_1.NTree, { ref: "treeInstRef", blockLine: true, allowCheckingNotLoaded: this.allowCheckingNotLoaded, showIrrelevantNodes: false, animated: false, pattern: this.pattern, filter: this.mergedFilter, data: options, cancelable: multiple, labelField: this.labelField, keyField: this.keyField, 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, virtualScroll: this.consistentMenuWidth && this.virtualScroll, 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 }),
                                     (0, _utils_1.resolveWrappedSlot)($slots.action, (children) => {

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

@@ -1,5 +1,5 @@
 import { TreeMate, TreeNode } from 'treemate';
-import { Ref } from 'vue';
+import { HTMLAttributes, Ref, VNodeChild } from 'vue';
 import type { TreeOptionBase, TreeOption } from '../../tree/src/interface';
 export declare type TreeSelectOption = Omit<TreeOptionBase, 'checkboxDisabled' | 'isLeaf' | 'children'> & {
     children?: TreeSelectOption[];
@@ -14,3 +14,19 @@ export interface TreeSelectInjection {
     dataTreeMate: Ref<TreeMate<TreeOption>>;
 }
 export declare const treeSelectInjectionKey: import("vue").InjectionKey<TreeSelectInjection>;
+export declare type TreeSelectRenderTag = (props: {
+    option: TreeSelectOption;
+    handleClose: () => void;
+}) => VNodeChild;
+export interface TreeSelectRenderProps {
+    option: TreeSelectOption;
+    checked: boolean;
+    selected: boolean;
+}
+export declare type TreeSelectRenderTreePart = ({ option, checked, selected }: TreeSelectRenderProps) => VNodeChild;
+export declare type TreeSelectRenderLabel = TreeSelectRenderTreePart;
+export declare type TreeSelectRenderPrefix = TreeSelectRenderTreePart;
+export declare type TreeSelectRenderSuffix = TreeSelectRenderTreePart;
+export declare type TreeSelectNodeProps = (info: {
+    option: TreeSelectOption;
+}) => HTMLAttributes & Record<string, unknown>;

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);

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

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
-declare const pProps: {
+export declare const pProps: {
     depth: PropType<2 | 1 | 3 | "1" | "2" | "3">;
     theme: PropType<import("../../_mixins").Theme<"Typography", {
         aTextColor: string;

package/lib/typography/src/p.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.pProps = void 0;
 const vue_1 = require("vue");
 const _mixins_1 = require("../../_mixins");
 const styles_1 = require("../styles");
 const p_cssr_1 = __importDefault(require("./styles/p.cssr"));
-const pProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { depth: [String, Number] });
+exports.pProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { depth: [String, Number] });
 exports.default = (0, vue_1.defineComponent)({
     name: 'P',
-    props: pProps,
+    props: exports.pProps,
     setup(props) {
         const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Typography', '-p', p_cssr_1.default, styles_1.typographyLight, props, mergedClsPrefixRef);

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

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
-declare const textProps: {
+export declare const textProps: {
     readonly code: BooleanConstructor;
     readonly type: {
         readonly type: StringConstructor;

package/lib/typography/src/text.js

@@ -3,13 +3,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.textProps = void 0;
 const vue_1 = require("vue");
 const vooks_1 = require("vooks");
 const _mixins_1 = require("../../_mixins");
 const _utils_1 = require("../../_utils");
 const styles_1 = require("../styles");
 const text_cssr_1 = __importDefault(require("./styles/text.cssr"));
-const textProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { code: Boolean, type: {
+exports.textProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { code: Boolean, type: {
         type: String,
         default: 'default'
     }, delete: Boolean, strong: Boolean, italic: Boolean, underline: Boolean, depth: [String, Number], tag: String, 
@@ -26,7 +27,7 @@ const textProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { c
     } });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Text',
-    props: textProps,
+    props: exports.textProps,
     setup(props) {
         const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Typography', '-text', text_cssr_1.default, styles_1.typographyLight, props, mergedClsPrefixRef);

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

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

package/lib/typography/src/ul.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.ulProps = 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 ulProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { alignText: Boolean });
+exports.ulProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { alignText: Boolean });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Ul',
-    props: ulProps,
+    props: exports.ulProps,
     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);

package/lib/upload/index.d.ts

@@ -1,4 +1,4 @@
-export { default as NUpload } from './src/Upload';
+export { default as NUpload, uploadProps } from './src/Upload';
 export { default as NUploadDragger } from './src/UploadDragger';
 export { default as NUploadTrigger } from './src/UploadTrigger';
 export { default as NUploadFileList } from './src/UploadFileList';

package/lib/upload/index.js

@@ -3,9 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NUploadFileList = exports.NUploadTrigger = exports.NUploadDragger = exports.NUpload = void 0;
+exports.NUploadFileList = exports.NUploadTrigger = exports.NUploadDragger = exports.uploadProps = exports.NUpload = void 0;
 var Upload_1 = require("./src/Upload");
 Object.defineProperty(exports, "NUpload", { enumerable: true, get: function () { return __importDefault(Upload_1).default; } });
+Object.defineProperty(exports, "uploadProps", { enumerable: true, get: function () { return Upload_1.uploadProps; } });
 var UploadDragger_1 = require("./src/UploadDragger");
 Object.defineProperty(exports, "NUploadDragger", { enumerable: true, get: function () { return __importDefault(UploadDragger_1).default; } });
 var UploadTrigger_1 = require("./src/UploadTrigger");

package/lib/upload/src/Upload.d.ts

@@ -2,7 +2,7 @@ import { PropType, CSSProperties, InputHTMLAttributes } from 'vue';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { ImageGroupProps } from '../../image';
 import type { FileInfo, FuncOrRecordOrUndef, OnFinish, OnRemove, OnDownload, OnChange, OnUpdateFileList, OnBeforeUpload, ListType, OnPreview, CreateThumbnailUrl, CustomRequest, OnError } from './interface';
-declare const uploadProps: {
+export declare const uploadProps: {
     readonly name: {
         readonly type: StringConstructor;
         readonly default: "file";

package/lib/upload/src/Upload.js

@@ -12,6 +12,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.uploadProps = void 0;
 const vue_1 = require("vue");
 const seemly_1 = require("seemly");
 const vooks_1 = require("vooks");
@@ -179,7 +180,7 @@ function submitImpl(inst, fieldName, file, { method, action, withCredentials, he
         inst.doChange(fileAfterChange);
     }
 }
-const uploadProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { name: {
+exports.uploadProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { name: {
         type: String,
         default: 'file'
     }, accept: String, action: String, customRequest: Function, directory: Boolean, directoryDnd: { type: Boolean, default: undefined }, method: {
@@ -220,7 +221,7 @@ const uploadProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), {
     }, imageGroupProps: Object, inputProps: Object, triggerStyle: [String, Object] });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Upload',
-    props: uploadProps,
+    props: exports.uploadProps,
     setup(props) {
         if (props.abstract && props.listType === 'image-card') {
             (0, _utils_1.throwError)('upload', 'when the list-type is image-card, abstract is not supported.');

package/lib/upload/src/UploadFile.d.ts

@@ -387,8 +387,8 @@ declare const _default: import("vue").DefineComponent<{
     showRemoveButton: import("vue").ComputedRef<boolean>;
     showDownloadButton: import("vue").ComputedRef<boolean>;
     showRetryButton: import("vue").ComputedRef<boolean>;
-    showPreviewButton: import("vue").ComputedRef<boolean | "">;
-    thumbnailUrl: import("vue").Ref<string>;
+    showPreviewButton: import("vue").ComputedRef<boolean | "" | null>;
+    mergedThumbnailUrl: import("vue").ComputedRef<string | null>;
     imageRef: import("vue").Ref<{
         click: () => void;
     } | null>;