Closed #128

mantou132 · Apr 16, 2024 · c1f4a2b · c1f4a2b
1 parent e0e80b7
commit c1f4a2b
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/packages/duoyun-ui/src/elements/popover.ts b/packages/duoyun-ui/src/elements/popover.ts
@@ -116,11 +116,13 @@ export class DuoyunPopoverElement extends GemElement<PopoverState> {
     return callback;
   }
 
-  ghostStyle: GhostStyle = {
+  static ghostStyle: GhostStyle = {
     '--bg': theme.backgroundColor,
     '--color': theme.highlightColor,
   };
 
+  ghostStyle?: GhostStyle;
+
   get #position() {
     return this.position || 'auto';
   }
@@ -334,6 +336,7 @@ export class DuoyunPopoverElement extends GemElement<PopoverState> {
                 data-position=${position}
                 style=${styleMap({
                   ...style,
+                  ...(this.constructor as unknown as DuoyunPopoverElement).ghostStyle,
                   ...this.ghostStyle,
                   pointerEvents: this.unreachable ? 'none' : undefined,
                 })}

diff --git a/packages/duoyun-ui/src/elements/tooltip.ts b/packages/duoyun-ui/src/elements/tooltip.ts
@@ -9,7 +9,7 @@ import { DuoyunPopoverElement } from './popover';
  */
 @customElement('dy-tooltip')
 export class DuoyunTooltipElement extends DuoyunPopoverElement {
-  ghostStyle = {
+  static ghostStyle = {
     '--bg': theme.highlightColor,
     '--color': theme.backgroundColor,
     'max-width': '15em',