@next-bricks/data-view 0.9.5 → 0.11.0

package/dist-types/top-title-bar/index.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+import { ReactNextElement } from "@next-core/react-element";
+type TitleBarType = "normal" | "sample" | "square";
+interface TopTitleBarProps {
+    text: string;
+    type?: TitleBarType;
+}
+/**
+ * 大屏标题栏三种样式构件
+ * @author jiezhou
+ */
+declare class TopTitleBar extends ReactNextElement implements TopTitleBarProps {
+    /**
+     * 标题文本
+     * @default -
+     */
+    accessor text: string;
+    /**
+     * 标题类型
+     * @default normal
+     */
+    accessor type: TitleBarType;
+    render(): JSX.Element;
+}
+export declare function TopTitleBarComponent(props: TopTitleBarProps): JSX.Element;
+export { TopTitleBar };

package/dist-types/top-title-bar/index.spec.d.ts

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

package/docs/brick-notification.md

@@ -0,0 +1,23 @@
+大屏通知提示构件
+
+## Examples
+
+### Basic
+
+```yaml preview
+- brick: data-view.brick-notification
+  properties:
+    message: This is the content of the notification.
+```
+
+### Icon
+
+```yaml preview
+- brick: data-view.brick-notification
+  properties:
+    message: This is the content of the notification.
+    icon:
+      icon: smile
+      lib: antd
+      theme: outlined
+```

package/docs/lights-component-title.md

@@ -0,0 +1,21 @@
+构件 `data-view.lights-component-title`
+
+## Examples
+
+### Basic
+
+```yaml preview
+- brick: div
+  properties:
+    style:
+      width: 100%
+      height: 100%
+      background: "#000000FF"
+  slots:
+    "":
+      type: bricks
+      bricks:
+        - brick: data-view.lights-component-title
+          properties:
+            componentTitle: 标题内容
+```

package/docs/tabs-page-title.md

@@ -0,0 +1,98 @@
+构件 tabs-page-title
+
+## Examples
+
+### Basic
+
+```yaml preview
+- brick: data-view.tabs-page-title
+  properties:
+  slots:
+    "":
+      type: bricks
+      bricks:
+        - brick: data-view.title-text
+          properties:
+            text: 大标题
+            type: gradient
+    start:
+      type: bricks
+      bricks:
+        - brick: data-view.brick-notification
+          properties:
+            message: This is the content of the notification.
+    end:
+      type: bricks
+      bricks:
+        - brick: div
+          properties:
+            textContent: "2022/11/30 17:25 星期四"
+            style:
+              font-size: 16px
+              color: "#fff"
+```
+
+### TabList
+
+```yaml preview
+- brick: data-view.tabs-page-title
+  properties:
+    tabList:
+      - text: 标签1
+        key: key1
+      - text: 标签2
+        key: key2
+      - text: 标签3
+        key: key3
+      - text: 标签4
+        key: key4
+      - text: 标签5
+        key: key5
+      - text: 标签6
+        key: key6
+    activeKey: key2
+  slots:
+    "":
+      type: bricks
+      bricks:
+        - brick: data-view.title-text
+          properties:
+            text: 大标题
+            type: gradient
+    key1:
+      type: bricks
+      bricks:
+        - brick: div
+          properties:
+            textContent: 标签一内容
+    key2:
+      type: bricks
+      bricks:
+        - brick: div
+          properties:
+            textContent: 标签二内容
+    key3:
+      type: bricks
+      bricks:
+        - brick: div
+          properties:
+            textContent: 标签三内容
+    key4:
+      type: bricks
+      bricks:
+        - brick: div
+          properties:
+            textContent: 标签四内容
+    key5:
+      type: bricks
+      bricks:
+        - brick: div
+          properties:
+            textContent: 标签五内容
+    key6:
+      type: bricks
+      bricks:
+        - brick: div
+          properties:
+            textContent: 标签六内容
+```

package/docs/top-title-bar.md

@@ -0,0 +1,29 @@
+构件 `data-view.top-title-bar`
+
+## Examples
+
+### Basic
+
+```yaml preview
+- brick: data-view.top-title-bar
+  properties:
+    text: 实时数据可视化大屏
+```
+
+### Smaple
+
+```yaml preview
+- brick: data-view.top-title-bar
+  properties:
+    text: 实时数据可视化大屏
+    type: sample
+```
+
+### Square
+
+```yaml preview
+- brick: data-view.top-title-bar
+  properties:
+    text: 实时数据可视化大屏
+    type: square
+```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next-bricks/data-view",
-  "version": "0.9.5",
+  "version": "0.11.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.11.1",
+    "@next-core/build-next-bricks": "^1.13.0",
     "@next-core/test-next": "^1.0.6",
     "@types/d3-hierarchy": "^3.1.2",
     "@types/three": "^0.150.1"
   },
-  "gitHead": "c43f54603ea40bcf683b895466630c864b88d0f5"
+  "gitHead": "2473585d600a9df03bfb59ba823ea1303f3dd4bb"
 }

package/dist/chunks/3494.0610767d.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunk_next_bricks_data_view=self.webpackChunk_next_bricks_data_view||[]).push([[3494,7822,4795],{4795:(e,t,r)=>{function n(e,t,r,n,a,u,c){try{var i=e[u](c),s=i.value}catch(e){return void r(e)}i.done?t(s):Promise.resolve(s).then(n,a)}function a(e){return function(){var t=this,r=arguments;return new Promise((function(a,u){var c=e.apply(t,r);function i(e){n(c,a,u,i,s,"next",e)}function s(e){n(c,a,u,i,s,"throw",e)}i(void 0)}))}}r.d(t,{Z:()=>a})},7822:(e,t,r)=>{r.r(t),r.d(t,{ReactUseBrick:()=>c,ReactUseMultipleBricks:()=>i,useCurrentApp:()=>o,useCurrentTheme:()=>s,useRecentApps:()=>l});var n=r(4795),a=r(8657),u=r(205);function c(e){var{useBrick:t,data:r}=e,[c,i]=(0,a.useState)(null),s=(0,a.useRef)(),[l,o]=(0,a.useState)(),d=(0,a.useRef)(0);(0,a.useEffect)((()=>{function e(){return(e=(0,n.Z)((function*(){try{i(yield u.__secret_internals.renderUseBrick(t,r)),o(++d.current)}catch(e){console.error("Render useBrick failed:",t,"with data:",r),(0,u.handleHttpError)(e)}}))).apply(this,arguments)}!function(){e.apply(this,arguments)}()}),[r,t]);var f=(0,a.useCallback)((e=>{e?s.current=u.__secret_internals.mountUseBrick(c,e):(u.__secret_internals.unmountUseBrick(c,s.current),s.current=void 0)}),[c]);if(!c)return null;var{tagName:v}=c;if(null===v)return null;var p=v;return a.createElement(p,{key:l,ref:f})}function i(e){var{useBrick:t,data:r}=e;return Array.isArray(t)?a.createElement(a.Fragment,null,t.map(((e,t)=>a.createElement(c,{key:t,useBrick:e,data:r})))):a.createElement(c,{useBrick:t,data:r})}function s(){var[e,t]=(0,a.useState)(u.getCurrentTheme);return(0,a.useEffect)((()=>{var e=e=>{t(e.detail)};return window.addEventListener("theme.change",e),()=>{window.removeEventListener("theme.change",e)}}),[]),e}function l(){var[e,t]=a.useState((()=>(0,u.getRuntime)().getRecentApps()));return a.useEffect((()=>{var e=e=>{t(e.detail)};return window.addEventListener("app.change",e),()=>window.removeEventListener("app.change",e)}),[]),e}function o(){return l().currentApp}}}]);
-//# sourceMappingURL=3494.0610767d.js.map