@cloudbase/framework-plugin-low-code 0.6.55 → 0.6.58-alpha.0

package/lib/weapps-core/utils/formily.js

@@ -17,9 +17,9 @@ function serialize(webRuntimeAppData) {
         vars: webRuntimeAppData.vars || { data: [] },
         dataset: webRuntimeAppData.dataset,
     };
-    (0, common_1.setValidValue)(weAppData, 'appConfig', webRuntimeAppData.appConfig);
-    (0, common_1.setValidValue)(weAppData, 'themeVars', webRuntimeAppData.themeVars);
-    (0, common_1.setValidValue)(weAppData, 'presetColors', webRuntimeAppData.presetColors);
+    common_1.setValidValue(weAppData, 'appConfig', webRuntimeAppData.appConfig);
+    common_1.setValidValue(weAppData, 'themeVars', webRuntimeAppData.themeVars);
+    common_1.setValidValue(weAppData, 'presetColors', webRuntimeAppData.presetColors);
     handlePageInstanceList(webRuntimeAppData.pageInstanceList, weAppData.pageInstanceList);
     function handlePageInstanceList(pageInstanceList, collection) {
         pageInstanceList.map((pageData) => {
@@ -27,20 +27,20 @@ function serialize(webRuntimeAppData) {
             const newPage = {
                 id: pageData.id,
             };
-            (0, common_1.setValidValue)(newPage, 'isHome', pageData.isHome);
-            (0, common_1.setValidValue)(newPage, 'data', readDynamicData(pageData));
-            (0, common_1.setValidValue)(newPage, 'commonStyle', (0, style_1.removeInvalidStyleFormValue)(pageData.style));
-            (0, common_1.setValidValue)(newPage, 'styleBindPath', pageData.styleBindPath);
-            if ((0, common_1.isValidStyleBind)(pageData.styleBind)) {
-                (0, common_1.setValidValue)(newPage, 'styleBind', pageData.styleBind);
+            common_1.setValidValue(newPage, 'isHome', pageData.isHome);
+            common_1.setValidValue(newPage, 'data', readDynamicData(pageData));
+            common_1.setValidValue(newPage, 'commonStyle', style_1.removeInvalidStyleFormValue(pageData.style));
+            common_1.setValidValue(newPage, 'styleBindPath', pageData.styleBindPath);
+            if (common_1.isValidStyleBind(pageData.styleBind)) {
+                common_1.setValidValue(newPage, 'styleBind', pageData.styleBind);
             }
-            if ((0, common_1.isValidClassNameListBind)(pageData.classNameListBind)) {
-                (0, common_1.setValidValue)(newPage, 'classNameListBind', pageData.classNameListBind);
+            if (common_1.isValidClassNameListBind(pageData.classNameListBind)) {
+                common_1.setValidValue(newPage, 'classNameListBind', pageData.classNameListBind);
             }
-            (0, common_1.setValidValue)(newPage, 'componentInstances', readComponents(pageData.componentSchemaJson.properties));
-            (0, common_1.setValidValue)(newPage, 'listeners', readListeners(pageData.listenerInstances));
-            (0, common_1.setValidValue)(newPage, 'pluginInstances', pageData.pluginInstances);
-            (0, common_1.setValidValue)(newPage, 'lowCodes', pageData.codeModules);
+            common_1.setValidValue(newPage, 'componentInstances', readComponents(pageData.componentSchemaJson.properties));
+            common_1.setValidValue(newPage, 'listeners', readListeners(pageData.listenerInstances));
+            common_1.setValidValue(newPage, 'pluginInstances', pageData.pluginInstances);
+            common_1.setValidValue(newPage, 'lowCodes', pageData.codeModules);
             if ((_a = pageData.children) === null || _a === void 0 ? void 0 : _a.length) {
                 newPage.children = newPage.children || [];
                 handlePageInstanceList(pageData.children, newPage.children);
@@ -60,41 +60,41 @@ function serialize(webRuntimeAppData) {
             if (srcProps) {
                 const cmpParts = srcProps.sourceKey.split(':');
                 cmps[key] = { genericComp: srcCmp['genericComp'] };
-                (0, common_1.setValidValue)(cmps[key], 'xComponent', {
+                common_1.setValidValue(cmps[key], 'xComponent', {
                     moduleName: cmpParts[0],
                     name: cmpParts[1],
                 });
                 const componentXProps = {};
-                (0, common_1.setValidValue)(componentXProps, 'data', readDynamicData(srcProps));
-                (0, common_1.setValidValue)(componentXProps, 'listeners', readListeners(srcProps.listenerInstances));
-                (0, common_1.setValidValue)(componentXProps, 'staticResourceAttribute', srcProps.staticResourceAttribute);
-                (0, common_1.setValidValue)(componentXProps, 'directives', readDirectives(srcProps));
-                (0, common_1.setValidValue)(componentXProps, 'customDataForm', srcProps.customDataForm);
-                (0, common_1.setValidValue)(componentXProps, 'style', srcProps.style);
-                (0, common_1.setValidValue)(componentXProps, 'commonStyle', (0, style_1.removeInvalidStyleFormValue)(srcProps.commonStyle));
-                (0, common_1.setValidValue)(componentXProps, 'styleBindPath', srcProps.styleBindPath);
+                common_1.setValidValue(componentXProps, 'data', readDynamicData(srcProps));
+                common_1.setValidValue(componentXProps, 'listeners', readListeners(srcProps.listenerInstances));
+                common_1.setValidValue(componentXProps, 'staticResourceAttribute', srcProps.staticResourceAttribute);
+                common_1.setValidValue(componentXProps, 'directives', readDirectives(srcProps));
+                common_1.setValidValue(componentXProps, 'customDataForm', srcProps.customDataForm);
+                common_1.setValidValue(componentXProps, 'style', srcProps.style);
+                common_1.setValidValue(componentXProps, 'commonStyle', style_1.removeInvalidStyleFormValue(srcProps.commonStyle));
+                common_1.setValidValue(componentXProps, 'styleBindPath', srcProps.styleBindPath);
                 if ((_a = srcProps.styleBind) === null || _a === void 0 ? void 0 : _a.bindDataPath) {
                     componentXProps.styleBind = {
                         type: srcProps.styleBind.type,
                         value: srcProps.styleBind.bindDataPath,
                     };
                 }
-                if ((0, common_1.isValidClassNameListBind)(srcProps.classNameListBind)) {
+                if (common_1.isValidClassNameListBind(srcProps.classNameListBind)) {
                     const classList = srcProps.classNameListBind;
-                    (0, common_1.setValidValue)(componentXProps, 'classListBind', {
+                    common_1.setValidValue(componentXProps, 'classListBind', {
                         type: classList.type,
                         value: classList.bindDataPath,
                     });
                 }
                 if (srcProps.classNameList) {
-                    (0, common_1.setValidValue)(componentXProps, 'classList', srcProps.classNameList);
+                    common_1.setValidValue(componentXProps, 'classList', srcProps.classNameList);
                 }
-                (0, common_1.setValidValue)(cmps[key], 'xProps', componentXProps);
-                (0, common_1.setValidValue)(cmps[key], 'xIndex', srcCmp['x-index']);
+                common_1.setValidValue(cmps[key], 'xProps', componentXProps);
+                common_1.setValidValue(cmps[key], 'xIndex', srcCmp['x-index']);
                 const excludeKeys = (srcProps.dataTypes || [])
                     .filter((dataType) => dataType.type !== 'slot')
                     .map((dataType) => dataType.propertyPath);
-                (0, common_1.setValidValue)(cmps[key], 'properties', readComponents(srcCmp.properties, excludeKeys));
+                common_1.setValidValue(cmps[key], 'properties', readComponents(srcCmp.properties, excludeKeys));
             }
             else {
                 cmps[key] = { properties: readComponents(srcCmp.properties) };
@@ -212,7 +212,7 @@ function deserialize(weAppData) {
             page.vars = srcPage.vars ? srcPage.vars : page.vars;
             page.isHome = srcPage.isHome || false;
             page.style = srcPage.commonStyle || {};
-            (0, common_1.setValidValue)(page, 'styleBindPath', srcPage.styleBindPath);
+            common_1.setValidValue(page, 'styleBindPath', srcPage.styleBindPath);
             page.codeModules = srcPage.lowCodes || [];
             page.pluginInstances = srcPage.pluginInstances || [];
             page.componentSchemaJson = {
@@ -264,7 +264,7 @@ function readCmpInstances(cmps) {
             xProps.style = cmp.xProps.style || {};
             xProps.commonStyle = cmp.xProps.commonStyle || {};
             xProps.staticResourceAttribute = cmp.xProps.staticResourceAttribute || [];
-            (0, common_1.setValidValue)(xProps, 'styleBindPath', cmp.xProps.styleBindPath);
+            common_1.setValidValue(xProps, 'styleBindPath', cmp.xProps.styleBindPath);
             let { classList, classListBind } = cmp.xProps;
             const { styleBind } = cmp.xProps;
             const legacyClassList = classList;
@@ -277,9 +277,9 @@ function readCmpInstances(cmps) {
                     classListBind = classListBind;
                 }
             }
-            classList && (0, common_1.setValidValue)(xProps, 'classNameList', classList);
+            classList && common_1.setValidValue(xProps, 'classNameList', classList);
             classListBind &&
-                (0, common_1.setValidValue)(xProps, 'classNameListBind', {
+                common_1.setValidValue(xProps, 'classNameListBind', {
                     type: classListBind.type,
                     propertyPath: 'classNameList',
                     bindDataPath: classListBind.value,
@@ -330,10 +330,10 @@ function readCmpInstances(cmps) {
                 xProps.data = xProps.data || {};
                 xProps.data._visible = true;
             }
-            (0, common_1.setValidValue)(target, 'x-component', xCmp.toLocaleLowerCase());
-            (0, common_1.setValidValue)(xProps, 'customDataForm', cmp.xProps.customDataForm);
+            common_1.setValidValue(target, 'x-component', xCmp.toLocaleLowerCase());
+            common_1.setValidValue(xProps, 'customDataForm', cmp.xProps.customDataForm);
             target['x-props'] = xProps;
-            (0, common_1.setValidValue)(target, 'x-index', cmp.xIndex);
+            common_1.setValidValue(target, 'x-index', cmp.xIndex);
         }
     }
     return properties;

package/lib/weapps-core/utils/index.js

@@ -7,7 +7,7 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
     o[k2] = m[k];
 }));
 var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+    for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./formily"), exports);

package/lib/weapps-core/utils/style.js

@@ -76,9 +76,9 @@ function toCssStyle(commonStyle = {}, options = { toRem: true, ignoreSelf: false
         if (radius !== undefined) {
             setStyleValue(style, 'borderRadius', _handleStyleNumValue(radius, !!options.addPXUnit));
         }
-        if (radiusInfo && !(0, common_1.isEmptyObj)(radiusInfo)) {
+        if (radiusInfo && !common_1.isEmptyObj(radiusInfo)) {
             if (Object.keys(radiusInfo).length === 4) {
-                if ((0, uniq_1.default)((0, map_1.default)(radiusInfo, (val) => val)).length === 1) {
+                if (uniq_1.default(map_1.default(radiusInfo, (val) => val)).length === 1) {
                     setStyleValue(style, 'borderRadius', _handleStyleNumValue(radiusInfo.topLeft, !!options.addPXUnit));
                 }
                 else if (radiusInfo.topLeft === radiusInfo.bottomRight &&
@@ -120,7 +120,7 @@ function toCssStyle(commonStyle = {}, options = { toRem: true, ignoreSelf: false
                 setStyleValue(style, 'backgroundSize', _handleStyleNumValue(size, !!options.addPXUnit));
             }
             setStyleValue(style, 'backgroundPosition', position);
-            if (positionObj && !(0, common_1.isEmptyObj)(positionObj)) {
+            if (positionObj && !common_1.isEmptyObj(positionObj)) {
                 style.background += ` ${_handleStyleNumValue(positionObj.left, !!options.addPXUnit)} ${_handleStyleNumValue(positionObj.top, !!options.addPXUnit)}`;
             }
         }
@@ -166,7 +166,7 @@ exports.toCssStyle = toCssStyle;
 function removeInvalidStyleFormValue(styleForm = {}) {
     return Object.keys(styleForm).reduce((result, key) => {
         const propStyleFormData = styleForm[key];
-        if ((0, common_1.isPlainObject)(propStyleFormData)) {
+        if (common_1.isPlainObject(propStyleFormData)) {
             setStyleValue(result, key, removeInvalidStyleFormValue(propStyleFormData));
         }
         else {
@@ -178,24 +178,24 @@ function removeInvalidStyleFormValue(styleForm = {}) {
 exports.removeInvalidStyleFormValue = removeInvalidStyleFormValue;
 function setDistanceStyle(style, distance, attr, addPXUnit) {
     if (Object.keys(distance).length === 4) {
-        if ((0, uniq_1.default)((0, map_1.default)(distance, (val) => val)).length === 1) {
-            setStyleValue(style, (0, common_1.camelcase)(`${attr}`), _handleStyleNumValue(distance.top, addPXUnit));
+        if (uniq_1.default(map_1.default(distance, (val) => val)).length === 1) {
+            setStyleValue(style, common_1.camelcase(`${attr}`), _handleStyleNumValue(distance.top, addPXUnit));
         }
         else if (distance.top === distance.bottom &&
             distance.left === distance.right) {
-            setStyleValue(style, (0, common_1.camelcase)(`${attr}`), `${_handleStyleNumValue(distance.top, addPXUnit)} ${_handleStyleNumValue(distance.right, addPXUnit)}`);
+            setStyleValue(style, common_1.camelcase(`${attr}`), `${_handleStyleNumValue(distance.top, addPXUnit)} ${_handleStyleNumValue(distance.right, addPXUnit)}`);
         }
         else if (distance.left === distance.right) {
-            setStyleValue(style, (0, common_1.camelcase)(`${attr}`), `${_handleStyleNumValue(distance.top, addPXUnit)} ${_handleStyleNumValue(distance.right, addPXUnit)} ${_handleStyleNumValue(distance.bottom, addPXUnit)}`);
+            setStyleValue(style, common_1.camelcase(`${attr}`), `${_handleStyleNumValue(distance.top, addPXUnit)} ${_handleStyleNumValue(distance.right, addPXUnit)} ${_handleStyleNumValue(distance.bottom, addPXUnit)}`);
         }
         else {
-            setStyleValue(style, (0, common_1.camelcase)(`${attr}`), `${_handleStyleNumValue(distance.top, addPXUnit)} ${_handleStyleNumValue(distance.right, addPXUnit)} ${_handleStyleNumValue(distance.bottom, addPXUnit)} ${_handleStyleNumValue(distance.left, addPXUnit)}`);
+            setStyleValue(style, common_1.camelcase(`${attr}`), `${_handleStyleNumValue(distance.top, addPXUnit)} ${_handleStyleNumValue(distance.right, addPXUnit)} ${_handleStyleNumValue(distance.bottom, addPXUnit)} ${_handleStyleNumValue(distance.left, addPXUnit)}`);
         }
     }
     else {
         config_1.DISTANCE_KEY_LIST.forEach((key) => {
             if (distance[key] !== undefined)
-                setStyleValue(style, (0, common_1.camelcase)(`${attr}_${key}`), _handleStyleNumValue(distance[key], addPXUnit));
+                setStyleValue(style, common_1.camelcase(`${attr}_${key}`), _handleStyleNumValue(distance[key], addPXUnit));
         });
     }
 }
@@ -227,10 +227,10 @@ function setStyleValue(object, key, value) {
     if (key === 'open') {
         return;
     }
-    if ((0, common_1.isEmptyObj)(value)) {
+    if (common_1.isEmptyObj(value)) {
         return;
     }
-    object[(0, common_1.camelcase)(key)] = value;
+    object[common_1.camelcase(key)] = value;
 }
 function calPxToREM(px) {
     if (Number.isNaN(px / 28))
@@ -280,7 +280,7 @@ exports.toRPX = toRPX;
 function removeWrapperBadEffectStyle(commonStyle = {}) {
     return Object.keys(commonStyle).reduce((result, key) => {
         const value = commonStyle[key];
-        const camelcaseKey = (0, common_1.camelcase)(key);
+        const camelcaseKey = common_1.camelcase(key);
         if (config_1.WRAPPER_REMOVE_STYLE_KEY_LIST.includes(camelcaseKey)) {
             return result;
         }
@@ -296,7 +296,7 @@ function removeEffectTwiceStyle(commonStyle = {}) {
     const style = {};
     Object.keys(commonStyle).map((key) => {
         const value = commonStyle[key];
-        const camelcaseKey = (0, common_1.camelcase)(key);
+        const camelcaseKey = common_1.camelcase(key);
         if (config_1.SELF_REMOVE_STYLE_KEY_LIST.includes(camelcaseKey)) {
             return false;
         }
@@ -313,7 +313,7 @@ function toCssText(style, className = '.some-class-name') {
     const attrText = Object.keys(style)
         .map((key) => {
         const value = style[key];
-        return `${(0, common_1.kebabCase)(key)}: ${value};`;
+        return `${common_1.kebabCase(key)}: ${value};`;
     })
         .join('\n');
     return `${className} { ${attrText} }\n`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudbase/framework-plugin-low-code",
-  "version": "0.6.55",
+  "version": "0.6.58-alpha.0",
   "description": "云开发 Tencent CloudBase Framework Low Code Plugin，将低码配置生成完整项目并一键部署云开发资源。",
   "author": "yhsunshining@gmail.com",
   "homepage": "https://github.com/TencentCloudBase/cloudbase-framework#readme",

package/template/html/index.html.ejs

@@ -411,12 +411,15 @@
         const isPrivate = sessionStorage.getItem('__URL_QUERY_IS_PRIVATE');
         if (isPrivate === 'true') {
           document.write(
-            `<script src="//static.cloudbase.net/cloudbase-js-sdk/2.0.1-alpha.0/cloudbase.full.js?v=1><\/script>`
+            `<script src="//static.cloudbase.net/cloudbase-js-sdk/2.0.1-alpha.1/cloudbase.full.js?v=1><\/script>`
           );
         } else {
           document.write(
-            `<script src="//static.cloudbase.net/cloudbase-js-sdk/1.5.3-alpha.0/cloudbase.full.js?v=1"><\/script>`
+            `<script src="//static.cloudbase.net/cloudbase-js-sdk/2.0.1-alpha.1/cloudbase.full.js?v=1><\/script>`
           );
+          // document.write(
+          //   `<script src="//static.cloudbase.net/cloudbase-js-sdk/1.5.3-alpha.0/cloudbase.full.js?v=1"><\/script>`
+          // );
         }
       })();
     </script>
@@ -479,7 +482,7 @@
     ></script>
     <script
       crossorigin="anonymous"
-      src="https://qbase.cdn-go.cn/lcap/lcap-resource-cdngo/-/release/_npm/@cloudbase/weda-cloud-sdk@1.0.5/dist/h5.browser.js?v=1"
+      src="https://cdn.jsdelivr.net/npm/@cloudbase/weda-cloud-sdk@1.0.8-alpha.1/dist/h5.browser.js?v=1"
     ></script>
     <script>
       // zxing polifill

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

@@ -15,16 +15,6 @@ export function createPage(
   $page,
   context,
 ) {
-  $page.state = observable(pageState);
-  let dataset = createDataset($page.uuid);
-  $page.dataset = dataset;
-  $page.state.dataset = dataset;
-  $page.computed = createComputed(pageComputed);
-  $page.setState = (userSetState) => {
-    Object.keys(userSetState).forEach((keyPath) => {
-      app.utils.set($page.dataset.state, keyPath, userSetState[keyPath]);
-    });
-  };
   const evtHandlers = createEventHandlers(evtListeners, context);
 
   function extractLifecyles() {
@@ -57,6 +47,7 @@ export function createPage(
     data: createInitData(widgetProps, dataBinds),
     lifetimes: {
       attached() {
+        const $page = this.getWeAppInst()
         // createWidgets 从上面移到这里是为了 i18n 切换语言的时候页面能生效
         $page.widgets = {};
         const { rootWidget, widgets } = createWidgets(widgetProps, dataBinds, $page.widgets, context);
@@ -83,6 +74,8 @@ export function createPage(
       ...evtHandlers,
       ...mergeRenderer,
       onLoad(options) {
+        const $page = this.getWeAppInst()
+
         app.activePage = $page;
         setConfig({ currentPageId: $page.uuid });
         this._pageActive = true;
@@ -95,12 +88,14 @@ export function createPage(
         hook && hook.call(this, query);
       },
       onUnload() {
+        const $page = this.getWeAppInst()
         this._disposers.forEach(dispose => dispose());
 
         const hook = lifecycle.onUnload || lifecycle.onPageUnload;
         hook && hook.call(this);
       },
       async onShow() {
+        const $page = this.getWeAppInst()
         app.activePage = $page;
         setConfig({ currentPageId: $page.uuid });
         $page.widgets = this._widgets;
@@ -117,12 +112,29 @@ export function createPage(
         }
       },
       onHide() {
+        const $page = this.getWeAppInst()
         const hook = lifecycle.onHide || lifecycle.onPageHide;
         hook && hook.call(this);
         this._pageActive = false;
       },
 
-      getWeAppInst: () => $page,
+      getWeAppInst() {
+        if(!this.$WEAPPS_PAGE){
+          $page.state = observable(pageState);
+          let dataset = createDataset($page.uuid);
+          $page.dataset = dataset;
+          $page.state.dataset = dataset;
+          $page.computed = createComputed(pageComputed);
+          $page.setState = (userSetState) => {
+            Object.keys(userSetState).forEach((keyPath) => {
+              app.utils.set($page.dataset.state, keyPath, userSetState[keyPath]);
+            });
+          };
+
+          this.$WEAPPS_PAGE = $page;
+        }
+        return this.$WEAPPS_PAGE
+      },
     },
   });
 }

package/template/mp/component/index.js

@@ -25,7 +25,7 @@ const evtListeners = {<% Object.entries(eventHandlers).map(([handlerName, listen
       handler: <% if (l.type == 'rematch') {%> _handler<%= l.handler %> <%} else {%> <%= l.handler %> <%} %>,
       data: <%= stringifyObj(l.data, {depth: null}) %>,
       boundData: {<% Object.entries(l.boundData).map(([prop, expr])=>{%>'<%= prop %>':(lists, forItems, event, $context) => {const $for=forItems; return (
-        <%= expr %>
+        <%= expr === ''? 'undefined': expr %>
       )},
         <%}) %>}
     },<%})%>
@@ -55,7 +55,7 @@ const handler = {<% handlers.forEach(h => {%>
 const dataBinds = {<% Object.entries(dataBinds).map(([id, widgetBinds])=>{%>
   <%= id %>: { <% Object.entries(widgetBinds).map(([prop, expr]) => { %>
     <%= prop %>: function (lists, forItems, event, $context) {const $for=forItems; return (
-      <%= expr %>
+      <%= expr === '' ? 'undefined': expr %>
     ); },<% }) %>
   },<%}) %>
 }

package/template/mp/page/index.js

@@ -20,7 +20,7 @@ const evtListeners = {<% Object.entries(eventHanlders).map(([handlerName, listen
       handler: <% if (l.type === 'rematch') {%> handlers.<%= l.handler %> <%} else if (l.type == 'material') {%> function(...args) { return require('../../materials/<%= l.handlerModule %>/actions/<%= l.handler %>/index').default(...args) } <%} else {%> <%= l.handler %> <%} %>,
       data: <%= stringifyObj(l.data, {depth: null}) %>,
       boundData: {<% Object.entries(l.boundData).map(([prop, expr])=>{%>'<%= prop %>':(lists, forItems, event, $context) => {const $for = forItems; return (
-        <%= expr %>
+        <%= expr === '' ? 'undefined': expr %>
       )},
         <%}) %>}
     },<%})%>
@@ -29,7 +29,7 @@ const evtListeners = {<% Object.entries(eventHanlders).map(([handlerName, listen
 const dataBinds = {<% Object.entries(dataBinds).map(([id, widgetBinds])=>{%>
   <%= id %>: { <% Object.entries(widgetBinds).map(([prop, expr]) => { %>
     <%= prop %>: function (lists, forItems, event, $context) {const $for = forItems; return (
-      <%= expr %>
+      <%= expr === '' ? 'undefined': expr %>
     ); },<% }) %>
   },<%}) %>
 }

package/template/package.json

@@ -44,6 +44,7 @@
     "postcss-pxtorem": "^6.0.0",
     "postcss-loader": "^4.0.3",
     "postcss-css-variables": "^0.16.0",
+    "qiankun": "^2.7.0",
     "less": "^4.0.0",
     "less-loader": "^7.0.1",
     "sass-loader": "^8.0.0",

package/template/src/pages/app.tpl

@@ -6,9 +6,6 @@ import { initLifeCycle, pageLifeCycleMount } from 'handlers/lifecycle'
 import { createComputed } from 'utils'
 import AppLifeCycle from 'lowcode/lifecycle'
 import { createDataset, createStateDataSourceVar, generateParamsParser, EXTRA_API } from '../../datasources'
-import PageLifeCycle from '../../lowcode/<%= pageName %>/lifecycle'
-import initPageState from '../../lowcode/<%= pageName %>/state'
-import computed from '../../lowcode/<%= pageName %>/computed'
 import { $$_<%= pageName %> as handler } from '../../app/handlers'
 import { app as mainApp } from 'app/global-api' // 取主包app
 import { app, $page } from '../../app/global-api' // 取对应子包app
@@ -16,6 +13,23 @@ import { createWidgets, retryDataBinds, resolveComponentProps, checkAuth, report
 import { useScrollTop } from 'handlers/hooks'
 import { get } from "lodash";
 import './index.less'
+<% if(pageSource){ %>
+import { loadMicroApp } from 'qiankun';
+const PageLifeCycle = {};
+const initPageState = {};
+const computed = {}
+<% } else { %>
+import PageLifeCycle from '../../lowcode/<%= pageName %>/lifecycle'
+import initPageState from '../../lowcode/<%= pageName %>/state'
+import computed from '../../lowcode/<%= pageName %>/computed'
+function loadMicroApp(){
+  return new Proxy({}, {
+    get(obj, prop) {
+      return (...args) => {};
+    },
+  })
+}
+<% } %>
 
 let ReactDOMServer;
 
@@ -65,6 +79,10 @@ export default function App() {
   // 检查权限
   const [weDaHasLogin, setWeDaHasLogin] = React.useState(false);
   const context = React.useRef(observable({})).current;
+  const containerRef = React.useRef(null);
+  const microApp = React.useRef(null);
+  const pureSrc = '<%= pageSource %>';
+  const isPure = !!pureSrc;
 
   /**
    * 更新数据容器的上下文的方法
@@ -107,6 +125,11 @@ export default function App() {
         app.utils.set($page.dataset.state, keyPath, userSetState[keyPath]);
       });
     };
+    return () => {
+      if (microApp.current) {
+        microApp.current.unmount();
+      }
+    };
   }, []);
 
   React.useEffect(() => {
@@ -123,23 +146,42 @@ export default function App() {
     pageLifeCycleMount(React.useEffect, PageLifeCycle, app)
   }
 
+  React.useEffect(() => {
+    if (isPure) {
+      if (weDaHasLogin) {
+        if (!microApp.current) {
+          microApp.current = loadMicroApp({
+            name: '<%= pageName %>',
+            entry: pureSrc,
+            container: containerRef.current,
+          });
+        } else {
+          microApp.current.mount?.();
+        }
+      } else if (microApp.current) {
+        microApp.current.unmount();
+      }
+    }
+  }, [weDaHasLogin]);
+
   useScrollTop();
 
   return (
-    <div className="weapps-page">
+    <div className="weapps-page" ref={containerRef}>
       <style
         type="text/css"
         dangerouslySetInnerHTML={{
           __html: `<%= pageStyleText %>`,
         }}
       />
-    {weDaHasLogin && (
-    <AppRender pageListenerInstances={pageListenerInstances}
-               virtualFields={virtualFields}
-               componentSchema={componentSchema}
-               context={context}
-               updateContext={updateContext}
-          />)}
+      {weDaHasLogin && !isPure && (
+        <AppRender pageListenerInstances={pageListenerInstances}
+          virtualFields={virtualFields}
+          componentSchema={componentSchema}
+          context={context}
+          updateContext={updateContext}
+        />
+      )}
     </div>
   );
 }