@next-bricks/data-view 0.11.0 → 0.13.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (210) hide show
  1. package/dist/bricks.json +3 -1
  2. package/dist/chunks/{1646.e05a2000.js → 1646.7412ac5f.js} +2 -2
  3. package/dist/chunks/{1646.e05a2000.js.map → 1646.7412ac5f.js.map} +1 -1
  4. package/dist/chunks/2108.53f1e2b5.js +2 -0
  5. package/dist/chunks/2108.53f1e2b5.js.map +1 -0
  6. package/dist/chunks/2916.34d5150f.js +2 -0
  7. package/dist/chunks/{2916.a50c63cb.js.map → 2916.34d5150f.js.map} +1 -1
  8. package/dist/chunks/{3458.815b30cd.js → 3458.66ce61b1.js} +2 -2
  9. package/dist/chunks/{3458.815b30cd.js.map → 3458.66ce61b1.js.map} +1 -1
  10. package/dist/chunks/{3494.81c25a14.js → 3494.7b59fbc7.js} +2 -2
  11. package/dist/chunks/{3494.81c25a14.js.map → 3494.7b59fbc7.js.map} +1 -1
  12. package/dist/chunks/{4049.5cd53715.js → 4049.29408ae2.js} +2 -2
  13. package/dist/chunks/{4049.5cd53715.js.map → 4049.29408ae2.js.map} +1 -1
  14. package/dist/chunks/4131.68cd0781.js +2 -0
  15. package/dist/chunks/4131.68cd0781.js.map +1 -0
  16. package/dist/chunks/4770.0dcb5da8.js +2 -0
  17. package/dist/chunks/{4770.570722fa.js.map → 4770.0dcb5da8.js.map} +1 -1
  18. package/dist/chunks/5114.c504ff08.js +2 -0
  19. package/dist/chunks/{5114.5c6a5b4e.js.map → 5114.c504ff08.js.map} +1 -1
  20. package/dist/chunks/5628.b7434edc.js +2 -0
  21. package/dist/chunks/5628.b7434edc.js.map +1 -0
  22. package/dist/chunks/{5636.b6b13710.js → 5636.d64d4d52.js} +2 -2
  23. package/dist/chunks/{5636.b6b13710.js.map → 5636.d64d4d52.js.map} +1 -1
  24. package/dist/chunks/{5725.99c9dc43.js → 5725.acd3173d.js} +2 -2
  25. package/dist/chunks/{5725.99c9dc43.js.map → 5725.acd3173d.js.map} +1 -1
  26. package/dist/chunks/{6205.39fbe7aa.js → 6205.f18e341c.js} +2 -2
  27. package/dist/chunks/{6205.39fbe7aa.js.map → 6205.f18e341c.js.map} +1 -1
  28. package/dist/chunks/6301.5bc48948.js +2 -0
  29. package/dist/chunks/6301.5bc48948.js.map +1 -0
  30. package/dist/chunks/{6473.ee65d359.js → 6473.4c7164f1.js} +2 -2
  31. package/dist/chunks/{6473.ee65d359.js.map → 6473.4c7164f1.js.map} +1 -1
  32. package/dist/chunks/{7164.8395e4ed.js → 7164.f1274bef.js} +2 -2
  33. package/dist/chunks/{7164.8395e4ed.js.map → 7164.f1274bef.js.map} +1 -1
  34. package/dist/chunks/{7672.983820e1.js → 7672.f8c0d9d5.js} +2 -2
  35. package/dist/chunks/{7672.983820e1.js.map → 7672.f8c0d9d5.js.map} +1 -1
  36. package/dist/chunks/7746.58cce6af.js +2 -0
  37. package/dist/chunks/7746.58cce6af.js.map +1 -0
  38. package/dist/chunks/{7822.94e0694c.js → 7822.16f2edd6.js} +2 -2
  39. package/dist/chunks/{7822.94e0694c.js.map → 7822.16f2edd6.js.map} +1 -1
  40. package/dist/chunks/{8691.77e66d2a.js → 8691.bfecd4c2.js} +2 -2
  41. package/dist/chunks/{8691.77e66d2a.js.map → 8691.bfecd4c2.js.map} +1 -1
  42. package/dist/chunks/9549.223583b0.js +2 -0
  43. package/dist/chunks/{9549.7e545750.js.map → 9549.223583b0.js.map} +1 -1
  44. package/dist/chunks/app-wall-card-item.773b88a2.js +3 -0
  45. package/dist/chunks/{app-wall-card-item.52bfd72b.js.map → app-wall-card-item.773b88a2.js.map} +1 -1
  46. package/dist/chunks/app-wall-relation-line.b3457721.js +3 -0
  47. package/dist/chunks/{app-wall-relation-line.d12ab574.js.map → app-wall-relation-line.b3457721.js.map} +1 -1
  48. package/dist/chunks/{app-wall-system-card.8aa3df71.js → app-wall-system-card.bde6830e.js} +2 -2
  49. package/dist/chunks/{app-wall-system-card.8aa3df71.js.map → app-wall-system-card.bde6830e.js.map} +1 -1
  50. package/dist/chunks/app-wall.c42aea16.js +2 -0
  51. package/dist/chunks/{app-wall.4204fd25.js.map → app-wall.c42aea16.js.map} +1 -1
  52. package/dist/chunks/battery-chart.bce01429.js +2 -0
  53. package/dist/chunks/{battery-chart.de6dbc15.js.map → battery-chart.bce01429.js.map} +1 -1
  54. package/dist/chunks/brick-notification.849b2697.js +2 -0
  55. package/dist/chunks/{brick-notification.3fa76af0.js.map → brick-notification.849b2697.js.map} +1 -1
  56. package/dist/chunks/cabinet-app-layer.7d13abc3.js +3 -0
  57. package/dist/chunks/{cabinet-app-layer.263dc258.js.map → cabinet-app-layer.7d13abc3.js.map} +1 -1
  58. package/dist/chunks/cabinet-button.eace0f9d.js +2 -0
  59. package/dist/chunks/cabinet-button.eace0f9d.js.map +1 -0
  60. package/dist/chunks/cabinet-container.8b79820d.js +3 -0
  61. package/dist/chunks/cabinet-container.8b79820d.js.map +1 -0
  62. package/dist/chunks/cabinet-graph.ccbdb7d8.js +2 -0
  63. package/dist/chunks/cabinet-graph.ccbdb7d8.js.map +1 -0
  64. package/dist/chunks/cabinet-node.ef54d0c4.js +3 -0
  65. package/dist/chunks/cabinet-node.ef54d0c4.js.map +1 -0
  66. package/dist/chunks/cabinet-thumbnail.22282acb.js +3 -0
  67. package/dist/chunks/cabinet-thumbnail.22282acb.js.map +1 -0
  68. package/dist/chunks/complex-search.9a396c27.js +2 -0
  69. package/dist/chunks/{complex-search.131739bd.js.map → complex-search.9a396c27.js.map} +1 -1
  70. package/dist/chunks/dropdown-menu.d845a097.js +3 -0
  71. package/dist/chunks/{dropdown-menu.f7a23665.js.map → dropdown-menu.d845a097.js.map} +1 -1
  72. package/dist/chunks/gauge-chart.f4944080.js +2 -0
  73. package/dist/chunks/{gauge-chart.b3d54688.js.map → gauge-chart.f4944080.js.map} +1 -1
  74. package/dist/chunks/gear-background.d94e02e2.js +2 -0
  75. package/dist/chunks/{gear-background.5961b01f.js.map → gear-background.d94e02e2.js.map} +1 -1
  76. package/dist/chunks/graph-layout-grid.596f5ff8.js +2 -0
  77. package/dist/chunks/{graph-layout-grid.e57ec367.js.map → graph-layout-grid.596f5ff8.js.map} +1 -1
  78. package/dist/chunks/graph-node.547a6dc9.js +2 -0
  79. package/dist/chunks/graph-node.547a6dc9.js.map +1 -0
  80. package/dist/chunks/graph-text.e913f91e.js +2 -0
  81. package/dist/chunks/graph-text.e913f91e.js.map +1 -0
  82. package/dist/chunks/grid-background.8034709e.js +2 -0
  83. package/dist/chunks/{grid-background.4f194b65.js.map → grid-background.8034709e.js.map} +1 -1
  84. package/dist/chunks/hi-tech-button.fcb724f8.js +2 -0
  85. package/dist/chunks/hi-tech-button.fcb724f8.js.map +1 -0
  86. package/dist/chunks/lights-component-title.6e709aa8.js +2 -0
  87. package/dist/chunks/lights-component-title.6e709aa8.js.map +1 -0
  88. package/dist/chunks/loading-panel.75c7fcdc.js +2 -0
  89. package/dist/chunks/{loading-panel.235559c2.js.map → loading-panel.75c7fcdc.js.map} +1 -1
  90. package/dist/chunks/main.999836cf.js +2 -0
  91. package/dist/chunks/main.999836cf.js.map +1 -0
  92. package/dist/chunks/modern-style-component-title.0ecbc822.js +2 -0
  93. package/dist/chunks/{modern-style-component-title.bc2ee704.js.map → modern-style-component-title.0ecbc822.js.map} +1 -1
  94. package/dist/chunks/modern-style-page-title.6ec3a54a.js +2 -0
  95. package/dist/chunks/{modern-style-page-title.63ce36d4.js.map → modern-style-page-title.6ec3a54a.js.map} +1 -1
  96. package/dist/chunks/modern-style-treemap.61642f86.js +3 -0
  97. package/dist/chunks/{modern-style-treemap.5473a85d.js.map → modern-style-treemap.61642f86.js.map} +1 -1
  98. package/dist/chunks/particle-animation.0edae74c.js +2 -0
  99. package/dist/chunks/{particle-animation.96787333.js.map → particle-animation.0edae74c.js.map} +1 -1
  100. package/dist/chunks/radar-chart.3c0fc235.js +2 -0
  101. package/dist/chunks/{radar-chart.1b7e91a4.js.map → radar-chart.3c0fc235.js.map} +1 -1
  102. package/dist/chunks/tabs-drawer.c77b2402.js +3 -0
  103. package/dist/chunks/{tabs-drawer.5070d5a0.js.map → tabs-drawer.c77b2402.js.map} +1 -1
  104. package/dist/chunks/tabs-page-title.d479525c.js +3 -0
  105. package/dist/chunks/{tabs-page-title.34271921.js.map → tabs-page-title.d479525c.js.map} +1 -1
  106. package/dist/chunks/tech-mesh-base-view.54fff757.js +2 -0
  107. package/dist/chunks/tech-mesh-base-view.54fff757.js.map +1 -0
  108. package/dist/chunks/title-text.0e67fd3e.js +2 -0
  109. package/dist/chunks/{title-text.9b21db4c.js.map → title-text.0e67fd3e.js.map} +1 -1
  110. package/dist/chunks/top-title-bar.b61de75a.js +2 -0
  111. package/dist/chunks/{top-title-bar.7745b624.js.map → top-title-bar.b61de75a.js.map} +1 -1
  112. package/dist/images/14144044.svg +19 -0
  113. package/dist/images/23be87ab.png +0 -0
  114. package/dist/images/5816a053.svg +67 -0
  115. package/dist/images/6001087c.svg +100 -0
  116. package/dist/images/67e041ba.png +0 -0
  117. package/dist/images/71dc0f5c.svg +100 -0
  118. package/dist/images/89ffc03f.svg +81 -0
  119. package/dist/images/8c047152.svg +101 -0
  120. package/dist/images/ac87a0d1.svg +59 -0
  121. package/dist/images/ae501ca8.png +0 -0
  122. package/dist/images/c26623df.svg +179 -0
  123. package/dist/images/d3d5ffa5.png +0 -0
  124. package/dist/images/d53772bd.svg +112 -0
  125. package/dist/images/f4f0c24f.svg +90 -0
  126. package/dist/images/f8567409.svg +122 -0
  127. package/dist/index.ba2895a5.js +2 -0
  128. package/dist/index.ba2895a5.js.map +1 -0
  129. package/dist/manifest.json +52 -1
  130. package/dist/types.json +138 -30
  131. package/dist-types/bootstrap.d.ts +2 -0
  132. package/dist-types/cabinet/cabinet-container/index.d.ts +2 -2
  133. package/dist-types/cabinet/cabinet-node/index.d.ts +2 -2
  134. package/dist-types/cabinet/index.d.ts +1 -1
  135. package/dist-types/hi-tech-button/index.d.ts +30 -0
  136. package/dist-types/hi-tech-button/index.spec.d.ts +1 -0
  137. package/dist-types/lights-component-title/index.d.ts +7 -0
  138. package/dist-types/tech-mesh-base-view/index.d.ts +12 -0
  139. package/dist-types/tech-mesh-base-view/index.spec.d.ts +1 -0
  140. package/docs/cabinet-graph.md +54 -0
  141. package/docs/cabinet-thumbnail.md +47 -0
  142. package/docs/hi-tech-button.md +89 -0
  143. package/docs/lights-component-title.md +20 -1
  144. package/docs/tech-mesh-base-view.md +57 -0
  145. package/docs/top-title-bar.md +3 -3
  146. package/package.json +4 -4
  147. package/dist/chunks/2916.a50c63cb.js +0 -2
  148. package/dist/chunks/4131.2914a18d.js +0 -2
  149. package/dist/chunks/4131.2914a18d.js.map +0 -1
  150. package/dist/chunks/4717.9d6d3900.js +0 -2
  151. package/dist/chunks/4717.9d6d3900.js.map +0 -1
  152. package/dist/chunks/4770.570722fa.js +0 -2
  153. package/dist/chunks/5114.5c6a5b4e.js +0 -2
  154. package/dist/chunks/6622.6f1e539b.js +0 -2
  155. package/dist/chunks/6622.6f1e539b.js.map +0 -1
  156. package/dist/chunks/7746.abcc7ffd.js +0 -2
  157. package/dist/chunks/7746.abcc7ffd.js.map +0 -1
  158. package/dist/chunks/9549.7e545750.js +0 -2
  159. package/dist/chunks/app-wall-card-item.52bfd72b.js +0 -3
  160. package/dist/chunks/app-wall-relation-line.d12ab574.js +0 -3
  161. package/dist/chunks/app-wall.4204fd25.js +0 -2
  162. package/dist/chunks/battery-chart.de6dbc15.js +0 -2
  163. package/dist/chunks/brick-notification.3fa76af0.js +0 -2
  164. package/dist/chunks/cabinet-app-layer.263dc258.js +0 -3
  165. package/dist/chunks/cabinet-button.b31f664b.js +0 -2
  166. package/dist/chunks/cabinet-button.b31f664b.js.map +0 -1
  167. package/dist/chunks/cabinet-container.a76fdd0e.js +0 -3
  168. package/dist/chunks/cabinet-container.a76fdd0e.js.map +0 -1
  169. package/dist/chunks/cabinet-graph.e8dfa2f5.js +0 -2
  170. package/dist/chunks/cabinet-graph.e8dfa2f5.js.map +0 -1
  171. package/dist/chunks/cabinet-node.4a9b5457.js +0 -3
  172. package/dist/chunks/cabinet-node.4a9b5457.js.map +0 -1
  173. package/dist/chunks/cabinet-thumbnail.c5035211.js +0 -3
  174. package/dist/chunks/cabinet-thumbnail.c5035211.js.map +0 -1
  175. package/dist/chunks/complex-search.131739bd.js +0 -2
  176. package/dist/chunks/dropdown-menu.f7a23665.js +0 -3
  177. package/dist/chunks/gauge-chart.b3d54688.js +0 -2
  178. package/dist/chunks/gear-background.5961b01f.js +0 -2
  179. package/dist/chunks/graph-layout-grid.e57ec367.js +0 -2
  180. package/dist/chunks/graph-node.9ef5f1e2.js +0 -2
  181. package/dist/chunks/graph-node.9ef5f1e2.js.map +0 -1
  182. package/dist/chunks/graph-text.7c41b025.js +0 -2
  183. package/dist/chunks/graph-text.7c41b025.js.map +0 -1
  184. package/dist/chunks/grid-background.4f194b65.js +0 -2
  185. package/dist/chunks/lights-component-title.075a8e4f.js +0 -2
  186. package/dist/chunks/lights-component-title.075a8e4f.js.map +0 -1
  187. package/dist/chunks/loading-panel.235559c2.js +0 -2
  188. package/dist/chunks/main.c4d65463.js +0 -2
  189. package/dist/chunks/main.c4d65463.js.map +0 -1
  190. package/dist/chunks/modern-style-component-title.bc2ee704.js +0 -2
  191. package/dist/chunks/modern-style-page-title.63ce36d4.js +0 -2
  192. package/dist/chunks/modern-style-treemap.5473a85d.js +0 -3
  193. package/dist/chunks/particle-animation.96787333.js +0 -2
  194. package/dist/chunks/radar-chart.1b7e91a4.js +0 -2
  195. package/dist/chunks/tabs-drawer.5070d5a0.js +0 -3
  196. package/dist/chunks/tabs-page-title.34271921.js +0 -3
  197. package/dist/chunks/title-text.9b21db4c.js +0 -2
  198. package/dist/chunks/top-title-bar.7745b624.js +0 -2
  199. package/dist/index.958cbcba.js +0 -2
  200. package/dist/index.958cbcba.js.map +0 -1
  201. /package/dist/chunks/{app-wall-card-item.52bfd72b.js.LICENSE.txt → app-wall-card-item.773b88a2.js.LICENSE.txt} +0 -0
  202. /package/dist/chunks/{app-wall-relation-line.d12ab574.js.LICENSE.txt → app-wall-relation-line.b3457721.js.LICENSE.txt} +0 -0
  203. /package/dist/chunks/{cabinet-app-layer.263dc258.js.LICENSE.txt → cabinet-app-layer.7d13abc3.js.LICENSE.txt} +0 -0
  204. /package/dist/chunks/{cabinet-container.a76fdd0e.js.LICENSE.txt → cabinet-container.8b79820d.js.LICENSE.txt} +0 -0
  205. /package/dist/chunks/{cabinet-node.4a9b5457.js.LICENSE.txt → cabinet-node.ef54d0c4.js.LICENSE.txt} +0 -0
  206. /package/dist/chunks/{cabinet-thumbnail.c5035211.js.LICENSE.txt → cabinet-thumbnail.22282acb.js.LICENSE.txt} +0 -0
  207. /package/dist/chunks/{dropdown-menu.f7a23665.js.LICENSE.txt → dropdown-menu.d845a097.js.LICENSE.txt} +0 -0
  208. /package/dist/chunks/{modern-style-treemap.5473a85d.js.LICENSE.txt → modern-style-treemap.61642f86.js.LICENSE.txt} +0 -0
  209. /package/dist/chunks/{tabs-drawer.5070d5a0.js.LICENSE.txt → tabs-drawer.c77b2402.js.LICENSE.txt} +0 -0
  210. /package/dist/chunks/{tabs-page-title.34271921.js.LICENSE.txt → tabs-page-title.d479525c.js.LICENSE.txt} +0 -0
@@ -2,6 +2,7 @@
2
2
  import { ReactNextElement } from "@next-core/react-element";
3
3
  interface LightsComponentTitleProps {
4
4
  componentTitle: string;
5
+ theme: "light" | "dark";
5
6
  }
6
7
  /**
7
8
  * 构件 `data-view.lights-component-title`
@@ -13,6 +14,12 @@ export declare class LightsComponentTitle extends ReactNextElement implements Li
13
14
  * @default -
14
15
  */
15
16
  accessor componentTitle: string;
17
+ /**
18
+ * @default
19
+ * @required
20
+ * @description
21
+ */
22
+ accessor theme: "light" | "dark";
16
23
  render(): JSX.Element;
17
24
  }
18
25
  export declare function LightsComponentTitleComponent(props: LightsComponentTitleProps): JSX.Element;
@@ -0,0 +1,12 @@
1
+ /// <reference types="react" />
2
+ import { ReactNextElement } from "@next-core/react-element";
3
+ import "@next-core/theme";
4
+ /**
5
+ * 大屏框架构件-网格纹
6
+ * @author jiezhou
7
+ * @slot - 页面内容
8
+ */
9
+ export declare class TechMeshBaseView extends ReactNextElement {
10
+ render(): JSX.Element;
11
+ }
12
+ export declare function TechMeshBaseViewComponent(): JSX.Element;
@@ -0,0 +1 @@
1
+ import "./";
@@ -0,0 +1,54 @@
1
+ data-view.cabinet-graph 部署架构拓扑
2
+
3
+ ## Examples
4
+
5
+ ### Basic
6
+
7
+ ```yaml preview
8
+ - brick: data-view.cabinet-graph
9
+ properties:
10
+ dataSource:
11
+ appName: inventory-api
12
+ key: inventory-api
13
+ clusters:
14
+ - clusterName: inventory-api##aaaaa
15
+ key: inventory-api##aaaaa
16
+ type: host
17
+ nodes:
18
+ - nodeTitle: 244.244.244.244
19
+ key: 244.244.244.244
20
+ type: physical-machine
21
+ isAlert: true
22
+ - nodeTitle: 244.244.244.245
23
+ key: 244.244.244.245
24
+ type: virtual-machine
25
+ isAlert: true
26
+ - nodeTitle: 244.244.245.245
27
+ key: 244.244.245.245
28
+ type: physical-machine
29
+ - nodeTitle: 244.244.245.244
30
+ key: 244.244.245.244
31
+ type: virtual-machine
32
+ - clusterName: K8S集群xxx
33
+ key: k8s-cluster
34
+ type: k8s
35
+ nodes:
36
+ - nodeTitle: a容器组
37
+ key: aa
38
+ type: container-group
39
+ isAlert: true
40
+ - nodeTitle: b容器组
41
+ key: bb
42
+ type: container-group
43
+ - clusterName: K8S集群xx
44
+ key: xxxx
45
+ type: k8s-blue
46
+ nodes:
47
+ - nodeTitle: a容器组
48
+ key: aa
49
+ type: pod
50
+ isAlert: true
51
+ - nodeTitle: b容器组
52
+ key: bb
53
+ type: pod
54
+ ```
@@ -0,0 +1,47 @@
1
+ data-view.cabinet-thumbnail 部署架构拓扑缩略图
2
+
3
+ ## Examples
4
+
5
+ ### Basic
6
+
7
+ ```yaml preview
8
+ - brick: data-view.cabinet-thumbnail
9
+ properties:
10
+ appName: inventory-api
11
+ clusters:
12
+ - title: inventory-api##aaaaa
13
+ type: host
14
+ data:
15
+ - nodeTitle: 244.244.244.244
16
+ key: 244.244.244.244
17
+ type: physical-machine
18
+ - nodeTitle: 244.244.244.245
19
+ key: 244.244.244.245
20
+ type: virtual-machine
21
+ - nodeTitle: 244.244.245.245
22
+ key: 244.244.245.245
23
+ type: physical-machine
24
+ - nodeTitle: 244.244.245.244
25
+ key: 244.244.245.244
26
+ type: virtual-machine
27
+ - title: K8S集群xxx
28
+ key: k8s-cluster
29
+ type: k8s
30
+ data:
31
+ - nodeTitle: a容器组
32
+ key: aa
33
+ type: container-group
34
+ - nodeTitle: b容器组
35
+ key: bb
36
+ type: container-group
37
+ - title: K8S集群xx
38
+ key: xxxx
39
+ type: k8s-blue
40
+ data:
41
+ - nodeTitle: a1容器组
42
+ key: aaa
43
+ type: pod
44
+ - nodeTitle: b1容器组
45
+ key: bbb
46
+ type: pod
47
+ ```
@@ -0,0 +1,89 @@
1
+ 构件 `data-view.hi-tech-button`
2
+
3
+ ## Examples
4
+
5
+ ### Basic
6
+
7
+ ```yaml preview
8
+ - brick: data-view.hi-tech-button
9
+ slots:
10
+ "":
11
+ type: bricks
12
+ bricks:
13
+ - brick: span
14
+ properties:
15
+ textContent: BUTTON
16
+ ```
17
+
18
+ ### Parallelogram
19
+
20
+ ```yaml preview
21
+ - brick: data-view.hi-tech-button
22
+ properties:
23
+ type: parallelogram
24
+ slots:
25
+ "":
26
+ type: bricks
27
+ bricks:
28
+ - brick: span
29
+ properties:
30
+ textContent: BUTTON
31
+ ```
32
+
33
+ ### Stereoscopic
34
+
35
+ ```yaml preview
36
+ - brick: data-view.hi-tech-button
37
+ properties:
38
+ type: stereoscopic
39
+ slots:
40
+ "":
41
+ type: bricks
42
+ bricks:
43
+ - brick: span
44
+ properties:
45
+ textContent: BUTTON
46
+ ```
47
+
48
+ ### Shading
49
+
50
+ ```yaml preview
51
+ - brick: data-view.hi-tech-button
52
+ properties:
53
+ type: shading
54
+ slots:
55
+ "":
56
+ type: bricks
57
+ bricks:
58
+ - brick: span
59
+ properties:
60
+ textContent: BUTTON
61
+ ```
62
+
63
+ ### Round
64
+
65
+ ```yaml preview
66
+ - brick: data-view.hi-tech-button
67
+ properties:
68
+ type: round
69
+ slots:
70
+ "":
71
+ type: bricks
72
+ bricks:
73
+ - brick: span
74
+ properties:
75
+ textContent: BUTTON
76
+ ```
77
+
78
+ ### Click
79
+
80
+ ```yaml preview
81
+ - brick: data-view.hi-tech-button
82
+ properties:
83
+ textContent: BUTTON
84
+ events:
85
+ click:
86
+ action: message.success
87
+ args:
88
+ - Click!
89
+ ```
@@ -2,7 +2,7 @@
2
2
 
3
3
  ## Examples
4
4
 
5
- ### Basic
5
+ ### Light
6
6
 
7
7
  ```yaml preview
8
8
  - brick: div
@@ -18,4 +18,23 @@
18
18
  - brick: data-view.lights-component-title
19
19
  properties:
20
20
  componentTitle: 标题内容
21
+ theme: "light"
22
+ ```
23
+ ### Dark
24
+
25
+ ```yaml preview
26
+ - brick: div
27
+ properties:
28
+ style:
29
+ width: 100%
30
+ height: 100%
31
+ background: "#000000FF"
32
+ slots:
33
+ "":
34
+ type: bricks
35
+ bricks:
36
+ - brick: data-view.lights-component-title
37
+ properties:
38
+ componentTitle: 标题内容
39
+ theme: "dark"
21
40
  ```
@@ -0,0 +1,57 @@
1
+ 构件 `data-view.tech-mesh-base-view`
2
+
3
+ ## Examples
4
+
5
+ ### Basic TabsTitleBar
6
+
7
+ ```yaml preview
8
+ - brick: data-view.tech-mesh-base-view
9
+ properties:
10
+ style:
11
+ min-height: 800px
12
+ slots:
13
+ titleBar:
14
+ type: bricks
15
+ bricks:
16
+ - brick: data-view.tabs-page-title
17
+ slots:
18
+ "":
19
+ type: bricks
20
+ bricks:
21
+ - brick: data-view.title-text
22
+ properties:
23
+ text: 大标题
24
+ type: gradient
25
+ start:
26
+ type: bricks
27
+ bricks:
28
+ - brick: data-view.brick-notification
29
+ properties:
30
+ message: This is the content of the notification.
31
+ end:
32
+ type: bricks
33
+ bricks:
34
+ - brick: div
35
+ properties:
36
+ textContent: "2022/11/30 17:25 星期四"
37
+ style:
38
+ font-size: 16px
39
+ color: "#fff"
40
+ ```
41
+
42
+ ### Sample TitleBar
43
+
44
+ ```yaml preview
45
+ - brick: data-view.tech-mesh-base-view
46
+ properties:
47
+ style:
48
+ min-height: 800px
49
+ slots:
50
+ titleBar:
51
+ type: bricks
52
+ bricks:
53
+ - brick: data-view.top-title-bar
54
+ properties:
55
+ text: 可视化大屏
56
+ type: sample
57
+ ```
@@ -7,7 +7,7 @@
7
7
  ```yaml preview
8
8
  - brick: data-view.top-title-bar
9
9
  properties:
10
- text: 实时数据可视化大屏
10
+ text: 标题
11
11
  ```
12
12
 
13
13
  ### Smaple
@@ -15,7 +15,7 @@
15
15
  ```yaml preview
16
16
  - brick: data-view.top-title-bar
17
17
  properties:
18
- text: 实时数据可视化大屏
18
+ text: 标题
19
19
  type: sample
20
20
  ```
21
21
 
@@ -24,6 +24,6 @@
24
24
  ```yaml preview
25
25
  - brick: data-view.top-title-bar
26
26
  properties:
27
- text: 实时数据可视化大屏
27
+ text: 标题
28
28
  type: square
29
29
  ```
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@next-bricks/data-view",
3
- "version": "0.11.0",
3
+ "version": "0.13.0",
4
4
  "homepage": "https://github.com/easyops-cn/next-bricks/tree/master/bricks/data-view",
5
5
  "repository": {
6
6
  "type": "git",
@@ -34,10 +34,10 @@
34
34
  "postpublish": "mv package.json.bak package.json"
35
35
  },
36
36
  "devDependencies": {
37
- "@next-core/build-next-bricks": "^1.13.0",
38
- "@next-core/test-next": "^1.0.6",
37
+ "@next-core/build-next-bricks": "^1.13.2",
38
+ "@next-core/test-next": "^1.0.7",
39
39
  "@types/d3-hierarchy": "^3.1.2",
40
40
  "@types/three": "^0.150.1"
41
41
  },
42
- "gitHead": "2473585d600a9df03bfb59ba823ea1303f3dd4bb"
42
+ "gitHead": "cf94974ff1cac5d54b1502d8687191302c3808a7"
43
43
  }
@@ -1,2 +0,0 @@
1
- "use strict";(self.webpackChunk_next_bricks_data_view=self.webpackChunk_next_bricks_data_view||[]).push([[2916],{2609:t=>{t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var n="",r=void 0!==e[5];return e[4]&&(n+="@supports (".concat(e[4],") {")),e[2]&&(n+="@media ".concat(e[2]," {")),r&&(n+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),n+=t(e),r&&(n+="}"),e[2]&&(n+="}"),e[4]&&(n+="}"),n})).join("")},e.i=function(t,n,r,i,o){"string"==typeof t&&(t=[[null,t,void 0]]);var s={};if(r)for(var c=0;c<this.length;c++){var a=this[c][0];null!=a&&(s[a]=!0)}for(var u=0;u<t.length;u++){var f=[].concat(t[u]);r&&s[f[0]]||(void 0!==o&&(void 0===f[5]||(f[1]="@layer".concat(f[5].length>0?" ".concat(f[5]):""," {").concat(f[1],"}")),f[5]=o),n&&(f[2]?(f[1]="@media ".concat(f[2]," {").concat(f[1],"}"),f[2]=n):f[2]=n),i&&(f[4]?(f[1]="@supports (".concat(f[4],") {").concat(f[1],"}"),f[4]=i):f[4]="".concat(i)),e.push(f))}},e}},9601:t=>{t.exports=function(t){return t[1]}},7209:(t,e,n)=>{n.d(e,{Z:()=>E});var r=function(){if("undefined"!=typeof Map)return Map;function t(t,e){var n=-1;return t.some((function(t,r){return t[0]===e&&(n=r,!0)})),n}return function(){function e(){this.__entries__=[]}return Object.defineProperty(e.prototype,"size",{get:function(){return this.__entries__.length},enumerable:!0,configurable:!0}),e.prototype.get=function(e){var n=t(this.__entries__,e),r=this.__entries__[n];return r&&r[1]},e.prototype.set=function(e,n){var r=t(this.__entries__,e);~r?this.__entries__[r][1]=n:this.__entries__.push([e,n])},e.prototype.delete=function(e){var n=this.__entries__,r=t(n,e);~r&&n.splice(r,1)},e.prototype.has=function(e){return!!~t(this.__entries__,e)},e.prototype.clear=function(){this.__entries__.splice(0)},e.prototype.forEach=function(t,e){void 0===e&&(e=null);for(var n=0,r=this.__entries__;n<r.length;n++){var i=r[n];t.call(e,i[1],i[0])}},e}()}(),i="undefined"!=typeof window&&"undefined"!=typeof document&&window.document===document,o=void 0!==n.g&&n.g.Math===Math?n.g:"undefined"!=typeof self&&self.Math===Math?self:"undefined"!=typeof window&&window.Math===Math?window:Function("return this")(),s="function"==typeof requestAnimationFrame?requestAnimationFrame.bind(o):function(t){return setTimeout((function(){return t(Date.now())}),1e3/60)},c=["top","right","bottom","left","width","height","size","weight"],a="undefined"!=typeof MutationObserver,u=function(){function t(){this.connected_=!1,this.mutationEventsAdded_=!1,this.mutationsObserver_=null,this.observers_=[],this.onTransitionEnd_=this.onTransitionEnd_.bind(this),this.refresh=function(t,e){var n=!1,r=!1,i=0;function o(){n&&(n=!1,t()),r&&a()}function c(){s(o)}function a(){var t=Date.now();if(n){if(t-i<2)return;r=!0}else n=!0,r=!1,setTimeout(c,e);i=t}return a}(this.refresh.bind(this),20)}return t.prototype.addObserver=function(t){~this.observers_.indexOf(t)||this.observers_.push(t),this.connected_||this.connect_()},t.prototype.removeObserver=function(t){var e=this.observers_,n=e.indexOf(t);~n&&e.splice(n,1),!e.length&&this.connected_&&this.disconnect_()},t.prototype.refresh=function(){this.updateObservers_()&&this.refresh()},t.prototype.updateObservers_=function(){var t=this.observers_.filter((function(t){return t.gatherActive(),t.hasActive()}));return t.forEach((function(t){return t.broadcastActive()})),t.length>0},t.prototype.connect_=function(){i&&!this.connected_&&(document.addEventListener("transitionend",this.onTransitionEnd_),window.addEventListener("resize",this.refresh),a?(this.mutationsObserver_=new MutationObserver(this.refresh),this.mutationsObserver_.observe(document,{attributes:!0,childList:!0,characterData:!0,subtree:!0})):(document.addEventListener("DOMSubtreeModified",this.refresh),this.mutationEventsAdded_=!0),this.connected_=!0)},t.prototype.disconnect_=function(){i&&this.connected_&&(document.removeEventListener("transitionend",this.onTransitionEnd_),window.removeEventListener("resize",this.refresh),this.mutationsObserver_&&this.mutationsObserver_.disconnect(),this.mutationEventsAdded_&&document.removeEventListener("DOMSubtreeModified",this.refresh),this.mutationsObserver_=null,this.mutationEventsAdded_=!1,this.connected_=!1)},t.prototype.onTransitionEnd_=function(t){var e=t.propertyName,n=void 0===e?"":e;c.some((function(t){return!!~n.indexOf(t)}))&&this.refresh()},t.getInstance=function(){return this.instance_||(this.instance_=new t),this.instance_},t.instance_=null,t}(),f=function(t,e){for(var n=0,r=Object.keys(e);n<r.length;n++){var i=r[n];Object.defineProperty(t,i,{value:e[i],enumerable:!1,writable:!1,configurable:!0})}return t},h=function(t){return t&&t.ownerDocument&&t.ownerDocument.defaultView||o},d=y(0,0,0,0);function l(t){return parseFloat(t)||0}function p(t){for(var e=[],n=1;n<arguments.length;n++)e[n-1]=arguments[n];return e.reduce((function(e,n){return e+l(t["border-"+n+"-width"])}),0)}var v="undefined"!=typeof SVGGraphicsElement?function(t){return t instanceof h(t).SVGGraphicsElement}:function(t){return t instanceof h(t).SVGElement&&"function"==typeof t.getBBox};function b(t){return i?v(t)?function(t){var e=t.getBBox();return y(0,0,e.width,e.height)}(t):function(t){var e=t.clientWidth,n=t.clientHeight;if(!e&&!n)return d;var r=h(t).getComputedStyle(t),i=function(t){for(var e={},n=0,r=["top","right","bottom","left"];n<r.length;n++){var i=r[n],o=t["padding-"+i];e[i]=l(o)}return e}(r),o=i.left+i.right,s=i.top+i.bottom,c=l(r.width),a=l(r.height);if("border-box"===r.boxSizing&&(Math.round(c+o)!==e&&(c-=p(r,"left","right")+o),Math.round(a+s)!==n&&(a-=p(r,"top","bottom")+s)),!function(t){return t===h(t).document.documentElement}(t)){var u=Math.round(c+o)-e,f=Math.round(a+s)-n;1!==Math.abs(u)&&(c-=u),1!==Math.abs(f)&&(a-=f)}return y(i.left,i.top,c,a)}(t):d}function y(t,e,n,r){return{x:t,y:e,width:n,height:r}}var _=function(){function t(t){this.broadcastWidth=0,this.broadcastHeight=0,this.contentRect_=y(0,0,0,0),this.target=t}return t.prototype.isActive=function(){var t=b(this.target);return this.contentRect_=t,t.width!==this.broadcastWidth||t.height!==this.broadcastHeight},t.prototype.broadcastRect=function(){var t=this.contentRect_;return this.broadcastWidth=t.width,this.broadcastHeight=t.height,t},t}(),g=function(t,e){var n,r,i,o,s,c,a,u=(r=(n=e).x,i=n.y,o=n.width,s=n.height,c="undefined"!=typeof DOMRectReadOnly?DOMRectReadOnly:Object,a=Object.create(c.prototype),f(a,{x:r,y:i,width:o,height:s,top:i,right:r+o,bottom:s+i,left:r}),a);f(this,{target:t,contentRect:u})},m=function(){function t(t,e,n){if(this.activeObservations_=[],this.observations_=new r,"function"!=typeof t)throw new TypeError("The callback provided as parameter 1 is not a function.");this.callback_=t,this.controller_=e,this.callbackCtx_=n}return t.prototype.observe=function(t){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if("undefined"!=typeof Element&&Element instanceof Object){if(!(t instanceof h(t).Element))throw new TypeError('parameter 1 is not of type "Element".');var e=this.observations_;e.has(t)||(e.set(t,new _(t)),this.controller_.addObserver(this),this.controller_.refresh())}},t.prototype.unobserve=function(t){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if("undefined"!=typeof Element&&Element instanceof Object){if(!(t instanceof h(t).Element))throw new TypeError('parameter 1 is not of type "Element".');var e=this.observations_;e.has(t)&&(e.delete(t),e.size||this.controller_.removeObserver(this))}},t.prototype.disconnect=function(){this.clearActive(),this.observations_.clear(),this.controller_.removeObserver(this)},t.prototype.gatherActive=function(){var t=this;this.clearActive(),this.observations_.forEach((function(e){e.isActive()&&t.activeObservations_.push(e)}))},t.prototype.broadcastActive=function(){if(this.hasActive()){var t=this.callbackCtx_,e=this.activeObservations_.map((function(t){return new g(t.target,t.broadcastRect())}));this.callback_.call(t,e,t),this.clearActive()}},t.prototype.clearActive=function(){this.activeObservations_.splice(0)},t.prototype.hasActive=function(){return this.activeObservations_.length>0},t}(),w="undefined"!=typeof WeakMap?new WeakMap:new r,O=function t(e){if(!(this instanceof t))throw new TypeError("Cannot call a class as a function.");if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");var n=u.getInstance(),r=new m(e,n,this);w.set(this,r)};["observe","unobserve","disconnect"].forEach((function(t){O.prototype[t]=function(){var e;return(e=w.get(this))[t].apply(e,arguments)}}));const E=void 0!==o.ResizeObserver?o.ResizeObserver:O},5303:(t,e,n)=>{n.d(e,{Z:()=>i});var r=n(6522);function i(t,e,n){return(i=function(){function t(t,e){return function(r){!function(t,e){if(t.v)throw new Error("attempted to call addInitializer after decoration was finished")}(e),n(r,"An initializer"),t.push(r)}}function e(e,n,r,i,o,s,c,a){var u;switch(o){case 1:u="accessor";break;case 2:u="method";break;case 3:u="getter";break;case 4:u="setter";break;default:u="field"}var f,h,d={kind:u,name:c?"#"+n:n,static:s,private:c},l={v:!1};0!==o&&(d.addInitializer=t(i,l)),0===o?c?(f=r.get,h=r.set):(f=function(){return this[n]},h=function(t){this[n]=t}):2===o?f=function(){return r.value}:(1!==o&&3!==o||(f=function(){return r.get.call(this)}),1!==o&&4!==o||(h=function(t){r.set.call(this,t)})),d.access=f&&h?{get:f,set:h}:f?{get:f}:{set:h};try{return e(a,d)}finally{l.v=!0}}function n(t,e){if("function"!=typeof t)throw new TypeError(e+" must be a function")}function i(t,e){var i=(0,r.Z)(e);if(1===t){if("object"!==i||null===e)throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0");void 0!==e.get&&n(e.get,"accessor.get"),void 0!==e.set&&n(e.set,"accessor.set"),void 0!==e.init&&n(e.init,"accessor.init")}else if("function"!==i)throw new TypeError((0===t?"field":10===t?"class":"method")+" decorators must return a function or void 0")}function o(t,n,r,o,s,c,a,u){var f,h,d,l,p,v,b=r[0];if(a?f=0===s||1===s?{get:r[3],set:r[4]}:3===s?{get:r[3]}:4===s?{set:r[3]}:{value:r[3]}:0!==s&&(f=Object.getOwnPropertyDescriptor(n,o)),1===s?d={get:f.get,set:f.set}:2===s?d=f.value:3===s?d=f.get:4===s&&(d=f.set),"function"==typeof b)void 0!==(l=e(b,o,f,u,s,c,a,d))&&(i(s,l),0===s?h=l:1===s?(h=l.init,p=l.get||d.get,v=l.set||d.set,d={get:p,set:v}):d=l);else for(var y=b.length-1;y>=0;y--){var _;void 0!==(l=e(b[y],o,f,u,s,c,a,d))&&(i(s,l),0===s?_=l:1===s?(_=l.init,p=l.get||d.get,v=l.set||d.set,d={get:p,set:v}):d=l,void 0!==_&&(void 0===h?h=_:"function"==typeof h?h=[h,_]:h.push(_)))}if(0===s||1===s){if(void 0===h)h=function(t,e){return e};else if("function"!=typeof h){var g=h;h=function(t,e){for(var n=e,r=0;r<g.length;r++)n=g[r].call(t,n);return n}}else{var m=h;h=function(t,e){return m.call(t,e)}}t.push(h)}0!==s&&(1===s?(f.get=d.get,f.set=d.set):2===s?f.value=d:3===s?f.get=d:4===s&&(f.set=d),a?1===s?(t.push((function(t,e){return d.get.call(t,e)})),t.push((function(t,e){return d.set.call(t,e)}))):2===s?t.push(d):t.push((function(t,e){return d.call(t,e)})):Object.defineProperty(n,o,f))}function s(t,e){for(var n,r,i=[],s=new Map,a=new Map,u=0;u<e.length;u++){var f=e[u];if(Array.isArray(f)){var h,d,l=f[1],p=f[2],v=f.length>3,b=l>=5;if(b?(h=t,0!=(l-=5)&&(d=r=r||[])):(h=t.prototype,0!==l&&(d=n=n||[])),0!==l&&!v){var y=b?a:s,_=y.get(p)||0;if(!0===_||3===_&&4!==l||4===_&&3!==l)throw new Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: "+p);!_&&l>2?y.set(p,l):y.set(p,!0)}o(i,h,f,p,l,b,v,d)}}return c(i,n),c(i,r),i}function c(t,e){e&&t.push((function(t){for(var n=0;n<e.length;n++)e[n].call(t);return t}))}return function(e,n,r){return{e:s(e,n),get c(){return function(e,n){if(n.length>0){for(var r=[],o=e,s=e.name,c=n.length-1;c>=0;c--){var a={v:!1};try{var u=n[c](o,{kind:"class",name:s,addInitializer:t(r,a)})}finally{a.v=!0}void 0!==u&&(i(10,u),o=u)}return[o,function(){for(var t=0;t<r.length;t++)r[t].call(o)}]}}(e,r)}}}}())(t,e,n)}},5863:(t,e,n)=>{function r(t,e){if(e.has(t))throw new TypeError("Cannot initialize the same private elements twice on an object")}n.d(e,{Z:()=>r})},175:(t,e,n)=>{function r(t,e,n){if(!e.has(t))throw new TypeError("attempted to "+n+" private field on non-instance");return e.get(t)}n.d(e,{Z:()=>r})},687:(t,e,n)=>{n.d(e,{Z:()=>i});var r=n(175);function i(t,e){return function(t,e){return e.get?e.get.call(t):e.value}(t,(0,r.Z)(t,e,"get"))}},3395:(t,e,n)=>{n.d(e,{Z:()=>i});var r=n(5863);function i(t,e,n){(0,r.Z)(t,e),e.set(t,n)}},381:(t,e,n)=>{n.d(e,{Z:()=>i});var r=n(175);function i(t,e,n){return function(t,e,n){if(e.set)e.set.call(t,n);else{if(!e.writable)throw new TypeError("attempted to set read only private field");e.value=n}}(t,(0,r.Z)(t,e,"set"),n),n}},6666:(t,e,n)=>{n.d(e,{Z:()=>i});var r=n(5850);function i(t,e,n){return(e=(0,r.Z)(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}},3028:(t,e,n)=>{n.d(e,{Z:()=>o});var r=n(6666);function i(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function o(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?i(Object(n),!0).forEach((function(e){(0,r.Z)(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):i(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}},5850:(t,e,n)=>{n.d(e,{Z:()=>i});var r=n(6522);function i(t){var e=function(t,e){if("object"!==(0,r.Z)(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var i=n.call(t,"string");if("object"!==(0,r.Z)(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"===(0,r.Z)(e)?e:String(e)}},6522:(t,e,n)=>{function r(t){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r(t)}n.d(e,{Z:()=>r})}}]);
2
- //# sourceMappingURL=2916.a50c63cb.js.map