@cloudbase/framework-plugin-low-code 0.7.2 → 0.7.5

package/lib/utils/dataSource.js

@@ -142,7 +142,7 @@ function _generateDynamicDataset(dataset) {
                         }
                         else {
                             let jsExp = (0, util_1.generateDataBind)(bind);
-                            processed[paramKey] = `${config_1.REPLACE_SIGN}(app, $page) =>  (\n${jsExp}\n)${config_1.REPLACE_SIGN}`;
+                            processed[paramKey] = `${config_1.REPLACE_SIGN}(app, $page) =>  (\n${jsExp || 'undefined'}\n)${config_1.REPLACE_SIGN}`;
                         }
                     }
                     config.initMethod.params = processed;

package/package.json

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

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

@@ -30,6 +30,14 @@ function createGlboalApi() {
       getConfig: function () {
         return <%= appConfig %>;
       },
+      resolveStaticResourceUrl(staticUrl) {
+        if (/^\//.test(staticUrl)) {
+          const domain = globalAPI?.__internal__?.getConfig?.()?.staticResourceDomain || globalAPI?.domain || ''
+          const url = `https://${domain}${staticUrl}`;
+          return url;
+        }
+        return staticUrl;
+      }
     },
     dataSources: DS_SDK,
     pages: {},
@@ -56,7 +64,7 @@ function createGlboalApi() {
       }
     },
     invoke(params) {
-      return app.activePage.invokeComponentMethod(params)
+      return app.__internal__.activePage.invokeComponentMethod(params)
     },
     utils: {
       formatDate,

package/template/src/app/global-api.js

@@ -34,6 +34,14 @@ function createGlboalApi() {
       getConfig: function () {
         return <%= appConfig %>;
       },
+      resolveStaticResourceUrl(staticUrl) {
+        if (/^\//.test(staticUrl)) {
+          const domain = globalAPI?.__internal__?.getConfig?.()?.staticResourceDomain || globalAPI?.domain || ''
+          const url = `https://${domain}${staticUrl}`;
+          return url;
+        }
+        return staticUrl;
+      }
     },
     formActions: {},
     pages: {},

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

@@ -141,12 +141,8 @@ export function resolveComponentProps(props, isPlainProps) {
 }
 
 export function getStaticResourceAttribute(staticUrl) {
-  if (/^\//.test(staticUrl)) {
-    const { domain = '' } = window.app || {};
-    const url = `https://${domain}${staticUrl}`;
-    return url;
-  }
-  return staticUrl;
+  const { __internal__ = {} } = window.app || {};
+  return __internal__?.resolveStaticResourceUrl?.(staticUrl) || staticUrl
 }
 
 export function findLoginPage(app = window.app) {

package/template/webpack/web.prod.js

@@ -16,7 +16,6 @@ module.exports = function (options) {
     context,
     entry,
     output,
-    mode,
     watch,
     externals,
     resolveModules,
@@ -27,7 +26,6 @@ module.exports = function (options) {
     definePlugin = {},
     devtool = false,
   } = options;
-  const isDevelopment = mode !== 'production';
 
   const babelLoader = {
     loader: 'babel-loader',
@@ -139,22 +137,16 @@ module.exports = function (options) {
         },
       ],
     }),
+    new webpack.HashedModuleIdsPlugin({
+      hashFunction: 'sha256',
+      hashDigest: 'hex',
+      hashDigestLength: 20,
+    }),
+    new webpack.EnvironmentPlugin({
+      SSR: false,
+      WEBPACK_ENV: 'production',
+    }),
   ];
-  if (isDevelopment) {
-    plugins.concat([new HardSourceWebpackPlugin()]);
-  } else {
-    plugins = plugins.concat([
-      new webpack.HashedModuleIdsPlugin({
-        hashFunction: 'sha256',
-        hashDigest: 'hex',
-        hashDigestLength: 20,
-      }),
-      new webpack.EnvironmentPlugin({
-        SSR: false,
-        WEBPACK_ENV: 'production',
-      }),
-    ]);
-  }
 
   const cssLoaders = [
     MiniCssExtractPlugin.loader,
@@ -188,7 +180,10 @@ module.exports = function (options) {
   return {
     context,
     entry,
-    mode,
+    /**
+     * 只要是构建都开启 production 以使用精简
+     */
+    mode: 'production',
     watch,
     output,
     externals,
@@ -266,12 +261,12 @@ module.exports = function (options) {
       concatenateModules: true,
       noEmitOnErrors: true,
       splitChunks: {
-        maxSize: isDevelopment ? undefined : 3000000,
+        maxSize: 3000000,
         cacheGroups: {
           base: {
             test: /(react|react-dom|react-router|react-router-dom|mobx|mobx-react-lite|@cloudbase\/js-sdk)/,
             chunks: 'all',
-            minSize: isDevelopment ? undefined : 500000,
+            minSize: 500000,
             priority: 100, // 优先级
           },
           utils: {
@@ -291,25 +286,17 @@ module.exports = function (options) {
           },
         },
       },
-      ...(isDevelopment
-        ? {
-            minimize: false,
-            removeAvailableModules: false,
-            removeEmptyChunks: true,
-          }
-        : {
-            minimizer: [
-              new TerserPlugin({
-                test: /\.js(\?.*)?$/i,
-                cache: false,
-                parallel: true,
-                sourceMap: false,
-                terserOptions: {
-                  safari10: true,
-                },
-              }),
-            ],
-          }),
+      minimizer: [
+        new TerserPlugin({
+          test: /\.js(\?.*)?$/i,
+          cache: false,
+          parallel: true,
+          sourceMap: false,
+          terserOptions: {
+            safari10: true,
+          },
+        }),
+      ],
     },
   };
 };