naive-ui 2.30.8 → 2.31.0

package/es/dropdown/src/DropdownOption.js

@@ -7,6 +7,7 @@ import { NIcon } from '../../icon';
 // eslint-disable-next-line import/no-cycle
 import NDropdownMenu from './DropdownMenu';
 import { dropdownMenuInjectionKey, dropdownInjectionKey, dropdownOptionInjectionKey } from './context';
+import { popoverBodyInjectionKey } from '../../popover/src/interface';
 import { isSubmenuNode } from './utils';
 import { happensIn } from 'seemly';
 export default defineComponent({
@@ -28,15 +29,18 @@ export default 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 = inject(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 = inject(dropdownOptionInjectionKey, null);
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         const NDropdownMenu = inject(dropdownMenuInjectionKey);
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        const NPopoverBody = inject(popoverBodyInjectionKey);
         const rawNodeRef = computed(() => props.tmNode.rawNode);
         const hasSubmenuRef = computed(() => {
             const { value: childrenField } = childrenFieldRef;
@@ -86,6 +90,8 @@ export default defineComponent({
         }
         function handleMouseEnter() {
             const { parentKey, tmNode } = props;
+            if (tmNode.disabled)
+                return;
             if (!mergedShowRef.value)
                 return;
             lastToggledSubmenuKeyRef.value = parentKey;
@@ -94,6 +100,8 @@ export default defineComponent({
         }
         function handleMouseMove() {
             const { tmNode } = props;
+            if (tmNode.disabled)
+                return;
             if (!mergedShowRef.value)
                 return;
             if (hoverKeyRef.value === tmNode.key)
@@ -101,11 +109,14 @@ export default defineComponent({
             handleMouseEnter();
         }
         function handleMouseLeave(e) {
+            if (props.tmNode.disabled)
+                return;
             if (!mergedShowRef.value)
                 return;
             const { relatedTarget } = e;
             if (relatedTarget &&
-                !happensIn({ target: relatedTarget }, 'dropdownOption')) {
+                !happensIn({ target: relatedTarget }, 'dropdownOption') &&
+                !happensIn({ target: relatedTarget }, 'scrollbarRail')) {
                 hoverKeyRef.value = null;
             }
         }
@@ -125,6 +136,8 @@ export default defineComponent({
             renderIcon: renderIconRef,
             siblingHasIcon: NDropdownMenu.showIconRef,
             siblingHasSubmenu: NDropdownMenu.hasSubmenuRef,
+            menuProps: menuPropsRef,
+            popoverBody: NPopoverBody,
             animated: animatedRef,
             mergedShowSubmenu: computed(() => {
                 return deferredShowSubmenuRef.value && !parentEnteringSubmenuRef.value;
@@ -164,9 +177,15 @@ export default defineComponent({
         };
     },
     render() {
-        var _a;
-        const { animated, rawNode, mergedShowSubmenu, clsPrefix, siblingHasIcon, siblingHasSubmenu, renderLabel, renderIcon, renderOption, nodeProps, props } = this;
-        const submenuVNode = mergedShowSubmenu ? (h(NDropdownMenu, { 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 = (h(NDropdownMenu, Object.assign({}, submenuNodeProps, { clsPrefix: clsPrefix, scrollable: this.scrollable, tmNodes: this.tmNode.children, parentKey: this.tmNode.key })));
+        }
         const builtinProps = {
             class: [
                 `${clsPrefix}-dropdown-option-body`,
@@ -180,16 +199,17 @@ export default defineComponent({
             onMouseleave: this.handleMouseLeave,
             onClick: this.handleClick
         };
-        const node = (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 = (h("div", Object.assign({ class: [`${clsPrefix}-dropdown-option`, optionNodeProps === null || optionNodeProps === void 0 ? void 0 : optionNodeProps.class], "data-dropdown-option": true }, optionNodeProps),
             h('div', mergeProps(builtinProps, props), [
-                h("div", { "data-dropdown-option": true, class: [
+                h("div", { class: [
                         `${clsPrefix}-dropdown-option-body__prefix`,
                         siblingHasIcon &&
                             `${clsPrefix}-dropdown-option-body__prefix--show-icon`
                     ] }, [renderIcon ? renderIcon(rawNode) : render(rawNode.icon)]),
                 h("div", { "data-dropdown-option": true, class: `${clsPrefix}-dropdown-option-body__label` }, renderLabel
                     ? renderLabel(rawNode)
-                    : render((_a = rawNode[this.labelField]) !== null && _a !== void 0 ? _a : rawNode.title)),
+                    : render((_b = rawNode[this.labelField]) !== null && _b !== void 0 ? _b : rawNode.title)),
                 h("div", { "data-dropdown-option": true, class: [
                         `${clsPrefix}-dropdown-option-body__suffix`,
                         siblingHasSubmenu &&
@@ -202,7 +222,9 @@ export default defineComponent({
                 default: () => [
                     h(VTarget, null, {
                         default: () => (h("div", { class: `${clsPrefix}-dropdown-offset-container` },
-                            h(VFollower, { show: this.mergedShowSubmenu, placement: this.placement, teleportDisabled: true }, {
+                            h(VFollower, { show: this.mergedShowSubmenu, placement: this.placement, to: scrollable
+                                    ? this.popoverBody || undefined
+                                    : undefined, teleportDisabled: !scrollable }, {
                                 default: () => {
                                     return (h("div", { class: `${clsPrefix}-dropdown-menu-wrapper` }, animated ? (h(Transition, { onBeforeEnter: this.handleSubmenuBeforeEnter, onAfterEnter: this.handleSubmenuAfterEnter, name: "fade-in-scale-up-transition", appear: true }, {
                                         default: () => submenuVNode

package/es/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/es/dropdown/src/styles/index.cssr.js

@@ -1,4 +1,4 @@
-import { c, cB, cM, cE } from '../../../_utils/cssr';
+import { c, cB, cM, cE, cNotM } from '../../../_utils/cssr';
 import { fadeInScaleUpTransition } from '../../../_styles/transitions/fade-in-scale-up.cssr'; // vars:
 // --n-bezier
 // --n-font-size
@@ -25,8 +25,7 @@ import { fadeInScaleUpTransition } from '../../../_styles/transitions/fade-in-sc
 // --n-box-shadow
 
 export default 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);
@@ -65,7 +64,7 @@ export default cB('dropdown-menu', `
  right: 4px;
  transition: background-color .3s var(--n-bezier);
  border-radius: var(--n-border-radius);
- `), cM('pending', {
+ `), cNotM('disabled', [cM('pending', {
   color: 'var(--n-option-text-color-hover)'
 }, [cE('prefix, suffix', {
   color: 'var(--n-option-text-color-hover)'
@@ -73,14 +72,14 @@ export default cB('dropdown-menu', `
   color: 'var(--n-option-text-color-active)'
 }, [cE('prefix, suffix', {
   color: 'var(--n-option-text-color-active)'
-}), c('&::before', 'background-color: var(--n-option-color-active);')]), cM('disabled', {
-  cursor: 'not-allowed',
-  opacity: 'var(--n-option-opacity-disabled)'
-}), cM('child-active', {
+}), c('&::before', 'background-color: var(--n-option-color-active);')]), cM('child-active', {
   color: 'var(--n-option-text-color-child-active)'
 }, [cE('prefix, suffix', {
   color: 'var(--n-option-text-color-child-active)'
-})]), cM('group', {
+})])]), cM('disabled', {
+  cursor: 'not-allowed',
+  opacity: 'var(--n-option-opacity-disabled)'
+}), cM('group', {
   fontSize: 'calc(var(--n-font-size) - 1px)',
   color: 'var(--n-group-header-text-color)'
 }, [cE('prefix', {
@@ -130,6 +129,13 @@ export default cB('dropdown-menu', `
  height: 1px;
  margin: 4px 0;
  `), cB('dropdown-menu-wrapper', `
- transform-origin: inherit;
+ transform-origin: var(--v-transform-origin);
  width: fit-content;
- `)]);
+ `), c('>', [cB('scrollbar', `
+ height: inherit;
+ max-height: inherit;
+ `)]), cNotM('scrollable', `
+ padding: var(--n-padding);
+ `), cM('scrollable', [cE('content', `
+ padding: var(--n-padding);
+ `)])]);

package/es/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/es/dynamic-input/index.js

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

package/es/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/es/dynamic-input/src/DynamicInput.js

@@ -13,9 +13,9 @@ import NDynamicInputInputPreset from './InputPreset';
 import NDynamicInputPairPreset from './PairPreset';
 import { dynamicInputInjectionKey } from './interface';
 import style from './styles/index.cssr';
-import useRtl from '../../_mixins/use-rtl';
+import { useRtl } from '../../_mixins/use-rtl';
 const globalDataKeyMap = new WeakMap();
-const dynamicInputProps = Object.assign(Object.assign({}, useTheme.props), { max: Number, min: {
+export const dynamicInputProps = Object.assign(Object.assign({}, useTheme.props), { max: Number, min: {
         type: Number,
         default: 0
     }, value: Array, 

package/es/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/es/dynamic-tags/index.js

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

package/es/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;

package/es/dynamic-tags/src/DynamicTags.js

@@ -11,7 +11,7 @@ import { useTheme, useFormItem, useLocale, useConfig, useThemeClass } from '../.
 import { call, smallerSize, warnOnce } from '../../_utils';
 import { dynamicTagsLight } from '../styles';
 import style from './styles/index.cssr';
-const dynamicTagsProps = Object.assign(Object.assign(Object.assign({}, useTheme.props), commonProps), { size: {
+export const dynamicTagsProps = Object.assign(Object.assign(Object.assign({}, useTheme.props), commonProps), { size: {
         type: String,
         default: 'medium'
     }, closable: {

package/es/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/es/element/index.js

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

package/es/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/es/element/src/Element.js

@@ -2,7 +2,7 @@ import { computed, h, defineComponent } from 'vue';
 import { kebabCase } from 'lodash-es';
 import { useConfig, useTheme, useThemeClass } from '../../_mixins';
 import { elementLight } from '../styles';
-const elementProps = Object.assign(Object.assign({}, useTheme.props), { tag: {
+export const elementProps = Object.assign(Object.assign({}, useTheme.props), { tag: {
         type: String,
         default: 'div'
     } });

package/es/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/es/ellipsis/index.js

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

package/es/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/es/ellipsis/src/Ellipsis.js

@@ -9,7 +9,7 @@ function createLineClampClass(clsPrefix) {
 function createCursorClass(clsPrefix, cursor) {
     return `${clsPrefix}-ellipsis--cursor-${cursor}`;
 }
-const ellipsisProps = Object.assign(Object.assign({}, useTheme.props), { expandTrigger: String, lineClamp: [Number, String], tooltip: {
+export const ellipsisProps = Object.assign(Object.assign({}, useTheme.props), { expandTrigger: String, lineClamp: [Number, String], tooltip: {
         type: [Boolean, Object],
         default: true
     } });

package/es/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/es/empty/index.js

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

package/es/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/es/empty/src/Empty.js

@@ -6,7 +6,7 @@ import { useConfig, useLocale, useTheme, useThemeClass } from '../../_mixins';
 import { createKey } from '../../_utils';
 import { emptyLight } from '../styles';
 import style from './styles/index.cssr';
-const emptyProps = Object.assign(Object.assign({}, useTheme.props), { description: String, showDescription: {
+export const emptyProps = Object.assign(Object.assign({}, useTheme.props), { description: String, showDescription: {
         type: Boolean,
         default: true
     }, showIcon: {

package/es/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/es/form/index.js

@@ -1,6 +1,6 @@
-export { default as NForm } from './src/Form';
-export { default as NFormItem } from './src/FormItem';
-export { default as NFormItemGridItem, default as NFormItemGi } from './src/FormItemGridItem';
+export { default as NForm, formProps } from './src/Form';
+export { default as NFormItem, formItemProps } from './src/FormItem';
+export { default as NFormItemGridItem, default as NFormItemGi, formItemGiProps, formItemGiProps as formItemGridItemProps } from './src/FormItemGridItem';
 // deprecated
 export { default as NFormItemCol } from './src/FormItemCol';
 export { default as NFormItemRow } from './src/FormItemRow';

package/es/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>;

package/es/form/src/Form.js

@@ -13,7 +13,7 @@ import { formLight } from '../styles';
 import style from './styles/form.cssr';
 import { keysOf } from '../../_utils';
 import { formInjectionKey, formItemInstsInjectionKey } from './context';
-const formProps = Object.assign(Object.assign({}, useTheme.props), { inline: Boolean, labelWidth: [Number, String], labelAlign: String, labelPlacement: {
+export const formProps = Object.assign(Object.assign({}, useTheme.props), { inline: Boolean, labelWidth: [Number, String], labelAlign: String, labelPlacement: {
         type: String,
         default: 'top'
     }, model: {

package/es/form/src/FormItemRow.d.ts

@@ -1,5 +1,5 @@
 import type { ExtractPublicPropTypes } from '../../_utils';
-declare const formItemRowProps: {
+export declare const formItemRowProps: {
     label: StringConstructor;
     labelWidth: import("vue").PropType<string | number>;
     labelStyle: import("vue").PropType<string | import("vue").CSSProperties>;

package/es/form/src/FormItemRow.js

@@ -2,7 +2,7 @@ import { h, ref, defineComponent } from 'vue';
 import NRow, { rowProps, rowPropKeys } from '../../legacy-grid/src/Row';
 import { keep } from '../../_utils';
 import NFormItemCol, { formItemColProps, formItemColPropKeys } from './FormItemCol';
-const formItemRowProps = Object.assign(Object.assign({}, rowProps), formItemColProps);
+export const formItemRowProps = Object.assign(Object.assign({}, rowProps), formItemColProps);
 export default defineComponent({
     name: 'FormItemRow',
     props: formItemRowProps,

package/es/form/src/styles/form-item.cssr.js

@@ -33,10 +33,12 @@ export default cB('form-item', {
  box-sizing: border-box;
  `, [cE('asterisk', `
  user-select: none;
+ -webkit-user-select: none;
  color: var(--n-asterisk-color);
  transition: color .3s var(--n-bezier);
  `), cE('asterisk-placeholder', `
  user-select: none;
+ -webkit-user-select: none;
  visibility: hidden; 
  `)]), cB('form-item-blank', {
   gridArea: 'blank',

package/es/gradient-text/index.d.ts

@@ -1,2 +1,2 @@
-export { default as NGradientText } from './src/GradientText';
+export { default as NGradientText, gradientTextProps } from './src/GradientText';
 export type { GradientTextProps } from './src/GradientText';

package/es/gradient-text/index.js

@@ -1 +1 @@
-export { default as NGradientText } from './src/GradientText';
+export { default as NGradientText, gradientTextProps } from './src/GradientText';

package/es/gradient-text/src/GradientText.d.ts

@@ -5,7 +5,7 @@ declare type Gradient = string | {
     from: string;
     to: string;
 };
-declare const gradientTextProps: {
+export declare const gradientTextProps: {
     readonly size: PropType<string | number>;
     readonly fontSize: PropType<string | number>;
     readonly type: {

package/es/gradient-text/src/GradientText.js

@@ -3,7 +3,7 @@ import { useConfig, useTheme, useThemeClass } from '../../_mixins';
 import { createKey, formatLength, useHoudini } from '../../_utils';
 import { gradientTextLight } from '../styles';
 import style from './styles/index.cssr';
-const gradientTextProps = Object.assign(Object.assign({}, useTheme.props), { size: [String, Number], fontSize: [String, Number], type: {
+export const gradientTextProps = Object.assign(Object.assign({}, useTheme.props), { size: [String, Number], fontSize: [String, Number], type: {
         type: String,
         default: 'primary'
     }, color: [Object, String], gradient: [Object, String] });

package/es/grid/index.d.ts

@@ -1,5 +1,5 @@
-export { default as NGrid } from './src/Grid';
+export { default as NGrid, gridProps } from './src/Grid';
 export type { GridProps } from './src/Grid';
-export { default as NGridItem } from './src/GridItem';
-export { default as NGi } from './src/GridItem';
+export { default as NGridItem, gridItemProps } from './src/GridItem';
+export { default as NGi, gridItemProps as giProps } from './src/GridItem';
 export type { GridItemProps } from './src/GridItem';

package/es/grid/index.js

@@ -1,3 +1,3 @@
-export { default as NGrid } from './src/Grid';
-export { default as NGridItem } from './src/GridItem';
-export { default as NGi } from './src/GridItem';
+export { default as NGrid, gridProps } from './src/Grid';
+export { default as NGridItem, gridItemProps } from './src/GridItem';
+export { default as NGi, gridItemProps as giProps } from './src/GridItem';

package/es/grid/src/Grid.d.ts

@@ -1,7 +1,7 @@
 import { CSSProperties, PropType, Ref } from 'vue';
 import { VResizeObserverOnResize } from 'vueuc';
 import { ExtractPublicPropTypes } from '../../_utils';
-declare const gridProps: {
+export declare const gridProps: {
     readonly responsive: {
         readonly type: PropType<"screen" | "self">;
         readonly default: "self";

package/es/grid/src/Grid.js

@@ -8,7 +8,7 @@ import { getSlot, flatten, isBrowser, isNodeVShowFalse } from '../../_utils';
 import { defaultSpan, gridInjectionKey } from './config';
 const defaultCols = 24;
 const SSR_ATTR_NAME = '__ssr__';
-const gridProps = {
+export const gridProps = {
     responsive: {
         type: [String, Boolean],
         default: 'self'

package/es/icon/index.d.ts

@@ -1,2 +1,2 @@
-export { NIcon } from './src/Icon';
+export { NIcon, iconProps } from './src/Icon';
 export type { IconProps } from './src/Icon';

package/es/icon/index.js

@@ -1 +1 @@
-export { NIcon } from './src/Icon';
+export { NIcon, iconProps } from './src/Icon';

package/es/icon/src/Icon.d.ts

@@ -1,7 +1,7 @@
 import { Component, PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
 export declare type Depth = 1 | 2 | 3 | 4 | 5 | '1' | '2' | '3' | '4' | '5' | undefined;
-declare const iconProps: {
+export declare const iconProps: {
     readonly depth: PropType<Depth>;
     readonly size: PropType<string | number>;
     readonly color: StringConstructor;
@@ -104,4 +104,3 @@ export declare const NIcon: import("vue").DefineComponent<{
         opacity5Depth: string;
     }, any>>>;
 }>>, {}>;
-export {};

package/es/icon/src/Icon.js

@@ -3,7 +3,7 @@ import { useThemeClass, useConfig, useTheme } from '../../_mixins';
 import { formatLength, warn } from '../../_utils';
 import { iconLight } from '../styles';
 import style from './styles/index.cssr';
-const iconProps = Object.assign(Object.assign({}, useTheme.props), { depth: [String, Number], size: [Number, String], color: String, component: Object });
+export const iconProps = Object.assign(Object.assign({}, useTheme.props), { depth: [String, Number], size: [Number, String], color: String, component: Object });
 export const NIcon = defineComponent({
     _n_icon__: true,
     name: 'Icon',

package/es/icon-wrapper/index.d.ts

@@ -1,2 +1,2 @@
-export { NIconWrapper } from './src/IconWrapper';
+export { NIconWrapper, iconWrapperProps } from './src/IconWrapper';
 export type { IconWrapperProps } from './src/IconWrapper';

package/es/icon-wrapper/index.js

@@ -1 +1 @@
-export { NIconWrapper } from './src/IconWrapper';
+export { NIconWrapper, iconWrapperProps } from './src/IconWrapper';

package/es/icon-wrapper/src/IconWrapper.d.ts

@@ -1,5 +1,5 @@
 import { ExtractPublicPropTypes } from '../../_utils';
-declare const iconWrapperProps: {
+export declare const iconWrapperProps: {
     readonly size: {
         readonly type: NumberConstructor;
         readonly default: 24;
@@ -74,4 +74,3 @@ export declare const NIconWrapper: import("vue").DefineComponent<{
     readonly size: number;
     readonly borderRadius: number;
 }>;
-export {};

package/es/icon-wrapper/src/IconWrapper.js

@@ -3,7 +3,7 @@ import { useConfig, useTheme, useThemeClass } from '../../_mixins';
 import { formatLength } from '../../_utils';
 import { iconWrapperLight } from '../styles';
 import style from './styles/index.cssr';
-const iconWrapperProps = Object.assign(Object.assign({}, useTheme.props), { size: {
+export const iconWrapperProps = Object.assign(Object.assign({}, useTheme.props), { size: {
         type: Number,
         default: 24
     }, borderRadius: {

package/es/image/index.d.ts

@@ -1,4 +1,4 @@
-export { default as NImage } from './src/Image';
+export { default as NImage, imageProps } from './src/Image';
 export type { ImageProps } from './src/Image';
-export { default as NImageGroup } from './src/ImageGroup';
+export { default as NImageGroup, imageGroupProps } from './src/ImageGroup';
 export type { ImageGroupProps } from './src/ImageGroup';

package/es/image/index.js

@@ -1,2 +1,2 @@
-export { default as NImage } from './src/Image';
-export { default as NImageGroup } from './src/ImageGroup';
+export { default as NImage, imageProps } from './src/Image';
+export { default as NImageGroup, imageGroupProps } from './src/ImageGroup';

package/es/image/src/Image.d.ts

@@ -4,7 +4,7 @@ import type { IntersectionObserverOptions } from './utils';
 export interface ImageInst {
     click: () => void;
 }
-declare const imageProps: {
+export declare const imageProps: {
     showToolbar: {
         type: BooleanConstructor;
         default: boolean;