@steedos-widgets/amis-lib 3.6.4-beta.1 → 3.6.4-beta.2

package/dist/index.cjs.js

@@ -511,7 +511,7 @@ function getComparableAmisVersion() {
  * @Author: baozhoutao@steedos.com
  * @Date: 2022-05-23 09:53:08
  * @LastEditors: baozhoutao@steedos.com
- * @LastEditTime: 2024-02-19 11:57:49
+ * @LastEditTime: 2024-02-21 17:19:30
  * @Description: 
  */
 
@@ -597,7 +597,7 @@ function getNameTpl(field, ctx){
     if(ctx && ctx.isLookup){
         linkTarget = "target='_blank'";
     }
-    if(ctx.isRelated){
+    if(ctx.isRelated && window.innerWidth >= 768){
         return `<a href="${href}" ${linkTarget} onclick="return false;">\${${field.name} | raw}</a>`
     }else {
         return `<a href="${href}" ${linkTarget}>\${${field.name} | raw}</a>`
@@ -655,7 +655,7 @@ function getRelatedFieldTpl(field, ctx){
                 const href = Router.getObjectDetailPath({
                     formFactor: ctx.formFactor, appId: "${appId}", objectName: `${objectNameTpl}`, recordId: `${recordIdTpl}`
                 });
-                if(ctx.isRelated){
+                if(ctx.isRelated && window.innerWidth >= 768){
                     labelTpl = `<a href="${href}" ${linkTarget} onclick="return false;">${labelTpl}</a>`;
                 }else {
                     labelTpl = `<a href="${href}" ${linkTarget}>${labelTpl}</a>`;
@@ -2312,7 +2312,7 @@ async function getTableColumns(fields, options){
                     columnItem.defaultColor = null;
                 }
 
-                if(((field.is_name || field.name === options.labelFieldName) || ((field.type == 'lookup' || field.type == 'master_detail') && ___namespace.isString(field.reference_to) && field.multiple != true)) && options.isRelated){
+                if(window.innerWidth >= 768 && ((field.is_name || field.name === options.labelFieldName) || ((field.type == 'lookup' || field.type == 'master_detail') && ___namespace.isString(field.reference_to) && field.multiple != true)) && options.isRelated){
                     
                     const drawerRecordDetailSchema = {
                         "type": "steedos-record-detail",
@@ -2340,16 +2340,17 @@ async function getTableColumns(fields, options){
                                 "drawer": {
                                   "type": "drawer",
                                   "title": "&nbsp;",
-                                  "headerClassName": "",
+                                  "headerClassName": "hidden",
                                   "size": "lg",
-                                  "bodyClassName": "p-0 m-0 border-t",
+                                  "bodyClassName": "p-0 m-0",
                                   "closeOnEsc": true,
+                                  "closeOnOutside": true,
                                   "resizable": true,
                                   "actions": [],
                                   "body": [
                                     drawerRecordDetailSchema
                                   ],
-                                  "className": "app-popover",
+                                  "className": "steedos-record-detail-drawer app-popover",
                                   "id": "u:fc5f055afa8c"
                                 },
                                 "preventDefault": true
@@ -2407,7 +2408,7 @@ function getMobileLines(tpls){
     let isNewLine = false;
     let isLeft = true;
     let lineChildrenClassName = "";
-    let lineClassName = "flex items-center justify-between";
+    let lineClassName = "flex items-center justify-between mb-1";
     tpls.forEach(function(item){
         if(isNewLine && lines.length < maxLineCount){
             lines.push({
@@ -5707,44 +5708,46 @@ const getObjectDetailButtonsSchemas = (objectSchema, recordId, ctx)=>{
             }
         });
 
-        return {
-            "type": "button",
-            "icon": "fa fa-angle-down",
-            "visibleOn": phoneMoreButtonsVisibleOn,
-            "onEvent": {
-              "click": {
-                "actions": [
-                  {
-                    "actionType": "drawer",
-                    "drawer": {
-                      "type": "drawer",
-                      "title": i18next__default["default"].t('frontend_operation'),
-                      "id": "object_actions_drawer_" + objectSchema.name,
-                      "body": [
-                        {
-                          "type": "button-group",
-                          "id": "u:fd837823be5b",
-                          "vertical": true,
-                          "tiled": true,
-                          "buttons": dropdownButtons,
-                          "btnLevel": "enhance",
-                          "className": "w-full",
-                          "btnClassName": "w-full",
-                          "size": "lg"
+        return [
+            {
+                "type": "button",
+                "icon": "fa fa-angle-down",
+                "visibleOn": phoneMoreButtonsVisibleOn,
+                "onEvent": {
+                  "click": {
+                    "actions": [
+                      {
+                        "actionType": "drawer",
+                        "drawer": {
+                          "type": "drawer",
+                          "title": i18next__default["default"].t('frontend_operation'),
+                          "id": "object_actions_drawer_" + objectSchema.name,
+                          "body": [
+                            {
+                              "type": "button-group",
+                              "id": "u:fd837823be5b",
+                              "vertical": true,
+                              "tiled": true,
+                              "buttons": dropdownButtons,
+                              "btnLevel": "enhance",
+                              "className": "w-full",
+                              "btnClassName": "w-full",
+                              "size": "lg"
+                            }
+                          ],
+                          "position": "bottom",
+                          "closeOnOutside": true,
+                          "resizable": false,
+                          "className": "buttons-drawer",
+                          "bodyClassName": "m-none p-none",
+                          "actions": []
                         }
-                      ],
-                      "position": "bottom",
-                      "closeOnOutside": true,
-                      "resizable": false,
-                      "className": "buttons-drawer",
-                      "bodyClassName": "m-none p-none",
-                      "actions": []
-                    }
+                      }
+                    ]
                   }
-                ]
+                }
               }
-            }
-          }
+        ]
     }else {
         if(moreButtons.length > 0){
             const dropdownButtonsSchema = {
@@ -6813,6 +6816,33 @@ async function getObjectRecordDetailHeader(objectSchema, recordId, options) {
     amisButtonsSchema = getObjectDetailButtonsSchemas(objectSchema, recordId, options);
   }
 
+  amisButtonsSchema.push(
+    {
+      "type": "button",
+      "visibleOn": "${_inDrawer === true || _inRecordMini ===  true}",
+      "className":"ant-dropdown-trigger slds-button slds-button_icon slds-button_icon-border-filled slds-button_icon-x-small slds-icon ml-1 flex",
+      "onEvent": {
+          "click": {
+              "actions": [
+                {
+                  "actionType": "custom",
+                  "script": "const data = event.data; window.open(`/app/${data.app_id}/${data.objectName}/view/${data.recordId}?side_object=${data.side_object}&side_listview_id=${data.side_listview_id}`)"
+                }
+              ]
+          }
+      },
+      "body": [
+          {
+              "type": "steedos-icon",
+              "category": "utility",
+              "name": "new_window",
+              "colorVariant": "default",
+              "className": "slds-button_icon slds-global-header__icon w-4"
+          }
+      ]
+    }
+  );
+
   let backButtonsSchema = null;
 
   if(options.showBackButton != false){
@@ -6833,7 +6863,32 @@ async function getObjectRecordDetailHeader(objectSchema, recordId, options) {
           "columns": [
             {
               "body": [
-                backButtonsSchema
+                backButtonsSchema,
+                {
+                  "type": "button",
+                  "visibleOn": "${_inDrawer === true}",
+                  "className":"flex mr-4",
+                  "onEvent": {
+                      "click": {
+                          "actions": [
+                            {
+                              "componentId": "",
+                              "args": {},
+                              "actionType": "closeDrawer"
+                            }
+                          ]
+                      }
+                  },
+                  "body": [
+                      {
+                          "type": "steedos-icon",
+                          "category": "utility",
+                          "name": "close",
+                          "colorVariant": "default",
+                          "className": "slds-button_icon slds-global-header__icon w-4"
+                      }
+                  ]
+                }
               ,{
                 "type": "tpl",
                 "className": "block",
@@ -7048,10 +7103,10 @@ async function getObjectRecordDetailRelatedListHeader(relatedObjectSchema, relat
             "md": "auto"
           }
         ],
-        "className": "flex justify-between"
+        "className": "flex justify-between min-h-8 items-center"
       }
     ],
-    "className": "steedos-record-related-header py-2 px-3 bg-gray-50 border"
+    "className": "steedos-record-related-header py-2 px-3 bg-gray-50 border rounded"
   };
   return recordRelatedListHeader;
 }
@@ -11761,6 +11816,33 @@ async function getApi(object, recordId, fields, options){
     }
 }
 
+async function getAutoFill(field, refObject) {
+    let autoFillMapping = field.auto_fill_mapping;
+    if (autoFillMapping && autoFillMapping.length) {
+        let fillMapping = {};
+        let fieldsForApi = [];
+        autoFillMapping.forEach(function (item) {
+            fillMapping[item.to] = `\${${item.from}}`;
+            fieldsForApi.push(item.from);
+        });
+        // let api = {
+        //     // "url": "/amis/api/mock2/form/autoUpdate?browser=${browser}&version=${version}",
+        //     "url": `/api/v1/${refObject.name}/\${${field.name}}?fields=${JSON.stringify(fieldsForApi)}`,
+        //     // "responseData": {
+        //     //     "name": "${name}"
+        //     // },
+        //     "silent": false
+        // }
+        // return {
+        //     fillMapping,
+        //     // api
+        // }
+        // 因为autoFill中配置了api的话，在表单初始化（比如新建记录）时并不会触发执行autoFill，所以只能暂时不用api
+        // 给amis报过问题了，见：https://github.com/baidu/amis/issues/9631
+        return fillMapping;
+    }
+}
+
 async function lookupToAmis(field, readonly, ctx){
     if(!ctx){
         ctx = {};
@@ -11844,6 +11926,10 @@ async function lookupToAmis(field, readonly, ctx){
             amisSchema = ___namespace.defaultsDeep({}, pageAmisSchema, amisSchema);
         }
     }
+    const autoFill = await getAutoFill(field);
+    if(autoFill){
+        amisSchema.autoFill = autoFill;
+    }
     return amisSchema;
 }
 
@@ -12019,6 +12105,7 @@ const getMarkdownFieldSchema = (field, readonly, ctx)=>{
                       {
                         "type": "editor",
                         "name": field.name,
+                        "labelClassName": "none",
                         "language": "markdown",
                       }
                     ]
@@ -14516,7 +14603,9 @@ async function getButtonNew(props) {
                 "actions": await getButtonActions(props, "new")
             }
         },
-        "level": "primary"
+        "level": "link",
+        "className": "text-gray-500",
+        "size": "xs"
     };
 }
 
@@ -14526,6 +14615,7 @@ async function getButtonEdit(props, showAsInlineEditMode) {
         "label": "",
         "icon": `fa fa-${showAsInlineEditMode ? "expand-alt" : "pencil"}`,//inline edit模式时显示为放开按钮，只读时显示为笔按钮
         "level": "link",
+        "className": "text-gray-400",
         "onEvent": {
             "click": {
                 "actions": await getButtonActions(props, "edit")
@@ -14540,6 +14630,7 @@ async function getButtonView(props) {
         "label": "",
         "icon": "fa fa-expand-alt",//fa-external-link
         "level": "link",
+        "className": "text-gray-400",
         "onEvent": {
             "click": {
                 "actions": await getButtonActions(props, "readonly")
@@ -14552,6 +14643,7 @@ async function getButtonDelete(props) {
     return {
         "type": "dropdown-button",
         "level": "link",
+        "btnClassName": "text-gray-400",
         "icon": "fa fa-trash-alt",
         "size": "xs",
         "hideCaret": true,
@@ -14786,6 +14878,10 @@ const getAmisInputTableSchema = async (props) => {
         "labelAlign": props.labelAlign,
         //控制control的mode属性，https://aisuda.bce.baidu.com/amis/zh-CN/components/form/formitem#表单项展示
         "mode": props.mode || null,
+        "visibleOn": props.$schema.visibleOn,
+        "visible":  props.$schema.visible,
+        "hiddenOn": props.$schema.hiddenOn,
+        "hidden": props.$schema.hidden,
         className
     };
     // console.log("===schema===", schema);
@@ -17460,11 +17556,15 @@ exports.getButtonVisible = getButtonVisible;
 exports.getButtonVisibleOn = getButtonVisibleOn;
 exports.getButtons = getButtons;
 exports.getCalendarSchema = getCalendarSchema;
+exports.getCreatedInfoTpl = getCreatedInfoTpl;
+exports.getDateTimeTpl = getDateTimeTpl;
+exports.getDateTpl = getDateTpl;
 exports.getDefaultRenderData = getDefaultRenderData;
 exports.getEnv = getEnv;
 exports.getEnvs = getEnvs;
 exports.getEvn = getEvn;
 exports.getField = getField;
+exports.getFieldTpl = getFieldTpl;
 exports.getFileSrc = getFileSrc;
 exports.getFlowFormSchema = getFlowFormSchema;
 exports.getFormPageInitSchema = getFormPageInitSchema;
@@ -17481,8 +17581,14 @@ exports.getListViewFilter = getListViewFilter;
 exports.getListViewItemButtons = getListViewItemButtons;
 exports.getListViewSort = getListViewSort;
 exports.getListviewInitSchema = getListviewInitSchema;
+exports.getLocationTpl = getLocationTpl;
 exports.getLookupSapceUserTreeSchema = getLookupSapceUserTreeSchema;
+exports.getLookupTpl = getLookupTpl;
+exports.getModifiedInfoTpl = getModifiedInfoTpl;
+exports.getNameTpl = getNameTpl;
+exports.getNameTplUrl = getNameTplUrl;
 exports.getNotifications = getNotifications;
+exports.getNumberTpl = getNumberTpl;
 exports.getObjectDetailButtons = getObjectDetailButtons;
 exports.getObjectDetailButtonsSchemas = getObjectDetailButtonsSchemas;
 exports.getObjectDetailMoreButtons = getObjectDetailMoreButtons;
@@ -17503,6 +17609,7 @@ exports.getObjectRelatedListButtons = getObjectRelatedListButtons;
 exports.getObjectRelatedListHeader = getObjectRelatedListHeader;
 exports.getObjectRelatedListsMiniSchema = getObjectRelatedListsMiniSchema;
 exports.getPage = getPage;
+exports.getPasswordTpl = getPasswordTpl;
 exports.getRecord = getRecord;
 exports.getRecordDetailHeaderSchema = getRecordDetailHeaderSchema;
 exports.getRecordDetailMiniSchema = getRecordDetailMiniSchema;
@@ -17511,21 +17618,29 @@ exports.getRecordDetailSchema = getRecordDetailSchema;
 exports.getRecordPageInitSchema = getRecordPageInitSchema;
 exports.getRecordPermissions = getRecordPermissions;
 exports.getRecordServiceSchema = getRecordServiceSchema;
+exports.getRefObjectNameFieldName = getRefObjectNameFieldName;
 exports.getReferenceTo = getReferenceTo;
 exports.getReferenceToFieldSchema = getReferenceToFieldSchema;
 exports.getReferenceToSync = getReferenceToSync;
+exports.getRelatedFieldTpl = getRelatedFieldTpl;
 exports.getRelatedFieldValue = getRelatedFieldValue;
 exports.getRelatedListSchema = getRelatedListSchema;
 exports.getRelatedsCount = getRelatedsCount;
 exports.getRootUrl = getRootUrl;
+exports.getSelectMap = getSelectMap;
+exports.getSelectTpl = getSelectTpl;
 exports.getSelectUserSchema = getSelectUserSchema;
 exports.getSpaceUsersPickerAmisSchema = getSpaceUsersPickerAmisSchema;
 exports.getSpaceUsersPickerSchema = getSpaceUsersPickerSchema;
 exports.getSteedosAuth = getSteedosAuth;
+exports.getSwitchTpl = getSwitchTpl;
 exports.getTableSchema = getTableSchema;
 exports.getTenantId = getTenantId;
+exports.getTimeTpl = getTimeTpl;
 exports.getUISchema = getUISchema;
 exports.getUISchemaSync = getUISchemaSync$1;
+exports.getUiFieldTpl = getUiFieldTpl;
+exports.getUiFileSizeTpl = getUiFileSizeTpl;
 exports.getUserId = getUserId;
 exports.getViewSchema = getViewSchema;
 exports.isExpression = isExpression;