@next-bricks/presentational 1.1.2 → 1.2.0

package/dist/manifest.json

@@ -175,56 +175,6 @@
       "description": "代码展示",
       "category": "display-component"
     },
-    {
-      "name": "eo-pagination",
-      "properties": [
-        {
-          "name": "total",
-          "description": "数据总数",
-          "default": "0",
-          "type": "number"
-        },
-        {
-          "name": "page",
-          "description": "当前页数",
-          "default": "1",
-          "type": "number"
-        },
-        {
-          "name": "pageSize",
-          "description": "每页条数",
-          "default": "20",
-          "type": "number"
-        },
-        {
-          "name": "pageSizeOptions",
-          "description": "指定每页可以显示多少条",
-          "default": "[10, 20, 50, 100]",
-          "attribute": false,
-          "type": "number[]"
-        },
-        {
-          "name": "showSizeChanger",
-          "description": "是否展示`pageSize`分页器",
-          "default": "true",
-          "type": "boolean"
-        }
-      ],
-      "events": [
-        {
-          "name": "change",
-          "description": "页码及每页条数改变事件",
-          "detail": {
-            "type": "{ page: number; pageSize: number }"
-          }
-        }
-      ],
-      "slots": [],
-      "methods": [],
-      "parts": [],
-      "description": "分页",
-      "category": "navigation"
-    },
     {
       "name": "eo-card-item",
       "properties": [
@@ -302,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",
@@ -320,6 +283,56 @@
       "description": "信息类卡片 —— 通用卡片",
       "category": "card-info"
     },
+    {
+      "name": "eo-pagination",
+      "properties": [
+        {
+          "name": "total",
+          "description": "数据总数",
+          "default": "0",
+          "type": "number"
+        },
+        {
+          "name": "page",
+          "description": "当前页数",
+          "default": "1",
+          "type": "number"
+        },
+        {
+          "name": "pageSize",
+          "description": "每页条数",
+          "default": "20",
+          "type": "number"
+        },
+        {
+          "name": "pageSizeOptions",
+          "description": "指定每页可以显示多少条",
+          "default": "[10, 20, 50, 100]",
+          "attribute": false,
+          "type": "number[]"
+        },
+        {
+          "name": "showSizeChanger",
+          "description": "是否展示`pageSize`分页器",
+          "default": "true",
+          "type": "boolean"
+        }
+      ],
+      "events": [
+        {
+          "name": "change",
+          "description": "页码及每页条数改变事件",
+          "detail": {
+            "type": "{ page: number; pageSize: number }"
+          }
+        }
+      ],
+      "slots": [],
+      "methods": [],
+      "parts": [],
+      "description": "分页",
+      "category": "navigation"
+    },
     {
       "name": "eo-divider",
       "properties": [

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
+          }
+        ]
       }
     ]
   },

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

@@ -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
@@ -117,6 +137,7 @@ export declare class EoCardItem extends ReactNextElement implements EoCardItemPr
 interface EoCardItemComponentProps extends EoCardItemProps {
     callback?: Ref<HTMLDivElement>;
     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.2",
+  "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": "d05b444547bfcf04029a80c83342a50a3cb49eb9"
+  "gitHead": "a46e15a0df53a6b416fabe7e5477eec1ecdb3289"
 }