@cloudbase/lowcode-builder 0.1.12 → 0.1.15

package/lib/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudbase/lowcode-builder",
-  "version": "0.1.12",
+  "version": "0.1.15",
   "description": "云开发 Tencent CloudBase Framework Low Code Plugin，将低码配置生成完整项目并一键部署云开发资源。",
   "author": "yhsunshining@gmail.com",
   "homepage": "https://github.com/TencentCloudBase/cloudbase-framework#readme",
@@ -26,7 +26,7 @@
     "dev": "tsc -w",
     "develop": "tsc -w",
     "clean": "rm -rf lib && rm -rf dist",
-    "build": "tsc",
+    "build": "tsc && npm run build:web",
     "test": "jest",
     "test:build": "ts-node ./__tests__/build.ts",
     "dev:web": "rm -rf dist && node ./webpack/scripts/web.pre.js && cross-env NODE_ENV=development webpack-dev-server --config ./webpack/web.config.js",
@@ -36,8 +36,8 @@
     "url": "https://github.com/TencentCloudBase/cloudbase-framework/issues"
   },
   "dependencies": {
-    "@cloudbase/cals": "^0.3.28",
-    "@cloudbase/lowcode-generator": "0.6.17-mpbeta.1",
+    "@cloudbase/cals": "^0.3.29",
+    "@cloudbase/lowcode-generator": "^0.6.21",
     "axios": "^0.21.0",
     "browserfs": "^1.4.3",
     "browserify-zlib": "^0.2.0",
@@ -84,4 +84,4 @@
     "webpack-dev-server": "^4.7.3",
     "worker-loader": "^3.0.8"
   }
-}
+}

package/template/mp/app/weapps-api.js

@@ -36,7 +36,10 @@ function createGlboalApi() {
     state: observable(state),
     computed: createComputed(computed),
     common,
-    ...mpApp
+    ...mpApp,
+    invoke(params) {
+      return globalAPI.__internal__.activePage.invokeComponentMethod(params)
+    },
     // ... other sdk apis & apis from mp
   } // The global api exposed to lowcode
 

package/template/mp/app.js

@@ -1,136 +1,121 @@
 import { setConfig, getAccessToken, initTcb } from './datasources/index'
 import lifeCycle from './lowcode/lifecycle'
 import { app } from './app/weapps-api'
-import WxReportV2 from './common/wx_yypt_report_v2'
 // 引入数据源管理器并进行初始化
 import { EXTRA_API, createStateDataSourceVar, generateParamsParser } from './datasources/index'
 import { redirectToLogin, findLoginPage, getAuthConfig } from './common/util'
 
 const $app = app;
-<% if (yyptConfig.yyptAppKey) { %>
-const wxReport = new WxReportV2({
-  appKey: '<%= yyptConfig.yyptAppKey %>', // 填入你申请的运营平台的应用key(必填)
-  reportUrl: '<%= yyptConfig.reportUrl %><%= yyptConfig.yyptAppKey %>', // 上报url（把后端上报接口需要先挂网关，该url填写网关地址）
-  autoReportPV: true, // 是否自动上报页面PV
-  // getRemoteParamsUrl获取远程参数url，主要用于获取intervalTime、reportLogsNum和stopReport参数，
-  // 返回格式{stopReport:true,intervalTime:3,reportLogsNum:5}
-  getRemoteParamsUrl: '',
-  stopReport: <%= yyptConfig.stopReport %>, // 停止上报
-  intervalTime: 3, // 间隔多久执行一次上报，默认3秒
-  reportLogsNum: 5, // 每次合并上报记录条数，默认5次
-});
-
-  // 设置数据源请求的 loading 及 toast 处理
-  setConfig({
-    beforeDSRequest: (cfg) => {
-      if (!cfg.options || !cfg.options.showLoading) return
-      app.showLoading()
-    },
-    beforeCallFunction: async (params) => {
-      try {
-        const loginPage = findLoginPage();
+// 设置数据源请求的 loading 及 toast 处理
+setConfig({
+  beforeDSRequest: (cfg) => {
+    if (!cfg.options || !cfg.options.showLoading) return
+    app.showLoading()
+  },
+  beforeCallFunction: async (params) => {
+    try {
+      const loginPage = findLoginPage();
 
-        let skip = false;
-        switch (params?.data?.methodName) {
-          case 'callWedaApi': {
-            if (['GetMiniProgramUserTicket', 'DescribeRuntimeResourceStrategy'].includes(params?.data?.params.action)) {
-              skip = true;
-            }
-            break;
+      let skip = false;
+      switch (params?.data?.methodName) {
+        case 'callWedaApi': {
+          if (['GetMiniProgramUserTicket', 'DescribeRuntimeResourceStrategy'].includes(params?.data?.params.action)) {
+            skip = true;
           }
+          break;
         }
+      }
 
-        // 后续做过滤处理
-        if (!loginPage || (params?.data?.mode === 'c' && skip)) {
-          return params;
-        }
-        // await initTcb();
-        const { accessToken } = await getAccessToken();
-        if (accessToken) {
-          params.data.accessToken = accessToken;
-        }
-      } catch (e) {
-        if (app?.cloud?.currentUser?.userType === "externalUser" && e?.error === 'unauthenticated') {
+      // 后续做过滤处理
+      if (!loginPage || (params?.data?.mode === 'c' && skip)) {
+        return params;
+      }
+      // await initTcb();
+      const { accessToken } = await getAccessToken();
+      if (accessToken) {
+        params.data.accessToken = accessToken;
+      }
+    } catch (e) {
+      if (app?.cloud?.currentUser?.userType === "externalUser" && e?.error === 'unauthenticated') {
+        app.showToast({
+          title: '登录态失效',
+          icon: 'error',
+        });
+      }
+      console.error('beforeCallFunction error', e);
+    }
+    return params;
+  },
+  afterDSRequest: (cfg, error, result) => {
+    if (!cfg.options) return
+    if (cfg.options.showLoading) app.hideLoading()
+    if (!cfg.options.showToast) return
+    const isSuccess = !error && result && !result.code
+    app.showToast({ icon: isSuccess ? 'success' : 'error' })
+  },
+  async afterCallFunction(params, error, res) {
+    if (params?.data?.params?.action != 'DescribeRuntimeResourceStrategy' && ['InnerError.AuthFailure', 'InvalidAccessToken'].includes(res?.result?.code)) {
+      const loginPage = findLoginPage();
+      if (loginPage) {
+        const authConfig = await getAuthConfig();
+        let isAnonymous = true;
+        try {
+          const { accessToken } = await getAccessToken();
+          isAnonymous = !accessToken;
+        } catch (e) { }
+        if (isAnonymous && authConfig.RejectStrategy == 'to_login') {
+          redirectToLogin();
+        } else if (authConfig.RejectStrategy == 'show_warning') {
           app.showToast({
-            title: '登录态失效',
+            title: '接口无访问权限',
             icon: 'error',
           });
         }
-        console.error('beforeCallFunction error', e);
-      }
-      return params;
-    },
-    afterDSRequest: (cfg, error, result) => {
-      if (!cfg.options) return
-      if (cfg.options.showLoading) app.hideLoading()
-      if (!cfg.options.showToast) return
-      const isSuccess = !error && result && !result.code
-      app.showToast({ icon: isSuccess ? 'success' : 'error' })
-    },
-    async afterCallFunction(params, error, res) {
-      if (params?.data?.params?.action != 'DescribeRuntimeResourceStrategy' && ['InnerError.AuthFailure', 'InvalidAccessToken'].includes(res?.result?.code)) {
-        const loginPage = findLoginPage();
-        if (loginPage) {
-          const authConfig = await getAuthConfig();
-          let isAnonymous = true;
-          try {
-            const { accessToken } = await getAccessToken();
-            isAnonymous = !accessToken;
-          } catch (e) { }
-          if (isAnonymous && authConfig.RejectStrategy == 'to_login') {
-            redirectToLogin();
-          } else if (authConfig.RejectStrategy == 'show_warning') {
-            app.showToast({
-              title: '接口无访问权限',
-              icon: 'error',
-            });
-          }
-        }
       }
     }
-  })
+  }
+})
 
-    <% }%>
-      App({
-        onLaunch(options) {
-          this.app = app
-          const onLaunch = lifeCycle.onLaunch || lifeCycle.onAppLaunch
-          let { query = {} } = options
-          EXTRA_API.setParams('$global', query)
-          createStateDataSourceVar('$global', generateParamsParser({ app }))
+App({
+  onLaunch(options) {
+    this.app = app
+    const onLaunch = lifeCycle.onLaunch || lifeCycle.onAppLaunch
+    let { query = {} } = options
+    EXTRA_API.setParams('$global', query)
+    createStateDataSourceVar('$global', generateParamsParser({ app }))
 
-          onLaunch && onLaunch.call(this, options)
-            <% if (yyptConfig.yyptAppKey) { %>
-              // 挂运营平台上报对象到app里
-              app.yyptReport = wxReport
-                <% }%>
+    onLaunch && onLaunch.call(this, options)
+      <% if (yyptConfig.yyptAppKey) { %>
+        // 挂运营平台上报对象到app里
+        app.yyptReport = wxReport
+          <% }%>
 
-                  // 初始私有全局数据
-                  this.$$global = {
-            homePageId: '<%= appConfig.homePageId %>'
-          }
-        },
-        onShow(options) {
-          const fn = lifeCycle.onShow || lifeCycle.onAppShow
-          fn && fn.call(this, options)
-            <% if (yyptConfig.yyptAppKey) { %>
-              wxReport.startReport()
-              <% }%>
+            // 初始私有全局数据
+            this.$$global = {
+      homePageId: '<%= appConfig.homePageId %>'
+    }
+  },
+  onShow(options) {
+    const fn = lifeCycle.onShow || lifeCycle.onAppShow
+    fn && fn.call(this, options)
+      <% if (yyptConfig.yyptAppKey) { %>
+        wxReport.startReport()
+        <% }%>
+},
+  onHide() {
+    const fn = lifeCycle.onHide || lifeCycle.onAppHide
+    fn && fn.call(this)
+  },
+  onError(msg) {
+    const fn = lifeCycle.onError || lifeCycle.onAppError
+    fn && fn.call(this, msg)
+  },
+  onPageNotFound() {
+    const fn = lifeCycle.onPageNotFound || lifeCycle.onAppPageNotFound
+    fn && fn.call(this)
+  },
+  onUnhandledRejection() {
+    const fn = lifeCycle.onUnhandledRejection || lifeCycle.onAppUnhandledRejection
+    fn && fn.call(this)
   },
-        onHide() {
-          const fn = lifeCycle.onHide || lifeCycle.onAppHide
-          fn && fn.call(this)
-        },
-        onError(msg) {
-          const fn = lifeCycle.onError || lifeCycle.onAppError
-          fn && fn.call(this, msg)
-        },
-        onPageNotFound() {
-          const fn = lifeCycle.onPageNotFound || lifeCycle.onAppPageNotFound
-          fn && fn.call(this)
-        },
-        onUnhandledRejection() {
-          const fn = lifeCycle.onUnhandledRejection || lifeCycle.onAppUnhandledRejection
-          fn && fn.call(this)
-        },
-      })
+})

package/template/mp/common/weapp-component.js

@@ -4,6 +4,8 @@ import { createWidgets, getWidget, disposeWidget } from './widget'
 import mergeRenderer from './merge-renderer'
 import { runWatchers } from './watch'
 import sdk from './weapp-sdk'
+import lodashGet from 'lodash.get';
+
 
 /**
  * Lowcodes of all components
@@ -61,6 +63,19 @@ export function createComponent(key, behaviors, properties, events, handler, dat
 
         try {
           lifeCycle.onAttached && lifeCycle.onAttached.call($comp)
+          this.__handlerAttached__ = (e) => {
+            const widget = lodashGet(widgets, e.target.id);
+            widget._methods = e.detail.methods;
+          }
+          this.__handlerDetached__ = (e) => {
+            const widget = lodashGet(widgets, e.target.id);
+            delete widget._methods;
+          }
+          if ($comp.methods) {
+            this.triggerEvent('attached', {
+              'methods': $comp.methods
+            })
+          }
         } catch (e) {
           console.error('Component lifecycle(attached) error', this.is, e)
         }
@@ -82,6 +97,9 @@ export function createComponent(key, behaviors, properties, events, handler, dat
         disposeWidget(this._virtualRootWidget)
         this._disposers.forEach(dispose => dispose())
         lifeCycle.onDetached && lifeCycle.onDetached.call($comp)
+        if ($comp?.methods) {
+          this.triggerEvent('detached');
+        }
       }
     },
 

package/template/mp/common/weapp-page.js

@@ -4,6 +4,7 @@ import { createWidgets, createInitData, disposeWidget } from './widget';
 import mergeRenderer from './merge-renderer';
 import { createDataset, EXTRA_API, createStateDataSourceVar, generateParamsParser, setConfig } from '../datasources/index';
 import { runWatchers } from './watch'
+import lodashGet from 'lodash.get';
 
 export function createPage(
   id,
@@ -48,6 +49,28 @@ export function createPage(
       attached() {
         const $page = this.getWeAppInst()
         this._pageActive = true;
+        this.__handlerAttached__ = (e) => {
+          if (!$page.componentMethods) {
+            $page.componentMethods = {};
+          }
+          const [id, index = 0] = e.target.id.split('-');
+          if (!$page.componentMethods[id]) {
+            $page.componentMethods[id] = [];
+          }
+          $page.componentMethods[id][index] = e.detail.methods;
+        };
+        this.__handlerDetached__ = (e) => {
+          const [id, index = 0] = e.target.id.split('-');
+          if ($page.componentMethods) {
+            const components = $page.componentMethods[id];
+            if (components) {
+              components[index] = undefined;
+              if (components.filter(com => com !== undefined).length === 0) {
+                delete $page.componentMethods[id];
+              }
+            }
+          }
+        }
         this._disposers = this.initMergeRenderer($page.widgets);
       },
       detached() {
@@ -148,6 +171,27 @@ export function createPage(
         const { rootWidget } = createWidgets(widgetProps, dataBinds, $page.widgets, context, this)
         $page._rootWidget = rootWidget
 
+        $page.invokeComponentMethod = ({ component, method, params }) => {
+          const components = lodashGet($page.componentMethods, component);
+          let componentInstance = undefined
+          if (Array.isArray(components)) {
+            if(components.length > 1){
+              throw new Error('调用方法失败：id为'+component+'的组件拥有多个实例')
+            }
+            componentInstance = components[0]
+            // components.forEach(component => {
+            //   component[method](params);
+            // })
+          } else {
+            componentInstance = components
+          }
+
+          if(!componentInstance?.[method] || typeof componentInstance[method]!= 'function') {
+            throw new Error('调用方法失败：未找到id为'+component+'下的方法'+method)
+          }
+          return componentInstance[method](params);
+        };
+
         return $page
       },
     },

package/template/mp/common/widget.js

@@ -392,4 +392,5 @@ function mountBuiltinWigetsAPI(widget, owner) {
     })
   }
 
+  widget._methods = {}
 }

package/template/mp/package.json

@@ -3,7 +3,7 @@
 	"version": "1.0.8",
 	"scripts": {},
 	"dependencies": {
-		"@cloudbase/weda-client": "0.2.0",
+		"@cloudbase/weda-client": "0.2.1",
     "@cloudbase/oauth": "0.1.1-alpha.2",
 		"mobx": "^5.15.4",
 		"lodash.get": "^4.4.2",