@steedos-widgets/amis-lib 3.6.2-beta.11 → 3.6.2-beta.13

package/dist/index.esm.js

@@ -354,6 +354,9 @@ const Router = {
         if(uiSchema.enable_split){
             defaultDisplay = "split";
         }
+        if(window.innerWidth <= 768){
+            return "grid";
+        }
         return value ? value : defaultDisplay;
     },
   
@@ -2037,7 +2040,7 @@ async function getQuickEditSchema(field, options){
 }
 
 function getFieldWidth(width){
-    const defaultWidth = "unset";//用于使table内的td标签下生成div，实现将快速编辑按钮固定在右侧的效果，并不是为了unset效果
+    const defaultWidth = null;
     if(typeof width == 'string'){
         if(isNaN(width)){
             return width || defaultWidth;
@@ -2067,14 +2070,14 @@ async function getTableColumns(fields, options){
         //增加quickEdit属性，实现快速编辑
         const quickEditSchema = allowEdit ? await getQuickEditSchema(field, options) : allowEdit;
         let className = "";
-        if(field.wrap != true){
-            if(field.wrap != false && field.is_wide){
-                className += " break-words ";
-            }else {
+        if(/Safari/.test(navigator.userAgent)){
+            className += " whitespace-nowrap ";
+        }else {
+            if(field.wrap != true){
                 className += " whitespace-nowrap ";
+            }else {
+                className += " break-words ";
             }
-        }else {
-            className += " break-words ";
         }
         let columnItem;
         if((field.is_name || field.name === options.labelFieldName) && options.objectName === 'cms_files'){
@@ -2969,15 +2972,8 @@ async function getTableApi(mainObject, fields, options){
                 }
             });
         };
-        let isTreeOptionsComputed = false;
-        if(records.length === 1 && records[0].children){
-            isTreeOptionsComputed = true;
-        }
-        if(!isTreeOptionsComputed){
-            // 如果api接口设置在缓存，缓存期间并不会重新请求接口，payload.data.rows是上次计算后的结果
-            payload.data.rows = getTreeOptions(records,{"valueField":"_id"});
-            assignIndexToTreeRecords(payload.data.rows, '');
-        }
+        payload.data.rows = getTreeOptions(records,{"valueField":"_id"});
+        assignIndexToTreeRecords(payload.data.rows, '');
     }
 
 
@@ -4873,9 +4869,16 @@ const getSchema$2 = (uiSchema) => {
                       "form": {
                         debug: false,
                         resetAfterSubmit: false,
+                        data: {
+                          editFormInited: true,
+                        },
                         initApi: {
+                          method: 'GET',
                           url: '/api/v1/queue_import_history/${recordId}?fields=["state"]',
                           sendOn: 'this.recordId',
+                          data: null,
+                          requestAdaptor: "return api;",
+                          adaptor: "return payload;",
                           responseData: {
                             importState: "${state}"
                           }
@@ -8997,7 +9000,7 @@ const getRecordPermissions = async (objectName, recordId)=>{
  * @Author: baozhoutao@steedos.com
  * @Date: 2022-07-05 15:55:39
  * @LastEditors: baozhoutao@steedos.com
- * @LastEditTime: 2024-01-15 10:34:46
+ * @LastEditTime: 2024-01-24 10:18:17
  * @Description:
  */
 
@@ -9096,7 +9099,9 @@ async function getRecordDetailRelatedListSchema(objectName, recordId, relatedObj
                     const foreign_key_value = arr[2] ? arr[1]+'.'+arr[2] : arr[1];
                     mainRelated[arr[0]] = foreign_key_value;
                 }
-            }else {
+            }
+            // 防止related_lists中没有相关子表，但是details中有相关子表的情况
+            if(!mainRelated[relatedObjectName]){
                 const details = union(mainObjectUiSchema.details,mainObjectUiSchema.lookup_details) || [];
                 for (const detail of details) {
                     const arr = detail.split(".");
@@ -10632,17 +10637,13 @@ function getReferenceToSync(field) {
 
 function getLookupSapceUserTreeSchema(isMobile){
     let apiAdaptor = `
-        // console.log("===getLookupSapceUserTreeSchema===", JSON.stringify(payload));
         const records = payload.data.options;
-        let isTreeOptionsComputed = false;
-        if(records.length === 1 && records[0].children){
-            isTreeOptionsComputed = true;
-        }
-        if(isTreeOptionsComputed){
-            return payload;
-        }
         const treeRecords = [];
-        const getChildren = (records, childrenIds) => {
+        const getChildren = (currentRecord, records, childrenIds) => {
+            if (currentRecord.children && typeof currentRecord.children[0] === "object") {
+                // 考虑api配置了cache缓存的话，不会请求接口但是会重新进这个接收适配器脚本且payload.data.options返回的会是上一次计算结果，这里直接返回计算过的children
+                return currentRecord.children;
+            }
             if (!childrenIds) {
                 return;
             }
@@ -10651,7 +10652,7 @@ function getLookupSapceUserTreeSchema(isMobile){
             });
             _.each(children, (item) => {
                 if (item.children) {
-                    item.children = getChildren(records, item.children)
+                    item.children = getChildren(item, records, item.children)
                 }else{
                     item.children = [];
                 }
@@ -10677,7 +10678,7 @@ function getLookupSapceUserTreeSchema(isMobile){
         
         _.each(records, (record) => {
             if (record.noParent == 1) {
-                treeRecords.push(Object.assign({}, record, { children: getChildren(records, record.children) }));
+                treeRecords.push(Object.assign({}, record, { children: getChildren(record, records, record.children) }));
             }
         });
         console.log(treeRecords)
@@ -10727,6 +10728,7 @@ function getLookupSapceUserTreeSchema(isMobile){
           }
         },
         "label": "",
+        "mode": "normal",
         "name": "organizations",
         "multiple": false,
         "joinValues": false,
@@ -12523,7 +12525,7 @@ async function convertSFieldToAmisField(field, readonly, ctx) {
         }else {
             convertData.className = 'm-0';
         }
-        if(readonly){
+        if(readonly && ctx.mode !== 'edit'){
             convertData.className = `${convertData.className} border-b`;
         }
         if(readonly){
@@ -12805,6 +12807,13 @@ const getSection = async (formFields, permissionFields, fieldSchemaArray, sectio
     }
   }
 
+  fieldSetBody.forEach((field)=>{
+    //判断label是否存在，不存在时将label的空占位元素隐藏
+    if(!field.label){
+      field.labelClassName = "none";
+    }
+  });
+
   // fieldSet 已支持显隐控制
   const sectionFieldsVisibleOn = _$1.map(_$1.compact(_$1.map(fieldSetBody, 'visibleOn')), (visibleOn) => {
     let visible = visibleOn;
@@ -12947,10 +12956,10 @@ function uuidv4() {
  * @Author: 殷亮辉 yinlianghui@hotoa.com
  * @Date: 2023-11-15 09:50:22
  * @LastEditors: 殷亮辉 yinlianghui@hotoa.com
- * @LastEditTime: 2024-01-21 23:40:13
+ * @LastEditTime: 2024-01-24 14:56:03
  */
 
-function getTablePrimaryKey(props){
+function getTablePrimaryKey(props) {
     return props.primaryKey || "_id";
 }
 
@@ -12960,22 +12969,22 @@ function getTablePrimaryKey(props){
  * @param {*} primaryKey 主键字段名，一般为_id
  * @returns 转换后的子表组件字段值
  */
-function getTableValueWithPrimaryKeyValue(value, primaryKey){
-    if(!primaryKey){
+function getTableValueWithPrimaryKeyValue(value, primaryKey) {
+    if (!primaryKey) {
         return value;
     }
-    return (value || []).map((itemValue)=>{
+    return (value || []).map((itemValue) => {
         //这里不clone的话，会造成在pipeIn函数执行该函数后像pipeOut一样最终输出到表单项中，即库里把primaryKey字段值保存了
         const newItemValue = clone(itemValue);
-        if(newItemValue[primaryKey]){
-            if(newItemValue.children){
+        if (newItemValue[primaryKey]) {
+            if (newItemValue.children) {
                 newItemValue.children = getTableValueWithPrimaryKeyValue(newItemValue.children, primaryKey);
             }
             return newItemValue;
         }
         else {
             newItemValue[primaryKey] = uuidv4();
-            if(newItemValue.children){
+            if (newItemValue.children) {
                 newItemValue.children = getTableValueWithPrimaryKeyValue(newItemValue.children, primaryKey);
             }
             return newItemValue;
@@ -12989,14 +12998,14 @@ function getTableValueWithPrimaryKeyValue(value, primaryKey){
  * @param {*} primaryKey 主键字段名，一般为_id
  * @returns 转换后的子表组件字段值
  */
-function getTableValueWithoutPrimaryKeyValue(value, primaryKey){
-    if(!primaryKey){
+function getTableValueWithoutPrimaryKeyValue(value, primaryKey) {
+    if (!primaryKey) {
         return value;
     }
-    return (value || []).map((itemValue)=>{
+    return (value || []).map((itemValue) => {
         //这里clone只是为了保险，不是必须的，每次修改子表数据是否都会生成新的primaryKey字段值是由pipeOut中识别autoGeneratePrimaryKeyValue决定的，跟这里没关系
         const newItemValue = clone(itemValue);
-        if(newItemValue.children){
+        if (newItemValue.children) {
             newItemValue.children = getTableValueWithoutPrimaryKeyValue(newItemValue.children, primaryKey);
         }
         delete newItemValue[primaryKey];
@@ -13010,12 +13019,12 @@ function getTableValueWithoutPrimaryKeyValue(value, primaryKey){
  * @param {*} fieldPrefix 字段前缀
  * @returns 转换后的子表组件字段值
  */
-function getTableValueWithoutFieldPrefix(value, fieldPrefix){
+function getTableValueWithoutFieldPrefix(value, fieldPrefix) {
     let convertedValue = [];
-    (value || []).forEach((itemValue)=>{
+    (value || []).forEach((itemValue) => {
         var newItemValue = {};
-        for(let n in itemValue){
-            if(itemValue.hasOwnProperty(n)){
+        for (let n in itemValue) {
+            if (itemValue.hasOwnProperty(n)) {
                 newItemValue[n.replace(new RegExp(`^${fieldPrefix}`), "")] = itemValue[n];
             }
         }
@@ -13030,16 +13039,16 @@ function getTableValueWithoutFieldPrefix(value, fieldPrefix){
  * @param {*} fieldPrefix 字段前缀
  * @returns 转换后的子表组件字段值
  */
-function getTableValuePrependFieldPrefix(value, fieldPrefix, primaryKey){
+function getTableValuePrependFieldPrefix(value, fieldPrefix, primaryKey) {
     let convertedValue = [];
-    (value || []).forEach((itemValue)=>{
+    (value || []).forEach((itemValue) => {
         var newItemValue = {};
-        for(let n in itemValue){
-            if(itemValue.hasOwnProperty(n) && typeof itemValue[n] !== undefined && n !== primaryKey){
+        for (let n in itemValue) {
+            if (itemValue.hasOwnProperty(n) && typeof itemValue[n] !== undefined && n !== primaryKey) {
                 newItemValue[`${fieldPrefix}${n}`] = itemValue[n];
             }
         }
-        if(primaryKey && itemValue[primaryKey]){
+        if (primaryKey && itemValue[primaryKey]) {
             newItemValue[primaryKey] = itemValue[primaryKey];
         }
         convertedValue.push(newItemValue);
@@ -13053,7 +13062,7 @@ function getTableValuePrependFieldPrefix(value, fieldPrefix, primaryKey){
  * @param {*} fieldPrefix 字段前缀
  * @returns 转换后的子表组件字段值
  */
-function getTableFieldsWithoutFieldPrefix(fields, fieldPrefix){
+function getTableFieldsWithoutFieldPrefix(fields, fieldPrefix) {
     return (fields || []).map((item) => {
         const newItem = clone(item);//这里不clone的话，会造成子表组件重新render，从而审批王那边点开子表行编辑窗口时报错
         newItem.name = newItem.name.replace(new RegExp(`^${fieldPrefix}`), "");
@@ -13091,6 +13100,7 @@ function getInputTableCell(field, showAsInlineEditMode) {
             name: field.name,
             quickEdit: {
                 "type": "steedos-field",
+                "mode": "inline",
                 "config": Object.assign({}, field, {
                     label: false
                 })
@@ -13170,7 +13180,9 @@ async function getInputTableColumns(props) {
                 }
             }
             if (field) {
-                let tableCell = getInputTableCell(field, showAsInlineEditMode);
+                let mode = typeof extendColumnProps.inlineEditMode === "boolean" ?
+                    extendColumnProps.inlineEditMode : showAsInlineEditMode;
+                let tableCell = getInputTableCell(field, mode);
                 return Object.assign({}, tableCell, extendColumnProps);
             }
             else {
@@ -13193,7 +13205,7 @@ async function getInputTableColumns(props) {
  */
 function getFormPagination(props, mode) {
     let showPagination = true;
-    if(mode === "new" && !!!props.editable){
+    if (mode === "new" && !!!props.editable) {
         //不允许编辑只允许新建时不应该让用户操作翻页
         showPagination = false;
     }
@@ -13209,37 +13221,41 @@ function getFormPagination(props, mode) {
         let __formId = "${formId}";
         let fieldValue = event.data.__tableItems;//这里不可以_.cloneDeep，因为翻页form中用的是event.data.__tableItems，直接变更其值即可改变表单中的值
         let pageChangeDirection = context.props.pageChangeDirection;
+        let mode = "${mode}";
         // event.data中的index和__page分别表示当前要把表单数据提交到的行索引和用于标定下一页页码的当前页页码
         // 一般来说__page = index + 1，但是可以让event.data中传入__page和index值不是这种联系。
         // 比如__page设置为3，index设置为0表示把当前表单数据提交到第一页，但是跳转到第4页，弹出的表单中底下的新增和复制按钮依赖了此功能
         // let currentPage = currentIndex + 1;
         let currentPage = event.data.__page;
         let currentIndex = event.data.index;
-        // 翻页到下一页之前需要先把当前页改动的内容保存到中间变量__tableItems中
-        let currentFormValues = scope.getComponentById(__formId).getValues();
-        // 这里不clone的话，其值会带上__super属性
-        currentFormValues = _.clone(currentFormValues);
-        var parent = event.data.parent;
-        var __parentIndex = event.data.__parentIndex;
-        if(parent){
-            fieldValue[__parentIndex].children[currentIndex] = currentFormValues;
-            // 重写父节点，并且改变其某个属性以让子节点修改的内容回显到界面上
-            fieldValue[__parentIndex] = Object.assign({}, fieldValue[__parentIndex], {
-                children: fieldValue[__parentIndex].children,
-                __fix_rerender_after_children_modified_tag: new Date().getTime()
+        if(mode !== "readonly"){
+            // 新建编辑时，翻页才需要把当前页表单保存，只读时直接翻页即可
+            // 翻页到下一页之前需要先把当前页改动的内容保存到中间变量__tableItems中
+            let currentFormValues = scope.getComponentById(__formId).getValues();
+            // 这里不clone的话，其值会带上__super属性
+            currentFormValues = _.clone(currentFormValues);
+            var parent = event.data.parent;
+            var __parentIndex = event.data.__parentIndex;
+            if(parent){
+                fieldValue[__parentIndex].children[currentIndex] = currentFormValues;
+                // 重写父节点，并且改变其某个属性以让子节点修改的内容回显到界面上
+                fieldValue[__parentIndex] = Object.assign({}, fieldValue[__parentIndex], {
+                    children: fieldValue[__parentIndex].children,
+                    __fix_rerender_after_children_modified_tag: new Date().getTime()
+                });
+            }
+            else{
+                fieldValue[currentIndex] = currentFormValues;
+            }
+            // 翻页到下一页前需要同时把改动的内容保存到最终正式的表单字段中，所以额外给正式表单字段执行一次setValue
+            doAction({
+                "componentId": "${props.id}",
+                "actionType": "setValue",
+                "args": {
+                    "value": fieldValue
+                }
             });
         }
-        else{
-            fieldValue[currentIndex] = currentFormValues;
-        }
-        // 翻页到下一页前需要同时把改动的内容保存到最终正式的表单字段中，所以额外给正式表单字段执行一次setValue
-        doAction({
-            "componentId": "${props.id}",
-            "actionType": "setValue",
-            "args": {
-                "value": fieldValue
-            }
-        });
 
         // 以下是翻页逻辑，翻到下一页并把下一页内容显示到表单上
         let targetPage;
@@ -13299,7 +13315,7 @@ function getFormPagination(props, mode) {
             {
                 "type": "tpl",
                 // 这里用__super.parent，加__super是为了防止当前记录有字段名为parent的重名变量
-                "tpl": "${__page}/${__super.parent ? __tableItems[__parentIndex]['children'].length : __tableItems.length}"
+                "tpl": "${__page}/${__super.parent ? COMPACT(__tableItems[__parentIndex]['children']).length : COMPACT(__tableItems).length}"
             },
             {
                 "type": "button",
@@ -13309,7 +13325,7 @@ function getFormPagination(props, mode) {
                 "pageChangeDirection": "next",
                 // "disabledOn": showPagination ? "${__page >= __tableItems.length}" : "true",
                 // 这里用__super.parent，加__super是为了防止当前记录有字段名为parent的重名变量
-                "disabledOn": showPagination ? "${__page >= (__super.parent ? __tableItems[__parentIndex]['children'].length : __tableItems.length)}" : "true",
+                "disabledOn": showPagination ? "${__page >= (__super.parent ? COMPACT(__tableItems[__parentIndex]['children']).length : COMPACT(__tableItems).length)}" : "true",
                 "size": "sm",
                 "id": buttonNextId,
                 "onEvent": {
@@ -13629,7 +13645,7 @@ async function getButtonActions(props, mode) {
     let formPaginationId = getComponentId("form_pagination", props.id);
     let parentFormData = "${__super.__super.__super.__super || {}}";
     let amisVersion = getComparableAmisVersion();
-    if(amisVersion < 3.6){
+    if (amisVersion < 3.6) {
         parentFormData = "${__super.__super || {}}";
     }
     if (mode == "new" || mode == "edit") {
@@ -13793,13 +13809,13 @@ async function getButtonActions(props, mode) {
         `;
         let dialogButtons = [
             {
-            "type": "button",
-            "label": "完成",
-            "actionType": "confirm",
-            "level": "primary"
+                "type": "button",
+                "label": "完成",
+                "actionType": "confirm",
+                "level": "primary"
             }
         ];
-        if(props.addable){
+        if (props.addable) {
             // 有新增行权限时额外添加新增和复制按钮
             dialogButtons = [
                 {
@@ -13872,7 +13888,7 @@ async function getButtonActions(props, mode) {
                     // 在节点嵌套情况下，当前节点正好是带children属性的节点的话，这里弹出的dialog映射到的会是children数组，这是amis目前的规则，
                     // 所以这里加判断有children时，用__super.__super让映射到正确的作用域层，如果不加，则__tableItems取到的会是children数组，而不是整个子表组件的值
                     "__tableItems": `\${((children ? __super.__super.${props.name} : __super.${props.name}) || [])|json|toJson}`
-        },
+                },
                 "actions": dialogButtons,
                 "onEvent": {
                     "confirm": {
@@ -13970,7 +13986,10 @@ async function getButtonActions(props, mode) {
                         // 为了解决"弹出的dialog窗口中子表组件会影响页面布局界面中父作用域字段值"，比如设计字段布局微页面中的设置分组功能，弹出的就是子表dialog
                         // 所以这里使用json|toJson转一次，断掉event.data.__tableItems与上层任用域中props.name的联系
                         // "__tableItems": `\${${props.name}|json|toJson}`
-                        "__tableItems": `\${((__super.parent ? __super.__super.${props.name} : __super.${props.name}) || [])|json|toJson}`
+                        // "__tableItems": `\${((__super.parent ? __super.__super.${props.name} : __super.${props.name}) || [])|json|toJson}`
+                        // 在节点嵌套情况下，当前节点正好是带children属性的节点的话，这里弹出的dialog映射到的会是children数组，这是amis目前的规则，
+                        // 所以这里加判断有children时，用__super.__super让映射到正确的作用域层，如果不加，则__tableItems取到的会是children数组，而不是整个子表组件的值
+                        "__tableItems": `\${((children ? __super.__super.${props.name} : __super.${props.name}) || [])|json|toJson}`
                     },
                 }
             }
@@ -14107,7 +14126,7 @@ const getAmisInputTableSchema = async (props) => {
     }
     let primaryKey = getTablePrimaryKey(props);
     let showOperation = props.showOperation;
-    if(showOperation !== false){
+    if (showOperation !== false) {
         showOperation = true;
     }
     let fieldPrefix = props.fieldPrefix;
@@ -14119,7 +14138,7 @@ const getAmisInputTableSchema = async (props) => {
     let buttonsForColumnOperations = [];
     let inlineEditMode = props.inlineEditMode;
     let showAsInlineEditMode = inlineEditMode && props.editable;
-    if(showOperation){
+    if (showOperation) {
         if (props.editable) {
             let showEditButton = true;
             if (showAsInlineEditMode) {
@@ -14153,7 +14172,7 @@ const getAmisInputTableSchema = async (props) => {
     let amis = props["input-table"] || props.amis || {};//额外支持"input-table"代替amis属性，是因为在字段yml文件中用amis作为key不好理解
     let inputTableSchema = {
         "type": "input-table",
-        "label": props.label,
+        "mode": "normal",
         "name": props.name,
         //不可以addable/editable/removable设置为true，因为会在原生的操作列显示操作按钮图标，此开关实测只控制这个按钮显示不会影响功能
         // "addable": props.addable,
@@ -14170,31 +14189,31 @@ const getAmisInputTableSchema = async (props) => {
         "showFooterAddBtn": false,
         "className": props.tableClassName,
         "pipeIn": (value, data) => {
-            if(fieldPrefix){
+            if (fieldPrefix) {
                 value = getTableValueWithoutFieldPrefix(value, fieldPrefix);
             }
-            if(primaryKey){
+            if (primaryKey) {
                 // 这里临时给每行数据补上primaryKey字段值，如果库里不需要保存这里补上的字段值，pipeOut中会识别autoGeneratePrimaryKeyValue属性选择最终移除这里补上的字段值
                 // 这里始终自动生成primaryKey字段值，而不是只在pipeOut输出整个子表字段值时才生成，是因为要支持当数据库里保存的子表字段行数据没有primaryKey字段值时的行嵌套模式（即节点的children属性）功能
                 // 这里要注意，流程详细设置界面的字段设置功能中的子表组件中，数据库里保存的子表字段行数据是有primaryKey字段值的，它不依赖这里自动生成行primaryKey值功能
                 value = getTableValueWithPrimaryKeyValue(value, primaryKey);
             }
-            if(amis.pipeIn){
-                if(typeof amis.pipeIn === 'function'){
+            if (amis.pipeIn) {
+                if (typeof amis.pipeIn === 'function') {
                     return amis.pipeIn(value, data);
                 }
             }
             return value;
         },
         "pipeOut": (value, data) => {
-            value = (value || []).map(function(item){
+            value = (value || []).map(function (item) {
                 delete item.__fix_rerender_after_children_modified_tag;
                 return item;
             });
-            if(fieldPrefix){
+            if (fieldPrefix) {
                 value = getTableValuePrependFieldPrefix(value, fieldPrefix, primaryKey);
             }
-            if(props.autoGeneratePrimaryKeyValue === true){
+            if (props.autoGeneratePrimaryKeyValue === true) {
                 // 如果需要把自动生成的primaryKey值输出保存的库中，则补全所有行中的primaryKey值
                 // 这里如果不全部补全的话，初始从库里返回的字段值中拿到的行没primaryKey值的话就不会自动补上
                 value = getTableValueWithPrimaryKeyValue(value, primaryKey);
@@ -14206,8 +14225,8 @@ const getAmisInputTableSchema = async (props) => {
                 // 只有autoGeneratePrimaryKey配置为true时，每行的primaryKey字段值才会始终保持不变
                 value = getTableValueWithoutPrimaryKeyValue(value, primaryKey);
             }
-            if(amis.pipeOut){
-                if(typeof amis.pipeOut === 'function'){
+            if (amis.pipeOut) {
+                if (typeof amis.pipeOut === 'function') {
                     return amis.pipeOut(value, data);
                 }
             }
@@ -14222,9 +14241,6 @@ const getAmisInputTableSchema = async (props) => {
             "width": buttonsForColumnOperations.length > 1 ? "60px" : "20px"
         });
     }
-    if (showAsInlineEditMode) {
-        inputTableSchema.needConfirm = false;
-    }
     if (amis) {
         // 支持配置amis属性重写或添加最终生成的input-table中任何属性。
         delete amis.id;//如果steedos-input-table组件配置了amis.id属性，会造成新建编辑行功能不生效
@@ -14266,10 +14282,19 @@ const getAmisInputTableSchema = async (props) => {
         });
     }
     let schema = {
-        "type": "service",
-        "body": schemaBody,
-        "className": props.className,
-        "id": serviceId
+        "type": "control",
+        "body": {
+            "type": "service",
+            "body": schemaBody,
+            "id": serviceId
+        },
+        "label": props.label,
+        "labelClassName": props.label ? props.labelClassName : "none",
+        "labelRemark": props.labelRemark,
+        "labelAlign": props.labelAlign,
+        //控制control的mode属性，https://aisuda.bce.baidu.com/amis/zh-CN/components/form/formitem#表单项展示
+        "mode": props.mode || null,
+        "className": props.className
     };
     // console.log("===schema===", schema);
     return schema;