naive-ui 2.25.6 → 2.26.0

package/es/dropdown/src/Dropdown.d.ts

@@ -287,6 +287,7 @@ declare const dropdownProps: {
     readonly raw: BooleanConstructor;
     readonly x: NumberConstructor;
     readonly y: NumberConstructor;
+    readonly arrowPointToCenter: BooleanConstructor;
     readonly disabled: BooleanConstructor;
     readonly getDisabled: PropType<() => boolean>;
     readonly displayDirective: {
@@ -604,6 +605,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly raw: BooleanConstructor;
     readonly x: NumberConstructor;
     readonly y: NumberConstructor;
+    readonly arrowPointToCenter: BooleanConstructor;
     readonly disabled: BooleanConstructor;
     readonly getDisabled: PropType<() => boolean>;
     readonly displayDirective: {
@@ -1110,6 +1112,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly raw: BooleanConstructor;
     readonly x: NumberConstructor;
     readonly y: NumberConstructor;
+    readonly arrowPointToCenter: BooleanConstructor;
     readonly disabled: BooleanConstructor;
     readonly getDisabled: PropType<() => boolean>;
     readonly displayDirective: {
@@ -1172,6 +1175,7 @@ declare const _default: import("vue").DefineComponent<{
     trigger: import("../../popover").PopoverTrigger;
     showArrow: boolean;
     delay: number;
+    arrowPointToCenter: boolean;
     displayDirective: "show" | "if";
     keepAliveOnHover: boolean;
     internalTrapFocus: boolean;

package/es/message/src/Message.d.ts

@@ -21,7 +21,30 @@ declare const _default: import("vue").DefineComponent<{
     mergedClsPrefix: import("vue").Ref<string>;
     messageProviderProps: import("./MessageProvider").MessageProviderSetupProps;
     handleClose(): void;
-    cssVars: false | undefined;
+    cssVars: import("vue").ComputedRef<{
+        '--n-bezier': string;
+        '--n-margin': string;
+        '--n-padding': string;
+        '--n-max-width': string;
+        '--n-font-size': string;
+        '--n-icon-margin': string;
+        '--n-icon-size': string;
+        '--n-close-size': string;
+        '--n-close-margin': string;
+        '--n-text-color': string;
+        '--n-color': string;
+        '--n-box-shadow': string;
+        '--n-icon-color-info': string;
+        '--n-icon-color-success': string;
+        '--n-icon-color-warning': string;
+        '--n-icon-color-error': string;
+        '--n-icon-color-loading': string;
+        '--n-close-color': string;
+        '--n-close-color-pressed': string;
+        '--n-close-color-hover': string;
+        '--n-line-height': string;
+        '--n-border-radius': string;
+    }> | undefined;
     themeClass: import("vue").Ref<string> | undefined;
     onRender: (() => void) | undefined;
     placement: "bottom" | "top" | "top-left" | "top-right" | "bottom-left" | "bottom-right";

package/es/message/src/Message.js

@@ -61,7 +61,7 @@ export default defineComponent({
                 var _a;
                 (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
             },
-            cssVars: inlineThemeDisabled ? undefined : inlineThemeDisabled,
+            cssVars: inlineThemeDisabled ? undefined : cssVarsRef,
             themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
             onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender,
             placement: messageProviderProps.placement

package/es/popconfirm/src/Popconfirm.d.ts

@@ -38,6 +38,7 @@ declare const popconfirmProps: {
     };
     x: NumberConstructor;
     y: NumberConstructor;
+    arrowPointToCenter: BooleanConstructor;
     disabled: BooleanConstructor;
     getDisabled: PropType<() => boolean>;
     displayDirective: {
@@ -800,6 +801,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     x: NumberConstructor;
     y: NumberConstructor;
+    arrowPointToCenter: BooleanConstructor;
     disabled: BooleanConstructor;
     getDisabled: PropType<() => boolean>;
     displayDirective: {
@@ -1908,6 +1910,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     x: NumberConstructor;
     y: NumberConstructor;
+    arrowPointToCenter: BooleanConstructor;
     disabled: BooleanConstructor;
     getDisabled: PropType<() => boolean>;
     displayDirective: {
@@ -2644,6 +2647,7 @@ declare const _default: import("vue").DefineComponent<{
     trigger: PopoverTrigger;
     showArrow: boolean;
     delay: number;
+    arrowPointToCenter: boolean;
     displayDirective: "show" | "if";
     keepAliveOnHover: boolean;
     internalTrapFocus: boolean;

package/es/popover/src/Popover.d.ts

@@ -56,6 +56,7 @@ export declare const popoverBaseProps: {
     };
     x: NumberConstructor;
     y: NumberConstructor;
+    arrowPointToCenter: BooleanConstructor;
     disabled: BooleanConstructor;
     getDisabled: PropType<() => boolean>;
     displayDirective: {
@@ -142,6 +143,7 @@ declare const popoverProps: {
     };
     x: NumberConstructor;
     y: NumberConstructor;
+    arrowPointToCenter: BooleanConstructor;
     disabled: BooleanConstructor;
     getDisabled: PropType<() => boolean>;
     displayDirective: {
@@ -272,6 +274,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     x: NumberConstructor;
     y: NumberConstructor;
+    arrowPointToCenter: BooleanConstructor;
     disabled: BooleanConstructor;
     getDisabled: PropType<() => boolean>;
     displayDirective: {
@@ -415,6 +418,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     x: NumberConstructor;
     y: NumberConstructor;
+    arrowPointToCenter: BooleanConstructor;
     disabled: BooleanConstructor;
     getDisabled: PropType<() => boolean>;
     displayDirective: {
@@ -525,6 +529,7 @@ declare const _default: import("vue").DefineComponent<{
     trigger: PopoverTrigger;
     showArrow: boolean;
     delay: number;
+    arrowPointToCenter: boolean;
     displayDirective: "show" | "if";
     keepAliveOnHover: boolean;
     internalTrapFocus: boolean;

package/es/popover/src/Popover.js

@@ -62,6 +62,7 @@ export const popoverBaseProps = {
     },
     x: Number,
     y: Number,
+    arrowPointToCenter: Boolean,
     disabled: Boolean,
     getDisabled: Function,
     displayDirective: {

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

@@ -1,4 +1,4 @@
-import { map } from 'lodash';
+import { map } from 'lodash-es';
 import { c, cB, cM, cNotM, cE, cCB } from '../../../_utils/cssr';
 const oppositePlacement = {
   top: 'bottom',
@@ -71,44 +71,44 @@ c('&.popover-transition-enter-from, &.popover-transition-leave-to', `
  background-color: var(--n-color);
  pointer-events: all;
  `)])]), placementStyle('top-start', `
- top: calc(${arrowSize} / -2);
+ top: calc(${arrowSize} / -2 + 1px);
  left: calc(${getArrowOffset('top-start')} - var(--v-offset-left));
  `), placementStyle('top', `
- top: calc(${arrowSize} / -2);
+ top: calc(${arrowSize} / -2 + 1px);
  transform: translateX(calc(${arrowSize} / -2)) rotate(45deg);
  left: 50%;
  `), placementStyle('top-end', `
- top: calc(${arrowSize} / -2);
+ top: calc(${arrowSize} / -2 + 1px);
  right: calc(${getArrowOffset('top-end')} + var(--v-offset-left));
  `), placementStyle('bottom-start', `
- bottom: calc(${arrowSize} / -2);
+ bottom: calc(${arrowSize} / -2 + 1px);
  left: calc(${getArrowOffset('bottom-start')} - var(--v-offset-left));
  `), placementStyle('bottom', `
- bottom: calc(${arrowSize} / -2);
+ bottom: calc(${arrowSize} / -2 + 1px);
  transform: translateX(calc(${arrowSize} / -2)) rotate(45deg);
  left: 50%;
  `), placementStyle('bottom-end', `
- bottom: calc(${arrowSize} / -2);
+ bottom: calc(${arrowSize} / -2 + 1px);
  right: calc(${getArrowOffset('bottom-end')} + var(--v-offset-left));
  `), placementStyle('left-start', `
- left: calc(${arrowSize} / -2);
+ left: calc(${arrowSize} / -2 + 1px);
  top: calc(${getArrowOffset('left-start')} - var(--v-offset-top));
  `), placementStyle('left', `
- left: calc(${arrowSize} / -2);
+ left: calc(${arrowSize} / -2 + 1px);
  transform: translateY(calc(${arrowSize} / -2)) rotate(45deg);
  top: 50%;
  `), placementStyle('left-end', `
- left: calc(${arrowSize} / -2);
+ left: calc(${arrowSize} / -2 + 1px);
  bottom: calc(${getArrowOffset('left-end')} + var(--v-offset-top));
  `), placementStyle('right-start', `
- right: calc(${arrowSize} / -2);
+ right: calc(${arrowSize} / -2 + 1px);
  top: calc(${getArrowOffset('right-start')} - var(--v-offset-top));
  `), placementStyle('right', `
- right: calc(${arrowSize} / -2);
+ right: calc(${arrowSize} / -2 + 1px);
  transform: translateY(calc(${arrowSize} / -2)) rotate(45deg);
  top: 50%;
  `), placementStyle('right-end', `
- right: calc(${arrowSize} / -2);
+ right: calc(${arrowSize} / -2 + 1px);
  bottom: calc(${getArrowOffset('right-end')} + var(--v-offset-top));
  `), ...map({
   top: ['right-start', 'left-start'],
@@ -145,7 +145,7 @@ function placementStyle(placement, arrowStyleLiteral) {
  left: 0;
  top: 0;
  bottom: 0;
- ${position}: 100%;
+ ${position}: calc(100% - 1px);
  ${oppositePlacement[position]}: auto;
  ${sizeStyle}
  `, [cB('popover-arrow', arrowStyleLiteral)])])]);

package/es/popselect/src/Popselect.d.ts

@@ -64,6 +64,7 @@ declare const popselectProps: {
         type: NumberConstructor;
         default: number;
     };
+    arrowPointToCenter: BooleanConstructor;
     displayDirective: {
         type: PropType<"show" | "if">;
         default: string;
@@ -362,6 +363,7 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    arrowPointToCenter: BooleanConstructor;
     displayDirective: {
         type: PropType<"show" | "if">;
         default: string;
@@ -865,6 +867,7 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    arrowPointToCenter: BooleanConstructor;
     displayDirective: {
         type: PropType<"show" | "if">;
         default: string;
@@ -1115,6 +1118,7 @@ declare const _default: import("vue").DefineComponent<{
     scrollable: boolean;
     trigger: PopoverTrigger;
     delay: number;
+    arrowPointToCenter: boolean;
     displayDirective: "show" | "if";
     keepAliveOnHover: boolean;
     internalTrapFocus: boolean;

package/es/theme-editor/src/ThemeEditor.js

@@ -151,7 +151,7 @@ export default defineComponent({
             default: () => {
                 var _a, _b;
                 return [
-                    h(NPopover, { trigger: "manual", show: this.showPanel, displayDirective: "show", placement: "top-end", style: {
+                    h(NPopover, { arrowPointToCenter: true, trigger: "manual", show: this.showPanel, displayDirective: "show", placement: "top-end", style: {
                             width: '288px',
                             height: 'calc(100vh - 200px)',
                             padding: 0

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

@@ -96,6 +96,7 @@ declare const tooltipProps: {
     };
     x: NumberConstructor;
     y: NumberConstructor;
+    arrowPointToCenter: BooleanConstructor;
     disabled: BooleanConstructor;
     getDisabled: import("vue").PropType<() => boolean>;
     displayDirective: {
@@ -243,6 +244,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     x: NumberConstructor;
     y: NumberConstructor;
+    arrowPointToCenter: BooleanConstructor;
     disabled: BooleanConstructor;
     getDisabled: import("vue").PropType<() => boolean>;
     displayDirective: {
@@ -537,6 +539,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     x: NumberConstructor;
     y: NumberConstructor;
+    arrowPointToCenter: BooleanConstructor;
     disabled: BooleanConstructor;
     getDisabled: import("vue").PropType<() => boolean>;
     displayDirective: {
@@ -600,6 +603,7 @@ declare const _default: import("vue").DefineComponent<{
     trigger: import("../../popover").PopoverTrigger;
     showArrow: boolean;
     delay: number;
+    arrowPointToCenter: boolean;
     displayDirective: "show" | "if";
     keepAliveOnHover: boolean;
     internalTrapFocus: boolean;

package/es/tooltip/styles/light.js

@@ -2,9 +2,10 @@ import { commonLight } from '../../_styles/common';
 import { popoverLight } from '../../popover/styles';
 import commonVars from './_common';
 import { createTheme } from '../../_mixins/use-theme';
+import { composite } from 'seemly';
 const self = (vars) => {
     const { borderRadius, boxShadow2, baseColor } = vars;
-    return Object.assign(Object.assign({}, commonVars), { borderRadius: borderRadius, boxShadow: boxShadow2, color: 'rgba(0, 0, 0, .85)', textColor: baseColor });
+    return Object.assign(Object.assign({}, commonVars), { borderRadius: borderRadius, boxShadow: boxShadow2, color: composite(baseColor, 'rgba(0, 0, 0, .85)'), textColor: baseColor });
 };
 const tooltipLight = createTheme({
     name: 'Tooltip',

package/es/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "2.25.6";
+declare const _default: "2.26.0";
 export default _default;

package/es/version.js

@@ -1 +1 @@
-export default '2.25.6';
+export default '2.26.0';

package/lib/dropdown/src/Dropdown.d.ts

@@ -287,6 +287,7 @@ declare const dropdownProps: {
     readonly raw: BooleanConstructor;
     readonly x: NumberConstructor;
     readonly y: NumberConstructor;
+    readonly arrowPointToCenter: BooleanConstructor;
     readonly disabled: BooleanConstructor;
     readonly getDisabled: PropType<() => boolean>;
     readonly displayDirective: {
@@ -604,6 +605,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly raw: BooleanConstructor;
     readonly x: NumberConstructor;
     readonly y: NumberConstructor;
+    readonly arrowPointToCenter: BooleanConstructor;
     readonly disabled: BooleanConstructor;
     readonly getDisabled: PropType<() => boolean>;
     readonly displayDirective: {
@@ -1110,6 +1112,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly raw: BooleanConstructor;
     readonly x: NumberConstructor;
     readonly y: NumberConstructor;
+    readonly arrowPointToCenter: BooleanConstructor;
     readonly disabled: BooleanConstructor;
     readonly getDisabled: PropType<() => boolean>;
     readonly displayDirective: {
@@ -1172,6 +1175,7 @@ declare const _default: import("vue").DefineComponent<{
     trigger: import("../../popover").PopoverTrigger;
     showArrow: boolean;
     delay: number;
+    arrowPointToCenter: boolean;
     displayDirective: "show" | "if";
     keepAliveOnHover: boolean;
     internalTrapFocus: boolean;

package/lib/message/src/Message.d.ts

@@ -21,7 +21,30 @@ declare const _default: import("vue").DefineComponent<{
     mergedClsPrefix: import("vue").Ref<string>;
     messageProviderProps: import("./MessageProvider").MessageProviderSetupProps;
     handleClose(): void;
-    cssVars: false | undefined;
+    cssVars: import("vue").ComputedRef<{
+        '--n-bezier': string;
+        '--n-margin': string;
+        '--n-padding': string;
+        '--n-max-width': string;
+        '--n-font-size': string;
+        '--n-icon-margin': string;
+        '--n-icon-size': string;
+        '--n-close-size': string;
+        '--n-close-margin': string;
+        '--n-text-color': string;
+        '--n-color': string;
+        '--n-box-shadow': string;
+        '--n-icon-color-info': string;
+        '--n-icon-color-success': string;
+        '--n-icon-color-warning': string;
+        '--n-icon-color-error': string;
+        '--n-icon-color-loading': string;
+        '--n-close-color': string;
+        '--n-close-color-pressed': string;
+        '--n-close-color-hover': string;
+        '--n-line-height': string;
+        '--n-border-radius': string;
+    }> | undefined;
     themeClass: import("vue").Ref<string> | undefined;
     onRender: (() => void) | undefined;
     placement: "bottom" | "top" | "top-left" | "top-right" | "bottom-left" | "bottom-right";

package/lib/message/src/Message.js

@@ -66,7 +66,7 @@ exports.default = (0, vue_1.defineComponent)({
                 var _a;
                 (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
             },
-            cssVars: inlineThemeDisabled ? undefined : inlineThemeDisabled,
+            cssVars: inlineThemeDisabled ? undefined : cssVarsRef,
             themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
             onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender,
             placement: messageProviderProps.placement

package/lib/popconfirm/src/Popconfirm.d.ts

@@ -38,6 +38,7 @@ declare const popconfirmProps: {
     };
     x: NumberConstructor;
     y: NumberConstructor;
+    arrowPointToCenter: BooleanConstructor;
     disabled: BooleanConstructor;
     getDisabled: PropType<() => boolean>;
     displayDirective: {
@@ -800,6 +801,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     x: NumberConstructor;
     y: NumberConstructor;
+    arrowPointToCenter: BooleanConstructor;
     disabled: BooleanConstructor;
     getDisabled: PropType<() => boolean>;
     displayDirective: {
@@ -1908,6 +1910,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     x: NumberConstructor;
     y: NumberConstructor;
+    arrowPointToCenter: BooleanConstructor;
     disabled: BooleanConstructor;
     getDisabled: PropType<() => boolean>;
     displayDirective: {
@@ -2644,6 +2647,7 @@ declare const _default: import("vue").DefineComponent<{
     trigger: PopoverTrigger;
     showArrow: boolean;
     delay: number;
+    arrowPointToCenter: boolean;
     displayDirective: "show" | "if";
     keepAliveOnHover: boolean;
     internalTrapFocus: boolean;

package/lib/popover/src/Popover.d.ts

@@ -56,6 +56,7 @@ export declare const popoverBaseProps: {
     };
     x: NumberConstructor;
     y: NumberConstructor;
+    arrowPointToCenter: BooleanConstructor;
     disabled: BooleanConstructor;
     getDisabled: PropType<() => boolean>;
     displayDirective: {
@@ -142,6 +143,7 @@ declare const popoverProps: {
     };
     x: NumberConstructor;
     y: NumberConstructor;
+    arrowPointToCenter: BooleanConstructor;
     disabled: BooleanConstructor;
     getDisabled: PropType<() => boolean>;
     displayDirective: {
@@ -272,6 +274,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     x: NumberConstructor;
     y: NumberConstructor;
+    arrowPointToCenter: BooleanConstructor;
     disabled: BooleanConstructor;
     getDisabled: PropType<() => boolean>;
     displayDirective: {
@@ -415,6 +418,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     x: NumberConstructor;
     y: NumberConstructor;
+    arrowPointToCenter: BooleanConstructor;
     disabled: BooleanConstructor;
     getDisabled: PropType<() => boolean>;
     displayDirective: {
@@ -525,6 +529,7 @@ declare const _default: import("vue").DefineComponent<{
     trigger: PopoverTrigger;
     showArrow: boolean;
     delay: number;
+    arrowPointToCenter: boolean;
     displayDirective: "show" | "if";
     keepAliveOnHover: boolean;
     internalTrapFocus: boolean;

package/lib/popover/src/Popover.js

@@ -84,6 +84,7 @@ exports.popoverBaseProps = {
     },
     x: Number,
     y: Number,
+    arrowPointToCenter: Boolean,
     disabled: Boolean,
     getDisabled: Function,
     displayDirective: {

package/lib/popover/src/styles/index.cssr.js

@@ -79,44 +79,44 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('popover', `
  background-color: var(--n-color);
  pointer-events: all;
  `)])]), placementStyle('top-start', `
- top: calc(${arrowSize} / -2);
+ top: calc(${arrowSize} / -2 + 1px);
  left: calc(${getArrowOffset('top-start')} - var(--v-offset-left));
  `), placementStyle('top', `
- top: calc(${arrowSize} / -2);
+ top: calc(${arrowSize} / -2 + 1px);
  transform: translateX(calc(${arrowSize} / -2)) rotate(45deg);
  left: 50%;
  `), placementStyle('top-end', `
- top: calc(${arrowSize} / -2);
+ top: calc(${arrowSize} / -2 + 1px);
  right: calc(${getArrowOffset('top-end')} + var(--v-offset-left));
  `), placementStyle('bottom-start', `
- bottom: calc(${arrowSize} / -2);
+ bottom: calc(${arrowSize} / -2 + 1px);
  left: calc(${getArrowOffset('bottom-start')} - var(--v-offset-left));
  `), placementStyle('bottom', `
- bottom: calc(${arrowSize} / -2);
+ bottom: calc(${arrowSize} / -2 + 1px);
  transform: translateX(calc(${arrowSize} / -2)) rotate(45deg);
  left: 50%;
  `), placementStyle('bottom-end', `
- bottom: calc(${arrowSize} / -2);
+ bottom: calc(${arrowSize} / -2 + 1px);
  right: calc(${getArrowOffset('bottom-end')} + var(--v-offset-left));
  `), placementStyle('left-start', `
- left: calc(${arrowSize} / -2);
+ left: calc(${arrowSize} / -2 + 1px);
  top: calc(${getArrowOffset('left-start')} - var(--v-offset-top));
  `), placementStyle('left', `
- left: calc(${arrowSize} / -2);
+ left: calc(${arrowSize} / -2 + 1px);
  transform: translateY(calc(${arrowSize} / -2)) rotate(45deg);
  top: 50%;
  `), placementStyle('left-end', `
- left: calc(${arrowSize} / -2);
+ left: calc(${arrowSize} / -2 + 1px);
  bottom: calc(${getArrowOffset('left-end')} + var(--v-offset-top));
  `), placementStyle('right-start', `
- right: calc(${arrowSize} / -2);
+ right: calc(${arrowSize} / -2 + 1px);
  top: calc(${getArrowOffset('right-start')} - var(--v-offset-top));
  `), placementStyle('right', `
- right: calc(${arrowSize} / -2);
+ right: calc(${arrowSize} / -2 + 1px);
  transform: translateY(calc(${arrowSize} / -2)) rotate(45deg);
  top: 50%;
  `), placementStyle('right-end', `
- right: calc(${arrowSize} / -2);
+ right: calc(${arrowSize} / -2 + 1px);
  bottom: calc(${getArrowOffset('right-end')} + var(--v-offset-top));
  `), ...(0, lodash_1.map)({
   top: ['right-start', 'left-start'],
@@ -153,7 +153,7 @@ function placementStyle(placement, arrowStyleLiteral) {
  left: 0;
  top: 0;
  bottom: 0;
- ${position}: 100%;
+ ${position}: calc(100% - 1px);
  ${oppositePlacement[position]}: auto;
  ${sizeStyle}
  `, [(0, cssr_1.cB)('popover-arrow', arrowStyleLiteral)])])]);

package/lib/popselect/src/Popselect.d.ts

@@ -64,6 +64,7 @@ declare const popselectProps: {
         type: NumberConstructor;
         default: number;
     };
+    arrowPointToCenter: BooleanConstructor;
     displayDirective: {
         type: PropType<"show" | "if">;
         default: string;
@@ -362,6 +363,7 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    arrowPointToCenter: BooleanConstructor;
     displayDirective: {
         type: PropType<"show" | "if">;
         default: string;
@@ -865,6 +867,7 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    arrowPointToCenter: BooleanConstructor;
     displayDirective: {
         type: PropType<"show" | "if">;
         default: string;
@@ -1115,6 +1118,7 @@ declare const _default: import("vue").DefineComponent<{
     scrollable: boolean;
     trigger: PopoverTrigger;
     delay: number;
+    arrowPointToCenter: boolean;
     displayDirective: "show" | "if";
     keepAliveOnHover: boolean;
     internalTrapFocus: boolean;

package/lib/theme-editor/src/ThemeEditor.js

@@ -153,7 +153,7 @@ exports.default = (0, vue_1.defineComponent)({
             default: () => {
                 var _a, _b;
                 return [
-                    (0, vue_1.h)(popover_1.NPopover, { trigger: "manual", show: this.showPanel, displayDirective: "show", placement: "top-end", style: {
+                    (0, vue_1.h)(popover_1.NPopover, { arrowPointToCenter: true, trigger: "manual", show: this.showPanel, displayDirective: "show", placement: "top-end", style: {
                             width: '288px',
                             height: 'calc(100vh - 200px)',
                             padding: 0

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

@@ -96,6 +96,7 @@ declare const tooltipProps: {
     };
     x: NumberConstructor;
     y: NumberConstructor;
+    arrowPointToCenter: BooleanConstructor;
     disabled: BooleanConstructor;
     getDisabled: import("vue").PropType<() => boolean>;
     displayDirective: {
@@ -243,6 +244,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     x: NumberConstructor;
     y: NumberConstructor;
+    arrowPointToCenter: BooleanConstructor;
     disabled: BooleanConstructor;
     getDisabled: import("vue").PropType<() => boolean>;
     displayDirective: {
@@ -537,6 +539,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     x: NumberConstructor;
     y: NumberConstructor;
+    arrowPointToCenter: BooleanConstructor;
     disabled: BooleanConstructor;
     getDisabled: import("vue").PropType<() => boolean>;
     displayDirective: {
@@ -600,6 +603,7 @@ declare const _default: import("vue").DefineComponent<{
     trigger: import("../../popover").PopoverTrigger;
     showArrow: boolean;
     delay: number;
+    arrowPointToCenter: boolean;
     displayDirective: "show" | "if";
     keepAliveOnHover: boolean;
     internalTrapFocus: boolean;

package/lib/tooltip/styles/light.js

@@ -7,9 +7,10 @@ const common_1 = require("../../_styles/common");
 const styles_1 = require("../../popover/styles");
 const _common_1 = __importDefault(require("./_common"));
 const use_theme_1 = require("../../_mixins/use-theme");
+const seemly_1 = require("seemly");
 const self = (vars) => {
     const { borderRadius, boxShadow2, baseColor } = vars;
-    return Object.assign(Object.assign({}, _common_1.default), { borderRadius: borderRadius, boxShadow: boxShadow2, color: 'rgba(0, 0, 0, .85)', textColor: baseColor });
+    return Object.assign(Object.assign({}, _common_1.default), { borderRadius: borderRadius, boxShadow: boxShadow2, color: (0, seemly_1.composite)(baseColor, 'rgba(0, 0, 0, .85)'), textColor: baseColor });
 };
 const tooltipLight = (0, use_theme_1.createTheme)({
     name: 'Tooltip',

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "2.25.6";
+declare const _default: "2.26.0";
 export default _default;

package/lib/version.js

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = '2.25.6';
+exports.default = '2.26.0';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "naive-ui",
-  "version": "2.25.6",
+  "version": "2.26.0",
   "description": "A Vue 3 Component Library. Fairly Complete, Customizable Themes, Uses TypeScript, Not Too Slow",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -116,7 +116,7 @@
     "vdirs": "^0.1.7",
     "vfonts": "^0.0.3",
     "vooks": "^0.2.12",
-    "vueuc": "^0.4.26"
+    "vueuc": "^0.4.27"
   },
   "sideEffects": false,
   "homepage": "https://www.naiveui.com",

package/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
   "name": "naive-ui",
-  "version": "2.25.6",
+  "version": "2.26.0",
   "contributions": {
     "html": {
       "elements": [
@@ -3893,6 +3893,15 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "arrow-point-to-center",
+              "default": "-",
+              "description": "-",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
             {
               "name": "disabled",
               "default": "-",
@@ -8707,6 +8716,15 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "arrow-point-to-center",
+              "default": "-",
+              "description": "-",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
             {
               "name": "disabled",
               "default": "-",
@@ -8986,6 +9004,15 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "arrow-point-to-center",
+              "default": "-",
+              "description": "-",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
             {
               "name": "disabled",
               "default": "-",
@@ -9221,6 +9248,15 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "arrow-point-to-center",
+              "default": "-",
+              "description": "-",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
             {
               "name": "disabled",
               "default": "-",
@@ -11999,6 +12035,15 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "arrow-point-to-center",
+              "default": "-",
+              "description": "-",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
             {
               "name": "disabled",
               "default": "-",