naive-ui 2.18.0 → 2.19.1

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

@@ -20,6 +20,7 @@ import { c, cB, cE, cM, cNotM, insideFormItem } from '../../../../_utils/cssr';
 // --text-color
 // --text-color-disabled
 // --arrow-color
+// --arrow-size
 // --loading-color
 // ...clear vars
 // ...form item vars
@@ -34,13 +35,10 @@ export default c([cB('base-selection', `
  vertical-align: bottom;
  border-radius: var(--border-radius);
  min-height: var(--height);
- line-height: var(--height);
+ line-height: 1.5;
  font-size: var(--font-size);
  `, [cB('base-loading', `
  color: var(--loading-color);
- `), cB('base-selection-label', `
- height: var(--height);
- line-height: var(--height);
  `), cB('base-selection-tags', {
   minHeight: 'var(--height)'
 }), cE('border, state-border', `
@@ -65,13 +63,14 @@ 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);
- `)]), cB('base-render-dom', `
+ `)]), cB('base-selection-overlay', `
+ display: flex;
+ align-items: center;
  white-space: nowrap;
  overflow: hidden;
- height: var(--height);
- line-height: var(--height);
  pointer-events: none;
  position: absolute;
  top: 0;
@@ -101,7 +100,8 @@ export default c([cB('base-selection', `
  box-shadow .3s var(--bezier),
  background-color .3s var(--bezier);
  `), cB('base-selection-label', `
- display: inline-block;
+ height: var(--height);
+ display: inline-flex;
  width: 100%;
  vertical-align: bottom;
  cursor: pointer;
@@ -115,22 +115,24 @@ export default c([cB('base-selection', `
  background-color .3s var(--bezier);
  border-radius: inherit;
  background-color: var(--color);
- `, [cE('input', `
+ align-items: center;
+ `, [cB('base-selection-input', `
  line-height: inherit;
  outline: none;
  cursor: pointer;
  box-sizing: border-box;
- text-overflow: ellipsis;
- overflow: hidden;
  border:none;
  width: 100%;
- white-space: nowrap;
  padding: var(--padding-single);
  background-color: #0000;
  color: var(--text-color);
  transition: color .3s var(--bezier);
  caret-color: var(--caret-color);
- `), cE('render-label', `
+ `, [cE('content', `
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap; 
+ `)]), cE('render-label', `
  color: var(--text-color);
  `)]), cNotM('disabled', [c('&:hover', [cE('state-border', `
  box-shadow: var(--box-shadow-hover);
@@ -152,7 +154,7 @@ export default c([cB('base-selection', `
  `), cB('base-selection-label', `
  cursor: not-allowed;
  background-color: var(--color-disabled);
- `, [cE('input', `
+ `, [cB('base-selection-input', `
  cursor: not-allowed;
  color: var(--text-color-disabled);
  `), cE('render-label', `

package/es/_internal/selection/styles/_common.d.ts

@@ -9,5 +9,6 @@ declare const _default: {
     fontSizeLarge: string;
     paddingSingle: string;
     clearSize: string;
+    arrowSize: string;
 };
 export default _default;

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

@@ -8,5 +8,6 @@ export default {
     fontSizeMedium: '14px',
     fontSizeLarge: '15px',
     paddingSingle: '0 26px 0 14px',
-    clearSize: '16px'
+    clearSize: '16px',
+    arrowSize: '16px'
 };

package/es/_internal/selection/styles/light.d.ts

@@ -50,6 +50,7 @@ declare const self: (vars: ThemeCommonVars) => {
     fontSizeLarge: string;
     paddingSingle: string;
     clearSize: string;
+    arrowSize: string;
 };
 export declare type InternalSelectionThemeVars = ReturnType<typeof self>;
 declare const internalSelectionLight: import("../../../_mixins").Theme<"InternalSelection", {
@@ -103,6 +104,7 @@ declare const internalSelectionLight: import("../../../_mixins").Theme<"Internal
     fontSizeLarge: string;
     paddingSingle: string;
     clearSize: string;
+    arrowSize: string;
 }, {
     Popover: import("../../../_mixins").Theme<"Popover", {
         fontSize: string;

package/es/_styles/common/light.js

@@ -87,7 +87,7 @@ const derived = Object.assign(Object.assign({ name: 'common' }, commonVariables)
     // close
     closeColor: neutral(Number(base.alphaClose)), closeColorHover: neutral(Number(base.alphaClose) * 1.25), closeColorPressed: neutral(Number(base.alphaClose) * 0.8), closeColorDisabled: neutral(base.alpha4), 
     // clear
-    clearColor: neutral(base.alpha4), clearColorHover: scaleColor(neutral(base.alpha4), { lightness: 0.75 }), clearColorPressed: scaleColor(neutral(base.alpha4), { lightness: 0.9 }), scrollbarColor: overlay(base.alphaScrollbar), scrollbarColorHover: overlay(base.alphaScrollbarHover), scrollbarWidth: '5px', scrollbarHeight: '5px', scrollbarBorderRadius: '5px', progressRailColor: neutral(base.alphaProgressRail), railColor: 'rgb(219, 219, 223)', popoverColor: base.neutralPopover, tableColor: base.neutralCard, cardColor: base.neutralCard, modalColor: base.neutralModal, bodyColor: base.neutralBody, tagColor: 'rgb(250, 250, 252)', avatarColor: neutral(base.alphaAvatar), invertedColor: 'rgb(0, 20, 40)', inputColor: neutral(base.alphaInput), codeColor: 'rgb(244, 244, 248)', tabColor: 'rgb(250, 250, 252)', actionColor: 'rgb(250, 250, 252)', tableHeaderColor: 'rgb(250, 250, 252)', hoverColor: 'rgb(243, 243, 245)', 
+    clearColor: neutral(base.alpha4), clearColorHover: scaleColor(neutral(base.alpha4), { lightness: 0.75 }), clearColorPressed: scaleColor(neutral(base.alpha4), { lightness: 0.9 }), scrollbarColor: overlay(base.alphaScrollbar), scrollbarColorHover: overlay(base.alphaScrollbarHover), scrollbarWidth: '5px', scrollbarHeight: '5px', scrollbarBorderRadius: '5px', progressRailColor: neutral(base.alphaProgressRail), railColor: 'rgb(219, 219, 223)', popoverColor: base.neutralPopover, tableColor: base.neutralCard, cardColor: base.neutralCard, modalColor: base.neutralModal, bodyColor: base.neutralBody, tagColor: 'rgb(250, 250, 252)', avatarColor: neutral(base.alphaAvatar), invertedColor: 'rgb(0, 20, 40)', inputColor: neutral(base.alphaInput), codeColor: 'rgb(244, 244, 248)', tabColor: 'rgb(247, 247, 250)', actionColor: 'rgb(250, 250, 252)', tableHeaderColor: 'rgb(250, 250, 252)', hoverColor: 'rgb(243, 243, 245)', 
     // use color with alpha since it can be nested with header filter & sorter effect
     tableColorHover: 'rgba(0, 0, 100, 0.02)', pressedColor: 'rgb(237, 237, 239)', opacityDisabled: base.alphaDisabled, inputColorDisabled: 'rgb(250, 250, 252)', boxShadow1: '0 1px 2px -2px rgba(0, 0, 0, .08), 0 3px 6px 0 rgba(0, 0, 0, .06), 0 5px 12px 4px rgba(0, 0, 0, .04)', boxShadow2: '0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05)', boxShadow3: '0 6px 16px -9px rgba(0, 0, 0, .08), 0 9px 28px 0 rgba(0, 0, 0, .05), 0 12px 48px 16px rgba(0, 0, 0, .03)' });
 export default derived;

package/es/_utils/naive/mutable.d.ts

@@ -1,3 +1,3 @@
-export declare type Mutable<T> = {
+export declare type Mutable<T> = T extends Record<string, unknown> ? {
     -readonly [P in keyof T]: T[P] extends ReadonlyArray<infer U> ? Array<Mutable<U>> : Mutable<T[P]>;
-};
+} : T;

package/es/anchor/src/AnchorAdapter.d.ts

@@ -3,6 +3,10 @@ export interface AnchorInst {
     scrollTo: (href: string) => void;
 }
 declare const anchorProps: {
+    readonly type: {
+        readonly type: import("vue").PropType<"block" | "rail">;
+        readonly default: "rail";
+    };
     readonly showRail: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -41,10 +45,7 @@ declare const anchorProps: {
         readonly validator: () => boolean;
         readonly default: undefined;
     };
-    readonly affix: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
+    readonly affix: BooleanConstructor;
     readonly theme: import("vue").PropType<import("../../_mixins").Theme<"Anchor", {
         borderRadius: string;
         railColor: string;
@@ -87,6 +88,10 @@ declare const anchorProps: {
 };
 export declare type AnchorProps = ExtractPublicPropTypes<typeof anchorProps>;
 declare const _default: import("vue").DefineComponent<{
+    readonly type: {
+        readonly type: import("vue").PropType<"block" | "rail">;
+        readonly default: "rail";
+    };
     readonly showRail: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -125,10 +130,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly validator: () => boolean;
         readonly default: undefined;
     };
-    readonly affix: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
+    readonly affix: BooleanConstructor;
     readonly theme: import("vue").PropType<import("../../_mixins").Theme<"Anchor", {
         borderRadius: string;
         railColor: string;
@@ -172,6 +174,7 @@ declare const _default: import("vue").DefineComponent<{
     scrollTo(href: string): void;
     renderAnchor: () => JSX.Element;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    readonly type?: unknown;
     readonly showRail?: unknown;
     readonly showBackground?: unknown;
     readonly bound?: unknown;
@@ -191,6 +194,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly themeOverrides?: unknown;
     readonly builtinThemeOverrides?: unknown;
 } & {
+    type: "block" | "rail";
     bound: number;
     position: "absolute" | "fix";
     affix: boolean;
@@ -247,6 +251,7 @@ declare const _default: import("vue").DefineComponent<{
     offsetBottom?: number | undefined;
     offsetTarget?: string | import("./utils").OffsetTarget | (() => HTMLElement) | undefined;
 }>, {
+    type: "block" | "rail";
     bound: number;
     position: "absolute" | "fix";
     target: (() => HTMLElement) | undefined;

package/es/anchor/src/AnchorAdapter.js

@@ -6,10 +6,7 @@ import { keep } from '../../_utils';
 import { anchorLight } from '../styles';
 import style from './styles/index.cssr';
 import NBaseAnchor, { baseAnchorProps, baseAnchorPropKeys } from './BaseAnchor';
-const anchorProps = Object.assign(Object.assign(Object.assign(Object.assign({}, useTheme.props), { affix: {
-        type: Boolean,
-        default: false
-    } }), affixProps), baseAnchorProps);
+const anchorProps = Object.assign(Object.assign(Object.assign(Object.assign({}, useTheme.props), { affix: Boolean }), affixProps), baseAnchorProps);
 export default defineComponent({
     name: 'Anchor',
     props: anchorProps,
@@ -18,8 +15,9 @@ export default defineComponent({
         const themeRef = useTheme('Anchor', 'Anchor', style, anchorLight, props, mergedClsPrefixRef);
         const anchorRef = ref(null);
         const cssVarsRef = computed(() => {
-            const { self: { railColor, linkColor, railColorActive, linkTextColor, linkTextColorHover, linkTextColorPressed, linkTextColorActive, linkFontSize, railWidth, linkPadding }, common: { cubicBezierEaseInOut } } = themeRef.value;
+            const { self: { railColor, linkColor, railColorActive, linkTextColor, linkTextColorHover, linkTextColorPressed, linkTextColorActive, linkFontSize, railWidth, linkPadding, borderRadius }, common: { cubicBezierEaseInOut } } = themeRef.value;
             return {
+                '--link-border-radius': borderRadius,
                 '--link-color': linkColor,
                 '--link-font-size': linkFontSize,
                 '--link-text-color': linkTextColor,

package/es/anchor/src/BaseAnchor.d.ts

@@ -4,6 +4,10 @@ export interface BaseAnchorInst {
     setActiveHref: (href: string) => void;
 }
 export declare const baseAnchorProps: {
+    readonly type: {
+        readonly type: PropType<"block" | "rail">;
+        readonly default: "rail";
+    };
     readonly showRail: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -19,12 +23,16 @@ export declare const baseAnchorProps: {
     readonly ignoreGap: BooleanConstructor;
     readonly offsetTarget: PropType<string | OffsetTarget | (() => HTMLElement)>;
 };
-export declare const baseAnchorPropKeys: ("bound" | "showRail" | "showBackground" | "ignoreGap" | "offsetTarget")[];
+export declare const baseAnchorPropKeys: ("type" | "bound" | "showRail" | "showBackground" | "ignoreGap" | "offsetTarget")[];
 declare const _default: import("vue").DefineComponent<{
     mergedClsPrefix: {
         type: StringConstructor;
         required: true;
     };
+    type: {
+        readonly type: PropType<"block" | "rail">;
+        readonly default: "rail";
+    };
     showRail: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -45,14 +53,18 @@ declare const _default: import("vue").DefineComponent<{
     slotRef: import("vue").Ref<HTMLElement | null>;
     setActiveHref: (href: string, transition?: boolean) => void;
     activeHref: import("vue").Ref<string | null>;
+    isBlockType: import("vue").ComputedRef<boolean>;
+    mergedShowRail: import("vue").ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     mergedClsPrefix?: unknown;
+    type?: unknown;
     showRail?: unknown;
     showBackground?: unknown;
     bound?: unknown;
     ignoreGap?: unknown;
     offsetTarget?: unknown;
 } & {
+    type: "block" | "rail";
     bound: number;
     mergedClsPrefix: string;
     showRail: boolean;
@@ -61,6 +73,7 @@ declare const _default: import("vue").DefineComponent<{
 } & {
     offsetTarget?: string | OffsetTarget | (() => HTMLElement) | undefined;
 }>, {
+    type: "block" | "rail";
     bound: number;
     showRail: boolean;
     showBackground: boolean;

package/es/anchor/src/BaseAnchor.js

@@ -1,4 +1,4 @@
-import { h, nextTick, ref, provide, defineComponent, watch, onBeforeUnmount, onMounted, toRef } from 'vue';
+import { h, nextTick, ref, provide, defineComponent, watch, onBeforeUnmount, onMounted, toRef, computed } from 'vue';
 import { unwrapElement } from 'seemly';
 import { onFontsReady } from 'vooks';
 import { keysOf } from '../../_utils';
@@ -6,6 +6,10 @@ import { anchorInjectionKey } from './Link';
 import { throttle } from 'lodash-es';
 import { getOffset } from './utils';
 export const baseAnchorProps = {
+    type: {
+        type: String,
+        default: 'rail'
+    },
     showRail: {
         type: Boolean,
         default: true
@@ -35,6 +39,12 @@ export default defineComponent({
         const slotRef = ref(null);
         const barRef = ref(null);
         const selfRef = ref(null);
+        const isBlockTypeRef = computed(() => {
+            return props.type === 'block';
+        });
+        const mergedShowRailRef = computed(() => {
+            return !isBlockTypeRef.value && props.showRail;
+        });
         function disableTransitionOneTick() {
             const { value: barEl } = barRef;
             const { value: slotEl } = slotRef;
@@ -207,7 +217,7 @@ export default defineComponent({
         watch(activeHrefRef, (value) => {
             if (value === null) {
                 const { value: slotEl } = slotRef;
-                if (slotEl) {
+                if (slotEl && !isBlockTypeRef.value) {
                     slotEl.style.maxWidth = '0';
                 }
             }
@@ -217,18 +227,21 @@ export default defineComponent({
             barRef,
             slotRef,
             setActiveHref,
-            activeHref: activeHrefRef
+            activeHref: activeHrefRef,
+            isBlockType: isBlockTypeRef,
+            mergedShowRail: mergedShowRailRef
         };
     },
     render() {
         var _a;
-        const { mergedClsPrefix, $slots } = this;
+        const { mergedClsPrefix, mergedShowRail, isBlockType, $slots } = this;
         return (h("div", { class: [
                 `${mergedClsPrefix}-anchor`,
-                this.showRail && `${mergedClsPrefix}-anchor--show-rail`
+                isBlockType && `${mergedClsPrefix}-anchor--block`,
+                mergedShowRail && `${mergedClsPrefix}-anchor--show-rail`
             ], ref: "selfRef" },
-            this.showRail && this.showBackground ? (h("div", { ref: "slotRef", class: `${mergedClsPrefix}-anchor-link-background` })) : null,
-            this.showRail ? (h("div", { class: `${mergedClsPrefix}-anchor-rail` },
+            mergedShowRail && this.showBackground ? (h("div", { ref: "slotRef", class: `${mergedClsPrefix}-anchor-link-background` })) : null,
+            mergedShowRail ? (h("div", { class: `${mergedClsPrefix}-anchor-rail` },
                 h("div", { ref: "barRef", class: [
                         `${mergedClsPrefix}-anchor-rail__bar`,
                         this.activeHref !== null &&

package/es/anchor/src/Link.js

@@ -32,11 +32,11 @@ export default defineComponent({
         }
         return () => {
             const { value: mergedClsPrefix } = NAnchor.mergedClsPrefix;
-            return (h("div", { class: `${mergedClsPrefix}-anchor-link` },
-                h("a", { ref: titleRef, class: [
-                        `${mergedClsPrefix}-anchor-link__title`,
-                        activeRef.value && `${mergedClsPrefix}-anchor-link__title--active`
-                    ], href: props.href, title: getTitleAttribute(props.title), onClick: handleClick }, props.title),
+            return (h("div", { class: [
+                    `${mergedClsPrefix}-anchor-link`,
+                    activeRef.value && `${mergedClsPrefix}-anchor-link--active`
+                ] },
+                h("a", { ref: titleRef, class: [`${mergedClsPrefix}-anchor-link__title`], href: props.href, title: getTitleAttribute(props.title), onClick: handleClick }, props.title),
                 renderSlot(slots, 'default')));
         };
     }

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

@@ -10,17 +10,30 @@ import { c, cE, cB, cM, cNotM } from '../../../_utils/cssr'; // vars:
 // --rail-color-active
 // --rail-width
 // --link-padding
+// --link-border-radius
 
 export default cB('anchor', `
- padding-left: var(--rail-width);
  position: relative;
-`, [cB('anchor-link-background', `
- position: absolute;
- left: calc(var(--rail-width) / 2);
- width: 100%;
+`, [cNotM('block', `
+ padding-left: var(--rail-width);
+ `, [cB('anchor-link', [c('+, >', [cB('anchor-link', `
+ margin-top: .5em;
+ `)])]), cB('anchor-link-background', `
  max-width: 0;
  border-top-right-radius: 10.5px;
  border-bottom-right-radius: 10.5px;
+ `), cNotM('show-rail', [c('>', [cB('anchor-link', 'padding-left: 0;')])])]), cM('block', [cB('anchor-link', `
+ margin-bottom: 4px;
+ padding: 2px 8px;
+ transition: background-color .3s var(--bezier);
+ background-color: transparent;
+ border-radius: var(--link-border-radius);
+ `, [cM('active', `
+ background-color: var(--link-color);
+ `)])]), cB('anchor-link-background', `
+ position: absolute;
+ left: calc(var(--rail-width) / 2);
+ width: 100%;
  background-color: var(--link-color);
  transition:
  top .15s var(--bezier),
@@ -47,8 +60,6 @@ export default cB('anchor', `
  background-color .3s var(--bezier);
  `, [cM('active', {
   backgroundColor: 'var(--rail-color-active)'
-})])]), cNotM('show-rail', [c('>', [cB('anchor-link', {
-  paddingLeft: 0
 })])]), cB('anchor-link', `
  padding: var(--link-padding);
  position: relative;
@@ -57,8 +68,12 @@ export default cB('anchor', `
  min-height: 1.5em;
  display: flex;
  flex-direction: column;
- `, [c('+, >', [cB('anchor-link', `
- margin-top: .5em;
+ `, [cM('active', [cE('title', `
+ color: var(--link-text-color-active);
+ `)]), c('&:hover, &:focus', [cE('title', `
+ color: var(--link-text-color-hover);
+ `)]), c('&:active', [cE('title', `
+ color: var(--link-text-color-pressed);
  `)]), cE('title', `
  outline: none;
  max-width: 100%;
@@ -71,10 +86,4 @@ export default cB('anchor', `
  padding-right: 16px;
  transition: color .3s var(--bezier);
  color: var(--link-text-color);
- `, [c('&:hover, &:focus', {
-  color: 'var(--link-text-color-hover)'
-}), c('&:active', {
-  color: 'var(--link-text-color-pressed)'
-}), cM('active', {
-  color: 'var(--link-text-color-active)'
-})])])]);
+ `)])]);

package/es/auto-complete/index.d.ts

@@ -1,2 +1,3 @@
 export { default as NAutoComplete } from './src/AutoComplete';
 export type { AutoCompleteProps } from './src/AutoComplete';
+export type { AutoCompleteOption, AutoCompleteGroupOption } from './src/interface';

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

@@ -72,6 +72,7 @@ declare const autoCompleteProps: {
             optionOpacityDisabled: string;
             optionCheckColor: string;
             optionColorPending: string;
+            optionColorActive: string;
             actionTextColor: string;
             loadingColor: string;
             height: string;
@@ -187,6 +188,7 @@ declare const autoCompleteProps: {
             optionOpacityDisabled: string;
             optionCheckColor: string;
             optionColorPending: string;
+            optionColorActive: string;
             actionTextColor: string;
             loadingColor: string;
             height: string;
@@ -302,6 +304,7 @@ declare const autoCompleteProps: {
             optionOpacityDisabled: string;
             optionCheckColor: string;
             optionColorPending: string;
+            optionColorActive: string;
             actionTextColor: string;
             loadingColor: string;
             height: string;
@@ -464,6 +467,7 @@ declare const _default: import("vue").DefineComponent<{
             optionOpacityDisabled: string;
             optionCheckColor: string;
             optionColorPending: string;
+            optionColorActive: string;
             actionTextColor: string;
             loadingColor: string;
             height: string;
@@ -579,6 +583,7 @@ declare const _default: import("vue").DefineComponent<{
             optionOpacityDisabled: string;
             optionCheckColor: string;
             optionColorPending: string;
+            optionColorActive: string;
             actionTextColor: string;
             loadingColor: string;
             height: string;
@@ -694,6 +699,7 @@ declare const _default: import("vue").DefineComponent<{
             optionOpacityDisabled: string;
             optionCheckColor: string;
             optionColorPending: string;
+            optionColorActive: string;
             actionTextColor: string;
             loadingColor: string;
             height: string;
@@ -935,6 +941,7 @@ declare const _default: import("vue").DefineComponent<{
                 optionOpacityDisabled: string;
                 optionCheckColor: string;
                 optionColorPending: string;
+                optionColorActive: string;
                 actionTextColor: string;
                 loadingColor: string;
                 height: string;
@@ -1125,6 +1132,7 @@ declare const _default: import("vue").DefineComponent<{
             optionOpacityDisabled: string;
             optionCheckColor: string;
             optionColorPending: string;
+            optionColorActive: string;
             actionTextColor: string;
             loadingColor: string;
             height: string;
@@ -1240,6 +1248,7 @@ declare const _default: import("vue").DefineComponent<{
             optionOpacityDisabled: string;
             optionCheckColor: string;
             optionColorPending: string;
+            optionColorActive: string;
             actionTextColor: string;
             loadingColor: string;
             height: string;
@@ -1355,6 +1364,7 @@ declare const _default: import("vue").DefineComponent<{
             optionOpacityDisabled: string;
             optionCheckColor: string;
             optionColorPending: string;
+            optionColorActive: string;
             actionTextColor: string;
             loadingColor: string;
             height: string;

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

@@ -1,7 +1,7 @@
 import { SelectGroupOption, SelectBaseOption } from '../../select/src/interface';
 export declare type AutoCompleteOption = SelectBaseOption<string, string>;
 export interface AutoCompleteGroupOption extends Omit<SelectGroupOption, 'children'> {
-    children: string[];
+    children: AutoCompleteOptions;
 }
 export declare type AutoCompleteOptions = Array<AutoCompleteOption | AutoCompleteGroupOption | string>;
 export declare type OnUpdateValue = (value: string & (string | null)) => void;

package/es/auto-complete/styles/light.d.ts

@@ -25,6 +25,7 @@ declare const autoCompleteLight: import("../../_mixins").Theme<"AutoComplete", {
         optionOpacityDisabled: string;
         optionCheckColor: string;
         optionColorPending: string;
+        optionColorActive: string;
         actionTextColor: string;
         loadingColor: string;
         height: string;

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

@@ -55,6 +55,7 @@ export default c([c('@keyframes badge-wave-spread', {
  left: 100%;
  bottom: calc(100% - 9px);
  font-variant-numeric: tabular-nums;
+ z-index: 1;
  `, [fadeInScaleUpTransition({
   transformOrigin: 'left bottom',
   originalTransform: 'translateX(-50%)'