naive-ui 2.38.2 → 2.40.0

package/es/_internal/select-menu/styles/light.mjs

@@ -1,9 +1,9 @@
 import { emptyLight } from "../../../empty/styles/index.mjs";
 import { scrollbarLight } from "../../scrollbar/styles/index.mjs";
 import { commonLight } from "../../../_styles/common/index.mjs";
-import commonVariables from "./_common.mjs";
 import { createTheme } from "../../../_mixins/index.mjs";
-export const self = vars => {
+import commonVariables from "./_common.mjs";
+export function self(vars) {
   const {
     borderRadius,
     popoverColor,
@@ -15,20 +15,24 @@ export const self = vars => {
     primaryColor,
     opacityDisabled,
     hoverColor,
+    fontSizeTiny,
     fontSizeSmall,
     fontSizeMedium,
     fontSizeLarge,
     fontSizeHuge,
+    heightTiny,
     heightSmall,
     heightMedium,
     heightLarge,
     heightHuge
   } = vars;
   return Object.assign(Object.assign({}, commonVariables), {
+    optionFontSizeTiny: fontSizeTiny,
     optionFontSizeSmall: fontSizeSmall,
     optionFontSizeMedium: fontSizeMedium,
     optionFontSizeLarge: fontSizeLarge,
     optionFontSizeHuge: fontSizeHuge,
+    optionHeightTiny: heightTiny,
     optionHeightSmall: heightSmall,
     optionHeightMedium: heightMedium,
     optionHeightLarge: heightLarge,
@@ -49,7 +53,7 @@ export const self = vars => {
     actionTextColor: textColor2,
     loadingColor: primaryColor
   });
-};
+}
 const internalSelectMenuLight = createTheme({
   name: 'InternalSelectMenu',
   common: commonLight,

package/es/_internal/selection/src/Selection.d.ts

@@ -1,4 +1,4 @@
-import { type PropType, type InputHTMLAttributes } from 'vue';
+import { type InputHTMLAttributes, type PropType } from 'vue';
 import type { RenderLabel, RenderLabelImpl } from '../../select-menu/src/interface';
 import type { SelectBaseOption } from '../../../select/src/interface';
 import type { FormValidationStatus } from '../../../form/src/interface';
@@ -28,11 +28,11 @@ declare const _default: import("vue").DefineComponent<{
     };
     placeholder: StringConstructor;
     selectedOption: {
-        type: PropType<SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)> | null>;
+        type: PropType<SelectBaseOption | null>;
         default: null;
     };
     selectedOptions: {
-        type: PropType<SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>[] | null>;
+        type: PropType<SelectBaseOption[] | null>;
         default: null;
     };
     labelField: {
@@ -48,7 +48,7 @@ declare const _default: import("vue").DefineComponent<{
     clearable: BooleanConstructor;
     disabled: BooleanConstructor;
     size: {
-        type: PropType<"small" | "medium" | "large" | "tiny">;
+        type: PropType<"tiny" | "small" | "medium" | "large">;
         default: string;
     };
     loading: BooleanConstructor;
@@ -288,111 +288,7 @@ declare const _default: import("vue").DefineComponent<{
     }>>>;
 }, {
     mergedTheme: import("vue").ComputedRef<{
-        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: {
             fontSizeTiny: string;
             fontSizeSmall: string;
@@ -592,11 +488,11 @@ declare const _default: import("vue").DefineComponent<{
     };
     placeholder: StringConstructor;
     selectedOption: {
-        type: PropType<SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)> | null>;
+        type: PropType<SelectBaseOption | null>;
         default: null;
     };
     selectedOptions: {
-        type: PropType<SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>[] | null>;
+        type: PropType<SelectBaseOption[] | null>;
         default: null;
     };
     labelField: {
@@ -612,7 +508,7 @@ declare const _default: import("vue").DefineComponent<{
     clearable: BooleanConstructor;
     disabled: BooleanConstructor;
     size: {
-        type: PropType<"small" | "medium" | "large" | "tiny">;
+        type: PropType<"tiny" | "small" | "medium" | "large">;
         default: string;
     };
     loading: BooleanConstructor;

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

@@ -1,14 +1,13 @@
-/* eslint-disable @typescript-eslint/no-non-null-assertion */
-import { h, defineComponent, Fragment, ref, computed, watch, toRef, nextTick, watchEffect, onMounted } from 'vue';
+import { Fragment, computed, defineComponent, h, nextTick, onMounted, ref, toRef, watch, watchEffect } from 'vue';
 import { VOverflow } from 'vueuc';
+import { getPadding } from 'seemly';
 import { NPopover } from "../../../popover/index.mjs";
 import { NTag } from "../../../tag/index.mjs";
-import { useThemeClass, useTheme, useRtl, useConfig } from "../../../_mixins/index.mjs";
-import { createKey, getTitleAttribute, render, useOnResize, Wrapper } from "../../../_utils/index.mjs";
+import { useConfig, useRtl, useTheme, useThemeClass } from "../../../_mixins/index.mjs";
+import { Wrapper, createKey, getTitleAttribute, render, useOnResize } from "../../../_utils/index.mjs";
 import Suffix from "../../suffix/index.mjs";
 import { internalSelectionLight } from "../styles/index.mjs";
 import style from "./styles/index.cssr.mjs";
-import { getPadding } from 'seemly';
 export default defineComponent({
   name: 'InternalSelection',
   props: Object.assign(Object.assign({}, useTheme.props), {
@@ -217,6 +216,7 @@ export default defineComponent({
     function handleDeleteOption(option) {
       doDeleteOption(option);
     }
+    const isComposingRef = ref(false);
     function handlePatternKeyDown(e) {
       if (e.key === 'Backspace' && !isComposingRef.value) {
         if (!props.pattern.length) {
@@ -229,7 +229,6 @@ export default defineComponent({
         }
       }
     }
-    const isComposingRef = ref(false);
     // the composition end is later than its input so we can cached the event
     // and return the input event
     let cachedInputEvent = null;

package/es/_internal/selection/src/interface.d.ts

@@ -1,4 +1,4 @@
-import { type VNodeChild } from 'vue';
+import type { VNodeChild } from 'vue';
 import type { SelectOption } from '../../../select/src/interface';
 export type RenderTag = (props: {
     option: SelectOption;

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

@@ -1,5 +1,5 @@
 import type { ThemeCommonVars } from '../../../_styles/common';
-declare const self: (vars: ThemeCommonVars) => {
+declare function self(vars: ThemeCommonVars): {
     fontSizeTiny: string;
     fontSizeSmall: string;
     fontSizeMedium: string;

package/es/_internal/selection/styles/light.mjs

@@ -1,9 +1,9 @@
 import { changeColor } from 'seemly';
 import { commonLight } from "../../../_styles/common/index.mjs";
 import { popoverLight } from "../../../popover/styles/index.mjs";
-import commonVariables from "./_common.mjs";
 import { createTheme } from "../../../_mixins/index.mjs";
-const self = vars => {
+import commonVariables from "./_common.mjs";
+function self(vars) {
   const {
     borderRadius,
     textColor2,
@@ -98,7 +98,7 @@ const self = vars => {
     clearColorHover,
     clearColorPressed
   });
-};
+}
 const internalSelectionLight = createTheme({
   name: 'InternalSelection',
   common: commonLight,

package/es/_internal/slot-machine/src/SlotMachine.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="vue/jsx" />
 declare const _default: import("vue").DefineComponent<{
     clsPrefix: {
         type: StringConstructor;

package/es/_internal/slot-machine/src/SlotMachine.mjs

@@ -1,4 +1,4 @@
-import { h, defineComponent, TransitionGroup, computed, ref, watch, toRef } from 'vue';
+import { TransitionGroup, computed, defineComponent, h, ref, toRef, watch } from 'vue';
 import NFadeInExpandTransition from "../../fade-in-expand-transition/index.mjs";
 import { useStyle } from "../../../_mixins/index.mjs";
 import SlotMachineNumber from "./SlotMachineNumber.mjs";

package/es/_internal/slot-machine/src/SlotMachineNumber.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="vue/jsx" />
 import { type PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     clsPrefix: {

package/es/_internal/slot-machine/src/SlotMachineNumber.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, h, nextTick, ref, computed, watch, toRef } from 'vue';
+import { computed, defineComponent, h, nextTick, ref, toRef, watch } from 'vue';
 export default defineComponent({
   name: 'SlotMachineNumber',
   props: {

package/es/_internal/suffix/src/Suffix.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="vue/jsx" />
 import { type PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     clsPrefix: {

package/es/_internal/suffix/src/Suffix.mjs

@@ -1,4 +1,4 @@
-import { h, defineComponent } from 'vue';
+import { defineComponent, h } from 'vue';
 import NBaseClear from "../../clear/index.mjs";
 import NBaseLoading from "../../loading/index.mjs";
 import { NBaseIcon } from "../../icon/index.mjs";

package/es/_internal/wave/src/Wave.mjs

@@ -1,4 +1,4 @@
-import { h, defineComponent, ref, onBeforeUnmount, nextTick, toRef } from 'vue';
+import { defineComponent, h, nextTick, onBeforeUnmount, ref, toRef } from 'vue';
 import { useStyle } from "../../../_mixins/index.mjs";
 import style from "./styles/index.cssr.mjs";
 export default defineComponent({
@@ -30,7 +30,6 @@ export default defineComponent({
         }
         void nextTick(() => {
           var _a;
-          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
           void ((_a = selfRef.value) === null || _a === void 0 ? void 0 : _a.offsetHeight);
           activeRef.value = true;
           animationTimerId = window.setTimeout(() => {

package/es/_mixins/use-config.d.ts

@@ -1,5 +1,5 @@
 import { type ComputedRef, type Ref } from 'vue';
-import type { RtlEnabledState, GlobalComponentConfig, Breakpoints } from '../config-provider/src/internal-interface';
+import type { Breakpoints, GlobalComponentConfig, RtlEnabledState } from '../config-provider/src/internal-interface';
 type UseConfigProps = Readonly<{
     bordered?: boolean;
     [key: string]: unknown;

package/es/_mixins/use-config.mjs

@@ -1,4 +1,4 @@
-import { inject, computed, shallowRef } from 'vue';
+import { computed, inject, shallowRef } from 'vue';
 import { configProviderInjectionKey } from "../config-provider/src/context.mjs";
 export const defaultClsPrefix = 'n';
 export default function useConfig(props = {}, options = {

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

@@ -1,13 +1,14 @@
-import { ref, inject, watchEffect } from 'vue';
+import { inject, ref, watchEffect } from 'vue';
 import { hash } from 'css-render';
 import { useSsrAdapter } from '@css-render/vue3-ssr';
 import { configProviderInjectionKey } from "../config-provider/src/context.mjs";
 import { throwError } from "../_utils/index.mjs";
 import { c } from "../_utils/cssr/index.mjs";
 export function useThemeClass(componentName, hashRef, cssVarsRef, props) {
-  var _a;
   if (!cssVarsRef) throwError('useThemeClass', 'cssVarsRef is not passed');
-  const mergedThemeHashRef = (_a = inject(configProviderInjectionKey, null)) === null || _a === void 0 ? void 0 : _a.mergedThemeHashRef;
+  const NConfigProvider = inject(configProviderInjectionKey, null);
+  const mergedThemeHashRef = NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedThemeHashRef;
+  const styleMountTarget = NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.styleMountTarget;
   const themeClassRef = ref('');
   const ssrAdapter = useSsrAdapter();
   let renderCallback;
@@ -16,17 +17,17 @@ export function useThemeClass(componentName, hashRef, cssVarsRef, props) {
     let finalThemeHash = hashClassPrefix;
     const hashValue = hashRef ? hashRef.value : undefined;
     const themeHash = mergedThemeHashRef === null || mergedThemeHashRef === void 0 ? void 0 : mergedThemeHashRef.value;
-    if (themeHash) finalThemeHash += '-' + themeHash;
-    if (hashValue) finalThemeHash += '-' + hashValue;
+    if (themeHash) finalThemeHash += `-${themeHash}`;
+    if (hashValue) finalThemeHash += `-${hashValue}`;
     const {
       themeOverrides,
       builtinThemeOverrides
     } = props;
     if (themeOverrides) {
-      finalThemeHash += '-' + hash(JSON.stringify(themeOverrides));
+      finalThemeHash += `-${hash(JSON.stringify(themeOverrides))}`;
     }
     if (builtinThemeOverrides) {
-      finalThemeHash += '-' + hash(JSON.stringify(builtinThemeOverrides));
+      finalThemeHash += `-${hash(JSON.stringify(builtinThemeOverrides))}`;
     }
     themeClassRef.value = finalThemeHash;
     renderCallback = () => {
@@ -37,7 +38,8 @@ export function useThemeClass(componentName, hashRef, cssVarsRef, props) {
       }
       c(`.${finalThemeHash}`, style).mount({
         id: finalThemeHash,
-        ssr: ssrAdapter
+        ssr: ssrAdapter,
+        parent: styleMountTarget
       });
       renderCallback = undefined;
     };

package/es/_mixins/use-form-item.mjs

@@ -1,4 +1,4 @@
-import { computed, inject, provide, onBeforeUnmount } from 'vue';
+import { computed, inject, onBeforeUnmount, provide } from 'vue';
 import { createInjectionKey } from "../_utils/index.mjs";
 export const formItemInjectionKey = createInjectionKey('n-form-item');
 export default function useFormItem(props, {

package/es/_mixins/use-hljs.mjs

@@ -1,4 +1,4 @@
-import { inject, computed, watchEffect } from 'vue';
+import { computed, inject, watchEffect } from 'vue';
 import { configProviderInjectionKey } from "../config-provider/src/context.mjs";
 import { warn } from "../_utils/index.mjs";
 export default function useHljs(props, shouldHighlightRef) {

package/es/_mixins/use-locale.mjs

@@ -1,5 +1,5 @@
-import { inject, computed } from 'vue';
-import { enUS, dateEnUS } from "../locales/index.mjs";
+import { computed, inject } from 'vue';
+import { dateEnUS, enUS } from "../locales/index.mjs";
 import { configProviderInjectionKey } from "../config-provider/src/context.mjs";
 export default function useLocale(ns) {
   const {

package/es/_mixins/use-rtl.mjs

@@ -1,6 +1,7 @@
-import { onBeforeMount, watchEffect, computed } from 'vue';
+import { computed, inject, onBeforeMount, watchEffect } from 'vue';
 import { exists } from 'css-render';
 import { useSsrAdapter } from '@css-render/vue3-ssr';
+import { configProviderInjectionKey } from "../config-provider/src/context.mjs";
 import { cssrAnchorMetaName } from "./common.mjs";
 export function useRtl(mountId, rtlStateRef, clsPrefixRef) {
   if (!rtlStateRef) return undefined;
@@ -18,6 +19,7 @@ export function useRtl(mountId, rtlStateRef, clsPrefixRef) {
     }
     return componentRtlState;
   });
+  const NConfigProvider = inject(configProviderInjectionKey, null);
   const mountStyle = () => {
     watchEffect(() => {
       const {
@@ -39,7 +41,8 @@ export function useRtl(mountId, rtlStateRef, clsPrefixRef) {
         props: {
           bPrefix: clsPrefix ? `.${clsPrefix}-` : undefined
         },
-        ssr: ssrAdapter
+        ssr: ssrAdapter,
+        parent: NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.styleMountTarget
       });
     });
   };

package/es/_mixins/use-style.mjs

@@ -1,4 +1,4 @@
-import { onBeforeMount, inject } from 'vue';
+import { inject, onBeforeMount } from 'vue';
 import { useSsrAdapter } from '@css-render/vue3-ssr';
 import { configProviderInjectionKey } from "../config-provider/src/context.mjs";
 import globalStyle from "../_styles/global/index.cssr.mjs";
@@ -20,14 +20,16 @@ export default function useStyle(mountId, style, clsPrefixRef) {
       props: {
         bPrefix: clsPrefix ? `.${clsPrefix}-` : undefined
       },
-      ssr: ssrAdapter
+      ssr: ssrAdapter,
+      parent: NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.styleMountTarget
     });
     if (!(NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.preflightStyleDisabled)) {
       globalStyle.mount({
         id: 'n-global',
         head: true,
         anchorMetaName: cssrAnchorMetaName,
-        ssr: ssrAdapter
+        ssr: ssrAdapter,
+        parent: NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.styleMountTarget
       });
     }
   };

package/es/_mixins/use-theme.d.ts

@@ -1,4 +1,4 @@
-import { type ComputedRef, type Ref, type PropType } from 'vue';
+import { type ComputedRef, type PropType, type Ref } from 'vue';
 import type { CNode } from 'css-render';
 import type { GlobalTheme } from '../config-provider';
 import type { ThemeCommonVars } from '../_styles/common';

package/es/_mixins/use-theme.mjs

@@ -1,5 +1,4 @@
-/* eslint-disable @typescript-eslint/consistent-type-assertions */
-import { inject, computed, onBeforeMount } from 'vue';
+import { computed, inject, onBeforeMount } from 'vue';
 import { merge } from 'lodash-es';
 import { useSsrAdapter } from '@css-render/vue3-ssr';
 import globalStyle from "../_styles/global/index.cssr.mjs";
@@ -21,14 +20,16 @@ function useTheme(resolveId, mountId, style, defaultTheme, props, clsPrefixRef)
           bPrefix: clsPrefix ? `.${clsPrefix}-` : undefined
         },
         anchorMetaName: cssrAnchorMetaName,
-        ssr: ssrAdapter
+        ssr: ssrAdapter,
+        parent: NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.styleMountTarget
       });
       if (!(NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.preflightStyleDisabled)) {
         globalStyle.mount({
           id: 'n-global',
           head: true,
           anchorMetaName: cssrAnchorMetaName,
-          ssr: ssrAdapter
+          ssr: ssrAdapter,
+          parent: NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.styleMountTarget
         });
       }
     };

package/es/_styles/common/dark.mjs

@@ -1,4 +1,4 @@
-import { rgba, composite, scaleColor } from 'seemly';
+import { composite, rgba, scaleColor } from 'seemly';
 import commonVariables from "./_common.mjs";
 const base = {
   neutralBase: '#000',
@@ -60,9 +60,9 @@ const base = {
 };
 const baseBackgroundRgb = rgba(base.neutralBase);
 const baseInvertBackgroundRgb = rgba(base.neutralInvertBase);
-const overlayPrefix = 'rgba(' + baseInvertBackgroundRgb.slice(0, 3).join(', ') + ', ';
+const overlayPrefix = `rgba(${baseInvertBackgroundRgb.slice(0, 3).join(', ')}, `;
 function overlay(alpha) {
-  return overlayPrefix + String(alpha) + ')';
+  return `${overlayPrefix + String(alpha)})`;
 }
 function neutral(alpha) {
   const overlayRgba = Array.from(baseInvertBackgroundRgb);

package/es/_styles/common/light.mjs

@@ -1,4 +1,4 @@
-import { rgba, composite, scaleColor } from 'seemly';
+import { composite, rgba, scaleColor } from 'seemly';
 import commonVariables from "./_common.mjs";
 const base = {
   neutralBase: '#FFF',
@@ -61,9 +61,9 @@ const base = {
 };
 const baseBackgroundRgb = rgba(base.neutralBase);
 const baseInvertBackgroundRgb = rgba(base.neutralInvertBase);
-const overlayPrefix = 'rgba(' + baseInvertBackgroundRgb.slice(0, 3).join(', ') + ', ';
+const overlayPrefix = `rgba(${baseInvertBackgroundRgb.slice(0, 3).join(', ')}, `;
 function overlay(alpha) {
-  return overlayPrefix + String(alpha) + ')';
+  return `${overlayPrefix + String(alpha)})`;
 }
 function neutral(alpha) {
   const overlayRgba = Array.from(baseInvertBackgroundRgb);

package/es/_styles/transitions/fade-in-height-expand.cssr.mjs

@@ -36,7 +36,7 @@ export function fadeInHeightExpandTransition({
  margin-bottom ${duration} ${cubicBezierEaseInOut} ${leavingDelay},
  padding-top ${duration} ${cubicBezierEaseInOut} ${leavingDelay},
  padding-bottom ${duration} ${cubicBezierEaseInOut} ${leavingDelay}
- ${originalTransition ? ',' + originalTransition : ''}
+ ${originalTransition ? `,${originalTransition}` : ''}
  `), c(`&.fade-in-height-expand-transition-${enterClass}-active`, `
  overflow: ${overflow};
  transition:
@@ -46,6 +46,6 @@ export function fadeInHeightExpandTransition({
  margin-bottom ${duration} ${cubicBezierEaseInOut},
  padding-top ${duration} ${cubicBezierEaseInOut},
  padding-bottom ${duration} ${cubicBezierEaseInOut}
- ${originalTransition ? ',' + originalTransition : ''}
+ ${originalTransition ? `,${originalTransition}` : ''}
  `)];
 }

package/es/_styles/transitions/fade-in-scale-up.cssr.mjs

@@ -13,10 +13,10 @@ export function fadeInScaleUpTransition({
 } = {}) {
   return [c('&.fade-in-scale-up-transition-leave-active', {
     transformOrigin,
-    transition: `opacity ${duration} ${cubicBezierEaseIn}, transform ${duration} ${cubicBezierEaseIn} ${originalTransition && ',' + originalTransition}`
+    transition: `opacity ${duration} ${cubicBezierEaseIn}, transform ${duration} ${cubicBezierEaseIn} ${originalTransition && `,${originalTransition}`}`
   }), c('&.fade-in-scale-up-transition-enter-active', {
     transformOrigin,
-    transition: `opacity ${duration} ${cubicBezierEaseOut}, transform ${duration} ${cubicBezierEaseOut} ${originalTransition && ',' + originalTransition}`
+    transition: `opacity ${duration} ${cubicBezierEaseOut}, transform ${duration} ${cubicBezierEaseOut} ${originalTransition && `,${originalTransition}`}`
   }), c('&.fade-in-scale-up-transition-enter-from, &.fade-in-scale-up-transition-leave-to', {
     opacity: 0,
     transform: `${originalTransform} scale(${enterScale})`

package/es/_styles/transitions/icon-switch.cssr.mjs

@@ -10,7 +10,7 @@ export function iconSwitchTransition({
   transition = `all .3s ${cubicBezierEaseInOut} !important`
 } = {}) {
   return [c('&.icon-switch-transition-enter-from, &.icon-switch-transition-leave-to', {
-    transform: originalTransform + ' scale(0.75)',
+    transform: `${originalTransform} scale(0.75)`,
     left,
     top,
     opacity: 0

package/es/_utils/composable/use-adjusted-to.d.ts

@@ -7,7 +7,7 @@ declare function useAdjustedTo(props: UseAdjustedToProps): ComputedRef<HTMLEleme
 declare namespace useAdjustedTo {
     var tdkey: string;
     var propTo: {
-        type: PropType<string | boolean | HTMLElement>;
+        type: PropType<HTMLElement | string | boolean>;
         default: undefined;
     };
 }

package/es/_utils/composable/use-adjusted-to.mjs

@@ -1,5 +1,5 @@
 import { useMemo } from 'vooks';
-import { on, off } from 'evtd';
+import { off, on } from 'evtd';
 import { inject, onBeforeUnmount, onMounted, ref } from 'vue';
 import { internalSelectionMenuBodyInjectionKey } from "../../_internal/select-menu/src/interface.mjs";
 import { modalBodyInjectionKey } from "../../modal/src/interface.mjs";

package/es/_utils/composable/use-browser-location.d.ts

@@ -10,4 +10,4 @@ export interface IWindowLocation {
     protocol?: string;
     search?: string;
 }
-export declare const useBrowserLocation: (customWindow?: (Window & typeof globalThis) | null) => Ref<IWindowLocation>;
+export declare function useBrowserLocation(customWindow?: (Window & typeof globalThis) | null): Ref<IWindowLocation>;

package/es/_utils/composable/use-browser-location.mjs

@@ -1,6 +1,6 @@
 import { onMounted, onUnmounted, ref } from 'vue';
 import { isBrowser } from "../env/is-browser.mjs";
-export const useBrowserLocation = (customWindow = isBrowser ? window : null) => {
+export function useBrowserLocation(customWindow = isBrowser ? window : null) {
   const getWindowLocation = () => {
     const {
       hash,
@@ -25,10 +25,10 @@ export const useBrowserLocation = (customWindow = isBrowser ? window : null) =>
       search
     };
   };
+  const locationState = ref(getWindowLocation());
   const updateLocation = () => {
     locationState.value = getWindowLocation();
   };
-  const locationState = ref(getWindowLocation());
   onMounted(() => {
     if (customWindow) {
       customWindow.addEventListener('popstate', updateLocation);
@@ -42,4 +42,4 @@ export const useBrowserLocation = (customWindow = isBrowser ? window : null) =>
     }
   });
   return locationState;
-};
+}