Merge pull request #1564 from easyops-cn/steve/drawer-elevo

fix(popover): theme variant elevo

Author: weareoutman

bricks/basic/src/popover/index.tsx

@@ -32,6 +32,7 @@ export interface PopoverProps extends SlPopupProps {
   arrowColor?: string;
   anchorDisplay?: CSSProperties["display"];
   zIndex?: number;
+  themeVariant?: "default" | "elevo";
 }
 
 export interface PopoverEvents {
@@ -143,6 +144,10 @@ class Popover extends ReactNextElement implements PopoverProps {
   @property({ type: Number })
   accessor zIndex: number | undefined;
 
+  /** 主题变体 */
+  @property({ render: false })
+  accessor themeVariant: "default" | "elevo" | undefined;
+
   /**
    * 当弹出层可见性变化之后触发
    * @detail 当前是否可见

bricks/basic/src/popover/popover.shadow.css

@@ -1,6 +1,11 @@
 :host {
   --eo-popover-arrow-color: var(--color-fill-bg-container-4);
   --eo-popover-z-index: 1030;
+  --eo-popover-border-radius: var(--medius-border-radius);
+}
+
+:host([theme-variant="elevo"]) {
+  --eo-popover-border-radius: 6px;
 }
 
 sl-popup::part(popup) {
@@ -26,7 +31,7 @@ sl-popup[data-current-placement^="right"]::part(popup) {
 sl-popup::part(popup) {
   background: var(--color-fill-bg-container-4);
   box-shadow: var(--base-shadow);
-  border-radius: var(--medius-border-radius);
+  border-radius: var(--eo-popover-border-radius);
 }
 
 sl-popup::part(arrow) {

bricks/containers/src/modal/index.tsx

@@ -69,6 +69,7 @@ const { defineElement, property, event, method } = createDecorators();
  * 模态框
  * @author sailor
  * @slot - 内容插槽
+ * @slot footer - 底部左侧插槽
  * @category container-display
  */
 @defineElement("eo-modal", {