naive-ui 2.35.0 → 2.36.0

package/es/split/src/Split.js

@@ -0,0 +1,145 @@
+import { h, defineComponent, ref, computed } from 'vue';
+import { resolveSlot } from '../../_utils';
+import useConfig from '../../_mixins/use-config';
+import style from './styles/index.cssr';
+import { useTheme } from '../../_mixins';
+import { splitLight } from '../styles';
+import { off, on } from 'evtd';
+export const splitProps = Object.assign(Object.assign({}, useTheme.props), { direction: {
+        type: String,
+        default: 'horizontal'
+    }, resizeTriggerSize: {
+        type: Number,
+        default: 3
+    }, disabled: Boolean, defaultSize: {
+        type: Number,
+        default: 0.5
+    }, min: {
+        type: Number,
+        default: 0
+    }, max: {
+        type: Number,
+        default: 1
+    }, onDragStart: Function, onDragMove: Function, onDragEnd: Function });
+export default defineComponent({
+    name: 'Split',
+    props: splitProps,
+    setup(props) {
+        const { mergedClsPrefixRef, inlineThemeDisabled } = useConfig(props);
+        const themeRef = useTheme('Split', '-split', style, splitLight, props, mergedClsPrefixRef);
+        const cssVarsRef = computed(() => {
+            const { self: { resizableTriggerColorHover } } = themeRef.value;
+            return {
+                '--n-resize-trigger-color-hover': resizableTriggerColorHover
+            };
+        });
+        const resizeTriggerElRef = ref(null);
+        const isDraggingRef = ref(false);
+        const currentSize = ref(props.defaultSize);
+        const firstPaneStyle = computed(() => {
+            const size = currentSize.value * 100;
+            return {
+                flex: `0 0 calc(${size}% - ${(props.resizeTriggerSize * size) / 100}px)`
+            };
+        });
+        const resizeTriggerStyle = computed(() => {
+            return props.direction === 'horizontal'
+                ? {
+                    width: `${props.resizeTriggerSize}px`,
+                    height: '100%'
+                }
+                : {
+                    width: '100%',
+                    height: `${props.resizeTriggerSize}px`
+                };
+        });
+        const resizeTriggerWrapperStyle = computed(() => {
+            const horizontal = props.direction === 'horizontal';
+            return {
+                width: horizontal ? `${props.resizeTriggerSize}px` : '',
+                height: horizontal ? '' : `${props.resizeTriggerSize}px`,
+                cursor: props.direction === 'horizontal' ? 'col-resize' : 'row-resize'
+            };
+        });
+        let offset = 0;
+        const handleMouseDown = (e) => {
+            e.preventDefault();
+            isDraggingRef.value = true;
+            if (props.onDragStart)
+                props.onDragStart(e);
+            const mouseMoveEvent = 'mousemove';
+            const mouseUpEvent = 'mouseup';
+            const onMouseMove = (e) => {
+                updateSize(e);
+                if (props.onDragMove)
+                    props.onDragMove(e);
+            };
+            const onMouseUp = () => {
+                off(mouseMoveEvent, document, onMouseMove);
+                off(mouseUpEvent, document, onMouseUp);
+                isDraggingRef.value = false;
+                if (props.onDragEnd)
+                    props.onDragEnd(e);
+                document.body.style.cursor = '';
+            };
+            document.body.style.cursor = resizeTriggerWrapperStyle.value.cursor;
+            on(mouseMoveEvent, document, onMouseMove);
+            on(mouseUpEvent, document, onMouseUp);
+            const resizeTriggerEl = resizeTriggerElRef.value;
+            if (resizeTriggerEl) {
+                const elRect = resizeTriggerEl.getBoundingClientRect();
+                if (props.direction === 'horizontal') {
+                    offset = e.clientX - elRect.left;
+                }
+                else {
+                    offset = elRect.top - e.clientY;
+                }
+            }
+            updateSize(e);
+        };
+        const updateSize = (event) => {
+            var _a, _b;
+            const parentRect = (_b = (_a = resizeTriggerElRef.value) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect();
+            if (!parentRect)
+                return;
+            const newSize = props.direction === 'horizontal'
+                ? (event.clientX - parentRect.left - offset) /
+                    (parentRect.width - props.resizeTriggerSize)
+                : (event.clientY - parentRect.top + offset) /
+                    (parentRect.height - props.resizeTriggerSize);
+            currentSize.value = newSize;
+            if (props.min) {
+                currentSize.value = Math.max(newSize, props.min);
+            }
+            if (props.max) {
+                currentSize.value = Math.min(currentSize.value, props.max);
+            }
+        };
+        return {
+            cssVars: inlineThemeDisabled ? undefined : cssVarsRef,
+            resizeTriggerElRef,
+            isDragging: isDraggingRef,
+            mergedClsPrefix: mergedClsPrefixRef,
+            resizeTriggerWrapperStyle,
+            resizeTriggerStyle,
+            handleMouseDown,
+            firstPaneStyle
+        };
+    },
+    render() {
+        var _a, _b, _c, _d;
+        return (h("div", { class: [
+                `${this.mergedClsPrefix}-split`,
+                `${this.mergedClsPrefix}-split--${this.direction}`
+            ], style: this.cssVars },
+            h("div", { class: `${this.mergedClsPrefix}-split-pane-1`, style: this.firstPaneStyle }, (_b = (_a = this.$slots)[1]) === null || _b === void 0 ? void 0 : _b.call(_a)),
+            !this.disabled && (h("div", { ref: "resizeTriggerElRef", class: `${this.mergedClsPrefix}-split__resize-trigger-wrapper`, style: this.resizeTriggerWrapperStyle, onMousedown: this.handleMouseDown }, resolveSlot(this.$slots['resize-trigger'], () => [
+                h("div", { style: this.resizeTriggerStyle, class: [
+                        `${this.mergedClsPrefix}-split__resize-trigger`,
+                        this.isDragging &&
+                            `${this.mergedClsPrefix}-split__resize-trigger--hover`
+                    ] })
+            ]))),
+            h("div", { class: `${this.mergedClsPrefix}-split-pane-2` }, (_d = (_c = this.$slots)[2]) === null || _d === void 0 ? void 0 : _d.call(_c))));
+    }
+});

package/es/split/src/styles/index.cssr.d.ts

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

package/es/split/src/styles/index.cssr.js

@@ -0,0 +1,25 @@
+import { c, cB, cM, cE } from '../../../_utils/cssr';
+// vars:
+// --n-border-color
+// --n-color
+export default cB('split', `
+ display: flex;
+ width: 100%;
+ height: 100%;
+`, [cM('horizontal', `
+ flex-direction: row;
+ `), cM('vertical', `
+ flex-direction: column;
+ `), cB('split-pane-1', `
+ overflow: hidden;
+ `), cB('split-pane-2', `
+ overflow: hidden;
+ flex: 1;
+ `), cE('resize-trigger', `
+ background-color: var(--n-border-color);
+ transition: background-color .3s var(--n-bezier);
+ `, [cM('hover', `
+ background-color: var(--n-resize-trigger-color-hover);
+ `), c('&:hover', `
+ background-color: var(--n-resize-trigger-color-hover);
+ `)])]);

package/es/split/styles/dark.d.ts

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

package/es/split/styles/dark.js

@@ -0,0 +1,6 @@
+import { commonDark } from '../../_styles/common';
+const splitDark = {
+    name: 'Split',
+    common: commonDark
+};
+export default splitDark;

package/es/split/styles/index.d.ts

@@ -0,0 +1,3 @@
+export { default as splitDark } from './dark';
+export { default as splitLight } from './light';
+export type { SplitTheme, SplitThemeVars } from './light';

package/es/split/styles/index.js

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

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

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

package/es/split/styles/light.js

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

package/es/steps/src/Steps.d.ts

@@ -369,8 +369,8 @@ declare const _default: import("vue").DefineComponent<{
         indicatorIconSizeMedium: string;
     }, any>>>;
 }>>, {
+    status: "wait" | "error" | "finish" | "process";
     size: "small" | "medium";
     vertical: boolean;
-    status: "wait" | "error" | "finish" | "process";
 }, {}>;
 export default _default;

package/es/tabs/src/Tab.js

@@ -75,7 +75,9 @@ export default defineComponent({
                 onClick: trigger === 'click' ? this.activateTab : undefined,
                 onMouseenter: trigger === 'hover' ? this.activateTab : undefined,
                 style: internalAddable ? undefined : style
-            }, this.internalCreatedByPane
+            }, 
+            // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+            this.internalCreatedByPane
                 ? (this.tabProps || {})
                 : this.$attrs)),
                 h("span", { class: `${clsPrefix}-tabs-tab__label` }, internalAddable ? (h(Fragment, null,

package/es/tabs/src/Tabs.d.ts

@@ -21,7 +21,7 @@ export declare const tabsProps: {
         readonly default: "medium";
     };
     readonly placement: {
-        readonly type: PropType<"left" | "right" | "bottom" | "top">;
+        readonly type: PropType<"left" | "right" | "top" | "bottom">;
         readonly default: "top";
     };
     readonly tabStyle: PropType<string | CSSProperties>;
@@ -337,7 +337,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "medium";
     };
     readonly placement: {
-        readonly type: PropType<"left" | "right" | "bottom" | "top">;
+        readonly type: PropType<"left" | "right" | "top" | "bottom">;
         readonly default: "top";
     };
     readonly tabStyle: PropType<string | CSSProperties>;
@@ -680,7 +680,7 @@ declare const _default: import("vue").DefineComponent<{
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {}) | null>;
+    } & Omit<{}, never> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {}) | null>;
     scrollWrapperElRef: import("vue").Ref<HTMLElement | null>;
     addTabFixed: import("vue").Ref<boolean>;
     tabWrapperStyle: import("vue").ComputedRef<{
@@ -726,7 +726,7 @@ declare const _default: import("vue").DefineComponent<{
         '--n-tab-color-segment': string;
     }> | undefined;
     themeClass: import("vue").Ref<string> | undefined;
-    animationDirection: import("vue").Ref<"prev" | "next">;
+    animationDirection: import("vue").Ref<"next" | "prev">;
     renderNameListRef: {
         value: Array<string | number>;
     };
@@ -752,7 +752,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "medium";
     };
     readonly placement: {
-        readonly type: PropType<"left" | "right" | "bottom" | "top">;
+        readonly type: PropType<"left" | "right" | "top" | "bottom">;
         readonly default: "top";
     };
     readonly tabStyle: PropType<string | CSSProperties>;
@@ -1052,7 +1052,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly type: TabsType;
     readonly size: "small" | "medium" | "large";
     readonly closable: boolean;
-    readonly placement: "left" | "right" | "bottom" | "top";
+    readonly placement: "left" | "right" | "top" | "bottom";
     readonly trigger: "click" | "hover";
     readonly animated: boolean;
     readonly tabsPadding: number;

package/es/tabs/src/Tabs.js

@@ -295,7 +295,7 @@ export default defineComponent({
                 }
             }
             if (type !== 'segment') {
-                deriveScrollShadow((_b = xScrollInstRef.value) === null || _b === void 0 ? void 0 : _b.$el);
+                deriveScrollShadow(((_b = xScrollInstRef.value) === null || _b === void 0 ? void 0 : _b.$el) || null);
             }
         }
         const handleNavResize = throttle(_handleNavResize, 64);
@@ -326,7 +326,7 @@ export default defineComponent({
                     addTabFixedRef.value = false;
                 }
             }
-            deriveScrollShadow((_a = xScrollInstRef.value) === null || _a === void 0 ? void 0 : _a.$el);
+            deriveScrollShadow(((_a = xScrollInstRef.value) === null || _a === void 0 ? void 0 : _a.$el) || null);
         }
         const handleTabsResize = throttle(_handleTabsResize, 64);
         function handleAdd() {

package/es/tabs/src/styles/index.cssr.js

@@ -124,7 +124,9 @@ export default cB('tabs', `
  box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, .12);
  `)]), cM('shadow-end', [c('&::after', `
  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, .12);
- `)])])]), cM('left, right', [cB('tabs-nav-scroll-wrapper', [c('&::before', `
+ `)])])]), cM('left, right', [cB('tabs-nav-scroll-content', `
+ flex-direction: column;
+ `), cB('tabs-nav-scroll-wrapper', [c('&::before', `
  top: 0;
  left: 0;
  right: 0;
@@ -160,6 +162,7 @@ export default cB('tabs', `
  display: flex;
  position: relative;
  min-width: 100%;
+ min-height: 100%;
  width: fit-content;
  box-sizing: border-box;
  `), cB('tabs-wrapper', `
@@ -293,7 +296,6 @@ export default cB('tabs', `
  `), cB('tabs-pad', `
  flex-grow: 1;
  transition: border-color .3s var(--n-bezier);
- border-bottom: 1px solid var(--n-tab-border-color);
  `), cB('tabs-tab-pad', `
  transition: border-color .3s var(--n-bezier);
  `), cB('tabs-tab', `
@@ -334,6 +336,8 @@ export default cB('tabs', `
  border-bottom: 1px solid #0000;
  `)]), cB('tabs-tab-pad', `
  border-bottom: 1px solid var(--n-tab-border-color);
+ `), cB('tabs-pad', `
+ border-bottom: 1px solid var(--n-tab-border-color);
  `)])]), cM('left', [cM('card-type', [cB('tabs-tab', `
  border-top-left-radius: var(--n-tab-border-radius);
  border-bottom-left-radius: var(--n-tab-border-radius);
@@ -341,6 +345,8 @@ export default cB('tabs', `
  border-right: 1px solid #0000;
  `)]), cB('tabs-tab-pad', `
  border-right: 1px solid var(--n-tab-border-color);
+ `), cB('tabs-pad', `
+ border-right: 1px solid var(--n-tab-border-color);
  `)])]), cM('right', [cM('card-type', [cB('tabs-tab', `
  border-top-right-radius: var(--n-tab-border-radius);
  border-bottom-right-radius: var(--n-tab-border-radius);
@@ -348,6 +354,8 @@ export default cB('tabs', `
  border-left: 1px solid #0000;
  `)]), cB('tabs-tab-pad', `
  border-left: 1px solid var(--n-tab-border-color);
+ `), cB('tabs-pad', `
+ border-left: 1px solid var(--n-tab-border-color);
  `)])]), cM('bottom', [cM('card-type', [cB('tabs-tab', `
  border-bottom-left-radius: var(--n-tab-border-radius);
  border-bottom-right-radius: var(--n-tab-border-radius);
@@ -355,4 +363,6 @@ export default cB('tabs', `
  border-top: 1px solid #0000;
  `)]), cB('tabs-tab-pad', `
  border-top: 1px solid var(--n-tab-border-color);
+ `), cB('tabs-pad', `
+ border-top: 1px solid var(--n-tab-border-color);
  `)])])])]);

package/es/theme-editor/src/ThemeEditor.d.ts

@@ -117,8 +117,8 @@ declare const _default: import("vue").DefineComponent<{}, {
     }>;
     theme: import("vue").ComputedRef<GlobalThemeOverrides>;
     showPanel: import("vue").Ref<boolean>;
-    tempOverrides: any;
-    overrides: any;
+    tempOverrides: import("vue").Ref<any>;
+    overrides: import("vue").Ref<any>;
     compNamePattern: import("vue").Ref<string>;
     tempCompNamePattern: import("vue").Ref<string>;
     varNamePattern: import("vue").Ref<string>;

package/es/themes/dark.js

@@ -54,6 +54,7 @@ import { popconfirmDark } from '../popconfirm/styles';
 import { popoverDark } from '../popover/styles';
 import { popselectDark } from '../popselect/styles';
 import { progressDark } from '../progress/styles';
+import { qrcodeDark } from '../qr-code/styles';
 import { radioDark } from '../radio/styles';
 import { rateDark } from '../rate/styles';
 import { resultDark } from '../result/styles';
@@ -80,6 +81,7 @@ import { typographyDark } from '../typography/styles';
 import { treeDark } from '../tree/styles';
 import { uploadDark } from '../upload/styles';
 import { watermarkDark } from '../watermark/styles';
+import { splitDark } from '../split/styles';
 export const darkTheme = {
     name: 'dark',
     common: commonDark,
@@ -138,6 +140,7 @@ export const darkTheme = {
     Popover: popoverDark,
     Popselect: popselectDark,
     Progress: progressDark,
+    QrCode: qrcodeDark,
     Radio: radioDark,
     Rate: rateDark,
     Result: resultDark,
@@ -163,5 +166,6 @@ export const darkTheme = {
     TreeSelect: treeSelectDark,
     Typography: typographyDark,
     Upload: uploadDark,
-    Watermark: watermarkDark
+    Watermark: watermarkDark,
+    Split: splitDark
 };

package/es/themes/light.js

@@ -56,6 +56,7 @@ import { popconfirmLight } from '../popconfirm/styles';
 import { popoverLight } from '../popover/styles';
 import { popselectLight } from '../popselect/styles';
 import { progressLight } from '../progress/styles';
+import { qrcodeLight } from '../qr-code/styles';
 import { radioLight } from '../radio/styles';
 import { rateLight } from '../rate/styles';
 import { resultLight } from '../result/styles';
@@ -82,6 +83,7 @@ import { treeLight } from '../tree/styles';
 import { treeSelectLight } from '../tree-select/styles';
 import { uploadLight } from '../upload/styles';
 import { watermarkLight } from '../watermark/styles';
+import { splitLight } from '../split/styles';
 export const lightTheme = {
     name: 'light',
     common: commonLight,
@@ -140,6 +142,7 @@ export const lightTheme = {
     Popover: popoverLight,
     Popselect: popselectLight,
     Progress: progressLight,
+    QrCode: qrcodeLight,
     Radio: radioLight,
     Rate: rateLight,
     Row: rowLight,
@@ -165,5 +168,6 @@ export const lightTheme = {
     TreeSelect: treeSelectLight,
     Typography: typographyLight,
     Upload: uploadLight,
-    Watermark: watermarkLight
+    Watermark: watermarkLight,
+    Split: splitLight
 };

package/es/thing/src/Thing.d.ts

@@ -4,8 +4,10 @@ export declare const thingProps: {
     title: StringConstructor;
     titleExtra: StringConstructor;
     description: StringConstructor;
+    descriptionClass: StringConstructor;
     descriptionStyle: PropType<string | CSSProperties>;
     content: StringConstructor;
+    contentClass: StringConstructor;
     contentStyle: PropType<string | CSSProperties>;
     contentIndented: BooleanConstructor;
     theme: PropType<import("../../_mixins").Theme<"Thing", {
@@ -32,8 +34,10 @@ declare const _default: import("vue").DefineComponent<{
     title: StringConstructor;
     titleExtra: StringConstructor;
     description: StringConstructor;
+    descriptionClass: StringConstructor;
     descriptionStyle: PropType<string | CSSProperties>;
     content: StringConstructor;
+    contentClass: StringConstructor;
     contentStyle: PropType<string | CSSProperties>;
     contentIndented: BooleanConstructor;
     theme: PropType<import("../../_mixins").Theme<"Thing", {
@@ -58,8 +62,10 @@ declare const _default: import("vue").DefineComponent<{
     title: StringConstructor;
     titleExtra: StringConstructor;
     description: StringConstructor;
+    descriptionClass: StringConstructor;
     descriptionStyle: PropType<string | CSSProperties>;
     content: StringConstructor;
+    contentClass: StringConstructor;
     contentStyle: PropType<string | CSSProperties>;
     contentIndented: BooleanConstructor;
     theme: PropType<import("../../_mixins").Theme<"Thing", {

package/es/thing/src/Thing.js

@@ -2,7 +2,7 @@ import { h, defineComponent, computed, Fragment } from 'vue';
 import { useConfig, useTheme, useThemeClass, useRtl } from '../../_mixins';
 import { thingLight } from '../styles';
 import style from './styles/index.cssr';
-export const thingProps = Object.assign(Object.assign({}, useTheme.props), { title: String, titleExtra: String, description: String, descriptionStyle: [String, Object], content: String, contentStyle: [String, Object], contentIndented: Boolean });
+export const thingProps = Object.assign(Object.assign({}, useTheme.props), { title: String, titleExtra: String, description: String, descriptionClass: String, descriptionStyle: [String, Object], content: String, contentClass: String, contentStyle: [String, Object], contentIndented: Boolean });
 export default defineComponent({
     name: 'Thing',
     props: thingProps,
@@ -53,7 +53,10 @@ export default defineComponent({
                                 slots['header-extra'] || props.titleExtra ? (h("div", { class: `${mergedClsPrefix}-thing-header__extra` }, slots['header-extra']
                                     ? slots['header-extra']()
                                     : props.titleExtra)) : null),
-                            slots.description || props.description ? (h("div", { class: `${mergedClsPrefix}-thing-main__description`, style: props.descriptionStyle }, slots.description
+                            slots.description || props.description ? (h("div", { class: [
+                                    `${mergedClsPrefix}-thing-main__description`,
+                                    props.descriptionClass
+                                ], style: props.descriptionStyle }, slots.description
                                 ? slots.description()
                                 : props.description)) : null)) : null)) : (h(Fragment, null,
                         slots.header ||
@@ -64,10 +67,16 @@ export default defineComponent({
                             slots['header-extra'] || props.titleExtra ? (h("div", { class: `${mergedClsPrefix}-thing-header__extra` }, slots['header-extra']
                                 ? slots['header-extra']()
                                 : props.titleExtra)) : null)) : null,
-                        slots.description || props.description ? (h("div", { class: `${mergedClsPrefix}-thing-main__description`, style: props.descriptionStyle }, slots.description
+                        slots.description || props.description ? (h("div", { class: [
+                                `${mergedClsPrefix}-thing-main__description`,
+                                props.descriptionClass
+                            ], style: props.descriptionStyle }, slots.description
                             ? slots.description()
                             : props.description)) : null)),
-                    slots.default || props.content ? (h("div", { class: `${mergedClsPrefix}-thing-main__content`, style: props.contentStyle }, slots.default ? slots.default() : props.content)) : null,
+                    slots.default || props.content ? (h("div", { class: [
+                            `${mergedClsPrefix}-thing-main__content`,
+                            props.contentClass
+                        ], style: props.contentStyle }, slots.default ? slots.default() : props.content)) : null,
                     slots.footer ? (h("div", { class: `${mergedClsPrefix}-thing-main__footer` }, slots.footer())) : null,
                     slots.action ? (h("div", { class: `${mergedClsPrefix}-thing-main__action` }, slots.action())) : null)));
         };

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

@@ -103,7 +103,10 @@ export declare const tooltipProps: {
         type: import("vue").PropType<"show" | "if">;
         default: string;
     };
+    arrowClass: StringConstructor;
     arrowStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    arrowWrapperClass: StringConstructor;
+    arrowWrapperStyle: import("vue").PropType<string | import("vue").CSSProperties>;
     flip: {
         type: BooleanConstructor;
         default: boolean;
@@ -127,8 +130,11 @@ export declare const tooltipProps: {
         default: undefined;
     };
     scrollable: BooleanConstructor;
+    contentClass: StringConstructor;
     contentStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    headerClass: StringConstructor;
     headerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    footerClass: StringConstructor;
     footerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
     onClickoutside: import("vue").PropType<(e: MouseEvent) => void>;
     'onUpdate:show': import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
@@ -256,7 +262,10 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<"show" | "if">;
         default: string;
     };
+    arrowClass: StringConstructor;
     arrowStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    arrowWrapperClass: StringConstructor;
+    arrowWrapperStyle: import("vue").PropType<string | import("vue").CSSProperties>;
     flip: {
         type: BooleanConstructor;
         default: boolean;
@@ -280,8 +289,11 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     scrollable: BooleanConstructor;
+    contentClass: StringConstructor;
     contentStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    headerClass: StringConstructor;
     headerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    footerClass: StringConstructor;
     footerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
     onClickoutside: import("vue").PropType<(e: MouseEvent) => void>;
     'onUpdate:show': import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
@@ -558,7 +570,10 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<"show" | "if">;
         default: string;
     };
+    arrowClass: StringConstructor;
     arrowStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    arrowWrapperClass: StringConstructor;
+    arrowWrapperStyle: import("vue").PropType<string | import("vue").CSSProperties>;
     flip: {
         type: BooleanConstructor;
         default: boolean;
@@ -582,8 +597,11 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     scrollable: BooleanConstructor;
+    contentClass: StringConstructor;
     contentStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    headerClass: StringConstructor;
     headerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    footerClass: StringConstructor;
     footerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
     onClickoutside: import("vue").PropType<(e: MouseEvent) => void>;
     'onUpdate:show': import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;

package/es/tree/index.d.ts

@@ -1,3 +1,4 @@
 export { default as NTree, treeProps } from './src/Tree';
 export type { TreeProps } from './src/Tree';
 export type { TreeOption, TreeDragInfo, TreeDropInfo, TreeInst } from './src/interface';
+export { treeGetClickTarget } from './src/utils';

package/es/tree/index.js

@@ -1 +1,2 @@
 export { default as NTree, treeProps } from './src/Tree';
+export { treeGetClickTarget } from './src/utils';