Merge pull request #1561 from easyops-cn/steve/actions-opened-keys

Steve/actions-opened-keys

Author: weareoutman

bricks/basic/src/actions/index.tsx

@@ -53,7 +53,7 @@ function SubMenuItemCom({
   const popoverRef = useRef<Popover>(null);
   const [checked, opened] = useMemo(() => {
     let keyIndex = -1;
-    if (activeKeys && action.key) {
+    if (activeKeys && action.key != null) {
       for (let i = 0; i < activeKeys.length; i++) {
         if (activeKeys[i] === action.key) {
           keyIndex = i;
@@ -245,7 +245,7 @@ class EoActions extends ReactNextElement implements ActionsProps {
   accessor checkedKeys: (string | number)[] = [];
 
   /**
-   * actions 激活项配置，用于菜单项的选择和展开，因按菜单层级顺序依次列出当前激活的菜单项
+   * actions 激活项配置，用于菜单项的选择和展开，需按菜单层级顺序依次列出当前激活的菜单项
    */
   @property({
     attribute: false,

bricks/basic/src/button/button.shadow.css

@@ -281,6 +281,19 @@ button:active {
   border: 1px solid var(--antd-btn-default-border);
 }
 
+/* flat [不带任何品牌色，单纯浅色背景，不带边框] */
+
+.flat {
+  color: var(--antd-btn-default-color);
+  background: rgba(0, 0, 0, 0.04);
+  border: 1px solid transparent;
+}
+
+.flat:hover {
+  background-color: rgba(0, 0, 0, 0.06);
+  border: 1px solid transparent;
+}
+
 .icon {
   background: var(--palette-gray-3);
   border: 1px solid transparent;

bricks/basic/src/constants.ts

@@ -7,6 +7,7 @@ export const ALLOWED_BUTTON_TYPES = [
   "text",
   "icon",
   "neutral",
+  "flat",
 ] as const;
 
 export const ALLOWED_COMPONENT_SIZES = [

bricks/basic/src/interface.ts

@@ -24,7 +24,8 @@ export type ButtonType =
   | "link"
   | "text"
   | "icon"
-  | "neutral";
+  | "neutral"
+  | "flat";
 
 export type ComponentSize = "large" | "medium" | "small" | "xs";