@steedos/service-plugin-amis 2.2.36 → 2.2.37

package/main/default/services/utils/tpl.js

@@ -0,0 +1,94 @@
+/*
+ * @Author: baozhoutao@steedos.com
+ * @Date: 2022-05-23 09:53:08
+ * @LastEditors: baozhoutao@steedos.com
+ * @LastEditTime: 2022-05-27 11:36:56
+ * @Description: 
+ */
+const objectql = require('@steedos/objectql');
+function getCreatedInfoTpl(){
+    return "<div><a href='/app/admin/users/view/${created_by._id}'>${created_by.name}</a> ${_display.created}</div>"
+}
+
+function getModifiedInfoTpl(){
+    return "<div><a href='/app/admin/users/view/${modified_by._id}'>${modified_by.name}</a> ${_display.modified}</div>"
+}
+
+function getDateTpl(field){
+    return `<div>\${_display.${field.name}}</div>`
+}
+
+
+function getDateTimeTpl(field){
+    return `<div>\${_display.${field.name}}</div>`
+}
+
+function getRefObjectNameFieldName(field){
+    const refObject = objectql.getObject(field.reference_to);
+    return refObject.NAME_FIELD_KEY;
+}
+
+function getSelectTpl(field){
+    return `<div>\${_display.${field.name}}</div>`
+}
+
+function getLookupTpl(field){
+    if(!field.reference_to){
+        return getSelectTpl(field)
+    }
+    const NAME_FIELD_KEY = getRefObjectNameFieldName(field);
+    if(field.multiple){
+        return `
+        <% if (data.${field.name} && data.${field.name}.length) { %><% data.${field.name}.forEach(function(item) { %> <a href="/app/-/${field.reference_to}/view/<%=item._id%>"><%=item.${NAME_FIELD_KEY}%></a>  <% }); %><% } %>
+        `
+    }else{
+        return `<a href="/app/-/${field.reference_to}/view/\${${field.name}._id}">\${${field.name}.${NAME_FIELD_KEY}}</a>`
+    }
+    
+}
+
+function getSwitchTpl(field){
+    return `<% if (data.${field.name}) { %>
+    <span class="slds-icon_container slds-icon-utility-check slds-current-color" title="<%=data._display.${field.name}%>">
+        <div class="steedos-icon-wrap"><span><svg aria-hidden="true" class="slds-icon_x-small slds-icon slds-icon-text-default" viewBox="0 0 52 52" name="check"><path d="M19.1 42.5L2.6 25.9c-.6-.6-.6-1.6 0-2.2l2.2-2.2c.6-.6 1.6-.6 2.2 0L19.4 34c.4.4 1.1.4 1.5 0L45.2 9.5c.6-.6 1.6-.6 2.2 0l2.2 2.2c.6.6.6 1.6 0 2.2L21.3 42.5c-.6.7-1.6.7-2.2 0z"></path></svg></span></div>
+        <span class="slds-assistive-text"><%=data._display.${field.name}%></span>
+    </span>
+    <% } %>`
+}
+
+function getPasswordTpl(field){
+    return `<% if (data.${field.name}) { %>
+        <span>······</span>
+        <% } %>`
+}
+
+//TODO
+exports.getPasswordTpl = getPasswordTpl;
+exports.getSwitchTpl = getSwitchTpl;
+exports.getSelectTpl = getSelectTpl;
+exports.getDateTpl = getDateTpl;
+exports.getDateTimeTpl = getDateTimeTpl;
+exports.getLookupTpl = getLookupTpl
+exports.getCreatedInfoTpl = getCreatedInfoTpl
+exports.getModifiedInfoTpl = getModifiedInfoTpl
+
+exports.getFieldTpl = function(field){
+    switch (field.type) {
+        case 'password':
+            return getPasswordTpl(field);
+        case 'boolean':
+            return getSwitchTpl(field);
+        case 'select':
+            return getSelectTpl(field);
+        case 'date':
+            return getDateTpl(field);
+        case 'datetime':
+            return getDateTimeTpl(field);
+        case 'lookup':
+            return getLookupTpl(field);
+        case 'master_detail':
+            return getLookupTpl(field);
+        default:
+            break;
+    }
+};

package/main/default/services/utils/util.js

@@ -0,0 +1,15 @@
+function getSvgUrl(source, name) {
+    var foo, url;
+    foo = name != null ? name.split(".") : void 0;
+    if (foo && foo.length > 1) {
+      source = foo[0];
+      if (!(source != null ? source.endsWith("-sprite") : void 0)) {
+        source += "-sprite";
+      }
+      name = foo[1];
+    }
+    url = "/assets/icons/" + source + "/svg/symbols.svg#" + name;
+    return Creator.getRelativeUrl(url);
+}
+
+exports.getSvgUrl = getSvgUrl;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@steedos/service-plugin-amis",
-  "version": "2.2.36",
+  "version": "2.2.37",
   "main": "package.service.js",
   "scripts": {},
   "license": "MIT",
@@ -8,5 +8,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "c19065633fb41278b2ab6e244f3d0f6afa08c2f2"
+  "gitHead": "f824c11de5f099c1063aa4ef1941fd90666892a3"
 }

package/public/amis/amis.css

@@ -1,5 +1,3 @@
-/* @import '/amis/sdk/sdk.css'; */
-
 @import '/unpkg.com/amis@1.8.0/lib/themes/default.css';
 
 @import '/unpkg.com/amis@1.8.0/lib/themes/antd.css';
@@ -9,10 +7,10 @@
     width: 100%;
 } */
 
-.amis-scope{
+.page-template-root{
+    height: 100%;
     background: #ffffff;
 }
-
 .amis-scope svg {
     display: inline !important;
     vertical-align: initial !important;
@@ -34,4 +32,58 @@ body{
 .a-Table svg {
     display: inline !important;
     vertical-align: initial !important;
+}
+
+.ant-modal-root .amis-scope .antd-Panel-footerWrap{
+    position: sticky;
+    width: 100%;
+    bottom: 0px;
+    background: #ffffff
+}
+
+.amis-scope .antd-Modal-content{
+    max-height: calc(100vh - 200px);
+}
+
+.amis-scope .antd-Modal-content .antd-Modal-body{
+    height: calc(100% - 108px);
+    overflow: auto;
+}
+
+.amis-scope .antd-Select-option > label {
+    display: block;
+    min-width: 100px;
+}
+
+.steedos-amis-form .antd-Collapse .antd-Form--normal{
+    display: grid!important;
+    grid-template-columns: repeat(2,minmax(0,1fr))!important;
+    grid-row-gap: 1rem!important;
+    row-gap: 1rem!important;
+    grid-column-gap: 1.5rem!important;
+    -moz-column-gap: 1.5rem!important;
+    column-gap: 1.5rem!important;
+}
+
+/* fix checkbox 隐藏时导致滚动条异常 */
+.steedos-amis-form .antd-Collapse .antd-Form--normal .antd-Checkbox input{
+    position: fixed;
+}
+
+.steedos-amis-form .antd-Select-option{
+    width: 100% !important;
+}
+
+@media (max-width: 768px) {
+    .steedos-amis-form::before{
+        border-bottom: none;
+    }
+    
+    .steedos-amis-form .antd-Collapse .antd-Form--normal{
+        grid-template-columns: none !important;
+    }
+
+    .ant-modal-root .amis-scope .antd-Panel-footerWrap{
+        position: fixed;
+    }
 }