naive-ui 2.30.7 → 2.32.0

package/es/checkbox/src/CheckboxGroup.d.ts

@@ -11,7 +11,7 @@ export interface CheckboxGroupInjection {
     toggleCheckbox: (checked: boolean, checkboxValue: string | number) => void;
 }
 export declare const checkboxGroupInjectionKey: import("vue").InjectionKey<CheckboxGroupInjection>;
-declare const checkboxGroupProps: {
+export declare const checkboxGroupProps: {
     readonly min: NumberConstructor;
     readonly max: NumberConstructor;
     readonly size: PropType<"small" | "medium" | "large">;
@@ -24,13 +24,15 @@ declare const checkboxGroupProps: {
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
     };
-    readonly 'onUpdate:value': PropType<MaybeArray<(value: Array<string | number>) => void>>;
-    readonly onUpdateValue: PropType<MaybeArray<(value: Array<string | number>) => void>>;
-    readonly onChange: {
-        readonly type: PropType<MaybeArray<(value: Array<string | number>) => void> | undefined>;
-        readonly validator: () => boolean;
-        readonly default: undefined;
-    };
+    readonly 'onUpdate:value': PropType<MaybeArray<(value: Array<string | number>, meta: {
+        actionType: 'check' | 'uncheck';
+        value: string | number;
+    }) => void>>;
+    readonly onUpdateValue: PropType<MaybeArray<(value: Array<string | number>, meta: {
+        actionType: 'check' | 'uncheck';
+        value: string | number;
+    }) => void>>;
+    readonly onChange: PropType<MaybeArray<(value: Array<string | number>) => void> | undefined>;
 };
 export declare type CheckboxGroupProps = ExtractPublicPropTypes<typeof checkboxGroupProps>;
 declare const _default: import("vue").DefineComponent<{
@@ -46,13 +48,15 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
     };
-    readonly 'onUpdate:value': PropType<MaybeArray<(value: (string | number)[]) => void>>;
-    readonly onUpdateValue: PropType<MaybeArray<(value: (string | number)[]) => void>>;
-    readonly onChange: {
-        readonly type: PropType<MaybeArray<(value: (string | number)[]) => void> | undefined>;
-        readonly validator: () => boolean;
-        readonly default: undefined;
-    };
+    readonly 'onUpdate:value': PropType<MaybeArray<(value: (string | number)[], meta: {
+        actionType: "check" | "uncheck";
+        value: string | number;
+    }) => void>>;
+    readonly onUpdateValue: PropType<MaybeArray<(value: (string | number)[], meta: {
+        actionType: "check" | "uncheck";
+        value: string | number;
+    }) => void>>;
+    readonly onChange: PropType<MaybeArray<(value: (string | number)[]) => void> | undefined>;
 }, {
     mergedClsPrefix: ComputedRef<string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -68,16 +72,17 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
     };
-    readonly 'onUpdate:value': PropType<MaybeArray<(value: (string | number)[]) => void>>;
-    readonly onUpdateValue: PropType<MaybeArray<(value: (string | number)[]) => void>>;
-    readonly onChange: {
-        readonly type: PropType<MaybeArray<(value: (string | number)[]) => void> | undefined>;
-        readonly validator: () => boolean;
-        readonly default: undefined;
-    };
+    readonly 'onUpdate:value': PropType<MaybeArray<(value: (string | number)[], meta: {
+        actionType: "check" | "uncheck";
+        value: string | number;
+    }) => void>>;
+    readonly onUpdateValue: PropType<MaybeArray<(value: (string | number)[], meta: {
+        actionType: "check" | "uncheck";
+        value: string | number;
+    }) => void>>;
+    readonly onChange: PropType<MaybeArray<(value: (string | number)[]) => void> | undefined>;
 }>>, {
     readonly disabled: boolean | undefined;
-    readonly onChange: MaybeArray<(value: (string | number)[]) => void> | undefined;
     readonly defaultValue: (string | number)[] | null;
 }>;
 export default _default;

package/es/checkbox/src/CheckboxGroup.js

@@ -1,9 +1,9 @@
-import { h, defineComponent, provide, computed, toRef, ref } from 'vue';
+import { h, defineComponent, provide, computed, toRef, ref, watchEffect } from 'vue';
 import { useMergedState } from 'vooks';
 import { useConfig, useFormItem } from '../../_mixins';
-import { warn, call, createInjectionKey } from '../../_utils';
+import { call, createInjectionKey, warnOnce } from '../../_utils';
 export const checkboxGroupInjectionKey = createInjectionKey('n-checkbox-group');
-const checkboxGroupProps = {
+export const checkboxGroupProps = {
     min: Number,
     max: Number,
     size: String,
@@ -19,21 +19,19 @@ const checkboxGroupProps = {
     'onUpdate:value': [Function, Array],
     onUpdateValue: [Function, Array],
     // deprecated
-    onChange: {
-        type: [Function, Array],
-        validator: () => {
-            if (process.env.NODE_ENV !== 'production') {
-                warn('checkbox-group', '`on-change` is deprecated, please use `on-update:value` instead.');
-            }
-            return true;
-        },
-        default: undefined
-    }
+    onChange: [Function, Array]
 };
 export default defineComponent({
     name: 'CheckboxGroup',
     props: checkboxGroupProps,
     setup(props) {
+        if (process.env.NODE_ENV !== 'production') {
+            watchEffect(() => {
+                if (props.onChange !== undefined) {
+                    warnOnce('checkbox-group', '`on-change` is deprecated, please use `on-update:value` instead.');
+                }
+            });
+        }
         const { mergedClsPrefixRef } = useConfig(props);
         const formItem = useFormItem(props);
         const { mergedSizeRef, mergedDisabledRef } = formItem;
@@ -59,10 +57,18 @@ export default defineComponent({
                 if (checked) {
                     if (!~index) {
                         groupValue.push(checkboxValue);
-                        if (onUpdateValue)
-                            call(onUpdateValue, groupValue);
-                        if (_onUpdateValue)
-                            call(_onUpdateValue, groupValue);
+                        if (onUpdateValue) {
+                            call(onUpdateValue, groupValue, {
+                                actionType: 'check',
+                                value: checkboxValue
+                            });
+                        }
+                        if (_onUpdateValue) {
+                            call(_onUpdateValue, groupValue, {
+                                actionType: 'check',
+                                value: checkboxValue
+                            });
+                        }
                         nTriggerFormInput();
                         nTriggerFormChange();
                         uncontrolledValueRef.value = groupValue;
@@ -74,10 +80,18 @@ export default defineComponent({
                 else {
                     if (~index) {
                         groupValue.splice(index, 1);
-                        if (onUpdateValue)
-                            call(onUpdateValue, groupValue);
-                        if (_onUpdateValue)
-                            call(_onUpdateValue, groupValue);
+                        if (onUpdateValue) {
+                            call(onUpdateValue, groupValue, {
+                                actionType: 'uncheck',
+                                value: checkboxValue
+                            });
+                        }
+                        if (_onUpdateValue) {
+                            call(_onUpdateValue, groupValue, {
+                                actionType: 'uncheck',
+                                value: checkboxValue
+                            });
+                        }
                         if (onChange)
                             call(onChange, groupValue); // deprecated
                         uncontrolledValueRef.value = groupValue;
@@ -88,10 +102,18 @@ export default defineComponent({
             }
             else {
                 if (checked) {
-                    if (onUpdateValue)
-                        call(onUpdateValue, [checkboxValue]);
-                    if (_onUpdateValue)
-                        call(_onUpdateValue, [checkboxValue]);
+                    if (onUpdateValue) {
+                        call(onUpdateValue, [checkboxValue], {
+                            actionType: 'check',
+                            value: checkboxValue
+                        });
+                    }
+                    if (_onUpdateValue) {
+                        call(_onUpdateValue, [checkboxValue], {
+                            actionType: 'check',
+                            value: checkboxValue
+                        });
+                    }
                     if (onChange)
                         call(onChange, [checkboxValue]); // deprecated
                     uncontrolledValueRef.value = [checkboxValue];
@@ -99,10 +121,18 @@ export default defineComponent({
                     nTriggerFormChange();
                 }
                 else {
-                    if (onUpdateValue)
-                        call(onUpdateValue, []);
-                    if (_onUpdateValue)
-                        call(_onUpdateValue, []);
+                    if (onUpdateValue) {
+                        call(onUpdateValue, [], {
+                            actionType: 'uncheck',
+                            value: checkboxValue
+                        });
+                    }
+                    if (_onUpdateValue) {
+                        call(_onUpdateValue, [], {
+                            actionType: 'uncheck',
+                            value: checkboxValue
+                        });
+                    }
                     if (onChange)
                         call(onChange, []); // deprecated
                     uncontrolledValueRef.value = [];

package/es/checkbox/src/styles/index.cssr.js

@@ -84,6 +84,7 @@ c('.check-icon', `
  flex-shrink: 0;
  flex-grow: 0;
  user-select: none;
+ -webkit-user-select: none;
  `), cB('checkbox-box', `
  position: absolute;
  left: 0;
@@ -134,6 +135,7 @@ c('.check-icon', `
  color: var(--n-text-color);
  transition: color .3s var(--n-bezier);
  user-select: none;
+ -webkit-user-select: none;
  padding: var(--n-label-padding);
  `, [c('&:empty', {
   display: 'none'

package/es/code/index.d.ts

@@ -1,2 +1,2 @@
-export { default as NCode } from './src/Code';
+export { default as NCode, codeProps } from './src/Code';
 export type { CodeProps } from './src/Code';

package/es/code/index.js

@@ -1 +1 @@
-export { default as NCode } from './src/Code';
+export { default as NCode, codeProps } from './src/Code';

package/es/code/src/Code.d.ts

@@ -1,7 +1,7 @@
 import { PropType } from 'vue';
 import { Hljs } from '../../_mixins';
 import type { ExtractPublicPropTypes } from '../../_utils';
-declare const codeProps: {
+export declare const codeProps: {
     language: StringConstructor;
     code: {
         type: StringConstructor;
@@ -15,6 +15,7 @@ declare const codeProps: {
     uri: BooleanConstructor;
     inline: BooleanConstructor;
     wordWrap: BooleanConstructor;
+    showLineNumbers: BooleanConstructor;
     internalFontSize: NumberConstructor;
     internalNoHighlight: BooleanConstructor;
     theme: PropType<import("../../_mixins").Theme<"Code", {
@@ -30,6 +31,7 @@ declare const codeProps: {
         'hue-5-2': string;
         'hue-6': string;
         'hue-6-2': string;
+        lineNumberTextColor: string;
     }, any>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Code", {
         textColor: string;
@@ -44,6 +46,7 @@ declare const codeProps: {
         'hue-5-2': string;
         'hue-6': string;
         'hue-6-2': string;
+        lineNumberTextColor: string;
     }, any>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Code", {
         textColor: string;
@@ -58,6 +61,7 @@ declare const codeProps: {
         'hue-5-2': string;
         'hue-6': string;
         'hue-6-2': string;
+        lineNumberTextColor: string;
     }, any>>>;
 };
 export declare type CodeProps = ExtractPublicPropTypes<typeof codeProps>;
@@ -75,6 +79,7 @@ declare const _default: import("vue").DefineComponent<{
     uri: BooleanConstructor;
     inline: BooleanConstructor;
     wordWrap: BooleanConstructor;
+    showLineNumbers: BooleanConstructor;
     internalFontSize: NumberConstructor;
     internalNoHighlight: BooleanConstructor;
     theme: PropType<import("../../_mixins").Theme<"Code", {
@@ -90,6 +95,7 @@ declare const _default: import("vue").DefineComponent<{
         'hue-5-2': string;
         'hue-6': string;
         'hue-6-2': string;
+        lineNumberTextColor: string;
     }, any>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Code", {
         textColor: string;
@@ -104,6 +110,7 @@ declare const _default: import("vue").DefineComponent<{
         'hue-5-2': string;
         'hue-6': string;
         'hue-6-2': string;
+        lineNumberTextColor: string;
     }, any>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Code", {
         textColor: string;
@@ -118,10 +125,13 @@ declare const _default: import("vue").DefineComponent<{
         'hue-5-2': string;
         'hue-6': string;
         'hue-6-2': string;
+        lineNumberTextColor: string;
     }, any>>>;
 }, {
     mergedClsPrefix: import("vue").ComputedRef<string>;
     codeRef: import("vue").Ref<HTMLElement | null>;
+    mergedShowLineNumbers: import("vue").ComputedRef<boolean>;
+    lineNumbers: import("vue").ComputedRef<string>;
     cssVars: import("vue").ComputedRef<{
         '--n-font-size': string;
         '--n-font-family': string;
@@ -137,6 +147,7 @@ declare const _default: import("vue").DefineComponent<{
         '--n-hue-5-2': string;
         '--n-hue-6': string;
         '--n-hue-6-2': string;
+        '--n-line-number-text-color': string;
     }> | undefined;
     themeClass: import("vue").Ref<string> | undefined;
     onRender: (() => void) | undefined;
@@ -154,6 +165,7 @@ declare const _default: import("vue").DefineComponent<{
     uri: BooleanConstructor;
     inline: BooleanConstructor;
     wordWrap: BooleanConstructor;
+    showLineNumbers: BooleanConstructor;
     internalFontSize: NumberConstructor;
     internalNoHighlight: BooleanConstructor;
     theme: PropType<import("../../_mixins").Theme<"Code", {
@@ -169,6 +181,7 @@ declare const _default: import("vue").DefineComponent<{
         'hue-5-2': string;
         'hue-6': string;
         'hue-6-2': string;
+        lineNumberTextColor: string;
     }, any>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Code", {
         textColor: string;
@@ -183,6 +196,7 @@ declare const _default: import("vue").DefineComponent<{
         'hue-5-2': string;
         'hue-6': string;
         'hue-6-2': string;
+        lineNumberTextColor: string;
     }, any>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Code", {
         textColor: string;
@@ -197,6 +211,7 @@ declare const _default: import("vue").DefineComponent<{
         'hue-5-2': string;
         'hue-6': string;
         'hue-6-2': string;
+        lineNumberTextColor: string;
     }, any>>>;
 }>>, {
     trim: boolean;
@@ -204,6 +219,7 @@ declare const _default: import("vue").DefineComponent<{
     wordWrap: boolean;
     code: string;
     uri: boolean;
+    showLineNumbers: boolean;
     internalNoHighlight: boolean;
 }>;
 export default _default;

package/es/code/src/Code.js

@@ -2,13 +2,13 @@ import { defineComponent, h, toRef, watch, onMounted, ref, computed } from 'vue'
 import { useTheme, useHljs, useConfig, useThemeClass } from '../../_mixins';
 import { codeLight } from '../styles';
 import style from './styles/index.cssr';
-const codeProps = Object.assign(Object.assign({}, useTheme.props), { language: String, code: {
+export const codeProps = Object.assign(Object.assign({}, useTheme.props), { language: String, code: {
         type: String,
         default: ''
     }, trim: {
         type: Boolean,
         default: true
-    }, hljs: Object, uri: Boolean, inline: Boolean, wordWrap: Boolean, 
+    }, hljs: Object, uri: Boolean, inline: Boolean, wordWrap: Boolean, showLineNumbers: Boolean, 
     // In n-log, we only need to mount code's style for highlight
     internalFontSize: Number, internalNoHighlight: Boolean });
 export default defineComponent({
@@ -31,6 +31,11 @@ export default defineComponent({
                 language
             }).value;
         };
+        const mergedShowLineNumbersRef = computed(() => {
+            if (props.inline || props.wordWrap)
+                return false;
+            return props.showLineNumbers;
+        });
         const setCode = () => {
             if (slots.default)
                 return;
@@ -44,7 +49,18 @@ export default defineComponent({
             if (language) {
                 const html = createCodeHtml(language, code, props.trim);
                 if (html !== null) {
-                    codeEl.innerHTML = props.inline ? html : `<pre>${html}</pre>`;
+                    if (props.inline) {
+                        codeEl.innerHTML = html;
+                    }
+                    else {
+                        const prevPreEl = codeEl.querySelector('.__code__');
+                        if (prevPreEl)
+                            codeEl.removeChild(prevPreEl);
+                        const preEl = document.createElement('pre');
+                        preEl.className = '__code__';
+                        preEl.innerHTML = html;
+                        codeEl.appendChild(preEl);
+                    }
                     return;
                 }
             }
@@ -52,15 +68,16 @@ export default defineComponent({
                 codeEl.textContent = code;
                 return;
             }
-            const maybePreEl = codeEl.children[0];
-            if (maybePreEl && maybePreEl.tagName === 'PRE') {
+            const maybePreEl = codeEl.querySelector('.__code__');
+            if (maybePreEl) {
                 maybePreEl.textContent = code;
             }
             else {
-                const warp = document.createElement('pre');
-                warp.textContent = code;
+                const wrap = document.createElement('pre');
+                wrap.className = '__code__';
+                wrap.textContent = code;
                 codeEl.innerHTML = '';
-                codeEl.appendChild(warp);
+                codeEl.appendChild(wrap);
             }
         };
         onMounted(setCode);
@@ -70,7 +87,7 @@ export default defineComponent({
             watch(hljsRef, setCode);
         const themeRef = useTheme('Code', '-code', style, codeLight, props, mergedClsPrefixRef);
         const cssVarsRef = computed(() => {
-            const { common: { cubicBezierEaseInOut, fontFamilyMono }, self: { textColor, fontSize, fontWeightStrong, 
+            const { common: { cubicBezierEaseInOut, fontFamilyMono }, self: { textColor, fontSize, fontWeightStrong, lineNumberTextColor, 
             // extracted from hljs atom-one-light.scss
             'mono-3': $1, 'hue-1': $2, 'hue-2': $3, 'hue-3': $4, 'hue-4': $5, 'hue-5': $6, 'hue-5-2': $7, 'hue-6': $8, 'hue-6-2': $9 } } = themeRef.value;
             const { internalFontSize } = props;
@@ -88,7 +105,8 @@ export default defineComponent({
                 '--n-hue-5': $6,
                 '--n-hue-5-2': $7,
                 '--n-hue-6': $8,
-                '--n-hue-6-2': $9
+                '--n-hue-6-2': $9,
+                '--n-line-number-text-color': lineNumberTextColor
             };
         });
         const themeClassHandle = inlineThemeDisabled
@@ -99,18 +117,41 @@ export default defineComponent({
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             codeRef,
+            mergedShowLineNumbers: mergedShowLineNumbersRef,
+            lineNumbers: computed(() => {
+                let number = 1;
+                const numbers = [];
+                let lastIsLineWrap = false;
+                for (const char of props.code) {
+                    if (char === '\n') {
+                        lastIsLineWrap = true;
+                        numbers.push(number++);
+                    }
+                    else {
+                        lastIsLineWrap = false;
+                    }
+                }
+                if (!lastIsLineWrap) {
+                    numbers.push(number++);
+                }
+                return numbers.join('\n');
+            }),
             cssVars: inlineThemeDisabled ? undefined : cssVarsRef,
             themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
             onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
         };
     },
     render() {
-        const { mergedClsPrefix, wordWrap, onRender } = this;
+        var _a, _b;
+        const { mergedClsPrefix, wordWrap, mergedShowLineNumbers, onRender } = this;
         onRender === null || onRender === void 0 ? void 0 : onRender();
         return (h("code", { class: [
                 `${mergedClsPrefix}-code`,
                 this.themeClass,
-                wordWrap && `${mergedClsPrefix}-code--word-wrap`
-            ], style: this.cssVars, ref: "codeRef" }, this.$slots));
+                wordWrap && `${mergedClsPrefix}-code--word-wrap`,
+                mergedShowLineNumbers && `${mergedClsPrefix}-code--show-line-numbers`
+            ], style: this.cssVars, ref: "codeRef" },
+            mergedShowLineNumbers ? (h("pre", { class: `${mergedClsPrefix}-code__line-numbers` }, this.lineNumbers)) : null, (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 :
+            _b.call(_a)));
     }
 });

package/es/code/src/styles/index.cssr.js

@@ -1,4 +1,4 @@
-import { c, cB, cM } from '../../../_utils/cssr'; // vars:
+import { c, cB, cE, cM } from '../../../_utils/cssr'; // vars:
 // --n-font-size
 // --n-font-family
 // --n-font-weight-strong
@@ -13,15 +13,27 @@ import { c, cB, cM } from '../../../_utils/cssr'; // vars:
 // --n-hue-5-2
 // --n-hue-6
 // --n-hue-6-2
+// --n-line-number-color
+// --n-line-number-text-color
 
 export default c([cB('code', `
  font-size: var(--n-font-size);
  font-family: var(--n-font-family);
- `, [cM('word-wrap', [c('pre', `
+ `, [cM('show-line-numbers', `
+ display: flex;
+ `), cE('line-numbers', `
+ user-select: none;
+ padding-right: 12px;
+ text-align: right;
+ transition: color .3s var(--n-bezier);
+ color: var(--n-line-number-text-color);
+ `), cM('word-wrap', [c('pre', `
  white-space: pre-wrap;
  word-break: break-all;
  `)]), c('pre', `
  margin: 0;
+ line-height: inherit;
+ font-size: inherit;
  font-family: inherit;
  `), c('[class^=hljs]', `
  color: var(--n-text-color);

package/es/code/styles/dark.js

@@ -3,7 +3,7 @@ const codeDark = {
     name: 'Code',
     common: commonDark,
     self(vars) {
-        const { textColor2, fontSize, fontWeightStrong } = vars;
+        const { textColor2, fontSize, fontWeightStrong, textColor3 } = vars;
         return {
             textColor: textColor2,
             fontSize,
@@ -17,7 +17,9 @@ const codeDark = {
             'hue-5': '#e06c75',
             'hue-5-2': '#be5046',
             'hue-6': '#d19a66',
-            'hue-6-2': '#e6c07b'
+            'hue-6-2': '#e6c07b',
+            // line-number styles
+            lineNumberTextColor: textColor3
         };
     }
 };

package/es/code/styles/light.d.ts

@@ -13,6 +13,7 @@ declare const self: (vars: ThemeCommonVars) => {
     'hue-5-2': string;
     'hue-6': string;
     'hue-6-2': string;
+    lineNumberTextColor: string;
 };
 export declare type CodeThemeVars = ReturnType<typeof self>;
 declare const codeLight: Theme<'Code', CodeThemeVars>;

package/es/code/styles/light.js

@@ -1,6 +1,6 @@
 import { commonLight } from '../../_styles/common';
 const self = (vars) => {
-    const { textColor2, fontSize, fontWeightStrong } = vars;
+    const { textColor2, fontSize, fontWeightStrong, textColor3 } = vars;
     return {
         textColor: textColor2,
         fontSize,
@@ -14,7 +14,9 @@ const self = (vars) => {
         'hue-5': '#e45649',
         'hue-5-2': '#c91243',
         'hue-6': '#986801',
-        'hue-6-2': '#c18401'
+        'hue-6-2': '#c18401',
+        // line-number styles
+        lineNumberTextColor: textColor3
     };
 };
 const codeLight = {

package/es/collapse/index.d.ts

@@ -1,4 +1,4 @@
-export { default as NCollapse } from './src/Collapse';
-export { default as NCollapseItem } from './src/CollapseItem';
+export { default as NCollapse, collapseProps } from './src/Collapse';
+export { default as NCollapseItem, collapseItemProps } from './src/CollapseItem';
 export type { CollapseProps } from './src/Collapse';
 export type { CollapseItemProps } from './src/CollapseItem';

package/es/collapse/index.js

@@ -1,2 +1,2 @@
-export { default as NCollapse } from './src/Collapse';
-export { default as NCollapseItem } from './src/CollapseItem';
+export { default as NCollapse, collapseProps } from './src/Collapse';
+export { default as NCollapseItem, collapseItemProps } from './src/CollapseItem';

package/es/collapse/src/Collapse.d.ts

@@ -2,7 +2,7 @@ import { PropType, Ref, ExtractPropTypes, Slots } from 'vue';
 import { ExtractPublicPropTypes } from '../../_utils';
 import type { MaybeArray } from '../../_utils';
 import { OnItemHeaderClick, OnUpdateExpandedNames } from './interface';
-declare const collapseProps: {
+export declare const collapseProps: {
     readonly defaultExpandedNames: {
         readonly type: PropType<string | number | (string | number)[] | null>;
         readonly default: null;

package/es/collapse/src/Collapse.js

@@ -4,8 +4,8 @@ import { useConfig, useTheme, useThemeClass } from '../../_mixins';
 import { call, createInjectionKey, warn } from '../../_utils';
 import { collapseLight } from '../styles';
 import style from './styles/index.cssr';
-import useRtl from '../../_mixins/use-rtl';
-const collapseProps = Object.assign(Object.assign({}, useTheme.props), { defaultExpandedNames: {
+import { useRtl } from '../../_mixins/use-rtl';
+export const collapseProps = Object.assign(Object.assign({}, useTheme.props), { defaultExpandedNames: {
         type: [Array, String],
         default: null
     }, expandedNames: [Array, String], arrowPlacement: {

package/es/collapse/src/CollapseItem.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import { ExtractPublicPropTypes } from '../../_utils';
-declare const collapseItemProps: {
+export declare const collapseItemProps: {
     readonly title: StringConstructor;
     readonly name: PropType<string | number>;
     readonly displayDirective: PropType<"show" | "if">;

package/es/collapse/src/CollapseItem.js

@@ -6,9 +6,9 @@ import { NBaseIcon } from '../../_internal';
 import { throwError } from '../../_utils';
 import { collapseInjectionKey } from './Collapse';
 import NCollapseItemContent from './CollapseItemContent';
-import useRtl from '../../_mixins/use-rtl';
+import { useRtl } from '../../_mixins/use-rtl';
 import { useConfig } from '../../_mixins';
-const collapseItemProps = {
+export const collapseItemProps = {
     title: String,
     name: [String, Number],
     displayDirective: String

package/es/collapse-transition/index.d.ts

@@ -1,2 +1,2 @@
-export { default as NCollapseTransition } from './src/CollapseTransition';
+export { default as NCollapseTransition, collapseTransitionProps } from './src/CollapseTransition';
 export type { CollapseTransitionProps } from './src/CollapseTransition';

package/es/collapse-transition/index.js

@@ -1 +1 @@
-export { default as NCollapseTransition } from './src/CollapseTransition';
+export { default as NCollapseTransition, collapseTransitionProps } from './src/CollapseTransition';