naive-ui 2.18.0 → 2.19.1

package/lib/popover/src/PopoverBody.js

@@ -183,7 +183,8 @@ exports.default = (0, vue_1.defineComponent)({
         }
         return {
             namespace: namespaceRef,
-            NPopover,
+            isMounted: NPopover.isMountedRef,
+            zIndex: NPopover.zIndexRef,
             followerRef,
             adjustedTo: (0, _utils_1.useAdjustedTo)(props),
             followerEnabled: followerEnabledRef,
@@ -192,6 +193,7 @@ exports.default = (0, vue_1.defineComponent)({
     },
     render() {
         return (0, vue_1.h)(vueuc_1.VFollower, {
+            zIndex: this.zIndex,
             show: this.show,
             enabled: this.followerEnabled,
             to: this.adjustedTo,
@@ -208,7 +210,7 @@ exports.default = (0, vue_1.defineComponent)({
                 return this.animated
                     ? (0, vue_1.h)(vue_1.Transition, {
                         name: 'popover-transition',
-                        appear: this.NPopover.isMountedRef.value,
+                        appear: this.isMounted,
                         // Don't use watch to enable follower, since the transition may
                         // make position sync timing very subtle and buggy.
                         onEnter: () => {

package/lib/popselect/src/Popselect.d.ts

@@ -76,16 +76,9 @@ declare const popselectProps: {
     onClickoutside: PropType<(e: MouseEvent) => void>;
     'onUpdate:show': PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
     onUpdateShow: PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
-    onShow: {
-        type: PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
-        validator: () => boolean;
-        default: undefined;
-    };
-    onHide: {
-        type: PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
-        validator: () => boolean;
-        default: undefined;
-    };
+    zIndex: NumberConstructor;
+    onShow: PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
+    onHide: PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
     arrow: {
         type: PropType<boolean | undefined>;
         default: undefined;
@@ -127,6 +120,7 @@ declare const popselectProps: {
             optionOpacityDisabled: string;
             optionCheckColor: string;
             optionColorPending: string;
+            optionColorActive: string;
             actionTextColor: string;
             loadingColor: string;
             height: string;
@@ -194,6 +188,7 @@ declare const popselectProps: {
             optionOpacityDisabled: string;
             optionCheckColor: string;
             optionColorPending: string;
+            optionColorActive: string;
             actionTextColor: string;
             loadingColor: string;
             height: string;
@@ -261,6 +256,7 @@ declare const popselectProps: {
             optionOpacityDisabled: string;
             optionCheckColor: string;
             optionColorPending: string;
+            optionColorActive: string;
             actionTextColor: string;
             loadingColor: string;
             height: string;
@@ -370,16 +366,9 @@ declare const _default: import("vue").DefineComponent<{
     onClickoutside: PropType<(e: MouseEvent) => void>;
     'onUpdate:show': PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
     onUpdateShow: PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
-    onShow: {
-        type: PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
-        validator: () => boolean;
-        default: undefined;
-    };
-    onHide: {
-        type: PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
-        validator: () => boolean;
-        default: undefined;
-    };
+    zIndex: NumberConstructor;
+    onShow: PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
+    onHide: PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
     arrow: {
         type: PropType<boolean | undefined>;
         default: undefined;
@@ -421,6 +410,7 @@ declare const _default: import("vue").DefineComponent<{
             optionOpacityDisabled: string;
             optionCheckColor: string;
             optionColorPending: string;
+            optionColorActive: string;
             actionTextColor: string;
             loadingColor: string;
             height: string;
@@ -488,6 +478,7 @@ declare const _default: import("vue").DefineComponent<{
             optionOpacityDisabled: string;
             optionCheckColor: string;
             optionColorPending: string;
+            optionColorActive: string;
             actionTextColor: string;
             loadingColor: string;
             height: string;
@@ -555,6 +546,7 @@ declare const _default: import("vue").DefineComponent<{
             optionOpacityDisabled: string;
             optionCheckColor: string;
             optionColorPending: string;
+            optionColorActive: string;
             actionTextColor: string;
             loadingColor: string;
             height: string;
@@ -728,6 +720,7 @@ declare const _default: import("vue").DefineComponent<{
                 optionOpacityDisabled: string;
                 optionCheckColor: string;
                 optionColorPending: string;
+                optionColorActive: string;
                 actionTextColor: string;
                 loadingColor: string;
                 height: string;
@@ -824,6 +817,7 @@ declare const _default: import("vue").DefineComponent<{
     onClickoutside?: unknown;
     'onUpdate:show'?: unknown;
     onUpdateShow?: unknown;
+    zIndex?: unknown;
     onShow?: unknown;
     onHide?: unknown;
     arrow?: unknown;
@@ -859,6 +853,7 @@ declare const _default: import("vue").DefineComponent<{
     maxWidth?: number | undefined;
     minWidth?: number | undefined;
     width?: string | number | undefined;
+    zIndex?: number | undefined;
     onChange?: import("../../_utils").MaybeArray<import("../../select/src/interface").OnUpdateValue> | undefined;
     onMouseenter?: ((e: MouseEvent) => void) | undefined;
     onMouseleave?: ((e: MouseEvent) => void) | undefined;
@@ -897,6 +892,7 @@ declare const _default: import("vue").DefineComponent<{
             optionOpacityDisabled: string;
             optionCheckColor: string;
             optionColorPending: string;
+            optionColorActive: string;
             actionTextColor: string;
             loadingColor: string;
             height: string;
@@ -964,6 +960,7 @@ declare const _default: import("vue").DefineComponent<{
             optionOpacityDisabled: string;
             optionCheckColor: string;
             optionColorPending: string;
+            optionColorActive: string;
             actionTextColor: string;
             loadingColor: string;
             height: string;
@@ -1031,6 +1028,7 @@ declare const _default: import("vue").DefineComponent<{
             optionOpacityDisabled: string;
             optionCheckColor: string;
             optionColorPending: string;
+            optionColorActive: string;
             actionTextColor: string;
             loadingColor: string;
             height: string;
@@ -1094,8 +1092,6 @@ declare const _default: import("vue").DefineComponent<{
     animated: boolean;
     defaultShow: boolean;
     internalExtraClass: string[];
-    onShow: import("../../_utils").MaybeArray<(value: boolean) => void> | undefined;
-    onHide: import("../../_utils").MaybeArray<(value: boolean) => void> | undefined;
     arrow: boolean | undefined;
     options: import("../../select/src/interface").SelectMixedOption[];
     cancelable: boolean;

package/lib/popselect/src/PopselectPanel.d.ts

@@ -197,6 +197,7 @@ declare const _default: import("vue").DefineComponent<{
                 optionOpacityDisabled: string;
                 optionCheckColor: string;
                 optionColorPending: string;
+                optionColorActive: string;
                 actionTextColor: string;
                 loadingColor: string;
                 height: string;

package/lib/popselect/src/PopselectPanel.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.panelPropKeys = exports.panelProps = void 0;
+/* eslint-disable @typescript-eslint/no-non-null-assertion */
 const vue_1 = require("vue");
 const treemate_1 = require("treemate");
 const utils_1 = require("../../select/src/utils");
@@ -48,42 +49,62 @@ exports.default = (0, vue_1.defineComponent)({
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         const NPopselect = (0, vue_1.inject)(interface_1.popselectInjectionKey);
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
-        function doUpdateValue(value) {
+        const treeMateRef = (0, vue_1.computed)(() => {
+            return (0, treemate_1.createTreeMate)(props.options, utils_1.tmOptions);
+        });
+        function doUpdateValue(value, option) {
             const { onUpdateValue, 'onUpdate:value': _onUpdateValue, onChange } = props;
             if (onUpdateValue)
-                (0, _utils_1.call)(onUpdateValue, value);
-            if (_onUpdateValue)
-                (0, _utils_1.call)(_onUpdateValue, value);
+                (0, _utils_1.call)(onUpdateValue, value, option);
+            if (_onUpdateValue) {
+                (0, _utils_1.call)(_onUpdateValue, value, option);
+            }
             if (onChange)
-                (0, _utils_1.call)(onChange, value);
+                (0, _utils_1.call)(onChange, value, option);
         }
         function handleToggle(tmNode) {
             toggle(tmNode.key);
         }
         function toggle(value) {
+            const { value: { getNode } } = treeMateRef;
             if (props.multiple) {
                 if (Array.isArray(props.value)) {
-                    const validValues = new Set(props.options.map((option) => option.value));
-                    const newValue = props.value.filter((v) => validValues.has(v));
-                    const index = newValue.findIndex((v) => v === value);
-                    if (~index) {
-                        newValue.splice(index, 1);
-                    }
-                    else {
+                    const newValue = [];
+                    const newOptions = [];
+                    let shouldAddValue = true;
+                    props.value.forEach((v) => {
+                        if (v === value) {
+                            shouldAddValue = false;
+                            return;
+                        }
+                        const tmNode = getNode(v);
+                        if (tmNode) {
+                            newValue.push(tmNode.key);
+                            newOptions.push(tmNode.rawNode);
+                        }
+                    });
+                    if (shouldAddValue) {
                         newValue.push(value);
+                        newOptions.push(getNode(value).rawNode);
                     }
-                    doUpdateValue(newValue);
+                    doUpdateValue(newValue, newOptions);
                 }
                 else {
-                    doUpdateValue([value]);
+                    const tmNode = getNode(value);
+                    if (tmNode) {
+                        doUpdateValue([value], [tmNode.rawNode]);
+                    }
                 }
             }
             else {
                 if (props.value === value && props.cancelable) {
-                    doUpdateValue(null);
+                    doUpdateValue(null, null);
                 }
                 else {
-                    doUpdateValue(value);
+                    const tmNode = getNode(value);
+                    if (tmNode) {
+                        doUpdateValue(value, tmNode.rawNode);
+                    }
                     NPopselect.setShow(false);
                 }
             }
@@ -99,9 +120,7 @@ exports.default = (0, vue_1.defineComponent)({
         return {
             mergedTheme: NPopselect.mergedThemeRef,
             mergedClsPrefix: mergedClsPrefixRef,
-            treeMate: (0, vue_1.computed)(() => {
-                return (0, treemate_1.createTreeMate)(props.options, utils_1.tmOptions);
-            }),
+            treeMate: treeMateRef,
             handleToggle
         };
     },

package/lib/popselect/styles/light.d.ts

@@ -33,6 +33,7 @@ declare const popselectLight: import("../../_mixins").Theme<"Popselect", unknown
         optionOpacityDisabled: string;
         optionCheckColor: string;
         optionColorPending: string;
+        optionColorActive: string;
         actionTextColor: string;
         loadingColor: string;
         height: string;

package/lib/select/src/Select.d.ts

@@ -6,7 +6,7 @@ import { RenderTag } from '../../_internal/selection/src/interface';
 import { ExtractPublicPropTypes } from '../../_utils';
 import type { MaybeArray } from '../../_utils';
 import { defaultFilter } from './utils';
-import type { SelectMixedOption, SelectBaseOption, SelectGroupOption, SelectIgnoredOption, OnUpdateValue, Value, Size } from './interface';
+import type { SelectMixedOption, SelectBaseOption, SelectGroupOption, SelectIgnoredOption, OnUpdateValue, Value, Size, ValueAtom } from './interface';
 declare const selectProps: {
     readonly to: {
         type: PropType<string | boolean | HTMLElement>;
@@ -90,6 +90,8 @@ declare const selectProps: {
     readonly onFocus: PropType<MaybeArray<(e: FocusEvent) => void> | undefined>;
     readonly onScroll: PropType<MaybeArray<(e: Event) => void> | undefined>;
     readonly onSearch: PropType<MaybeArray<(value: string) => void> | undefined>;
+    readonly onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;
+    readonly 'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
     /** deprecated */
     readonly onChange: {
         readonly type: PropType<MaybeArray<OnUpdateValue> | undefined>;
@@ -159,6 +161,7 @@ declare const selectProps: {
             fontSizeLarge: string;
             paddingSingle: string;
             clearSize: string;
+            arrowSize: string;
         }, {
             Popover: import("../../_mixins").Theme<"Popover", {
                 fontSize: string;
@@ -195,6 +198,7 @@ declare const selectProps: {
             optionOpacityDisabled: string;
             optionCheckColor: string;
             optionColorPending: string;
+            optionColorActive: string;
             actionTextColor: string;
             loadingColor: string;
             height: string;
@@ -281,6 +285,7 @@ declare const selectProps: {
             fontSizeLarge: string;
             paddingSingle: string;
             clearSize: string;
+            arrowSize: string;
         }, {
             Popover: import("../../_mixins").Theme<"Popover", {
                 fontSize: string;
@@ -317,6 +322,7 @@ declare const selectProps: {
             optionOpacityDisabled: string;
             optionCheckColor: string;
             optionColorPending: string;
+            optionColorActive: string;
             actionTextColor: string;
             loadingColor: string;
             height: string;
@@ -403,6 +409,7 @@ declare const selectProps: {
             fontSizeLarge: string;
             paddingSingle: string;
             clearSize: string;
+            arrowSize: string;
         }, {
             Popover: import("../../_mixins").Theme<"Popover", {
                 fontSize: string;
@@ -439,6 +446,7 @@ declare const selectProps: {
             optionOpacityDisabled: string;
             optionCheckColor: string;
             optionColorPending: string;
+            optionColorActive: string;
             actionTextColor: string;
             loadingColor: string;
             height: string;
@@ -556,6 +564,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly onFocus: PropType<MaybeArray<(e: FocusEvent) => void> | undefined>;
     readonly onScroll: PropType<MaybeArray<(e: Event) => void> | undefined>;
     readonly onSearch: PropType<MaybeArray<(value: string) => void> | undefined>;
+    readonly onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;
+    readonly 'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
     /** deprecated */
     readonly onChange: {
         readonly type: PropType<MaybeArray<OnUpdateValue> | undefined>;
@@ -625,6 +635,7 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeLarge: string;
             paddingSingle: string;
             clearSize: string;
+            arrowSize: string;
         }, {
             Popover: import("../../_mixins").Theme<"Popover", {
                 fontSize: string;
@@ -661,6 +672,7 @@ declare const _default: import("vue").DefineComponent<{
             optionOpacityDisabled: string;
             optionCheckColor: string;
             optionColorPending: string;
+            optionColorActive: string;
             actionTextColor: string;
             loadingColor: string;
             height: string;
@@ -747,6 +759,7 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeLarge: string;
             paddingSingle: string;
             clearSize: string;
+            arrowSize: string;
         }, {
             Popover: import("../../_mixins").Theme<"Popover", {
                 fontSize: string;
@@ -783,6 +796,7 @@ declare const _default: import("vue").DefineComponent<{
             optionOpacityDisabled: string;
             optionCheckColor: string;
             optionColorPending: string;
+            optionColorActive: string;
             actionTextColor: string;
             loadingColor: string;
             height: string;
@@ -869,6 +883,7 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeLarge: string;
             paddingSingle: string;
             clearSize: string;
+            arrowSize: string;
         }, {
             Popover: import("../../_mixins").Theme<"Popover", {
                 fontSize: string;
@@ -905,6 +920,7 @@ declare const _default: import("vue").DefineComponent<{
             optionOpacityDisabled: string;
             optionCheckColor: string;
             optionColorPending: string;
+            optionColorActive: string;
             actionTextColor: string;
             loadingColor: string;
             height: string;
@@ -958,8 +974,8 @@ declare const _default: import("vue").DefineComponent<{
     uncontrolledShow: import("vue").Ref<boolean>;
     mergedShow: import("vue").ComputedRef<boolean>;
     adjustedTo: import("vue").ComputedRef<string | HTMLElement>;
-    uncontrolledValue: import("vue").Ref<string[] | number[] | import("./interface").ValueAtom | import("./interface").ValueAtom[] | null>;
-    mergedValue: import("vue").ComputedRef<string[] | number[] | import("./interface").ValueAtom | import("./interface").ValueAtom[] | null>;
+    uncontrolledValue: import("vue").Ref<string[] | number[] | ValueAtom | ValueAtom[] | null>;
+    mergedValue: import("vue").ComputedRef<string[] | number[] | ValueAtom | ValueAtom[] | null>;
     followerRef: import("vue").Ref<{
         syncPosition: () => void;
     } | null>;
@@ -1143,6 +1159,7 @@ declare const _default: import("vue").DefineComponent<{
                 fontSizeLarge: string;
                 paddingSingle: string;
                 clearSize: string;
+                arrowSize: string;
             }, {
                 Popover: import("../../_mixins").Theme<"Popover", {
                     fontSize: string;
@@ -1179,6 +1196,7 @@ declare const _default: import("vue").DefineComponent<{
                 optionOpacityDisabled: string;
                 optionCheckColor: string;
                 optionColorPending: string;
+                optionColorActive: string;
                 actionTextColor: string;
                 loadingColor: string;
                 height: string;
@@ -1291,6 +1309,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly onFocus?: unknown;
     readonly onScroll?: unknown;
     readonly onSearch?: unknown;
+    readonly onUpdateShow?: unknown;
+    readonly 'onUpdate:show'?: unknown;
     readonly onChange?: unknown;
     readonly items?: unknown;
     readonly displayDirective?: unknown;
@@ -1380,6 +1400,7 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeLarge: string;
             paddingSingle: string;
             clearSize: string;
+            arrowSize: string;
         }, {
             Popover: import("../../_mixins").Theme<"Popover", {
                 fontSize: string;
@@ -1416,6 +1437,7 @@ declare const _default: import("vue").DefineComponent<{
             optionOpacityDisabled: string;
             optionCheckColor: string;
             optionColorPending: string;
+            optionColorActive: string;
             actionTextColor: string;
             loadingColor: string;
             height: string;
@@ -1502,6 +1524,7 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeLarge: string;
             paddingSingle: string;
             clearSize: string;
+            arrowSize: string;
         }, {
             Popover: import("../../_mixins").Theme<"Popover", {
                 fontSize: string;
@@ -1538,6 +1561,7 @@ declare const _default: import("vue").DefineComponent<{
             optionOpacityDisabled: string;
             optionCheckColor: string;
             optionColorPending: string;
+            optionColorActive: string;
             actionTextColor: string;
             loadingColor: string;
             height: string;
@@ -1624,6 +1648,7 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeLarge: string;
             paddingSingle: string;
             clearSize: string;
+            arrowSize: string;
         }, {
             Popover: import("../../_mixins").Theme<"Popover", {
                 fontSize: string;
@@ -1660,6 +1685,7 @@ declare const _default: import("vue").DefineComponent<{
             optionOpacityDisabled: string;
             optionCheckColor: string;
             optionColorPending: string;
+            optionColorActive: string;
             actionTextColor: string;
             loadingColor: string;
             height: string;
@@ -1696,6 +1722,8 @@ declare const _default: import("vue").DefineComponent<{
     bordered?: boolean | undefined;
     renderLabel?: RenderLabel | undefined;
     renderOption?: RenderOption | undefined;
+    "onUpdate:show"?: MaybeArray<(value: boolean) => void> | undefined;
+    onUpdateShow?: MaybeArray<(value: boolean) => void> | undefined;
     onClear?: MaybeArray<() => void> | undefined;
     renderTag?: RenderTag | undefined;
     maxTagCount?: number | "responsive" | undefined;