naive-ui 2.22.0 → 2.24.0

package/es/_internal/selection/src/Selection.js

@@ -336,54 +336,54 @@ export default defineComponent({
                 // arrow
                 arrowSize, [createKey('height', size)]: height, [createKey('fontSize', size)]: fontSize } } = themeRef.value;
                 return {
-                    '--bezier': cubicBezierEaseInOut,
-                    '--border': border,
-                    '--border-active': borderActive,
-                    '--border-focus': borderFocus,
-                    '--border-hover': borderHover,
-                    '--border-radius': borderRadius,
-                    '--box-shadow-active': boxShadowActive,
-                    '--box-shadow-focus': boxShadowFocus,
-                    '--box-shadow-hover': boxShadowHover,
-                    '--caret-color': caretColor,
-                    '--color': color,
-                    '--color-active': colorActive,
-                    '--color-disabled': colorDisabled,
-                    '--font-size': fontSize,
-                    '--height': height,
-                    '--padding-single': paddingSingle,
-                    '--placeholder-color': placeholderColor,
-                    '--placeholder-color-disabled': placeholderColorDisabled,
-                    '--text-color': textColor,
-                    '--text-color-disabled': textColorDisabled,
-                    '--arrow-color': arrowColor,
-                    '--arrow-color-disabled': arrowColorDisabled,
-                    '--loading-color': loadingColor,
+                    '--n-bezier': cubicBezierEaseInOut,
+                    '--n-border': border,
+                    '--n-border-active': borderActive,
+                    '--n-border-focus': borderFocus,
+                    '--n-border-hover': borderHover,
+                    '--n-border-radius': borderRadius,
+                    '--n-box-shadow-active': boxShadowActive,
+                    '--n-box-shadow-focus': boxShadowFocus,
+                    '--n-box-shadow-hover': boxShadowHover,
+                    '--n-caret-color': caretColor,
+                    '--n-color': color,
+                    '--n-color-active': colorActive,
+                    '--n-color-disabled': colorDisabled,
+                    '--n-font-size': fontSize,
+                    '--n-height': height,
+                    '--n-padding-single': paddingSingle,
+                    '--n-placeholder-color': placeholderColor,
+                    '--n-placeholder-color-disabled': placeholderColorDisabled,
+                    '--n-text-color': textColor,
+                    '--n-text-color-disabled': textColorDisabled,
+                    '--n-arrow-color': arrowColor,
+                    '--n-arrow-color-disabled': arrowColorDisabled,
+                    '--n-loading-color': loadingColor,
                     // form warning
-                    '--color-active-warning': colorActiveWarning,
-                    '--box-shadow-focus-warning': boxShadowFocusWarning,
-                    '--box-shadow-active-warning': boxShadowActiveWarning,
-                    '--box-shadow-hover-warning': boxShadowHoverWarning,
-                    '--border-warning': borderWarning,
-                    '--border-focus-warning': borderFocusWarning,
-                    '--border-hover-warning': borderHoverWarning,
-                    '--border-active-warning': borderActiveWarning,
+                    '--n-color-active-warning': colorActiveWarning,
+                    '--n-box-shadow-focus-warning': boxShadowFocusWarning,
+                    '--n-box-shadow-active-warning': boxShadowActiveWarning,
+                    '--n-box-shadow-hover-warning': boxShadowHoverWarning,
+                    '--n-border-warning': borderWarning,
+                    '--n-border-focus-warning': borderFocusWarning,
+                    '--n-border-hover-warning': borderHoverWarning,
+                    '--n-border-active-warning': borderActiveWarning,
                     // form error
-                    '--color-active-error': colorActiveError,
-                    '--box-shadow-focus-error': boxShadowFocusError,
-                    '--box-shadow-active-error': boxShadowActiveError,
-                    '--box-shadow-hover-error': boxShadowHoverError,
-                    '--border-error': borderError,
-                    '--border-focus-error': borderFocusError,
-                    '--border-hover-error': borderHoverError,
-                    '--border-active-error': borderActiveError,
+                    '--n-color-active-error': colorActiveError,
+                    '--n-box-shadow-focus-error': boxShadowFocusError,
+                    '--n-box-shadow-active-error': boxShadowActiveError,
+                    '--n-box-shadow-hover-error': boxShadowHoverError,
+                    '--n-border-error': borderError,
+                    '--n-border-focus-error': borderFocusError,
+                    '--n-border-hover-error': borderHoverError,
+                    '--n-border-active-error': borderActiveError,
                     // clear
-                    '--clear-size': clearSize,
-                    '--clear-color': clearColor,
-                    '--clear-color-hover': clearColorHover,
-                    '--clear-color-pressed': clearColorPressed,
+                    '--n-clear-size': clearSize,
+                    '--n-clear-color': clearColor,
+                    '--n-clear-color-hover': clearColorHover,
+                    '--n-clear-color-pressed': clearColorPressed,
                     // arrow-size
-                    '--arrow-size': arrowSize
+                    '--n-arrow-size': arrowSize
                 };
             })
         };

package/es/_internal/selection/src/styles/index.cssr.js

@@ -1,27 +1,27 @@
 import { c, cB, cE, cM, cNotM, insideFormItem } from '../../../../_utils/cssr'; // vars:
-// --bezier
-// --border
-// --border-active
-// --border-focus
-// --border-hover
-// --border-radius
-// --box-shadow-active
-// --box-shadow-focus
-// --box-shadow-hover
-// --caret-color
-// --color
-// --color-active
-// --color-disabled
-// --font-size
-// --height
-// --padding-single
-// --placeholder-color
-// --placeholder-color-disabled
-// --text-color
-// --text-color-disabled
-// --arrow-color
-// --arrow-size
-// --loading-color
+// --n-bezier
+// --n-border
+// --n-border-active
+// --n-border-focus
+// --n-border-hover
+// --n-border-radius
+// --n-box-shadow-active
+// --n-box-shadow-focus
+// --n-box-shadow-hover
+// --n-caret-color
+// --n-color
+// --n-color-active
+// --n-color-disabled
+// --n-font-size
+// --n-height
+// --n-padding-single
+// --n-placeholder-color
+// --n-placeholder-color-disabled
+// --n-text-color
+// --n-text-color-disabled
+// --n-arrow-color
+// --n-arrow-size
+// --n-loading-color
 // ...clear vars
 // ...form item vars
 
@@ -33,14 +33,14 @@ export default c([cB('base-selection', `
  max-width: 100%;
  display: inline-block;
  vertical-align: bottom;
- border-radius: var(--border-radius);
- min-height: var(--height);
+ border-radius: var(--n-border-radius);
+ min-height: var(--n-height);
  line-height: 1.5;
- font-size: var(--font-size);
+ font-size: var(--n-font-size);
  `, [cB('base-loading', `
- color: var(--loading-color);
+ color: var(--n-loading-color);
  `), cB('base-selection-tags', {
-  minHeight: 'var(--height)'
+  minHeight: 'var(--n-height)'
 }), cE('border, state-border', `
  position: absolute;
  left: 0;
@@ -48,11 +48,11 @@ export default c([cB('base-selection', `
  top: 0;
  bottom: 0;
  pointer-events: none;
- border: var(--border);
+ border: var(--n-border);
  border-radius: inherit;
  transition:
- box-shadow .3s var(--bezier),
- border-color .3s var(--bezier);
+ box-shadow .3s var(--n-bezier),
+ border-color .3s var(--n-bezier);
  `), cE('state-border', `
  z-index: 1;
  border-color: #0000;
@@ -63,9 +63,9 @@ export default c([cB('base-selection', `
  transform: translateY(-50%);
  right: 10px;
  `, [cE('arrow', `
- font-size: var(--arrow-size);
- color: var(--arrow-color);
- transition: color .3s var(--bezier);
+ font-size: var(--n-arrow-size);
+ color: var(--n-arrow-color);
+ transition: color .3s var(--n-bezier);
  `)]), cB('base-selection-overlay', `
  display: flex;
  align-items: center;
@@ -76,15 +76,15 @@ export default c([cB('base-selection', `
  right: 0;
  bottom: 0;
  left: 0;
- padding: var(--padding-single);
- transition: color .3s var(--bezier);
+ padding: var(--n-padding-single);
+ transition: color .3s var(--n-bezier);
  `, [cE('wrapper', `
  flex-basis: 0;
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  `)]), cB('base-selection-placeholder', `
- color: var(--placeholder-color);
+ color: var(--n-placeholder-color);
  `), cB('base-selection-tags', `
  cursor: pointer;
  outline: none;
@@ -92,19 +92,19 @@ export default c([cB('base-selection', `
  position: relative;
  z-index: auto;
  display: flex;
- padding: 3px 26px 0 14px;
+ padding: 3px 26px 0 12px;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  vertical-align: bottom;
- background-color: var(--color);
+ background-color: var(--n-color);
  border-radius: inherit;
  transition:
- color .3s var(--bezier),
- box-shadow .3s var(--bezier),
- background-color .3s var(--bezier);
+ color .3s var(--n-bezier),
+ box-shadow .3s var(--n-bezier),
+ background-color .3s var(--n-bezier);
  `), cB('base-selection-label', `
- height: var(--height);
+ height: var(--n-height);
  display: inline-flex;
  width: 100%;
  vertical-align: bottom;
@@ -114,11 +114,11 @@ export default c([cB('base-selection', `
  box-sizing: border-box;
  position: relative;
  transition:
- color .3s var(--bezier),
- box-shadow .3s var(--bezier),
- background-color .3s var(--bezier);
+ color .3s var(--n-bezier),
+ box-shadow .3s var(--n-bezier),
+ background-color .3s var(--n-bezier);
  border-radius: inherit;
- background-color: var(--color);
+ background-color: var(--n-color);
  align-items: center;
  `, [cB('base-selection-input', `
  line-height: inherit;
@@ -127,51 +127,51 @@ export default c([cB('base-selection', `
  box-sizing: border-box;
  border:none;
  width: 100%;
- padding: var(--padding-single);
+ padding: var(--n-padding-single);
  background-color: #0000;
- color: var(--text-color);
- transition: color .3s var(--bezier);
- caret-color: var(--caret-color);
+ color: var(--n-text-color);
+ transition: color .3s var(--n-bezier);
+ caret-color: var(--n-caret-color);
  `, [cE('content', `
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; 
  `)]), cE('render-label', `
- color: var(--text-color);
+ color: var(--n-text-color);
  `)]), cNotM('disabled', [c('&:hover', [cE('state-border', `
- box-shadow: var(--box-shadow-hover);
- border: var(--border-hover);
+ box-shadow: var(--n-box-shadow-hover);
+ border: var(--n-border-hover);
  `)]), cM('focus', [cE('state-border', `
- box-shadow: var(--box-shadow-focus);
- border: var(--border-focus);
+ box-shadow: var(--n-box-shadow-focus);
+ border: var(--n-border-focus);
  `)]), cM('active', [cE('state-border', `
- box-shadow: var(--box-shadow-active);
- border: var(--border-active);
+ box-shadow: var(--n-box-shadow-active);
+ border: var(--n-border-active);
  `), cB('base-selection-label', {
-  backgroundColor: 'var(--color-active)'
+  backgroundColor: 'var(--n-color-active)'
 }), cB('base-selection-tags', {
-  backgroundColor: 'var(--color-active)'
+  backgroundColor: 'var(--n-color-active)'
 })])]), cM('disabled', {
   cursor: 'not-allowed'
 }, [cE('arrow', `
- color: var(--arrow-color-disabled);
+ color: var(--n-arrow-color-disabled);
  `), cB('base-selection-label', `
  cursor: not-allowed;
- background-color: var(--color-disabled);
+ background-color: var(--n-color-disabled);
  `, [cB('base-selection-input', `
  cursor: not-allowed;
- color: var(--text-color-disabled);
+ color: var(--n-text-color-disabled);
  `), cE('render-label', `
- color: var(--text-color-disabled);
+ color: var(--n-text-color-disabled);
  `)]), cB('base-selection-tags', `
  cursor: not-allowed;
- background-color: var(--color-disabled);
+ background-color: var(--n-color-disabled);
  `), cB('base-selection-placeholder', `
  cursor: not-allowed;
- color: var(--placeholder-color-disabled);
+ color: var(--n-placeholder-color-disabled);
  `)]), cB('base-selection-input-tag', `
- height: calc(var(--height) - 6px);
- line-height: calc(var(--height) - 6px);
+ height: calc(var(--n-height) - 6px);
+ line-height: calc(var(--n-height) - 6px);
  outline: none;
  display: none;
  position: relative;
@@ -189,8 +189,8 @@ export default c([cB('base-selection', `
  width: 1em;
  line-height: inherit;
  cursor: pointer;
- color: var(--text-color);
- caret-color: var(--caret-color);
+ color: var(--n-text-color);
+ caret-color: var(--n-caret-color);
  `), cE('mirror', `
  position: absolute;
  left: 0;
@@ -216,18 +216,18 @@ export default c([cB('base-selection', `
  text-overflow: ellipsis;
  overflow: hidden;
  `)])]), ['warning', 'error'].map(status => insideFormItem(status, cB('base-selection', [cE('state-border', {
-  border: `var(--border-${status})`
+  border: `var(--n-border-${status})`
 }), cNotM('disabled', [c('&:hover', [cE('state-border', `
- box-shadow: var(--box-shadow-hover-${status});
- border: var(--border-hover-${status});
+ box-shadow: var(--n-box-shadow-hover-${status});
+ border: var(--n-border-hover-${status});
  `)]), cM('active', [cE('state-border', `
- box-shadow: var(--box-shadow-active-${status});
- border: var(--border-active-${status});
+ box-shadow: var(--n-box-shadow-active-${status});
+ border: var(--n-border-active-${status});
  `), cB('base-selection-label', {
-  backgroundColor: `var(--color-active-${status})`
+  backgroundColor: `var(--n-color-active-${status})`
 }), cB('base-selection-tags', {
-  backgroundColor: `var(--box-shadow-active-${status})`
+  backgroundColor: `var(--n-box-shadow-active-${status})`
 })]), cM('focus', [cE('state-border', `
- box-shadow: var(--box-shadow-focus-${status});
- border: var(--border-focus-${status});
+ box-shadow: var(--n-box-shadow-focus-${status});
+ border: var(--n-border-focus-${status});
  `)])])])))]);

package/es/_internal/selection/styles/_common.js

@@ -1,5 +1,5 @@
 export default {
-    paddingSingle: '0 26px 0 14px',
+    paddingSingle: '0 26px 0 12px',
     clearSize: '16px',
     arrowSize: '16px'
 };

package/es/_mixins/common.d.ts

@@ -0,0 +1 @@
+export declare const cssrAnchorMetaName = "naive-ui-style";

package/es/_mixins/common.js

@@ -0,0 +1 @@
+export const cssrAnchorMetaName = 'naive-ui-style';

package/es/_mixins/index.d.ts

@@ -6,3 +6,4 @@ export { default as useLocale } from './use-locale';
 export { default as useStyle } from './use-style';
 export { default as useHljs } from './use-hljs';
 export type { Hljs } from './use-hljs';
+export { useCssVarsClass } from './use-css-vars-class';

package/es/_mixins/index.js

@@ -4,3 +4,4 @@ export { default as useConfig, defaultClsPrefix } from './use-config';
 export { default as useLocale } from './use-locale';
 export { default as useStyle } from './use-style';
 export { default as useHljs } from './use-hljs';
+export { useCssVarsClass } from './use-css-vars-class';

package/es/_mixins/use-css-vars-class.d.ts

@@ -0,0 +1,2 @@
+import { Ref } from 'vue';
+export declare function useCssVarsClass(cssVarsRef: Ref<Record<string, string>>): Ref<string>;

package/es/_mixins/use-css-vars-class.js

@@ -0,0 +1,22 @@
+import { ref, watchEffect } from 'vue';
+import hash from '@emotion/hash';
+import { c } from '../_utils/cssr';
+// window.xxx = 0
+export function useCssVarsClass(cssVarsRef) {
+    const cssVarsClassRef = ref('');
+    watchEffect(() => {
+        // window.xxx -= performance.now()
+        const cssVars = cssVarsRef.value;
+        let style = '';
+        for (const key in cssVars) {
+            style += `${key}: ${cssVars[key]};`;
+        }
+        const styleHash = hash(style);
+        cssVarsClassRef.value = `c${styleHash}`;
+        c(`.c${styleHash}`, style).mount({
+            id: styleHash
+        });
+        // window.xxx += performance.now()
+    });
+    return cssVarsClassRef;
+}

package/es/_mixins/use-rtl.js

@@ -1,6 +1,7 @@
 import { onBeforeMount, watchEffect, computed } from 'vue';
 import { exists } from 'css-render';
 import { useSsrAdapter } from '@css-render/vue3-ssr';
+import { cssrAnchorMetaName } from './common';
 export default function useRtl(mountId, rtlStateRef, clsPrefixRef) {
     if (!rtlStateRef)
         return undefined;
@@ -31,6 +32,7 @@ export default function useRtl(mountId, rtlStateRef, clsPrefixRef) {
             componentRtlState.style.mount({
                 id,
                 head: true,
+                anchorMetaName: cssrAnchorMetaName,
                 props: {
                     bPrefix: clsPrefix ? `.${clsPrefix}-` : undefined
                 },

package/es/_mixins/use-style.js

@@ -2,6 +2,7 @@ import { onBeforeMount } from 'vue';
 import { useSsrAdapter } from '@css-render/vue3-ssr';
 import globalStyle from '../_styles/global/index.cssr';
 import { throwError } from '../_utils';
+import { cssrAnchorMetaName } from './common';
 export default function useStyle(mountId, style, clsPrefixRef) {
     if (!style) {
         if (process.env.NODE_ENV !== 'production')
@@ -14,6 +15,7 @@ export default function useStyle(mountId, style, clsPrefixRef) {
         style.mount({
             id: clsPrefix === undefined ? mountId : clsPrefix + mountId,
             head: true,
+            anchorMetaName: cssrAnchorMetaName,
             props: {
                 bPrefix: clsPrefix ? `.${clsPrefix}-` : undefined
             },
@@ -22,6 +24,7 @@ export default function useStyle(mountId, style, clsPrefixRef) {
         globalStyle.mount({
             id: 'naive-ui/global',
             head: true,
+            anchorMetaName: cssrAnchorMetaName,
             ssr: ssrAdapter
         });
     };

package/es/_mixins/use-theme.js

@@ -4,6 +4,7 @@ import { merge } from 'lodash-es';
 import { useSsrAdapter } from '@css-render/vue3-ssr';
 import globalStyle from '../_styles/global/index.cssr';
 import { configProviderInjectionKey } from '../config-provider/src/ConfigProvider';
+import { cssrAnchorMetaName } from './common';
 export function createTheme(theme) {
     return theme;
 }
@@ -18,11 +19,13 @@ function useTheme(resolveId, mountId, style, defaultTheme, props, clsPrefixRef)
                 props: {
                     bPrefix: clsPrefix ? `.${clsPrefix}-` : undefined
                 },
+                anchorMetaName: cssrAnchorMetaName,
                 ssr: ssrAdapter
             });
             globalStyle.mount({
                 id: 'naive-ui/global',
                 head: true,
+                anchorMetaName: cssrAnchorMetaName,
                 ssr: ssrAdapter
             });
         };

package/es/_utils/composable/use-houdini.js

@@ -1,25 +1,28 @@
-import { onBeforeMount } from 'vue';
 let houdiniRegistered = false;
 export function useHoudini() {
-    onBeforeMount(() => {
-        var _a;
-        if (!houdiniRegistered) {
-            houdiniRegistered = true;
-            if ((_a = window === null || window === void 0 ? void 0 : window.CSS) === null || _a === void 0 ? void 0 : _a.registerProperty) {
+    if (typeof window === 'undefined')
+        return;
+    if (!window.CSS)
+        return;
+    if (!houdiniRegistered) {
+        houdiniRegistered = true;
+        if ('registerProperty' in (window === null || window === void 0 ? void 0 : window.CSS)) {
+            try {
                 ;
                 CSS.registerProperty({
-                    name: '--color-start',
+                    name: '--n-color-start',
                     syntax: '<color>',
                     inherits: false,
                     initialValue: '#0000'
                 });
                 CSS.registerProperty({
-                    name: '--color-end',
+                    name: '--n-color-end',
                     syntax: '<color>',
                     inherits: false,
                     initialValue: '#0000'
                 });
             }
+            catch (e) { }
         }
-    });
+    }
 }

package/es/alert/src/Alert.d.ts

@@ -562,8 +562,8 @@ declare const _default: import("vue").DefineComponent<{
     builtinThemeOverrides?: unknown;
 } & {
     type: "default" | "error" | "info" | "success" | "warning";
-    closable: boolean;
     showIcon: boolean;
+    closable: boolean;
 } & {
     onAfterLeave?: Function | undefined;
     title?: string | undefined;
@@ -726,8 +726,8 @@ declare const _default: import("vue").DefineComponent<{
     type: "default" | "error" | "info" | "success" | "warning";
     onAfterLeave: Function;
     title: string;
-    closable: boolean;
     showIcon: boolean;
+    closable: boolean;
     onAfterHide: Function;
 }>;
 export default _default;

package/es/auto-complete/src/AutoComplete.d.ts

@@ -1,9 +1,10 @@
 import { PropType, InputHTMLAttributes } from 'vue';
 import { TreeNode } from 'treemate';
+import { RenderOption, RenderLabel } from '../../_internal/select-menu/src/interface';
 import { MaybeArray } from '../../_utils';
 import type { ExtractPublicPropTypes } from '../../_utils';
 import type { SelectBaseOption, SelectGroupOption, SelectIgnoredOption } from '../../select/src/interface';
-import { AutoCompleteOptions, OnUpdateValue, OnSelect } from './interface';
+import type { AutoCompleteOptions, OnUpdateValue, OnSelect } from './interface';
 declare const autoCompleteProps: {
     readonly to: {
         type: PropType<string | boolean | HTMLElement>;
@@ -35,6 +36,8 @@ declare const autoCompleteProps: {
     readonly clearAfterSelect: BooleanConstructor;
     readonly getShow: PropType<(inputValue: string) => boolean>;
     readonly inputProps: PropType<InputHTMLAttributes>;
+    readonly renderOption: PropType<RenderOption>;
+    readonly renderLabel: PropType<RenderLabel>;
     readonly size: PropType<"small" | "medium" | "large">;
     readonly options: {
         readonly type: PropType<AutoCompleteOptions>;
@@ -46,11 +49,7 @@ declare const autoCompleteProps: {
     readonly onSelect: PropType<MaybeArray<OnSelect>>;
     readonly onBlur: PropType<MaybeArray<(e: FocusEvent) => void>>;
     readonly onFocus: PropType<MaybeArray<(e: FocusEvent) => void>>;
-    readonly onInput: {
-        readonly type: PropType<MaybeArray<OnUpdateValue> | undefined>;
-        readonly validator: () => boolean;
-        readonly default: undefined;
-    };
+    readonly onInput: PropType<MaybeArray<OnUpdateValue> | undefined>;
     readonly theme: PropType<import("../../_mixins").Theme<"AutoComplete", {
         menuBoxShadow: string;
     }, {
@@ -432,6 +431,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly clearAfterSelect: BooleanConstructor;
     readonly getShow: PropType<(inputValue: string) => boolean>;
     readonly inputProps: PropType<InputHTMLAttributes>;
+    readonly renderOption: PropType<RenderOption>;
+    readonly renderLabel: PropType<RenderLabel>;
     readonly size: PropType<"small" | "medium" | "large">;
     readonly options: {
         readonly type: PropType<AutoCompleteOptions>;
@@ -443,11 +444,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly onSelect: PropType<MaybeArray<OnSelect>>;
     readonly onBlur: PropType<MaybeArray<(e: FocusEvent) => void>>;
     readonly onFocus: PropType<MaybeArray<(e: FocusEvent) => void>>;
-    readonly onInput: {
-        readonly type: PropType<MaybeArray<OnUpdateValue> | undefined>;
-        readonly validator: () => boolean;
-        readonly default: undefined;
-    };
+    readonly onInput: PropType<MaybeArray<OnUpdateValue> | undefined>;
     readonly theme: PropType<import("../../_mixins").Theme<"AutoComplete", {
         menuBoxShadow: string;
     }, {
@@ -1072,8 +1069,8 @@ declare const _default: import("vue").DefineComponent<{
         };
     }>;
     cssVars: import("vue").ComputedRef<{
-        '--menu-box-shadow': string;
-        '--bezier': string;
+        '--n-menu-box-shadow': string;
+        '--n-bezier': string;
     }>;
     mergedBordered: import("vue").ComputedRef<boolean>;
     namespace: import("vue").ComputedRef<string | undefined>;
@@ -1091,6 +1088,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly clearAfterSelect?: unknown;
     readonly getShow?: unknown;
     readonly inputProps?: unknown;
+    readonly renderOption?: unknown;
+    readonly renderLabel?: unknown;
     readonly size?: unknown;
     readonly options?: unknown;
     readonly zIndex?: unknown;
@@ -1469,6 +1468,8 @@ declare const _default: import("vue").DefineComponent<{
     }>> | undefined;
     loading?: boolean | undefined;
     bordered?: boolean | undefined;
+    renderLabel?: RenderLabel | undefined;
+    renderOption?: RenderOption | undefined;
     clearable?: boolean | undefined;
     inputProps?: InputHTMLAttributes | undefined;
     "onUpdate:value"?: MaybeArray<OnUpdateValue> | undefined;
@@ -1476,7 +1477,6 @@ declare const _default: import("vue").DefineComponent<{
     getShow?: ((inputValue: string) => boolean) | undefined;
 }>, {
     disabled: boolean | undefined;
-    onInput: MaybeArray<OnUpdateValue> | undefined;
     to: string | boolean | HTMLElement;
     loading: boolean;
     bordered: boolean | undefined;