@steedos-widgets/amis-object 3.6.4-beta.3 → 3.6.4-beta.5

package/dist/amis-object.cjs.css

@@ -1,5 +1,5 @@
 :root {
-    --body-bg: #f9fafb;
+    --body-bg: white;
     --body-color: #181818;
     --body-size: 14px;
     --Page-main-bg: transparent;
@@ -425,13 +425,6 @@ fieldset.antd-Collapse > legend{
     z-index: 1400;
 }
 
-.ant-dropdown-menu {
-    border: 1px solid #e5e5e5;
-    border-radius: 0.25rem;
-    padding: 0.25rem 0;
-    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 16%);
-}
-
 .ant-dropdown-menu-item {
     padding: 0;
 }
@@ -512,6 +505,9 @@ fieldset.antd-Collapse > legend{
     }
 }
 
+.antd-DropDown-menu-root {
+    border: 1px solid #c9c9c9;
+}
 /* @tailwind base; */
 .container {
     width: 100%
@@ -1410,12 +1406,6 @@ fieldset.antd-Collapse > legend{
     }
 }
 
-.ant-dropdown-menu {
-  border: 1px solid #e5e5e5;
-  border-radius: 0.25rem;
-  padding: 0.25rem 0;
-  box-shadow: 0 2px 3px 0 rgb(0 0 0%);
-}
 .ant-dropdown-menu-item .antd-Button.antd-Button--default {
   border: none;
   border-width: 0;
@@ -2646,9 +2636,61 @@ body.sidebar #sidebar {
   color: #000;
 }
 
+.steedos-input-table .steedos-delete-button:hover {
+  color: rgb(239 68 68) !important;
+}
 .steedos-input-table .antd-DropDown-popover .antd-PopOver-overlay {
   display: none;
 }
+.steedos-input-table .antd-Table-table .antd-Table-placeholder {
+  display: none;
+}
+.steedos-input-table .antd-Table-table thead > tr > th {
+  border-right: none;
+}
+.steedos-input-table.steedos-show-index tbody tr td:nth-child(1) {
+  text-align: center;
+}
+.steedos-input-table .antd-OperationField {
+  width: 50px;
+}
+.steedos-input-table.steedos-show-index.steedos-has-operations thead tr th:nth-child(2),
+.steedos-input-table.steedos-show-index.steedos-has-operations tbody tr td:nth-child(2) {
+  padding: 0;
+}
+.steedos-input-table.steedos-show-index.steedos-has-operations td .antd-OperationField {
+  text-align: center;
+  margin-left: -46px;
+  position: relative;
+  visibility: hidden;
+}
+.steedos-input-table.steedos-show-index.steedos-has-operations tbody tr:hover td .antd-OperationField {
+  background-color: var(--Table-onHover-bg);
+  visibility: visible;
+}
+.steedos-input-table.steedos-has-operations.steedos-tree-mode td .antd-OperationField {
+  display: inline-flex;
+  visibility: hidden;
+  justify-content: center;
+}
+.steedos-input-table.steedos-has-operations.steedos-tree-mode tbody tr:hover td .antd-OperationField {
+  display: inline-flex;
+  visibility: visible;
+  justify-content: center;
+}
+.steedos-input-table.steedos-has-operations thead tr th:nth-child(1),
+.steedos-input-table.steedos-has-operations tbody tr td:nth-child(1) {
+  padding: 0;
+}
+.steedos-input-table.steedos-has-operations td .antd-OperationField {
+  text-align: center;
+  display: none;
+}
+.steedos-input-table.steedos-has-operations tbody tr:hover td .antd-OperationField {
+  background-color: var(--Table-onHover-bg);
+  display: inline-flex;
+  justify-content: center;
+}
 
 
 .steedos-record-selected {

package/dist/amis-object.cjs.js

@@ -4834,7 +4834,8 @@ instance
     }
   });
 
-async function getQuickEditSchema(field, options){
+async function getQuickEditSchema(object, columnField, options){
+    let field = object.fields[columnField.name];
     //判断在amis3.2以上环境下，放开批量编辑与lookup的单元格编辑
     let isAmisVersionforBatchEdit = false;
     if(window.amisRequire && window.amisRequire('amis')){
@@ -5302,7 +5303,7 @@ function getFieldWidth(width){
     }
 }
 
-async function getTableColumns$1(fields, options){
+async function getTableColumns$1(object, fields, options){
     const columns = [];
     if(!options.isLookup && !options.isInputTable){
         if(!options.enable_tree){
@@ -5316,7 +5317,7 @@ async function getTableColumns$1(fields, options){
             continue;
         }
         //增加quickEdit属性，实现快速编辑
-        const quickEditSchema = allowEdit ? await getQuickEditSchema(field, options) : allowEdit;
+        const quickEditSchema = allowEdit ? await getQuickEditSchema(object, field, options) : allowEdit;
         let className = "";
         const bowserType = getBowserType();
         if(bowserType === "Safari"){
@@ -5830,7 +5831,7 @@ async function getTableOperation(ctx){
                 "label": "xxx",
                 "buttons": operationButtons,
                 "placement": "bottomRight",
-                "overlayClassName": "shadow !min-w-[160px]",
+                "overlayClassName": "border rounded !min-w-[160px]",
                 "trigger": ["click"],
                 "id": "u:c2140a365019",
                 onOpenApi: {
@@ -5888,7 +5889,7 @@ async function getDefaultCrudCard(columns, options) {
     return card;
 }
 
-async function getTableSchema$1(fields, options){
+async function getTableSchema$1(object, fields, options){
     if(!options){
         options = {};
     }
@@ -5910,7 +5911,7 @@ async function getTableSchema$1(fields, options){
         columns = await getMobileTableColumns(fields, options);
     }
     else {
-        columns = await getTableColumns$1(fields, options);
+        columns = await getTableColumns$1(object, fields, options);
 
         if(listSchema.mode === "cards"){
             let card = listSchema.card;
@@ -8908,6 +8909,7 @@ const getObjectDetailButtonsSchemas = (objectSchema, recordId, ctx)=>{
                 type: "steedos-dropdown-button",
                 label: "",
                 buttons: moreButtons,
+                "overlayClassName": "border rounded !min-w-[160px]",
                 className: 'slds-icon ml-1',
                 visibleOn: moreButtonsVisibleOn
             };
@@ -11998,7 +12000,7 @@ async function getObjectCRUD(objectSchema, fields, options){
         crudId: listSchema.id || id, enable_tree: objectSchema.enable_tree
       }, options);
       tableOptions.amisData = createObject(options.amisData || {}, {});
-      const table = await getTableSchema$1(fields, tableOptions);
+      const table = await getTableSchema$1(objectSchema, fields, tableOptions);
       // delete table.mode;
       //image与avatar需要在提交修改时特别处理
       const imageNames = _$1__default["default"].compact(_$1__default["default"].map(_$1__default["default"].filter(fields, (field) => ["image","avatar"].includes(field.type)), 'name'));
@@ -12265,7 +12267,7 @@ async function getObjectForm(objectSchema, ctx){
         body: {
           type: 'wrapper',
           className: 'p-0 m-0',
-          body: await getFormBody(fields, formFields, Object.assign({}, ctx, {fieldGroups: objectSchema.field_groups})),
+          body: await getFormBody(fields, formFields, Object.assign({}, ctx, {fieldGroups: objectSchema.field_groups, omitReadonlyFields: true})),
           hiddenOn: "${editFormInited != true}",
         },
         panelClassName:'m-0 sm:rounded-lg shadow-none border-none',
@@ -12873,8 +12875,8 @@ async function getObjectRelatedListsMiniSchema(objectApiName){
 /*
  * @Author: baozhoutao@steedos.com
  * @Date: 2022-07-05 15:55:39
- * @LastEditors: baozhoutao@steedos.com
- * @LastEditTime: 2024-02-18 16:05:21
+ * @LastEditors: 殷亮辉 yinlianghui@hotoa.com
+ * @LastEditTime: 2024-02-23 16:37:06
  * @Description:
  */
 
@@ -13222,6 +13224,7 @@ async function convertColumnsToTableFields(columns, uiSchema, ctx = {}) {
     let fields = [];
     for (const column of columns) {
         if (_$1.isString(column)) {
+            let columnField;
             if (column.indexOf('.') > 0) {
                 const fieldName = column.split('.')[0];
                 const displayName = column.split('.')[1];
@@ -13229,23 +13232,30 @@ async function convertColumnsToTableFields(columns, uiSchema, ctx = {}) {
                 if (filedInfo && (filedInfo.type === 'lookup' || filedInfo.type === 'master_detail') && _$1.isString(filedInfo.reference_to)) {
                     const rfUiSchema = await getUISchema(filedInfo.reference_to);
                     const rfFieldInfo = rfUiSchema.fields[displayName];
-                    fields.push(Object.assign({}, rfFieldInfo, { name: `${fieldName}__expand.${displayName}`, expand: true, expandInfo: { fieldName, displayName } }, ctx));
+                    columnField = Object.assign({}, rfFieldInfo, { name: `${fieldName}__expand.${displayName}`, expand: true, expandInfo: { fieldName, displayName } }, ctx);
                 }else if(filedInfo && filedInfo.type === 'object'){
-                    fields.push(uiSchema.fields[column]);
+                    columnField = uiSchema.fields[column];
                 }
             } else {
                 if (uiSchema.fields[column]) {
-                    fields.push(Object.assign({}, uiSchema.fields[column], ctx));
+                    columnField = Object.assign({}, uiSchema.fields[column], ctx);
                 }
                 else if(ctx.extra){
                     // 配置列表视图extra_columns时允许字段是hidden的，hidden的字段在uiSchema.fields中不存在
-                    fields.push({
+                    columnField = {
                         extra: true,
                         name: column
-                    });
+                    };
                 }
             }
+            if(columnField){
+                // 列上的字段不认uiSchema.fields中定义的amis属性
+                columnField = Object.assign({}, columnField, {amis: undefined});
+                fields.push(columnField);
+            }
+
         } else if (_$1.isObject(column)) {
+            let columnField;
             if (column.field.indexOf('.') > 0) {
                 const fieldName = column.field.split('.')[0];
                 const displayName = column.field.split('.')[1];
@@ -13253,33 +13263,34 @@ async function convertColumnsToTableFields(columns, uiSchema, ctx = {}) {
                 if (filedInfo && (filedInfo.type === 'lookup' || filedInfo.type === 'master_detail') && _$1.isString(filedInfo.reference_to)) {
                     const rfUiSchema = await getUISchema(filedInfo.reference_to);
                     const rfFieldInfo = rfUiSchema.fields[displayName];
-                    fields.push(Object.assign({}, rfFieldInfo, ctx,
+                    columnField = Object.assign({}, rfFieldInfo, ctx,
                         { name: `${fieldName}__expand.${displayName}`, expand: true, expandInfo: { fieldName, displayName } },
                         {
                             width: column.width,
-                            wrap: column.wrap, // wrap = true 是没效果的
-                            amis: column.amis
+                            wrap: column.wrap // wrap = true 是没效果的
                         }
-                    ));
+                    );
                 }
             } else {
                 if (uiSchema.fields[column.field]) {
-                    fields.push(
-                        Object.assign({}, uiSchema.fields[column.field], ctx, {
-                            width: column.width,
-                            wrap: column.wrap, // wrap = true 是没效果的
-                            amis: column.amis
-                        })
-                    );
+                    columnField = Object.assign({}, uiSchema.fields[column.field], ctx, {
+                        width: column.width,
+                        wrap: column.wrap // wrap = true 是没效果的
+                    });
                 }
                 else if(ctx.extra){
                     // 配置列表视图extra_columns时允许字段是hidden的，hidden的字段在uiSchema.fields中不存在
-                    fields.push({
+                    columnField = {
                         extra: true,
                         name: column.field
-                    });
+                    };
                 }
             }
+            if(columnField){
+                // 列上的字段不认uiSchema.fields中定义的amis属性，用列上配置的amis覆盖
+                columnField = Object.assign({}, columnField, {amis: column.amis});
+                fields.push(columnField);
+            }
         }
     }
     return fields;
@@ -13393,7 +13404,7 @@ async function getRecordDetailSchema(objectName, appId, props = {}){
     };
     const content = {
         "type": "tabs",
-        "className": "steedos-record-tabs bg-white p-4 mt-3 border-y",
+        "className": "steedos-record-tabs bg-white p-4 mt-2",
         "contentClassName": "bg-none",
         "tabs": [
             detailed
@@ -14609,7 +14620,7 @@ async function lookupToAmisPicker(field, readonly, ctx){
         if(refObjectConfig.name === 'organizations'){
           labelFieldName = 'name';
         }
-        pickerSchema = await getTableSchema$1(tableFields, {
+        pickerSchema = await getTableSchema$1(refObjectConfig, tableFields, {
             labelFieldName,
             top:  top,
             isLookup: true,
@@ -15217,7 +15228,7 @@ async function getIdsPickerSchema(field, readonly, ctx){
             actions: false
         });
     }else {
-        pickerSchema = await getTableSchema$1(tableFields, {
+        pickerSchema = await getTableSchema$1(refObjectConfig, tableFields, {
             labelFieldName: refObjectConfig.NAME_FIELD_KEY,
             top:  top,
             isLookup: true,
@@ -16364,15 +16375,15 @@ var index = /*#__PURE__*/Object.freeze({
 /*
  * @Author: baozhoutao@steedos.com
  * @Date: 2022-05-26 16:02:08
- * @LastEditors: 殷亮辉 yinlianghui@hotoa.com
- * @LastEditTime: 2023-11-29 17:48:27
+ * @LastEditors: yinlianghui@hotoa.com yinlianghui@hotoa.com
+ * @LastEditTime: 2024-02-25 14:13:10
  * @Description: 
  */
 
 const getFieldSchemaArray = (formFields, ctx) => {
   let fieldSchemaArray = [];
   fieldSchemaArray.length = 0;
-  const recordId = ctx && ctx.recordId;
+  ctx && ctx.recordId;
 
   _$1__namespace.forEach(formFields, (field) => {
     if (!field.group || field.group == 'null' || field.group == '-')
@@ -16385,9 +16396,7 @@ const getFieldSchemaArray = (formFields, ctx) => {
     }
 
     let forceHidden = false;
-    if(!recordId && field.readonly && !ctx.isEditor){
-      // 新建记录时，只读字段先隐藏，后续支持显示后，即任务：https://github.com/steedos/steedos-platform/issues/3164 完成后再放开
-      // 表单只读时所有字段都是readonly，设计器中如果forceHidden会造成整个表单在只读的时候显示为空白了，所以要排除掉
+    if(ctx.omitReadonlyFields && field.readonly){
       forceHidden = true;
     }
 
@@ -16847,10 +16856,32 @@ async function getInputTableColumns(props) {
     // 实测过，直接不生成对应的隐藏column并不会对input-table值造成丢失问题，隐藏的列字段值能正常维护
 
     let fieldPrefix = props.fieldPrefix;
-    let fields = props.fields || [];
+    let fields = _$1.cloneDeep(props.fields || []);
     if (fieldPrefix) {
         fields = getTableFieldsWithoutFieldPrefix(fields, fieldPrefix);
     }
+    if (inlineEditMode == true) {
+        let popOverContainerSelector = "";
+        let popOverContainer = props.popOverContainer && props.popOverContainer();
+        //获取到当前input-table所处的popOverContainer（可能是modal-dialog中），
+        //给所有的下拉框字段配置popOverContainerSelector，使下拉框组件的弹出框挂载到当前dialog上，防止被dialog遮挡
+        if (popOverContainer) {
+            let classList = Array.prototype.slice.call(popOverContainer.parentElement.classList);
+            if (classList.includes('amis-dialog-widget')) {
+                popOverContainerSelector = '.' + classList.join('.') + ' .antd-Modal-content';
+            }
+        }
+        fields.forEach(function (field) {
+            //lookup存在下拉框模式；弹出模式用的是picker组件，不认popOverContainerSelector属性，所以统一加上
+            if (field.type == "select" || field.type == "lookup") {
+                field.amis = {
+                    ...field.amis,
+                    popOverContainerSelector
+                };
+            }
+        });
+    }
+    
     if (columns && columns.length) {
         return columns.map(function (column) {
             let field, extendColumnProps = {};
@@ -16900,7 +16931,7 @@ async function getInputTableColumns(props) {
     }
     else {
         return fields.map(function (field) {
-            let tableCell = getInputTableCell(field, showAsInlineEditMode);
+            let tableCell = getInputTableCell(field, showAsInlineEditMode); 
             tableCell.className = " whitespace-nowrap ";
             return tableCell;
         }) || [];
@@ -17867,7 +17898,7 @@ async function getButtonDelete(props) {
     return {
         "type": "dropdown-button",
         "level": "link",
-        "btnClassName": "text-gray-400",
+        "btnClassName": "text-gray-400 steedos-delete-button",
         "icon": "fa fa-trash-alt",
         "size": "xs",
         "hideCaret": true,
@@ -18030,11 +18061,11 @@ const getAmisInputTableSchema = async (props) => {
         }
     };
     if (buttonsForColumnOperations.length) {
-        inputTableSchema.columns.push({
+        inputTableSchema.columns.unshift({
             "name": "__op__",
             "type": "operation",
             "buttons": buttonsForColumnOperations,
-            "width": buttonsForColumnOperations.length > 1 ? "60px" : "20px"
+            "width": 1
         });
     }
     // if (showAsInlineEditMode) {
@@ -18083,6 +18114,18 @@ const getAmisInputTableSchema = async (props) => {
     }
     let className = "steedos-input-table";
 
+    if (props.showIndex) {
+        className += " steedos-show-index";
+    }
+
+    if (buttonsForColumnOperations.length) {
+        className += " steedos-has-operations";
+    }
+
+    if (props.enableTree) {
+        className += " steedos-tree-mode";
+    }
+
     if (typeof props.className == "object") {
         className = {
             [className]: "true",
@@ -22414,9 +22457,9 @@ var AmisAppMenu = function (props) { return __awaiter(void 0, void 0, void 0, fu
         if (!appId) {
             appId = data.context.appId || 'admin';
         }
-        badgeText = "${ss:keyvalues.badge.value | pick:".concat(appId, " | toInt}");
+        badgeText = "${keyvalues.badge.value | pick:".concat(appId, " | toInt}");
         if (appId == "approve_workflow") {
-            badgeText = "${ss:keyvalues.badge.value | pick:'workflow' | toInt}";
+            badgeText = "${keyvalues.badge.value | pick:'workflow' | toInt}";
         }
         if (links) {
             return [2 /*return*/, {
@@ -22433,7 +22476,7 @@ var AmisAppMenu = function (props) { return __awaiter(void 0, void 0, void 0, fu
             schemaApi: {
                 "method": "get",
                 "url": "${context.rootUrl}/service/api/apps/".concat(appId, "/menus"),
-                "adaptor": "\n                  try {\n                    //   console.log('payload====>', payload)\n                      if(payload.nav_schema){\n                        payload.data = payload.nav_schema;\n                        return payload\n                      }\n\n                      const data = { nav: [] };\n                      const stacked = ".concat(stacked, ";\n                      const showIcon = ").concat(showIcon, ";\n                      const selectedId = '").concat(selectedId, "';\n                      const tab_groups = payload.tab_groups;\n                      const locationPathname = window.location.pathname;\n                      var customTabId = \"\";\n                      var objectTabId = \"").concat(data.tabId, "\";\n                      if(stacked){\n                          _.each(_.groupBy(payload.children, 'group'), (tabs, groupName) => {\n                              if (groupName === 'undefined' || groupName === '') {\n                                  _.each(tabs, (tab) => {\n                                      if(locationPathname == tab.path){\n                                        customTabId = tab.id;\n                                      }else if(locationPathname.startsWith(tab.path + \"/\")){\n                                        objectTabId = tab.id;\n                                      }\n                                      data.nav.push({\n                                          \"label\": showIcon ? {\n                                            type: 'tpl',\n                                            tpl: `<span class='fill-slate-500 whitespace-normal leading-6 block -ml-px no-underline group flex items-center text-[14px] rounded-md'><svg class=\"mr-1 flex-shrink-0 h-6 w-6\"><use xlink:href=\"/assets/icons/standard-sprite/svg/symbols.svg#${tab.icon || 'account'}\"></use></svg>${tab.name}</span>`\n                                          } : tab.name,\n                                          \"to\": tab.path,\n                                          \"target\":tab.target,\n                                          \"id\": tab.id,\n                                          \"activeOn\": \"\\\\${tabId == '\"+ tab.id +\"'}\",\n                                          \"index\": tab.index\n                                          // active: selectedId === tab.id,\n                                      })\n                                  })\n                              } else {\n                                  var tabGroup = _.find(tab_groups, {\"group_name\": groupName});\n                                  data.nav.push({\n                                      \"label\": groupName,\n                                      \"unfolded\": tabGroup && tabGroup.default_open != false,\n                                      \"isGroup\": true,\n                                      \"children\": _.sortBy(_.map(tabs, (tab) => {\n                                            if(locationPathname == tab.path){\n                                                customTabId = tab.id;\n                                            }else if(locationPathname.startsWith(tab.path + \"/\")){\n                                                objectTabId = tab.id;\n                                            }\n                                            return {\n                                            \"label\": showIcon ? {\n                                                type: 'tpl',\n                                                tpl: `<span class='fill-slate-500 whitespace-normal leading-6 block -ml-px no-underline group flex items-center text-[14px] rounded-md'><svg class=\"mr-1 flex-shrink-0 h-6 w-6\"><use xlink:href=\"/assets/icons/standard-sprite/svg/symbols.svg#${tab.icon || 'account'}\"></use></svg>${tab.name}</span>`\n                                            }  : tab.name,\n                                            \"to\": tab.path,\n                                            \"target\":tab.target,\n                                            \"id\": tab.id,\n                                            \"activeOn\": \"\\\\${tabId == '\"+ tab.id +\"'}\",\n                                            \"index\": tab.index\n                                            // active: selectedId === tab.id,\n                                            }\n                                        }),(tab) => {return tab.index})\n                                  })   \n                              }\n                              });\n                        \n                      }else{\n                          _.each(payload.children, (tab)=>{\n                              if(locationPathname == tab.path){\n                                customTabId = tab.id;\n                              }else if(locationPathname.startsWith(tab.path + \"/\")){\n                                objectTabId = tab.id;\n                              }\n                              data.nav.push({\n                              \"label\": showIcon ? {\n                                  type: 'tpl',\n                                  tpl: `<span class='fill-slate-500 whitespace-normal leading-6 block -ml-px no-underline group flex items-center text-[14px] rounded-md'><svg class=\"mr-1 flex-shrink-0 h-6 w-6\"><use xlink:href=\"/assets/icons/standard-sprite/svg/symbols.svg#${tab.icon || 'account'}\"></use></svg>${tab.name}</span>`\n                              } : tab.name,\n                              \"to\": tab.path,\n                              \"target\":tab.target,\n                              \"id\": tab.id,\n                              \"activeOn\": \"\\\\${tabId == '\"+ tab.id +\"'}\",\n                              \"index\": tab.index\n                              // active: selectedId === tab.id,\n                              });\n                          })\n                      }\n                      //\u4EE5\u4E0B\u4E3Anav\u7B2C\u4E00\u5C42\u6392\u5E8F\uFF0C\u5305\u62EC\u5206\u7EC4\u4E0E\u9009\u9879\u5361\n                      // let groupLength = ((payload.tab_groups && payload.tab_groups.length) || 0) + 1000;\n                      data.nav = _.sortBy(data.nav, function(tab){\n                        if(tab.isGroup){\n                            return _.findIndex(payload.tab_groups, function(group){\n                                return group.group_name === tab.label;\n                            });\n                        }else{\n                            // \u6CA1\u6709\u5206\u7EC4\u7684\u9009\u9879\u5361\u6309index\u6392\u5217\u5728\u6709\u5206\u7EC4\u7684\u9009\u9879\u5361\u524D\u65B9\n                            return (tab.index || 0) - 1000;\n                        }\n                      })\n                      payload.data = {\n                        \"type\":\"service\",\n                        \"data\":{\n                            \"tabId\": customTabId || objectTabId,\n                            \"items\": data.nav\n                        },\n                        \"id\": \"appMenuService\",\n                        \"body\":{\n                            \"type\": \"nav\",\n                            className: \"").concat(className, " text-black\",\n                            \"stacked\": ").concat(stacked, ",\n                            \"overflow\": ").concat(JSON.stringify(overflow), ",\n                            \"indentSize\": ").concat(indentSize, ",\n                            \"source\": \"${items}\",\n                            //\u5DE6\u5C42\u663E\u793A\u65F6\u5BA1\u6279\u5355\u663E\u793Abadge\u6570\u91CF\n                            \"itemBadge\": {\n                                \"mode\": \"text\",\n                                \"text\": \"").concat(badgeText, "\",\n                                \"visibleOn\": \"${id == 'instance_tasks'}\",\n                                \"overflowCount\": 99,\n                                \"style\": stacked?{\n                                  \"right\": \"20%\",\n                                  \"margin-right\": \"-23px\",\n                                  \"height\": \"20px\",\n                                  \"border-radius\": \"10px\",\n                                  \"font-size\": \"16px\",\n                                  \"line-height\": \"18px\",\n                                  \"top\": \"50%\"\n                                }:{\n                                    \"transform\": \"translate(calc(50% - 17px), calc(-50% + 10px))\",\n                                    \"border-radius\": \"6.5px\",\n                                    \"height\": \"15px\",\n                                    \"line-height\": \"13px\",\n                                    \"padding\": \"0px 4px\",\n                                    \"font-size\": \"12px\"\n                                }\n                            },\n                            \"onEvent\": {\n                                \"click\": {\n                                    \"actions\": [\n                                        {\n                                            \"actionType\": \"setValue\",\n                                            \"componentId\": \"appMenuService\",\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                                            \"actionType\": \"custom\",\n                                            \"script\" : \"window.postMessage(Object.assign({type: 'nav.click', data: event.data.item}), '*');\"\n                                        }\n                                    ]\n                                },\n                                \"@tabId.changed\":{\n                                    \"actions\":[\n                                        {\n                                            \"actionType\": \"setValue\",\n                                            \"componentId\": \"appMenuService\",\n                                            \"args\": {\n                                                \"value\": {\n                                                    \"tabId\": \"${event.data.tabId}\",\n                                                    \"items\": data.nav\n                                                }\n                                            },\n                                            \"expression\":\"${event.data.tabId}\"\n                                        },\n                                        {\n                                            \"actionType\": \"custom\",\n                                            \"script\" : \"window.postMessage(Object.assign({type: 'nav.click', data: event.data.item}), '*');\"\n                                        }\n                                    ]\n                                }\n                            }\n                        }\n                      };\n                  } catch (error) {\n                      console.log(`error`, error)\n                  }\n                //   console.log('payload===2==>', payload)\n                  return payload;\n            "),
+                "adaptor": "\n                  try {\n                    //   console.log('payload====>', payload)\n                      if(payload.nav_schema){\n                        payload.data = payload.nav_schema;\n                        return payload\n                      }\n\n                      const data = { nav: [] };\n                      const stacked = ".concat(stacked, ";\n                      const showIcon = ").concat(showIcon, ";\n                      const selectedId = '").concat(selectedId, "';\n                      const tab_groups = payload.tab_groups;\n                      const locationPathname = window.location.pathname;\n                      var customTabId = \"\";\n                      var objectTabId = \"").concat(data.tabId, "\";\n                      if(stacked){\n                          _.each(_.groupBy(payload.children, 'group'), (tabs, groupName) => {\n                              if (groupName === 'undefined' || groupName === '') {\n                                  _.each(tabs, (tab) => {\n                                      if(locationPathname == tab.path){\n                                        customTabId = tab.id;\n                                      }else if(locationPathname.startsWith(tab.path + \"/\")){\n                                        objectTabId = tab.id;\n                                      }\n                                      data.nav.push({\n                                          \"label\": showIcon ? {\n                                            type: 'tpl',\n                                            tpl: `<span class='fill-slate-500 whitespace-normal leading-6 block -ml-px no-underline group flex items-center text-[14px] rounded-md'><svg class=\"mr-1 flex-shrink-0 h-6 w-6\"><use xlink:href=\"/assets/icons/standard-sprite/svg/symbols.svg#${tab.icon || 'account'}\"></use></svg>${tab.name}</span>`\n                                          } : tab.name,\n                                          \"to\": tab.path,\n                                          \"target\":tab.target,\n                                          \"id\": tab.id,\n                                          \"activeOn\": \"\\\\${tabId == '\"+ tab.id +\"'}\",\n                                          \"index\": tab.index\n                                          // active: selectedId === tab.id,\n                                      })\n                                  })\n                              } else {\n                                  var tabGroup = _.find(tab_groups, {\"group_name\": groupName});\n                                  data.nav.push({\n                                      \"label\": groupName,\n                                      \"unfolded\": tabGroup && tabGroup.default_open != false,\n                                      \"isGroup\": true,\n                                      \"children\": _.sortBy(_.map(tabs, (tab) => {\n                                            if(locationPathname == tab.path){\n                                                customTabId = tab.id;\n                                            }else if(locationPathname.startsWith(tab.path + \"/\")){\n                                                objectTabId = tab.id;\n                                            }\n                                            return {\n                                            \"label\": showIcon ? {\n                                                type: 'tpl',\n                                                tpl: `<span class='fill-slate-500 whitespace-normal leading-6 block -ml-px no-underline group flex items-center text-[14px] rounded-md'><svg class=\"mr-1 flex-shrink-0 h-6 w-6\"><use xlink:href=\"/assets/icons/standard-sprite/svg/symbols.svg#${tab.icon || 'account'}\"></use></svg>${tab.name}</span>`\n                                            }  : tab.name,\n                                            \"to\": tab.path,\n                                            \"target\":tab.target,\n                                            \"id\": tab.id,\n                                            \"activeOn\": \"\\\\${tabId == '\"+ tab.id +\"'}\",\n                                            \"index\": tab.index\n                                            // active: selectedId === tab.id,\n                                            }\n                                        }),(tab) => {return tab.index})\n                                  })   \n                              }\n                              });\n                        \n                      }else{\n                          _.each(payload.children, (tab)=>{\n                              if(locationPathname == tab.path){\n                                customTabId = tab.id;\n                              }else if(locationPathname.startsWith(tab.path + \"/\")){\n                                objectTabId = tab.id;\n                              }\n                              data.nav.push({\n                              \"label\": showIcon ? {\n                                  type: 'tpl',\n                                  tpl: `<span class='fill-slate-500 whitespace-normal leading-6 block -ml-px no-underline group flex items-center text-[14px] rounded-md'><svg class=\"mr-1 flex-shrink-0 h-6 w-6\"><use xlink:href=\"/assets/icons/standard-sprite/svg/symbols.svg#${tab.icon || 'account'}\"></use></svg>${tab.name}</span>`\n                              } : tab.name,\n                              \"to\": tab.path,\n                              \"target\":tab.target,\n                              \"id\": tab.id,\n                              \"activeOn\": \"\\\\${tabId == '\"+ tab.id +\"'}\",\n                              \"index\": tab.index\n                              // active: selectedId === tab.id,\n                              });\n                          })\n                      }\n                      //\u4EE5\u4E0B\u4E3Anav\u7B2C\u4E00\u5C42\u6392\u5E8F\uFF0C\u5305\u62EC\u5206\u7EC4\u4E0E\u9009\u9879\u5361\n                      // let groupLength = ((payload.tab_groups && payload.tab_groups.length) || 0) + 1000;\n                      data.nav = _.sortBy(data.nav, function(tab){\n                        if(tab.isGroup){\n                            return _.findIndex(payload.tab_groups, function(group){\n                                return group.group_name === tab.label;\n                            });\n                        }else{\n                            // \u6CA1\u6709\u5206\u7EC4\u7684\u9009\u9879\u5361\u6309index\u6392\u5217\u5728\u6709\u5206\u7EC4\u7684\u9009\u9879\u5361\u524D\u65B9\n                            return (tab.index || 0) - 1000;\n                        }\n                      })\n                      payload.data = {\n                        \"type\":\"service\",\n                        \"data\":{\n                            \"tabId\": customTabId || objectTabId,\n                            \"items\": data.nav,\n                            \"keyvalues\": \"${ss:keyvalues}\"\n                        },\n                        \"id\": \"appMenuService\",\n                        \"onEvent\": {\n                            \"@data.changed.steedos_keyvalues\": {\n                                \"actions\": [\n                                    {\n                                        \"actionType\": \"setValue\",\n                                        \"args\": {\n                                            \"value\": {\n                                                \"keyvalues\": \"${event.data.keyvalues}\"\n                                            }\n                                        }\n                                    }\n                                ]\n                            }\n                        },\n                        \"body\":{\n                            \"type\": \"nav\",\n                            className: \"").concat(className, " text-black\",\n                            \"stacked\": ").concat(stacked, ",\n                            \"overflow\": ").concat(JSON.stringify(overflow), ",\n                            \"indentSize\": ").concat(indentSize, ",\n                            \"source\": \"${items}\",\n                            //\u5DE6\u5C42\u663E\u793A\u65F6\u5BA1\u6279\u5355\u663E\u793Abadge\u6570\u91CF\n                            \"itemBadge\": {\n                                \"mode\": \"text\",\n                                \"text\": \"").concat(badgeText, "\",\n                                \"visibleOn\": \"${id == 'instance_tasks'}\",\n                                \"overflowCount\": 99,\n                                \"style\": stacked?{\n                                  \"right\": \"20%\",\n                                  \"margin-right\": \"-23px\",\n                                  \"height\": \"20px\",\n                                  \"border-radius\": \"10px\",\n                                  \"font-size\": \"16px\",\n                                  \"line-height\": \"18px\",\n                                  \"top\": \"50%\"\n                                }:{\n                                    \"transform\": \"translate(calc(50% - 17px), calc(-50% + 10px))\",\n                                    \"border-radius\": \"6.5px\",\n                                    \"height\": \"15px\",\n                                    \"line-height\": \"13px\",\n                                    \"padding\": \"0px 4px\",\n                                    \"font-size\": \"12px\"\n                                }\n                            },\n                            \"onEvent\": {\n                                \"click\": {\n                                    \"actions\": [\n                                        {\n                                            \"actionType\": \"setValue\",\n                                            \"componentId\": \"appMenuService\",\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                                            \"actionType\": \"custom\",\n                                            \"script\" : \"window.postMessage(Object.assign({type: 'nav.click', data: event.data.item}), '*');\"\n                                        }\n                                    ]\n                                },\n                                \"@tabId.changed\":{\n                                    \"actions\":[\n                                        {\n                                            \"actionType\": \"setValue\",\n                                            \"componentId\": \"appMenuService\",\n                                            \"args\": {\n                                                \"value\": {\n                                                    \"tabId\": \"${event.data.tabId}\",\n                                                    \"items\": data.nav\n                                                }\n                                            },\n                                            \"expression\":\"${event.data.tabId}\"\n                                        },\n                                        {\n                                            \"actionType\": \"custom\",\n                                            \"script\" : \"window.postMessage(Object.assign({type: 'nav.click', data: event.data.item}), '*');\"\n                                        }\n                                    ]\n                                }\n                            }\n                        }\n                      };\n                  } catch (error) {\n                      console.log(`error`, error)\n                  }\n                //   console.log('payload===2==>', payload)\n                  return payload;\n            "),
                 "headers": {
                     "Authorization": "Bearer ${context.tenantId},${context.authToken}"
                 }
@@ -22552,6 +22595,7 @@ var AmisGlobalHeaderToolbar = function (props) { return __awaiter(void 0, void 0
                     },
                     {
                         "type": "dropdown-button",
+                        "visibleOn": "${window:innerWidth > 768}",
                         "label": false,
                         "trigger": "click",
                         "level": "link",
@@ -24022,7 +24066,7 @@ var AmisInputTable = function (props) { return __awaiter(void 0, void 0, void 0,
     return __generator(this, function (_a) {
         switch (_a.label) {
             case 0:
-                props.$schema, props.fields, props.name, props.id, props.data, props.columns, props.amis, props.className, props.tableClassName, props.headerToolbar, props.footerToolbar, props.inlineEditMode, props.strictMode, props.dialog, props.primaryKey, props.showOperation, props.fieldPrefix, props.autoGeneratePrimaryKeyValue, props.mode, props.disabledOn, props.disabled, props.visibleOn, props.visible, props.hiddenOn, props.hidden, props.enableDialog;
+                props.$schema, props.fields, props.name, props.id, props.data, props.columns, props.amis, props.className, props.tableClassName, props.headerToolbar, props.footerToolbar, props.inlineEditMode, props.strictMode, props.dialog, props.primaryKey, props.showOperation, props.fieldPrefix, props.autoGeneratePrimaryKeyValue, props.mode, props.disabledOn, props.disabled, props.visibleOn, props.visible, props.hiddenOn, props.hidden, props.enableDialog, props.enableTree;
                 extendProps = {};
                 if (props.disabledOn || props.disabled) {
                     extendProps["addable"] = false;