@next-bricks/data-view 0.15.24 → 0.17.0

package/dist/types.json

@@ -1843,6 +1843,135 @@
     "events": [],
     "methods": []
   },
+  "data-view.simple-card-item": {
+    "properties": [
+      {
+        "name": "status",
+        "annotation": {
+          "type": "union",
+          "types": [
+            {
+              "type": "jsLiteral",
+              "value": "normal"
+            },
+            {
+              "type": "jsLiteral",
+              "value": "warning"
+            }
+          ]
+        }
+      },
+      {
+        "name": "cardTitle",
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
+        }
+      },
+      {
+        "name": "description",
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
+        }
+      },
+      {
+        "name": "color",
+        "annotation": {
+          "type": "indexedAccess",
+          "objectType": {
+            "type": "reference",
+            "typeName": {
+              "type": "qualifiedName",
+              "left": {
+                "type": "identifier",
+                "name": "React"
+              },
+              "right": {
+                "type": "identifier",
+                "name": "CSSProperties"
+              }
+            }
+          },
+          "indexType": {
+            "type": "jsLiteral",
+            "value": "color"
+          }
+        }
+      },
+      {
+        "name": "descriptionList",
+        "annotation": {
+          "type": "array",
+          "elementType": {
+            "type": "reference",
+            "typeName": {
+              "type": "identifier",
+              "name": "descriptionListItem"
+            }
+          }
+        }
+      },
+      {
+        "name": "background",
+        "annotation": {
+          "type": "indexedAccess",
+          "objectType": {
+            "type": "reference",
+            "typeName": {
+              "type": "qualifiedName",
+              "left": {
+                "type": "identifier",
+                "name": "React"
+              },
+              "right": {
+                "type": "identifier",
+                "name": "CSSProperties"
+              }
+            }
+          },
+          "indexType": {
+            "type": "jsLiteral",
+            "value": "background"
+          }
+        }
+      }
+    ],
+    "events": [],
+    "methods": [],
+    "types": [
+      {
+        "type": "interface",
+        "name": "descriptionListItem",
+        "body": [
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "key"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "string"
+            },
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "value"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "string"
+            },
+            "computed": false
+          }
+        ]
+      }
+    ]
+  },
   "data-view.loading-panel": {
     "properties": [
       {
@@ -2733,6 +2862,40 @@
           "type": "keyword",
           "value": "boolean"
         }
+      },
+      {
+        "name": "disabledDefaultClickEvent",
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
+        }
+      },
+      {
+        "name": "cardSize",
+        "annotation": {
+          "type": "reference",
+          "typeName": {
+            "type": "identifier",
+            "name": "CardSize"
+          }
+        }
+      },
+      {
+        "name": "cardBrickName",
+        "annotation": {
+          "type": "reference",
+          "typeName": {
+            "type": "identifier",
+            "name": "AppWallCardBrickNameType"
+          }
+        }
+      },
+      {
+        "name": "containerId",
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
+        }
       }
     ],
     "events": [
@@ -2783,6 +2946,18 @@
             }
           }
         }
+      },
+      {
+        "name": "card.click",
+        "detail": {
+          "annotation": {
+            "type": "reference",
+            "typeName": {
+              "type": "identifier",
+              "name": "AppData"
+            }
+          }
+        }
       }
     ],
     "methods": [],
@@ -2831,11 +3006,23 @@
               "name": "cardItemProps"
             },
             "annotation": {
-              "type": "reference",
-              "typeName": {
-                "type": "identifier",
-                "name": "AppWallCardItemProps"
-              }
+              "type": "intersection",
+              "types": [
+                {
+                  "type": "reference",
+                  "typeName": {
+                    "type": "identifier",
+                    "name": "AppWallCardItemProps"
+                  }
+                },
+                {
+                  "type": "reference",
+                  "typeName": {
+                    "type": "identifier",
+                    "name": "SimpleCardItemProps"
+                  }
+                }
+              ]
             },
             "computed": false
           },
@@ -2903,6 +3090,101 @@
             }
           ]
         }
+      },
+      {
+        "type": "interface",
+        "name": "CardSize",
+        "body": [
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "width"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "number"
+            },
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "height"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "number"
+            },
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "outerWidth"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "number"
+            },
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "outerHeight"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "number"
+            },
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "lgWidth"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "number"
+            },
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "lgHeight"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "number"
+            },
+            "computed": false
+          }
+        ]
+      },
+      {
+        "type": "typeAlias",
+        "name": "AppWallCardBrickNameType",
+        "annotation": {
+          "type": "union",
+          "types": [
+            {
+              "type": "jsLiteral",
+              "value": "data-view.app-wall-card-item"
+            },
+            {
+              "type": "jsLiteral",
+              "value": "data-view.simple-card-item"
+            }
+          ]
+        }
       }
     ]
   },

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

@@ -15,25 +15,16 @@ export interface AppWallCardItemProps {
  */
 declare class AppWallCardItem extends ReactNextElement implements AppWallCardItemProps {
     /**
-    * @kind "normal" | "warning"
-    * @required false
-    * @default "normal"
-    * @description 状态
-    */
+     *  状态
+     */
     accessor status: "normal" | "warning";
     /**
-    * @kind string
-    * @required false
-    * @default
-    * @description 标题
-    */
+     *  标题
+     */
     accessor cardTitle: string;
     /**
-    * @kind string
-    * @required false
-    * @default
-    * @description 描述
-    */
+     * 描述
+     */
     accessor description: string;
     render(): JSX.Element;
 }

package/dist-types/app-wall/index.d.ts

@@ -1,7 +1,9 @@
 /// <reference types="react" />
 import { ReactNextElement } from "@next-core/react-element";
 import type { AppData, Relation } from "./utils.js";
+import { AppWallCardBrickNameType, CardSize } from "./interface.js";
 export interface AppWallProps {
+    cardSize: CardSize;
     dataSource: AppData[];
     relations: Relation[];
     useDblclick?: boolean;
@@ -10,6 +12,10 @@ export interface AppWallProps {
     leftBtnOnClick?: (data: AppData) => void;
     rightBtnOnClick?: (data: AppData) => void;
     handleCardDbClick?: (data: AppData) => void;
+    disabledDefaultClickEvent?: boolean;
+    handleCardClick?: (data: AppData) => void;
+    cardBrickName: AppWallCardBrickNameType;
+    containerId?: string;
 }
 /**
  * @id data-view.app-wall
@@ -22,32 +28,41 @@ export interface AppWallProps {
 declare class AppWall extends ReactNextElement implements AppWallProps {
     #private;
     /**
-     * @default
-     * @required
-     * @description 数据
+     *  数据
      */
     accessor dataSource: AppData[];
     /**
-     * @default
-     * @required
-     * @description 关系
+     *  关系
      */
     accessor relations: Relation[];
     /**
-     * @default
-     * @required
-     * @description 是否使用双击事件，开启之后卡片不会触发内部dblclick事件展示梯台
+     *  是否使用双击事件，开启之后卡片不会触发内部dblclick事件展示梯台
      */
     accessor useDblclick: boolean;
     /**
-     * @default
-     * @required
-     * @description 是否使用内置的distanceConfig配置
+     * 是否使用内置的distanceConfig配置
      */
     accessor useDistanceConfig: boolean;
+    /**
+     *  是否禁用触发默认单击事件，开启之后卡片不会触发内部click事件展示卡片，直接跑出了点击事件
+     */
+    accessor disabledDefaultClickEvent: boolean;
+    /**
+     *  卡的大小配置，注意这里卡片大小宽高将影响T台大小展示
+     */
+    accessor cardSize: CardSize;
+    /**
+     *  卡片支持的构件类型
+     */
+    accessor cardBrickName: AppWallCardBrickNameType;
+    /**
+     *  容器id，用于监听容器大小
+     */
+    accessor containerId: string;
     handleLeftClick: (data: AppData) => void;
     handleRightClick: (data: AppData) => void;
     handleCardDbClick: (data: AppData) => void;
+    handleCardClick: (data: AppData) => void;
     render(): JSX.Element;
 }
 export { AppWall };

package/dist-types/app-wall/interface.d.ts

@@ -2,6 +2,8 @@ import { Vector3Tuple, Object3D } from "three";
 import { CSS3DObject } from "three/examples/jsm/renderers/CSS3DRenderer.js";
 import { CabinetThumbnailProps } from "../cabinet/cabinet-thumbnail/index.jsx";
 import { AppData } from "./utils.js";
+import { AppWallCardItem } from "./card-item/index.js";
+import { SimpleCardItem } from "../simple-card-item/index.js";
 interface TrapezoidalObjectData {
     width: number;
     height: number;
@@ -22,7 +24,7 @@ export type Position = {
     y: number;
     z: number;
 };
-export type Grid = Omit<Position, 'z'>;
+export type Grid = Omit<Position, "z">;
 export type Target = AppData & Grid;
 export interface Targets {
     table: Object3D[];
@@ -68,4 +70,6 @@ export interface RegisterEvents {
     isShowRelations: boolean;
     enable: boolean;
 }
+export type AppWallCardBrickNameType = "data-view.app-wall-card-item" | "data-view.simple-card-item";
+export type AppWallCardBrickEleType = AppWallCardItem & SimpleCardItem;
 export {};

package/dist-types/app-wall/utils.d.ts

@@ -6,11 +6,12 @@ import "./system-card/index.js";
 import type { AppWallCardItemProps } from "./card-item/index.js";
 import type { AppWallRelationLineProps } from "./relation-line/index.js";
 import type { SystemCardProps } from "./system-card/index.js";
-import { TrapezoidalObjectProps, TrapezoidalProps, bounds, CardSize, DistanceConfig, Position, Target, Ele } from "./interface.js";
+import { TrapezoidalObjectProps, TrapezoidalProps, bounds, CardSize, DistanceConfig, Position, Target, Ele, AppWallCardBrickNameType } from "./interface.js";
+import { SimpleCardItemProps } from "../simple-card-item/index.js";
 export interface AppData {
     key: string;
     status: "normal" | "warning";
-    cardItemProps: AppWallCardItemProps;
+    cardItemProps: AppWallCardItemProps & SimpleCardItemProps;
     systemCardProps: SystemCardProps;
     trapezoidalProps: TrapezoidalProps;
 }
@@ -87,4 +88,4 @@ export declare const computeCurvePosition: (data: Target, cardSize: CardSize, ma
 export declare const createCurveTarget: (data: Target, cardSize: CardSize, maxX: number, maxY: number, angle: number, radius: number) => Object3D<import("three").Event>;
 export declare const computeCameraDistance: (camera: PerspectiveCamera, bounds: bounds, distanceConfig: DistanceConfig[], length: number) => number;
 export declare const getAppRelations: (object: CSS3DObject, relationsData: Relation[]) => Relation[];
-export declare const findElementByEvent: (e: MouseEvent) => Ele;
+export declare const findElementByEvent: (e: MouseEvent, tagName: AppWallCardBrickNameType) => Ele;

package/dist-types/bootstrap.d.ts

@@ -31,3 +31,4 @@ import "./top-title-bar/index.js";
 import "./lights-component-title/index.js";
 import "./hi-tech-button/index.js";
 import "./tech-mesh-base-view/index.js";
+import "./simple-card-item/index.js";

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

@@ -0,0 +1,47 @@
+import React from "react";
+import { ReactNextElement } from "@next-core/react-element";
+import "@next-core/theme";
+interface descriptionListItem {
+    key: string;
+    value: string;
+}
+export interface SimpleCardItemProps {
+    cardTitle: string;
+    description: string;
+    status?: "normal" | "warning";
+    color?: React.CSSProperties["color"];
+    background?: React.CSSProperties["background"];
+    descriptionList?: descriptionListItem[];
+}
+/**
+ * 构件 `data-view.simple-card-item`
+ */
+export declare class SimpleCardItem extends ReactNextElement {
+    /**
+     * 状态
+     */
+    accessor status: "normal" | "warning";
+    /**
+     *  标题
+     */
+    accessor cardTitle: string;
+    /**
+     * 描述
+     */
+    accessor description: string;
+    /**
+     * 字体颜色
+     */
+    accessor color: React.CSSProperties["color"];
+    /**
+     * 字体颜色
+     */
+    accessor descriptionList: descriptionListItem[];
+    /**
+     * 背景颜色
+     */
+    accessor background: React.CSSProperties["background"];
+    render(): JSX.Element;
+}
+export declare function SimpleCardItemComponent(props: SimpleCardItemProps): JSX.Element;
+export {};

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

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

package/docs/simple-card-item.md

@@ -0,0 +1,9 @@
+构件 `data-view.simple-card-item`
+
+## Examples
+
+### Basic
+
+```html preview
+<data-view.simple-card-item>Hello world</data-view.simple-card-item>
+```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next-bricks/data-view",
-  "version": "0.15.24",
+  "version": "0.17.0",
   "homepage": "https://github.com/easyops-cn/next-bricks/tree/master/bricks/data-view",
   "repository": {
     "type": "git",
@@ -34,10 +34,10 @@
     "postpublish": "mv package.json.bak package.json"
   },
   "devDependencies": {
-    "@next-core/build-next-bricks": "^1.14.2",
-    "@next-core/test-next": "^1.0.10",
+    "@next-core/build-next-bricks": "^1.14.3",
+    "@next-core/test-next": "^1.0.11",
     "@types/d3-hierarchy": "^3.1.2",
     "@types/three": "^0.150.1"
   },
-  "gitHead": "e810d1a6ff20c07084d6c603cc0b52b395c7e7d8"
+  "gitHead": "637bb42177c8d3b436edf906cafed40708c0ed44"
 }