naive-ui 2.38.2 → 2.40.0

package/lib/cascader/src/Cascader.js

@@ -152,10 +152,10 @@ exports.default = (0, vue_1.defineComponent)({
                 ret = [treeMateRef.value.treeNodes];
             }
             else {
-                ret = treeNodePath.map((treeNode) => treeNode.siblings);
-                if (!treeNode.isLeaf &&
-                    !loadingKeySetRef.value.has(treeNode.key) &&
-                    treeNode.children) {
+                ret = treeNodePath.map(treeNode => treeNode.siblings);
+                if (!treeNode.isLeaf
+                    && !loadingKeySetRef.value.has(treeNode.key)
+                    && treeNode.children) {
                     ret.push(treeNode.children);
                 }
             }
@@ -176,6 +176,7 @@ exports.default = (0, vue_1.defineComponent)({
                 }
             });
         }
+        const uncontrolledShowRef = (0, vue_1.ref)(false);
         function doUpdateShow(value) {
             const { onUpdateShow, 'onUpdate:show': _onUpdateShow } = props;
             if (onUpdateShow) {
@@ -210,7 +211,7 @@ exports.default = (0, vue_1.defineComponent)({
         }
         function getOptionsByKeys(keys) {
             const { value: { getNode } } = treeMateRef;
-            return keys.map((keys) => { var _a; return ((_a = getNode(keys)) === null || _a === void 0 ? void 0 : _a.rawNode) || null; });
+            return keys.map(keys => { var _a; return ((_a = getNode(keys)) === null || _a === void 0 ? void 0 : _a.rawNode) || null; });
         }
         function doCheck(key) {
             var _a;
@@ -223,7 +224,7 @@ exports.default = (0, vue_1.defineComponent)({
                         checkStrategy: mergedCheckStrategyRef.value,
                         allowNotLoaded: props.allowCheckingNotLoaded
                     });
-                    doUpdateValue(checkedKeys, getOptionsByKeys(checkedKeys), checkedKeys.map((checkedKey) => { var _a; return (0, utils_1.getRawNodePath)((_a = getPath(checkedKey)) === null || _a === void 0 ? void 0 : _a.treeNodePath); }));
+                    doUpdateValue(checkedKeys, getOptionsByKeys(checkedKeys), checkedKeys.map(checkedKey => { var _a; return (0, utils_1.getRawNodePath)((_a = getPath(checkedKey)) === null || _a === void 0 ? void 0 : _a.treeNodePath); }));
                     if (filterable)
                         focusSelectionInput();
                     keyboardKeyRef.value = key;
@@ -269,7 +270,7 @@ exports.default = (0, vue_1.defineComponent)({
                     checkStrategy: mergedCheckStrategyRef.value,
                     allowNotLoaded: props.allowCheckingNotLoaded
                 });
-                doUpdateValue(checkedKeys, checkedKeys.map((checkedKey) => { var _a; return ((_a = getNode(checkedKey)) === null || _a === void 0 ? void 0 : _a.rawNode) || null; }), checkedKeys.map((checkedKey) => { var _a; return (0, utils_1.getRawNodePath)((_a = getPath(checkedKey)) === null || _a === void 0 ? void 0 : _a.treeNodePath); }));
+                doUpdateValue(checkedKeys, checkedKeys.map(checkedKey => { var _a; return ((_a = getNode(checkedKey)) === null || _a === void 0 ? void 0 : _a.rawNode) || null; }), checkedKeys.map(checkedKey => { var _a; return (0, utils_1.getRawNodePath)((_a = getPath(checkedKey)) === null || _a === void 0 ? void 0 : _a.treeNodePath); }));
                 keyboardKeyRef.value = key;
                 hoverKeyRef.value = key;
             }
@@ -301,8 +302,9 @@ exports.default = (0, vue_1.defineComponent)({
                     }
                 });
             }
-            else
+            else {
                 return [];
+            }
         });
         const selectedOptionRef = (0, vue_1.computed)(() => {
             const { multiple, showPath, separator, labelField } = props;
@@ -328,10 +330,10 @@ exports.default = (0, vue_1.defineComponent)({
                     };
                 }
             }
-            else
+            else {
                 return null;
+            }
         });
-        const uncontrolledShowRef = (0, vue_1.ref)(false);
         const controlledShowRef = (0, vue_1.toRef)(props, 'show');
         const mergedShowRef = (0, vooks_1.useMergedState)(controlledShowRef, uncontrolledShowRef);
         const localizedPlaceholderRef = (0, vue_1.computed)(() => {
@@ -539,8 +541,8 @@ exports.default = (0, vue_1.defineComponent)({
                         const { value: keyboardKey } = keyboardKeyRef;
                         if (!showSelectMenu) {
                             if (keyboardKey !== null) {
-                                if (checkedKeysRef.value.includes(keyboardKey) ||
-                                    indeterminateKeysRef.value.includes(keyboardKey)) {
+                                if (checkedKeysRef.value.includes(keyboardKey)
+                                    || indeterminateKeysRef.value.includes(keyboardKey)) {
                                     doUncheck(keyboardKey);
                                 }
                                 else {
@@ -676,9 +678,9 @@ exports.default = (0, vue_1.defineComponent)({
         function handleDeleteOption(option) {
             const { multiple } = props;
             const { value: mergedValue } = mergedValueRef;
-            if (multiple &&
-                Array.isArray(mergedValue) &&
-                option.value !== undefined) {
+            if (multiple
+                && Array.isArray(mergedValue)
+                && option.value !== undefined) {
                 doUncheck(option.value);
             }
             else {

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

@@ -41,114 +41,10 @@ declare const _default: import("vue").DefineComponent<{
     selfElRef: import("vue").Ref<HTMLElement | null>;
     submenuInstRefs: CascaderSubmenuInstance[];
     maskInstRef: import("vue").Ref<{
-        showOnce: (message: string, duration?: number | undefined) => void;
+        showOnce: (message: string, duration?: number) => void;
     } | null>;
     mergedTheme: import("vue").Ref<{
-        common: {
-            baseColor: string;
-            primaryColor: string;
-            primaryColorHover: string;
-            primaryColorPressed: string;
-            primaryColorSuppl: string;
-            infoColor: string;
-            infoColorHover: string;
-            infoColorPressed: string;
-            infoColorSuppl: string;
-            successColor: string;
-            successColorHover: string;
-            successColorPressed: string;
-            successColorSuppl: string;
-            warningColor: string;
-            warningColorHover: string;
-            warningColorPressed: string;
-            warningColorSuppl: string;
-            errorColor: string;
-            errorColorHover: string;
-            errorColorPressed: string;
-            errorColorSuppl: string;
-            textColorBase: string;
-            textColor1: string;
-            textColor2: string;
-            textColor3: string;
-            textColorDisabled: string;
-            placeholderColor: string;
-            placeholderColorDisabled: string;
-            iconColor: string;
-            iconColorHover: string;
-            iconColorPressed: string;
-            iconColorDisabled: string;
-            opacity1: string;
-            opacity2: string;
-            opacity3: string;
-            opacity4: string;
-            opacity5: string;
-            dividerColor: string;
-            borderColor: string;
-            closeIconColor: string;
-            closeIconColorHover: string;
-            closeIconColorPressed: string;
-            closeColorHover: string;
-            closeColorPressed: string;
-            clearColor: string;
-            clearColorHover: string;
-            clearColorPressed: string;
-            scrollbarColor: string;
-            scrollbarColorHover: string;
-            scrollbarWidth: string;
-            scrollbarHeight: string;
-            scrollbarBorderRadius: string;
-            progressRailColor: string;
-            railColor: string;
-            popoverColor: string;
-            tableColor: string;
-            cardColor: string;
-            modalColor: string;
-            bodyColor: string;
-            tagColor: string;
-            avatarColor: string;
-            invertedColor: string;
-            inputColor: string;
-            codeColor: string;
-            tabColor: string;
-            actionColor: string;
-            tableHeaderColor: string;
-            hoverColor: string;
-            tableColorHover: string;
-            tableColorStriped: string;
-            pressedColor: string;
-            opacityDisabled: string;
-            inputColorDisabled: string;
-            buttonColor2: string;
-            buttonColor2Hover: string;
-            buttonColor2Pressed: string;
-            boxShadow1: string;
-            boxShadow2: string;
-            boxShadow3: string;
-            fontFamily: string;
-            fontFamilyMono: string;
-            fontWeight: string;
-            fontWeightStrong: string;
-            cubicBezierEaseInOut: string;
-            cubicBezierEaseOut: string;
-            cubicBezierEaseIn: string;
-            borderRadius: string;
-            borderRadiusSmall: string;
-            fontSize: string;
-            fontSizeMini: string;
-            fontSizeTiny: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            fontSizeHuge: string;
-            lineHeight: string;
-            heightMini: string;
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            heightHuge: string;
-            name: "common";
-        };
+        common: import("../..").ThemeCommonVars;
         self: {
             menuBorderRadius: string;
             menuColor: string;
@@ -168,10 +64,12 @@ declare const _default: import("vue").DefineComponent<{
         };
         peers: {
             InternalSelectMenu: import("../../_mixins").Theme<"InternalSelectMenu", {
+                optionFontSizeTiny: string;
                 optionFontSizeSmall: string;
                 optionFontSizeMedium: string;
                 optionFontSizeLarge: string;
                 optionFontSizeHuge: string;
+                optionHeightTiny: string;
                 optionHeightSmall: string;
                 optionHeightMedium: string;
                 optionHeightLarge: string;
@@ -192,10 +90,12 @@ declare const _default: import("vue").DefineComponent<{
                 actionTextColor: string;
                 loadingColor: string;
                 height: string;
+                paddingTiny: string;
                 paddingSmall: string;
                 paddingMedium: string;
                 paddingLarge: string;
                 paddingHuge: string;
+                optionPaddingTiny: string;
                 optionPaddingSmall: string;
                 optionPaddingMedium: string;
                 optionPaddingLarge: string;
@@ -208,11 +108,14 @@ declare const _default: import("vue").DefineComponent<{
                     borderRadius: string;
                     color: string;
                     colorHover: string;
-                    railInsetHorizontal: string;
-                    railInsetVertical: string;
+                    railInsetHorizontalBottom: string;
+                    railInsetHorizontalTop: string;
+                    railInsetVerticalRight: string;
+                    railInsetVerticalLeft: string;
                     railColor: string;
                 }, any>;
                 Empty: import("../../_mixins").Theme<"Empty", {
+                    fontSizeTiny: string;
                     fontSizeSmall: string;
                     fontSizeMedium: string;
                     fontSizeLarge: string;
@@ -220,6 +123,7 @@ declare const _default: import("vue").DefineComponent<{
                     textColor: string;
                     iconColor: string;
                     extraTextColor: string;
+                    iconSizeTiny: string;
                     iconSizeSmall: string;
                     iconSizeMedium: string;
                     iconSizeLarge: string;
@@ -301,8 +205,10 @@ declare const _default: import("vue").DefineComponent<{
                 borderRadius: string;
                 color: string;
                 colorHover: string;
-                railInsetHorizontal: string;
-                railInsetVertical: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
                 railColor: string;
             }, any>;
             Checkbox: import("../../_mixins").Theme<"Checkbox", {
@@ -336,6 +242,7 @@ declare const _default: import("vue").DefineComponent<{
                 labelFontWeight: string;
             }, any>;
             Empty: import("../../_mixins").Theme<"Empty", {
+                fontSizeTiny: string;
                 fontSizeSmall: string;
                 fontSizeMedium: string;
                 fontSizeLarge: string;
@@ -343,6 +250,7 @@ declare const _default: import("vue").DefineComponent<{
                 textColor: string;
                 iconColor: string;
                 extraTextColor: string;
+                iconSizeTiny: string;
                 iconSizeSmall: string;
                 iconSizeMedium: string;
                 iconSizeLarge: string;
@@ -358,11 +266,14 @@ declare const _default: import("vue").DefineComponent<{
                         borderRadius: string;
                         color: string;
                         colorHover: string;
-                        railInsetHorizontal: string;
-                        railInsetVertical: string;
+                        railInsetHorizontalBottom: string;
+                        railInsetHorizontalTop: string;
+                        railInsetVerticalRight: string;
+                        railInsetVerticalLeft: string;
                         railColor: string;
                     }, any>> | undefined;
                     Empty?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Empty", {
+                        fontSizeTiny: string;
                         fontSizeSmall: string;
                         fontSizeMedium: string;
                         fontSizeLarge: string;
@@ -370,6 +281,7 @@ declare const _default: import("vue").DefineComponent<{
                         textColor: string;
                         iconColor: string;
                         extraTextColor: string;
+                        iconSizeTiny: string;
                         iconSizeSmall: string;
                         iconSizeMedium: string;
                         iconSizeLarge: string;

package/lib/cascader/src/CascaderMenu.js

@@ -47,9 +47,7 @@ exports.default = (0, vue_1.defineComponent)({
         }
     },
     setup(props) {
-        const { localeRef, isMountedRef, mergedClsPrefixRef, syncCascaderMenuPosition, handleCascaderMenuClickOutside, mergedThemeRef, getColumnStyleRef
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-         } = (0, vue_1.inject)(interface_1.cascaderInjectionKey);
+        const { localeRef, isMountedRef, mergedClsPrefixRef, syncCascaderMenuPosition, handleCascaderMenuClickOutside, mergedThemeRef, getColumnStyleRef } = (0, vue_1.inject)(interface_1.cascaderInjectionKey);
         const submenuInstRefs = [];
         const maskInstRef = (0, vue_1.ref)(null);
         const selfElRef = (0, vue_1.ref)(null);
@@ -115,7 +113,7 @@ exports.default = (0, vue_1.defineComponent)({
                         (0, vue_1.h)(_internal_1.NBaseMenuMask, { clsPrefix: mergedClsPrefix, ref: "maskInstRef" }))) : ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-cascader-menu__empty` }, (0, _utils_1.resolveSlot)(this.$slots.empty, () => [
                         (0, vue_1.h)(empty_1.NEmpty, { theme: mergedTheme.peers.Empty, themeOverrides: mergedTheme.peerOverrides.Empty })
                     ]))),
-                    (0, _utils_1.resolveWrappedSlot)(this.$slots.action, (children) => children && ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-cascader-menu-action`, "data-action": true }, children))),
+                    (0, _utils_1.resolveWrappedSlot)(this.$slots.action, children => children && ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-cascader-menu-action`, "data-action": true }, children))),
                     (0, vue_1.h)(focus_detector_1.default, { onFocus: this.onTabout })), [
                     [
                         vdirs_1.clickoutside,

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

@@ -20,111 +20,7 @@ declare const _default: import("vue").DefineComponent<{
     label: import("vue").ComputedRef<any>;
     mergedClsPrefix: import("vue").Ref<string>;
     mergedTheme: import("vue").Ref<{
-        common: {
-            baseColor: string;
-            primaryColor: string;
-            primaryColorHover: string;
-            primaryColorPressed: string;
-            primaryColorSuppl: string;
-            infoColor: string;
-            infoColorHover: string;
-            infoColorPressed: string;
-            infoColorSuppl: string;
-            successColor: string;
-            successColorHover: string;
-            successColorPressed: string;
-            successColorSuppl: string;
-            warningColor: string;
-            warningColorHover: string;
-            warningColorPressed: string;
-            warningColorSuppl: string;
-            errorColor: string;
-            errorColorHover: string;
-            errorColorPressed: string;
-            errorColorSuppl: string;
-            textColorBase: string;
-            textColor1: string;
-            textColor2: string;
-            textColor3: string;
-            textColorDisabled: string;
-            placeholderColor: string;
-            placeholderColorDisabled: string;
-            iconColor: string;
-            iconColorHover: string;
-            iconColorPressed: string;
-            iconColorDisabled: string;
-            opacity1: string;
-            opacity2: string;
-            opacity3: string;
-            opacity4: string;
-            opacity5: string;
-            dividerColor: string;
-            borderColor: string;
-            closeIconColor: string;
-            closeIconColorHover: string;
-            closeIconColorPressed: string;
-            closeColorHover: string;
-            closeColorPressed: string;
-            clearColor: string;
-            clearColorHover: string;
-            clearColorPressed: string;
-            scrollbarColor: string;
-            scrollbarColorHover: string;
-            scrollbarWidth: string;
-            scrollbarHeight: string;
-            scrollbarBorderRadius: string;
-            progressRailColor: string;
-            railColor: string;
-            popoverColor: string;
-            tableColor: string;
-            cardColor: string;
-            modalColor: string;
-            bodyColor: string;
-            tagColor: string;
-            avatarColor: string;
-            invertedColor: string;
-            inputColor: string;
-            codeColor: string;
-            tabColor: string;
-            actionColor: string;
-            tableHeaderColor: string;
-            hoverColor: string;
-            tableColorHover: string;
-            tableColorStriped: string;
-            pressedColor: string;
-            opacityDisabled: string;
-            inputColorDisabled: string;
-            buttonColor2: string;
-            buttonColor2Hover: string;
-            buttonColor2Pressed: string;
-            boxShadow1: string;
-            boxShadow2: string;
-            boxShadow3: string;
-            fontFamily: string;
-            fontFamilyMono: string;
-            fontWeight: string;
-            fontWeightStrong: string;
-            cubicBezierEaseInOut: string;
-            cubicBezierEaseOut: string;
-            cubicBezierEaseIn: string;
-            borderRadius: string;
-            borderRadiusSmall: string;
-            fontSize: string;
-            fontSizeMini: string;
-            fontSizeTiny: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            fontSizeHuge: string;
-            lineHeight: string;
-            heightMini: string;
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            heightHuge: string;
-            name: "common";
-        };
+        common: import("../..").ThemeCommonVars;
         self: {
             menuBorderRadius: string;
             menuColor: string;
@@ -144,10 +40,12 @@ declare const _default: import("vue").DefineComponent<{
         };
         peers: {
             InternalSelectMenu: import("../../_mixins").Theme<"InternalSelectMenu", {
+                optionFontSizeTiny: string;
                 optionFontSizeSmall: string;
                 optionFontSizeMedium: string;
                 optionFontSizeLarge: string;
                 optionFontSizeHuge: string;
+                optionHeightTiny: string;
                 optionHeightSmall: string;
                 optionHeightMedium: string;
                 optionHeightLarge: string;
@@ -168,10 +66,12 @@ declare const _default: import("vue").DefineComponent<{
                 actionTextColor: string;
                 loadingColor: string;
                 height: string;
+                paddingTiny: string;
                 paddingSmall: string;
                 paddingMedium: string;
                 paddingLarge: string;
                 paddingHuge: string;
+                optionPaddingTiny: string;
                 optionPaddingSmall: string;
                 optionPaddingMedium: string;
                 optionPaddingLarge: string;
@@ -184,11 +84,14 @@ declare const _default: import("vue").DefineComponent<{
                     borderRadius: string;
                     color: string;
                     colorHover: string;
-                    railInsetHorizontal: string;
-                    railInsetVertical: string;
+                    railInsetHorizontalBottom: string;
+                    railInsetHorizontalTop: string;
+                    railInsetVerticalRight: string;
+                    railInsetVerticalLeft: string;
                     railColor: string;
                 }, any>;
                 Empty: import("../../_mixins").Theme<"Empty", {
+                    fontSizeTiny: string;
                     fontSizeSmall: string;
                     fontSizeMedium: string;
                     fontSizeLarge: string;
@@ -196,6 +99,7 @@ declare const _default: import("vue").DefineComponent<{
                     textColor: string;
                     iconColor: string;
                     extraTextColor: string;
+                    iconSizeTiny: string;
                     iconSizeSmall: string;
                     iconSizeMedium: string;
                     iconSizeLarge: string;
@@ -277,8 +181,10 @@ declare const _default: import("vue").DefineComponent<{
                 borderRadius: string;
                 color: string;
                 colorHover: string;
-                railInsetHorizontal: string;
-                railInsetVertical: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
                 railColor: string;
             }, any>;
             Checkbox: import("../../_mixins").Theme<"Checkbox", {
@@ -312,6 +218,7 @@ declare const _default: import("vue").DefineComponent<{
                 labelFontWeight: string;
             }, any>;
             Empty: import("../../_mixins").Theme<"Empty", {
+                fontSizeTiny: string;
                 fontSizeSmall: string;
                 fontSizeMedium: string;
                 fontSizeLarge: string;
@@ -319,6 +226,7 @@ declare const _default: import("vue").DefineComponent<{
                 textColor: string;
                 iconColor: string;
                 extraTextColor: string;
+                iconSizeTiny: string;
                 iconSizeSmall: string;
                 iconSizeMedium: string;
                 iconSizeLarge: string;
@@ -334,11 +242,14 @@ declare const _default: import("vue").DefineComponent<{
                         borderRadius: string;
                         color: string;
                         colorHover: string;
-                        railInsetHorizontal: string;
-                        railInsetVertical: string;
+                        railInsetHorizontalBottom: string;
+                        railInsetHorizontalTop: string;
+                        railInsetVerticalRight: string;
+                        railInsetVerticalLeft: string;
                         railColor: string;
                     }, any>> | undefined;
                     Empty?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Empty", {
+                        fontSizeTiny: string;
                         fontSizeSmall: string;
                         fontSizeMedium: string;
                         fontSizeLarge: string;
@@ -346,6 +257,7 @@ declare const _default: import("vue").DefineComponent<{
                         textColor: string;
                         iconColor: string;
                         extraTextColor: string;
+                        iconSizeTiny: string;
                         iconSizeSmall: string;
                         iconSizeMedium: string;
                         iconSizeLarge: string;
@@ -396,16 +308,12 @@ declare const _default: import("vue").DefineComponent<{
     renderPrefix: import("vue").Ref<((info: {
         option: import("./interface").CascaderOption;
         checked: boolean;
-        node: VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }> | null;
+        node: VNode | null;
     }) => import("vue").VNodeChild) | undefined>;
     renderSuffix: import("vue").Ref<((info: {
         option: import("./interface").CascaderOption;
         checked: boolean;
-        node: VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }> | null;
+        node: VNode | null;
     }) => import("vue").VNodeChild) | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     tmNode: {

package/lib/cascader/src/CascaderOption.js

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const vue_1 = require("vue");
 const vooks_1 = require("vooks");
+const seemly_1 = require("seemly");
 const checkbox_1 = require("../../checkbox");
 const _internal_1 = require("../../_internal");
 const icons_1 = require("../../_internal/icons");
 const interface_1 = require("./interface");
-const seemly_1 = require("seemly");
 exports.default = (0, vue_1.defineComponent)({
     name: 'NCascaderOption',
     props: {
@@ -16,9 +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, showCheckboxRef, renderPrefixRef, renderSuffixRef, 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 { expandTriggerRef, remoteRef, multipleRef, mergedValueRef, checkedKeysRef, indeterminateKeysRef, hoverKeyPathRef, keyboardKeyRef, loadingKeySetRef, cascadeRef, mergedCheckStrategyRef, onLoadRef, mergedClsPrefixRef, mergedThemeRef, labelFieldRef, showCheckboxRef, renderPrefixRef, renderSuffixRef, updateHoverKey, updateKeyboardKey, addLoadingKey, deleteLoadingKey, closeMenu, doCheck, doUncheck, renderLabelRef } = (0, vue_1.inject)(interface_1.cascaderInjectionKey);
         const valueRef = (0, vue_1.computed)(() => props.tmNode.key);
         const useHoverTriggerRef = (0, vue_1.computed)(() => {
             const { value: expandTrigger } = expandTriggerRef;
@@ -171,8 +169,8 @@ exports.default = (0, vue_1.defineComponent)({
             default: () => ((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: mergedClsPrefix, key: "arrow", class: `${mergedClsPrefix}-cascader-option-icon ${mergedClsPrefix}-cascader-option-icon--arrow` }, {
                 default: () => (0, vue_1.h)(icons_1.ChevronRightIcon, null)
             }))
-        })) : this.checkStrategy === 'child' &&
-            !(this.multiple && this.cascade) ? ((0, vue_1.h)(vue_1.Transition, { name: "fade-in-scale-up-transition" }, {
+        })) : this.checkStrategy === 'child'
+            && !(this.multiple && this.cascade) ? ((0, vue_1.h)(vue_1.Transition, { name: "fade-in-scale-up-transition" }, {
             default: () => this.checked ? ((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: mergedClsPrefix, class: `${mergedClsPrefix}-cascader-option-icon ${mergedClsPrefix}-cascader-option-icon--checkmark` }, { default: () => (0, vue_1.h)(icons_1.CheckmarkIcon, null) })) : null
         })) : null));
         suffixNode = ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-cascader-option__suffix` }, renderSuffix
@@ -184,9 +182,9 @@ exports.default = (0, vue_1.defineComponent)({
             : originalSuffixChild));
         return ((0, vue_1.h)("div", { class: [
                 `${mergedClsPrefix}-cascader-option`,
-                this.keyboardPending ||
-                    (this.hoverPending &&
-                        `${mergedClsPrefix}-cascader-option--pending`),
+                this.keyboardPending
+                    || (this.hoverPending
+                        && `${mergedClsPrefix}-cascader-option--pending`),
                 this.disabled && `${mergedClsPrefix}-cascader-option--disabled`,
                 this.showCheckbox && `${mergedClsPrefix}-cascader-option--show-prefix`
             ], onMouseenter: this.mergedHandleMouseEnter, onMousemove: this.mergedHandleMouseMove, onClick: this.handleClick },