@steedos-widgets/amis-object 6.3.0-beta.8 → 6.3.0-beta.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1037,6 +1037,9 @@ fieldset.antd-Collapse > legend{
1037
1037
  .bg-none {
1038
1038
  background-image: none
1039
1039
  }
1040
+ .\!fill-white {
1041
+ fill: #fff !important
1042
+ }
1040
1043
  .fill-gray-500 {
1041
1044
  fill: #6b7280
1042
1045
  }
@@ -1086,6 +1089,10 @@ fieldset.antd-Collapse > legend{
1086
1089
  padding-top: 0.625rem;
1087
1090
  padding-bottom: 0.625rem
1088
1091
  }
1092
+ .py-3 {
1093
+ padding-top: 0.75rem;
1094
+ padding-bottom: 0.75rem
1095
+ }
1089
1096
  .py-4 {
1090
1097
  padding-top: 1rem;
1091
1098
  padding-bottom: 1rem
@@ -1123,9 +1130,6 @@ fieldset.antd-Collapse > legend{
1123
1130
  .pt-2 {
1124
1131
  padding-top: 0.5rem
1125
1132
  }
1126
- .pt-4 {
1127
- padding-top: 1rem
1128
- }
1129
1133
  .text-left {
1130
1134
  text-align: left
1131
1135
  }
@@ -2428,6 +2432,25 @@ body.steedos {
2428
2432
  min-height: var(--Nav-Item-height);
2429
2433
  height: unset;
2430
2434
  }
2435
+ .steedos-app-menu.stacked .antd-Nav-Menu .antd-Nav-Menu-submenu-selected > .antd-Nav-Menu-submenu-title .antd-Nav-Menu-item-label {
2436
+ color: black;
2437
+ }
2438
+ .steedos-app-menu.stacked a,
2439
+ .steedos-app-menu.stacked a:hover,
2440
+ .steedos-app-menu.stacked a:active,
2441
+ .steedos-app-menu.stacked a:focus {
2442
+ color: black;
2443
+ }
2444
+ .steedos-app-menu.stacked .antd-Nav-Menu-item-active .antd-Nav-Menu-item-label,
2445
+ .steedos-app-menu.stacked .antd-Nav-Menu-item-active .antd-Nav-Menu-item-icon,
2446
+ .steedos-app-menu.stacked .antd-Nav-Menu-item-active .antd-Nav-Menu-item-icon-after,
2447
+ .steedos-app-menu.stacked .antd-Nav-Menu-item-active .antd-Nav-Menu-submenu-arrow {
2448
+ color: black;
2449
+ }
2450
+ .steedos-app-menu.stacked .antd-Nav-SearchBox.is-active {
2451
+ width: calc(100% - 1rem);
2452
+ margin: 0 0.5rem;
2453
+ }
2431
2454
 
2432
2455
  #steedosGlobalFooterRoot .steedos-global-footer {
2433
2456
  height: 4rem;
@@ -5513,7 +5513,7 @@ async function getTableColumns$1(object, fields, options){
5513
5513
  "title": " ",
5514
5514
  "headerClassName": "hidden",
5515
5515
  "size": "lg",
5516
- "bodyClassName": "p-0 m-0",
5516
+ "bodyClassName": "p-0 m-0 bg-gray-100",
5517
5517
  "closeOnEsc": true,
5518
5518
  "closeOnOutside": true,
5519
5519
  "resizable": true,
@@ -13302,15 +13302,15 @@ async function getListSchema(
13302
13302
  async function convertColumnsToTableFields(columns, uiSchema, ctx = {}) {
13303
13303
  let fields = [];
13304
13304
  for (const column of columns) {
13305
+ let columnField, fieldName, displayName, filedInfo, rfUiSchema, rfFieldInfo;
13305
13306
  if (_$1.isString(column)) {
13306
- let columnField;
13307
13307
  if (column.indexOf('.') > 0) {
13308
- const fieldName = column.split('.')[0];
13309
- const displayName = column.split('.')[1];
13310
- const filedInfo = uiSchema.fields[fieldName];
13308
+ fieldName = column.split('.')[0];
13309
+ displayName = column.split('.')[1];
13310
+ filedInfo = uiSchema.fields[fieldName];
13311
13311
  if (filedInfo && (filedInfo.type === 'lookup' || filedInfo.type === 'master_detail') && _$1.isString(filedInfo.reference_to)) {
13312
- const rfUiSchema = await getUISchema(filedInfo.reference_to);
13313
- const rfFieldInfo = rfUiSchema.fields[displayName];
13312
+ rfUiSchema = await getUISchema(filedInfo.reference_to);
13313
+ rfFieldInfo = rfUiSchema.fields[displayName];
13314
13314
  columnField = Object.assign({}, rfFieldInfo, { name: `${fieldName}__expand.${displayName}`, expand: true, expandInfo: { fieldName, displayName } }, ctx);
13315
13315
  }else if(filedInfo && filedInfo.type === 'object'){
13316
13316
  columnField = uiSchema.fields[column];
@@ -13334,14 +13334,13 @@ async function convertColumnsToTableFields(columns, uiSchema, ctx = {}) {
13334
13334
  }
13335
13335
 
13336
13336
  } else if (_$1.isObject(column)) {
13337
- let columnField;
13338
13337
  if (column.field.indexOf('.') > 0) {
13339
- const fieldName = column.field.split('.')[0];
13340
- const displayName = column.field.split('.')[1];
13341
- const filedInfo = uiSchema.fields[fieldName];
13338
+ fieldName = column.field.split('.')[0];
13339
+ displayName = column.field.split('.')[1];
13340
+ filedInfo = uiSchema.fields[fieldName];
13342
13341
  if (filedInfo && (filedInfo.type === 'lookup' || filedInfo.type === 'master_detail') && _$1.isString(filedInfo.reference_to)) {
13343
- const rfUiSchema = await getUISchema(filedInfo.reference_to);
13344
- const rfFieldInfo = rfUiSchema.fields[displayName];
13342
+ rfUiSchema = await getUISchema(filedInfo.reference_to);
13343
+ rfFieldInfo = rfUiSchema.fields[displayName];
13345
13344
  columnField = Object.assign({}, rfFieldInfo, ctx,
13346
13345
  { name: `${fieldName}__expand.${displayName}`, expand: true, expandInfo: { fieldName, displayName } },
13347
13346
  {
@@ -13483,7 +13482,7 @@ async function getRecordDetailSchema(objectName, appId, props = {}){
13483
13482
  };
13484
13483
  const content = {
13485
13484
  "type": "tabs",
13486
- "className": "steedos-record-tabs bg-white p-4 mt-2",
13485
+ "className": "steedos-record-tabs bg-white p-4 m-2 border rounded",
13487
13486
  "contentClassName": "bg-none",
13488
13487
  "tabs": [
13489
13488
  detailed
@@ -14601,7 +14600,7 @@ async function lookupToAmisPicker(field, readonly, ctx){
14601
14600
  // 如果当前元素不是数组,则处理该元素
14602
14601
  // 下面正则用于匹配amis公式\${}
14603
14602
  if(/\\\$\\\{([^}]*)\\\}/.test(arr[i])) {
14604
- arr[i] = currentAmis.evaluate(arr[i], api.data.$);
14603
+ arr[i] = currentAmis.evaluate(arr[i], api.data.$self);
14605
14604
  }
14606
14605
  }
14607
14606
  }
@@ -15018,7 +15017,7 @@ async function lookupToAmisSelect(field, readonly, ctx){
15018
15017
  // 如果当前元素不是数组,则处理该元素
15019
15018
  // 下面正则用于匹配amis公式\${}
15020
15019
  if(/\\\$\\\{([^}]*)\\\}/.test(arr[i])) {
15021
- arr[i] = currentAmis.evaluate(arr[i], api.data.$);
15020
+ arr[i] = currentAmis.evaluate(arr[i], api.data.$self);
15022
15021
  }
15023
15022
  }
15024
15023
  }
@@ -22661,7 +22660,7 @@ var AmisAppMenu = function (props) { return __awaiter(void 0, void 0, void 0, fu
22661
22660
  schemaApi: {
22662
22661
  "method": "get",
22663
22662
  "url": "${context.rootUrl}/service/api/apps/".concat(appId, "/menus"),
22664
- "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 "),
22663
+ "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 tab.iconClass = (tab.icon || 'account').replaceAll('_', '-');\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='whitespace-normal leading-6 block no-underline group flex items-center text-[14px] rounded-md'><svg class=\"slds-icon_container slds-icon-standard-${ tab.iconClass } slds-icon !fill-white rounded-xl mr-2 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 \"searchKey\": 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 tab.iconClass = (tab.icon || 'account').replaceAll('_', '-');\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='whitespace-normal leading-6 block no-underline group flex items-center text-[14px] rounded-md'><svg class=\"slds-icon_container slds-icon-standard-${ tab.iconClass } !fill-white slds-icon rounded-xl mr-2 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 \"searchKey\": 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 tab.iconClass = (tab.icon || 'account').replaceAll('_', '-');\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='whitespace-normal leading-6 block no-underline group flex items-center text-[14px] rounded-md'><svg class=\"slds-icon_container slds-icon-standard-${ tab.iconClass } slds-icon !fill-white rounded-xl mr-2 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 \"searchKey\": 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 \"searchable\": ").concat(stacked, ",\n \"searchConfig\": {\n \"placeholder\": \"\u641C\u7D22\u83DC\u5355\",\n \"matchFunc\": \"return link.searchKey && link.searchKey.indexOf(keyword)>=0;\"\n },\n className: \"").concat(className, " text-black steedos-app-menu ").concat(stacked ? 'stacked' : '', "\",\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 "),
22665
22664
  "headers": {
22666
22665
  "Authorization": "Bearer ${context.tenantId},${context.authToken}"
22667
22666
  }
@@ -23361,7 +23360,7 @@ var AmisGlobalHeader = function (props) { return __awaiter(void 0, void 0, void
23361
23360
  body: [
23362
23361
  {
23363
23362
  type: "wrapper",
23364
- className: 'sidebar-wrapper px-0 pt-4 pb-16 fixed z-20 h-full h-fill ease-in-out duration-300 flex flex-col border-r overflow-y-auto bg-white border-gray-300 block -translate-x-0 sm:w-[220px] w-64',
23363
+ className: 'sidebar-wrapper px-0 py-3 pb-16 fixed z-20 h-full h-fill ease-in-out duration-300 flex flex-col border-r overflow-y-auto bg-gray-50 border-gray-200 block -translate-x-0 sm:w-[220px] w-64',
23365
23364
  body: [
23366
23365
  {
23367
23366
  "type": "steedos-app-launcher",
@@ -23471,7 +23470,7 @@ var REFERENCE_VALUE_ITEM_ONCLICK = {
23471
23470
  "title": "&nbsp;",
23472
23471
  "headerClassName": "hidden",
23473
23472
  "size": "lg",
23474
- "bodyClassName": "p-0 m-0",
23473
+ "bodyClassName": "p-0 m-0 bg-gray-100",
23475
23474
  "closeOnEsc": true,
23476
23475
  "closeOnOutside": true,
23477
23476
  "resizable": true,
@@ -24409,7 +24408,7 @@ var PageRecordDetail = function (props) { return __awaiter(void 0, void 0, void
24409
24408
  recordPage = _a.sent();
24410
24409
  recordSchema = recordPage ? recordPage.schema : {
24411
24410
  "type": "wrapper",
24412
- "className": "steedos-record-content overflow-y-auto p-0 m-0 flex-1 h-full",
24411
+ "className": "steedos-record-content overflow-y-auto p-0 m-0 flex-1 h-full bg-gray-100",
24413
24412
  "name": "amis-".concat(appId, "-").concat(objectApiName, "-detail"),
24414
24413
  "body": [
24415
24414
  {