naive-ui 2.30.7 → 2.32.0

package/lib/dropdown/src/DropdownMenu.d.ts

@@ -5,6 +5,7 @@ export interface NDropdownMenuInjection {
     hasSubmenuRef: Ref<boolean>;
 }
 declare const _default: import("vue").DefineComponent<{
+    scrollable: BooleanConstructor;
     showArrow: BooleanConstructor;
     arrowStyle: PropType<string | CSSProperties>;
     clsPrefix: {
@@ -22,6 +23,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     bodyRef: Ref<HTMLElement | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    scrollable: BooleanConstructor;
     showArrow: BooleanConstructor;
     arrowStyle: PropType<string | CSSProperties>;
     clsPrefix: {
@@ -37,6 +39,7 @@ declare const _default: import("vue").DefineComponent<{
         default: null;
     };
 }>>, {
+    scrollable: boolean;
     showArrow: boolean;
     parentKey: string | number;
     tmNodes: TreeNode<import("../..").MenuOption, import("../..").MenuGroupOption, import("../../menu/src/interface").MenuIgnoredOption>[];

package/lib/dropdown/src/DropdownMenu.js

@@ -5,6 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const vue_1 = require("vue");
 const PopoverBody_1 = require("../../popover/src/PopoverBody");
+const scrollbar_1 = require("../../_internal/scrollbar");
 const DropdownDivider_1 = __importDefault(require("./DropdownDivider"));
 // eslint-disable-next-line import/no-cycle
 const DropdownGroup_1 = __importDefault(require("./DropdownGroup"));
@@ -19,6 +20,7 @@ const interface_3 = require("../../popover/src/interface");
 exports.default = (0, vue_1.defineComponent)({
     name: 'DropdownMenu',
     props: {
+        scrollable: Boolean,
         showArrow: Boolean,
         arrowStyle: [String, Object],
         clsPrefix: {
@@ -70,21 +72,27 @@ exports.default = (0, vue_1.defineComponent)({
         };
     },
     render() {
-        const { parentKey, clsPrefix } = this;
-        return ((0, vue_1.h)("div", { class: `${clsPrefix}-dropdown-menu`, ref: "bodyRef" },
-            this.tmNodes.map((tmNode) => {
-                const { rawNode } = tmNode;
-                if ((0, utils_1.isRenderNode)(rawNode)) {
-                    return ((0, vue_1.h)(DropdownRenderOption_1.default, { tmNode: tmNode, key: tmNode.key }));
-                }
-                if ((0, utils_1.isDividerNode)(rawNode)) {
-                    return (0, vue_1.h)(DropdownDivider_1.default, { clsPrefix: clsPrefix, key: tmNode.key });
-                }
-                if ((0, utils_1.isGroupNode)(rawNode)) {
-                    return ((0, vue_1.h)(DropdownGroup_1.default, { clsPrefix: clsPrefix, tmNode: tmNode, parentKey: parentKey, key: tmNode.key }));
-                }
-                return ((0, vue_1.h)(DropdownOption_1.default, { clsPrefix: clsPrefix, tmNode: tmNode, parentKey: parentKey, key: tmNode.key, props: rawNode.props }));
-            }),
+        const { parentKey, clsPrefix, scrollable } = this;
+        const menuOptionsNode = this.tmNodes.map((tmNode) => {
+            const { rawNode } = tmNode;
+            if ((0, utils_1.isRenderNode)(rawNode)) {
+                return ((0, vue_1.h)(DropdownRenderOption_1.default, { tmNode: tmNode, key: tmNode.key }));
+            }
+            if ((0, utils_1.isDividerNode)(rawNode)) {
+                return (0, vue_1.h)(DropdownDivider_1.default, { clsPrefix: clsPrefix, key: tmNode.key });
+            }
+            if ((0, utils_1.isGroupNode)(rawNode)) {
+                return ((0, vue_1.h)(DropdownGroup_1.default, { clsPrefix: clsPrefix, tmNode: tmNode, parentKey: parentKey, key: tmNode.key }));
+            }
+            return ((0, vue_1.h)(DropdownOption_1.default, { clsPrefix: clsPrefix, tmNode: tmNode, parentKey: parentKey, key: tmNode.key, props: rawNode.props, scrollable: scrollable }));
+        });
+        return ((0, vue_1.h)("div", { class: [
+                `${clsPrefix}-dropdown-menu`,
+                scrollable && `${clsPrefix}-dropdown-menu--scrollable`
+            ], ref: "bodyRef" },
+            scrollable ? ((0, vue_1.h)(scrollbar_1.NxScrollbar, { contentClass: `${clsPrefix}-dropdown-menu__content` }, {
+                default: () => menuOptionsNode
+            })) : (menuOptionsNode),
             this.showArrow
                 ? (0, PopoverBody_1.renderArrow)({
                     clsPrefix,

package/lib/dropdown/src/DropdownOption.d.ts

@@ -22,12 +22,15 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     props: PropType<HTMLAttributes>;
+    scrollable: BooleanConstructor;
 }, {
     labelField: Ref<string>;
     renderLabel: Ref<import("./interface").RenderLabelImpl | undefined>;
     renderIcon: Ref<import("./interface").RenderIconImpl | undefined>;
     siblingHasIcon: Ref<boolean>;
     siblingHasSubmenu: Ref<boolean>;
+    menuProps: Ref<import("./interface").DropdownMenuProps | undefined>;
+    popoverBody: Ref<HTMLElement | null>;
     animated: Ref<boolean>;
     mergedShowSubmenu: import("vue").ComputedRef<boolean>;
     rawNode: import("vue").ComputedRef<import("../..").MenuOption | import("../..").MenuGroupOption | import("../../menu/src/interface").MenuIgnoredOption>;
@@ -62,8 +65,10 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     props: PropType<HTMLAttributes>;
+    scrollable: BooleanConstructor;
 }>>, {
     placement: FollowerPlacement;
+    scrollable: boolean;
     parentKey: string | number | null;
 }>;
 export default _default;

package/lib/dropdown/src/DropdownOption.js

@@ -12,6 +12,7 @@ const icon_1 = require("../../icon");
 // eslint-disable-next-line import/no-cycle
 const DropdownMenu_1 = __importDefault(require("./DropdownMenu"));
 const context_1 = require("./context");
+const interface_1 = require("../../popover/src/interface");
 const utils_1 = require("./utils");
 const seemly_1 = require("seemly");
 exports.default = (0, vue_1.defineComponent)({
@@ -33,15 +34,18 @@ exports.default = (0, vue_1.defineComponent)({
             type: String,
             default: 'right-start'
         },
-        props: Object
+        props: Object,
+        scrollable: Boolean
     },
     setup(props) {
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         const NDropdown = (0, vue_1.inject)(context_1.dropdownInjectionKey);
-        const { hoverKeyRef, keyboardKeyRef, lastToggledSubmenuKeyRef, pendingKeyPathRef, activeKeyPathRef, animatedRef, mergedShowRef, renderLabelRef, renderIconRef, labelFieldRef, childrenFieldRef, renderOptionRef, nodePropsRef } = NDropdown;
+        const { hoverKeyRef, keyboardKeyRef, lastToggledSubmenuKeyRef, pendingKeyPathRef, activeKeyPathRef, animatedRef, mergedShowRef, renderLabelRef, renderIconRef, labelFieldRef, childrenFieldRef, renderOptionRef, nodePropsRef, menuPropsRef } = NDropdown;
         const NDropdownOption = (0, vue_1.inject)(context_1.dropdownOptionInjectionKey, null);
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         const NDropdownMenu = (0, vue_1.inject)(context_1.dropdownMenuInjectionKey);
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        const NPopoverBody = (0, vue_1.inject)(interface_1.popoverBodyInjectionKey);
         const rawNodeRef = (0, vue_1.computed)(() => props.tmNode.rawNode);
         const hasSubmenuRef = (0, vue_1.computed)(() => {
             const { value: childrenField } = childrenFieldRef;
@@ -91,6 +95,8 @@ exports.default = (0, vue_1.defineComponent)({
         }
         function handleMouseEnter() {
             const { parentKey, tmNode } = props;
+            if (tmNode.disabled)
+                return;
             if (!mergedShowRef.value)
                 return;
             lastToggledSubmenuKeyRef.value = parentKey;
@@ -99,6 +105,8 @@ exports.default = (0, vue_1.defineComponent)({
         }
         function handleMouseMove() {
             const { tmNode } = props;
+            if (tmNode.disabled)
+                return;
             if (!mergedShowRef.value)
                 return;
             if (hoverKeyRef.value === tmNode.key)
@@ -106,11 +114,14 @@ exports.default = (0, vue_1.defineComponent)({
             handleMouseEnter();
         }
         function handleMouseLeave(e) {
+            if (props.tmNode.disabled)
+                return;
             if (!mergedShowRef.value)
                 return;
             const { relatedTarget } = e;
             if (relatedTarget &&
-                !(0, seemly_1.happensIn)({ target: relatedTarget }, 'dropdownOption')) {
+                !(0, seemly_1.happensIn)({ target: relatedTarget }, 'dropdownOption') &&
+                !(0, seemly_1.happensIn)({ target: relatedTarget }, 'scrollbarRail')) {
                 hoverKeyRef.value = null;
             }
         }
@@ -130,6 +141,8 @@ exports.default = (0, vue_1.defineComponent)({
             renderIcon: renderIconRef,
             siblingHasIcon: NDropdownMenu.showIconRef,
             siblingHasSubmenu: NDropdownMenu.hasSubmenuRef,
+            menuProps: menuPropsRef,
+            popoverBody: NPopoverBody,
             animated: animatedRef,
             mergedShowSubmenu: (0, vue_1.computed)(() => {
                 return deferredShowSubmenuRef.value && !parentEnteringSubmenuRef.value;
@@ -169,9 +182,15 @@ exports.default = (0, vue_1.defineComponent)({
         };
     },
     render() {
-        var _a;
-        const { animated, rawNode, mergedShowSubmenu, clsPrefix, siblingHasIcon, siblingHasSubmenu, renderLabel, renderIcon, renderOption, nodeProps, props } = this;
-        const submenuVNode = mergedShowSubmenu ? ((0, vue_1.h)(DropdownMenu_1.default, { clsPrefix: clsPrefix, tmNodes: this.tmNode.children, parentKey: this.tmNode.key })) : null;
+        var _a, _b;
+        const { animated, rawNode, mergedShowSubmenu, clsPrefix, siblingHasIcon, siblingHasSubmenu, renderLabel, renderIcon, renderOption, nodeProps, props, scrollable } = this;
+        let submenuVNode = null;
+        if (mergedShowSubmenu) {
+            const submenuNodeProps = (_a = this.menuProps) === null || _a === void 0 ? void 0 : _a.call(this, rawNode, 
+            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+            rawNode.children);
+            submenuVNode = ((0, vue_1.h)(DropdownMenu_1.default, Object.assign({}, submenuNodeProps, { clsPrefix: clsPrefix, scrollable: this.scrollable, tmNodes: this.tmNode.children, parentKey: this.tmNode.key })));
+        }
         const builtinProps = {
             class: [
                 `${clsPrefix}-dropdown-option-body`,
@@ -185,16 +204,17 @@ exports.default = (0, vue_1.defineComponent)({
             onMouseleave: this.handleMouseLeave,
             onClick: this.handleClick
         };
-        const node = ((0, vue_1.h)("div", Object.assign({ class: `${clsPrefix}-dropdown-option` }, nodeProps === null || nodeProps === void 0 ? void 0 : nodeProps(rawNode)),
+        const optionNodeProps = nodeProps === null || nodeProps === void 0 ? void 0 : nodeProps(rawNode);
+        const node = ((0, vue_1.h)("div", Object.assign({ class: [`${clsPrefix}-dropdown-option`, optionNodeProps === null || optionNodeProps === void 0 ? void 0 : optionNodeProps.class], "data-dropdown-option": true }, optionNodeProps),
             (0, vue_1.h)('div', (0, vue_1.mergeProps)(builtinProps, props), [
-                (0, vue_1.h)("div", { "data-dropdown-option": true, class: [
+                (0, vue_1.h)("div", { class: [
                         `${clsPrefix}-dropdown-option-body__prefix`,
                         siblingHasIcon &&
                             `${clsPrefix}-dropdown-option-body__prefix--show-icon`
                     ] }, [renderIcon ? renderIcon(rawNode) : (0, _utils_1.render)(rawNode.icon)]),
                 (0, vue_1.h)("div", { "data-dropdown-option": true, class: `${clsPrefix}-dropdown-option-body__label` }, renderLabel
                     ? renderLabel(rawNode)
-                    : (0, _utils_1.render)((_a = rawNode[this.labelField]) !== null && _a !== void 0 ? _a : rawNode.title)),
+                    : (0, _utils_1.render)((_b = rawNode[this.labelField]) !== null && _b !== void 0 ? _b : rawNode.title)),
                 (0, vue_1.h)("div", { "data-dropdown-option": true, class: [
                         `${clsPrefix}-dropdown-option-body__suffix`,
                         siblingHasSubmenu &&
@@ -207,7 +227,9 @@ exports.default = (0, vue_1.defineComponent)({
                 default: () => [
                     (0, vue_1.h)(vueuc_1.VTarget, null, {
                         default: () => ((0, vue_1.h)("div", { class: `${clsPrefix}-dropdown-offset-container` },
-                            (0, vue_1.h)(vueuc_1.VFollower, { show: this.mergedShowSubmenu, placement: this.placement, teleportDisabled: true }, {
+                            (0, vue_1.h)(vueuc_1.VFollower, { show: this.mergedShowSubmenu, placement: this.placement, to: scrollable
+                                    ? this.popoverBody || undefined
+                                    : undefined, teleportDisabled: !scrollable }, {
                                 default: () => {
                                     return ((0, vue_1.h)("div", { class: `${clsPrefix}-dropdown-menu-wrapper` }, animated ? ((0, vue_1.h)(vue_1.Transition, { onBeforeEnter: this.handleSubmenuBeforeEnter, onAfterEnter: this.handleSubmenuAfterEnter, name: "fade-in-scale-up-transition", appear: true }, {
                                         default: () => submenuVNode

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

@@ -1,5 +1,5 @@
 import { TreeNode } from 'treemate';
-import { VNode, VNodeChild } from 'vue';
+import { HTMLAttributes, VNode, VNodeChild } from 'vue';
 import type { MenuOption, MenuGroupOption, MenuDividerOption, MenuIgnoredOption, MenuRenderOption, MenuNodeProps } from '../../menu/src/interface';
 export declare type Key = string | number;
 export declare type DropdownOption = MenuOption;
@@ -27,3 +27,4 @@ export declare type RenderOptionImpl = (info: {
     option: DropdownOption | DropdownGroupOption;
 }) => VNodeChild;
 export declare type NodeProps = MenuNodeProps;
+export declare type DropdownMenuProps = (option: DropdownOption | undefined, options: Array<DropdownOption | DropdownGroupOption>) => HTMLAttributes & Record<string, string | number | undefined>;

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

@@ -33,8 +33,7 @@ const fade_in_scale_up_cssr_1 = require("../../../_styles/transitions/fade-in-sc
 
 
 exports.default = (0, cssr_1.cB)('dropdown-menu', `
- transform-origin: inherit;
- padding: var(--n-padding);
+ transform-origin: var(--v-transform-origin);
  background-color: var(--n-color);
  border-radius: var(--n-border-radius);
  box-shadow: var(--n-box-shadow);
@@ -73,7 +72,7 @@ exports.default = (0, cssr_1.cB)('dropdown-menu', `
  right: 4px;
  transition: background-color .3s var(--n-bezier);
  border-radius: var(--n-border-radius);
- `), (0, cssr_1.cM)('pending', {
+ `), (0, cssr_1.cNotM)('disabled', [(0, cssr_1.cM)('pending', {
   color: 'var(--n-option-text-color-hover)'
 }, [(0, cssr_1.cE)('prefix, suffix', {
   color: 'var(--n-option-text-color-hover)'
@@ -81,14 +80,14 @@ exports.default = (0, cssr_1.cB)('dropdown-menu', `
   color: 'var(--n-option-text-color-active)'
 }, [(0, cssr_1.cE)('prefix, suffix', {
   color: 'var(--n-option-text-color-active)'
-}), (0, cssr_1.c)('&::before', 'background-color: var(--n-option-color-active);')]), (0, cssr_1.cM)('disabled', {
-  cursor: 'not-allowed',
-  opacity: 'var(--n-option-opacity-disabled)'
-}), (0, cssr_1.cM)('child-active', {
+}), (0, cssr_1.c)('&::before', 'background-color: var(--n-option-color-active);')]), (0, cssr_1.cM)('child-active', {
   color: 'var(--n-option-text-color-child-active)'
 }, [(0, cssr_1.cE)('prefix, suffix', {
   color: 'var(--n-option-text-color-child-active)'
-})]), (0, cssr_1.cM)('group', {
+})])]), (0, cssr_1.cM)('disabled', {
+  cursor: 'not-allowed',
+  opacity: 'var(--n-option-opacity-disabled)'
+}), (0, cssr_1.cM)('group', {
   fontSize: 'calc(var(--n-font-size) - 1px)',
   color: 'var(--n-group-header-text-color)'
 }, [(0, cssr_1.cE)('prefix', {
@@ -138,6 +137,13 @@ exports.default = (0, cssr_1.cB)('dropdown-menu', `
  height: 1px;
  margin: 4px 0;
  `), (0, cssr_1.cB)('dropdown-menu-wrapper', `
- transform-origin: inherit;
+ transform-origin: var(--v-transform-origin);
  width: fit-content;
- `)]);
+ `), (0, cssr_1.c)('>', [(0, cssr_1.cB)('scrollbar', `
+ height: inherit;
+ max-height: inherit;
+ `)]), (0, cssr_1.cNotM)('scrollable', `
+ padding: var(--n-padding);
+ `), (0, cssr_1.cM)('scrollable', [(0, cssr_1.cE)('content', `
+ padding: var(--n-padding);
+ `)])]);

package/lib/dynamic-input/index.d.ts

@@ -1,2 +1,2 @@
-export { default as NDynamicInput } from './src/DynamicInput';
+export { default as NDynamicInput, dynamicInputProps } from './src/DynamicInput';
 export type { DynamicInputProps } from './src/DynamicInput';

package/lib/dynamic-input/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.NDynamicInput = void 0;
+exports.dynamicInputProps = exports.NDynamicInput = void 0;
 var DynamicInput_1 = require("./src/DynamicInput");
 Object.defineProperty(exports, "NDynamicInput", { enumerable: true, get: function () { return __importDefault(DynamicInput_1).default; } });
+Object.defineProperty(exports, "dynamicInputProps", { enumerable: true, get: function () { return DynamicInput_1.dynamicInputProps; } });

package/lib/dynamic-input/src/DynamicInput.d.ts

@@ -2,7 +2,7 @@ import { PropType, CSSProperties } from 'vue';
 import type { ButtonProps } from '../../button';
 import type { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
 import type { OnUpdateValue } from './interface';
-declare const dynamicInputProps: {
+export declare const dynamicInputProps: {
     readonly max: NumberConstructor;
     readonly min: {
         readonly type: NumberConstructor;

package/lib/dynamic-input/src/DynamicInput.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.dynamicInputProps = void 0;
 const vue_1 = require("vue");
 const vooks_1 = require("vooks");
 const seemly_1 = require("seemly");
@@ -18,9 +19,9 @@ const InputPreset_1 = __importDefault(require("./InputPreset"));
 const PairPreset_1 = __importDefault(require("./PairPreset"));
 const interface_1 = require("./interface");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
-const use_rtl_1 = __importDefault(require("../../_mixins/use-rtl"));
+const use_rtl_1 = require("../../_mixins/use-rtl");
 const globalDataKeyMap = new WeakMap();
-const dynamicInputProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { max: Number, min: {
+exports.dynamicInputProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { max: Number, min: {
         type: Number,
         default: 0
     }, value: Array, 
@@ -49,7 +50,7 @@ const dynamicInputProps = Object.assign(Object.assign({}, _mixins_1.useTheme.pro
     onClear: Function, onInput: [Function, Array] });
 exports.default = (0, vue_1.defineComponent)({
     name: 'DynamicInput',
-    props: dynamicInputProps,
+    props: exports.dynamicInputProps,
     setup(props, { slots }) {
         if (process.env.NODE_ENV !== 'production') {
             (0, vue_1.watchEffect)(() => {
@@ -203,7 +204,7 @@ exports.default = (0, vue_1.defineComponent)({
             valuePlaceholderRef: (0, vue_1.toRef)(props, 'valuePlaceholder'),
             placeholderRef: (0, vue_1.toRef)(props, 'placeholder')
         });
-        const rtlEnabledRef = (0, use_rtl_1.default)('DynamicInput', mergedRtlRef, mergedClsPrefixRef);
+        const rtlEnabledRef = (0, use_rtl_1.useRtl)('DynamicInput', mergedRtlRef, mergedClsPrefixRef);
         const cssVarsRef = (0, vue_1.computed)(() => {
             const { self: { actionMargin, actionMarginRtl } } = themeRef.value;
             return {

package/lib/dynamic-tags/index.d.ts

@@ -1,2 +1,2 @@
-export { default as NDynamicTags } from './src/DynamicTags';
+export { default as NDynamicTags, dynamicTagsProps } from './src/DynamicTags';
 export type { DynamicTagsProps } from './src/DynamicTags';

package/lib/dynamic-tags/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.NDynamicTags = void 0;
+exports.dynamicTagsProps = exports.NDynamicTags = void 0;
 var DynamicTags_1 = require("./src/DynamicTags");
 Object.defineProperty(exports, "NDynamicTags", { enumerable: true, get: function () { return __importDefault(DynamicTags_1).default; } });
+Object.defineProperty(exports, "dynamicTagsProps", { enumerable: true, get: function () { return DynamicTags_1.dynamicTagsProps; } });

package/lib/dynamic-tags/src/DynamicTags.d.ts

@@ -2,7 +2,7 @@ import { PropType, CSSProperties, VNodeChild } from 'vue';
 import type { InputProps } from '../../input';
 import type { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
 import type { OnUpdateValue, DynamicTagsOption, OnCreate } from './interface';
-declare const dynamicTagsProps: {
+export declare const dynamicTagsProps: {
     size: {
         type: PropType<"small" | "medium" | "large">;
         default: string;
@@ -2260,6 +2260,7 @@ declare const _default: import("vue").DefineComponent<{
         select: () => void;
         activate: () => void;
         deactivate: () => void;
+        scrollTo: (options: ScrollToOptions) => void;
     } | null>;
     localizedAdd: import("vue").ComputedRef<string>;
     inputSize: import("vue").ComputedRef<"small" | "medium" | "tiny">;

package/lib/dynamic-tags/src/DynamicTags.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.dynamicTagsProps = void 0;
 const vue_1 = require("vue");
 const vooks_1 = require("vooks");
 const common_props_1 = __importDefault(require("../../tag/src/common-props"));
@@ -16,7 +17,7 @@ const _mixins_1 = require("../../_mixins");
 const _utils_1 = require("../../_utils");
 const styles_1 = require("../styles");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
-const dynamicTagsProps = Object.assign(Object.assign(Object.assign({}, _mixins_1.useTheme.props), common_props_1.default), { size: {
+exports.dynamicTagsProps = Object.assign(Object.assign(Object.assign({}, _mixins_1.useTheme.props), common_props_1.default), { size: {
         type: String,
         default: 'medium'
     }, closable: {
@@ -33,7 +34,7 @@ const dynamicTagsProps = Object.assign(Object.assign(Object.assign({}, _mixins_1
     onChange: [Function, Array] });
 exports.default = (0, vue_1.defineComponent)({
     name: 'DynamicTags',
-    props: dynamicTagsProps,
+    props: exports.dynamicTagsProps,
     setup(props) {
         if (process.env.NODE_ENV !== 'production') {
             (0, vue_1.watchEffect)(() => {

package/lib/element/index.d.ts

@@ -1,3 +1,3 @@
-export { default as NElement } from './src/Element';
+export { default as NElement, elementProps } from './src/Element';
 export { default as NEl } from './src/Element';
 export type { ElementProps } from './src/Element';

package/lib/element/index.js

@@ -3,8 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NEl = exports.NElement = void 0;
+exports.NEl = exports.elementProps = exports.NElement = void 0;
 var Element_1 = require("./src/Element");
 Object.defineProperty(exports, "NElement", { enumerable: true, get: function () { return __importDefault(Element_1).default; } });
+Object.defineProperty(exports, "elementProps", { enumerable: true, get: function () { return Element_1.elementProps; } });
 var Element_2 = require("./src/Element");
 Object.defineProperty(exports, "NEl", { enumerable: true, get: function () { return __importDefault(Element_2).default; } });

package/lib/element/src/Element.d.ts

@@ -1,5 +1,5 @@
 import type { ExtractPublicPropTypes } from '../../_utils';
-declare const elementProps: {
+export declare const elementProps: {
     readonly tag: {
         readonly type: StringConstructor;
         readonly default: "div";

package/lib/element/src/Element.js

@@ -1,17 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.elementProps = void 0;
 const vue_1 = require("vue");
 const lodash_1 = require("lodash");
 const _mixins_1 = require("../../_mixins");
 const styles_1 = require("../styles");
-const elementProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { tag: {
+exports.elementProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { tag: {
         type: String,
         default: 'div'
     } });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Element',
     alias: ['El'],
-    props: elementProps,
+    props: exports.elementProps,
     setup(props) {
         const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Element', '-element', undefined, styles_1.elementLight, props, mergedClsPrefixRef);

package/lib/ellipsis/index.d.ts

@@ -1,2 +1,2 @@
-export { default as NEllipsis } from './src/Ellipsis';
+export { default as NEllipsis, ellipsisProps } from './src/Ellipsis';
 export type { EllipsisProps } from './src/Ellipsis';

package/lib/ellipsis/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.NEllipsis = void 0;
+exports.ellipsisProps = exports.NEllipsis = void 0;
 var Ellipsis_1 = require("./src/Ellipsis");
 Object.defineProperty(exports, "NEllipsis", { enumerable: true, get: function () { return __importDefault(Ellipsis_1).default; } });
+Object.defineProperty(exports, "ellipsisProps", { enumerable: true, get: function () { return Ellipsis_1.ellipsisProps; } });

package/lib/ellipsis/src/Ellipsis.d.ts

@@ -1,7 +1,7 @@
 import { PropType } from 'vue';
 import type { PopoverProps } from '../../popover/src/Popover';
 import type { ExtractPublicPropTypes } from '../../_utils';
-declare const ellipsisProps: {
+export declare const ellipsisProps: {
     readonly expandTrigger: PropType<"click">;
     readonly lineClamp: PropType<string | number>;
     readonly tooltip: {

package/lib/ellipsis/src/Ellipsis.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.ellipsisProps = void 0;
 const vue_1 = require("vue");
 const tooltip_1 = require("../../tooltip");
 const _mixins_1 = require("../../_mixins");
@@ -14,14 +15,14 @@ function createLineClampClass(clsPrefix) {
 function createCursorClass(clsPrefix, cursor) {
     return `${clsPrefix}-ellipsis--cursor-${cursor}`;
 }
-const ellipsisProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { expandTrigger: String, lineClamp: [Number, String], tooltip: {
+exports.ellipsisProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { expandTrigger: String, lineClamp: [Number, String], tooltip: {
         type: [Boolean, Object],
         default: true
     } });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Ellipsis',
     inheritAttrs: false,
-    props: ellipsisProps,
+    props: exports.ellipsisProps,
     setup(props, { slots, attrs }) {
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
         const mergedTheme = (0, _mixins_1.useTheme)('Ellipsis', '-ellipsis', index_cssr_1.default, styles_1.ellipsisLight, props, mergedClsPrefixRef);

package/lib/empty/index.d.ts

@@ -1,2 +1,2 @@
-export { default as NEmpty } from './src/Empty';
+export { default as NEmpty, emptyProps } from './src/Empty';
 export type { EmptyProps } from './src/Empty';

package/lib/empty/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.NEmpty = void 0;
+exports.emptyProps = exports.NEmpty = void 0;
 var Empty_1 = require("./src/Empty");
 Object.defineProperty(exports, "NEmpty", { enumerable: true, get: function () { return __importDefault(Empty_1).default; } });
+Object.defineProperty(exports, "emptyProps", { enumerable: true, get: function () { return Empty_1.emptyProps; } });

package/lib/empty/src/Empty.d.ts

@@ -1,6 +1,6 @@
 import { PropType, VNodeChild } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
-declare const emptyProps: {
+export declare const emptyProps: {
     description: StringConstructor;
     showDescription: {
         type: BooleanConstructor;

package/lib/empty/src/Empty.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.emptyProps = void 0;
 const vue_1 = require("vue");
 const context_1 = require("../../config-provider/src/context");
 const icon_1 = require("../../_internal/icon");
@@ -11,7 +12,7 @@ const _mixins_1 = require("../../_mixins");
 const _utils_1 = require("../../_utils");
 const styles_1 = require("../styles");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
-const emptyProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { description: String, showDescription: {
+exports.emptyProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { description: String, showDescription: {
         type: Boolean,
         default: true
     }, showIcon: {
@@ -23,7 +24,7 @@ const emptyProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), {
     }, renderIcon: Function });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Empty',
-    props: emptyProps,
+    props: exports.emptyProps,
     setup(props) {
         const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Empty', '-empty', index_cssr_1.default, styles_1.emptyLight, props, mergedClsPrefixRef);

package/lib/form/index.d.ts

@@ -1,8 +1,8 @@
-export { default as NForm } from './src/Form';
+export { default as NForm, formProps } from './src/Form';
 export type { FormProps } from './src/Form';
-export { default as NFormItem } from './src/FormItem';
+export { default as NFormItem, formItemProps } from './src/FormItem';
 export type { FormItemProps } from './src/FormItem';
-export { default as NFormItemGridItem, default as NFormItemGi } from './src/FormItemGridItem';
+export { default as NFormItemGridItem, default as NFormItemGi, formItemGiProps, formItemGiProps as formItemGridItemProps } from './src/FormItemGridItem';
 export type { FormItemGiProps, FormItemGiProps as FormItemGridItemProps } from './src/FormItemGridItem';
 export type { FormInst, FormItemInst, FormItemRule, FormRules, FormValidationError } from './src/interface';
 export { default as NFormItemCol } from './src/FormItemCol';

package/lib/form/index.js

@@ -3,14 +3,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NFormItemRow = exports.NFormItemCol = exports.NFormItemGi = exports.NFormItemGridItem = exports.NFormItem = exports.NForm = void 0;
+exports.NFormItemRow = exports.NFormItemCol = exports.formItemGridItemProps = exports.formItemGiProps = exports.NFormItemGi = exports.NFormItemGridItem = exports.formItemProps = exports.NFormItem = exports.formProps = exports.NForm = void 0;
 var Form_1 = require("./src/Form");
 Object.defineProperty(exports, "NForm", { enumerable: true, get: function () { return __importDefault(Form_1).default; } });
+Object.defineProperty(exports, "formProps", { enumerable: true, get: function () { return Form_1.formProps; } });
 var FormItem_1 = require("./src/FormItem");
 Object.defineProperty(exports, "NFormItem", { enumerable: true, get: function () { return __importDefault(FormItem_1).default; } });
+Object.defineProperty(exports, "formItemProps", { enumerable: true, get: function () { return FormItem_1.formItemProps; } });
 var FormItemGridItem_1 = require("./src/FormItemGridItem");
 Object.defineProperty(exports, "NFormItemGridItem", { enumerable: true, get: function () { return __importDefault(FormItemGridItem_1).default; } });
 Object.defineProperty(exports, "NFormItemGi", { enumerable: true, get: function () { return __importDefault(FormItemGridItem_1).default; } });
+Object.defineProperty(exports, "formItemGiProps", { enumerable: true, get: function () { return FormItemGridItem_1.formItemGiProps; } });
+Object.defineProperty(exports, "formItemGridItemProps", { enumerable: true, get: function () { return FormItemGridItem_1.formItemGiProps; } });
 // deprecated
 var FormItemCol_1 = require("./src/FormItemCol");
 Object.defineProperty(exports, "NFormItemCol", { enumerable: true, get: function () { return __importDefault(FormItemCol_1).default; } });

package/lib/form/src/Form.d.ts

@@ -1,7 +1,7 @@
 import { PropType, ExtractPropTypes } from 'vue';
 import type { FormRules, LabelAlign, LabelPlacement, FormInst, Size, FormValidateMessages } from './interface';
 import { ExtractPublicPropTypes } from '../../_utils';
-declare const formProps: {
+export declare const formProps: {
     readonly inline: BooleanConstructor;
     readonly labelWidth: PropType<string | number>;
     readonly labelAlign: PropType<LabelAlign>;