@next-bricks/presentational 0.8.2 → 0.9.1

package/dist/manifest.json

@@ -111,105 +111,6 @@
       "parts": [],
       "description": "告警提示"
     },
-    {
-      "name": "eo-code-display",
-      "alias": [
-        "presentational.code-display"
-      ],
-      "properties": [
-        {
-          "name": "value",
-          "description": "代码内容",
-          "default": "\"\"",
-          "type": "string"
-        },
-        {
-          "name": "language",
-          "description": "语言，具体查阅 [Supported languages](https://prismjs.com/#supported-languages)",
-          "type": "string"
-        },
-        {
-          "name": "hideLineNumber",
-          "description": "是否隐藏行号",
-          "type": "boolean"
-        },
-        {
-          "name": "maxLines",
-          "description": "最大行数",
-          "type": "number"
-        },
-        {
-          "name": "minLines",
-          "description": "最小行数",
-          "type": "number"
-        },
-        {
-          "name": "showCopyButton",
-          "description": "是否显示复制按钮",
-          "default": "true",
-          "type": "boolean"
-        },
-        {
-          "name": "showExportButton",
-          "description": "是否显示导出按钮",
-          "type": "boolean"
-        },
-        {
-          "name": "exportFileName",
-          "description": "导出的文件名",
-          "default": "download.txt",
-          "type": "string"
-        }
-      ],
-      "events": [],
-      "slots": [],
-      "methods": [],
-      "parts": [],
-      "description": "代码展示"
-    },
-    {
-      "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[]"
-        }
-      ],
-      "events": [
-        {
-          "name": "change",
-          "description": "页码及每页条数改变事件",
-          "detail": {
-            "type": "{ page: number; pageSize: number }"
-          }
-        }
-      ],
-      "slots": [],
-      "methods": [],
-      "parts": [],
-      "description": "分页"
-    },
     {
       "name": "eo-card-item",
       "properties": [
@@ -382,6 +283,152 @@
       "methods": [],
       "parts": [],
       "description": "构件 `eo-divider`"
+    },
+    {
+      "name": "eo-info-card-item",
+      "properties": [
+        {
+          "name": "cardTitle",
+          "description": "title",
+          "type": "string"
+        },
+        {
+          "name": "description",
+          "description": "description",
+          "type": "string"
+        },
+        {
+          "name": "url",
+          "description": "链接地址",
+          "type": "string"
+        },
+        {
+          "name": "cardIcon",
+          "description": "图标",
+          "attribute": false,
+          "type": "IconAvatar"
+        },
+        {
+          "name": "detailList",
+          "description": "详细列表",
+          "attribute": false,
+          "type": "InfoCardDetail[]"
+        },
+        {
+          "name": "target",
+          "description": "链接跳转目标",
+          "type": "LinkProps[\"target\"]"
+        },
+        {
+          "name": "hasIcon",
+          "description": "是否有Icon",
+          "type": "boolean"
+        }
+      ],
+      "events": [],
+      "slots": [],
+      "methods": [],
+      "parts": [],
+      "description": "构件 `eo-info-card-item`"
+    },
+    {
+      "name": "eo-code-display",
+      "alias": [
+        "presentational.code-display"
+      ],
+      "properties": [
+        {
+          "name": "value",
+          "description": "代码内容",
+          "default": "\"\"",
+          "type": "string"
+        },
+        {
+          "name": "language",
+          "description": "语言，具体查阅 [Supported languages](https://prismjs.com/#supported-languages)",
+          "type": "string"
+        },
+        {
+          "name": "hideLineNumber",
+          "description": "是否隐藏行号",
+          "type": "boolean"
+        },
+        {
+          "name": "maxLines",
+          "description": "最大行数",
+          "type": "number"
+        },
+        {
+          "name": "minLines",
+          "description": "最小行数",
+          "type": "number"
+        },
+        {
+          "name": "showCopyButton",
+          "description": "是否显示复制按钮",
+          "default": "true",
+          "type": "boolean"
+        },
+        {
+          "name": "showExportButton",
+          "description": "是否显示导出按钮",
+          "type": "boolean"
+        },
+        {
+          "name": "exportFileName",
+          "description": "导出的文件名",
+          "default": "download.txt",
+          "type": "string"
+        }
+      ],
+      "events": [],
+      "slots": [],
+      "methods": [],
+      "parts": [],
+      "description": "代码展示"
+    },
+    {
+      "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[]"
+        }
+      ],
+      "events": [
+        {
+          "name": "change",
+          "description": "页码及每页条数改变事件",
+          "detail": {
+            "type": "{ page: number; pageSize: number }"
+          }
+        }
+      ],
+      "slots": [],
+      "methods": [],
+      "parts": [],
+      "description": "分页"
     }
   ],
   "providers": []

package/dist/types.json

@@ -664,6 +664,216 @@
       }
     ]
   },
+  "eo-info-card-item": {
+    "properties": [
+      {
+        "name": "cardTitle",
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
+        }
+      },
+      {
+        "name": "description",
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
+        }
+      },
+      {
+        "name": "url",
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
+        }
+      },
+      {
+        "name": "cardIcon",
+        "annotation": {
+          "type": "reference",
+          "typeName": {
+            "type": "identifier",
+            "name": "IconAvatar"
+          }
+        }
+      },
+      {
+        "name": "detailList",
+        "annotation": {
+          "type": "array",
+          "elementType": {
+            "type": "reference",
+            "typeName": {
+              "type": "identifier",
+              "name": "InfoCardDetail"
+            }
+          }
+        }
+      },
+      {
+        "name": "target",
+        "annotation": {
+          "type": "indexedAccess",
+          "objectType": {
+            "type": "reference",
+            "typeName": {
+              "type": "identifier",
+              "name": "LinkProps"
+            }
+          },
+          "indexType": {
+            "type": "jsLiteral",
+            "value": "target"
+          }
+        }
+      },
+      {
+        "name": "hasIcon",
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
+        }
+      }
+    ],
+    "events": [],
+    "methods": [],
+    "types": [
+      {
+        "type": "interface",
+        "name": "IconAvatar",
+        "body": [
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "icon"
+            },
+            "annotation": {
+              "type": "reference",
+              "typeName": {
+                "type": "identifier",
+                "name": "GeneralIconProps"
+              }
+            },
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "color"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "string"
+            },
+            "optional": true,
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "size"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "number"
+            },
+            "optional": true,
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "shape"
+            },
+            "annotation": {
+              "type": "union",
+              "types": [
+                {
+                  "type": "jsLiteral",
+                  "value": "circle"
+                },
+                {
+                  "type": "jsLiteral",
+                  "value": "square"
+                },
+                {
+                  "type": "jsLiteral",
+                  "value": "round-square"
+                }
+              ]
+            },
+            "optional": true,
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "bgColor"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "string"
+            },
+            "optional": true,
+            "computed": false
+          }
+        ]
+      },
+      {
+        "type": "interface",
+        "name": "InfoCardDetail",
+        "body": [
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "title"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "string"
+            },
+            "optional": true,
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "desc"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "string"
+            },
+            "optional": true,
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "useBrick"
+            },
+            "annotation": {
+              "type": "reference",
+              "typeName": {
+                "type": "identifier",
+                "name": "UseSingleBrickConf"
+              }
+            },
+            "optional": true,
+            "computed": false
+          }
+        ]
+      }
+    ]
+  },
   "eo-alert": {
     "properties": [
       {

package/dist-types/bootstrap.d.ts

@@ -5,3 +5,4 @@ import "./pagination/index.js";
 import "./card-item/index.js";
 import "./counter-badge/index.js";
 import "./divider/index.js";
+import "./info-card-item/index.js";

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

@@ -0,0 +1,64 @@
+import { Ref } from "react";
+import { ReactNextElement } from "@next-core/react-element";
+import { UseSingleBrickConf } from "@next-core/types";
+import "@next-core/theme";
+import type { LinkProps } from "@next-bricks/basic/link";
+import type { GeneralIconProps } from "@next-bricks/icons/general-icon";
+/**
+ * 构件 `eo-info-card-item`
+ */
+export declare class EoInfoCardItem extends ReactNextElement {
+    #private;
+    /**
+     * title
+     */
+    accessor cardTitle: string;
+    /**
+     * description
+     */
+    accessor description: string;
+    /**
+     * 链接地址
+     */
+    accessor url: string | undefined;
+    /**
+     * 图标
+     */
+    accessor cardIcon: IconAvatar | undefined;
+    /**
+     * 详细列表
+     */
+    accessor detailList: InfoCardDetail[];
+    /**
+     * 链接跳转目标
+     */
+    accessor target: LinkProps["target"] | undefined;
+    /**
+     * 是否有Icon
+     */
+    accessor hasIcon: boolean | undefined;
+    render(): JSX.Element;
+}
+interface IconAvatar {
+    icon: GeneralIconProps;
+    color?: string;
+    size?: number;
+    shape?: "circle" | "square" | "round-square";
+    bgColor?: string;
+}
+interface InfoCardDetail {
+    title?: string;
+    desc?: string;
+    useBrick?: UseSingleBrickConf;
+}
+interface EoInfoCardItemComponentProps {
+    url?: string;
+    target?: LinkProps["target"];
+    cardTitle: string;
+    description?: string;
+    cardIcon?: IconAvatar | undefined;
+    detailList?: InfoCardDetail[];
+    callback?: Ref<HTMLDivElement>;
+}
+export declare function EoInfoCardItemComponent({ url, target, cardTitle, description, cardIcon, detailList, callback, }: EoInfoCardItemComponentProps): JSX.Element;
+export {};

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

@@ -0,0 +1 @@
+import "./";

package/docs/eo-info-card-item.md

@@ -0,0 +1,91 @@
+构件 `eo-info-card-item`
+
+## Examples
+
+### Basic
+
+```yaml preview
+brick: eo-info-card-item
+properties:
+  style:
+    width: 100%
+  cardTitle: 资源监控微应用
+  cardIcon:
+    color: blue
+    icon:
+      icon: chart-pie
+      lib: fa
+  description: F5管理将企业F5BIG-IP设备统一管理，可在F5设备卡片页概览全部设备的状态，了解 VirtualServer、Pool、iRules资源信息
+  detailList:
+    - useBrick:
+        brick: eo-switch
+        properties:
+          name: enabled
+          size: small
+          style:
+            marginTop: "-2.5px"
+          value: true
+      title: 是否启用
+    - desc: "7663"
+      title: 下载次数
+    - desc: 90%
+      title: 下载率
+    - desc: 3%
+      title: 失败率
+slots:
+  title:
+    type: bricks
+    bricks:
+      - brick: eo-tag
+        properties:
+          textContent: 测试
+          color: green
+  action:
+    type: bricks
+    bricks:
+      - brick: eo-dropdown-actions
+        events:
+          advanced.setting:
+            - action: message.success
+              args:
+                - click advanced button
+          button.delete:
+            - useProvider: basic.show-dialog
+              args:
+                - type: confirm
+                  title: Please Confirm
+                  content: Are you sure?
+              callback:
+                success:
+                  action: message.success
+                  args:
+                    - You just confirmed!
+                error:
+                  action: message.warn
+                  args:
+                    - You just canceled.
+        children:
+          - brick: eo-button
+            properties:
+              type: link
+              icon:
+                lib: fa
+                icon: ellipsis-v
+              size: small
+        properties:
+          actions:
+            - text: 高级设置
+              icon:
+                icon: setting
+                lib: antd
+              event: advanced.setting
+            - text: 删除
+              icon:
+                lib: easyops
+                category: default
+                icon: delete
+              event: button.delete
+              tooltip: 删除
+              tooltipPlacement: right
+              color: var(--theme-red-color)
+```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next-bricks/presentational",
-  "version": "0.8.2",
+  "version": "0.9.1",
   "homepage": "https://github.com/easyops-cn/next-bricks/tree/master/bricks/presentational",
   "repository": {
     "type": "git",
@@ -38,5 +38,5 @@
     "@next-core/test-next": "^1.0.8",
     "babel-plugin-prismjs": "^2.1.0"
   },
-  "gitHead": "1e750087d698fea956099ca02c7207ddcba96ec7"
+  "gitHead": "807a07c66dd642082bcf5e3a0d168188c2f1b492"
 }