@steedos-widgets/amis-lib 1.2.12 → 1.2.14

package/dist/index.esm.js

@@ -1868,7 +1868,23 @@ const getSchema$1 = (uiSchema) => {
                                   {
                                     name: "template_url",
                                     label: "导入模板",
-                                    type: "markdown",
+                                    type: "button-group",
+                                    buttons: [
+                                      {
+                                        type: "button",
+                                        label: "下载",
+                                        visibleOn: "${template_url}",
+                                        level: "link",
+                                        actionType: "download",
+                                        api:{
+                                          url: "${template_url}",
+                                          method: "get",
+                                          headers: {
+                                            Authorization: "Bearer ${context.tenantId},${context.authToken}"
+                                          }
+                                        }
+                                      }
+                                    ],
                                     options: {
                                       html: true
                                     },
@@ -4628,12 +4644,13 @@ const getSettingListviewToolbarButtonSchema = ()=>{
         "type": "dropdown-button",
         "trigger": "click",
         "icon": "fa fa-cog",
+        "tooltip": "列表视图控制",
         "btnClassName": "antd-Button--iconOnly bg-white p-2 rounded border-gray-300 text-gray-500",
         "align": "right",
         "visibleOn": "${!isLookup}",
         "buttons": [
           {
-            "label": "列表视图操作",
+            "label": "列表视图控制",
             "children": [
               getNewListviewButtonSchema(),
               getCopyListviewButtonSchema(),
@@ -4667,9 +4684,11 @@ const getDisplayAsButton = function(objectName, showDisplayAs){
       "rightIconClassName": "m-l-sm"
     }
   ];
+  const displayAsLabel = displayAs === 'split'? "分栏视图" : "表格";
   return {
     "type": "dropdown-button",
     "icon": "fa fa-table-columns",
+    "tooltip": `显示为 ${displayAsLabel}`,
     "btnClassName": "antd-Button--iconOnly bg-white p-2 rounded border-gray-300 text-gray-500",
     "align": "right",
     "visibleOn": "${window:innerWidth > 768 && !!!isLookup}",
@@ -4749,6 +4768,7 @@ function getObjectHeaderToolbar(mainObject, formFactor, {showDisplayAs = false,
         // "type": "reload",//不可以直接使用reload，因为它不会设置页码到第一页
         "type": "button",
         "align": "right",
+        "tooltip": "刷新",
         "className": "bg-white p-2 rounded border-gray-300 text-gray-500",
         "label": "",
         "icon": "fa fa-sync",
@@ -4768,6 +4788,7 @@ function getObjectHeaderToolbar(mainObject, formFactor, {showDisplayAs = false,
         "label": "",
         "icon": "fa fa-search",
         "type": "button",
+        "tooltip": "搜索",
         "badge": {
           "offset": [
             -5,
@@ -4812,6 +4833,7 @@ function getObjectHeaderToolbar(mainObject, formFactor, {showDisplayAs = false,
       {
         "type": "reload",
         "align": "right",
+        "tooltip": "刷新",
         "tooltipPlacement": "bottom",
         "className": "bg-white p-2 rounded border-gray-300 text-gray-500"
       },
@@ -4819,6 +4841,8 @@ function getObjectHeaderToolbar(mainObject, formFactor, {showDisplayAs = false,
       filterVisible ? {
         "label": "",
         "icon": "fa fa-search",
+        "tooltip": "搜索",
+        "tooltipPlacement": "bottom",
         "type": "button",
         "align": "right",
         "className": "bg-white p-2 rounded border-gray-300 text-gray-500",
@@ -5468,6 +5492,10 @@ async function lookupToAmisPicker(field, readonly, ctx){
           };
     }
 
+    if(field.pickerSchema){
+        pickerSchema = Object.assign({}, pickerSchema, field.pickerSchema);
+    }
+
     const data = {
         type: getAmisStaticFieldType('picker', readonly),
         labelField: referenceTo.labelField.name,
@@ -5843,8 +5871,8 @@ async function getIdsPickerSchema(field, readonly, ctx){
 /*
  * @Author: baozhoutao@steedos.com
  * @Date: 2023-01-13 17:27:54
- * @LastEditors: baozhoutao@steedos.com
- * @LastEditTime: 2023-01-16 10:36:27
+ * @LastEditors: Please set LastEditors
+ * @LastEditTime: 2023-05-31 13:34:22
  * @Description: 
  */
 
@@ -5886,8 +5914,12 @@ const getMarkdownFieldSchema = (field, readonly, ctx)=>{
 const getHtmlFieldSchema = (field, readonly, ctx)=>{
     if(readonly){
         return {
-            "type": "html",
-            "name": field.name
+            "type": "control",
+            "label": field.label,
+            "body": {
+              "type": "html",
+              "name": field.name
+            }
           }
     }else {
         return {
@@ -5914,8 +5946,8 @@ const getHtmlFieldSchema = (field, readonly, ctx)=>{
 /*
  * @Author: baozhoutao@steedos.com
  * @Date: 2022-10-28 14:52:55
- * @LastEditors: baozhoutao@steedos.com
- * @LastEditTime: 2022-10-28 14:53:02
+ * @LastEditors: Please set LastEditors
+ * @LastEditTime: 2023-05-31 13:25:53
  * @Description: 
  */
 
@@ -6464,8 +6496,19 @@ async function convertSFieldToAmisField(field, readonly, ctx) {
             break;
         case 'url':
             convertData = {
-                type: getAmisStaticFieldType('url', readonly)
+                type: getAmisStaticFieldType('url', readonly, field)
             };
+            if(readonly && field.show_as_qr){
+                convertData = {
+                    type: "control",
+                    label: field.label,
+                    body: {
+                        type: "qr-code",
+                        codeSize: 128,
+                        name: field.name
+                    }
+                };
+            }
             break;
         case 'email':
             convertData = {
@@ -6500,6 +6543,7 @@ async function convertSFieldToAmisField(field, readonly, ctx) {
         case 'code':
             convertData = {
                 type: "editor",
+                disabled: readonly ? true : false,
                 language: field.language,
                 editorDidMount: new Function('editor', 'monaco', field.editorDidMount)
             };
@@ -7082,12 +7126,12 @@ function getBatchDelete(objectName){
 /*
  * @Author: baozhoutao@steedos.com
  * @Date: 2022-05-26 16:02:08
- * @LastEditors: baozhoutao@steedos.com
- * @LastEditTime: 2023-03-13 16:01:40
+ * @LastEditors: 殷亮辉 yinlianghui@hotoa.com
+ * @LastEditTime: 2023-06-02 16:54:41
  * @Description: 
  */
 
-const getFieldSchemaArray = (formFields)=>{
+const getFieldSchemaArray = (formFields) => {
   let fieldSchemaArray = [];
   fieldSchemaArray.length = 0;
 
@@ -7100,10 +7144,10 @@ const getFieldSchemaArray = (formFields)=>{
       // field.group = field.label
       field.is_wide = true;
     }
-    
-    if (!isObjectField){
-      if(!field.hidden){
-          fieldSchemaArray.push(Object.assign({name: fieldName}, field, {permission: {allowEdit: true}}));
+
+    if (!isObjectField) {
+      if (!field.hidden) {
+        fieldSchemaArray.push(Object.assign({ name: fieldName }, field, { permission: { allowEdit: true } }));
       }
     }
   });
@@ -7111,58 +7155,104 @@ const getFieldSchemaArray = (formFields)=>{
 };
 
 const getSection = async (formFields, permissionFields, fieldSchemaArray, sectionName, ctx) => {
+  if (!ctx) {
+    ctx = {};
+  }
   const sectionFields = _$1.filter(fieldSchemaArray, { 'group': sectionName });
-  if(sectionFields.length == _$1.filter(sectionFields, ['hidden', true]).length){
-    return ;
+  if (sectionFields.length == _$1.filter(sectionFields, ['hidden', true]).length) {
+    return;
   }
 
   const fieldSetBody = [];
 
   for (const perField of sectionFields) {
     let field = perField;
-      if(perField.type === 'grid'){
-          field = await getGridFieldSubFields(perField, formFields);
-          // console.log(`perField.type grid ===> field`, field)
-      }else if(perField.type === 'object'){
-          field = await getObjectFieldSubFields(perField, formFields);
-          // console.log(`perField.type object ===> field`, field)
-      }
-      if(field.name.indexOf(".") < 0){
-          ctx.__formFields = formFields;
-          const amisField = await convertSFieldToAmisField(field, field.readonly, ctx);
-          // console.log(`${field.name} amisField`, field, amisField)
-          if(amisField){
-              fieldSetBody.push(amisField);
-          }
+    if (perField.type === 'grid') {
+      field = await getGridFieldSubFields(perField, formFields);
+      // console.log(`perField.type grid ===> field`, field)
+    } else if (perField.type === 'object') {
+      field = await getObjectFieldSubFields(perField, formFields);
+      // console.log(`perField.type object ===> field`, field)
+    }
+    if (field.name.indexOf(".") < 0) {
+      ctx.__formFields = formFields;
+      const amisField = await convertSFieldToAmisField(field, field.readonly, ctx);
+      // console.log(`${field.name} amisField`, field, amisField)
+      if (amisField) {
+        fieldSetBody.push(amisField);
       }
+    }
   }
 
   // fieldSet 已支持显隐控制
-  const sectionFieldsVisibleOn = _$1.map(_$1.compact(_$1.map(fieldSetBody, 'visibleOn')) , (visibleOn)=>{
+  const sectionFieldsVisibleOn = _$1.map(_$1.compact(_$1.map(fieldSetBody, 'visibleOn')), (visibleOn) => {
     return visibleOn;
   });
-  const section = {
+
+  let section = {
     "type": "fieldSet",
     "title": sectionName,
     "collapsable": true,
     "body": fieldSetBody,
   };
-  if(sectionFieldsVisibleOn.length > 0 && fieldSetBody.length === sectionFieldsVisibleOn.length){
+
+  if (ctx.enableTabs) {
+    section = {
+      "title": sectionName,
+      "body": fieldSetBody,
+    };
+  }
+
+  if (sectionFieldsVisibleOn.length > 0 && fieldSetBody.length === sectionFieldsVisibleOn.length) {
     section.visibleOn = `${sectionFieldsVisibleOn.join(" || ")}`;
   }
   return section
 };
 
 const getSections = async (permissionFields, formFields, ctx) => {
+  if (!ctx) {
+    ctx = {};
+  }
   const fieldSchemaArray = getFieldSchemaArray(formFields);
   const _sections = _$1.groupBy(fieldSchemaArray, 'group');
   const sections = [];
+  var sectionVisibleOns = [];
   for (const key in _sections) {
     const section = await getSection(formFields, permissionFields, fieldSchemaArray, key, ctx);
-    if(section.body.length > 0){
+    if (section.body.length > 0) {
+      if (section.visibleOn) {
+        sectionVisibleOns.push(section.visibleOn);
+      }
+      else {
+        sectionVisibleOns.push("true");
+      }
       sections.push(section);
     }
   }
+  /*
+  为了实现只有一个分组时隐藏该分组标题，需要分三种情况(分组如果没有visibleon属性就代表一定显示，有visibleon需要进行判断)
+  1 当前分组为隐藏时，标题就设置为隐藏
+  2 当前分组为显示时，其他分组只要有一个是显示，就显示该分组标题
+  3 当前分组为显示时，其他分组都隐藏，就隐藏该分组标题
+  */
+  sections.forEach((section, index) => {
+    var tempSectionVisibleOns = sectionVisibleOns.slice();
+    tempSectionVisibleOns.splice(index, 1);
+    section.headingClassName = {
+      "hidden": `!((${tempSectionVisibleOns.join(" || ") || 'false'}) && ${sectionVisibleOns[index]})`
+    };
+  });
+
+  if (ctx.enableTabs) {
+    return [
+      {
+        "type": "tabs",
+        "tabs": sections,
+        "tabsMode": ctx.tabsMode
+      }
+    ]
+  }
+
   return sections;
 };
 
@@ -7677,6 +7767,8 @@ async function getTableColumns(fields, options){
                 type = 'tpl';
             }else if(field.type === 'html'){
                 type = 'markdown';
+            }else if(field.type === 'url' && field.show_as_qr){
+                type = 'qr-code';
             }
             let className = "";
             if(field.type === 'textarea'){
@@ -7704,7 +7796,13 @@ async function getTableColumns(fields, options){
         
     }
     // columns.push(getOperation(fields));
-
+    if(!_$1.some(columns, { name: options.labelFieldName })){
+        const href = Router.getObjectDetailPath({
+            ...options,  formFactor: options.formFactor, appId: "${appId}", objectName: options.objectName || "${objectName}", recordId: `\${${options.idFieldName}}`
+        });
+        columns[0].type = "tpl";
+        columns[0].tpl = `<a href="${href}">\${${columns[0].name}}</a>`;
+    }
     return columns;
 }
 
@@ -8070,6 +8168,8 @@ async function getTableApi(mainObject, fields, options){
 
     const fileFields = {};
     const fileFieldsKeys = [];
+    // 含有optionsFunction属性， 无reference_to属性的lookup字段
+    const lookupFields = {};
     fields.forEach((item)=>{
         if(_$1.includes(['image','avatar','file'], item.type)){
             fileFieldsKeys.push(item.name);
@@ -8079,6 +8179,9 @@ async function getTableApi(mainObject, fields, options){
                 multiple: item.multiple
             };
         }
+        if(_$1.includes(['lookup'], item.type) && !item.reference_to ){
+            lookupFields[item.name] = item;
+        }
     });
 
     let valueField = mainObject.key_field || '_id';
@@ -8095,6 +8198,7 @@ async function getTableApi(mainObject, fields, options){
     api.data.filter = "$filter";
     api.data.loaded = "${loaded}";
     api.data.listViewId = "${listViewId}";
+    api.data.listName = "${listName}";
     api.requestAdaptor = `
         // selfData 中的数据由 CRUD 控制. selfData中,只能获取到 CRUD 给定的data. 无法从数据链中获取数据.
         let selfData = JSON.parse(JSON.stringify(api.data.$self));
@@ -8125,9 +8229,13 @@ async function getTableApi(mainObject, fields, options){
             console.error("本地存储中crud参数解析异常：", ex);
         }
         ${baseFilters ? `var systemFilters = ${JSON.stringify(baseFilters)};` : 'var systemFilters = [];'}
+        var _ids = []
         const filtersFunction = ${filtersFunction};
         if(filtersFunction){
             const _filters = filtersFunction(systemFilters, api.data.$self);
+            if(api.data.listName == "recent"){
+                _ids = _filters[2]
+            }
             if(_filters && _filters.length > 0){
                 if(_.isEmpty(systemFilters)){
                     systemFilters = _filters || [];
@@ -8239,6 +8347,7 @@ async function getTableApi(mainObject, fields, options){
                 filters = [filters, 'and', userFilters]
             }
         }
+        api.data._ids = _ids;
         api.data = {
             query: api.data.query.replace(/{__filters}/g, JSON.stringify(filters)).replace('{__top}', pageSize).replace('{__skip}', skip).replace('{__sort}', sort.trim())
         }
@@ -8246,6 +8355,11 @@ async function getTableApi(mainObject, fields, options){
         return api;
     `;
     api.adaptor = `
+    if(api.body.listName == "recent"){
+        payload.data.rows = _.sortBy(payload.data.rows, function(item){
+            return _.indexOf(api.body._ids, item._id)
+        });
+    }
     const enable_tree = ${mainObject.enable_tree};
     if(!enable_tree){
         _.each(payload.data.rows, function(item, index){
@@ -8256,9 +8370,10 @@ async function getTableApi(mainObject, fields, options){
     }
     window.postMessage(Object.assign({type: "listview.loaded"}), "*");
     let fileFields = ${JSON.stringify(fileFields)};
+    let lookupFields = ${JSON.stringify(lookupFields)};
     _.each(payload.data.rows, function(item, index){
         _.each(fileFields , (field, key)=>{
-            if(item[key] && item._display && item._display [key]){
+            if(item[key] && item._display && item._display[key]){
                 let value = item._display[key];
                 if(!_.isArray(value)){
                     value = [value]
@@ -8270,6 +8385,14 @@ async function getTableApi(mainObject, fields, options){
                 }
             }
         })
+        _.each(lookupFields , (field, key)=>{
+            if(item[key]){
+                if(field._optionsFunction){
+                    const optionsFunction = eval("(" + field._optionsFunction+ ")")(item);
+                    item[key + '__label'] = _.map(_.filter(optionsFunction, function(option){return _.includes(item[key], option.value)}), 'label').join(' ');
+                }
+            }
+        })
     })
     
     if(enable_tree){
@@ -9599,6 +9722,24 @@ async function getListSchema(
 
     ctx.defaults = defaults;
 
+    if (listViewName == "recent") {
+        listview_filters = `
+            function(filters, data) {
+                var result = Steedos.authRequest('/graphql', {
+                    type: 'POST',
+                    async: false,
+                    data: JSON.stringify({
+                        query: '{object_recent_viewed(filters: [["record.o","=","' + data.objectName + '"],["space","=","' + data.context.tenantId + '"],["owner","=","' + data.context.userId + '"]],sort:"modified desc",top:50){ _id,record}  }'
+                    }),
+                });
+                var _ids = []
+                result.data.object_recent_viewed.forEach(function (item) {
+                    _ids = _ids.concat(item.record.ids)
+                })
+                return ["_id", "=", _ids];
+            }
+        `;
+    }
     const amisSchema = {
         "type": "steedos-object-table",
         "objectApiName": objectName,