@steedos-widgets/amis-object 1.2.18 → 1.2.25

package/dist/amis-object.umd.css

@@ -543,6 +543,10 @@ body {
 .w-8 {
     width: 2rem
 }
+.w-fit {
+    width: -moz-fit-content;
+    width: fit-content
+}
 .\!min-w-\[160px\] {
     min-width: 160px !important
 }
@@ -558,6 +562,9 @@ body {
 .min-w-\[388px\] {
     min-width: 388px
 }
+.max-w-\[360px\] {
+    max-width: 360px
+}
 .max-w-md {
     max-width: 28rem
 }
@@ -1248,6 +1255,41 @@ body {
   }
 }
 
+@media (max-width: 767px) {
+  .steedos-amis-form.antd-Form {
+    /* start ======== 移动端给部分input加边框，并使输入框上下居中*/
+    /* =========end */
+  }
+  .steedos-amis-form.antd-Form .antd-Form-item .antd-Form-control > .antd-TextControl-input,
+  .steedos-amis-form.antd-Form .antd-Form-item div.antd-TextareaControl {
+    border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
+    border-radius: var(--Form-input-borderRadius);
+  }
+  .steedos-amis-form.antd-Form .antd-Form-item .antd-Form-control > .antd-TextControl-input:hover,
+  .steedos-amis-form.antd-Form .antd-Form-item div.antd-TextareaControl:hover {
+    border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
+    border-radius: var(--Form-input-borderRadius);
+  }
+  .steedos-amis-form.antd-Form .antd-Form-item .antd-TextControl.is-focused > .antd-TextControl-input,
+  .steedos-amis-form.antd-Form .antd-Form-item div.is-focused.antd-TextareaControl {
+    border-color: var(--input-default-active-top-border-color) var(--input-default-active-right-border-color) var(--input-default-active-bottom-border-color) var(--input-default-active-left-border-color);
+    border-style: var(--input-default-active-top-border-style) var(--input-default-active-right-border-style) var(--input-default-active-bottom-border-style) var(--input-default-active-left-border-style);
+    border-width: var(--input-default-active-top-border-width) var(--input-default-active-right-border-width) var(--input-default-active-bottom-border-width) var(--input-default-active-left-border-width);
+  }
+  .steedos-amis-form.antd-Form .antd-Form-item .antd-TextControl.is-focused > .antd-TextControl-input:hover,
+  .steedos-amis-form.antd-Form .antd-Form-item div.is-focused.antd-TextareaControl:hover {
+    border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
+    border-radius: var(--Form-input-borderRadius);
+  }
+  .steedos-amis-form.antd-Form .antd-Form-item input {
+    height: 100%;
+  }
+  .steedos-amis-form.antd-Form .antd-Form-item {
+    margin-top: 0;
+    align-items: center;
+  }
+}
+
 @media (min-width: 767px) {
   .steedos-object-table .antd-Field-quickEditBtn {
     display: none;

package/dist/amis-object.umd.js

@@ -5600,15 +5600,15 @@
       let filename = uiSchema.label + "-" + list_views[list_views_name].label;
 
       url_tmp = api.url.split('?')[0];
-      api.url = url_tmp + "?$select=" + select.toString() + "&filename=" + filename;
+      api.url = url_tmp + "?$select=" + encodeURIComponent(select.toString()) + "&filename=" + encodeURIComponent(filename);
 
       // 判断sort 和 filters
       if (sort.length > 0) {
-          api.url += "&$orderby=" + order;
+          api.url += "&$orderby=" + encodeURIComponent(order);
       }
       let filters = list_views[list_views_name].filters;
       if (filters && filters.length > 0) {
-          api.url = api.url + "&filters=" + JSON.stringify(filters);
+          api.url = api.url + "&filters=" + encodeURIComponent(JSON.stringify(filters));
       }
       return api;
   `;
@@ -6394,28 +6394,42 @@
     //   }
     // }
     // listView.handleFilterSubmit(Object.assign({}, removedValues, filterFormValues));
-
-    let isMobile = Steedos.isMobile();
-    if(isMobile){
-      // 手机端点击搜索的时候自动收起搜索栏
-      let resizeWindow = function(){
-        //触发amis crud 高度重算
-        setTimeout(()=>{
-          window.dispatchEvent(new Event("resize"))
-        }, 500);
-      }
-      const filterService = filterForm.context.getComponents().find(function(n){
-        return n.props.type === "service";
-      });
-      filterService.setData({showFieldsFilter: false});
-      resizeWindow();
-      // 使用filterForm.getValues()的话，并不能拿到本地存储中的过滤条件，所以需要从event.data中取。
-      let filterFormValues = event.data;
-      let isFieldsFilterEmpty = SteedosUI.isFilterFormValuesEmpty(filterFormValues);
-      let crud = SteedosUI.getClosestAmisComponentByType(scope, "crud");
-      let crudService = crud && SteedosUI.getClosestAmisComponentByType(crud.context, "service");
-      crudService && crudService.setData({isFieldsFilterEmpty, showFieldsFilter: false});
+    // 点击搜索的时候自动收起搜索栏
+    let resizeWindow = function(){
+      //触发amis crud 高度重算
+      setTimeout(()=>{
+        window.dispatchEvent(new Event("resize"))
+      }, 500);
+    }
+    const filterService = filterForm.context.getComponents().find(function(n){
+      return n.props.type === "service";
+    });
+    let showFieldsFilter = false;
+    const isMobile = window.innerWidth < 768;
+    if(event.data.__from_fields_filter_settings_confirm){
+      // 如果是从设置搜索项点击确认按钮触发的搜索事件不应该自动关闭搜索栏
+      showFieldsFilter = true;
+    }
+    else if(isMobile){
+      // 如果是手机端，点击搜索后自动关闭搜索栏
+      showFieldsFilter = false;
     }
+    else if(event.data.displayAs === "split") {
+      // PC上分栏模式下的列表，始终按手机上效果处理，即自动关闭搜索栏
+      showFieldsFilter = false;
+    }
+    else if(window.innerHeight >= 1200){
+      // 高分辨率屏幕（2k+），列表高度比较高，没必要自动关闭搜索栏
+      showFieldsFilter = true;
+    }
+    filterService.setData({showFieldsFilter});
+    resizeWindow();
+    // 使用filterForm.getValues()的话，并不能拿到本地存储中的过滤条件，所以需要从event.data中取。
+    let filterFormValues = event.data;
+    let isFieldsFilterEmpty = SteedosUI.isFilterFormValuesEmpty(filterFormValues);
+    let crud = SteedosUI.getClosestAmisComponentByType(scope, "crud");
+    let crudService = crud && SteedosUI.getClosestAmisComponentByType(crud.context, "service");
+    crudService && crudService.setData({isFieldsFilterEmpty, showFieldsFilter});
   `;
       const onCancelScript = `
     const scope = event.context.scoped;
@@ -6454,12 +6468,9 @@
     setTimeout(()=>{
       window.dispatchEvent(new Event("resize"))
     }, 100);
-    let isMobile = Steedos.isMobile();
-    if(isMobile){
-      // 手机端移除搜索按钮上的红点
-      let crudService = scope.getComponentById("service_listview_" + event.data.objectName);
-      crudService && crudService.setData({isFieldsFilterEmpty: true, showFieldsFilter: false});
-    }
+    // 移除搜索按钮上的红点
+    let crudService = scope.getComponentById("service_listview_" + event.data.objectName);
+    crudService && crudService.setData({isFieldsFilterEmpty: true, showFieldsFilter: false});
     `;
       const dataProviderInited = `
     const objectName = data.objectName;
@@ -6512,17 +6523,11 @@
               || (_.isArray(n) && _.isEmpty(n.filter(function(item){return !_.isNil(item)})))
               || (_.isString(n) && n.length === 0);
           });
-          // 有过滤条件时自动展开搜索栏
+          // 有过滤条件时只显示搜索按钮上的红点，不自动展开搜索栏
           if(!_.isEmpty(omitedEmptyFormValue)){
-            let isMobile = Steedos.isMobile();
-            if(isMobile){
-              // 手机端不展开，只显示搜索按钮上的红点
-              let crudService = SteedosUI.getRef(data.$scopeId).getComponentById("service_listview_" + data.objectName)
-              crudService && crudService.setData({isFieldsFilterEmpty: false});
-            }
-            else{
-              setData({ showFieldsFilter: true });
-            }
+            let crudService = SteedosUI.getRef(data.$scopeId).getComponentById("service_listview_" + data.objectName)
+            crudService && crudService.setData({isFieldsFilterEmpty: false});
+            // setData({ showFieldsFilter: true });//自动展开搜索栏
           }
         }
       }
@@ -6788,7 +6793,10 @@
                                         },
                                         {
                                           "actionType": "click",
-                                          "componentId": btnSearchId
+                                          "componentId": btnSearchId,
+                                          "args": {
+                                            "__from_fields_filter_settings_confirm": true
+                                          }
                                         },
                                         {
                                           "componentId": "",
@@ -7287,97 +7295,6 @@
     async function getObjectRelatedListHeader(objectSchema, recordId, relatedObjectName) {
     }
 
-    const getExportExcelToolbarButtonSchema = ()=>{
-        return {
-            "type": "button",
-            "icon": "fa fa-download",
-            "align": "right", 
-            "className": "bg-white p-2 rounded border-gray-300 text-gray-500",
-            "tooltipPlacement": "bottom",
-            "visibleOn": "${!isLookup && global.user.is_space_admin}",
-            "tooltip": instance.t('frontend_export_excel'),
-            "onEvent": {
-              "click": { 
-                "weight": 0,
-                "actions": [
-                  {
-                    "args": {
-                      "api": {
-                        "url": "${context.rootUrl}/api/record/export/${objectName}",
-                        "method": "get",
-                        "messages": {},
-                        "requestAdaptor": `${requestAdaptor$1()}`,
-                        "data": {
-                          "uiSchema": "${uiSchema}",
-                          "listName": "${listName}"
-                        },
-                        "headers": {
-                          "Authorization": "Bearer ${context.tenantId},${context.authToken}"
-                        }
-                      }
-                    },
-                    "actionType": "download"
-                  }
-                ]
-              }
-            }
-        }
-    };
-
-    function requestAdaptor$1(){
-      return `
-    // 获取列表视图的属性
-    let uiSchema = api.body.uiSchema;
-    let list_views = uiSchema.list_views;
-    let list_views_name = api.body.listName;
-    let col = list_views[list_views_name].columns;
-    let sort_test = list_views[list_views_name].sort;
-    
-    // 获取下载字段
-    let select = [];
-    _.each(col, (col) => {
-        if (col.field == undefined)
-            select.push(col);
-        else select.push(col.field);
-    });
-    
-    // 获取排序字段
-    
-    let sort = [];
-    _.forEach(sort_test, (sortField) => {
-        if (sortField.field_name == undefined)
-            sort.push(sortField);
-        else sort.push([sortField.field_name, sortField.order]);
-    })
-    
-    let orders = [];
-    _.map(sort, (value) => {
-        let order_tmp = [];
-        if (value[1] == "desc")
-            order_tmp = value[0] + ' desc';
-        else
-            order_tmp = value[0];
-        orders.push(order_tmp);
-    });
-    let order = orders.join(',');
-    
-    let filename = uiSchema.label + "-" + list_views[list_views_name].label;
-    
-    url_tmp = api.url.split('?')[0];
-    api.url = url_tmp + "?$select=" + select.toString() + "&filename=" + filename;
-    
-    // 判断sort 和 filters
-    if (sort.length > 0) {
-        api.url += "&$orderby=" + order;
-    }
-    let filters = list_views[list_views_name].filters;
-    if (filters && filters.length > 0) {
-        api.url = api.url + "&filters=" + JSON.stringify(filters);
-    }
-    return api;
-  `
-    }
-
     const getNewListviewButtonSchema = ()=>{
         return {
             "type": "button",
@@ -7411,7 +7328,8 @@
                             "name":"",
                             "label":"",
                             "filters":"",
-                            "shared":false
+                            "shared":false,
+                            "object_name": "${targetObjectName}",
                           },
                           "fieldsExtend": fieldsExtend$4(),
                           "fields": fields$1(),
@@ -7458,13 +7376,11 @@
         "object_name",
         "filter_scope",
         "show_count",
-        "columns.$.field",
-        "columns.$.width",
-        "sort.$.field_name",
-        "sort.$.order",
+        "columns",
+        "sort",
         "filters",
-        "mobile_columns.$.field",
-        "searchable_fields.$.field",
+        "mobile_columns",
+        "searchable_fields",
         "is_system",
         "shared"
       ]
@@ -7477,7 +7393,8 @@
         },
         "name": {
           "amis": {
-            "hidden": true
+            "hidden": true,
+            "required": false
           }
         },
         "object_name": {
@@ -7487,37 +7404,56 @@
         },
         "filter_scope": {
           "amis": {
-            "hidden": true
+            "hidden": true,
+            "required": false
           }
         },
         "columns": {
           "amis": {
-            "hidden": true
+            "hidden": true,
+            "required": false
+          }
+        },
+        "mobile_columns":{
+          "amis": {
+            "hidden": true,
+            "required": false
+          }
+        },
+        "searchable_fields":{
+          "amis": {
+            "hidden": true,
+            "required": false
           }
         },
         "filter_fields": {
           "amis": {
-            "hidden": true
+            "hidden": true,
+            "required": false
           }
         },
         "scrolling_mode": {
           "amis": {
-            "hidden": true
+            "hidden": true,
+            "required": false
           }
         },
         "sort": {
           "amis": {
-            "hidden": true
+            "hidden": true,
+            "required": false
           }
         },
         "show_count": {
           "amis": {
-            "hidden": true
+            "hidden": true,
+            "required": false
           }
         },
         "type": {
           "amis": {
-            "hidden": true
+            "hidden": true,
+            "required": false
           }
         },
         "shared": {
@@ -8340,36 +8276,38 @@ const filterForm = scope.getComponents().find(function(n){
 const filterService = filterForm.context.getComponents().find(function(n){
   return n.props.type === "service";
 });
-// filterService.setData({showFieldsFilter: !!!filterService.props.data.showFieldsFilter});
+let toShowFieldsFilter = !!!filterService.props.data.showFieldsFilter;
+filterService.setData({showFieldsFilter: toShowFieldsFilter});
 let resizeWindow = function(){
   //触发amis crud 高度重算
   setTimeout(()=>{
     window.dispatchEvent(new Event("resize"))
   }, 500);
 }
-let isMobile = Steedos.isMobile();
-if(filterService.props.data.showFieldsFilter){
-  if(isMobile){
-    // 手机上只能通过取消按钮来关闭搜索栏
-    return;
-  }
-  let buttonCancel = SteedosUI.getClosestAmisComponentByType(filterForm.context, "button", { 
-    direction: "down", 
-    name: "btn_filter_form_cancel" 
-  });
-  buttonCancel.props.dispatchEvent('click', {}).then(function(){
-    resizeWindow();
-  });
-}
-else{
-  filterService.setData({showFieldsFilter: true});
-  resizeWindow();
-  if(isMobile){
-    // 手机端在显示搜索栏时隐藏刷新按钮
-    let crudService = scope.getComponentById("service_listview_" + event.data.objectName);
-    crudService && crudService.setData({showFieldsFilter: true});
-  }
-}
+resizeWindow();
+// 手机端在显示搜索栏时隐藏crud上的刷新按钮，因为点击后crud高度显示有问题
+let crudService = scope.getComponentById("service_listview_" + event.data.objectName);
+crudService && crudService.setData({showFieldsFilter: toShowFieldsFilter});
+// if(filterService.props.data.showFieldsFilter){
+//   if(isMobile){
+//     // 手机上只能通过取消按钮来关闭搜索栏
+//     return;
+//   }
+//   let buttonCancel = SteedosUI.getClosestAmisComponentByType(filterForm.context, "button", { 
+//     direction: "down", 
+//     name: "btn_filter_form_cancel" 
+//   });
+//   buttonCancel.props.dispatchEvent('click', {}).then(function(){
+//     resizeWindow();
+//   });
+// }
+// else{
+//   if(isMobile){
+//     // 手机端在显示搜索栏时隐藏crud上的刷新按钮，因为点击后crud高度显示有问题
+//     let crudService = scope.getComponentById("service_listview_" + event.data.objectName);
+//     crudService && crudService.setData({showFieldsFilter: true});
+//   }
+// }
 `;
 
 
@@ -8415,7 +8353,7 @@ else{
             },
           },
           filterVisible ? {
-            "label": "",
+            "label": instance.t('frontend_button_search_tooltip'),
             "icon": "fa fa-search",
             "type": "button",
             "tooltip": instance.t('frontend_button_search_tooltip'),
@@ -8467,13 +8405,24 @@ else{
             "tooltipPlacement": "bottom",
             "className": "bg-white p-2 rounded border-gray-300 text-gray-500"
           },
-          getExportExcelToolbarButtonSchema(),
+          // getExportExcelToolbarButtonSchema(),
+          getSettingListviewToolbarButtonSchema(),
+          getDisplayAsButton(showDisplayAs),
           filterVisible ? {
-            "label": "",
+            "label": instance.t('frontend_button_search_tooltip'),
             "icon": "fa fa-search",
             "tooltip": instance.t('frontend_button_search_tooltip'),
             "tooltipPlacement": "bottom",
             "type": "button",
+            "badge": {
+              "offset": [
+                -5,
+                1
+              ],
+              "size":8,
+              "animation": true,
+              "visibleOn": "${isFieldsFilterEmpty == false}"
+            },
             "align": "right",
             "className": "bg-white p-2 rounded border-gray-300 text-gray-500",
             "onEvent": {
@@ -8486,9 +8435,7 @@ else{
                 ]
               }
             }
-          } : {},
-          getSettingListviewToolbarButtonSchema(),
-          getDisplayAsButton(showDisplayAs)
+          } : {}
           // {
           //   "type": "search-box",
           //   "align": "right",
@@ -9118,6 +9065,58 @@ else{
                 "actions": [
                   {
                     "actionType": "reload"
+                  },
+                  {
+                    "actionType": "custom",
+                    "script": `
+                    const masterRecord = event.data._master?.record;
+                    const fieldConfig = ${JSON.stringify(field)};
+                    let reference_to = fieldConfig.reference_to;
+                    let saveValue;
+                    const newRecord = {
+                        _id: event.data.result.data.recordId,
+                        ...event.data.__super.__super
+                    }
+                    const saveField = fieldConfig.reference_to_field || '_id';
+                    const saveFieldValue = newRecord[saveField];
+
+                    if( fieldConfig._reference_to && (_.isArray(fieldConfig._reference_to) || _.isFunction(fieldConfig._reference_to) || fieldConfig._reference_to.startsWith('function') ) ){
+                        
+                        const fieldValue = masterRecord ? masterRecord[fieldConfig.name] : {o: reference_to, ids: []};
+                        const baseSaveValue = {
+                            o: reference_to,
+                            ids: [saveFieldValue]
+                        };
+                        if(fieldValue && fieldValue.o){
+                            if(fieldValue.o === reference_to){
+                                saveValue = fieldConfig.multiple ? { o: reference_to, ids: fieldValue.ids.concat(saveFieldValue)} : baseSaveValue;
+                            }else{
+                                saveValue = baseSaveValue;
+                            }
+                        }else{
+                            saveValue = baseSaveValue;
+                        }
+
+                    }else{
+                        if(fieldConfig.multiple){
+                            // TODO: 连续新建多个记录时，因为获取的主记录不是实时的，所以只会勾选最后一个新建的记录。
+                            const fieldValue = (masterRecord && masterRecord[fieldConfig.name]) || [];
+                            saveValue = fieldValue.concat(saveFieldValue);
+                        }else{
+                            saveValue = saveFieldValue;
+                        }
+                    }
+                    
+                    const ctx = ${JSON.stringify(ctx)};
+                    const componentId = ctx.defaults.formSchema.id ? 'service-'+ctx.defaults.formSchema.id : 'new-'+ctx.defaults.formSchema.objectApiName;
+                    doAction({
+                        actionType: 'setValue',
+                        componentId: componentId, 
+                        args: {
+                            value: { [fieldConfig.name]: saveValue  }
+                        }
+                    });
+                `
                   }
                 ]
               };
@@ -9348,7 +9347,7 @@ else{
                 type: 'steedos-field-lookup',
                 field,
                 readonly,
-                ctx: {},
+                ctx,
             }
             // return await lookupToAmisGroup(field, readonly, ctx);
         }
@@ -9502,8 +9501,8 @@ else{
     /*
      * @Author: baozhoutao@steedos.com
      * @Date: 2023-01-13 17:27:54
-     * @LastEditors: Please set LastEditors
-     * @LastEditTime: 2023-05-31 13:34:22
+     * @LastEditors: liaodaxue
+     * @LastEditTime: 2023-06-16 15:58:21
      * @Description: 
      */
 
@@ -9555,6 +9554,7 @@ else{
         }else {
             return {
                 "type": "input-rich-text",
+                "receiver": "${context.rootUrl}/s3/images",
                 "name": field.name
             }
             // return {
@@ -10841,7 +10841,10 @@ else{
             level: "link",
             actionType: "link",
             link: url,
-            innerClassName: "steedos-listview-item block text-gray-500",
+            innerClassName: {
+                "steedos-listview-item block text-gray-500":"true",
+                "max-w-[360px]": "${display == 'split'}",
+            },
             body: {
                 "type": "wrapper",
                 "body": columnLines,
@@ -12738,6 +12741,8 @@ else{
         };
         if(formSchema.id){
           amisSchema.id = `service-${formSchema.id}`;
+        }else {
+          amisSchema.id = `new-${objectSchema.name}`;
         }
         return amisSchema;
     }
@@ -19085,7 +19090,7 @@ else{
                                         "type": "wrapper",
                                         "size": "none",
                                         "className": {
-                                            "p-0 flex-shrink-0 min-w-[388px] border-r border-gray-300 bg-gray-100 shadow lg:order-first lg:flex lg:flex-col": "${display == 'split'}",
+                                            "p-0 flex-shrink-0 min-w-[388px] w-fit border-r border-gray-300 bg-gray-100 shadow lg:order-first lg:flex lg:flex-col": "${display == 'split'}",
                                             'h-full': "${display != 'split'}",
                                         },
                                         "body": {