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

package/dist/index.esm.js

@@ -484,7 +484,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: 
  */
 
@@ -570,7 +570,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>`
@@ -628,7 +628,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>`;
@@ -2285,7 +2285,7 @@ async function getTableColumns(fields, options){
                     columnItem.defaultColor = null;
                 }
 
-                if(((field.is_name || field.name === options.labelFieldName) || ((field.type == 'lookup' || field.type == 'master_detail') && _$1.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') && _$1.isString(field.reference_to) && field.multiple != true)) && options.isRelated){
                     
                     const drawerRecordDetailSchema = {
                         "type": "steedos-record-detail",
@@ -2313,16 +2313,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
@@ -2380,7 +2381,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({
@@ -5680,44 +5681,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.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.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 = {
@@ -6786,6 +6789,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){
@@ -6806,7 +6836,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",
@@ -7021,10 +7076,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;
 }
@@ -11734,6 +11789,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 = {};
@@ -11817,6 +11899,10 @@ async function lookupToAmis(field, readonly, ctx){
             amisSchema = _$1.defaultsDeep({}, pageAmisSchema, amisSchema);
         }
     }
+    const autoFill = await getAutoFill(field);
+    if(autoFill){
+        amisSchema.autoFill = autoFill;
+    }
     return amisSchema;
 }
 
@@ -11992,6 +12078,7 @@ const getMarkdownFieldSchema = (field, readonly, ctx)=>{
                       {
                         "type": "editor",
                         "name": field.name,
+                        "labelClassName": "none",
                         "language": "markdown",
                       }
                     ]
@@ -14489,7 +14576,9 @@ async function getButtonNew(props) {
                 "actions": await getButtonActions(props, "new")
             }
         },
-        "level": "primary"
+        "level": "link",
+        "className": "text-gray-500",
+        "size": "xs"
     };
 }
 
@@ -14499,6 +14588,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")
@@ -14513,6 +14603,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")
@@ -14525,6 +14616,7 @@ async function getButtonDelete(props) {
     return {
         "type": "dropdown-button",
         "level": "link",
+        "btnClassName": "text-gray-400",
         "icon": "fa fa-trash-alt",
         "size": "xs",
         "hideCaret": true,
@@ -14759,6 +14851,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);
@@ -17404,5 +17500,5 @@ const getInstanceInfo = async ({ instanceId, box }) => {
   };
 };
 
-export { index as Field, Router, absoluteUrl, amisRender, amisRootClick, cloneObject, conditionsToFilters, createObject, defaultsDeep, deleteVariable, execute, executeButton, extendObject, fetchAPI, filtersToConditions, getAmisInputTableSchema, getApp, getApps, getAuthToken, getAuthorization, getButton, getButtonVisible, getButtonVisibleOn, getButtons, getCalendarSchema, getDefaultRenderData, getEnv, getEnvs, getEvn, getField, getFileSrc, getFlowFormSchema, getFormPageInitSchema, getFormSchema, getGlobalNowData, getIdsPickerSchema, getImageSrc, getInstanceInfo, getListPageInitSchema, getListSchema, getListViewButtons, getListViewColumns, getListViewFilter, getListViewItemButtons, getListViewSort, getListviewInitSchema, getLookupSapceUserTreeSchema, getNotifications, getObjectDetailButtons, getObjectDetailButtonsSchemas, getObjectDetailMoreButtons, getObjectFieldsFilterBarSchema, getObjectFieldsFilterButtonSchema, getObjectFieldsFilterFormSchema, getObjectListHeader$1 as getObjectListHeader, getObjectListHeaderFieldsFilterBar, getObjectListHeaderFirstLine, getObjectListHeaderSecordLine, getObjectListViewButtonsSchemas, getObjectRecordDetailHeader, getObjectRecordDetailRelatedListButtonsSchemas, getObjectRecordDetailRelatedListHeader, getObjectRelated, getObjectRelatedList, getObjectRelatedListButtons, getObjectRelatedListHeader, getObjectRelatedListsMiniSchema, getPage, getRecord, getRecordDetailHeaderSchema, getRecordDetailMiniSchema, getRecordDetailRelatedListSchema, getRecordDetailSchema, getRecordPageInitSchema, getRecordPermissions, getRecordServiceSchema, getReferenceTo, getReferenceToFieldSchema, getReferenceToSync, getRelatedFieldValue, getRelatedListSchema, getRelatedsCount, getRootUrl, getSelectUserSchema, getSpaceUsersPickerAmisSchema, getSpaceUsersPickerSchema, getSteedosAuth, getTableSchema, getTenantId, getUISchema, getUISchemaSync$1 as getUISchemaSync, getUserId, getViewSchema, isExpression, isObject, lookupToAmis, lookupToAmisIdsPicker, lookupToAmisPicker, lookupToAmisSelect, lookupToAmisSelectUser, markReadAll, parseSingleExpression, registerRemoteAssets, registerRenders, setEnv, setEnvs, setRootUrl, setSteedosAuth, setUISchemaFunction, setVariable, standardButtonsTodo };
+export { index as Field, Router, absoluteUrl, amisRender, amisRootClick, cloneObject, conditionsToFilters, createObject, defaultsDeep, deleteVariable, execute, executeButton, extendObject, fetchAPI, filtersToConditions, getAmisInputTableSchema, getApp, getApps, getAuthToken, getAuthorization, getButton, getButtonVisible, getButtonVisibleOn, getButtons, getCalendarSchema, getCreatedInfoTpl, getDateTimeTpl, getDateTpl, getDefaultRenderData, getEnv, getEnvs, getEvn, getField, getFieldTpl, getFileSrc, getFlowFormSchema, getFormPageInitSchema, getFormSchema, getGlobalNowData, getIdsPickerSchema, getImageSrc, getInstanceInfo, getListPageInitSchema, getListSchema, getListViewButtons, getListViewColumns, getListViewFilter, getListViewItemButtons, getListViewSort, getListviewInitSchema, getLocationTpl, getLookupSapceUserTreeSchema, getLookupTpl, getModifiedInfoTpl, getNameTpl, getNameTplUrl, getNotifications, getNumberTpl, getObjectDetailButtons, getObjectDetailButtonsSchemas, getObjectDetailMoreButtons, getObjectFieldsFilterBarSchema, getObjectFieldsFilterButtonSchema, getObjectFieldsFilterFormSchema, getObjectListHeader$1 as getObjectListHeader, getObjectListHeaderFieldsFilterBar, getObjectListHeaderFirstLine, getObjectListHeaderSecordLine, getObjectListViewButtonsSchemas, getObjectRecordDetailHeader, getObjectRecordDetailRelatedListButtonsSchemas, getObjectRecordDetailRelatedListHeader, getObjectRelated, getObjectRelatedList, getObjectRelatedListButtons, getObjectRelatedListHeader, getObjectRelatedListsMiniSchema, getPage, getPasswordTpl, getRecord, getRecordDetailHeaderSchema, getRecordDetailMiniSchema, getRecordDetailRelatedListSchema, getRecordDetailSchema, getRecordPageInitSchema, getRecordPermissions, getRecordServiceSchema, getRefObjectNameFieldName, getReferenceTo, getReferenceToFieldSchema, getReferenceToSync, getRelatedFieldTpl, getRelatedFieldValue, getRelatedListSchema, getRelatedsCount, getRootUrl, getSelectMap, getSelectTpl, getSelectUserSchema, getSpaceUsersPickerAmisSchema, getSpaceUsersPickerSchema, getSteedosAuth, getSwitchTpl, getTableSchema, getTenantId, getTimeTpl, getUISchema, getUISchemaSync$1 as getUISchemaSync, getUiFieldTpl, getUiFileSizeTpl, getUserId, getViewSchema, isExpression, isObject, lookupToAmis, lookupToAmisIdsPicker, lookupToAmisPicker, lookupToAmisSelect, lookupToAmisSelectUser, markReadAll, parseSingleExpression, registerRemoteAssets, registerRenders, setEnv, setEnvs, setRootUrl, setSteedosAuth, setUISchemaFunction, setVariable, standardButtonsTodo };
 //# sourceMappingURL=index.esm.js.map