@steedos-widgets/amis-lib 3.6.0-beta.3 → 3.6.0-beta.5

package/dist/index.esm.js

@@ -382,8 +382,8 @@ const Router = {
 /*
  * @Author: baozhoutao@steedos.com
  * @Date: 2022-07-20 16:29:22
- * @LastEditors: liaodaxue
- * @LastEditTime: 2023-09-11 17:19:53
+ * @LastEditors: 殷亮辉 yinlianghui@hotoa.com
+ * @LastEditTime: 2023-12-28 14:59:08
  * @Description: 
  */
 
@@ -440,6 +440,21 @@ function getLookupListView(refObjectConfig) {
   return listView;
 }
 
+
+/**
+ * 获取可比较的amis版本号
+ * @returns 只返回前两位版本，第三位忽略，比如3.6.3返回3.6
+ */
+function getComparableAmisVersion() {
+  let amis = (window.amisRequire && window.amisRequire('amis')) || window.Amis;
+  let amisVersion = amis && amis.version;
+  if(amisVersion){
+      let comparableVersions = amisVersion.split(".");
+      let comparableVersion = parseFloat(comparableVersions[0].toString() + "." + comparableVersions[1].toString());
+      return comparableVersion;
+  }
+}
+
 /*
  * @Author: baozhoutao@steedos.com
  * @Date: 2022-05-23 09:53:08
@@ -530,7 +545,7 @@ function getNameTpl(field, ctx){
     if(ctx && ctx.isLookup){
         linkTarget = "target='_blank'";
     }
-    return `<a href="${href}" ${linkTarget}>\${${field.name}}</a>`
+    return `<a href="${href}" ${linkTarget}>\${${field.name} | raw}</a>`
 }
 
 function getRelatedFieldTpl(field, ctx){
@@ -1087,7 +1102,7 @@ function getAmisStaticFieldType(type, readonly, options){
  * @Author: baozhoutao@steedos.com
  * @Date: 2022-10-28 14:15:09
  * @LastEditors: liaodaxue
- * @LastEditTime: 2023-10-30 17:51:54
+ * @LastEditTime: 2023-12-29 10:46:50
  * @Description: 
  */
 
@@ -1141,7 +1156,8 @@ const getAmisFileEditSchema = (steedosField)=>{
             dataType: "form-data",
             url: `\${context.rootUrl}/s3/${tableName}`,
             requestAdaptor: `
-                const { _master, global,context } = api.body;
+                const superData = (typeof context != 'undefined') ? context : api.body; 
+                const { _master, global } = superData;
                 // const { recordId, objectName } = _master;
                 const { spaceId, userId, user } = global;
                 /*
@@ -1159,8 +1175,9 @@ const getAmisFileEditSchema = (steedosField)=>{
                 return api;
             `,
             adaptor: `
-                const { context } = api.body; 
-                var rootUrl = context.rootUrl + "/api/files/${tableName}/";
+                const superData = (typeof context != 'undefined') ? context : api.body; 
+                const { context:pageContext } = superData; 
+                var rootUrl = pageContext.rootUrl + "/api/files/${tableName}/";
                 payload = {
                     status: response.status == 200 ? 0 : response.status,
                     msg: response.statusText,
@@ -1764,8 +1781,9 @@ async function getQuickEditSchema(field, options){
                 case "avatar":
                 case "image":
                     quickEditSchema.body[0].receiver.adaptor = `
-                        const { context } = api.body; 
-                        var rootUrl = context.rootUrl + "/api/files/${field.type}s/";
+                        const superData = (typeof context != 'undefined') ? context : api.body; 
+                        const { context:pageContext } = superData; 
+                        var rootUrl = pageContext.rootUrl + "/api/files/${field.type}s/";
                         payload = {
                             status: response.status == 200 ? 0 : response.status,
                             msg: response.statusText,
@@ -2168,8 +2186,8 @@ async function getTableColumns(fields, options){
         const href = Router.getObjectDetailPath({
             ...options,  formFactor: options.formFactor, appId: "${appId}", objectName: options.objectName || "${objectName}", recordId: `\${${options.idFieldName}}`
         });
-        columns[1].type = "tpl";
-        columns[1].tpl = `<a href="${href}">\${${columns[1].name}}</a>`;
+        columns[0].type = "tpl";
+        columns[0].tpl = `<a href="${href}">\${${columns[0].name}}</a>`;
     }
     return columns;
 }
@@ -2428,7 +2446,7 @@ async function getTableOperation(ctx){
             type: 'steedos-object-button',
             name: button.name,
             objectName: button.objectName,
-            visibleOn: getButtonVisibleOn$1(button),
+            visibleOnAlias: getButtonVisibleOn$1(button),
             className: 'antd-Button--default'
         });
     });
@@ -2553,7 +2571,8 @@ async function getTableSchema$1(fields, options){
         }
 
         if(!isLookup && !hiddenColumnOperation){
-            columns.push(await getTableOperation(options));
+            const toolbarOperation = await getTableOperation(options);
+            columns.push(toolbarOperation);
         }
         
     }
@@ -5765,6 +5784,8 @@ async function getObjectFieldsFilterBarSchema(objectSchema, ctx) {
   `;
   const onCancelScript = `
     // console.log("===onCancelScript=form==");
+    let isLookup = event.data.isLookup;
+    let __lookupField = event.data.__lookupField;
     const scope = event.context.scoped;
     var filterForm = scope.parent.parent.getComponents().find(function(n){
       return n.props.type === "form";
@@ -5812,7 +5833,20 @@ async function getObjectFieldsFilterBarSchema(objectSchema, ctx) {
     // });
 
     // 清除__changedFilterFormValues中的值
-    crud && crud.setData({__changedFilterFormValues: {}});
+    // crud && crud.setData({__changedFilterFormValues: {}});
+    let __changedFilterFormValuesKey = "__changedFilterFormValues";
+    if(isLookup && __lookupField){
+      let lookupTag = "__" + __lookupField.name + "__" + __lookupField.reference_to;
+      if(__lookupField.reference_to_field){
+        lookupTag += "__" + __lookupField.reference_to_field;
+      }
+      __changedFilterFormValuesKey += lookupTag;
+    }
+    if(crud){
+      let crudData = crud.getData();
+      crudData[__changedFilterFormValuesKey] = {};
+      crud.setData(crudData);
+    }
     filterForm.handleFormSubmit(event);
     // crud.handleFilterSubmit(removedValues);
 
@@ -7740,7 +7774,12 @@ function getObjectHeaderQuickSearchBox(mainObject, fields, formFactor, { isLooku
     __changedSearchBoxValues["${keywordsSearchBoxName}"] = event.data["${keywordsSearchBoxName}"];
     // crudService && crudService.setData({__changedSearchBoxValues: __changedSearchBoxValues});
     // 这里不用crudService而用crud是因为lookup字段弹出的列表中的crudService中的变量无法传入crud的发送适配器中
-    crud && crud.setData({__changedSearchBoxValues: __changedSearchBoxValues});
+    // crud && crud.setData({__changedSearchBoxValues: __changedSearchBoxValues});
+    if(crud){
+      let crudData = crud.getData();
+      crudData.__changedSearchBoxValues = __changedSearchBoxValues;
+      crud.setData(crudData);
+    }
   `;
 
   // onSearchScript中加上了onChangeScript中的脚本，是因为amis 3.2不能用change事件执行onChangeScript
@@ -7753,9 +7792,19 @@ function getObjectHeaderQuickSearchBox(mainObject, fields, formFactor, { isLooku
     // const scope = event.context.scoped;
     // 如果点击过顶部搜索栏表单的取消按钮，会把此处event.data.__super.__super.__super中的搜索表单项的所有字段设置为null
     // 点击取消按钮后继续在表单项中输入过滤条件且最后没有点击回车按键或点击表单项搜索按钮的话，在快速搜索中点击回车按钮提交搜索会所顶部搜索表单中的字段值清空
+    let isLookup = event.data.isLookup;
+    let __lookupField = event.data.__lookupField;
+    let __changedFilterFormValuesKey = "__changedFilterFormValues";
+    if(isLookup && __lookupField){
+      let lookupTag = "__" + __lookupField.name + "__" + __lookupField.reference_to;
+      if(__lookupField.reference_to_field){
+        lookupTag += "__" + __lookupField.reference_to_field;
+      }
+      __changedFilterFormValuesKey += lookupTag;
+    }
     let filterForm = SteedosUI.getClosestAmisComponentByType(scope, "form");
     setTimeout(function(){
-      filterForm.setValues(event.data.__changedFilterFormValues);
+      filterForm.setValues(event.data[__changedFilterFormValuesKey]);
     }, 500);
   `;
 
@@ -7776,8 +7825,8 @@ function getObjectHeaderQuickSearchBox(mainObject, fields, formFactor, { isLooku
         "name": keywordsSearchBoxName,
         "placeholder": "搜索此列表",
         "value": crudKeywords,
-        "clearable": true,
-        // "clearAndSubmit": true,//因为清除并不会触发失去焦点事件，只有禁用，但是它会触发change事件，所以等升级到amis 3.4+后可以重新放开
+        // "clearable": true,//因为清除并不会触发失去焦点事件，只有禁用，但是它会触发change事件，所以等升级到amis 3.4+后可以重新放开
+        "clearAndSubmit": true,
         "searchImediately": false,
         "onEvent": {
           "search": {
@@ -8057,6 +8106,9 @@ async function getObjectFilter(objectSchema, fields, options) {
     crudService && crudService.setData({isFieldsFilterEmpty});
   `;
   let onChangeScript = `
+    let isLookup = event.data.isLookup;
+    let __lookupField = event.data.__lookupField;
+    console.log("==onChangeScript=isLookup===", isLookup);
     const scope = event.context.scoped;
     // let filterFormValues = event.data;
     let filterForm = SteedosUI.getClosestAmisComponentByType(scope, "form");
@@ -8068,7 +8120,20 @@ async function getObjectFilter(objectSchema, fields, options) {
     // let crudService = crud && SteedosUI.getClosestAmisComponentByType(crud.context, "service");
     // crudService && crudService.setData({__changedFilterFormValues: changedFilterFormValues});
     // 这里不用crudService而用crud是因为lookup字段弹出的列表中的crudService中的变量无法传入crud的发送适配器中
-    crud && crud.setData({__changedFilterFormValues: changedFilterFormValues});
+    // crud && crud.setData({__changedFilterFormValues: changedFilterFormValues});
+    let __changedFilterFormValuesKey = "__changedFilterFormValues";
+    if(isLookup && __lookupField){
+      let lookupTag = "__" + __lookupField.name + "__" + __lookupField.reference_to;
+      if(__lookupField.reference_to_field){
+        lookupTag += "__" + __lookupField.reference_to_field;
+      }
+      __changedFilterFormValuesKey += lookupTag;
+    }
+    if(crud){
+      let crudData = crud.getData();
+      crudData[__changedFilterFormValuesKey] = changedFilterFormValues;
+      crud.setData(crudData);
+    }
   `;
   return {
     "title": "",
@@ -10466,13 +10531,24 @@ async function lookupToAmisPicker(field, readonly, ctx){
     let keywordsSearchBoxName = `__keywords_lookup__${field.name.replace(/\./g, "_")}__to__${refObjectConfig.name}`;
 
     source.requestAdaptor = `
-        let __changedFilterFormValues = api.data.$self.__changedFilterFormValues || {};
+        let __changedFilterFormValuesKey = "__changedFilterFormValues";
+        let __lookupField = api.data.$self.__lookupField;
+        if(__lookupField){
+            let lookupTag = "__" + __lookupField.name + "__" + __lookupField.reference_to;
+            if(__lookupField.reference_to_field){
+                lookupTag += "__" + __lookupField.reference_to_field;
+            }
+            __changedFilterFormValuesKey += lookupTag;
+        }
+        let __changedFilterFormValues = api.data.$self[__changedFilterFormValuesKey] || {};
         let __changedSearchBoxValues = api.data.$self.__changedSearchBoxValues || {};
         // 把表单搜索和快速搜索中的change事件中记录的过滤条件也拼到$self中，是为解决触发搜索请求时，两边输入的过滤条件都带上，即：
         // 有时在搜索表单中输入过滤条件事，忘记点击回车键或搜索按钮，而是进一步修改快速搜索框中的关键字点击其中回车键触发搜索
         // 这种情况下，触发的搜索请求中没有带上搜索表单中输入的过滤条件。
         // 反过来先在快速搜索框中输入过滤条件却不点击其中回车键触发搜索，而是到搜索表单中触发搜索请求也是一样的。
-        Object.assign(api.data.$self, __changedSearchBoxValues, __changedFilterFormValues);
+        if(api.data.$self.op !== 'loadOptions'){
+            Object.assign(api.data.$self, __changedSearchBoxValues, __changedFilterFormValues);
+        }
         const selfData = JSON.parse(JSON.stringify(api.data.$self));
         var filters = [];
         var pageSize = api.data.pageSize || 10;
@@ -10679,7 +10755,12 @@ async function lookupToAmisPicker(field, readonly, ctx){
             "objectName": refObjectConfig.name,
             "uiSchema": refObjectConfig,
             "listName": listName,// 需要按视图取可搜索项
-            "isLookup": true
+            "isLookup": true,
+            "__lookupField": {
+                "name": field.name,
+                "reference_to": refObjectConfig.name,
+                "reference_to_field": field.reference_to_field
+            }
         });
 
         if(!pickerSchema.onEvent){
@@ -10852,7 +10933,7 @@ async function lookupToAmisSelect(field, readonly, ctx){
             sendOn.push(`this.${fName}`);
         });
         if(depend_on.length > 0){
-            apiInfo.url = `${apiInfo.url}?${depend_on.join('&')}`;
+            apiInfo.url = `${apiInfo.url}&${depend_on.join('&')}`;
             apiInfo.sendOn = `${sendOn.join(' && ')}`;
         }
     }
@@ -10960,6 +11041,13 @@ async function lookupToAmisSelect(field, readonly, ctx){
         autoComplete: apiInfo,
         searchable: true,
     };
+    let amisVersion = getComparableAmisVersion();
+    if(amisVersion >= 3.6){
+        // amis 3.6中不加source会造成子表组件中弹出行编辑窗口的lookup字段有时不请求接口（概率现象，同一个地方反复操作有时请求有时不请求）
+        // 但是同时配置autoComplete和source会多请求一次接口
+        // TODO:应该想办法把是否字段在子表组件内，即ctx.isInputTable，如果不在子表组件内不需要加source
+        data.source = apiInfo;
+    }
     //删除xlink:href中的rootUrl前缀，解决客户端svg为空的问题
     const select_menuTpl = `<span class='flex items-center mt-0.5'>
         <span role='img' aria-label='smile' class='anticon anticon-smile'>
@@ -11041,6 +11129,14 @@ async function lookupToAmis(field, readonly, ctx){
 
     // 优先取字段中配置的enable_enhanced_lookup，字段上没配置时，才从对象上取enable_enhanced_lookup属性
     let enableEnhancedLookup = _$1.isBoolean(field.enable_enhanced_lookup) ? field.enable_enhanced_lookup : refObject.enable_enhanced_lookup;
+    let amisVersion = getComparableAmisVersion();
+    if(amisVersion >= 3.6){
+        // amis 3.6.3单选的树picker有严重bug（https://github.com/baidu/amis/issues/9279），先强制使用下拉方式显示
+        // amis 3.6.3多选的树会自动把下层节点，及下下层等所有子节点自动选中，跟amis 3.2不一样，而且目前没有开关，这不适合目前的业务场景，也先强制使用下拉方式显示
+        if(enableEnhancedLookup && refObject.enable_tree){
+            enableEnhancedLookup = false;
+        }
+    }
     // 默认使用下拉框模式显示lookup选项，只能配置了enable_enhanced_lookup才使用弹出增强模式
     if(enableEnhancedLookup == true){
         return await lookupToAmisPicker(field, readonly, ctx);
@@ -11319,9 +11415,9 @@ const OMIT_FIELDS = ['created', 'created_by', 'modified', 'modified_by'];
 // const Lookup = require('./lookup');
 
 function getBaseFields(readonly){
-    let calssName = 'm-1';
+    let className = 'm-0';
     if(readonly){
-        calssName = `${calssName}`;
+        className = `${className}`;
     }
     return [
         { 
@@ -11329,7 +11425,7 @@ function getBaseFields(readonly){
             label: "创建人",
             type: "static",
             labelClassName: 'text-left',
-            className: calssName,
+            className: className,
             tpl: getCreatedInfoTpl()
         },
         { 
@@ -11337,7 +11433,7 @@ function getBaseFields(readonly){
             label: "修改人",
             type: "static",
             labelClassName: 'text-left',
-            className: calssName,
+            className: className,
             tpl: getModifiedInfoTpl()
         }
     ]
@@ -12033,9 +12129,9 @@ async function convertSFieldToAmisField(field, readonly, ctx) {
     }
     if(!_$1.isEmpty(convertData)){
         if(field.is_wide || convertData.type === 'group'){
-            convertData.className = 'col-span-2 m-1';
+            convertData.className = 'col-span-2 m-0';
         }else {
-            convertData.className = 'm-1';
+            convertData.className = 'm-0';
         }
         if(readonly){
             convertData.className = `${convertData.className} border-b`;
@@ -12441,7 +12537,7 @@ async function getFormBody(permissionFields, formFields, ctx){
  * @Author: 殷亮辉 yinlianghui@hotoa.com
  * @Date: 2023-11-15 09:50:22
  * @LastEditors: 殷亮辉 yinlianghui@hotoa.com
- * @LastEditTime: 2023-12-27 13:50:26
+ * @LastEditTime: 2023-12-28 15:54:36
  */
 
 /**
@@ -12922,6 +13018,11 @@ async function getButtonActions(props, mode) {
     let dialogId = getComponentId("dialog", props.id);
     let buttonNextId = getComponentId("button_next", props.id);
     let formPaginationId = getComponentId("form_pagination", props.id);
+    let parentFormData = "${__super.__super.__super.__super || {}}";
+    let amisVersion = getComparableAmisVersion();
+    if(amisVersion < 3.6){
+        parentFormData = "${__super.__super || {}}";
+    }
     if (mode == "new" || mode == "edit") {
         // let actionShowNewDialog = {
         //     "actionType": "dialog",
@@ -13063,7 +13164,8 @@ async function getButtonActions(props, mode) {
                     // 换成从__super来映射上级表单数据是因为对象列表视图界面中每行下拉菜单中的编辑按钮弹出的表单中的子表所在作用域中没有record变量
                     // 映射到中间变量__parentForm而不是直接用&展开映射是为了避免表单中字段名与作用域中变量重名
                     // "__parentForm": "${__super.__super || {}}",
-                    "__parentForm": mode == "new" ? "$$" : "${__super.__super || {}}",
+                    // "__parentForm": mode == "new" ? "$$" : "${__super.__super || {}}",
+                    "__parentForm": mode == "new" ? "$$" : parentFormData,
                     "global": "${global}",
                     "uiSchema": "${uiSchema}",
                     "index": "${index}",
@@ -13156,7 +13258,7 @@ async function getButtonActions(props, mode) {
                         // 换成从__super来映射上级表单数据是因为对象列表视图界面中每行下拉菜单中的编辑按钮弹出的表单中的子表所在作用域中没有record变量
                         // 映射到中间变量__parentForm而不是直接用&展开映射是为了避免表单中字段名与作用域中变量重名
                         // "__parentForm": "${__super.__super || {}}",
-                        "__parentForm": "${__super.__super || {}}",
+                        "__parentForm": parentFormData,
                         "global": "${global}",
                         "uiSchema": "${uiSchema}",
                         "index": "${index}",
@@ -14773,8 +14875,8 @@ const getInstanceApprovalHistory = async ()=>{
 /*
  * @Author: baozhoutao@steedos.com
  * @Date: 2022-09-07 16:20:45
- * @LastEditors: baozhoutao@steedos.com
- * @LastEditTime: 2023-03-23 16:49:44
+ * @LastEditors: liaodaxue
+ * @LastEditTime: 2023-12-29 16:06:35
  * @Description:
  */
 
@@ -15600,7 +15702,6 @@ const getFlowFormSchema = async (instance, box) => {
       "messages": {
       },
       "requestAdaptor": `
-        const { context } = api.data;
         api.data = {
           query: \`
             {
@@ -15623,7 +15724,7 @@ const getFlowFormSchema = async (instance, box) => {
       `,
       "data": {
         // "&": "$$",
-        "context": "${context}",
+        // "context": "${context}",
         "judge": "${new_judge}",
       }
     },