@steedos/service-plugin-amis 2.2.4

package/README.md

@@ -0,0 +1,3 @@
+### Amis 插件
+- 支持 Amis 渲染 Page
+- 支持 Amis 编辑器

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

@@ -0,0 +1,47 @@
+; (function () {
+    try {
+        let amisStyle = document.createElement("link");
+        amisStyle.setAttribute("rel", "stylesheet");
+        amisStyle.setAttribute("type", "text/css");
+        amisStyle.setAttribute("href", "/amis/amis.css");
+        document.getElementsByTagName("head")[0].appendChild(amisStyle);
+    } catch (error) {
+        console.error(error)
+    }
+    import('/amis/sdk/sdk.noreact.js').then(() => {
+        //处理mobx多个实例问题
+        try {
+            let mobx = amisRequire('mobx');
+            mobx.configure({ isolateGlobalState: true })
+        } catch (error) {
+
+        }
+
+        let React = window.React || amisRequire("react");
+
+        // Register amis render 
+        var Amis = function (props) {
+            var schema = props.schema, data = props.data;
+            return React.createElement(React.Fragment, null,
+                React.createElement("div", { id: "amis-root" }),
+                // amisRequire('amis').render(schema, data, {theme: 'cxd'}))
+                function () {
+                    setTimeout(function () {
+                        amisRequire('amis/embed').embed('#amis-root', schema, {
+                            data
+                        })
+                    }, 100)
+                }()
+            );
+        };
+        
+        Builder.register('PageRender', {
+            name: 'Amis',
+            component: Amis,
+            inputs: [
+              { name: 'schema', type: 'object' },
+              { name: 'data', type: 'object' },
+            ]
+        })
+    });
+})();

package/main/default/client/style.client.js

@@ -0,0 +1,12 @@
+(function () {
+    try {
+        var styleCss = $(`<style>
+            .steedos .creator-content-wrapper .steedos-page .page-header-wrapper{
+                display: none;
+            }
+        </style>`);
+        $("head").append(styleCss);
+    } catch (error) {
+        console.log(error);
+    }
+})();

package/main/default/objects/pages/fields/render_engine.field.yml

@@ -0,0 +1,11 @@
+name: render_engine
+type: select
+label: 渲染器
+defaultValue: amis
+options:
+  - label: Amis
+    value: amis
+  - label: Redash
+    value: redash
+required: true
+sort_no: 125

package/main/default/objects/pages/pages.object.yml

@@ -0,0 +1,2 @@
+extend: pages
+name: pages

package/main/default/services/amis.service.js

@@ -0,0 +1,68 @@
+module.exports = {
+    name: "amis",
+    mixins: [],
+    /**
+     * Settings
+     */
+    settings: {
+
+    },
+
+    /**
+     * Dependencies
+     */
+    dependencies: [],
+
+    /**
+     * Actions
+     */
+    actions: {
+        getDefaultSchema: {
+            async handler(ctx) {
+                // const userSession = ctx.meta.user;
+                // const { type, app, objectApiName, recordId, formFactor } = ctx.params;
+                return this.getDefaultSchema();
+            }
+        }
+    },
+
+    /**
+     * Events
+     */
+    events: {
+
+    },
+
+    /**
+     * Methods
+     */
+    methods: {
+        getDefaultSchema: {
+            handler() {
+                
+
+            }
+        }
+    },
+
+    /**
+     * Service created lifecycle event handler
+     */
+    async created() {
+
+    },
+
+    /**
+     * Service started lifecycle event handler
+     */
+    async started() {
+
+    },
+
+    /**
+     * Service stopped lifecycle event handler
+     */
+    async stopped() {
+
+    }
+};

package/package.json

@@ -0,0 +1,12 @@
+{
+  "name": "@steedos/service-plugin-amis",
+  "version": "2.2.4",
+  "main": "package.service.js",
+  "scripts": {},
+  "license": "MIT",
+  "private": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "gitHead": "a0c0e8d900f7f4fd2045d976b36c9bef465a6ce3"
+}

package/package.service.js

@@ -0,0 +1,97 @@
+"use strict";
+const project = require('./package.json');
+const packageName = project.name;
+const packageLoader = require('@steedos/service-package-loader');
+const _ = require(`lodash`);
+const express = require('express');
+const path = require('path');
+
+/**
+ * @typedef {import('moleculer').Context} Context Moleculer's Context
+ * 软件包服务启动后也需要抛出事件。
+ */
+module.exports = {
+	name: packageName,
+	namespace: "steedos",
+	mixins: [packageLoader],
+	/**
+	 * Settings
+	 */
+	settings: {
+		packageInfo: {
+			path: __dirname,
+			name: this.name,
+		},
+		initBuilderRouter: false
+	},
+
+	/**
+	 * Dependencies
+	 */
+	dependencies: ['~packages-@steedos/service-pages'],
+
+	/**
+	 * Actions
+	 */
+	actions: {
+
+	},
+
+	/**
+	 * Events
+	 */
+	events: {
+		'steedos-server.started': async function (ctx) {
+			this.initBuilderRouter();
+		}
+	},
+
+	/**
+	 * Methods
+	 */
+	methods: {
+		initBuilderRouter: {
+			handler() {
+				if (this.settings.initBuilderRouter) {
+					return;
+				}
+				this.settings.initBuilderRouter = true;
+				try {
+					const router = express.Router();
+					let publicPath = path.join(__dirname, 'public');
+					let routerPath = "";
+					if (__meteor_runtime_config__.ROOT_URL_PATH_PREFIX) {
+						routerPath = __meteor_runtime_config__.ROOT_URL_PATH_PREFIX;
+					}
+					const cacheTime = 86400000 * 1; // one day
+					router.use(routerPath, express.static(publicPath, { maxAge: cacheTime }));
+					WebApp.rawConnectHandlers.use(router);
+				} catch (error) {
+					console.error(error)
+					this.settings.initBuilderRouter = false;
+				}
+			}
+		},
+	},
+
+	/**
+	 * Service created lifecycle event handler
+	 */
+	async created() {
+
+	},
+
+	/**
+	 * Service started lifecycle event handler
+	 */
+	async started() {
+		this.initBuilderRouter();
+	},
+
+	/**
+	 * Service stopped lifecycle event handler
+	 */
+	async stopped() {
+
+	}
+};

package/public/amis/amis.css

@@ -0,0 +1,29 @@
+@import '/amis/sdk/sdk.css';
+
+
+/* .amis-routes-wrapper{
+    width: 100%;
+} */
+
+.amis-scope{
+    background: none;
+}
+
+.amis-scope svg {
+    display: inline !important;
+    vertical-align: initial !important;
+}
+
+/* .row-main{
+    border-radius: 0.25rem
+} */
+
+.amis-scope .a-Form-item--horizontal.col-span-2 .a-Form-itemColumn--2 {
+    flex: 0 0 calc(8.33333333335% - 2px);
+    max-width: calc(8.33333333335% - 2px);
+}
+
+.a-Table svg {
+    display: inline !important;
+    vertical-align: initial !important;
+}