naive-ui 2.38.2 → 2.40.0

package/es/time-picker/src/TimePicker.mjs

@@ -1,15 +1,15 @@
-import { h, ref, toRef, defineComponent, computed, withDirectives, Transition, provide, nextTick, watch, watchEffect } from 'vue';
+import { Transition, computed, defineComponent, h, nextTick, provide, ref, toRef, watch, watchEffect, withDirectives } from 'vue';
 import { useIsMounted, useKeyboard, useMergedState } from 'vooks';
-import { VBinder, VTarget, VFollower } from 'vueuc';
+import { VBinder, VFollower, VTarget } from 'vueuc';
 import { clickoutside } from 'vdirs';
 import { getPreciseEventTarget, happensIn } from 'seemly';
-import { isValid, startOfSecond, startOfMinute, startOfHour, format, set, setHours, setMinutes, setSeconds, getTime, getMinutes, getHours, getSeconds, getMilliseconds } from "date-fns/esm/index.js";
-import formatInTimeZone from 'date-fns-tz/formatInTimeZone';
+import { format, getHours, getMilliseconds, getMinutes, getSeconds, getTime, isValid, set, setHours, setMinutes, setSeconds, startOfHour, startOfMinute, startOfSecond } from 'date-fns';
+import { formatInTimeZone } from 'date-fns-tz';
 import { strictParse } from "../../date-picker/src/utils.mjs";
 import { TimeIcon } from "../../_internal/icons/index.mjs";
 import { NInput } from "../../input/index.mjs";
 import { NBaseIcon } from "../../_internal/index.mjs";
-import { useConfig, useTheme, useLocale, useFormItem, useThemeClass } from "../../_mixins/index.mjs";
+import { useConfig, useFormItem, useLocale, useTheme, useThemeClass } from "../../_mixins/index.mjs";
 import { call, markEventEffectPerformed, useAdjustedTo, warnOnce } from "../../_utils/index.mjs";
 import { timePickerLight } from "../styles/index.mjs";
 import Panel from "./Panel.mjs";
@@ -214,6 +214,27 @@ export default defineComponent({
     const secondInFormatRef = computed(() => {
       return props.format.includes('s');
     });
+    const hourValueRef = computed(() => {
+      const {
+        value
+      } = mergedValueRef;
+      if (value === null) return null;
+      return Number(mergedFormatRef.value(value, 'HH', dateFnsOptionsRef.value));
+    });
+    const minuteValueRef = computed(() => {
+      const {
+        value
+      } = mergedValueRef;
+      if (value === null) return null;
+      return Number(mergedFormatRef.value(value, 'mm', dateFnsOptionsRef.value));
+    });
+    const secondValueRef = computed(() => {
+      const {
+        value
+      } = mergedValueRef;
+      if (value === null) return null;
+      return Number(mergedFormatRef.value(value, 'ss', dateFnsOptionsRef.value));
+    });
     const isHourInvalidRef = computed(() => {
       const {
         isHourDisabled
@@ -271,27 +292,6 @@ export default defineComponent({
       if (value === null) return null;
       return getHours(value) < 12 ? 'am' : 'pm';
     });
-    const hourValueRef = computed(() => {
-      const {
-        value
-      } = mergedValueRef;
-      if (value === null) return null;
-      return Number(mergedFormatRef.value(value, 'HH', dateFnsOptionsRef.value));
-    });
-    const minuteValueRef = computed(() => {
-      const {
-        value
-      } = mergedValueRef;
-      if (value === null) return null;
-      return Number(mergedFormatRef.value(value, 'mm', dateFnsOptionsRef.value));
-    });
-    const secondValueRef = computed(() => {
-      const {
-        value
-      } = mergedValueRef;
-      if (value === null) return null;
-      return Number(mergedFormatRef.value(value, 'ss', dateFnsOptionsRef.value));
-    });
     function doUpdateFormattedValue(value, timestampValue) {
       const {
         onUpdateFormattedValue,
@@ -465,7 +465,9 @@ export default defineComponent({
     }
     function deriveInputValue(time) {
       if (time === undefined) time = mergedValueRef.value;
-      if (time === null) displayTimeStringRef.value = '';else {
+      if (time === null) {
+        displayTimeStringRef.value = '';
+      } else {
         displayTimeStringRef.value = mergedFormatRef.value(time, props.format, dateFnsOptionsRef.value);
       }
     }

package/es/time-picker/src/interface.d.ts

@@ -1,5 +1,5 @@
-import { type Ref } from 'vue';
-import { type ScrollbarInst } from '../../_internal';
+import type { Ref } from 'vue';
+import type { ScrollbarInst } from '../../_internal';
 import type { MergedTheme } from '../../_mixins';
 import type { TimePickerTheme } from '../styles';
 export type ItemValue = number | 'am' | 'pm';

package/es/time-picker/src/styles/index.cssr.mjs

@@ -1,4 +1,4 @@
-import { c, cE, cM, cB, cNotM } from "../../../_utils/cssr/index.mjs";
+import { c, cB, cE, cM, cNotM } from "../../../_utils/cssr/index.mjs";
 import { fadeInScaleUpTransition } from "../../../_styles/transitions/fade-in-scale-up.cssr.mjs";
 // vars:
 // --n-icon-color-override

package/es/time-picker/src/utils.mjs

@@ -1,4 +1,4 @@
-import { getHours } from "date-fns/esm/index.js";
+import { getHours } from 'date-fns';
 import { throwError } from "../../_utils/index.mjs";
 export const time = {
   amHours: ['00', '01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11'],
@@ -51,7 +51,9 @@ export function findSimilarTime(value, type, stepOrList) {
   let lowerBound, upperBound;
   for (let i = 0; i < list.length; ++i) {
     const v = list[i];
-    if (v === value) return v;else if (v > value) {
+    if (v === value) {
+      return v;
+    } else if (v > value) {
       upperBound = v;
       break;
     }
@@ -59,7 +61,7 @@ export function findSimilarTime(value, type, stepOrList) {
   }
   if (lowerBound === undefined) {
     if (!upperBound) {
-      throwError('time-picker', "Please set 'hours' or 'minutes' or 'seconds' props");
+      throwError('time-picker', 'Please set \'hours\' or \'minutes\' or \'seconds\' props');
     }
     return upperBound;
   }

package/es/time-picker/styles/light.d.ts

@@ -1,5 +1,5 @@
 import type { ThemeCommonVars } from '../../_styles/common';
-export declare const self: (vars: ThemeCommonVars) => {
+export declare function self(vars: ThemeCommonVars): {
     panelColor: string;
     panelBoxShadow: string;
     panelDividerColor: string;
@@ -40,8 +40,10 @@ declare const timePickerLight: import("../../_mixins").Theme<"TimePicker", {
         borderRadius: string;
         color: string;
         colorHover: string;
-        railInsetHorizontal: string;
-        railInsetVertical: string;
+        railInsetHorizontalBottom: string;
+        railInsetHorizontalTop: string;
+        railInsetVerticalRight: string;
+        railInsetVerticalLeft: string;
         railColor: string;
     }, any>;
     Button: import("../../_mixins").Theme<"Button", {

package/es/time-picker/styles/light.mjs

@@ -1,10 +1,10 @@
-import commonVars from "./_common.mjs";
 import { scrollbarLight } from "../../_internal/scrollbar/styles/index.mjs";
 import { commonLight } from "../../_styles/common/index.mjs";
 import { buttonLight } from "../../button/styles/index.mjs";
 import { createTheme } from "../../_mixins/index.mjs";
 import { inputLight } from "../../input/styles/index.mjs";
-export const self = vars => {
+import commonVars from "./_common.mjs";
+export function self(vars) {
   const {
     popoverColor,
     textColor2,
@@ -30,7 +30,7 @@ export const self = vars => {
     iconColor,
     iconColorDisabled
   });
-};
+}
 const timePickerLight = createTheme({
   name: 'TimePicker',
   common: commonLight,

package/es/timeline/src/Timeline.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="vue/jsx" />
-import { type PropType, type ExtractPropTypes, type Ref } from 'vue';
+import { type ExtractPropTypes, type PropType, type Ref } from 'vue';
 import { type MergedTheme } from '../../_mixins';
 import type { TimelineTheme } from '../styles';
 import { type ExtractPublicPropTypes } from '../../_utils';

package/es/timeline/src/Timeline.mjs

@@ -1,4 +1,4 @@
-import { h, defineComponent, provide } from 'vue';
+import { defineComponent, h, provide } from 'vue';
 import { useConfig, useTheme } from "../../_mixins/index.mjs";
 import { createInjectionKey } from "../../_utils/index.mjs";
 import { timelineLight } from "../styles/index.mjs";

package/es/timeline/src/TimelineItem.d.ts

@@ -10,7 +10,7 @@ export declare const timelineItemProps: {
         default: string;
     };
     type: {
-        type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        type: PropType<"default" | "success" | "error" | "warning" | "info">;
         default: string;
     };
 };
@@ -25,7 +25,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     type: {
-        type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        type: PropType<"default" | "success" | "error" | "warning" | "info">;
         default: string;
     };
 }, {
@@ -56,7 +56,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     type: {
-        type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        type: PropType<"default" | "success" | "error" | "warning" | "info">;
         default: string;
     };
 }>>, {

package/es/timeline/src/TimelineItem.mjs

@@ -1,7 +1,7 @@
-import { defineComponent, computed, inject, h } from 'vue';
+import { computed, defineComponent, h, inject } from 'vue';
 import { createKey, formatLength, resolveSlot, resolveWrappedSlot, throwError, useHoudini } from "../../_utils/index.mjs";
-import { timelineInjectionKey } from "./Timeline.mjs";
 import { useConfig, useThemeClass } from "../../_mixins/index.mjs";
+import { timelineInjectionKey } from "./Timeline.mjs";
 export const timelineItemProps = {
   time: [String, Number],
   title: String,

package/es/timeline/styles/dark.mjs

@@ -1,5 +1,5 @@
-import sizeVariables from "./_common.mjs";
 import { commonDark } from "../../_styles/common/index.mjs";
+import sizeVariables from "./_common.mjs";
 const timelineDark = {
   name: 'Timeline',
   common: commonDark,

package/es/timeline/styles/light.d.ts

@@ -1,6 +1,6 @@
 import type { ThemeCommonVars } from '../../_styles/common';
 import type { Theme } from '../../_mixins';
-declare const self: (vars: ThemeCommonVars) => {
+declare function self(vars: ThemeCommonVars): {
     contentFontSize: string;
     titleFontWeight: string;
     circleBorder: string;

package/es/timeline/styles/light.mjs

@@ -1,6 +1,6 @@
-import sizeVariables from "./_common.mjs";
 import { commonLight } from "../../_styles/common/index.mjs";
-const self = vars => {
+import sizeVariables from "./_common.mjs";
+function self(vars) {
   const {
     textColor3,
     infoColor,
@@ -31,7 +31,7 @@ const self = vars => {
     metaTextColor: textColor3,
     lineColor: railColor
   });
-};
+}
 const timelineLight = {
   name: 'Timeline',
   common: commonLight,

package/es/tooltip/src/Tooltip.d.ts

@@ -100,7 +100,7 @@ export declare const tooltipProps: {
     disabled: BooleanConstructor;
     getDisabled: import("vue").PropType<() => boolean>;
     displayDirective: {
-        type: import("vue").PropType<"show" | "if">;
+        type: import("vue").PropType<"if" | "show">;
         default: string;
     };
     arrowClass: StringConstructor;
@@ -126,16 +126,16 @@ export declare const tooltipProps: {
     };
     zIndex: NumberConstructor;
     to: {
-        type: import("vue").PropType<string | boolean | HTMLElement>;
+        type: import("vue").PropType<HTMLElement | string | boolean>;
         default: undefined;
     };
     scrollable: BooleanConstructor;
     contentClass: StringConstructor;
-    contentStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    contentStyle: import("vue").PropType<import("vue").CSSProperties | string>;
     headerClass: StringConstructor;
-    headerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    headerStyle: import("vue").PropType<import("vue").CSSProperties | string>;
     footerClass: StringConstructor;
-    footerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    footerStyle: import("vue").PropType<import("vue").CSSProperties | string>;
     onClickoutside: import("vue").PropType<(e: MouseEvent) => void>;
     'onUpdate:show': import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
     onUpdateShow: import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
@@ -259,7 +259,7 @@ declare const _default: import("vue").DefineComponent<{
     disabled: BooleanConstructor;
     getDisabled: import("vue").PropType<() => boolean>;
     displayDirective: {
-        type: import("vue").PropType<"show" | "if">;
+        type: import("vue").PropType<"if" | "show">;
         default: string;
     };
     arrowClass: StringConstructor;
@@ -285,16 +285,16 @@ declare const _default: import("vue").DefineComponent<{
     };
     zIndex: NumberConstructor;
     to: {
-        type: import("vue").PropType<string | boolean | HTMLElement>;
+        type: import("vue").PropType<HTMLElement | string | boolean>;
         default: undefined;
     };
     scrollable: BooleanConstructor;
     contentClass: StringConstructor;
-    contentStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    contentStyle: import("vue").PropType<import("vue").CSSProperties | string>;
     headerClass: StringConstructor;
-    headerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    headerStyle: import("vue").PropType<import("vue").CSSProperties | string>;
     footerClass: StringConstructor;
-    footerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    footerStyle: import("vue").PropType<import("vue").CSSProperties | string>;
     onClickoutside: import("vue").PropType<(e: MouseEvent) => void>;
     'onUpdate:show': import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
     onUpdateShow: import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
@@ -323,111 +323,7 @@ declare const _default: import("vue").DefineComponent<{
         setShow: (value: boolean) => void;
     } | null>;
     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: {
             borderRadius: string;
             boxShadow: string;
@@ -567,7 +463,7 @@ declare const _default: import("vue").DefineComponent<{
     disabled: BooleanConstructor;
     getDisabled: import("vue").PropType<() => boolean>;
     displayDirective: {
-        type: import("vue").PropType<"show" | "if">;
+        type: import("vue").PropType<"if" | "show">;
         default: string;
     };
     arrowClass: StringConstructor;
@@ -593,16 +489,16 @@ declare const _default: import("vue").DefineComponent<{
     };
     zIndex: NumberConstructor;
     to: {
-        type: import("vue").PropType<string | boolean | HTMLElement>;
+        type: import("vue").PropType<HTMLElement | string | boolean>;
         default: undefined;
     };
     scrollable: BooleanConstructor;
     contentClass: StringConstructor;
-    contentStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    contentStyle: import("vue").PropType<import("vue").CSSProperties | string>;
     headerClass: StringConstructor;
-    headerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    headerStyle: import("vue").PropType<import("vue").CSSProperties | string>;
     footerClass: StringConstructor;
-    footerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    footerStyle: import("vue").PropType<import("vue").CSSProperties | string>;
     onClickoutside: import("vue").PropType<(e: MouseEvent) => void>;
     'onUpdate:show': import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
     onUpdateShow: import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;

package/es/tooltip/src/Tooltip.mjs

@@ -1,5 +1,5 @@
 // Tooltip: popover wearing waistcoat
-import { h, defineComponent, ref, computed } from 'vue';
+import { computed, defineComponent, h, ref } from 'vue';
 import { NPopover } from "../../popover/index.mjs";
 import { popoverBaseProps } from "../../popover/src/Popover.mjs";
 import { useConfig, useTheme } from "../../_mixins/index.mjs";
@@ -17,11 +17,9 @@ export default defineComponent({
     const popoverRef = ref(null);
     const tooltipExposedMethod = {
       syncPosition() {
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         popoverRef.value.syncPosition();
       },
       setShow(show) {
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         popoverRef.value.setShow(show);
       }
     };

package/es/tooltip/styles/light.d.ts

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

package/es/tooltip/styles/light.mjs

@@ -1,9 +1,9 @@
+import { composite } from 'seemly';
 import { commonLight } from "../../_styles/common/index.mjs";
 import { popoverLight } from "../../popover/styles/index.mjs";
-import commonVars from "./_common.mjs";
 import { createTheme } from "../../_mixins/use-theme.mjs";
-import { composite } from 'seemly';
-const self = vars => {
+import commonVars from "./_common.mjs";
+function self(vars) {
   const {
     borderRadius,
     boxShadow2,
@@ -15,7 +15,7 @@ const self = vars => {
     color: composite(baseColor, 'rgba(0, 0, 0, .85)'),
     textColor: baseColor
   });
-};
+}
 const tooltipLight = createTheme({
   name: 'Tooltip',
   common: commonLight,