@steedos-widgets/amis-object 1.2.32 → 1.2.34

package/dist/amis-object.cjs.css

@@ -360,18 +360,15 @@ fieldset.antd-Collapse > legend{
 .right-4 {
     right: 1rem
 }
-.bottom-0 {
-    bottom: 0px
-}
 .top-0 {
     top: 0px
 }
-.z-20 {
-    z-index: 20
-}
 .z-40 {
     z-index: 40
 }
+.z-20 {
+    z-index: 20
+}
 .z-10 {
     z-index: 10
 }
@@ -496,12 +493,12 @@ fieldset.antd-Collapse > legend{
 .h-12 {
     height: 3rem
 }
-.h-16 {
-    height: 4rem
-}
 .h-10 {
     height: 2.5rem
 }
+.\!h-10 {
+    height: 2.5rem !important
+}
 .h-\[50px\] {
     height: 50px
 }
@@ -544,6 +541,9 @@ fieldset.antd-Collapse > legend{
 .w-10 {
     width: 2.5rem
 }
+.\!w-10 {
+    width: 2.5rem !important
+}
 .w-auto {
     width: auto
 }
@@ -632,9 +632,6 @@ fieldset.antd-Collapse > legend{
 .justify-between {
     justify-content: space-between
 }
-.justify-evenly {
-    justify-content: space-evenly
-}
 .gap-x-3 {
     -moz-column-gap: 0.75rem;
          column-gap: 0.75rem
@@ -751,6 +748,9 @@ fieldset.antd-Collapse > legend{
 .fill-slate-500 {
     fill: #64748b
 }
+.\!fill-slate-500 {
+    fill: #64748b !important
+}
 .fill-gray-500 {
     fill: #6b7280
 }
@@ -814,9 +814,6 @@ fieldset.antd-Collapse > legend{
 .pl-1 {
     padding-left: 0.25rem
 }
-.pl-0 {
-    padding-left: 0px
-}
 .pr-4 {
     padding-right: 1rem
 }
@@ -1169,6 +1166,11 @@ fieldset.antd-Collapse > legend{
   .steedos-record-detail-related-lists .steedos-record-related-list .steedos-object-table .antd-Table-footToolbar {
     display: none;
   }
+}
+.steedos-select-user > .antd-Form {
+  margin-left: -200px;
+}
+@media (max-width: 576px) {
   .antd-Crud-toolbar {
     flex-basis: 0;
     flex-grow: 1;
@@ -1287,6 +1289,9 @@ fieldset.antd-Collapse > legend{
     -moz-column-gap: 1rem;
          column-gap: 1rem;
   }
+  .steedos-object-form .steedos-markdown .antd-Tabs-pane.is-active {
+    display: block;
+  }
 }
 
 @media (max-width: 767px) {
@@ -1413,11 +1418,18 @@ fieldset.antd-Collapse > legend{
   height: unset;
 }
 
+#steedosGlobalFooterRoot .antd-Nav {
+  height: 4rem;
+  position: fixed;
+  bottom: 0;
+  z-index: 20;
+  width: 100%;
+}
 .steedos-global-footer {
   border-top: 1px solid rgb(203 213 225);
 }
-.steedos-global-footer.antd-Nav-Menu-horizontal > .antd-Nav-Menu-item-tooltip-wrap > .antd-Nav-Menu-item,
-.steedos-global-footer.antd-Nav-Menu-horizontal > .antd-Nav-Menu-overflow-item > .antd-Nav-Menu-submenu-title {
+.steedos-global-footer .antd-Nav-Menu-item-tooltip-wrap > .antd-Nav-Menu-item,
+.steedos-global-footer .antd-Nav-Menu-overflow-item > .antd-Nav-Menu-submenu-title {
   padding-bottom: 5px;
   padding-left: 0;
   padding-right: 0;
@@ -1451,6 +1463,9 @@ fieldset.antd-Collapse > legend{
 .steedos-global-footer-popup .antd-Nav-Menu-item-wrap {
   align-items: center;
 }
+.steedos-global-footer-popup .antd-Nav-Menu-item-link {
+  max-width: unset;
+}
 .steedos-global-footer .antd-Nav-Menu-submenu-title {
   height: 100% !important;
   display: flex;
@@ -1462,8 +1477,9 @@ fieldset.antd-Collapse > legend{
 .steedos-global-footer-popup {
   width: 100%;
   top: 54px !important;
-  bottom: 64px;
-  position: fixed;
+  bottom: 64px !important;
+  left: 0 !important;
+  position: fixed !important;
 }
 .steedos-global-footer-popup .antd-Nav-Menu {
   height: 100%;
@@ -1486,6 +1502,8 @@ fieldset.antd-Collapse > legend{
 }
 .steedos-global-footer-root .antd-Nav-Menu-horizontal.antd-Nav-Menu-light {
   background-color: rgb(243 244 246);
+  justify-content: space-evenly;
+  height: 100%;
 }
 @media (max-width: 767px) {
   .steedos-object-listview .antd-Table-content {

package/dist/amis-object.cjs.js

@@ -8281,7 +8281,8 @@ const getSettingListviewToolbarButtonSchema = ()=>{
         "type": "dropdown-button",
         "trigger": "click",
         "icon": "fa fa-cog",
-        "tooltip": instance.t('frontend_button_listview_control_tooltip'),
+        //TODO: dropdown-button只支持在按钮上方配置提示，对于上方按钮的点击会有影响，为保持统一，暂时去除，等待amis优化，https://github.com/baidu/amis/issues/7330
+        // "tooltip": i18next.t('frontend_button_listview_control_tooltip'),
         "btnClassName": "antd-Button--iconOnly bg-white !p-2 rounded border-gray-300 text-gray-500",
         "align": "right",
         "visibleOn": "${!isLookup}",
@@ -8321,11 +8322,12 @@ const getDisplayAsButton = function(objectName, showDisplayAs){
       "rightIconClassName": "m-l-sm"
     }
   ];
-  const displayAsLabel = displayAs === 'split'? instance.t('frontend_display_type_is_split') : instance.t('frontend_display_type_is_table');
+  displayAs === 'split'? instance.t('frontend_display_type_is_split') : instance.t('frontend_display_type_is_table');
   return {
     "type": "dropdown-button",
     "icon": "fa fa-table-columns",
-    "tooltip": `${instance.t('frontend_display_as')} ${displayAsLabel}`,
+    //TODO: dropdown-button只支持在按钮上方配置提示，对于上方按钮的点击会有影响，暂时去除，等待amis优化，https://github.com/baidu/amis/issues/7330
+    // "tooltip": `${i18next.t('frontend_display_as')} ${displayAsLabel}`,
     "btnClassName": "antd-Button--iconOnly bg-white !p-2 rounded border-gray-300 text-gray-500",
     "align": "right",
     "visibleOn": "${window:innerWidth > 768 && !!!isLookup}",
@@ -8407,7 +8409,8 @@ function getObjectHeaderToolbar(mainObject, formFactor, {showDisplayAs = false,
         // "type": "reload",//不可以直接使用reload，因为它不会设置页码到第一页
         "type": "button",
         "align": "right",
-        "tooltip": instance.t('frontend_button_reload_tooltip'),
+        //TODO: dropdown-button只支持在按钮上方配置提示，对于上方按钮的点击会有影响，为保持统一，暂时去除，等待amis优化，https://github.com/baidu/amis/issues/7330
+        // "tooltip": i18next.t('frontend_button_reload_tooltip'),
         "tooltipPlacement": "top",
         "className": "bg-white p-2 rounded border-gray-300 text-gray-500",
         "label": "",
@@ -8429,7 +8432,8 @@ function getObjectHeaderToolbar(mainObject, formFactor, {showDisplayAs = false,
         "icon": "fa fa-search",
         "type": "button",
         "tooltipPlacement": "top",
-        "tooltip": instance.t('frontend_button_search_tooltip'),
+        //TODO: dropdown-button只支持在按钮上方配置提示，对于上方按钮的点击会有影响，为保持统一，暂时去除，等待amis优化，https://github.com/baidu/amis/issues/7330
+        // "tooltip": i18next.t('frontend_button_search_tooltip'),
         "badge": {
           "offset": [
             -5,
@@ -8474,7 +8478,9 @@ function getObjectHeaderToolbar(mainObject, formFactor, {showDisplayAs = false,
       {
         "type": "reload",
         "align": "right",
-        "tooltip": instance.t('frontend_button_reload_tooltip'),
+        //TODO: dropdown-button只支持在按钮上方配置提示，对于上方按钮的点击会有影响，为保持统一，暂时去除，等待amis优化，https://github.com/baidu/amis/issues/7330
+        // "tooltip": i18next.t('frontend_button_reload_tooltip'),
+        "tooltip":"",
         "tooltipPlacement": "top",
         "className": "bg-white p-2 rounded border-gray-300 text-gray-500"
       },
@@ -8484,8 +8490,9 @@ function getObjectHeaderToolbar(mainObject, formFactor, {showDisplayAs = false,
       filterVisible ? {
         "label": instance.t('frontend_button_search_tooltip'),
         "icon": "fa fa-search",
-        "tooltip": instance.t('frontend_button_search_tooltip'),
-        "tooltipPlacement": "top",
+        //TODO: dropdown-button只支持在按钮上方配置提示，对于上方按钮的点击会有影响，为保持统一，暂时去除，等待amis优化，https://github.com/baidu/amis/issues/7330
+        // "tooltip": i18next.t('frontend_button_search_tooltip'),
+        // "tooltipPlacement": "top",
         "type": "button",
         "badge": {
           "offset": [
@@ -8591,9 +8598,16 @@ async function getSource(field, ctx) {
         valueField = `${ctx.fieldNamePrefix}${valueField}`;
     }
     data.$value = `$${valueField}`;
-    // data["&"] = "$$";
+    data['$'] = `$$`;
     const requestAdaptor = `
         var filters = [['parent', '=', null]];
+        const filtersFunction = ${field.filtersFunction || field._filtersFunction};
+        if(filtersFunction){
+            const _filters = filtersFunction(filters, api.data.$);
+            if(_filters && _filters.length > 0){
+                filters.push(_filters);
+            }
+        }
         api.data.query = api.data.query.replace(/{__filters}/g, JSON.stringify(filters));
         var defaultValue = api.data.$value;
         var optionsFiltersOp = "${field.multiple ? "in" : "="}";
@@ -8791,7 +8805,7 @@ function getLookupSapceUserTreeSchema(){
     const tree = [{
         "type": "input-tree",
         "className": "",
-        "inputClassName": "pl-0",
+        "inputClassName": "p-0",
         "id": "u:7fd77b7915b0",
         "source": {
           "method": "post",
@@ -8852,7 +8866,7 @@ function getLookupSapceUserTreeSchema(){
           "left": "-200px",
           "width": "190px",
           "bottom": 0,
-          "top": "-14px",
+          "top": "2px",
           "overflow": "auto",
           "min-height":"300px"
         },
@@ -9118,7 +9132,9 @@ async function lookupToAmisPicker(field, readonly, ctx){
                 "margin-left":"200px",
                 "min-height": "300px"
              };
+             pickerSchema.className = pickerSchema.className || "" + " steedos-select-user";
         }
+
         pickerSchema.headerToolbar = getObjectHeaderToolbar(refObjectConfig, ctx.formFactor, { headerToolbarItems });
         const isAllowCreate = refObjectConfig.permissions.allowCreate;
         if (isAllowCreate) {
@@ -9215,6 +9231,8 @@ async function lookupToAmisPicker(field, readonly, ctx){
         modalTitle:  instance.t('frontend_form_please_select') + " " + refObjectConfig.label,
         labelField: referenceTo.labelField.name,
         valueField: referenceTo.valueField.name,
+        // disabledOn: this._master目的是相关表新建时禁止编辑关联字段； this.relatedKey目的是相关表编辑时禁止编辑关联字段。
+        disabledOn:  `${readonly} || ( (this._master && (this._master.relatedKey ==='${field.name}')) || (this.relatedKey ==='${field.name}') )`,
         modalMode: 'dialog', //TODO 设置 dialog 或者 drawer，用来配置弹出方式
         source: source,
         size: "lg",
@@ -9395,6 +9413,8 @@ async function lookupToAmisSelect(field, readonly, ctx){
         joinValues: false,
         extractValue: true,
         clearable: true,
+        // disabledOn: this._master目的是相关表新建时禁止编辑关联字段； this.relatedKey目的是相关表编辑时禁止编辑关联字段。
+        disabledOn:  `${readonly} || ( (this._master && (this._master.relatedKey ==='${field.name}')) || (this.relatedKey ==='${field.name}') )`,
         // labelField: labelField,
         // valueField: valueField,
         source: apiInfo,
@@ -9579,6 +9599,8 @@ async function getIdsPickerSchema(field, readonly, ctx){
         valueField: referenceTo.valueField.name,
         modalMode: 'dialog', 
         source: source,
+        // disabledOn: this._master目的是相关表新建时禁止编辑关联字段； this.relatedKey目的是相关表编辑时禁止编辑关联字段。
+        disabledOn:  `${readonly} || ( (this._master && (this._master.relatedKey ==='${field.name}')) || (this.relatedKey ==='${field.name}') )`,
         size: "lg",
         pickerSchema: pickerSchema,
         joinValues: false,
@@ -9607,7 +9629,7 @@ async function getIdsPickerSchema(field, readonly, ctx){
  * @Author: baozhoutao@steedos.com
  * @Date: 2023-01-13 17:27:54
  * @LastEditors: liaodaxue
- * @LastEditTime: 2023-06-30 10:29:52
+ * @LastEditTime: 2023-07-24 15:23:12
  * @Description: 
  */
 
@@ -9629,21 +9651,39 @@ const getMarkdownFieldSchema = (field, readonly, ctx)=>{
           }
     }else {
         return {
-            "type": "group",
+            "type": "control",
+            "label": field.label,
             "body": [
               {
-                "type": "editor",
-                "name": field.name,
-                "language": "markdown",
-              },
-              {
-                "type": "markdown",
-                "name": field.name,
-                "options": {
-                    "linkify": true,
-                    "html": true,
-                    "breaks": true
-                }
+                "type": "tabs",
+                "tabsMode": "strong",
+                "className": "steedos-markdown",
+                "tabs": [
+                  {
+                    "title": "Write",
+                    "tab": [
+                      {
+                        "type": "editor",
+                        "name": field.name,
+                        "language": "markdown",
+                      }
+                    ]
+                  },
+                  {
+                    "title": "Preview",
+                    "tab": [
+                      {
+                        "type": "markdown",
+                        "name": field.name,
+                        "options": {
+                          "linkify": true,
+                          "html": true,
+                          "breaks": true
+                        }
+                      }
+                    ]
+                  }
+                ]
               }
             ]
           }
@@ -10589,26 +10629,45 @@ async function getQuickEditSchema(field, options){
                     let labelField = quickEditSchema.body[0].labelField || "label";
                     let valueField = quickEditSchema.body[0].valueField || "value";
                     if (field.multiple) {
+                        /*
+                            多选分两种情况。
+                            第一种是减少选项时（判断新的数据是否比老的数据短），按照index删除_display中对应选项，保证回显没问题；
+                            第二种是增加选项时，按照value的值，找到对应选项，并按照_display的规则为其赋值
+                        */
                         TempDisplayField = `
+                            const preData = event.data.__super.${field.name};
+                            if(preData && event.data.${field.name}.length < preData.length){
+                                let deletedIndex;
+                                preData.forEach(function(item,index){
+                                    if(_.indexOf(event.data.${field.name}, item) == -1) _display["${field.name}"].splice(index, 1);
+                                })
+                            }else{
                                 _display["${field.name}"] = [];
-                                event.data.selectedItems.forEach(function(item,index){
+                                event.data.value.forEach(function(val,index){
+                                    const item = _.find(event.data.selectedItems, { ${valueField}: val });
                                     _display["${field.name}"].push(
                                         {
                                             "label": item.${labelField},
-                                            "value": item.${valueField},
+                                            "value": item[event.data.uiSchema.idFieldName],
                                             "objectName": "${field.reference_to}"
                                         }
                                     )
                                 })
-                            `;
+                            }
+                            
+                        `;
                     } else {
                         TempDisplayField = `
+                            if(event.data.value){
                                 _display["${field.name}"] = {
                                     "label": event.data.selectedItems.${labelField},
-                                    "value": event.data.selectedItems.${valueField},
+                                    "value": event.data.selectedItems[event.data.uiSchema.idFieldName],
                                     "objectName": "${field.reference_to}"
                                 }
-                            `;
+                            }else{
+                                _display["${field.name}"] = {}
+                            }
+                        `;
                     }
                     quickEditSchema.body[0].onEvent["change"] = quickEditOnEvent(TempDisplayField);
                     break;
@@ -10718,10 +10777,25 @@ async function getQuickEditSchema(field, options){
     return quickEditSchema;
 }
 
+function getFieldWidth(width){
+    const defaultWidth = "unset";//用于使table内的td标签下生成div，实现将快速编辑按钮固定在右侧的效果，并不是为了unset效果
+    if(typeof width == 'string'){
+        if(isNaN(width)){
+            return width;
+        }else {
+            return Number(width);
+        }
+    }else if(typeof width == 'number'){
+        return width;
+    }else {
+        return defaultWidth;
+    }
+}
+
 async function getTableColumns$1(fields, options){
     const columns = [{name: '_index',type: 'text', width: 32, placeholder: ""}];
     const allowEdit = options.permissions?.allowEdit && options.permissions?.modifyAllRecords && !options.isLookup && options.enable_inline_edit != false;
-    const defaultWidth = "unset";//用于使table内的td标签下生成div，实现将快速编辑按钮固定在右侧的效果，并不是为了unset效果
+    
     for (const field of fields) {
         //增加quickEdit属性，实现快速编辑
         const quickEditSchema = allowEdit ? await getQuickEditSchema(field, options) : allowEdit;
@@ -10769,7 +10843,7 @@ async function getTableColumns$1(fields, options){
                 type: "switch",
                 name: field.name,
                 label: field.label,
-                width: field.width || defaultWidth,
+                width: getFieldWidth(field.width),
                 toggled: field.toggled,
                 static: true,
                 className:"whitespace-nowrap",
@@ -10780,7 +10854,7 @@ async function getTableColumns$1(fields, options){
                 type: "switch",
                 name: field.name,
                 label: field.label,
-                width: field.width || defaultWidth,
+                width: getFieldWidth(field.width),
                 toggled: field.toggled,
                 quickEdit: quickEditSchema,
                 static: true,
@@ -10800,7 +10874,7 @@ async function getTableColumns$1(fields, options){
                 label: field.label,
                 map: map,
                 sortable: field.sortable,
-                width: field.width || defaultWidth,
+                width: getFieldWidth(field.width),
                 toggled: field.toggled,
                 className,
                 static: true,
@@ -10834,7 +10908,7 @@ async function getTableColumns$1(fields, options){
                     label: field.label,
                     sortable: field.sortable,
                     // searchable: field.searchable,
-                    width: field.width || defaultWidth,
+                    width: getFieldWidth(field.width),
                     type: type,
                     tpl: tpl,
                     toggled: field.toggled,
@@ -11132,14 +11206,7 @@ async function getTableOperation(ctx){
                 onOpenApi: {
                     url: `\${context.rootUrl}/service/api/@\${objectName}/recordPermissions/\${_id}`,
                     method: "get",
-                    data: {
-                        $: "$$",
-                        objectName: "${objectName}",
-                        listViewId: "${listViewId}",
-                        appId: "${appId}",
-                        formFactor: "${formFactor}",
-                        context: `\${context}`
-                    },
+                    requestAdaptor: "api.data={}; return api;",
                     headers: {
                         Authorization: "Bearer ${context.tenantId},${context.authToken}"
                     },
@@ -17834,7 +17901,7 @@ var AmisRecordDetailRelatedList = function (props) { return __awaiter(void 0, vo
                 return [4 /*yield*/, getRecordDetailRelatedListSchema(objectApiName, recordId, relatedObjectApiName, relatedKey, { top: top, perPage: perPage, appId: appId, relatedLabel: relatedLabel, className: className, formFactor: formFactor, columns: columns, sort: sort, filters: filters, visible_on: visible_on, isRelated: true, hiddenEmptyTable: hiddenEmptyTable, requestAdaptor: requestAdaptor, adaptor: adaptor })];
             case 1:
                 schema = (_c.sent()).amisSchema;
-                schema.data = Object.assign(schema.data, formData);
+                schema.data = Object.assign(schema.data || {}, formData);
                 if (___default.has(props, "recordId") && $schema.recordId !== "${recordId}") {
                     schema.data = Object.assign(schema.data, {
                         _master: {
@@ -18363,15 +18430,14 @@ var AmisAppMenu = function (props) { return __awaiter(void 0, void 0, void 0, fu
  * @Description:
  */
 var AmisGlobalFooter = function (props) { return __awaiter(void 0, void 0, void 0, function () {
-    var _a, stacked, overflow, appId, data, _b, links, _c, showIcon, _d, indentSize, selectedId, isMobile, className, className1, schema;
+    var _a, stacked, overflow, appId, data, _b, links, _c, showIcon, _d, indentSize, selectedId, isMobile, className, schema;
     return __generator(this, function (_e) {
         _a = props.stacked, stacked = _a === void 0 ? false : _a, overflow = props.overflow, appId = props.appId, data = props.data, _b = props.links, links = _b === void 0 ? null : _b, _c = props.showIcon, showIcon = _c === void 0 ? true : _c, _d = props.indentSize, indentSize = _d === void 0 ? 12 : _d, selectedId = props.selectedId;
         if (!appId) {
             appId = data.context.appId || 'admin';
         }
         isMobile = window.innerWidth <= 768;
-        className = 'fixed bottom-0 z-20 flex justify-evenly w-full h-16 bg-gray-100 steedos-global-footer';
-        className1 = 'fixed bottom-0 z-20 flex justify-center w-full h-16 bg-gray-100 steedos-global-footer';
+        className = 'steedos-global-footer';
         schema = {};
         if (links) {
             schema = {
@@ -18380,7 +18446,7 @@ var AmisGlobalFooter = function (props) { return __awaiter(void 0, void 0, void
                     body: [
                         {
                             "type": "nav",
-                            "className": links.length == 1 ? "".concat(className1) : "".concat(className),
+                            "className": className,
                             "stacked": stacked,
                             "overflow": overflow,
                             "indentSize": indentSize,
@@ -18396,7 +18462,7 @@ var AmisGlobalFooter = function (props) { return __awaiter(void 0, void 0, void
                 schemaApi: {
                     "method": "get",
                     "url": "${context.rootUrl}/service/api/apps/".concat(appId, "/menus?mobile=true"),
-                    "adaptor": "\n                        try {\n                            if(payload.children.length == 0){\n                                payload.data = {};\n                                return payload\n                            }\n                            const data = { nav: [] };\n                            const stacked = ".concat(stacked, ";\n                            const showIcon = ").concat(showIcon, ";\n                            const selectedId = '").concat(selectedId, "';\n                            const locationPathname = window.location.pathname;\n                            var customTabId = \"\";\n                            var objectTabId = \"\";\n                            let sum = 0;\n                            _.each(payload.children, (tab)=>{\n                                sum++;\n                                const classIcon = tab.icon.replace(/_/g,\"-\");\n                                if(locationPathname == tab.path){\n                                    customTabId = tab.id;\n                                }else if(locationPathname.startsWith(tab.path + \"/\")){\n                                    objectTabId = tab.id;\n                                }\n                                if(sum >= 5){\n                                    data.nav.push({\n                                        \"label\": {\n                                            type: 'tpl',\n                                            tpl: `<span class='fill-slate-500  text-slate-700 block -ml-px no-underline group flex items-center text-[12px] font-medium rounded-md flex-col leading-3 nav-label'><svg class=\"slds-icon slds-icon_container slds-icon-standard-`+classIcon+` flex-shrink-0 h-10 w-10\"><use xlink:href=\"/assets/icons/standard-sprite/svg/symbols.svg#${tab.icon || 'account'}\"></use></svg><span>${tab.name}</span><i class=\"fa fa-angle-right\" aria-hidden=\"true\" style=\"position: absolute;right: 20px;color: #bababa;\"></i></span>`,\n                                            className:'h-full flex items-center'\n                                        },\n                                        \"to\": tab.path,\n                                        \"target\":tab.target,\n                                        \"id\": tab.id,\n                                        \"activeOn\": \"\\\\${tabId == '\"+ tab.id +\"'}\"\n                                    });\n                                }else{\n                                    data.nav.push({\n                                        \"label\": {\n                                            type: 'tpl',\n                                            tpl: `<span class='fill-slate-500 truncate text-slate-700 block -ml-px no-underline group flex items-center text-[12px] font-medium rounded-md flex-col leading-3 nav-label'><svg class=\"slds-icon slds-icon_container slds-icon-standard-`+classIcon+` flex-shrink-0 h-10 w-10\"><use xlink:href=\"/assets/icons/standard-sprite/svg/symbols.svg#${tab.icon || 'account'}\"></use></svg><span class=\"truncate\" style=\"max-width: 20vw\">${tab.name}</span></span>`,\n                                            className:'h-full flex items-center'\n                                        },\n                                        \"to\": tab.path,\n                                        \"target\":tab.target,\n                                        \"id\": tab.id,\n                                        \"activeOn\": \"\\\\${tabId == '\"+ tab.id +\"'}\"\n                                    });\n                                }\n                            })\n\n                            payload.data = {\n                                \"type\": \"service\",\n                                \"data\":{\n                                    \"tabId\": customTabId || objectTabId,\n                                    \"items\": data.nav\n                                },\n                                \"id\": \"footerService\",\n                                \"body\": {\n                                    \"type\": \"nav\",\n                                    className: payload.children.length ==1 ? '").concat(className1, "' : '").concat(className, "',\n                                    \"stacked\": ").concat(stacked, ",\n                                    \"overflow\": {\n                                        \"enable\": true,\n                                        \"maxVisibleCount\": 4,\n                                        \"overflowPopoverClassName\": \"steedos-global-footer-popup\",\n                                        \"overflowLabel\":{\n                                            \"type\": 'tpl',\n                                            \"tpl\": `<span class='fill-slate-500 truncate text-slate-700 block -ml-px no-underline group flex items-center text-[12px] font-medium rounded-md flex-col leading-3 nav-label'><svg class=\" flex-shrink-0 h-10 w-10\" style=\"padding:7px\"><use xlink:href=\"/assets/icons/utility-sprite/svg/symbols.svg#rows\"></use></svg><span class=\"truncate\" style=\"max-width: 20vw\">").concat(instance.t('frontend_menu'), "</span></span>`,\n                                            \"className\":'h-full flex items-center'\n                                        },\n                                        \"overflowIndicator\":\"\"\n                                    },\n                                    \"indentSize\": ").concat(indentSize, ",\n                                    \"source\": \"${items}\",\n                                    \"onEvent\": {\n                                        \"click\": {\n                                            \"actions\": [\n                                                {\n                                                    \"actionType\": \"setValue\",\n                                                    \"componentId\": \"footerService\",\n                                                    \"args\": {\n                                                        \"value\": {\n                                                            \"tabId\": \"${event.data.item.id}\",\n                                                            \"items\": data.nav\n                                                        }\n                                                    },\n                                                    \"expression\":\"${event.data.item.id}\"\n                                                }\n                                            ]\n                                        },\n                                        \"@tabId.changed\":{\n                                            \"actions\":[\n                                                {\n                                                    \"actionType\": \"setValue\",\n                                                    \"componentId\": \"footerService\",\n                                                    \"args\": {\n                                                        \"value\": {\n                                                            \"tabId\": \"${event.data.tabId}\",\n                                                            \"items\": data.nav\n                                                        }\n                                                    },\n                                                    \"expression\":\"${event.data.tabId}\"\n                                                }\n                                            ]\n                                        }\n                                    }\n                                }\n                                \n                            };\n                        } catch (error) {\n                            console.log(`error`, error)\n                        }\n                        return payload;\n        "),
+                    "adaptor": "\n                        try {\n                            if(payload.children.length == 0){\n                                payload.data = {};\n                                return payload\n                            }\n                            const data = { nav: [] };\n                            const stacked = ".concat(stacked, ";\n                            const showIcon = ").concat(showIcon, ";\n                            const selectedId = '").concat(selectedId, "';\n                            const locationPathname = window.location.pathname;\n                            var customTabId = \"\";\n                            var objectTabId = \"\";\n                            let sum = 0;\n                            _.each(payload.children, (tab)=>{\n                                sum++;\n                                const classIcon = tab.icon.replace(/_/g,\"-\");\n                                if(locationPathname == tab.path){\n                                    customTabId = tab.id;\n                                }else if(locationPathname.startsWith(tab.path + \"/\")){\n                                    objectTabId = tab.id;\n                                }\n                                if(sum >= 5){\n                                    data.nav.push({\n                                        \"label\": {\n                                            type: 'tpl',\n                                            tpl: `<span class='fill-slate-500  text-slate-700 block -ml-px no-underline group flex items-center text-[12px] font-medium rounded-md flex-col leading-3 nav-label'><svg class=\"slds-icon slds-icon_container slds-icon-standard-`+classIcon+` flex-shrink-0 h-10 w-10\"><use xlink:href=\"/assets/icons/standard-sprite/svg/symbols.svg#${tab.icon || 'account'}\"></use></svg><span>${tab.name}</span><i class=\"fa fa-angle-right\" aria-hidden=\"true\" style=\"position: absolute;right: 20px;color: #bababa;\"></i></span>`,\n                                            className:'h-full flex items-center'\n                                        },\n                                        \"to\": tab.path,\n                                        \"target\":tab.target,\n                                        \"id\": tab.id,\n                                        \"activeOn\": \"\\\\${tabId == '\"+ tab.id +\"'}\"\n                                    });\n                                }else{\n                                    data.nav.push({\n                                        \"label\": {\n                                            type: 'tpl',\n                                            tpl: `<span class='fill-slate-500 truncate text-slate-700 block -ml-px no-underline group flex items-center text-[12px] font-medium rounded-md flex-col leading-3 nav-label'><svg class=\"slds-icon slds-icon_container slds-icon-standard-`+classIcon+` flex-shrink-0 h-10 w-10\"><use xlink:href=\"/assets/icons/standard-sprite/svg/symbols.svg#${tab.icon || 'account'}\"></use></svg><span class=\"truncate\" style=\"max-width: 20vw\">${tab.name}</span></span>`,\n                                            className:'h-full flex items-center'\n                                        },\n                                        \"to\": tab.path,\n                                        \"target\":tab.target,\n                                        \"id\": tab.id,\n                                        \"activeOn\": \"\\\\${tabId == '\"+ tab.id +\"'}\"\n                                    });\n                                }\n                            })\n\n                            payload.data = {\n                                \"type\": \"service\",\n                                \"data\":{\n                                    \"tabId\": customTabId || objectTabId,\n                                    \"items\": data.nav\n                                },\n                                \"id\": \"footerService\",\n                                \"body\": {\n                                    \"type\": \"nav\",\n                                    className: \"").concat(className, "\",\n                                    \"stacked\": ").concat(stacked, ",\n                                    \"overflow\": {\n                                        \"enable\": true,\n                                        \"maxVisibleCount\": 4,\n                                        \"overflowPopoverClassName\": \"steedos-global-footer-popup\",\n                                        \"overflowLabel\":{\n                                            \"type\": 'tpl',\n                                            \"tpl\": `<span class=' truncate text-slate-700 block -ml-px no-underline group flex items-center text-[12px] font-medium rounded-md flex-col leading-3 nav-label'><svg class=\"!fill-slate-500 flex-shrink-0 !h-10 !w-10\" style=\"padding:7px\"><use xlink:href=\"/assets/icons/utility-sprite/svg/symbols.svg#rows\"></use></svg><span class=\"truncate\" style=\"max-width: 20vw\">").concat(instance.t('frontend_menu'), "</span></span>`,\n                                            \"className\":'h-full flex items-center'\n                                        },\n                                        \"overflowIndicator\":\"\"\n                                    },\n                                    \"indentSize\": ").concat(indentSize, ",\n                                    \"source\": \"${items}\",\n                                    \"onEvent\": {\n                                        \"click\": {\n                                            \"actions\": [\n                                                {\n                                                    \"actionType\": \"setValue\",\n                                                    \"componentId\": \"footerService\",\n                                                    \"args\": {\n                                                        \"value\": {\n                                                            \"tabId\": \"${event.data.item.id}\",\n                                                            \"items\": data.nav\n                                                        }\n                                                    },\n                                                    \"expression\":\"${event.data.item.id}\"\n                                                }\n                                            ]\n                                        },\n                                        \"@tabId.changed\":{\n                                            \"actions\":[\n                                                {\n                                                    \"actionType\": \"setValue\",\n                                                    \"componentId\": \"footerService\",\n                                                    \"args\": {\n                                                        \"value\": {\n                                                            \"tabId\": \"${event.data.tabId}\",\n                                                            \"items\": data.nav\n                                                        }\n                                                    },\n                                                    \"expression\":\"${event.data.tabId}\"\n                                                }\n                                            ]\n                                        }\n                                    }\n                                }\n                                \n                            };\n                        } catch (error) {\n                            console.log(`error`, error)\n                        }\n                        return payload;\n        "),
                     "headers": {
                         "Authorization": "Bearer ${context.tenantId},${context.authToken}"
                     }