naive-ui 2.23.2 → 2.24.3

package/es/cascader/src/CascaderSelectMenu.d.ts

@@ -255,6 +255,7 @@ declare const _default: import("vue").DefineComponent<{
                 clearColorHover: string;
                 clearColorPressed: string;
                 paddingSingle: string;
+                paddingMultiple: string;
                 clearSize: string;
                 arrowSize: string;
             }, {
@@ -386,26 +387,31 @@ declare const _default: import("vue").DefineComponent<{
     selectTreeMate: import("vue").ComputedRef<import("treemate").TreeMate<SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>, SelectGroupOption, SelectIgnoredOption>>;
     handleToggle: (tmNode: TreeNode<SelectBaseOption>) => void;
     handleClickOutside: (e: MouseEvent) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    value?: unknown;
-    show?: unknown;
-    pattern?: unknown;
-    multiple?: unknown;
-    tmNodes?: unknown;
-    filter?: unknown;
-    labelField?: unknown;
-    separator?: unknown;
-} & {
-    value: Value | null;
-    pattern: string;
-    show: boolean;
-    separator: string;
-    multiple: boolean;
-    labelField: string;
-    tmNodes: TmNode[];
-} & {
-    filter?: Filter | undefined;
-}>, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: PropType<Value | null>;
+        default: null;
+    };
+    show: BooleanConstructor;
+    pattern: {
+        type: StringConstructor;
+        default: string;
+    };
+    multiple: BooleanConstructor;
+    tmNodes: {
+        type: PropType<TmNode[]>;
+        default: () => never[];
+    };
+    filter: PropType<Filter>;
+    labelField: {
+        type: StringConstructor;
+        required: true;
+    };
+    separator: {
+        type: StringConstructor;
+        required: true;
+    };
+}>>, {
     value: Value | null;
     pattern: string;
     show: boolean;

package/es/cascader/src/CascaderSubmenu.d.ts

@@ -236,6 +236,7 @@ declare const _default: import("vue").DefineComponent<{
                 clearColorHover: string;
                 clearColorPressed: string;
                 paddingSingle: string;
+                paddingMultiple: string;
                 clearSize: string;
                 arrowSize: string;
             }, {
@@ -358,11 +359,14 @@ declare const _default: import("vue").DefineComponent<{
         };
     }>;
     scrollbarInstRef: import("vue").Ref<{
-        scrollTo: import("../../_internal/scrollbar/src/ScrollBar").ScrollTo;
-        sync: () => void;
         containerRef: HTMLElement | null;
         contentRef: HTMLElement | null;
         containerScrollTop: number;
+        syncUnifiedContainer: () => void;
+        scrollTo: import("../../_internal/scrollbar/src/ScrollBar").ScrollTo;
+        sync: () => void;
+        handleMouseEnterWrapper: () => void;
+        handleMouseLeaveWrapper: () => void;
     } | null>;
     vlInstRef: import("vue").Ref<{
         listElRef: HTMLElement;
@@ -374,11 +378,14 @@ declare const _default: import("vue").DefineComponent<{
     handleVlScroll: () => void;
     getVlContainer: () => HTMLElement | undefined;
     getVlContent: () => HTMLElement | null | undefined;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    depth?: unknown;
-    tmNodes?: unknown;
-} & {
-    depth: number;
-    tmNodes: TmNode[];
-} & {}>, {}>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    depth: {
+        type: NumberConstructor;
+        required: true;
+    };
+    tmNodes: {
+        type: PropType<TmNode[]>;
+        required: true;
+    };
+}>>, {}>;
 export default _default;

package/es/cascader/src/interface.d.ts

@@ -2,7 +2,7 @@ import { CheckStrategy, TreeNode } from 'treemate';
 import type { MergedTheme } from '../../_mixins';
 import type { NLocale } from '../../locales';
 import type { CascaderTheme } from '../styles';
-import { InjectionKey, Ref } from 'vue';
+import { Ref, VNodeChild } from 'vue';
 export declare type ValueAtom = string | number;
 export declare type Value = ValueAtom | ValueAtom[];
 export declare type Key = ValueAtom;
@@ -52,6 +52,7 @@ export interface CascaderInjection {
     closeMenu: (returnFocus?: boolean) => void;
     handleSelectMenuClickOutside: (e: MouseEvent) => void;
     handleCascaderMenuClickOutside: (e: MouseEvent) => void;
+    renderLabelRef: Ref<((option: CascaderOption, checked: boolean) => VNodeChild) | undefined>;
 }
 export interface CascaderSubmenuInstance {
     scroll: (index: number, elSize: number) => void;
@@ -68,4 +69,8 @@ export interface SelectMenuInstance {
     next: () => void;
     enter: () => boolean;
 }
-export declare const cascaderInjectionKey: InjectionKey<CascaderInjection>;
+export declare const cascaderInjectionKey: import("vue").InjectionKey<CascaderInjection>;
+export interface CascaderInst {
+    focus: () => void;
+    blur: () => void;
+}

package/es/cascader/src/interface.js

@@ -1 +1,2 @@
-export const cascaderInjectionKey = Symbol('cascader');
+import { createInjectionKey } from '../../_utils';
+export const cascaderInjectionKey = createInjectionKey('n-cascader');

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

@@ -136,6 +136,7 @@ declare const cascaderLight: import("../../_mixins").Theme<"Cascader", {
         clearColorHover: string;
         clearColorPressed: string;
         paddingSingle: string;
+        paddingMultiple: string;
         clearSize: string;
         arrowSize: string;
     }, {

package/es/checkbox/index.d.ts

@@ -2,3 +2,4 @@ export { default as NCheckbox } from './src/Checkbox';
 export { default as NCheckboxGroup } from './src/CheckboxGroup';
 export type { CheckboxProps } from './src/Checkbox';
 export type { CheckboxGroupProps } from './src/CheckboxGroup';
+export type { CheckboxInst } from './src/interface';

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

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
-import type { OnUpdateChecked } from './interface';
+import type { OnUpdateChecked, CheckboxInst } from './interface';
 declare const checkboxProps: {
     size: PropType<"small" | "medium" | "large">;
     checked: {
@@ -237,7 +237,8 @@ declare const _default: import("vue").DefineComponent<{
         sizeLarge: string;
         labelPadding: string;
     }, any>>>;
-}, import("../../_mixins/use-form-item").UseFormItem<"small" | "medium" | "large"> & {
+}, import("../../_mixins/use-form-item").UseFormItem<"small" | "medium" | "large"> & CheckboxInst & {
+    selfRef: import("vue").Ref<HTMLDivElement | null>;
     mergedClsPrefix: import("vue").ComputedRef<string>;
     mergedDisabled: import("vue").ComputedRef<boolean>;
     renderedChecked: import("vue").ComputedRef<boolean>;
@@ -407,39 +408,40 @@ declare const _default: import("vue").DefineComponent<{
         '--n-font-size': string;
         '--n-label-padding': string;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    size?: unknown;
-    checked?: unknown;
-    defaultChecked?: unknown;
-    value?: unknown;
-    disabled?: unknown;
-    indeterminate?: unknown;
-    label?: unknown;
-    focusable?: unknown;
-    checkedValue?: unknown;
-    uncheckedValue?: unknown;
-    'onUpdate:checked'?: unknown;
-    onUpdateChecked?: unknown;
-    privateInsideTable?: unknown;
-    onChange?: unknown;
-    theme?: unknown;
-    themeOverrides?: unknown;
-    builtinThemeOverrides?: unknown;
-} & {
-    focusable: boolean;
-    indeterminate: boolean;
-    defaultChecked: string | number | boolean;
-    checkedValue: string | number | boolean;
-    uncheckedValue: string | number | boolean;
-    privateInsideTable: boolean;
-} & {
-    value?: string | number | undefined;
-    label?: string | undefined;
-    size?: "small" | "medium" | "large" | undefined;
-    disabled?: boolean | undefined;
-    onChange?: MaybeArray<OnUpdateChecked> | undefined;
-    checked?: string | number | boolean | undefined;
-    theme?: import("../../_mixins").Theme<"Checkbox", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    size: PropType<"small" | "medium" | "large">;
+    checked: {
+        type: PropType<string | number | boolean | undefined>;
+        default: undefined;
+    };
+    defaultChecked: {
+        type: PropType<string | number | boolean>;
+        default: boolean;
+    };
+    value: PropType<string | number>;
+    disabled: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    indeterminate: BooleanConstructor;
+    label: StringConstructor;
+    focusable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    checkedValue: {
+        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        default: boolean;
+    };
+    uncheckedValue: {
+        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        default: boolean;
+    };
+    'onUpdate:checked': PropType<MaybeArray<OnUpdateChecked>>;
+    onUpdateChecked: PropType<MaybeArray<OnUpdateChecked>>;
+    privateInsideTable: BooleanConstructor;
+    onChange: PropType<MaybeArray<OnUpdateChecked>>;
+    theme: PropType<import("../../_mixins").Theme<"Checkbox", {
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
@@ -466,8 +468,8 @@ declare const _default: import("vue").DefineComponent<{
         sizeMedium: string;
         sizeLarge: string;
         labelPadding: string;
-    }, any> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Checkbox", {
+    }, any>>;
+    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Checkbox", {
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
@@ -494,8 +496,8 @@ declare const _default: import("vue").DefineComponent<{
         sizeMedium: string;
         sizeLarge: string;
         labelPadding: string;
-    }, any>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Checkbox", {
+    }, any>>>;
+    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Checkbox", {
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
@@ -522,10 +524,8 @@ declare const _default: import("vue").DefineComponent<{
         sizeMedium: string;
         sizeLarge: string;
         labelPadding: string;
-    }, any>> | undefined;
-    "onUpdate:checked"?: MaybeArray<OnUpdateChecked> | undefined;
-    onUpdateChecked?: MaybeArray<OnUpdateChecked> | undefined;
-}>, {
+    }, any>>>;
+}>>, {
     disabled: boolean | undefined;
     checked: string | number | boolean | undefined;
     focusable: boolean;

package/es/checkbox/src/Checkbox.js

@@ -1,6 +1,7 @@
-import { h, defineComponent, computed, inject, ref, toRef, renderSlot, watchEffect } from 'vue';
+import { h, defineComponent, computed, inject, ref, toRef, watchEffect } from 'vue';
 import { useMergedState, useMemo } from 'vooks';
 import { createId } from 'seemly';
+import { on } from 'evtd';
 import { useConfig, useFormItem, useTheme } from '../../_mixins';
 import { NIconSwitchTransition } from '../../_internal';
 import { call, createKey, warnOnce } from '../../_utils';
@@ -9,7 +10,6 @@ import CheckMark from './CheckMark';
 import LineMark from './LineMark';
 import { checkboxGroupInjectionKey } from './CheckboxGroup';
 import style from './styles/index.cssr';
-import { on } from 'evtd';
 const checkboxProps = Object.assign(Object.assign({}, useTheme.props), { size: String, checked: {
         type: [Boolean, String, Number],
         default: undefined
@@ -44,6 +44,7 @@ export default defineComponent({
                 }
             });
         }
+        const selfRef = ref(null);
         const { mergedClsPrefixRef } = useConfig(props);
         const formItem = useFormItem(props, {
             mergedSize(NFormItem) {
@@ -151,7 +152,18 @@ export default defineComponent({
                     e.preventDefault();
             }
         }
-        return Object.assign(formItem, {
+        const exposedMethods = {
+            focus: () => {
+                var _a;
+                (_a = selfRef.value) === null || _a === void 0 ? void 0 : _a.focus();
+            },
+            blur: () => {
+                var _a;
+                (_a = selfRef.value) === null || _a === void 0 ? void 0 : _a.blur();
+            }
+        };
+        return Object.assign(formItem, exposedMethods, {
+            selfRef,
             mergedClsPrefix: mergedClsPrefixRef,
             mergedDisabled: mergedDisabledRef,
             renderedChecked: renderedCheckedRef,
@@ -193,7 +205,7 @@ export default defineComponent({
     },
     render() {
         const { $slots, renderedChecked, mergedDisabled, indeterminate, privateInsideTable, cssVars, labelId, label, mergedClsPrefix, focusable, handleKeyUp, handleKeyDown, handleClick } = this;
-        return (h("div", { class: [
+        return (h("div", { ref: "selfRef", class: [
                 `${mergedClsPrefix}-checkbox`,
                 renderedChecked && `${mergedClsPrefix}-checkbox--checked`,
                 mergedDisabled && `${mergedClsPrefix}-checkbox--disabled`,
@@ -211,6 +223,6 @@ export default defineComponent({
                     default: () => this.indeterminate ? (h("div", { key: "indeterminate", class: `${mergedClsPrefix}-checkbox-icon` }, LineMark)) : (h("div", { key: "check", class: `${mergedClsPrefix}-checkbox-icon` }, CheckMark))
                 }),
                 h("div", { class: `${mergedClsPrefix}-checkbox-box__border` })),
-            label !== null || $slots.default ? (h("span", { class: `${mergedClsPrefix}-checkbox__label`, id: labelId }, renderSlot($slots, 'default', undefined, () => [label]))) : null));
+            label !== null || $slots.default ? (h("span", { class: `${mergedClsPrefix}-checkbox__label`, id: labelId }, $slots.default ? $slots.default() : label)) : null));
     }
 });

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

@@ -1,4 +1,4 @@
-import { PropType, InjectionKey, Ref, ComputedRef } from 'vue';
+import { PropType, Ref, ComputedRef } from 'vue';
 import { MaybeArray } from '../../_utils';
 import type { ExtractPublicPropTypes } from '../../_utils';
 export interface CheckboxGroupInjection {
@@ -10,7 +10,7 @@ export interface CheckboxGroupInjection {
     mergedSizeRef: Ref<'small' | 'medium' | 'large'>;
     toggleCheckbox: (checked: boolean, checkboxValue: string | number) => void;
 }
-export declare const checkboxGroupInjectionKey: InjectionKey<CheckboxGroupInjection>;
+export declare const checkboxGroupInjectionKey: import("vue").InjectionKey<CheckboxGroupInjection>;
 declare const checkboxGroupProps: {
     readonly min: NumberConstructor;
     readonly max: NumberConstructor;
@@ -55,28 +55,27 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     mergedClsPrefix: ComputedRef<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly min?: unknown;
-    readonly max?: unknown;
-    readonly size?: unknown;
-    readonly value?: unknown;
-    readonly defaultValue?: unknown;
-    readonly disabled?: unknown;
-    readonly 'onUpdate:value'?: unknown;
-    readonly onUpdateValue?: unknown;
-    readonly onChange?: unknown;
-} & {
-    defaultValue: (string | number)[] | null;
-} & {
-    value?: (string | number)[] | null | undefined;
-    size?: "small" | "medium" | "large" | undefined;
-    disabled?: boolean | undefined;
-    onChange?: MaybeArray<(value: (string | number)[]) => void> | undefined;
-    max?: number | undefined;
-    min?: number | undefined;
-    "onUpdate:value"?: MaybeArray<(value: (string | number)[]) => void> | undefined;
-    onUpdateValue?: MaybeArray<(value: (string | number)[]) => void> | undefined;
-}>, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly min: NumberConstructor;
+    readonly max: NumberConstructor;
+    readonly size: PropType<"small" | "medium" | "large">;
+    readonly value: PropType<(string | number)[] | null>;
+    readonly defaultValue: {
+        readonly type: PropType<(string | number)[] | null>;
+        readonly default: null;
+    };
+    readonly disabled: {
+        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;
+    };
+}>>, {
     disabled: boolean | undefined;
     onChange: MaybeArray<(value: (string | number)[]) => void> | undefined;
     defaultValue: (string | number)[] | null;

package/es/checkbox/src/CheckboxGroup.js

@@ -1,8 +1,8 @@
 import { h, defineComponent, provide, computed, toRef, ref } from 'vue';
 import { useMergedState } from 'vooks';
 import { useConfig, useFormItem } from '../../_mixins';
-import { warn, call } from '../../_utils';
-export const checkboxGroupInjectionKey = Symbol('checkboxGroup');
+import { warn, call, createInjectionKey } from '../../_utils';
+export const checkboxGroupInjectionKey = createInjectionKey('n-checkbox-group');
 const checkboxGroupProps = {
     min: Number,
     max: Number,

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

@@ -1,2 +1,6 @@
 export declare type OnUpdateChecked = (value: string & number & boolean, e: MouseEvent | KeyboardEvent) => void;
 export declare type OnUpdateCheckedImpl = (value: string | number | boolean, e: MouseEvent | KeyboardEvent) => void;
+export interface CheckboxInst {
+    focus: () => void;
+    blur: () => void;
+}

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

@@ -44,7 +44,6 @@ export default c([cB('checkbox', `
   backgroundColor: 'var(--n-color-checked)'
 }, [cB('checkbox-icon', [// if not set width to 100%, safari & old chrome won't display the icon
 c('.check-icon', `
- width: 100%;
  opacity: 1;
  transform: scale(1);
  `)])])]), cM('indeterminate', [cB('checkbox-box', [cB('checkbox-icon', [c('.check-icon', `
@@ -109,6 +108,7 @@ c('.check-icon', `
  top: 1px;
  bottom: 1px;
  `, [c('.check-icon, .line-icon', `
+ width: 100%;
  fill: var(--n-check-mark-color);
  opacity: 0;
  transform: scale(0.5);

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

@@ -14,6 +14,7 @@ declare const codeProps: {
     hljs: PropType<Hljs>;
     uri: BooleanConstructor;
     inline: BooleanConstructor;
+    wordWrap: BooleanConstructor;
     internalFontSize: NumberConstructor;
     internalNoHighlight: BooleanConstructor;
     theme: PropType<import("../../_mixins").Theme<"Code", {
@@ -73,6 +74,7 @@ declare const _default: import("vue").DefineComponent<{
     hljs: PropType<Hljs>;
     uri: BooleanConstructor;
     inline: BooleanConstructor;
+    wordWrap: BooleanConstructor;
     internalFontSize: NumberConstructor;
     internalNoHighlight: BooleanConstructor;
     theme: PropType<import("../../_mixins").Theme<"Code", {
@@ -136,26 +138,23 @@ declare const _default: import("vue").DefineComponent<{
         '--n-hue-6': string;
         '--n-hue-6-2': string;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    language?: unknown;
-    code?: unknown;
-    trim?: unknown;
-    hljs?: unknown;
-    uri?: unknown;
-    inline?: unknown;
-    internalFontSize?: unknown;
-    internalNoHighlight?: unknown;
-    theme?: unknown;
-    themeOverrides?: unknown;
-    builtinThemeOverrides?: unknown;
-} & {
-    inline: boolean;
-    trim: boolean;
-    code: string;
-    uri: boolean;
-    internalNoHighlight: boolean;
-} & {
-    theme?: import("../../_mixins").Theme<"Code", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    language: StringConstructor;
+    code: {
+        type: StringConstructor;
+        default: string;
+    };
+    trim: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hljs: PropType<Hljs>;
+    uri: BooleanConstructor;
+    inline: BooleanConstructor;
+    wordWrap: BooleanConstructor;
+    internalFontSize: NumberConstructor;
+    internalNoHighlight: BooleanConstructor;
+    theme: PropType<import("../../_mixins").Theme<"Code", {
         textColor: string;
         fontSize: string;
         fontWeightStrong: string;
@@ -168,8 +167,8 @@ declare const _default: import("vue").DefineComponent<{
         'hue-5-2': string;
         'hue-6': string;
         'hue-6-2': string;
-    }, any> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Code", {
+    }, any>>;
+    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Code", {
         textColor: string;
         fontSize: string;
         fontWeightStrong: string;
@@ -182,8 +181,8 @@ declare const _default: import("vue").DefineComponent<{
         'hue-5-2': string;
         'hue-6': string;
         'hue-6-2': string;
-    }, any>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Code", {
+    }, any>>>;
+    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Code", {
         textColor: string;
         fontSize: string;
         fontWeightStrong: string;
@@ -196,13 +195,11 @@ declare const _default: import("vue").DefineComponent<{
         'hue-5-2': string;
         'hue-6': string;
         'hue-6-2': string;
-    }, any>> | undefined;
-    hljs?: Hljs | undefined;
-    language?: string | undefined;
-    internalFontSize?: number | undefined;
-}>, {
-    inline: boolean;
+    }, any>>>;
+}>>, {
     trim: boolean;
+    inline: boolean;
+    wordWrap: boolean;
     code: string;
     uri: boolean;
     internalNoHighlight: boolean;

package/es/code/src/Code.js

@@ -8,7 +8,7 @@ const codeProps = Object.assign(Object.assign({}, useTheme.props), { language: S
     }, trim: {
         type: Boolean,
         default: true
-    }, hljs: Object, uri: Boolean, inline: Boolean, 
+    }, hljs: Object, uri: Boolean, inline: Boolean, wordWrap: Boolean, 
     // In n-log, we only need to mount code's style for highlight
     internalFontSize: Number, internalNoHighlight: Boolean });
 export default defineComponent({
@@ -99,7 +99,10 @@ export default defineComponent({
         };
     },
     render() {
-        const { mergedClsPrefix } = this;
-        return (h("code", { class: `${mergedClsPrefix}-code`, style: this.cssVars, ref: "codeRef" }, this.$slots));
+        const { mergedClsPrefix, wordWrap } = this;
+        return (h("code", { class: [
+                `${mergedClsPrefix}-code`,
+                wordWrap && `${mergedClsPrefix}-code--word-wrap`
+            ], style: this.cssVars, ref: "codeRef" }, this.$slots));
     }
 });

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

@@ -1,4 +1,4 @@
-import { c, cB } from '../../../_utils/cssr'; // vars:
+import { c, cB, cM } from '../../../_utils/cssr'; // vars:
 // --n-font-size
 // --n-font-family
 // --n-font-weight-strong
@@ -17,7 +17,10 @@ import { c, cB } from '../../../_utils/cssr'; // vars:
 export default c([cB('code', `
  font-size: var(--n-font-size);
  font-family: var(--n-font-family);
- `, [c('pre', `
+ `, [cM('word-wrap', [c('pre', `
+ white-space: pre-wrap;
+ word-break: break-all;
+ `)]), c('pre', `
  margin: 0;
  font-family: inherit;
  `), c('[class^=hljs]', `