@cloudbase/framework-plugin-low-code 0.6.17 → 0.6.19

package/template/src/handlers/utils/widgets.js

@@ -94,9 +94,9 @@ export function retryDataBinds(tryTime = 10) {
     retryDataBinds(tryTime - 1);
   }, 0);
 }
-export function createWidgets(widgetProps, dataBinds, scopeContext = {}) {
+export function createWidgets(widgetProps, dataBinds, scopeContext = {}, context = {}) {
   const nodeTree = createWidgetTree(widgetProps, dataBinds);
-  const widgets = runFor(nodeTree, {}, null, null, scopeContext);
+  const widgets = runFor(nodeTree, {}, null, null, scopeContext, context);
   return widgets;
 
   /**
@@ -106,6 +106,7 @@ export function createWidgets(widgetProps, dataBinds, scopeContext = {}) {
    * @param {*} parentLevelWidgets
    * @param {*} parentWidget
    * @param {*} scopeContext
+   * @param {*} context
    * @returns top level widgets or for dispose
    */
   function runFor(
@@ -113,7 +114,8 @@ export function createWidgets(widgetProps, dataBinds, scopeContext = {}) {
     forItems,
     parentLevelWidgets,
     parentWidget,
-    scopeContext
+    scopeContext,
+    context,
   ) {
     const nodeId = curForNode.id;
     if (!curForNode.value) {
@@ -122,7 +124,7 @@ export function createWidgets(widgetProps, dataBinds, scopeContext = {}) {
     const dispose = autorun(() => {
       let forList = [];
       try {
-        forList = dataBinds[nodeId]._waFor(forItems, undefined, scopeContext);
+        forList = dataBinds[nodeId]._waFor(forItems, undefined, context);
       } catch (e) {
         console.warn('waFor error', e);
       }
@@ -247,7 +249,8 @@ export function createWidgets(widgetProps, dataBinds, scopeContext = {}) {
             subForItems,
             widgets,
             node.parent && widgets[node.parent.id],
-            scopeContext
+            scopeContext,
+            context
           );
           curForNode.id && widgets[curForNode.id]._disposers.push(dispose);
         }

package/template/src/pages/app.tpl

@@ -64,6 +64,27 @@ initLifeCycle({
 export default function App() {
   // 检查权限
   const [weDaHasLogin, setWeDaHasLogin] = React.useState(false);
+  const context = React.useRef(observable({})).current;
+
+  /**
+   * 更新数据容器的上下文的方法
+   * 会传递到事件emit的地方，将从组件获取到的数据data赋值给上下文
+   * 当组件卸载时，传过来的data为undefined即可
+   * {
+   *   id1: [{...}],
+   *   id2: {...},
+   *   id3: undefined,
+   *   id4: null,
+   *   ...
+   * }
+   * @param id
+   * @param data
+   */
+  const updateContext = (id, data) => {
+    if (id) {
+      context[id] = { data };
+    }
+  }
 
   React.useEffect(() => {
     checkAuth(app, app.id, '<%= pageName %>').then((checkAuthResult) => {
@@ -86,12 +107,13 @@ export default function App() {
         app.utils.set($page.dataset.state, keyPath, userSetState[keyPath]);
       });
     };
+  }, []);
 
-    $page.widgets = createWidgets(widgetsContext, dataBinds, {});
+  React.useEffect(() => {
+    $page.widgets = createWidgets(widgetsContext, dataBinds, {}, context);
     // widgets 内的 dataBinds 可能需要关联 widgets，需要重新执行 dataBinds
     retryDataBinds();
-  }, []);
-
+  }, [context]);
 
   // Web 环境页面级别生命周期
   if (!process.env.isMiniprogram) {
@@ -115,6 +137,8 @@ export default function App() {
     <AppRender pageListenerInstances={pageListenerInstances}
                virtualFields={virtualFields}
                componentSchema={componentSchema}
+               context={context}
+               updateContext={updateContext}
           />)}
     </div>
   );

package/template/src/router/index.tpl

@@ -12,6 +12,7 @@ export default () => {
       <Router history={process.env.isAdminPortal? generateHashHistory({basename: "<%= basename %>"}) : history }>
         <Switch>
          <%= routerRenders %>
+         {process.env.isAdminPortal && <Route children={() => <Redirect to={'/404'} />} />}
         </Switch>
       </Router>
     )