@next-bricks/data-view 0.14.1 → 0.15.0

package/dist/types.json

@@ -94,56 +94,6 @@
     "events": [],
     "methods": []
   },
-  "data-view.modern-style-page-title": {
-    "properties": [
-      {
-        "name": "pageTitle",
-        "annotation": {
-          "type": "keyword",
-          "value": "string"
-        }
-      },
-      {
-        "name": "description",
-        "annotation": {
-          "type": "keyword",
-          "value": "string"
-        }
-      },
-      {
-        "name": "backgroundStyle",
-        "annotation": {
-          "type": "reference",
-          "typeName": {
-            "type": "identifier",
-            "name": "CSSProperties"
-          }
-        }
-      },
-      {
-        "name": "leftRoundStyle",
-        "annotation": {
-          "type": "reference",
-          "typeName": {
-            "type": "identifier",
-            "name": "CSSProperties"
-          }
-        }
-      },
-      {
-        "name": "rightRoundStyle",
-        "annotation": {
-          "type": "reference",
-          "typeName": {
-            "type": "identifier",
-            "name": "CSSProperties"
-          }
-        }
-      }
-    ],
-    "events": [],
-    "methods": []
-  },
   "data-view.tabs-drawer": {
     "properties": [
       {
@@ -337,6 +287,56 @@
       }
     ]
   },
+  "data-view.modern-style-page-title": {
+    "properties": [
+      {
+        "name": "pageTitle",
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
+        }
+      },
+      {
+        "name": "description",
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
+        }
+      },
+      {
+        "name": "backgroundStyle",
+        "annotation": {
+          "type": "reference",
+          "typeName": {
+            "type": "identifier",
+            "name": "CSSProperties"
+          }
+        }
+      },
+      {
+        "name": "leftRoundStyle",
+        "annotation": {
+          "type": "reference",
+          "typeName": {
+            "type": "identifier",
+            "name": "CSSProperties"
+          }
+        }
+      },
+      {
+        "name": "rightRoundStyle",
+        "annotation": {
+          "type": "reference",
+          "typeName": {
+            "type": "identifier",
+            "name": "CSSProperties"
+          }
+        }
+      }
+    ],
+    "events": [],
+    "methods": []
+  },
   "data-view.battery-chart": {
     "properties": [
       {
@@ -1644,6 +1644,87 @@
     "events": [],
     "methods": []
   },
+  "data-view.gear-background": {
+    "properties": [
+      {
+        "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"
+          }
+        }
+      }
+    ],
+    "events": [],
+    "methods": []
+  },
+  "data-view.loading-panel": {
+    "properties": [
+      {
+        "name": "customTitle",
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
+        }
+      },
+      {
+        "name": "loading",
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
+        }
+      },
+      {
+        "name": "useRealTimeProgress",
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
+        }
+      },
+      {
+        "name": "progress",
+        "annotation": {
+          "type": "keyword",
+          "value": "number"
+        }
+      },
+      {
+        "name": "intervalTime",
+        "annotation": {
+          "type": "keyword",
+          "value": "number"
+        }
+      }
+    ],
+    "events": [
+      {
+        "name": "end",
+        "detail": {
+          "annotation": {
+            "type": "keyword",
+            "value": "void"
+          }
+        }
+      }
+    ],
+    "methods": []
+  },
   "data-view.top-title-bar": {
     "properties": [
       {
@@ -1690,36 +1771,6 @@
       }
     ]
   },
-  "data-view.gear-background": {
-    "properties": [
-      {
-        "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"
-          }
-        }
-      }
-    ],
-    "events": [],
-    "methods": []
-  },
   "data-view.grid-background": {
     "properties": [
       {
@@ -1843,57 +1894,6 @@
       }
     ]
   },
-  "data-view.loading-panel": {
-    "properties": [
-      {
-        "name": "customTitle",
-        "annotation": {
-          "type": "keyword",
-          "value": "string"
-        }
-      },
-      {
-        "name": "loading",
-        "annotation": {
-          "type": "keyword",
-          "value": "boolean"
-        }
-      },
-      {
-        "name": "useRealTimeProgress",
-        "annotation": {
-          "type": "keyword",
-          "value": "boolean"
-        }
-      },
-      {
-        "name": "progress",
-        "annotation": {
-          "type": "keyword",
-          "value": "number"
-        }
-      },
-      {
-        "name": "intervalTime",
-        "annotation": {
-          "type": "keyword",
-          "value": "number"
-        }
-      }
-    ],
-    "events": [
-      {
-        "name": "end",
-        "detail": {
-          "annotation": {
-            "type": "keyword",
-            "value": "void"
-          }
-        }
-      }
-    ],
-    "methods": []
-  },
   "data-view.cabinet-container": {
     "properties": [
       {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next-bricks/data-view",
-  "version": "0.14.1",
+  "version": "0.15.0",
   "homepage": "https://github.com/easyops-cn/next-bricks/tree/master/bricks/data-view",
   "repository": {
     "type": "git",
@@ -39,5 +39,5 @@
     "@types/d3-hierarchy": "^3.1.2",
     "@types/three": "^0.150.1"
   },
-  "gitHead": "d033c1ffcaa9c5533165394bbdedae90017eac86"
+  "gitHead": "d59e4e97ae83ff53dcff6a285e35c2c4906d74e3"
 }

package/dist/chunks/3494.b3abd8ab.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,i,u){try{var c=e[i](u),s=c.value}catch(e){return void r(e)}c.done?t(s):Promise.resolve(s).then(n,a)}function a(e){return function(){var t=this,r=arguments;return new Promise((function(a,i){var u=e.apply(t,r);function c(e){n(u,a,i,c,s,"next",e)}function s(e){n(u,a,i,c,s,"throw",e)}c(void 0)}))}}r.d(t,{Z:()=>a})},7822:(e,t,r)=>{r.r(t),r.d(t,{ReactUseBrick:()=>c,ReactUseMultipleBricks:()=>s,useCurrentApp:()=>v,useCurrentTheme:()=>d,useRecentApps:()=>f});var n,a=r(4795),i=r(8657),u=r(3269),c=function(e){var{useBrick:t,data:r}=e,[n,c]=(0,i.useState)(null),s=(0,i.useRef)(),[o,l]=(0,i.useState)(),d=(0,i.useRef)(0);(0,i.useEffect)((()=>{function e(){return(e=(0,a.Z)((function*(){try{c(yield u.__secret_internals.renderUseBrick(t,r)),l(++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,i.useCallback)((e=>{e?s.current=u.__secret_internals.mountUseBrick(n,e):(u.__secret_internals.unmountUseBrick(n,s.current),s.current=void 0)}),[n]);if(!n)return null;var{tagName:v}=n;if(null===v)return null;var p=v;return i.createElement(p,{key:o,ref:f})},s=function(e){var{useBrick:t,data:r}=e;return Array.isArray(t)?i.createElement(i.Fragment,null,t.map(((e,t)=>i.createElement(c,{key:t,useBrick:e,data:r})))):i.createElement(c,{useBrick:t,data:r})};if(window.dll&&null!==(n=window.BRICK_NEXT_VERSIONS)&&void 0!==n&&null!==(n=n["brick-container"])&&void 0!==n&&n.startsWith("2.")){var{SingleBrickAsComponentFactory:o,BrickAsComponentFactory:l}=window.dll("tYg3");o&&l&&(c=o(i),s=l(i))}function d(){var[e,t]=(0,i.useState)(u.getCurrentTheme);return(0,i.useEffect)((()=>{var e=e=>{t(e.detail)};return window.addEventListener("theme.change",e),()=>{window.removeEventListener("theme.change",e)}}),[]),e}function f(){var[e,t]=i.useState((()=>(0,u.getRuntime)().getRecentApps()));return i.useEffect((()=>{var e=e=>{t(e.detail)};return window.addEventListener("app.change",e),()=>window.removeEventListener("app.change",e)}),[]),e}function v(){return f().currentApp}}}]);
-//# sourceMappingURL=3494.b3abd8ab.js.map

package/dist/chunks/3494.b3abd8ab.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chunks/3494.b3abd8ab.js","mappings":"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","sources":["webpack:///../../node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js","webpack:///../../node_modules/@next-core/react-runtime/dist/esm/ReactUseBrick.js","webpack:///../../node_modules/@next-core/react-runtime/dist/esm/useCurrentTheme.js","webpack:///../../node_modules/@next-core/react-runtime/dist/esm/useRecentApps.js","webpack:///../../node_modules/@next-core/react-runtime/dist/esm/useCurrentApp.js"],"sourcesContent":["function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {\n  try {\n    var info = gen[key](arg);\n    var value = info.value;\n  } catch (error) {\n    reject(error);\n    return;\n  }\n  if (info.done) {\n    resolve(value);\n  } else {\n    Promise.resolve(value).then(_next, _throw);\n  }\n}\nexport default function _asyncToGenerator(fn) {\n  return function () {\n    var self = this,\n      args = arguments;\n    return new Promise(function (resolve, reject) {\n      var gen = fn.apply(self, args);\n      function _next(value) {\n        asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"next\", value);\n      }\n      function _throw(err) {\n        asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"throw\", err);\n      }\n      _next(undefined);\n    });\n  };\n}","import _asyncToGenerator from \"@babel/runtime/helpers/asyncToGenerator\";\nvar _window$BRICK_NEXT_VE;\nimport React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { __secret_internals, handleHttpError } from \"@next-core/runtime\";\n// Note: always synchronize code in LegacyUseBrick:\n// `bricks/v2-adapter/src/data-providers/legacy-brick-kit/getLegacyUseBrick.ts`\nvar ReactUseBrick = function ReactUseBrick(_ref) {\n  var {\n    useBrick,\n    data\n  } = _ref;\n  var [renderResult, setRenderResult] = useState(null);\n  var mountResult = useRef();\n  var [renderKey, setRenderKey] = useState();\n  var IdCounterRef = useRef(0);\n  useEffect(() => {\n    function init() {\n      return _init.apply(this, arguments);\n    }\n    function _init() {\n      _init = _asyncToGenerator(function* () {\n        try {\n          setRenderResult(yield __secret_internals.renderUseBrick(useBrick, data));\n          setRenderKey(getUniqueId(IdCounterRef));\n        } catch (error) {\n          // eslint-disable-next-line no-console\n          console.error(\"Render useBrick failed:\", useBrick, \"with data:\", data);\n          handleHttpError(error);\n        }\n      });\n      return _init.apply(this, arguments);\n    }\n    init();\n  }, [data, useBrick]);\n  var refCallback = useCallback(element => {\n    if (element) {\n      mountResult.current = __secret_internals.mountUseBrick(\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n      renderResult, element);\n    } else {\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n      __secret_internals.unmountUseBrick(renderResult, mountResult.current);\n      mountResult.current = undefined;\n    }\n  }, [renderResult]);\n  if (!renderResult) {\n    // Fallback when loading/\n    return null;\n    // return <span>🌀 Loading...</span>;\n  }\n\n  var {\n    tagName\n  } = renderResult;\n  if (tagName === null) {\n    return null;\n  }\n  var WebComponent = tagName;\n  return /*#__PURE__*/React.createElement(WebComponent, {\n    key: renderKey,\n    ref: refCallback\n  });\n};\nfunction getUniqueId(ref) {\n  return ++ref.current;\n}\nvar ReactUseMultipleBricks = function ReactUseMultipleBricks(_ref2) {\n  var {\n    useBrick,\n    data\n  } = _ref2;\n  if (Array.isArray(useBrick)) {\n    return /*#__PURE__*/React.createElement(React.Fragment, null, useBrick.map((item, index) => /*#__PURE__*/React.createElement(ReactUseBrick, {\n      key: index,\n      useBrick: item,\n      data: data\n    })));\n  }\n  return /*#__PURE__*/React.createElement(ReactUseBrick, {\n    useBrick: useBrick,\n    data: data\n  });\n};\n\n// istanbul ignore next\n// Make v3 bricks compatible with Brick Next v2.\nif (window.dll && (_window$BRICK_NEXT_VE = window.BRICK_NEXT_VERSIONS) !== null && _window$BRICK_NEXT_VE !== void 0 && (_window$BRICK_NEXT_VE = _window$BRICK_NEXT_VE[\"brick-container\"]) !== null && _window$BRICK_NEXT_VE !== void 0 && _window$BRICK_NEXT_VE.startsWith(\"2.\")) {\n  var {\n    SingleBrickAsComponentFactory,\n    BrickAsComponentFactory\n  } = window.dll(\"tYg3\");\n  if (SingleBrickAsComponentFactory && BrickAsComponentFactory) {\n    ReactUseBrick = SingleBrickAsComponentFactory(React);\n    ReactUseMultipleBricks = BrickAsComponentFactory(React);\n  }\n}\nexport { ReactUseBrick, ReactUseMultipleBricks };\n//# sourceMappingURL=ReactUseBrick.js.map","import { useEffect, useState } from \"react\";\nimport { getCurrentTheme } from \"@next-core/runtime\";\nexport function useCurrentTheme() {\n  var [currentTheme, setCurrentTheme] = useState(getCurrentTheme);\n  useEffect(() => {\n    var listenToThemeChange = event => {\n      setCurrentTheme(event.detail);\n    };\n    window.addEventListener(\"theme.change\", listenToThemeChange);\n    return () => {\n      window.removeEventListener(\"theme.change\", listenToThemeChange);\n    };\n  }, []);\n  return currentTheme;\n}\n//# sourceMappingURL=useCurrentTheme.js.map","import React from \"react\";\nimport { getRuntime } from \"@next-core/runtime\";\nexport function useRecentApps() {\n  var [recentApps, setRecentApps] = React.useState(() => getRuntime().getRecentApps());\n  React.useEffect(() => {\n    var listener = event => {\n      setRecentApps(event.detail);\n    };\n    window.addEventListener(\"app.change\", listener);\n    return () => window.removeEventListener(\"app.change\", listener);\n  }, []);\n  return recentApps;\n}\n//# sourceMappingURL=useRecentApps.js.map","import { useRecentApps } from \"./useRecentApps.js\";\n\n/**\n * 获取当前所在微应用信息的 React hooks。\n *\n * @example\n *\n * ```tsx\n * function MyReactComponent() {\n *   const app = useCurrentApp();\n *   return <div>{app.id}</div>;\n * }\n * ```\n *\n * @returns 当前所在微应用的信息。\n */\nexport function useCurrentApp() {\n  return useRecentApps().currentApp;\n}\n//# sourceMappingURL=useCurrentApp.js.map"],"names":["asyncGeneratorStep","gen","resolve","reject","_next","_throw","key","arg","info","value","error","done","Promise","then","_asyncToGenerator","fn","self","this","args","arguments","apply","err","undefined","_window$BRICK_NEXT_VE","ReactUseBrick","_ref","useBrick","data","renderResult","setRenderResult","useState","mountResult","useRef","renderKey","setRenderKey","IdCounterRef","useEffect","_init","__secret_internals","renderUseBrick","current","console","handleHttpError","init","refCallback","useCallback","element","mountUseBrick","unmountUseBrick","tagName","WebComponent","ref","ReactUseMultipleBricks","_ref2","Array","isArray","map","item","index","window","dll","BRICK_NEXT_VERSIONS","startsWith","SingleBrickAsComponentFactory","BrickAsComponentFactory","useCurrentTheme","currentTheme","setCurrentTheme","getCurrentTheme","listenToThemeChange","event","detail","addEventListener","removeEventListener","useRecentApps","recentApps","setRecentApps","getRuntime","getRecentApps","listener","useCurrentApp","currentApp"],"sourceRoot":""}