@next-bricks/presentational 0.16.4 → 0.17.0

package/dist/manifest.json

@@ -3,6 +3,55 @@
   "package": "@next-bricks/presentational",
   "name": "presentational",
   "bricks": [
+    {
+      "name": "eo-alert",
+      "alias": [
+        "presentational.general-alert"
+      ],
+      "properties": [
+        {
+          "name": "type",
+          "description": "警告类型",
+          "attribute": false,
+          "type": "AlertType"
+        },
+        {
+          "name": "hasTitle",
+          "description": "是否显示标题。开启后，可以使用 `title` 插槽",
+          "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-descriptions",
       "alias": [
@@ -64,55 +113,6 @@
       "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": "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": [
@@ -431,6 +431,81 @@
       "parts": [],
       "description": "人性化时间展示",
       "category": "text"
+    },
+    {
+      "name": "eo-statistics-card",
+      "properties": [
+        {
+          "name": "cardTitle",
+          "description": "卡片标题",
+          "type": "string"
+        },
+        {
+          "name": "value",
+          "description": "值",
+          "type": "string"
+        },
+        {
+          "name": "unit",
+          "description": "单位",
+          "type": "string"
+        },
+        {
+          "name": "icon",
+          "description": "图标",
+          "attribute": false,
+          "type": "EoStatisticsCardProps[\"icon\"]"
+        },
+        {
+          "name": "size",
+          "description": "尺寸",
+          "default": "\"medium\"",
+          "type": "\"large\" | \"medium\" | \"small\""
+        },
+        {
+          "name": "outline",
+          "description": "卡片轮廓",
+          "default": "\"border\"",
+          "type": "\"border\" | \"background\" | \"none\""
+        },
+        {
+          "name": "background",
+          "description": "背景",
+          "type": "string"
+        },
+        {
+          "name": "descriptionPosition",
+          "description": "描述位置",
+          "default": "\"bottom\"",
+          "type": "\"bottom\" | \"right\""
+        }
+      ],
+      "events": [],
+      "slots": [
+        {
+          "name": "titlePrefix",
+          "description": "标题前缀，放置辅助信息"
+        },
+        {
+          "name": "titleSuffix",
+          "description": "标题前缀，放置辅助信息"
+        },
+        {
+          "name": "description",
+          "description": "描述信息，通常是对于统计值的描述"
+        },
+        {
+          "name": "basicContent",
+          "description": "卡片右侧内容区，适合放置迷你图表，常用于小卡片"
+        },
+        {
+          "name": "extraContent",
+          "description": "卡片下方内容区，适合放置图表，用于展示更多信息的场景"
+        }
+      ],
+      "methods": [],
+      "parts": [],
+      "description": "统计卡片"
     }
   ],
   "providers": []

package/dist/types.json

@@ -819,6 +819,299 @@
       }
     ]
   },
+  "eo-statistics-card": {
+    "properties": [
+      {
+        "name": "cardTitle",
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
+        }
+      },
+      {
+        "name": "value",
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
+        }
+      },
+      {
+        "name": "unit",
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
+        }
+      },
+      {
+        "name": "icon",
+        "annotation": {
+          "type": "indexedAccess",
+          "objectType": {
+            "type": "reference",
+            "typeName": {
+              "type": "identifier",
+              "name": "EoStatisticsCardProps"
+            }
+          },
+          "indexType": {
+            "type": "jsLiteral",
+            "value": "icon"
+          }
+        }
+      },
+      {
+        "name": "size",
+        "annotation": {
+          "type": "union",
+          "types": [
+            {
+              "type": "jsLiteral",
+              "value": "large"
+            },
+            {
+              "type": "jsLiteral",
+              "value": "medium"
+            },
+            {
+              "type": "jsLiteral",
+              "value": "small"
+            }
+          ]
+        }
+      },
+      {
+        "name": "outline",
+        "annotation": {
+          "type": "union",
+          "types": [
+            {
+              "type": "jsLiteral",
+              "value": "border"
+            },
+            {
+              "type": "jsLiteral",
+              "value": "background"
+            },
+            {
+              "type": "jsLiteral",
+              "value": "none"
+            }
+          ]
+        }
+      },
+      {
+        "name": "background",
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
+        }
+      },
+      {
+        "name": "descriptionPosition",
+        "annotation": {
+          "type": "union",
+          "types": [
+            {
+              "type": "jsLiteral",
+              "value": "bottom"
+            },
+            {
+              "type": "jsLiteral",
+              "value": "right"
+            }
+          ]
+        }
+      }
+    ],
+    "events": [],
+    "methods": [],
+    "types": [
+      {
+        "type": "interface",
+        "name": "EoStatisticsCardProps",
+        "body": [
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "cardTitle"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "string"
+            },
+            "optional": true,
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "value"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "string"
+            },
+            "optional": true,
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "unit"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "string"
+            },
+            "optional": true,
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "icon"
+            },
+            "annotation": {
+              "type": "intersection",
+              "types": [
+                {
+                  "type": "reference",
+                  "typeName": {
+                    "type": "identifier",
+                    "name": "GeneralIconProps"
+                  }
+                },
+                {
+                  "type": "typeLiteral",
+                  "members": [
+                    {
+                      "type": "propertySignature",
+                      "key": {
+                        "type": "identifier",
+                        "name": "color"
+                      },
+                      "annotation": {
+                        "type": "keyword",
+                        "value": "string"
+                      },
+                      "optional": true,
+                      "computed": false
+                    },
+                    {
+                      "type": "propertySignature",
+                      "key": {
+                        "type": "identifier",
+                        "name": "bgColor"
+                      },
+                      "annotation": {
+                        "type": "keyword",
+                        "value": "string"
+                      },
+                      "optional": true,
+                      "computed": false
+                    }
+                  ]
+                }
+              ]
+            },
+            "optional": true,
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "size"
+            },
+            "annotation": {
+              "type": "union",
+              "types": [
+                {
+                  "type": "jsLiteral",
+                  "value": "large"
+                },
+                {
+                  "type": "jsLiteral",
+                  "value": "medium"
+                },
+                {
+                  "type": "jsLiteral",
+                  "value": "small"
+                }
+              ]
+            },
+            "optional": true,
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "outline"
+            },
+            "annotation": {
+              "type": "union",
+              "types": [
+                {
+                  "type": "jsLiteral",
+                  "value": "border"
+                },
+                {
+                  "type": "jsLiteral",
+                  "value": "background"
+                },
+                {
+                  "type": "jsLiteral",
+                  "value": "none"
+                }
+              ]
+            },
+            "optional": true,
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "background"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "string"
+            },
+            "optional": true,
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "descriptionPosition"
+            },
+            "annotation": {
+              "type": "union",
+              "types": [
+                {
+                  "type": "jsLiteral",
+                  "value": "bottom"
+                },
+                {
+                  "type": "jsLiteral",
+                  "value": "right"
+                }
+              ]
+            },
+            "optional": true,
+            "computed": false
+          }
+        ]
+      }
+    ]
+  },
   "eo-alert": {
     "properties": [
       {

package/dist-types/bootstrap.d.ts

@@ -6,3 +6,4 @@ import "./card-item/index.js";
 import "./divider/index.js";
 import "./info-card-item/index.js";
 import "./humanize-time/index.js";
+import "./statistics-card/index.js";

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

@@ -0,0 +1,63 @@
+import React from "react";
+import { ReactNextElement } from "@next-core/react-element";
+import "@next-core/theme";
+import { GeneralIconProps } from "@next-bricks/icons/general-icon";
+export interface EoStatisticsCardProps {
+    cardTitle?: string;
+    value?: string;
+    unit?: string;
+    icon?: GeneralIconProps & {
+        color?: string;
+        bgColor?: string;
+    };
+    size?: "large" | "medium" | "small";
+    outline?: "border" | "background" | "none";
+    background?: string;
+    descriptionPosition?: "bottom" | "right";
+}
+/**
+ * 统计卡片
+ *
+ * @slot titlePrefix - 标题前缀，放置辅助信息
+ * @slot titleSuffix - 标题前缀，放置辅助信息
+ * @slot description - 描述信息，通常是对于统计值的描述
+ * @slot basicContent - 卡片右侧内容区，适合放置迷你图表，常用于小卡片
+ * @slot extraContent - 卡片下方内容区，适合放置图表，用于展示更多信息的场景
+ *
+ */
+export declare class EoStatisticsCard extends ReactNextElement {
+    /**
+     * 卡片标题
+     */
+    accessor cardTitle: string | undefined;
+    /**
+     * 值
+     */
+    accessor value: string | undefined;
+    /**
+     * 单位
+     */
+    accessor unit: string | undefined;
+    /**
+     * 图标
+     */
+    accessor icon: EoStatisticsCardProps["icon"] | undefined;
+    /**
+     * 尺寸
+     */
+    accessor size: "large" | "medium" | "small";
+    /**
+     * 卡片轮廓
+     */
+    accessor outline: "border" | "background" | "none";
+    /**
+     * 背景
+     */
+    accessor background: string | undefined;
+    /**
+     * 描述位置
+     */
+    accessor descriptionPosition: "bottom" | "right";
+    render(): React.JSX.Element;
+}
+export declare function EoStatisticsCardComponent(props: EoStatisticsCardProps): React.JSX.Element;

package/dist-types/statistics-card/index.spec.d.ts

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