naive-ui 2.23.1 → 2.24.2

package/lib/cascader/src/CascaderMenu.d.ts

@@ -267,6 +267,7 @@ declare const _default: import("vue").DefineComponent<{
                 clearColorHover: string;
                 clearColorPressed: string;
                 paddingSingle: string;
+                paddingMultiple: string;
                 clearSize: string;
                 arrowSize: string;
             }, {
@@ -391,30 +392,39 @@ declare const _default: import("vue").DefineComponent<{
     handleFocusin: (e: FocusEvent) => void;
     handleFocusout: (e: FocusEvent) => 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;
-    placement?: unknown;
-    show?: unknown;
-    menuModel?: unknown;
-    loading?: unknown;
-    onFocus?: unknown;
-    onBlur?: unknown;
-    onKeyup?: unknown;
-    onMousedown?: unknown;
-    onTabout?: unknown;
-} & {
-    show: boolean;
-    onFocus: (e: FocusEvent) => void;
-    onBlur: (e: FocusEvent) => void;
-    onKeyup: (e: KeyboardEvent) => void;
-    onMousedown: (e: MouseEvent) => void;
-    loading: boolean;
-    placement: FollowerPlacement;
-    menuModel: MenuModel;
-    onTabout: () => void;
-} & {
-    value?: Value | null | 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: PropType<Value | null>;
+    placement: {
+        type: PropType<FollowerPlacement>;
+        default: string;
+    };
+    show: BooleanConstructor;
+    menuModel: {
+        type: PropType<MenuModel>;
+        required: true;
+    };
+    loading: BooleanConstructor;
+    onFocus: {
+        type: PropType<(e: FocusEvent) => void>;
+        required: true;
+    };
+    onBlur: {
+        type: PropType<(e: FocusEvent) => void>;
+        required: true;
+    };
+    onKeyup: {
+        type: PropType<(e: KeyboardEvent) => void>;
+        required: true;
+    };
+    onMousedown: {
+        type: PropType<(e: MouseEvent) => void>;
+        required: true;
+    };
+    onTabout: {
+        type: PropType<() => void>;
+        required: true;
+    };
+}>>, {
     show: boolean;
     loading: boolean;
     placement: FollowerPlacement;

package/lib/cascader/src/CascaderMenu.js

@@ -108,7 +108,7 @@ exports.default = (0, vue_1.defineComponent)({
                 if (!this.show)
                     return null;
                 return (0, vue_1.withDirectives)((0, vue_1.h)("div", { tabindex: "0", ref: "selfElRef", class: `${mergedClsPrefix}-cascader-menu`, onMousedown: this.onMousedown, onFocusin: this.handleFocusin, onFocusout: this.handleFocusout, onKeyup: this.onKeyup, style: {
-                        '--col-count': this.menuModel.length
+                        '--n-col-count': this.menuModel.length
                     } },
                     this.menuModel[0].length ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-cascader-submenu-wrapper` },
                         this.menuModel.map((submenuOptions, index) => ((0, vue_1.h)(CascaderSubmenu_1.default, { ref: ((instance) => {
@@ -116,9 +116,7 @@ exports.default = (0, vue_1.defineComponent)({
                                     submenuInstRefs[index] = instance;
                                 }
                             }), key: index, tmNodes: submenuOptions, depth: index + 1 }))),
-                        (0, vue_1.h)(_internal_1.NBaseMenuMask, { clsPrefix: mergedClsPrefix, ref: "maskInstRef" }))) : ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-cascader-menu__empty` }, (0, vue_1.renderSlot)($slots, 'empty', undefined, () => [
-                        (0, vue_1.h)(empty_1.NEmpty, { theme: mergedTheme.peers.Empty, themeOverrides: mergedTheme.peerOverrides.Empty })
-                    ]))),
+                        (0, vue_1.h)(_internal_1.NBaseMenuMask, { clsPrefix: mergedClsPrefix, ref: "maskInstRef" }))) : ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-cascader-menu__empty` }, $slots.empty ? ($slots.empty()) : ((0, vue_1.h)(empty_1.NEmpty, { theme: mergedTheme.peers.Empty, themeOverrides: mergedTheme.peerOverrides.Empty })))),
                     $slots.action && ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-cascader-menu-action`, "data-action": true }, {
                         default: $slots.action
                     })),

package/lib/cascader/src/CascaderOption.d.ts

@@ -243,6 +243,7 @@ declare const _default: import("vue").DefineComponent<{
                 clearColorHover: string;
                 clearColorPressed: string;
                 paddingSingle: string;
+                paddingMultiple: string;
                 clearSize: string;
                 arrowSize: string;
             }, {
@@ -368,9 +369,11 @@ declare const _default: import("vue").DefineComponent<{
     handleCheckboxUpdateValue: () => void;
     mergedHandleMouseEnter: import("vue").ComputedRef<(() => void) | undefined>;
     mergedHandleMouseMove: import("vue").ComputedRef<(() => void) | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    tmNode?: unknown;
-} & {
-    tmNode: TmNode;
-} & {}>, {}>;
+    renderLabel: import("vue").Ref<((option: import("./interface").CascaderOption, checked: boolean) => import("vue").VNodeChild) | 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<{
+    tmNode: {
+        type: PropType<TmNode>;
+        required: true;
+    };
+}>>, {}>;
 export default _default;

package/lib/cascader/src/CascaderOption.js

@@ -16,7 +16,7 @@ exports.default = (0, vue_1.defineComponent)({
         }
     },
     setup(props) {
-        const { expandTriggerRef, remoteRef, multipleRef, mergedValueRef, checkedKeysRef, indeterminateKeysRef, hoverKeyPathRef, keyboardKeyRef, loadingKeySetRef, cascadeRef, mergedCheckStrategyRef, onLoadRef, mergedClsPrefixRef, mergedThemeRef, labelFieldRef, updateHoverKey, updateKeyboardKey, addLoadingKey, deleteLoadingKey, closeMenu, doCheck, doUncheck
+        const { expandTriggerRef, remoteRef, multipleRef, mergedValueRef, checkedKeysRef, indeterminateKeysRef, hoverKeyPathRef, keyboardKeyRef, loadingKeySetRef, cascadeRef, mergedCheckStrategyRef, onLoadRef, mergedClsPrefixRef, mergedThemeRef, labelFieldRef, updateHoverKey, updateKeyboardKey, addLoadingKey, deleteLoadingKey, closeMenu, doCheck, doUncheck, renderLabelRef
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
          } = (0, vue_1.inject)(interface_1.cascaderInjectionKey);
         const valueRef = (0, vue_1.computed)(() => props.tmNode.key);
@@ -153,11 +153,12 @@ exports.default = (0, vue_1.defineComponent)({
             handleClick,
             handleCheckboxUpdateValue,
             mergedHandleMouseEnter: mergedHandleMouseEnterRef,
-            mergedHandleMouseMove: mergedHandleMouseMoveRef
+            mergedHandleMouseMove: mergedHandleMouseMoveRef,
+            renderLabel: renderLabelRef
         };
     },
     render() {
-        const { mergedClsPrefix } = this;
+        const { mergedClsPrefix, renderLabel } = this;
         return ((0, vue_1.h)("div", { class: [
                 `${mergedClsPrefix}-cascader-option`,
                 {
@@ -168,7 +169,9 @@ exports.default = (0, vue_1.defineComponent)({
             ], onMouseenter: this.mergedHandleMouseEnter, onMousemove: this.mergedHandleMouseMove, onClick: this.handleClick },
             this.showCheckbox ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-cascader-option__prefix` },
                 (0, vue_1.h)(checkbox_1.NCheckbox, { focusable: false, "data-checkbox": true, disabled: this.disabled, checked: this.checked, indeterminate: this.indeterminate, theme: this.mergedTheme.peers.Checkbox, themeOverrides: this.mergedTheme.peerOverrides.Checkbox, onUpdateChecked: this.handleCheckboxUpdateValue }))) : null,
-            (0, vue_1.h)("span", { class: `${mergedClsPrefix}-cascader-option__label` }, this.label),
+            (0, vue_1.h)("span", { class: `${mergedClsPrefix}-cascader-option__label` }, renderLabel
+                ? renderLabel(this.tmNode.rawNode, this.checked)
+                : this.label),
             (0, vue_1.h)("div", { class: `${mergedClsPrefix}-cascader-option__suffix` },
                 (0, vue_1.h)("div", { class: `${mergedClsPrefix}-cascader-option-icon-placeholder` }, !this.isLeaf ? ((0, vue_1.h)(_internal_1.NBaseLoading, { clsPrefix: mergedClsPrefix, scale: 0.85, strokeWidth: 24, show: this.isLoading, class: `${mergedClsPrefix}-cascader-option-icon` }, {
                     default: () => ((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: mergedClsPrefix, key: "arrow", class: `${mergedClsPrefix}-cascader-option-icon ${mergedClsPrefix}-cascader-option-icon--arrow` }, {

package/lib/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/lib/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/lib/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/lib/cascader/src/interface.js

@@ -1,4 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.cascaderInjectionKey = void 0;
-exports.cascaderInjectionKey = Symbol('cascader');
+const _utils_1 = require("../../_utils");
+exports.cascaderInjectionKey = (0, _utils_1.createInjectionKey)('n-cascader');

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

@@ -13,21 +13,21 @@ Object.defineProperty(exports, "__esModule", {
 const cssr_1 = require("../../../_utils/cssr");
 
 const fade_in_scale_up_cssr_1 = __importDefault(require("../../../_styles/transitions/fade-in-scale-up.cssr")); // vars:
-// --menu-border-radius
-// --menu-box-shadow
-// --menu-height
-// --menu-color
-// --menu-divider-color
-// --option-height
-// --option-font-size
-// --option-text-color
-// --option-text-color-disabled
-// --option-text-color-active
-// --option-color-hover
-// --option-check-mark-color
-// --option-arrow-color
-// --menu-mask-color
-// --loading-color
+// --n-menu-border-radius
+// --n-menu-box-shadow
+// --n-menu-height
+// --n-menu-color
+// --n-menu-divider-color
+// --n-option-height
+// --n-option-font-size
+// --n-option-text-color
+// --n-option-text-color-disabled
+// --n-option-text-color-active
+// --n-option-color-hover
+// --n-option-check-mark-color
+// --n-option-arrow-color
+// --n-menu-mask-color
+// --n-loading-color
 
 
 exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('cascader-menu', `
@@ -36,11 +36,11 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('cascader-menu', `
  margin: 4px 0;
  display: flex;
  flex-flow: column nowrap;
- border-radius: var(--menu-border-radius);
+ border-radius: var(--n-menu-border-radius);
  overflow: hidden;
- box-shadow: var(--menu-box-shadow);
- color: var(--option-text-color);
- background-color: var(--menu-color);
+ box-shadow: var(--n-menu-box-shadow);
+ color: var(--n-option-text-color);
+ background-color: var(--n-menu-color);
  `, [(0, fade_in_scale_up_cssr_1.default)({
   transformOrigin: 'inherit',
   duration: '0.2s'
@@ -54,37 +54,37 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('cascader-menu', `
   // not correct, which won't change after select menu width is set
   width: '100%'
 }), (0, cssr_1.cB)('base-menu-mask', {
-  backgroundColor: 'var(--menu-mask-color)'
+  backgroundColor: 'var(--n-menu-mask-color)'
 }), (0, cssr_1.cB)('base-loading', {
-  color: 'var(--loading-color)'
+  color: 'var(--n-loading-color)'
 }), (0, cssr_1.cB)('cascader-submenu-wrapper', `
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  `), (0, cssr_1.cB)('cascader-submenu', `
- height: var(--menu-height);
- min-width: var(--column-width);
+ height: var(--n-menu-height);
+ min-width: var(--n-column-width);
  position: relative;
  `, [(0, cssr_1.cM)('virtual', `
- width: var(--column-width);
+ width: var(--n-column-width);
  `), (0, cssr_1.cB)('scrollbar-content', {
   position: 'relative'
 }), (0, cssr_1.c)('&:first-child', `
- border-top-left-radius: var(--menu-border-radius);
- border-bottom-left-radius: var(--menu-border-radius);
+ border-top-left-radius: var(--n-menu-border-radius);
+ border-bottom-left-radius: var(--n-menu-border-radius);
  `), (0, cssr_1.c)('&:last-child', `
- border-top-right-radius: var(--menu-border-radius);
- border-bottom-right-radius: var(--menu-border-radius);
+ border-top-right-radius: var(--n-menu-border-radius);
+ border-bottom-right-radius: var(--n-menu-border-radius);
  `), (0, cssr_1.c)('&:not(:first-child)', `
- border-left: 1px solid var(--menu-divider-color);
+ border-left: 1px solid var(--n-menu-divider-color);
  `)]), (0, cssr_1.cB)('cascader-menu-action', `
  box-sizing: border-box;
  padding: 8px;
- border-top: 1px solid var(--menu-divider-color);
+ border-top: 1px solid var(--n-menu-divider-color);
  `), (0, cssr_1.cB)('cascader-option', `
- height: var(--option-height);
- line-height: var(--option-height);
- font-size: var(--option-font-size);
+ height: var(--n-option-height);
+ line-height: var(--n-option-height);
+ font-size: var(--n-option-font-size);
  padding: 0 0 0 18px;
  box-sizing: border-box;
  min-width: 182px;
@@ -95,8 +95,8 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('cascader-menu', `
  position: relative;
  cursor: pointer;
  transition:
- background-color .2s var(--bezier),
- color 0.2s var(--bezier);
+ background-color .2s var(--n-bezier),
+ color 0.2s var(--n-bezier);
  `, [(0, cssr_1.cM)('show-prefix', {
   paddingLeft: 0
 }), (0, cssr_1.cE)('label', `
@@ -120,24 +120,24 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('cascader-menu', `
   height: '16px',
   fontSize: '16px'
 }, [(0, cssr_1.cB)('cascader-option-icon', [(0, cssr_1.cM)('checkmark', {
-  color: 'var(--option-check-mark-color)'
+  color: 'var(--n-option-check-mark-color)'
 }, [(0, fade_in_scale_up_cssr_1.default)()]), (0, cssr_1.cM)('arrow', {
-  color: 'var(--option-arrow-color)'
+  color: 'var(--n-option-arrow-color)'
 })])]), (0, cssr_1.cM)('selected', {
-  color: 'var(--option-text-color-active)'
+  color: 'var(--n-option-text-color-active)'
 }), (0, cssr_1.cM)('active', {
-  color: 'var(--option-text-color-active)',
-  backgroundColor: 'var(--option-color-hover)'
+  color: 'var(--n-option-text-color-active)',
+  backgroundColor: 'var(--n-option-color-hover)'
 }), (0, cssr_1.cM)('pending', {
-  backgroundColor: 'var(--option-color-hover)'
+  backgroundColor: 'var(--n-option-color-hover)'
 }), (0, cssr_1.c)('&:hover', {
-  backgroundColor: 'var(--option-color-hover)'
+  backgroundColor: 'var(--n-option-color-hover)'
 }), (0, cssr_1.cM)('disabled', `
- color: var(--option-text-color-disabled);
+ color: var(--n-option-text-color-disabled);
  background-color: #0000;
  cursor: not-allowed;
  `, [(0, cssr_1.cB)('cascader-option-icon', [(0, cssr_1.cM)('arrow', {
-  color: 'var(--option-text-color-disabled)'
+  color: 'var(--n-option-text-color-disabled)'
 })])])])]), (0, cssr_1.cB)('cascader', `
  z-index: auto;
  position: relative;

package/lib/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/lib/cascader/styles/light.js

@@ -15,7 +15,7 @@ const self = (vars) => {
         menuColor: popoverColor,
         menuBoxShadow: boxShadow2,
         menuDividerColor: dividerColor,
-        menuHeight: 'calc(var(--option-height) * 6.6)',
+        menuHeight: 'calc(var(--n-option-height) * 6.6)',
         optionArrowColor: textColor3,
         optionHeight: heightMedium,
         optionFontSize: fontSizeMedium,

package/lib/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';