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

package/dist/index.cjs.js

@@ -510,8 +510,8 @@ function getComparableAmisVersion() {
 /*
  * @Author: baozhoutao@steedos.com
  * @Date: 2022-05-23 09:53:08
- * @LastEditors: liaodaxue
- * @LastEditTime: 2024-01-17 16:00:27
+ * @LastEditors: baozhoutao@steedos.com
+ * @LastEditTime: 2024-02-21 17:19:30
  * @Description: 
  */
 
@@ -597,7 +597,11 @@ function getNameTpl(field, ctx){
     if(ctx && ctx.isLookup){
         linkTarget = "target='_blank'";
     }
-    return `<a href="${href}" ${linkTarget}>\${${field.name} | raw}</a>`
+    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>`
+    }
 }
 
 function getRelatedFieldTpl(field, ctx){
@@ -626,6 +630,9 @@ function getRelatedFieldTpl(field, ctx){
     if(_.isString(field.reference_to) || !field.reference_to){
         if(field.multiple){
             let labelTpl = `<%=item.label%>`;
+            if(ctx.isRelated){
+                linkTarget = "target='_blank'";
+            }
             if(!onlyDisplayLookLabel){
                 const href = Router.getObjectDetailPath({
                     formFactor: ctx.formFactor, appId: "<%=data.appId%>", objectName: `<%=item.objectName%>`, recordId: `<%=item.value%>`, _templateType: "JavaScript"
@@ -648,7 +655,12 @@ function getRelatedFieldTpl(field, ctx){
                 const href = Router.getObjectDetailPath({
                     formFactor: ctx.formFactor, appId: "${appId}", objectName: `${objectNameTpl}`, recordId: `${recordIdTpl}`
                 });
-                labelTpl = `<a href="${href}" ${linkTarget}>${labelTpl}</a>`;
+                if(ctx.isRelated && window.innerWidth >= 768){
+                    labelTpl = `<a href="${href}" ${linkTarget} onclick="return false;">${labelTpl}</a>`;
+                }else {
+                    labelTpl = `<a href="${href}" ${linkTarget}>${labelTpl}</a>`;
+                }
+                
             }
             tpl = labelTpl;
         }
@@ -763,27 +775,29 @@ async function getFieldsTemplate(fields, display){
         fieldsArr = ___namespace.values(fields);
     }
     for (const field of fieldsArr) {
-        //graphql 的  ui\display 中使用的字段需要先在query中查询. 否则会返回null
-        if(field.expand){
-            expandFields.push(field);
-        }else {
-            if(field.name.indexOf('.') < 0){
-                if(display && (field.type == 'lookup' || field.type == 'master_detail')){
-                    fieldsName.push(`${field.name}`);
-                    displayFields.push(`${field.name}`);
+        if(field.name){
+            //graphql 的  ui\display 中使用的字段需要先在query中查询. 否则会返回null
+            if(field.expand){
+                expandFields.push(field);
+            }else {
+                if(field.name.indexOf('.') < 0){
+                    if(display && (field.type == 'lookup' || field.type == 'master_detail')){
+                        fieldsName.push(`${field.name}`);
+                        displayFields.push(`${field.name}`);
+                    }else {
+                        fieldsName.push( field.alias ? `${field.alias}:${field.name}` : field.name);
+                    }
+                    if(_$1.includes(['time','date','datetime','boolean','number','currency'], field.type)){
+                        fieldsName.push(`${field.name}`);
+                    }
+                    if(_$1.includes(['percent','time','filesize','date','datetime','boolean','number','currency', 'select', 'file', 'image', 'avatar', 'formula', 'summary', 'object', 'grid'], field.type)){
+                        displayFields.push(`${field.name}`);
+                    }
                 }else {
-                    fieldsName.push( field.alias ? `${field.alias}:${field.name}` : field.name);
+                    objectFieldName = field.name.split('.')[0];
+                    fieldsName.push(objectFieldName);
+                    displayFields.push(objectFieldName);
                 }
-                if(_$1.includes(['time','date','datetime','boolean','number','currency'], field.type)){
-                    fieldsName.push(`${field.name}`);
-                }
-                if(_$1.includes(['percent','time','filesize','date','datetime','boolean','number','currency', 'select', 'file', 'image', 'avatar', 'formula', 'summary', 'object', 'grid'], field.type)){
-                    displayFields.push(`${field.name}`);
-                }
-            }else {
-                objectFieldName = field.name.split('.')[0];
-                fieldsName.push(objectFieldName);
-                displayFields.push(objectFieldName);
             }
         }
     }
@@ -2297,6 +2311,55 @@ async function getTableColumns(fields, options){
                     columnItem.type = 'color';
                     columnItem.defaultColor = null;
                 }
+
+                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",
+                        "objectApiName": "${objectName}",
+                        "recordId": `\${${options.idFieldName}}`,
+                        "showBackButton": false,
+                        "showButtons": true,
+                        "data": {
+                          "_inDrawer": true,  // 用于判断是否在抽屉中
+                          "recordLoaded": false, // 重置数据加载状态
+                        }
+                    };
+
+
+                    if(!(field.is_name || field.name === options.labelFieldName)){
+                        drawerRecordDetailSchema.objectApiName = field.reference_to;
+                        drawerRecordDetailSchema.recordId = `\${_display.${field.name}.value}`;
+                    }
+                    
+                    columnItem.onEvent = {
+                        "click": {
+                          "actions": [
+                            {
+                                "actionType": "drawer",
+                                "drawer": {
+                                  "type": "drawer",
+                                  "title": "&nbsp;",
+                                  "headerClassName": "hidden",
+                                  "size": "lg",
+                                  "bodyClassName": "p-0 m-0",
+                                  "closeOnEsc": true,
+                                  "closeOnOutside": true,
+                                  "resizable": true,
+                                  "actions": [],
+                                  "body": [
+                                    drawerRecordDetailSchema
+                                  ],
+                                  "className": "steedos-record-detail-drawer app-popover",
+                                  "id": "u:fc5f055afa8c"
+                                },
+                                "preventDefault": true
+                            }
+                          ]
+                        }
+                    };
+                }
+
             }
         }
         if(columnItem){
@@ -2345,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({
@@ -4529,8 +4592,8 @@ const parseSingleExpression = function (func, formData, dataPath, global, userSe
 /*
  * @Author: baozhoutao@steedos.com
  * @Date: 2022-11-01 15:51:00
- * @LastEditors: 殷亮辉 yinlianghui@hotoa.com
- * @LastEditTime: 2023-09-25 14:53:05
+ * @LastEditors: baozhoutao@steedos.com
+ * @LastEditTime: 2024-02-18 18:37:35
  * @Description: 
  */
 
@@ -4570,13 +4633,13 @@ const getSchema$5 = async (uiSchema, ctx) => {
             const recordId = _master.recordId;
             let relatedKeySaveValue = recordId;
             const relatedField = fields[relatedKey];
-            if(relatedField.reference_to_field && relatedField.reference_to_field !== '_id'){
+            if(relatedField && relatedField.reference_to_field && relatedField.reference_to_field !== '_id'){
                 relatedKeySaveValue = _master.record[relatedField.reference_to_field];
             }
             let relatedKeyValue; 
-            if(!_.isString(relatedField.reference_to)){
+            if(relatedField && !_.isString(relatedField.reference_to)){
                 relatedKeyValue = { o: masterObjectName, ids: [relatedKeySaveValue] };
-            }else if (relatedField.multiple) {
+            }else if (relatedField && relatedField.multiple) {
                 relatedKeyValue = [relatedKeySaveValue];
             } else {
                 relatedKeyValue = relatedKeySaveValue;
@@ -4860,8 +4923,8 @@ const getSchema$4 = async (uiSchema, ctx) => {
 /*
  * @Author: 殷亮辉 yinlianghui@hotoa.com
  * @Date: 2023-03-22 09:31:21
- * @LastEditors: Please set LastEditors
- * @LastEditTime: 2023-04-12 10:35:36
+ * @LastEditors: baozhoutao@steedos.com
+ * @LastEditTime: 2024-02-18 16:06:21
  */
 const getSchema$3 = (uiSchema)=>{
     return {
@@ -4907,7 +4970,8 @@ const getSchema$3 = (uiSchema)=>{
                                 },
                                 "data": {
                                   "objectName": `${uiSchema.name}`,
-                                  "__deletedRecord": true
+                                  "__deletedRecord": true,
+                                  "_inDrawer": "${_inDrawer}"
                                 }
                             },
                             {
@@ -5644,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 = {
@@ -6750,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){
@@ -6770,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",
@@ -6985,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;
 }
@@ -9192,8 +9310,8 @@ const getRecordPermissions = async (objectName, recordId)=>{
 /*
  * @Author: baozhoutao@steedos.com
  * @Date: 2022-07-05 15:55:39
- * @LastEditors: 殷亮辉 yinlianghui@hotoa.com
- * @LastEditTime: 2024-02-08 16:10:52
+ * @LastEditors: baozhoutao@steedos.com
+ * @LastEditTime: 2024-02-18 14:46:50
  * @Description:
  */
 
@@ -9327,7 +9445,7 @@ async function getRecordDetailRelatedListSchema(objectName, recordId, relatedObj
     //     globalFilter = [`${relatedKey}`, "=", relatedValue];
     // }
     const recordRelatedListHeader = await getObjectRecordDetailRelatedListHeader(relatedObjectUiSchema, relatedLabel, ctx);
-    const componentId = `steedos-record-related-list-${relatedObjectName}`;
+    const componentId = `steedos-record-related-list-${relatedObjectName}_${new Date().getTime()}`;
     const isMobile = window.innerWidth < 768;
     let headerToolbar = [];
     if(!isMobile){
@@ -9601,8 +9719,8 @@ async function getObjectRelatedListsMiniSchema(objectApiName){
 /*
  * @Author: baozhoutao@steedos.com
  * @Date: 2022-07-05 15:55:39
- * @LastEditors: liaodaxue
- * @LastEditTime: 2024-02-05 17:56:27
+ * @LastEditors: baozhoutao@steedos.com
+ * @LastEditTime: 2024-02-18 16:05:21
  * @Description:
  */
 
@@ -10171,10 +10289,14 @@ async function getRecordServiceSchema(objectName, appId, props = {}, body) {
                             "componentId": serviceId,
                             "expression": "this.__deletedRecord != true"
                         },
+                        {
+                            "actionType": "closeDialog",
+                            "expression": "this.__deletedRecord === true && this._inDrawer === true"
+                        },
                         {
                             "actionType": "custom",
                             "script": "window.goBack()",
-                            "expression": "this.__deletedRecord === true"
+                            "expression": "this.__deletedRecord === true && this._inDrawer != true"
                         }
                     ]
                 },
@@ -11694,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 = {};
@@ -11777,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;
 }
 
@@ -11952,6 +12105,7 @@ const getMarkdownFieldSchema = (field, readonly, ctx)=>{
                       {
                         "type": "editor",
                         "name": field.name,
+                        "labelClassName": "none",
                         "language": "markdown",
                       }
                     ]
@@ -14449,7 +14603,9 @@ async function getButtonNew(props) {
                 "actions": await getButtonActions(props, "new")
             }
         },
-        "level": "primary"
+        "level": "link",
+        "className": "text-gray-500",
+        "size": "xs"
     };
 }
 
@@ -14459,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")
@@ -14473,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")
@@ -14485,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,
@@ -14719,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);
@@ -17393,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;
@@ -17414,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;
@@ -17436,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;
@@ -17444,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;