@next-bricks/presentational 1.1.1 → 1.2.0

package/dist/manifest.json

@@ -64,6 +64,60 @@
       "description": "通用描述列表构件",
       "category": "text"
     },
+    {
+      "name": "eo-alert",
+      "alias": [
+        "presentational.general-alert"
+      ],
+      "properties": [
+        {
+          "name": "type",
+          "description": "警告类型",
+          "attribute": false,
+          "type": "AlertType"
+        },
+        {
+          "name": "hasTitle",
+          "description": "是否显示标题。开启后，可以使用 `title` 插槽",
+          "type": "boolean"
+        },
+        {
+          "name": "showIcon",
+          "description": "是否显示提示图标",
+          "type": "boolean"
+        },
+        {
+          "name": "closable",
+          "description": "是否显示关闭按钮",
+          "type": "boolean"
+        },
+        {
+          "name": "localStorageKey",
+          "description": "以该值和页面 url 作为命名空间，决定是否显示该警告提示",
+          "type": "string"
+        },
+        {
+          "name": "disableUrlNamespace",
+          "description": "关闭后仅以 `localStorageKey` 作为命名空间",
+          "type": "boolean"
+        }
+      ],
+      "events": [],
+      "slots": [
+        {
+          "name": null,
+          "description": "内容区"
+        },
+        {
+          "name": "title",
+          "description": "标题"
+        }
+      ],
+      "methods": [],
+      "parts": [],
+      "description": "告警提示",
+      "category": "display-component"
+    },
     {
       "name": "eo-code-display",
       "alias": [
@@ -121,60 +175,6 @@
       "description": "代码展示",
       "category": "display-component"
     },
-    {
-      "name": "eo-alert",
-      "alias": [
-        "presentational.general-alert"
-      ],
-      "properties": [
-        {
-          "name": "type",
-          "description": "警告类型",
-          "attribute": false,
-          "type": "AlertType"
-        },
-        {
-          "name": "hasTitle",
-          "description": "是否显示标题。开启后，可以使用 `title` 插槽",
-          "type": "boolean"
-        },
-        {
-          "name": "showIcon",
-          "description": "是否显示提示图标",
-          "type": "boolean"
-        },
-        {
-          "name": "closable",
-          "description": "是否显示关闭按钮",
-          "type": "boolean"
-        },
-        {
-          "name": "localStorageKey",
-          "description": "以该值和页面 url 作为命名空间，决定是否显示该警告提示",
-          "type": "string"
-        },
-        {
-          "name": "disableUrlNamespace",
-          "description": "关闭后仅以 `localStorageKey` 作为命名空间",
-          "type": "boolean"
-        }
-      ],
-      "events": [],
-      "slots": [
-        {
-          "name": null,
-          "description": "内容区"
-        },
-        {
-          "name": "title",
-          "description": "标题"
-        }
-      ],
-      "methods": [],
-      "parts": [],
-      "description": "告警提示",
-      "category": "display-component"
-    },
     {
       "name": "eo-card-item",
       "properties": [
@@ -252,9 +252,22 @@
           "name": "avatarPosition",
           "description": "图标是否放置在卡片封面",
           "type": "\"content\" | \"cover\""
+        },
+        {
+          "name": "tagConfig",
+          "attribute": false,
+          "type": "TagConfig"
+        }
+      ],
+      "events": [
+        {
+          "name": "tag.click",
+          "description": "徽标点击事件",
+          "detail": {
+            "type": "void"
+          }
         }
       ],
-      "events": [],
       "slots": [
         {
           "name": "expanded-area-1",

package/dist/types.json

@@ -358,9 +358,29 @@
             }
           ]
         }
+      },
+      {
+        "name": "tagConfig",
+        "annotation": {
+          "type": "reference",
+          "typeName": {
+            "type": "identifier",
+            "name": "TagConfig"
+          }
+        }
+      }
+    ],
+    "events": [
+      {
+        "name": "tag.click",
+        "detail": {
+          "annotation": {
+            "type": "keyword",
+            "value": "void"
+          }
+        }
       }
     ],
-    "events": [],
     "methods": [],
     "types": [
       {
@@ -547,6 +567,67 @@
             "computed": false
           }
         ]
+      },
+      {
+        "type": "interface",
+        "name": "TagConfig",
+        "body": [
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "text"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "string"
+            },
+            "optional": true,
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "icon"
+            },
+            "annotation": {
+              "type": "reference",
+              "typeName": {
+                "type": "identifier",
+                "name": "GeneralIconProps"
+              }
+            },
+            "optional": true,
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "bgColor"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "string"
+            },
+            "optional": true,
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "color"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "string"
+            },
+            "optional": true,
+            "computed": false
+          }
+        ]
       }
     ]
   },
@@ -1209,68 +1290,6 @@
       }
     ]
   },
-  "eo-code-display": {
-    "properties": [
-      {
-        "name": "value",
-        "annotation": {
-          "type": "keyword",
-          "value": "string"
-        }
-      },
-      {
-        "name": "language",
-        "annotation": {
-          "type": "keyword",
-          "value": "string"
-        }
-      },
-      {
-        "name": "hideLineNumber",
-        "annotation": {
-          "type": "keyword",
-          "value": "boolean"
-        }
-      },
-      {
-        "name": "maxLines",
-        "annotation": {
-          "type": "keyword",
-          "value": "number"
-        }
-      },
-      {
-        "name": "minLines",
-        "annotation": {
-          "type": "keyword",
-          "value": "number"
-        }
-      },
-      {
-        "name": "showCopyButton",
-        "annotation": {
-          "type": "keyword",
-          "value": "boolean"
-        }
-      },
-      {
-        "name": "showExportButton",
-        "annotation": {
-          "type": "keyword",
-          "value": "boolean"
-        }
-      },
-      {
-        "name": "exportFileName",
-        "annotation": {
-          "type": "keyword",
-          "value": "string"
-        }
-      }
-    ],
-    "events": [],
-    "methods": []
-  },
   "eo-alert": {
     "properties": [
       {
@@ -1374,6 +1393,68 @@
       }
     ]
   },
+  "eo-code-display": {
+    "properties": [
+      {
+        "name": "value",
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
+        }
+      },
+      {
+        "name": "language",
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
+        }
+      },
+      {
+        "name": "hideLineNumber",
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
+        }
+      },
+      {
+        "name": "maxLines",
+        "annotation": {
+          "type": "keyword",
+          "value": "number"
+        }
+      },
+      {
+        "name": "minLines",
+        "annotation": {
+          "type": "keyword",
+          "value": "number"
+        }
+      },
+      {
+        "name": "showCopyButton",
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
+        }
+      },
+      {
+        "name": "showExportButton",
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
+        }
+      },
+      {
+        "name": "exportFileName",
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
+        }
+      }
+    ],
+    "events": [],
+    "methods": []
+  },
   "eo-pagination": {
     "properties": [
       {

package/dist-types/card-item/index.d.ts

@@ -2,7 +2,7 @@ import React, { CSSProperties, Ref } from "react";
 import { ReactNextElement } from "@next-core/react-element";
 import type { LinkProps } from "@next-bricks/basic/link";
 import type { GeneralIconProps } from "@next-bricks/icons/general-icon";
-import type { ActionType } from "@next-bricks/basic/mini-actions";
+import type { SimpleActionType, ActionType } from "@next-bricks/basic/mini-actions";
 import "@next-core/theme";
 import "./host-contenxt.css";
 interface IconAvatar {
@@ -20,6 +20,24 @@ interface ImgAvatar {
     shape?: "circle" | "square" | "round-square";
     bgColor?: string;
 }
+interface TagConfig {
+    text?: string;
+    icon?: GeneralIconProps;
+    bgColor?: string;
+    color?: string;
+}
+export declare enum TagColor {
+    blue = "blue",
+    cyan = "cyan",
+    geekblue = "geekblue",
+    grayblue = "grayblue",
+    gray = "gray",
+    green = "green",
+    orange = "orange",
+    purple = "purple",
+    red = "red",
+    yellow = "yellow"
+}
 export interface EoCardItemProps {
     hasHeader?: boolean;
     cardTitle: string;
@@ -36,6 +54,7 @@ export interface EoCardItemProps {
     hasCover?: boolean;
     coverImage?: string;
     coverColor?: string;
+    tagConfig?: TagConfig;
     avatarPosition?: "content" | "cover";
 }
 /**
@@ -102,6 +121,7 @@ export declare class EoCardItem extends ReactNextElement implements EoCardItemPr
      * 图标是否放置在卡片封面
      */
     accessor avatarPosition: "content" | "cover";
+    accessor tagConfig: TagConfig | undefined;
     /**
      * 是否有扩展区域 1
      * @internal
@@ -116,7 +136,8 @@ export declare class EoCardItem extends ReactNextElement implements EoCardItemPr
 }
 interface EoCardItemComponentProps extends EoCardItemProps {
     callback?: Ref<HTMLDivElement>;
-    onActionClick?: (action: ActionType) => void;
+    onActionClick?: (action: SimpleActionType) => void;
+    onTagClick?: () => void;
 }
 export declare function EoCardItemComponent(props: EoCardItemComponentProps): React.JSX.Element;
 export {};

package/docs/eo-card-item.md

@@ -251,3 +251,167 @@ properties:
       icon: monitor
     size: 20
 ```
+
+### Tag
+
+```yaml preview
+- brick: div
+  properties:
+    textContent: Text Tag
+    style:
+      marginBottom: 10px
+- brick: eo-grid-layout
+  properties:
+    gap: 16px
+    columns: 4
+  children:
+    - brick: eo-card-item
+      properties:
+        tagConfig:
+          text: 禁用
+          bgColor: gray
+        cardTitle: 资源监控微应用
+        description: 资源监控微应用相关前后台
+    - brick: eo-card-item
+      properties:
+        tagConfig:
+          text: 蓝色
+          bgColor: blue
+        cardTitle: 资源监控微应用
+        description: 资源监控微应用相关前后台
+    - brick: eo-card-item
+      properties:
+        tagConfig:
+          text: 绿色
+          bgColor: green
+        cardTitle: 资源监控微应用
+        description: 资源监控微应用相关前后台
+    - brick: eo-card-item
+      properties:
+        tagConfig:
+          text: 黄色
+          bgColor: yellow
+        cardTitle: 资源监控微应用
+        description: 资源监控微应用相关前后台
+    - brick: eo-card-item
+      properties:
+        tagConfig:
+          text: 红色
+          bgColor: red
+        cardTitle: 资源监控微应用
+        description: 资源监控微应用相关前后台
+    - brick: eo-card-item
+      properties:
+        tagConfig:
+          text: 青色
+          bgColor: cyan
+        cardTitle: 资源监控微应用
+        description: 资源监控微应用相关前后台
+    - brick: eo-card-item
+      properties:
+        tagConfig:
+          text: 灰蓝色
+          bgColor: grayblue
+        cardTitle: 资源监控微应用
+        description: 资源监控微应用相关前后台
+    - brick: eo-card-item
+      properties:
+        tagConfig:
+          text: 紫色
+          bgColor: purple
+        cardTitle: 资源监控微应用
+        description: 资源监控微应用相关前后台
+    - brick: eo-card-item
+      properties:
+        tagConfig:
+          text: 自定义
+          bgColor: "rgb(228 236 183)"
+          color: "#000"
+        cardTitle: 资源监控微应用
+        description: 资源监控微应用相关前后台
+- brick: div
+  properties:
+    textContent: Icon Tag
+    style:
+      margin: 10px
+- brick: eo-grid-layout
+  properties:
+    gap: 16px
+    columns: 4
+  children:
+    - brick: eo-card-item
+      properties:
+        tagConfig:
+          icon:
+            lib: antd
+            icon: info-circle
+            theme: outlined
+          bgColor: blue
+        cardTitle: 资源监控微应用
+        description: 资源监控微应用相关前后台
+        url: /test
+        target: _blank
+    - brick: eo-card-item
+      properties:
+        tagConfig:
+          icon:
+            lib: antd
+            icon: check-circle
+            theme: outlined
+          bgColor: green
+        cardTitle: 资源监控微应用
+        description: 资源监控微应用相关前后台
+        url: /test
+        target: _blank
+    - brick: eo-card-item
+      properties:
+        tagConfig:
+          icon:
+            lib: antd
+            icon: info-circle
+            theme: outlined
+          bgColor: yellow
+        cardTitle: 资源监控微应用
+        description: 资源监控微应用相关前后台
+        url: /test
+        target: _blank
+    - brick: eo-card-item
+      properties:
+        tagConfig:
+          icon:
+            lib: antd
+            icon: close-circle
+            theme: outlined
+          bgColor: red
+        cardTitle: 资源监控微应用
+        description: 资源监控微应用相关前后台
+        url: /test
+        target: _blank
+    - brick: eo-card-item
+      events:
+        tag.click:
+          - action: message.success
+            args:
+              - 收藏成功
+          - target: _self
+            properties:
+              tagConfig:
+                icon:
+                  lib: antd
+                  icon: star
+                  theme: filled
+                  startColor: yellow
+                  endColor: yellow
+                bgColor: blue
+      properties:
+        tagConfig:
+          icon:
+            lib: antd
+            icon: star
+            theme: filled
+          bgColor: blue
+        cardTitle: 资源监控微应用
+        description: 资源监控微应用相关前后台
+        url: /test
+        target: _blank
+```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next-bricks/presentational",
-  "version": "1.1.1",
+  "version": "1.2.0",
   "homepage": "https://github.com/easyops-cn/next-bricks/tree/master/bricks/presentational",
   "repository": {
     "type": "git",
@@ -43,5 +43,5 @@
     "@next-bricks/containers": "*",
     "@next-bricks/icons": "*"
   },
-  "gitHead": "d82001e9566d338429ae4fc0b9ab684069f42c2c"
+  "gitHead": "a46e15a0df53a6b416fabe7e5477eec1ecdb3289"
 }