@steedos/service-plugin-amis 2.2.5 → 2.2.8

package/main/default/client/amis.render.client.js

@@ -1,3 +1,16 @@
+window['React'] = require('react'); 
+window['ReactDOM'] = require('react-dom'); 
+window['lodash'] = require('lodash'); 
+
+Builder.registerImportMap({
+    "lodash": '/requirejs/lodash',
+    "react": '/requirejs/react',
+    "react-dom": '/requirejs/react-dom',
+    "@steedos-builder/sdk": '/requirejs/builder-sdk',
+    "@steedos-builder/react": '/requirejs/builder-react',
+})
+Builder.require(['lodash',"react", "react-dom"])
+
 ; (function () {
     try {
         let amisStyle = document.createElement("link");
@@ -34,14 +47,35 @@
                 }()
             );
         };
+
+        window['requirejs'].config(
+            { 
+              waitSeconds: 60,
+              baseUrl: Meteor.absoluteUrl('/requirejs'),
+              paths: { 
+                'vs': 'https://unpkg.com/monaco-editor/min/vs',
+              } 
+            }
+          );
+
+        React.Builder = Builder;
         
-        Builder.register('PageRender', {
+        
+        Builder.registerComponent(Amis, {
             name: 'Amis',
-            component: Amis,
             inputs: [
               { name: 'schema', type: 'object' },
               { name: 'data', type: 'object' },
             ]
-        })
+        });
+
+        const defaultAssetsUrls = [
+            'https://unpkg.com/@steedos-ui/builder-widgets/dist/assets.js'
+        ]
+
+        defaultAssetsUrls.forEach( (url, index) => {
+            Builder.registerRemoteAssets(url)
+        });
+
     });
 })();

package/main/default/client/onWindowMessage.client.js

@@ -0,0 +1,34 @@
+/*
+ * @Author: steedos
+ * @Date: 2022-03-24 14:39:44
+ * @Description: 基于steedos builder 实现 Amis组件的动态注册
+ */
+
+window.SAmisReners = [];
+
+window.addEventListener('message', function (event) {
+    const { data } = event;
+    if (data.type === 'builder.register') {
+        if (data.data?.type === 'meta-components' && data.data?.info?.componentName && data.data?.info?.amis?.render) {
+            console.log(`data.data.info ===> `, data.data.info);
+            const Component = Builder.components.find(item => item.name === data.data.info?.componentName);
+          if (Component && !SAmisReners.includes(data.data.info.amis?.render.type)){
+            try {
+                SAmisReners.push(data.data.info.amis?.render.type);
+                let amisLib = amisRequire('amis');
+                amisLib.Renderer(
+                    {
+                        type: data.data.info.amis?.render.type,
+                        weight: data.data.info.amis?.render.weight
+                    }
+                )(Component.class);
+            } catch(e){console.log(e)}
+          }
+        }else if(data.data?.type === 'metas' ){
+            console.log('metas========>', data.data)
+        }else if(data.data?.type === 'assets' ){
+            console.log('assets========>', data.data)
+        }
+        
+      }
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@steedos/service-plugin-amis",
-  "version": "2.2.5",
+  "version": "2.2.8",
   "main": "package.service.js",
   "scripts": {},
   "license": "MIT",
@@ -8,5 +8,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "260131162c3eb25ec8d51e915b773610c7b2653c"
+  "gitHead": "fc6272b2c000e68dce4dd0c785dae2b6f63ae858"
 }