@steedos-widgets/amis-object 1.1.6 → 1.1.8

package/dist/amis-object.cjs.css

@@ -840,6 +840,9 @@ body {
     .sm\:p-0 {
         padding: 0px
     }
+    .sm\:p-3 {
+        padding: 0.75rem
+    }
     .sm\:shadow {
         --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
         --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);

package/dist/amis-object.cjs.js

@@ -1935,8 +1935,8 @@ const getSchema$3 = async (uiSchema, ctx) => {
 /*
  * @Author: 殷亮辉 yinlianghui@hotoa.com
  * @Date: 2023-03-22 09:31:21
- * @LastEditors: Please set LastEditors
- * @LastEditTime: 2023-03-28 14:06:47
+ * @LastEditors: baozhoutao@steedos.com
+ * @LastEditTime: 2023-04-06 16:04:20
  */
 const getSchema$2 = (uiSchema)=>{
     return {
@@ -1966,15 +1966,11 @@ const getSchema$2 = (uiSchema)=>{
                                     },
                                     "adaptor": `
                                         if(payload.errors){
-                                            payload.status = 2;
-                                            payload.msg = payload.errors[0].message;
+                                          payload.status = 2;
+                                          payload.msg = window.t ? window.t(payload.errors[0].message) : payload.errors[0].message;
                                         }
                                         return payload;
                                     `,
-                                },
-                                "messages": {
-                                    "success": "删除成功",
-                                    "failed": "删除失败"
                                 }
                               },
                               "actionType": "ajax"
@@ -3681,17 +3677,22 @@ async function getObjectRecordDetailRelatedListHeader(relatedObjectSchema, relat
 async function getObjectRelatedListHeader(objectSchema, recordId, relatedObjectName) {
 }
 
-const getDisplayAsButton = function(showDisplayAs){
+const getDisplayAsButton = function(objectName, showDisplayAs){
+  let displayAs = Router$1.getTabDisplayAs(objectName);
   let buttons = [
     {
       "type": "button",
       "label": "表格",
-      "onClick": "const url = document.location.pathname + '?display=grid'; props.env.jumpTo(url);"
+      "onClick": "let url = document.location.pathname; var urlSearch = new URLSearchParams(document.location.search); if(urlSearch.get(\"side_object\") && urlSearch.get(\"side_listview_id\")){url=`/app/${props.data.appId}/${urlSearch.get(\"side_object\")}/grid/${urlSearch.get(\"side_listview_id\")}`;}; props.env.jumpTo(url + '?display=grid');",
+      "rightIcon": displayAs != 'split' ? "fa fa-check" : null,
+      "rightIconClassName": "m-l-sm"
     },
     {
       "type": "button",
       "label": "分栏视图",
-      "onClick": "const url = document.location.pathname + '?display=split'; props.env.jumpTo(url);"
+      "onClick": "const url = document.location.pathname + '?display=split'; props.env.jumpTo(url);",
+      "rightIcon": displayAs === 'split' ? "fa fa-check" : null,
+      "rightIconClassName": "m-l-sm"
     }
   ];
   return {
@@ -3779,7 +3780,7 @@ function getExportApiRequestAdaptorScript(){
   `
 }
 
-function getObjectHeaderToolbar(mainObject, formFactor, {showDisplayAs = false, hiddenCount = false} = {}){
+function getObjectHeaderToolbar(mainObject, formFactor, {showDisplayAs = false, hiddenCount = false, headerToolbarItems} = {}){
   const isMobile = window.innerWidth < 768;
   if(isMobile){
     showDisplayAs = false;
@@ -3833,11 +3834,12 @@ function getObjectHeaderToolbar(mainObject, formFactor, {showDisplayAs = false,
           }
         }
       },
-      showDisplayAs? getDisplayAsButton() : {}
+      showDisplayAs? getDisplayAsButton(mainObject?.name) : {}
   ]
   }else {
     return [
       // "filter-toggler",
+      ...(headerToolbarItems || []),
       "bulkActions",
       {
         "type": "columns-toggler",
@@ -3913,7 +3915,7 @@ function getObjectHeaderToolbar(mainObject, formFactor, {showDisplayAs = false,
           }
         }
       },
-      showDisplayAs? getDisplayAsButton() : {}
+      showDisplayAs? getDisplayAsButton(showDisplayAs) : {}
       // {
       //   "type": "search-box",
       //   "align": "right",
@@ -4505,20 +4507,20 @@ async function lookupToAmisSelect(field, readonly, ctx){
 
     if(referenceTo){
         // 字段值单独走一个请求合并到source的同一个GraphQL接口中
-        const defaultValueOptionsQueryData = await getFindQuery({ name: referenceTo.objectName }, null, {
-            [referenceTo.labelField.name]: Object.assign({}, referenceTo.labelField, {alias: 'label'}),
-            [referenceTo.valueField.name]: Object.assign({}, referenceTo.valueField, {alias: 'value'})
-        }, {
+        const defaultValueOptionsQueryData = await getFindQuery({ name: referenceTo.objectName }, null, [
+            Object.assign({}, referenceTo.labelField, {alias: 'label'}),
+            Object.assign({}, referenceTo.valueField, {alias: 'value'})
+        ], {
             alias: "defaultValueOptions",
             filters: "{__options_filters}",
             count: false
         });
         apiInfo = await getApi$1({
             name: referenceTo.objectName
-        }, null, {
-            [referenceTo.labelField.name]: Object.assign({}, referenceTo.labelField, {alias: 'label'}),
-            [referenceTo.valueField.name]: Object.assign({}, referenceTo.valueField, {alias: 'value'})
-        }, {expand: false, alias: 'options', queryOptions: `filters: {__filters}, top: {__top}, sort: "{__sort}"`, moreQueries: [defaultValueOptionsQueryData.query]});
+        }, null, [
+            Object.assign({}, referenceTo.labelField, {alias: 'label'}),
+            Object.assign({}, referenceTo.valueField, {alias: 'value'})
+        ], {expand: false, alias: 'options', queryOptions: `filters: {__filters}, top: {__top}, sort: "{__sort}"`, moreQueries: [defaultValueOptionsQueryData.query]});
 
         apiInfo.adaptor = `
             const data = payload.data;
@@ -5334,13 +5336,19 @@ async function convertSFieldToAmisField(field, readonly, ctx) {
             };
             break;
         case 'percent':
-            //TODO
-            convertData = {
-                type: getAmisStaticFieldType('number', readonly),
-                min: field.min,
-                max: field.max,
-                precision: field.scale
-            };
+            if(readonly){
+                convertData = {
+                    type: 'static-tpl',
+                    tpl: getUiFieldTpl(field)
+                };
+            }else {
+                convertData = {
+                    type: getAmisStaticFieldType('number', readonly),
+                    min: field.min,
+                    max: field.max,
+                    precision: field.scale
+                };
+            }
             break;
         case 'password':
             convertData = {
@@ -5382,12 +5390,18 @@ async function convertSFieldToAmisField(field, readonly, ctx) {
             break;
         case 'formula':
             if(readonly){
-                convertData.type = getAmisStaticFieldType(field.data_type, readonly);
+                convertData = {
+                    type: 'static-tpl',
+                    tpl: getUiFieldTpl(field)
+                };
             }
             break;
         case 'summary':
             if(readonly){
-                convertData.type = getAmisStaticFieldType(field.data_type, readonly);
+                convertData = {
+                    type: 'static-tpl',
+                    tpl: getUiFieldTpl(field)
+                };
             }
             break;
         case 'code':
@@ -6100,7 +6114,11 @@ async function getObjectCRUD(objectSchema, fields, options){
       }
     }
 
-    bodyProps.headerToolbar = getObjectHeaderToolbar(objectSchema, options.formFactor, {showDisplayAs, hiddenCount: options.queryCount === false});
+    bodyProps.headerToolbar = getObjectHeaderToolbar(objectSchema, options.formFactor, {
+      showDisplayAs, 
+      hiddenCount: options.queryCount === false, 
+      headerToolbarItems: options.headerToolbarItems
+    });
 
 
     let body = null;
@@ -6139,7 +6157,7 @@ async function getObjectCRUD(objectSchema, fields, options){
         keepItemSelectionOnPageChange: true, 
         api: await getTableApi(objectSchema, fields, options),
         hiddenOn: options.tableHiddenOn,
-        autoFillHeight: true,
+        autoFillHeight: options.isRelated ? false : true,
         className: `flex-auto ${crudClassName || ""}`,
         crudClassName: crudClassName,
       }, 
@@ -6299,6 +6317,10 @@ async function getObjectForm(objectSchema, ctx){
                   "objectName": "${_master.objectName}"
                 },
                 "expression": `\${_master.objectName != '${objectSchema.name}' && _master.objectName}`
+              },
+              {
+                "args": {},
+                "actionType": "closeDialog"
               }
             ]
           }
@@ -8334,7 +8356,8 @@ async function getListSchema(
         "sort": sort,
         "ctx": ctx,
         "requestAdaptor": listView.requestAdaptor,  
-        "adaptor": listView.adaptor
+        "adaptor": listView.adaptor,
+        "headerToolbarItems": ctx.headerToolbarItems
     };
     return {
         uiSchema,
@@ -8395,6 +8418,7 @@ async function getTableSchema(
         ...ctx,
         filter: ctx.filters,
         sort,
+        headerToolbarItems: ctx.headerToolbarItems,
         buttons: await getListViewItemButtons(uiSchema, ctx)
     });
     return {
@@ -11982,11 +12006,11 @@ var AmisObjectForm = function (props) { return __awaiter(void 0, void 0, void 0,
 }); };
 
 var AmisObjectListView = function (props) { return __awaiter(void 0, void 0, void 0, function () {
-    var $schema, top, perPage, _a, showHeader, headerSchema, data, defaultData, _b, className, crudClassName, _c, showDisplayAs, sideSchema, ctx, listName, defaults, objectApiName, displayAs, formFactor, isMobile, objectUiSchema, listView, schemaKeys, listSchema, setDataToComponentId, amisSchemaData, listViewId, schema, amisSchema, uiSchema, body, firstLineSchema, serviceData;
+    var $schema, top, perPage, _a, showHeader, headerSchema, data, defaultData, _b, className, crudClassName, _c, showDisplayAs, sideSchema, headerToolbarItems, ctx, listName, defaults, objectApiName, displayAs, formFactor, isMobile, objectUiSchema, listView, schemaKeys, listSchema, setDataToComponentId, amisSchemaData, listViewId, schema, amisSchema, uiSchema, body, firstLineSchema, serviceData;
     return __generator(this, function (_e) {
         switch (_e.label) {
             case 0:
-                $schema = props.$schema, top = props.top, perPage = props.perPage, _a = props.showHeader, showHeader = _a === void 0 ? true : _a, headerSchema = props.headerSchema, data = props.data, defaultData = props.defaultData, _b = props.className, className = _b === void 0 ? "" : _b, crudClassName = props.crudClassName, _c = props.showDisplayAs, showDisplayAs = _c === void 0 ? false : _c, sideSchema = props.sideSchema, props.columnsTogglable;
+                $schema = props.$schema, top = props.top, perPage = props.perPage, _a = props.showHeader, showHeader = _a === void 0 ? true : _a, headerSchema = props.headerSchema, data = props.data, defaultData = props.defaultData, _b = props.className, className = _b === void 0 ? "" : _b, crudClassName = props.crudClassName, _c = props.showDisplayAs, showDisplayAs = _c === void 0 ? false : _c, sideSchema = props.sideSchema, props.columnsTogglable, headerToolbarItems = props.headerToolbarItems;
                 ctx = props.ctx;
                 listName = (defaultData === null || defaultData === void 0 ? void 0 : defaultData.listName) || (data === null || data === void 0 ? void 0 : data.listName) || (props === null || props === void 0 ? void 0 : props.listName);
                 defaults = {};
@@ -12067,7 +12091,7 @@ var AmisObjectListView = function (props) { return __awaiter(void 0, void 0, voi
                 }
                 amisSchemaData = Object.assign({}, data, defaultData);
                 listViewId = (ctx === null || ctx === void 0 ? void 0 : ctx.listViewId) || amisSchemaData.listViewId;
-                return [4 /*yield*/, getListSchema(amisSchemaData.appId, objectApiName, listName, __assign$2(__assign$2({ top: top, perPage: perPage, showHeader: showHeader, defaults: defaults }, ctx), { listViewId: listViewId, setDataToComponentId: setDataToComponentId, filterVisible: true, showDisplayAs: showDisplayAs, displayAs: displayAs }))];
+                return [4 /*yield*/, getListSchema(amisSchemaData.appId, objectApiName, listName, __assign$2(__assign$2({ top: top, perPage: perPage, showHeader: showHeader, defaults: defaults }, ctx), { listViewId: listViewId, setDataToComponentId: setDataToComponentId, filterVisible: true, showDisplayAs: showDisplayAs, displayAs: displayAs, headerToolbarItems: headerToolbarItems }))];
             case 2:
                 schema = (_e.sent());
                 amisSchema = schema.amisSchema;
@@ -12140,11 +12164,11 @@ function getTableColumns(columns, includedFields, fieldsExtend) {
     return tableColumns;
 }
 var AmisObjectTable = function (props) { return __awaiter(void 0, void 0, void 0, function () {
-    var $schema, filters, filtersFunction, amisCondition, top, headerSchema, includedFields, fieldsExtend, sort, sortField, sortOrder, extraColumns, data, defaultData, _a, formFactor, _b, className, requestAdaptor, adaptor, ctx, columns, defaults, objectApiName, schemaKeys, listSchema, setDataToComponentId, amisFilters, tableFilters, amisSchemaData, appId, amisSchema;
+    var $schema, filters, filtersFunction, amisCondition, top, headerSchema, includedFields, fieldsExtend, sort, sortField, sortOrder, extraColumns, data, defaultData, _a, formFactor, _b, className, requestAdaptor, adaptor, headerToolbarItems, ctx, columns, defaults, objectApiName, schemaKeys, listSchema, setDataToComponentId, amisFilters, tableFilters, amisSchemaData, appId, amisSchema;
     return __generator(this, function (_c) {
         switch (_c.label) {
             case 0:
-                $schema = props.$schema, filters = props.filters, filtersFunction = props.filtersFunction, amisCondition = props.amisCondition, top = props.top, headerSchema = props.headerSchema, includedFields = props.fields, fieldsExtend = props.fieldsExtend, sort = props.sort, sortField = props.sortField, sortOrder = props.sortOrder, extraColumns = props.extraColumns, data = props.data, defaultData = props.defaultData, _a = props.formFactor, formFactor = _a === void 0 ? window.innerWidth < 768 ? 'SMALL' : 'LARGE' : _a, _b = props.className, className = _b === void 0 ? "" : _b, requestAdaptor = props.requestAdaptor, adaptor = props.adaptor;
+                $schema = props.$schema, filters = props.filters, filtersFunction = props.filtersFunction, amisCondition = props.amisCondition, top = props.top, headerSchema = props.headerSchema, includedFields = props.fields, fieldsExtend = props.fieldsExtend, sort = props.sort, sortField = props.sortField, sortOrder = props.sortOrder, extraColumns = props.extraColumns, data = props.data, defaultData = props.defaultData, _a = props.formFactor, formFactor = _a === void 0 ? window.innerWidth < 768 ? 'SMALL' : 'LARGE' : _a, _b = props.className, className = _b === void 0 ? "" : _b, requestAdaptor = props.requestAdaptor, adaptor = props.adaptor, headerToolbarItems = props.headerToolbarItems;
                 ctx = props.ctx;
                 if (!ctx) {
                     ctx = {};
@@ -12178,7 +12202,7 @@ var AmisObjectTable = function (props) { return __awaiter(void 0, void 0, void 0
                 appId = (data === null || data === void 0 ? void 0 : data.appId) || (defaultData === null || defaultData === void 0 ? void 0 : defaultData.appId);
                 // ctx中值为undefined的属性不能保留，否则会导致 filters等被覆盖。
                 ctx = ___default.pickBy(ctx, function (value) { return value !== undefined; });
-                return [4 /*yield*/, getTableSchema(appId, objectApiName, columns, __assign$2(__assign$2({ filters: tableFilters, filtersFunction: filtersFunction, top: top, sort: sort, sortField: sortField, sortOrder: sortOrder, extraColumns: extraColumns, defaults: defaults }, ctx), { setDataToComponentId: setDataToComponentId, requestAdaptor: requestAdaptor, adaptor: adaptor }))];
+                return [4 /*yield*/, getTableSchema(appId, objectApiName, columns, __assign$2(__assign$2({ filters: tableFilters, filtersFunction: filtersFunction, top: top, sort: sort, sortField: sortField, sortOrder: sortOrder, extraColumns: extraColumns, defaults: defaults }, ctx), { setDataToComponentId: setDataToComponentId, requestAdaptor: requestAdaptor, adaptor: adaptor, headerToolbarItems: headerToolbarItems }))];
             case 1:
                 amisSchema = (_c.sent()).amisSchema;
                 amisSchema.data = Object.assign({}, amisSchema.data, amisSchemaData);
@@ -13295,14 +13319,14 @@ var PageListView = function (props) { return __awaiter(void 0, void 0, void 0, f
                     "showHeader": true,
                     "showDisplayAs": (defaultFormFactor !== 'SMALL'),
                     "formFactor": formFactor,
-                    "className": (displayAs === 'split') ? 'w-full' : 'p-0 flex-1 sm:m-3 sm:border sm:shadow sm:rounded border-slate-300 border-solid bg-gray-100'
+                    "className": (displayAs === 'split') ? 'w-full' : 'p-0 flex-1 m-0 sm:border sm:shadow sm:rounded border-slate-300 border-solid bg-gray-100'
                 };
                 defData = __assign$2(__assign$2({}, $schema.data), { objectName: objectApiName, listViewId: listViewId, listName: listName || listviewId, appId: appId, formFactor: formFactor, displayAs: displayAs });
                 // console.log("defData====>", defData)
                 return [2 /*return*/, {
                         type: 'service',
                         data: defData,
-                        "className": (displayAs === 'grid') ? 'h-full' : 'p-0 flex flex-1 overflow-hidden h-full',
+                        "className": (displayAs === 'grid') ? 'h-full sm:p-3' : 'p-0 flex flex-1 overflow-hidden h-full',
                         body: (displayAs === 'grid') ? ___default.defaultsDeep({ data: defData }, listSchema) : [
                             {
                                 "type": "wrapper",