@next-bricks/presentational 0.16.4 → 0.18.0

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/info-card-item/index.d.ts

@@ -40,6 +40,11 @@ export declare class EoInfoCardItem extends ReactNextElement {
      * @internal
      */
     accessor hasIcon: boolean | undefined;
+    /**
+     * 是否hoverable
+     * @internal
+     */
+    accessor hoverable: boolean | undefined;
     render(): React.JSX.Element;
 }
 interface IconAvatar {
@@ -62,6 +67,7 @@ interface EoInfoCardItemComponentProps {
     cardIcon?: IconAvatar | undefined;
     detailList?: InfoCardDetail[];
     callback?: Ref<HTMLDivElement>;
+    hoverable?: boolean;
 }
-export declare function EoInfoCardItemComponent({ url, target, cardTitle, description, cardIcon, detailList, callback, }: EoInfoCardItemComponentProps): React.JSX.Element;
+export declare function EoInfoCardItemComponent({ url, target, cardTitle, description, cardIcon, detailList, callback, hoverable, }: EoInfoCardItemComponentProps): React.JSX.Element;
 export {};

package/dist-types/pagination/index.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 import { ReactNextElement } from "@next-core/react-element";
 import "@next-core/theme";
+import "./host-context.css";
 interface EoPaginationProps {
     total: number;
     page: number;

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 "./";

package/docs/eo-descriptions.md

@@ -46,10 +46,7 @@
                   key: 2
                   color: green
 
-- brick: div
-  properties:
-    style:
-      margin: 10px 0px
+- brick: eo-divider
 - brick: eo-descriptions
   properties:
     column: 4
@@ -107,6 +104,7 @@
                 - text: 大男孩
                   key: 2
                   color: green
+- brick: eo-divider
 - brick: eo-descriptions
   properties:
     layout: vertical

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

@@ -5,87 +5,172 @@
 ### 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)
+- brick: eo-info-card-item
+  properties:
+    style:
+      width: 100%
+    cardTitle: 资产盘点
+    cardIcon:
+      color: orange
+      icon:
+        icon: patch-management
+        lib: easyops
+        category: app
+    description: 资产盘点为设备运维人员提供便捷的设备资产盘点能力，使用自动化的盘点方式替换原有人工盘点，解放设备运维人员的双手
+    detailList:
+      - desc: 7M
+        title: 大小
+      - desc: "863"
+        title: 下载次数
+      - desc: 80%
+        title: 下载率
+      - desc: 2%
+        title: 失败率
+  slots:
+    title:
+      type: bricks
+      bricks:
+        - brick: eo-tag
+          properties:
+            textContent: 生产
+            color: blue
+    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)
+- brick: div
+  properties:
+    style:
+      height: 20px
+- 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)
+- brick: div
+  properties:
+    style:
+      height: 50px
 ```