@steedos-widgets/amis-lib 1.3.4-beta.15 → 1.3.4-beta.16

package/dist/index.cjs.js

@@ -2597,20 +2597,29 @@ function getButtonVisibleOn$1(button){
         //     return 'false';
         // }
         if(visible.trim().startsWith('function')){
-            return `${visible}.apply({
+            visible = `${visible}.apply({
                 object: uiSchema
-            }, [objectName, typeof _id === 'undefined' ? null: _id, typeof record === 'undefined' ? (typeof recordPermissions === 'undefined' ? {} : recordPermissions) : record.recordPermissions, data])`
+            }, [objectName, typeof _id === 'undefined' ? null: _id, typeof record === 'undefined' ? (typeof recordPermissions === 'undefined' ? {} : recordPermissions) : record.recordPermissions, data])`;
         }
-        return visible;
     }
 
     if(button.type === 'amis_button'){
-        const amisSchema = button.amis_schema;
+        let amisSchema = button.amis_schema;
+        if(___namespace.isString(amisSchema)){
+            amisSchema = JSON.parse(amisSchema);
+        }
         if(amisSchema && amisSchema.body && amisSchema.body.length > 0){
             const btn1 = amisSchema.body[0];
-            return btn1.visibleOn
+            if(___namespace.hasIn(btn1, 'visibleOn')){
+                /*  当含有“更多”按钮或者“下拉”箭头按钮时，单个按钮的visibleOn需要合并到 “更多”按钮或者“下拉”箭头按钮的 visibleOn 中，用||隔开。
+                    visibleOn的格式需要保持一致； 不能是 js  和  ${xxx} 混合的表达式；
+                    visibleOn的值需要是js格式，因为默认的编辑、删除等系统按钮的visibleOn的格式就是js格式（function(){}）; 
+                */
+                return btn1.visibleOn
+            }   
         }
     }
+    return visible;
 }
 
 const getButtonVisible = (button, ctx) => {
@@ -5406,6 +5415,7 @@ function getObjectHeaderToolbar(mainObject, fields, formFactor, {
 }
 
 function getObjectFooterToolbar(mainObject, formFactor, options) {
+  // crud card模式与table模式两种情况下showPageInput默认值不一样，所以需要显式设置为false
   if (formFactor === 'SMALL') {
     // return [
     //   "load-more",
@@ -5415,15 +5425,17 @@ function getObjectFooterToolbar(mainObject, formFactor, options) {
         "switch-per-page",
         {
           "type": "pagination",
-          "maxButtons": 5
+          "maxButtons": 5,
+          "showPageInput": false
         }
       ]
     }else {
       return [
-        "statistics",
+        // "statistics",
         {
           "type": "pagination",
-          "maxButtons": 5
+          "maxButtons": 5,
+          "showPageInput": false
         }
       ]
     }
@@ -5432,7 +5444,11 @@ function getObjectFooterToolbar(mainObject, formFactor, options) {
     if(options && options.isRelated){
       return [
         "statistics",
-        "pagination"
+        {
+          "type": "pagination",
+          "maxButtons": 10,
+          "showPageInput": false
+        }
       ]
 
     }
@@ -5440,7 +5456,11 @@ function getObjectFooterToolbar(mainObject, formFactor, options) {
       return [
         "switch-per-page",
         "statistics",
-        "pagination"
+        {
+          "type": "pagination",
+          "maxButtons": 10,
+          "showPageInput": false
+        }
       ]
     }
   }
@@ -6323,15 +6343,17 @@ async function lookupToAmisSelect(field, readonly, ctx){
         var optionsFilters = [["${valueFieldKey}", optionsFiltersOp, []]];
         if (defaultValue && !api.data.$term) { 
             const defaultValueOptionsQueryData = ${JSON.stringify(defaultValueOptionsQueryData)};
-            const defaultValueOptionsQuery = defaultValueOptionsQueryData.query.replace(/^{/,"").replace(/}$/,"");
+            const defaultValueOptionsQuery = defaultValueOptionsQueryData?.query?.replace(/^{/,"").replace(/}$/,"");
             // 字段值单独请求，没值的时候在请求中返回空
             optionsFilters = [["${valueFieldKey}", optionsFiltersOp, defaultValue]];
             if(filters.length > 0){
                 optionsFilters = [filters, optionsFilters];
             }
-            api.data.query = "{"+api.data.query.replace(/^{/,"").replace(/}$/,"")+","+defaultValueOptionsQuery+"}";
-            api.data.query = api.data.query.replace(/{__options_filters}/g, JSON.stringify(optionsFilters))
+            if(defaultValueOptionsQuery){
+                api.data.query = "{"+api.data.query.replace(/^{/,"").replace(/}$/,"")+","+defaultValueOptionsQuery+"}";
+            } 
         }
+        api.data.query = api.data.query.replace(/{__options_filters}/g, JSON.stringify(optionsFilters));
         return api;
     `;
     referenceTo ? referenceTo.labelField.name : '';
@@ -7265,7 +7287,20 @@ async function convertSFieldToAmisField(field, readonly, ctx) {
                     type: getAmisStaticFieldType('number', readonly),
                     min: field.min,
                     max: field.max,
-                    precision: field.scale
+                    precision: field.scale,
+                    suffix: "%",
+                    pipeIn: (value, data) => {
+                        if(value){
+                            return value*100;
+                        }
+                        return value;
+                    },
+                    pipeOut: (value, oldValue, data) => {
+                        if(value){
+                            return value/100;
+                        }
+                        return value;
+                    },
                 };
             }
             break;
@@ -7761,7 +7796,7 @@ async function getQuickEditSchema(field, options){
                     break;
                 case "percent":
                     TempDisplayField = `
-                            _display["${field.name}"] = (event.data.value * 100).toFixed(${field.scale}) + '%';
+                            _display["${field.name}"] = event.data.value.toFixed(${field.scale}) + '%';
                         `;
                     quickEditSchema.body[0].onEvent["change"] = quickEditOnEvent(TempDisplayField);
                     break;
@@ -8392,23 +8427,86 @@ async function getTableOperation(ctx){
     }
 }
 
+async function getDefaultCrudCard(columns, options) {
+    let labelFieldName = options?.labelFieldName || "name";
+    let titleColumn, bodyColumns = [];
+    columns.forEach(function (item) {
+        delete item.quickEdit;
+        delete item.width;
+        if (item.name === labelFieldName) {
+            titleColumn = item;
+        }
+        else {
+            if (item.name !== "_index") {
+                bodyColumns.push(item);
+            }
+        }
+    });
+    let card = {
+        "header": {
+            "title": titleColumn.tpl
+        },
+        body: bodyColumns,
+        // useCardLabel: false,
+        toolbar: []
+    };
+    let hideToolbarOperation = options.formFactor === 'SMALL' || ["split"].indexOf(options.displayAs) > -1;
+    if(!hideToolbarOperation){
+        let toolbarOperation = await getTableOperation(options);
+        if (toolbarOperation) {
+            toolbarOperation.className += " inline-block w-auto";
+        }
+        card.toolbar.push(toolbarOperation);
+    }
+    return card;
+}
+
 async function getTableSchema$1(fields, options){
     if(!options){
         options = {};
     }
     let { isLookup, hiddenColumnOperation } = options;
+    const defaults = options.defaults;
+    const listSchema = (defaults && defaults.listSchema) || {};
+
     let columns = [];
     let useMobileColumns = options.formFactor === 'SMALL' || ["split"].indexOf(options.displayAs) > -1;
     if(isLookup){
         // 在lookup手机端列表模式调式好之前不使用getMobileTableColumns
         useMobileColumns = false;
     }
+    if(listSchema.mode && listSchema.mode !== "table"){
+        // 如果指定的mode，则不走我们内置的手机端列表效果，使用steedos组件内部开发的默认card/list效果，或者由用户自己实现card/list模式的crud列表
+        useMobileColumns = false;
+    }
     if(useMobileColumns){
         columns = await getMobileTableColumns(fields, options);
     }
     else {
         columns = await getTableColumns(fields, options);
 
+        if(listSchema.mode === "cards"){
+            let card = listSchema.card;
+            if(!card){
+                card = await getDefaultCrudCard(columns, options);
+            }
+            return {
+                mode: "cards",
+                name: "thelist",
+                headerToolbarClassName: "py-2 px-2 border-gray-300 border-solid border-b",
+                className: "",
+                draggable: false,
+                defaultParams: getDefaultParams(options),
+                card: card,
+                syncLocation: false,
+                keepItemSelectionOnPageChange: true,
+                checkOnItemClick: isLookup ? true : false,
+                labelTpl: `\${${options.labelFieldName}}`,
+                autoFillHeight: false, // 自动高度效果不理想,先关闭
+                columnsTogglable: false
+            }
+        }
+
         if(!isLookup && !hiddenColumnOperation){
             columns.push(await getTableOperation(options));
         }
@@ -10148,6 +10246,9 @@ async function getObjectCRUD(objectSchema, fields, options){
     const nonpaged = objectSchema.paging && objectSchema.paging.enabled === false;
     const isTreeObject = objectSchema.enable_tree;
     const bulkActions = getBulkActions(objectSchema);
+    const defaults = options.defaults;
+    const listSchema = (defaults && defaults.listSchema) || {};
+
     const bodyProps = {
       // toolbar: getToolbar(),
       // headerToolbar: getObjectHeaderToolbar(objectSchema, options.formFactor, {showDisplayAs}),
@@ -10159,9 +10260,12 @@ async function getObjectCRUD(objectSchema, fields, options){
       filter: options.filterVisible !== false && await getObjectFilter(objectSchema, fields, options),
     };
     if(options.formFactor !== 'SMALL' || ["split"].indexOf(options.displayAs) == -1){
-      Object.assign(bodyProps, {
-        bulkActions: options.bulkActions != false ? bulkActions : false
-      });
+      if(listSchema.mode !== "cards"){
+        // card模式时默认不显示勾选框
+        Object.assign(bodyProps, {
+          bulkActions: options.bulkActions != false ? bulkActions : false
+        });
+      }
     }
     // yml里配置的 不分页和enable_tree:true 优先级最高，组件中输入的top次之。
     options.queryCount = true;
@@ -10224,7 +10328,7 @@ async function getObjectCRUD(objectSchema, fields, options){
       }, options);
       tableOptions.amisData = createObject(options.amisData || {}, {});
       const table = await getTableSchema$1(fields, tableOptions);
-      delete table.mode;
+      // delete table.mode;
       //image与avatar需要在提交修改时特别处理
       const imageNames = ___default["default"].compact(___default["default"].map(___default["default"].filter(fields, (field) => ["image","avatar"].includes(field.type)), 'name'));
       const quickSaveApiRequestAdaptor = `
@@ -10294,12 +10398,14 @@ async function getObjectCRUD(objectSchema, fields, options){
 
     }
 
-    const defaults = options.defaults;
-    
-    const listSchema = (defaults && defaults.listSchema) || {};
     body = defaultsDeep({}, listSchema, body);
     body = await getCrudSchemaWithDataFilter(body, { crudDataFilter, onCrudDataFilter, amisData, env });
 
+    let crudModeClassName = "";
+    if(body.mode){
+      crudModeClassName = `steedos-crud-mode-${body.mode}`;
+    }
+
     if (defaults) {
       const headerSchema = defaults.headerSchema;
       const footerSchema = defaults.footerSchema;
@@ -10328,7 +10434,7 @@ async function getObjectCRUD(objectSchema, fields, options){
     // TODO: data应该只留loaded，其他属性都改为从上层传递下来
     return {
       type: 'service',
-      className: '',
+      className: crudModeClassName,
       //目前crud的service层id不认用户自定义id，只支持默认规则id，许多地方的格式都写死了service_listview_${objectname}
       id: `service_${id}`,
       name: `page`,
@@ -11012,8 +11118,8 @@ async function getRelatedListSchema(
 /*
  * @Author: baozhoutao@steedos.com
  * @Date: 2022-07-05 15:55:39
- * @LastEditors: 殷亮辉 yinlianghui@hotoa.com
- * @LastEditTime: 2023-09-21 17:35:06
+ * @LastEditors: liaodaxue
+ * @LastEditTime: 2023-10-20 11:38:25
  * @Description:
  */
 
@@ -11342,8 +11448,8 @@ async function getListSchema(
         "filtersFunction": listview_filters,
         "sort": sort,
         "ctx": ctx,
-        "requestAdaptor": listView.requestAdaptor,  
-        "adaptor": listView.adaptor,
+        "requestAdaptor": listView.requestAdaptor || ctx.requestAdaptor,  
+        "adaptor": listView.adaptor || ctx.adaptor,
         "headerToolbarItems": ctx.headerToolbarItems,
         "filterVisible": ctx.filterVisible,
         "rowClassNameExpr": ctx.rowClassNameExpr,