naive-ui 2.35.0 → 2.36.0

package/es/qr-code/src/styles/index.cssr.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("css-render").CNode;
+export default _default;

package/es/qr-code/src/styles/index.cssr.js

@@ -0,0 +1,8 @@
+import { c, cB } from '../../../_utils/cssr';
+// vars:
+// --n-border-radius
+export default c([cB('qr-code', `
+ background: #fff;
+ border-radius: var(--n-border-radius);
+ display: inline-flex;
+ `)]);

package/es/qr-code/styles/dark.d.ts

@@ -0,0 +1,3 @@
+import { type QrCodeTheme } from './light';
+declare const qrcodeDark: QrCodeTheme;
+export default qrcodeDark;

package/es/qr-code/styles/dark.js

@@ -0,0 +1,11 @@
+import { commonDark } from '../../_styles/common';
+const qrcodeDark = {
+    name: 'QrCode',
+    common: commonDark,
+    self: (vars) => {
+        return {
+            borderRadius: vars.borderRadius
+        };
+    }
+};
+export default qrcodeDark;

package/es/qr-code/styles/index.d.ts

@@ -0,0 +1,3 @@
+export { default as qrcodeDark } from './dark';
+export { default as qrcodeLight } from './light';
+export type { QrCodeTheme, QrCodeThemeVars } from './light';

package/es/qr-code/styles/index.js

@@ -0,0 +1,2 @@
+export { default as qrcodeDark } from './dark';
+export { default as qrcodeLight } from './light';

package/es/qr-code/styles/light.d.ts

@@ -0,0 +1,9 @@
+import type { ThemeCommonVars } from '../../_styles/common';
+import { type Theme } from '../../_mixins';
+declare const self: (vars: ThemeCommonVars) => {
+    borderRadius: string;
+};
+export type QrCodeThemeVars = ReturnType<typeof self>;
+declare const themeLight: Theme<'QrCode', QrCodeThemeVars>;
+export default themeLight;
+export type QrCodeTheme = typeof themeLight;

package/es/qr-code/styles/light.js

@@ -0,0 +1,12 @@
+import { commonLight } from '../../_styles/common';
+const self = (vars) => {
+    return {
+        borderRadius: vars.borderRadius
+    };
+};
+const themeLight = {
+    name: 'QrCode',
+    common: commonLight,
+    self
+};
+export default themeLight;

package/es/radio/src/RadioGroup.d.ts

@@ -281,6 +281,7 @@ declare const _default: import("vue").DefineComponent<{
         '--n-button-box-shadow': string;
         '--n-button-box-shadow-focus': string;
         '--n-button-box-shadow-hover': string;
+        '--n-button-color': string;
         '--n-button-color-active': string;
         '--n-button-text-color': string;
         '--n-button-text-color-hover': string;

package/es/radio/src/RadioGroup.js

@@ -120,7 +120,7 @@ export default defineComponent({
         const rtlEnabledRef = useRtl('Radio', mergedRtlRef, mergedClsPrefixRef);
         const cssVarsRef = computed(() => {
             const { value: size } = mergedSizeRef;
-            const { common: { cubicBezierEaseInOut }, self: { buttonBorderColor, buttonBorderColorActive, buttonBorderRadius, buttonBoxShadow, buttonBoxShadowFocus, buttonBoxShadowHover, buttonColorActive, buttonTextColor, buttonTextColorActive, buttonTextColorHover, opacityDisabled, [createKey('buttonHeight', size)]: height, [createKey('fontSize', size)]: fontSize } } = themeRef.value;
+            const { common: { cubicBezierEaseInOut }, self: { buttonBorderColor, buttonBorderColorActive, buttonBorderRadius, buttonBoxShadow, buttonBoxShadowFocus, buttonBoxShadowHover, buttonColor, buttonColorActive, buttonTextColor, buttonTextColorActive, buttonTextColorHover, opacityDisabled, [createKey('buttonHeight', size)]: height, [createKey('fontSize', size)]: fontSize } } = themeRef.value;
             return {
                 '--n-font-size': fontSize,
                 '--n-bezier': cubicBezierEaseInOut,
@@ -130,6 +130,7 @@ export default defineComponent({
                 '--n-button-box-shadow': buttonBoxShadow,
                 '--n-button-box-shadow-focus': buttonBoxShadowFocus,
                 '--n-button-box-shadow-hover': buttonBoxShadowHover,
+                '--n-button-color': buttonColor,
                 '--n-button-color-active': buttonColorActive,
                 '--n-button-text-color': buttonTextColor,
                 '--n-button-text-color-hover': buttonTextColorHover,

package/es/radio/src/styles/radio-group.cssr.js

@@ -46,6 +46,7 @@ export default cB('radio-group', `
  opacity .3s var(--n-bezier),
  border-color .3s var(--n-bezier),
  color .3s var(--n-bezier);
+ background: var(--n-button-color);
  color: var(--n-button-text-color);
  border-top: 1px solid var(--n-button-border-color);
  border-bottom: 1px solid var(--n-button-border-color);

package/es/result/src/Result.d.ts

@@ -285,7 +285,7 @@ declare const _default: import("vue").DefineComponent<{
         iconColor500: undefined;
     }, any>>>;
 }>>, {
-    size: "small" | "medium" | "large" | "huge";
     status: "500" | "error" | "info" | "success" | "warning" | "404" | "403" | "418";
+    size: "small" | "medium" | "large" | "huge";
 }, {}>;
 export default _default;

package/es/scrollbar/src/Scrollbar.js

@@ -10,10 +10,12 @@ const Scrollbar = defineComponent({
         const exposedMethods = {
             scrollTo: (...args) => {
                 var _a;
+                // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
                 (_a = scrollbarInstRef.value) === null || _a === void 0 ? void 0 : _a.scrollTo(args[0], args[1]);
             },
             scrollBy: (...args) => {
                 var _a;
+                // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
                 (_a = scrollbarInstRef.value) === null || _a === void 0 ? void 0 : _a.scrollBy(args[0], args[1]);
             }
         };

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

@@ -1840,8 +1840,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly show: boolean | undefined;
     readonly multiple: boolean;
     readonly disabled: boolean | undefined;
-    readonly to: string | boolean | HTMLElement;
     readonly loading: boolean;
+    readonly to: string | boolean | HTMLElement;
     readonly bordered: boolean | undefined;
     readonly placement: FollowerPlacement;
     readonly showCheckmark: boolean;

package/es/skeleton/src/Skeleton.js

@@ -1,4 +1,4 @@
-import { pxfy } from 'seemly';
+import { pxfy, repeat } from 'seemly';
 import { computed, defineComponent, h, Fragment, mergeProps } from 'vue';
 import { useConfig, useTheme } from '../../_mixins';
 import { createKey, useHoudini } from '../../_utils';
@@ -60,7 +60,7 @@ export default defineComponent({
         };
     },
     render() {
-        const { repeat, style, mergedClsPrefix, $attrs } = this;
+        const { repeat: repeatProp, style, mergedClsPrefix, $attrs } = this;
         // BUG:
         // Chrome devtools can't read the element
         // Maybe it's a bug of chrome
@@ -68,11 +68,8 @@ export default defineComponent({
             class: `${mergedClsPrefix}-skeleton`,
             style
         }, $attrs));
-        if (repeat > 1) {
-            return (h(Fragment, null, Array.apply(null, { length: repeat }).map((_) => [
-                child,
-                '\n'
-            ])));
+        if (repeatProp > 1) {
+            return h(Fragment, null, repeat(repeatProp, null).map((_) => [child, '\n']));
         }
         return child;
     }

package/es/slider/src/Slider.d.ts

@@ -52,6 +52,8 @@ export declare const sliderProps: {
     readonly reverse: BooleanConstructor;
     readonly 'onUpdate:value': PropType<MaybeArray<(value: number & number[]) => void>>;
     readonly onUpdateValue: PropType<MaybeArray<(value: number & number[]) => void>>;
+    readonly onDragstart: PropType<() => void>;
+    readonly onDragend: PropType<() => void>;
     readonly theme: PropType<import("../../_mixins").Theme<"Slider", {
         fontSize: string;
         markFontSize: string;
@@ -190,6 +192,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly reverse: BooleanConstructor;
     readonly 'onUpdate:value': PropType<MaybeArray<(value: number & number[]) => void>>;
     readonly onUpdateValue: PropType<MaybeArray<(value: number & number[]) => void>>;
+    readonly onDragstart: PropType<() => void>;
+    readonly onDragend: PropType<() => void>;
     readonly theme: PropType<import("../../_mixins").Theme<"Slider", {
         fontSize: string;
         markFontSize: string;
@@ -403,6 +407,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly reverse: BooleanConstructor;
     readonly 'onUpdate:value': PropType<MaybeArray<(value: number & number[]) => void>>;
     readonly onUpdateValue: PropType<MaybeArray<(value: number & number[]) => void>>;
+    readonly onDragstart: PropType<() => void>;
+    readonly onDragend: PropType<() => void>;
     readonly theme: PropType<import("../../_mixins").Theme<"Slider", {
         fontSize: string;
         markFontSize: string;

package/es/slider/src/Slider.js

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/space-before-function-paren */
 import { h, ref, toRef, computed, watch, nextTick, defineComponent, Transition, onBeforeUnmount } from 'vue';
 import { VBinder, VTarget, VFollower } from 'vueuc';
 import { useIsMounted, useMergedState } from 'vooks';
@@ -33,7 +34,7 @@ export const sliderProps = Object.assign(Object.assign({}, useTheme.props), { to
     }, tooltip: {
         type: Boolean,
         default: true
-    }, vertical: Boolean, reverse: Boolean, 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array] });
+    }, vertical: Boolean, reverse: Boolean, 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array], onDragstart: [Function], onDragend: [Function] });
 export default defineComponent({
     name: 'Slider',
     props: sliderProps,
@@ -158,11 +159,11 @@ export default defineComponent({
             var _a;
             if (~index) {
                 activeIndexRef.value = index;
-                (_a = handleRefs.value.get(index)) === null || _a === void 0 ? void 0 : _a.focus();
+                (_a = handleRefs.get(index)) === null || _a === void 0 ? void 0 : _a.focus();
             }
         }
         function syncPosition() {
-            followerRefs.value.forEach((inst, index) => {
+            followerRefs.forEach((inst, index) => {
                 if (isShowTooltip(index))
                     inst.syncPosition();
             });
@@ -359,6 +360,8 @@ export default defineComponent({
         function startDragging() {
             if (!draggingRef.value) {
                 draggingRef.value = true;
+                if (props.onDragstart)
+                    call(props.onDragstart);
                 on('touchend', document, handleMouseUp);
                 on('mouseup', document, handleMouseUp);
                 on('touchmove', document, handleMouseMove);
@@ -368,6 +371,8 @@ export default defineComponent({
         function stopDragging() {
             if (draggingRef.value) {
                 draggingRef.value = false;
+                if (props.onDragend)
+                    call(props.onDragend);
                 off('touchend', document, handleMouseUp);
                 off('mouseup', document, handleMouseUp);
                 off('touchmove', document, handleMouseMove);
@@ -381,6 +386,8 @@ export default defineComponent({
                 return;
             }
             const pointValue = getPointValue(event);
+            if (pointValue === undefined)
+                return;
             doDispatchValue(sanitizeValue(pointValue, arrifiedValueRef.value[activeIndex]), activeIndex);
         }
         function handleMouseUp() {

package/es/slider/src/utils.d.ts

@@ -1,10 +1,10 @@
-import { type Ref, type ComponentPublicInstance } from 'vue';
+import { type ComponentPublicInstance } from 'vue';
 export declare function isTouchEvent(e: MouseEvent | TouchEvent): e is TouchEvent;
 type RefType = HTMLElement | ComponentPublicInstance;
 type RefKey = number;
 type RefsValue<T extends RefType> = Map<RefKey, T>;
 export declare function useRefs<T extends RefType>(): [
-    Ref<RefsValue<T>>,
+    RefsValue<T>,
     (key: RefKey) => (el: any) => void
 ];
 export {};

package/es/slider/src/utils.js

@@ -1,14 +1,14 @@
-import { ref, onBeforeUpdate } from 'vue';
+import { onBeforeUpdate } from 'vue';
 export function isTouchEvent(e) {
     return window.TouchEvent && e instanceof window.TouchEvent;
 }
 export function useRefs() {
-    const refs = ref(new Map());
+    const refs = new Map();
     const setRefs = (index) => (el) => {
-        refs.value.set(index, el);
+        refs.set(index, el);
     };
     onBeforeUpdate(() => {
-        refs.value.clear();
+        refs.clear();
     });
     return [refs, setRefs];
 }

package/es/space/src/Space.d.ts

@@ -18,6 +18,7 @@ export declare const spaceProps: {
         readonly type: BooleanConstructor;
         readonly default: true;
     };
+    readonly itemClass: StringConstructor;
     readonly itemStyle: PropType<string | CSSProperties>;
     readonly wrap: {
         readonly type: BooleanConstructor;
@@ -60,6 +61,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: BooleanConstructor;
         readonly default: true;
     };
+    readonly itemClass: StringConstructor;
     readonly itemStyle: PropType<string | CSSProperties>;
     readonly wrap: {
         readonly type: BooleanConstructor;
@@ -108,6 +110,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: BooleanConstructor;
         readonly default: true;
     };
+    readonly itemClass: StringConstructor;
     readonly itemStyle: PropType<string | CSSProperties>;
     readonly wrap: {
         readonly type: BooleanConstructor;

package/es/space/src/Space.js

@@ -14,7 +14,7 @@ export const spaceProps = Object.assign(Object.assign({}, useTheme.props), { ali
     }, wrapItem: {
         type: Boolean,
         default: true
-    }, itemStyle: [String, Object], wrap: {
+    }, itemClass: String, itemStyle: [String, Object], wrap: {
         type: Boolean,
         default: true
     }, 
@@ -58,7 +58,7 @@ export default defineComponent({
         };
     },
     render() {
-        const { vertical, align, inline, justify, itemStyle, margin, wrap, mergedClsPrefix, rtlEnabled, useGap, wrapItem, internalUseGap } = this;
+        const { vertical, align, inline, justify, itemClass, itemStyle, margin, wrap, mergedClsPrefix, rtlEnabled, useGap, wrapItem, internalUseGap } = this;
         const children = flatten(getSlot(this));
         if (!children.length)
             return null;
@@ -84,7 +84,7 @@ export default defineComponent({
                 gap: useGap ? `${margin.vertical}px ${margin.horizontal}px` : ''
             } }, !wrapItem && (useGap || internalUseGap)
             ? children
-            : children.map((child, index) => (h("div", { role: "none", style: [
+            : children.map((child, index) => (h("div", { role: "none", class: itemClass, style: [
                     itemStyle,
                     {
                         maxWidth: '100%'

package/es/spin/src/Spin.d.ts

@@ -1,6 +1,8 @@
-import { type PropType } from 'vue';
+import { type PropType, type CSSProperties } from 'vue';
 import { type ExtractPublicPropTypes } from '../../_utils';
 export declare const spinProps: {
+    contentClass: StringConstructor;
+    contentStyle: PropType<string | CSSProperties>;
     description: StringConstructor;
     stroke: StringConstructor;
     size: {
@@ -58,6 +60,8 @@ export declare const spinProps: {
 };
 export type SpinProps = ExtractPublicPropTypes<typeof spinProps>;
 declare const _default: import("vue").DefineComponent<{
+    contentClass: StringConstructor;
+    contentStyle: PropType<string | CSSProperties>;
     description: StringConstructor;
     stroke: StringConstructor;
     size: {
@@ -126,6 +130,8 @@ declare const _default: import("vue").DefineComponent<{
     themeClass: import("vue").Ref<string> | undefined;
     onRender: (() => void) | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    contentClass: StringConstructor;
+    contentStyle: PropType<string | CSSProperties>;
     description: StringConstructor;
     stroke: StringConstructor;
     size: {

package/es/spin/src/Spin.js

@@ -11,7 +11,7 @@ const STROKE_WIDTH = {
     medium: 18,
     large: 16
 };
-export const spinProps = Object.assign(Object.assign({}, useTheme.props), { description: String, stroke: String, size: {
+export const spinProps = Object.assign(Object.assign({}, useTheme.props), { contentClass: String, contentStyle: [Object, String], description: String, stroke: String, size: {
         type: [String, Number],
         default: 'medium'
     }, show: {
@@ -111,8 +111,9 @@ export default defineComponent({
         return $slots.default ? (h("div", { class: [`${mergedClsPrefix}-spin-container`, this.themeClass], style: this.cssVars },
             h("div", { class: [
                     `${mergedClsPrefix}-spin-content`,
-                    this.active && `${mergedClsPrefix}-spin-content--spinning`
-                ] }, $slots),
+                    this.active && `${mergedClsPrefix}-spin-content--spinning`,
+                    this.contentClass
+                ], style: this.contentStyle }, $slots),
             h(Transition, { name: "fade-in-transition" }, {
                 default: () => (this.active ? icon : null)
             }))) : (icon);

package/es/split/index.d.ts

@@ -0,0 +1,2 @@
+export { default as NSplit, splitProps } from './src/Split';
+export type { SplitProps } from './src/Split';

package/es/split/index.js

@@ -0,0 +1 @@
+export { default as NSplit, splitProps } from './src/Split';

package/es/split/src/Split.d.ts

@@ -0,0 +1,135 @@
+import { type PropType } from 'vue';
+import { type ExtractPublicPropTypes } from '../../_utils';
+export declare const splitProps: {
+    readonly direction: {
+        readonly type: PropType<"horizontal" | "vertical">;
+        readonly default: "horizontal";
+    };
+    readonly resizeTriggerSize: {
+        readonly type: NumberConstructor;
+        readonly default: 3;
+    };
+    readonly disabled: BooleanConstructor;
+    readonly defaultSize: {
+        readonly type: NumberConstructor;
+        readonly default: 0.5;
+    };
+    readonly min: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly max: {
+        readonly type: NumberConstructor;
+        readonly default: 1;
+    };
+    readonly onDragStart: PropType<(e: Event) => void>;
+    readonly onDragMove: PropType<(e: Event) => void>;
+    readonly onDragEnd: PropType<(e: Event) => void>;
+    readonly theme: PropType<import("../../_mixins").Theme<"Split", {
+        resizableTriggerColorHover: string;
+    }, any>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Split", {
+        resizableTriggerColorHover: string;
+    }, any>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Split", {
+        resizableTriggerColorHover: string;
+    }, any>>>;
+};
+export type SplitProps = ExtractPublicPropTypes<typeof splitProps>;
+declare const _default: import("vue").DefineComponent<{
+    readonly direction: {
+        readonly type: PropType<"horizontal" | "vertical">;
+        readonly default: "horizontal";
+    };
+    readonly resizeTriggerSize: {
+        readonly type: NumberConstructor;
+        readonly default: 3;
+    };
+    readonly disabled: BooleanConstructor;
+    readonly defaultSize: {
+        readonly type: NumberConstructor;
+        readonly default: 0.5;
+    };
+    readonly min: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly max: {
+        readonly type: NumberConstructor;
+        readonly default: 1;
+    };
+    readonly onDragStart: PropType<(e: Event) => void>;
+    readonly onDragMove: PropType<(e: Event) => void>;
+    readonly onDragEnd: PropType<(e: Event) => void>;
+    readonly theme: PropType<import("../../_mixins").Theme<"Split", {
+        resizableTriggerColorHover: string;
+    }, any>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Split", {
+        resizableTriggerColorHover: string;
+    }, any>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Split", {
+        resizableTriggerColorHover: string;
+    }, any>>>;
+}, {
+    cssVars: import("vue").ComputedRef<{
+        '--n-resize-trigger-color-hover': string;
+    }> | undefined;
+    resizeTriggerElRef: import("vue").Ref<HTMLElement | null>;
+    isDragging: import("vue").Ref<boolean>;
+    mergedClsPrefix: import("vue").Ref<string>;
+    resizeTriggerWrapperStyle: import("vue").ComputedRef<{
+        width: string;
+        height: string;
+        cursor: string;
+    }>;
+    resizeTriggerStyle: import("vue").ComputedRef<{
+        width: string;
+        height: string;
+    }>;
+    handleMouseDown: (e: MouseEvent) => void;
+    firstPaneStyle: import("vue").ComputedRef<{
+        flex: string;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly direction: {
+        readonly type: PropType<"horizontal" | "vertical">;
+        readonly default: "horizontal";
+    };
+    readonly resizeTriggerSize: {
+        readonly type: NumberConstructor;
+        readonly default: 3;
+    };
+    readonly disabled: BooleanConstructor;
+    readonly defaultSize: {
+        readonly type: NumberConstructor;
+        readonly default: 0.5;
+    };
+    readonly min: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly max: {
+        readonly type: NumberConstructor;
+        readonly default: 1;
+    };
+    readonly onDragStart: PropType<(e: Event) => void>;
+    readonly onDragMove: PropType<(e: Event) => void>;
+    readonly onDragEnd: PropType<(e: Event) => void>;
+    readonly theme: PropType<import("../../_mixins").Theme<"Split", {
+        resizableTriggerColorHover: string;
+    }, any>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Split", {
+        resizableTriggerColorHover: string;
+    }, any>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Split", {
+        resizableTriggerColorHover: string;
+    }, any>>>;
+}>>, {
+    readonly direction: "horizontal" | "vertical";
+    readonly disabled: boolean;
+    readonly max: number;
+    readonly min: number;
+    readonly defaultSize: number;
+    readonly resizeTriggerSize: number;
+}, {}>;
+export default _default;