@steedos/service-plugin-amis 2.4.0-beta.9 → 2.4.0

package/public/tailwind/tailwind-steedos.css

@@ -34,385 +34,409 @@
   }
 }
 
-body.steedos .visible {
+.visible {
   visibility: visible
 }
 
-body.steedos .collapse {
+.collapse {
   visibility: collapse
 }
 
-body.steedos .static {
+.static {
   position: static
 }
 
-body.steedos .fixed {
+.fixed {
   position: fixed
 }
 
-body.steedos .absolute {
+.absolute {
   position: absolute
 }
 
-body.steedos .relative {
-  position: relative
-}
-
-body.steedos .sticky {
+.sticky {
   position: sticky
 }
 
-body.steedos .inset-0 {
+.inset-0 {
   top: 0px;
   right: 0px;
   bottom: 0px;
   left: 0px
 }
 
-body.steedos .top-0 {
+.top-0 {
   top: 0px
 }
 
-body.steedos .z-40 {
+.z-40 {
   z-index: 40
 }
 
-body.steedos .z-20 {
+.z-20 {
   z-index: 20
 }
 
-body.steedos .col-span-2 {
+.col-span-2 {
   grid-column: span 2 / span 2
 }
 
-body.steedos .m-0 {
+.m-1 {
+  margin: 0.25rem
+}
+
+.m-0 {
   margin: 0px
 }
 
-body.steedos .m-1 {
-  margin: 0.25rem
+.m-3 {
+  margin: 0.75rem
 }
 
-body.steedos .mr-4 {
+.mx-4 {
+  margin-left: 1rem;
   margin-right: 1rem
 }
 
-body.steedos .mb-\[-3px\] {
+.my-2 {
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem
+}
+
+.mr-4 {
+  margin-right: 1rem
+}
+
+.mb-\[-3px\] {
   margin-bottom: -3px
 }
 
-body.steedos .mt-\[50px\] {
+.mt-\[50px\] {
   margin-top: 50px
 }
 
-body.steedos .mt-0\.5 {
+.mt-0\.5 {
   margin-top: 0.125rem
 }
 
-body.steedos .mt-0 {
+.mt-0 {
   margin-top: 0px
 }
 
-body.steedos .-mt-3 {
+.-mt-3 {
   margin-top: -0.75rem
 }
 
-body.steedos .block {
+.mt-3 {
+  margin-top: 0.75rem
+}
+
+.block {
   display: block
 }
 
-body.steedos .inline {
+.inline {
   display: inline
 }
 
-body.steedos .flex {
+.flex {
   display: flex
 }
 
-body.steedos .table {
+.table {
   display: table
 }
 
-body.steedos .grid {
+.grid {
   display: grid
 }
 
-body.steedos .contents {
+.contents {
   display: contents
 }
 
-body.steedos .hidden {
+.hidden {
   display: none
 }
 
-body.steedos .h-\[50px\] {
-  height: 50px
+.h-full {
+  height: 100%
 }
 
-body.steedos .h-7 {
-  height: 1.75rem
+.h-\[50px\] {
+  height: 50px
 }
 
-body.steedos .h-10 {
+.h-10 {
   height: 2.5rem
 }
 
-body.steedos .h-full {
-  height: 100%
-}
-
-body.steedos .w-full {
+.w-full {
   width: 100%
 }
 
-body.steedos .w-auto {
+.w-auto {
   width: auto
 }
 
-body.steedos .w-64 {
+.w-64 {
   width: 16rem
 }
 
-body.steedos .w-10 {
+.w-10 {
   width: 2.5rem
 }
 
-body.steedos .w-6\/12 {
+.w-6\/12 {
   width: 50%
 }
 
-body.steedos .min-w-max {
+.min-w-max {
   min-width: -moz-max-content;
   min-width: max-content
 }
 
-body.steedos .flex-1 {
-  flex: 1 1 0%
-}
-
-body.steedos .flex-none {
+.flex-none {
   flex: none
 }
 
-body.steedos .-translate-x-0 {
-  --tw-translate-x: -0px;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+.flex-1 {
+  flex: 1 1 0%
 }
 
-body.steedos .transform {
+.-translate-x-0 {
+  --tw-translate-x: -0px;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 }
 
-body.steedos .flex-col {
+.flex-col {
   flex-direction: column
 }
 
-body.steedos .flex-nowrap {
+.flex-nowrap {
   flex-wrap: nowrap
 }
 
-body.steedos .items-center {
+.items-center {
   align-items: center
 }
 
-body.steedos .justify-center {
+.justify-center {
   justify-content: center
 }
 
-body.steedos .justify-between {
+.justify-between {
   justify-content: space-between
 }
 
-body.steedos .gap-x-3 {
+.gap-x-3 {
   -moz-column-gap: 0.75rem;
        column-gap: 0.75rem
 }
 
-body.steedos .overflow-y-auto {
+.overflow-hidden {
+  overflow: hidden
+}
+
+.overflow-y-auto {
   overflow-y: auto
 }
 
-body.steedos .border-b-\[3px\] {
+.border-b-\[3px\] {
   border-bottom-width: 3px
 }
 
-body.steedos .border-r {
+.border-r {
   border-right-width: 1px
 }
 
-body.steedos .border-solid {
-  border-style: solid
+.border-b {
+  border-bottom-width: 1px
 }
 
-body.steedos .border-slate-300 {
-  --tw-border-opacity: 1;
-  border-color: rgb(203 213 225 / var(--tw-border-opacity))
+.border-solid {
+  border-style: solid
 }
 
-body.steedos .border-sky-500 {
+.border-sky-500 {
   --tw-border-opacity: 1;
   border-color: rgb(14 165 233 / var(--tw-border-opacity))
 }
 
-body.steedos .border-slate-200 {
+.border-slate-200 {
   --tw-border-opacity: 1;
   border-color: rgb(226 232 240 / var(--tw-border-opacity))
 }
 
-body.steedos .bg-white {
+.border-slate-300 {
+  --tw-border-opacity: 1;
+  border-color: rgb(203 213 225 / var(--tw-border-opacity))
+}
+
+.bg-white {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity))
 }
 
-body.steedos .p-0 {
+.p-0 {
   padding: 0px
 }
 
-body.steedos .p-4 {
+.p-4 {
   padding: 1rem
 }
 
-body.steedos .px-4 {
+.px-4 {
   padding-left: 1rem;
   padding-right: 1rem
 }
 
-body.steedos .px-0 {
+.px-0 {
   padding-left: 0px;
   padding-right: 0px
 }
 
-body.steedos .px-1 {
+.px-1 {
   padding-left: 0.25rem;
   padding-right: 0.25rem
 }
 
-body.steedos .py-3 {
+.py-3 {
   padding-top: 0.75rem;
   padding-bottom: 0.75rem
 }
 
-body.steedos .px-10 {
+.px-10 {
   padding-left: 2.5rem;
   padding-right: 2.5rem
 }
 
-body.steedos .py-2 {
+.py-2 {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem
 }
 
-body.steedos .pl-4 {
+.pr-4 {
+  padding-right: 1rem
+}
+
+.pl-4 {
   padding-left: 1rem
 }
 
-body.steedos .pb-0 {
+.pb-0 {
   padding-bottom: 0px
 }
 
-body.steedos .pt-4 {
+.pt-4 {
   padding-top: 1rem
 }
 
-body.steedos .pb-16 {
+.pb-16 {
   padding-bottom: 4rem
 }
 
-body.steedos .pl-1\.5 {
+.pb-4 {
+  padding-bottom: 1rem
+}
+
+.pl-1\.5 {
   padding-left: 0.375rem
 }
 
-body.steedos .pl-1 {
+.pl-1 {
   padding-left: 0.25rem
 }
 
-body.steedos .text-left {
+.text-left {
   text-align: left
 }
 
-body.steedos .text-center {
+.text-center {
   text-align: center
 }
 
-body.steedos .lowercase {
+.lowercase {
   text-transform: lowercase
 }
 
-body.steedos .italic {
+.italic {
   font-style: italic
 }
 
-body.steedos .leading-5 {
+.leading-5 {
   line-height: 1.25rem
 }
 
-body.steedos .leading-none {
+.leading-none {
   line-height: 1
 }
 
-body.steedos .text-black {
+.text-black {
   --tw-text-opacity: 1;
   color: rgb(0 0 0 / var(--tw-text-opacity))
 }
 
-body.steedos .underline {
+.underline {
   text-decoration-line: underline
 }
 
-body.steedos .filter {
+.shadow-none {
+  --tw-shadow: 0 0 #0000;
+  --tw-shadow-colored: 0 0 #0000;
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
+}
+
+.filter {
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
 }
 
-body.steedos .backdrop-blur {
+.backdrop-blur {
   --tw-backdrop-blur: blur(8px);
   -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
           backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
 }
 
-body.steedos .transition-colors {
+.transition-colors {
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms
 }
 
-body.steedos .duration-500 {
+.duration-500 {
   transition-duration: 500ms
 }
 
-body.steedos .duration-300 {
+.duration-300 {
   transition-duration: 300ms
 }
 
-body.steedos .ease-in-out {
+.ease-in-out {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
 }
 
 @media (min-width: 640px) {
-  body.steedos .sm\:m-3 {
-    margin: 0.75rem
+  .sm\:mt-\[90px\] {
+    margin-top: 90px
   }
 
-  body.steedos .sm\:flex {
-    display: flex
+  .sm\:w-\[220px\] {
+    width: 220px
   }
 
-  body.steedos .sm\:w-\[220px\] {
-    width: 220px
+  .sm\:rounded-lg {
+    border-radius: 0.5rem
   }
 
-  body.steedos .sm\:rounded {
+  .sm\:rounded {
     border-radius: 0.25rem
   }
 
-  body.steedos .sm\:border {
+  .sm\:border {
     border-width: 1px
   }
 
-  body.steedos .sm\:p-3 {
-    padding: 0.75rem
-  }
-
-  body.steedos .sm\:shadow {
+  .sm\:shadow {
     --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
     --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
     box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
@@ -420,7 +444,7 @@ body.steedos .ease-in-out {
 }
 
 @media (min-width: 1024px) {
-  body.steedos .lg\:z-50 {
+  .lg\:z-50 {
     z-index: 50
   }
 }

package/tailwind.config.js

@@ -1,6 +1,6 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-    important: "body.steedos",
+    // important: "body.steedos",
     content: [
         // '../../creator/**/*.{html,coffee,js,jsx,tsx,json}',
         '../../services/**/*.{json,client.js}',

package/main/default/client/load.assets.client.js

@@ -1,26 +0,0 @@
-/*
- * @Author: baozhoutao@steedos.com
- * @Date: 2022-12-09 18:23:36
- * @LastEditors: baozhoutao@steedos.com
- * @LastEditTime: 2022-12-17 14:35:49
- * @Description: 
- */
-// 解决多个react 问题. 注册组件时, 使用 amis 自带的 react , 运行 steedos 相关组件时, 使用 全局 react
-window.addEventListener('message', function (event) {
-    const { data } = event;
-    if (data.type === 'Builder.loaded') {
-        if(Meteor.settings.public.page && Meteor.settings.public.page.assetUrls){
-            const defaultAssetsUrls = Meteor.settings.public.page.assetUrls.split(',')
-            Promise.all([
-                waitForThing(window, 'amis'),
-            ]).then(()=>{
-                // window.__React = window.React;
-                // window.__ReactDOM = window.ReactDOM;
-                window.React = amisRequire('react');
-                window.ReactDOM = amisRequire('react-dom');
-                window.ReactDom = window.ReactDOM;
-                Builder.registerRemoteAssets(defaultAssetsUrls);
-            })
-        } 
-    }
-})

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

@@ -1,24 +0,0 @@
-(function () {
-    try {
-        var styleCss = $(`<style>
-            .steedos .creator-content-wrapper .steedos-page .page-header-wrapper{
-                display: none;
-            }
-            .ant-modal.absolute .ant-modal-content{
-                /*使用绝对定位显示弹出窗口时，内层content最大高度不用限制*/
-                max-height: unset;
-            }
-            .page-form-object_layouts .steedos-amis-form .antd-Collapse .antd-Table-table .antd-Form--normal{
-                /*格式内的单元格空白太多*/
-                display: block!important;
-            }
-            .page-form-object_layouts .antd-Table .antd-Field--quickEditable .antd-PlainField{
-                /*快速编辑只读状态时编辑按钮不应该换行显示*/
-                display: inline;
-            }
-        </style>`);
-        $("head").append(styleCss);
-    } catch (error) {
-        console.log(error);
-    }
-})();

package/main/default/client/tailwind.client.js

@@ -1,35 +0,0 @@
-try {
-  // 加载 tailwind
-  // if(typeof BigInt === 'undefined') {
-  //     let tailwindStyle = document.createElement("link");
-  //     tailwindStyle.setAttribute("rel", "stylesheet");
-  //     tailwindStyle.setAttribute("type", "text/css");
-  //     tailwindStyle.setAttribute("href", Steedos.absoluteUrl("/tailwind/tailwind.css"));
-  //     document.getElementsByTagName("head")[0].appendChild(tailwindStyle);
-  // }else{
-  //   let tailwindScript = document.createElement("script");
-  //   tailwindScript.setAttribute("src", Steedos.absoluteUrl('/tailwind/tailwind.js'));
-  //   document.getElementsByTagName("head")[0].appendChild(tailwindScript);
-  // }
-
-  const head = document.head || document.getElementsByTagName('head')[0]
-
-  let tailwindBase = document.createElement("link");
-  tailwindBase.setAttribute("rel", "stylesheet");
-  tailwindBase.setAttribute("type", "text/css");
-  tailwindBase.setAttribute("href", Steedos.absoluteUrl("/tailwind/tailwind-base.css"));
-
-  if (head.firstChild) {
-    head.insertBefore(tailwindBase, head.firstChild)
-  } else {
-    head.appendChild(tailwindBase)
-  }
-
-  let tailwindStyle = document.createElement("link");
-  tailwindStyle.setAttribute("rel", "stylesheet");
-  tailwindStyle.setAttribute("type", "text/css");
-  tailwindStyle.setAttribute("href", Steedos.absoluteUrl("/tailwind/tailwind-steedos.css"));
-  head.appendChild(tailwindStyle)
-} catch (error) {
-  console.error(error)
-};

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

@@ -1,11 +0,0 @@
-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

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