super-page-runtime 2.2.72 → 2.2.77-sit1

package/dist/es/style.css

@@ -1,300 +1,387 @@
-.runtime-page-container[data-v-77c66c57] {
+.amb-super-page-runtime-dialog-view .el-dialog__body iframe, .amb-super-page-runtime-dialog-view .el-dialog__body .amb-super-page-runtime-dialog-iframe {
+  width: calc(100% + var(--el-dialog-padding-primary, 16px) * 2);
+  height: calc(100vh - 40px - var(--el-dialog-padding-primary, 16px) * 1);
+  margin: 0;
+  padding: 0;
+  border: 0;
+  display: block;
+  margin-left: calc(var(--el-dialog-padding-primary, 16px) * -1);
+  margin-bottom: calc(var(--el-dialog-padding-primary, 16px) * -1);
+  margin-right: calc(var(--el-dialog-padding-primary, 16px) * -1);
+}
+.amb-super-page-runtime-dialog-view .el-dialog__body .runtime-page-container {
+  height: auto;
+  max-height: calc(100vh - 40px - var(--el-dialog-padding-primary, 16px) * 2);
+}
+.amb-super-page-runtime-dialog-view:not(.is-fullscreen):not(.is-align-center) {
+  margin-top: 15px;
+  margin-bottom: 15px;
+}
+.amb-super-page-runtime-dialog-view:not(.is-fullscreen) .el-dialog__body iframe, .amb-super-page-runtime-dialog-view:not(.is-fullscreen) .el-dialog__body .amb-super-page-runtime-dialog-iframe {
+  width: calc(100% + var(--el-dialog-padding-primary, 16px) * 2);
+  height: calc(100vh - 40px - 30px - var(--el-dialog-padding-primary, 16px) * 1);
+  margin: 0;
+  padding: 0;
+  border: 0;
+  display: block;
+  margin-left: calc(var(--el-dialog-padding-primary, 16px) * -1);
+  margin-bottom: calc(var(--el-dialog-padding-primary, 16px) * -1);
+  margin-right: calc(var(--el-dialog-padding-primary, 16px) * -1);
+}
+.amb-super-page-runtime-dialog-view:not(.is-fullscreen) .el-dialog__body .runtime-page-container {
+  max-height: calc(100vh - 40px - 30px - var(--el-dialog-padding-primary, 16px) * 2);
+}
+.amb-super-page-runtime-drawer-view > .el-drawer__header {
+  padding-top: 0;
+  padding-bottom: 0;
+  min-height: 40px;
+  display: flex;
+  align-items: center;
+  gap: 15px;
+}
+.amb-super-page-runtime-drawer-view .el-drawer__body iframe, .amb-super-page-runtime-drawer-view .el-drawer__body .amb-super-page-runtime-drawer-iframe {
+  width: calc(100% + var(--el-drawer-padding-primary, 16px) * 2);
+  height: calc(100vh - 40px - var(--el-drawer-padding-primary, 16px) * 1);
+  margin: 0;
+  padding: 0;
+  border: 0;
+  display: block;
+  margin-left: calc(var(--el-drawer-padding-primary, 16px) * -1);
+  margin-bottom: calc(var(--el-drawer-padding-primary, 16px) * -1);
+  margin-right: calc(var(--el-drawer-padding-primary, 16px) * -1);
+}
+.amb-super-page-runtime-drawer-view .el-drawer__body .runtime-page-container {
+  max-height: calc(100vh - 40px - var(--el-drawer-padding-primary, 16px) * 2);
+}.runtime-page-container[data-v-43b6d6e8] {
   overflow: auto;
-  height: 100%;
   max-height: 100vh;
-  padding: var(--runtime-page-container-padding, 15px);
+  padding: var(--app-main-padding, 15px);
+  background-color: #fff;
+  height: calc(100vh - var(--dec-page-main-padding, 15px) * 2);
 }
 @media (max-width: 768px) {
-.runtime-page-container[data-v-77c66c57] .el-col-1 {
+.runtime-page-container[data-v-43b6d6e8] .el-col-1 {
     flex: 0 0 100%;
     max-width: 100%;
 }
 }
-.runtime-page-container[data-v-77c66c57] .el-col-1 > .el-form-item:only-child {
+.runtime-page-container[data-v-43b6d6e8] .el-col-1 > .el-form-item:only-child {
   margin-bottom: 0;
 }
-.runtime-page-container[data-v-77c66c57] .el-col-2 {
+.runtime-page-container[data-v-43b6d6e8] .el-col-2 {
   flex: 0 0 calc(2 / 24 * (100% - (24 / 2 - 1) * var(--layout-form-flex-gap, 15px)));
   max-width: calc(2 / 24 * (100% - (24 / 2 - 1) * var(--layout-form-flex-gap, 15px)));
 }
 @media (max-width: 768px) {
-.runtime-page-container[data-v-77c66c57] .el-col-2 {
+.runtime-page-container[data-v-43b6d6e8] .el-col-2 {
     flex: 0 0 100%;
     max-width: 100%;
 }
 }
-.runtime-page-container[data-v-77c66c57] .el-col-2 > .el-form-item:only-child {
+.runtime-page-container[data-v-43b6d6e8] .el-col-2 > .el-form-item:only-child {
   margin-bottom: 0;
 }
 @media (max-width: 768px) {
-.runtime-page-container[data-v-77c66c57] .el-col-3 {
+.runtime-page-container[data-v-43b6d6e8] .el-col-3 {
     flex: 0 0 100%;
     max-width: 100%;
 }
 }
-.runtime-page-container[data-v-77c66c57] .el-col-3 > .el-form-item:only-child {
+.runtime-page-container[data-v-43b6d6e8] .el-col-3 > .el-form-item:only-child {
   margin-bottom: 0;
 }
-.runtime-page-container[data-v-77c66c57] .el-col-4 {
+.runtime-page-container[data-v-43b6d6e8] .el-col-4 {
   flex: 0 0 calc(4 / 24 * (100% - (24 / 4 - 1) * var(--layout-form-flex-gap, 15px)));
   max-width: calc(4 / 24 * (100% - (24 / 4 - 1) * var(--layout-form-flex-gap, 15px)));
 }
 @media (max-width: 768px) {
-.runtime-page-container[data-v-77c66c57] .el-col-4 {
+.runtime-page-container[data-v-43b6d6e8] .el-col-4 {
     flex: 0 0 100%;
     max-width: 100%;
 }
 }
-.runtime-page-container[data-v-77c66c57] .el-col-4 > .el-form-item:only-child {
+.runtime-page-container[data-v-43b6d6e8] .el-col-4 > .el-form-item:only-child {
   margin-bottom: 0;
 }
 @media (max-width: 768px) {
-.runtime-page-container[data-v-77c66c57] .el-col-5 {
+.runtime-page-container[data-v-43b6d6e8] .el-col-5 {
     flex: 0 0 100%;
     max-width: 100%;
 }
 }
-.runtime-page-container[data-v-77c66c57] .el-col-5 > .el-form-item:only-child {
+.runtime-page-container[data-v-43b6d6e8] .el-col-5 > .el-form-item:only-child {
   margin-bottom: 0;
 }
-.runtime-page-container[data-v-77c66c57] .el-col-6 {
+.runtime-page-container[data-v-43b6d6e8] .el-col-6 {
   flex: 0 0 calc(6 / 24 * (100% - (24 / 6 - 1) * var(--layout-form-flex-gap, 15px)));
   max-width: calc(6 / 24 * (100% - (24 / 6 - 1) * var(--layout-form-flex-gap, 15px)));
 }
 @media (max-width: 768px) {
-.runtime-page-container[data-v-77c66c57] .el-col-6 {
+.runtime-page-container[data-v-43b6d6e8] .el-col-6 {
     flex: 0 0 100%;
     max-width: 100%;
 }
 }
-.runtime-page-container[data-v-77c66c57] .el-col-6 > .el-form-item:only-child {
+.runtime-page-container[data-v-43b6d6e8] .el-col-6 > .el-form-item:only-child {
   margin-bottom: 0;
 }
 @media (max-width: 768px) {
-.runtime-page-container[data-v-77c66c57] .el-col-7 {
+.runtime-page-container[data-v-43b6d6e8] .el-col-7 {
     flex: 0 0 100%;
     max-width: 100%;
 }
 }
-.runtime-page-container[data-v-77c66c57] .el-col-7 > .el-form-item:only-child {
+.runtime-page-container[data-v-43b6d6e8] .el-col-7 > .el-form-item:only-child {
   margin-bottom: 0;
 }
-.runtime-page-container[data-v-77c66c57] .el-col-8 {
+.runtime-page-container[data-v-43b6d6e8] .el-col-8 {
   flex: 0 0 calc(8 / 24 * (100% - (24 / 8 - 1) * var(--layout-form-flex-gap, 15px)));
   max-width: calc(8 / 24 * (100% - (24 / 8 - 1) * var(--layout-form-flex-gap, 15px)));
 }
 @media (max-width: 768px) {
-.runtime-page-container[data-v-77c66c57] .el-col-8 {
+.runtime-page-container[data-v-43b6d6e8] .el-col-8 {
     flex: 0 0 100%;
     max-width: 100%;
 }
 }
-.runtime-page-container[data-v-77c66c57] .el-col-8 > .el-form-item:only-child {
+.runtime-page-container[data-v-43b6d6e8] .el-col-8 > .el-form-item:only-child {
   margin-bottom: 0;
 }
 @media (max-width: 768px) {
-.runtime-page-container[data-v-77c66c57] .el-col-9 {
+.runtime-page-container[data-v-43b6d6e8] .el-col-9 {
     flex: 0 0 100%;
     max-width: 100%;
 }
 }
-.runtime-page-container[data-v-77c66c57] .el-col-9 > .el-form-item:only-child {
+.runtime-page-container[data-v-43b6d6e8] .el-col-9 > .el-form-item:only-child {
   margin-bottom: 0;
 }
+.runtime-page-container[data-v-43b6d6e8] .el-col-10 {
+  flex: 0 0 calc(10 / 24 * (100% - 1 * var(--layout-form-flex-gap, 15px)));
+  max-width: calc(10 / 24 * (100% - 1 * var(--layout-form-flex-gap, 15px)));
+}
 @media (max-width: 768px) {
-.runtime-page-container[data-v-77c66c57] .el-col-10 {
+.runtime-page-container[data-v-43b6d6e8] .el-col-10 {
     flex: 0 0 100%;
     max-width: 100%;
 }
 }
-.runtime-page-container[data-v-77c66c57] .el-col-10 > .el-form-item:only-child {
+.runtime-page-container[data-v-43b6d6e8] .el-col-10 > .el-form-item:only-child {
   margin-bottom: 0;
 }
 @media (max-width: 768px) {
-.runtime-page-container[data-v-77c66c57] .el-col-11 {
+.runtime-page-container[data-v-43b6d6e8] .el-col-11 {
     flex: 0 0 100%;
     max-width: 100%;
 }
 }
-.runtime-page-container[data-v-77c66c57] .el-col-11 > .el-form-item:only-child {
+.runtime-page-container[data-v-43b6d6e8] .el-col-11 > .el-form-item:only-child {
   margin-bottom: 0;
 }
-.runtime-page-container[data-v-77c66c57] .el-col-12 {
+.runtime-page-container[data-v-43b6d6e8] .el-col-12 {
   flex: 0 0 calc(12 / 24 * (100% - (24 / 12 - 1) * var(--layout-form-flex-gap, 15px)));
   max-width: calc(12 / 24 * (100% - (24 / 12 - 1) * var(--layout-form-flex-gap, 15px)));
 }
 @media (max-width: 768px) {
-.runtime-page-container[data-v-77c66c57] .el-col-12 {
+.runtime-page-container[data-v-43b6d6e8] .el-col-12 {
     flex: 0 0 100%;
     max-width: 100%;
 }
 }
-.runtime-page-container[data-v-77c66c57] .el-col-12 > .el-form-item:only-child {
+.runtime-page-container[data-v-43b6d6e8] .el-col-12 > .el-form-item:only-child {
   margin-bottom: 0;
 }
 @media (max-width: 768px) {
-.runtime-page-container[data-v-77c66c57] .el-col-13 {
+.runtime-page-container[data-v-43b6d6e8] .el-col-13 {
     flex: 0 0 100%;
     max-width: 100%;
 }
 }
-.runtime-page-container[data-v-77c66c57] .el-col-13 > .el-form-item:only-child {
+.runtime-page-container[data-v-43b6d6e8] .el-col-13 > .el-form-item:only-child {
   margin-bottom: 0;
 }
-.runtime-page-container[data-v-77c66c57] .el-col-14 {
+.runtime-page-container[data-v-43b6d6e8] .el-col-14 {
   flex: 0 0 calc(14 / 24 * (100% - 1 * var(--layout-form-flex-gap, 15px)));
   max-width: calc(14 / 24 * (100% - 1 * var(--layout-form-flex-gap, 15px)));
 }
 @media (max-width: 768px) {
-.runtime-page-container[data-v-77c66c57] .el-col-14 {
+.runtime-page-container[data-v-43b6d6e8] .el-col-14 {
     flex: 0 0 100%;
     max-width: 100%;
 }
 }
-.runtime-page-container[data-v-77c66c57] .el-col-14 > .el-form-item:only-child {
+.runtime-page-container[data-v-43b6d6e8] .el-col-14 > .el-form-item:only-child {
   margin-bottom: 0;
 }
 @media (max-width: 768px) {
-.runtime-page-container[data-v-77c66c57] .el-col-15 {
+.runtime-page-container[data-v-43b6d6e8] .el-col-15 {
     flex: 0 0 100%;
     max-width: 100%;
 }
 }
-.runtime-page-container[data-v-77c66c57] .el-col-15 > .el-form-item:only-child {
+.runtime-page-container[data-v-43b6d6e8] .el-col-15 > .el-form-item:only-child {
   margin-bottom: 0;
 }
-.runtime-page-container[data-v-77c66c57] .el-col-16 {
+.runtime-page-container[data-v-43b6d6e8] .el-col-16 {
   flex: 0 0 calc(16 / 24 * (100% - 1 * var(--layout-form-flex-gap, 15px)));
   max-width: calc(16 / 24 * (100% - 1 * var(--layout-form-flex-gap, 15px)));
 }
 @media (max-width: 768px) {
-.runtime-page-container[data-v-77c66c57] .el-col-16 {
+.runtime-page-container[data-v-43b6d6e8] .el-col-16 {
     flex: 0 0 100%;
     max-width: 100%;
 }
 }
-.runtime-page-container[data-v-77c66c57] .el-col-16 > .el-form-item:only-child {
+.runtime-page-container[data-v-43b6d6e8] .el-col-16 > .el-form-item:only-child {
   margin-bottom: 0;
 }
 @media (max-width: 768px) {
-.runtime-page-container[data-v-77c66c57] .el-col-17 {
+.runtime-page-container[data-v-43b6d6e8] .el-col-17 {
     flex: 0 0 100%;
     max-width: 100%;
 }
 }
-.runtime-page-container[data-v-77c66c57] .el-col-17 > .el-form-item:only-child {
+.runtime-page-container[data-v-43b6d6e8] .el-col-17 > .el-form-item:only-child {
   margin-bottom: 0;
 }
-.runtime-page-container[data-v-77c66c57] .el-col-18 {
+.runtime-page-container[data-v-43b6d6e8] .el-col-18 {
   flex: 0 0 calc(18 / 24 * (100% - 1 * var(--layout-form-flex-gap, 15px)));
   max-width: calc(18 / 24 * (100% - 1 * var(--layout-form-flex-gap, 15px)));
 }
 @media (max-width: 768px) {
-.runtime-page-container[data-v-77c66c57] .el-col-18 {
+.runtime-page-container[data-v-43b6d6e8] .el-col-18 {
     flex: 0 0 100%;
     max-width: 100%;
 }
 }
-.runtime-page-container[data-v-77c66c57] .el-col-18 > .el-form-item:only-child {
+.runtime-page-container[data-v-43b6d6e8] .el-col-18 > .el-form-item:only-child {
   margin-bottom: 0;
 }
 @media (max-width: 768px) {
-.runtime-page-container[data-v-77c66c57] .el-col-19 {
+.runtime-page-container[data-v-43b6d6e8] .el-col-19 {
     flex: 0 0 100%;
     max-width: 100%;
 }
 }
-.runtime-page-container[data-v-77c66c57] .el-col-19 > .el-form-item:only-child {
+.runtime-page-container[data-v-43b6d6e8] .el-col-19 > .el-form-item:only-child {
   margin-bottom: 0;
 }
+.runtime-page-container[data-v-43b6d6e8] .el-col-20 {
+  flex: 0 0 calc(20 / 24 * (100% - 1 * var(--layout-form-flex-gap, 15px)));
+  max-width: calc(20 / 24 * (100% - 1 * var(--layout-form-flex-gap, 15px)));
+}
 @media (max-width: 768px) {
-.runtime-page-container[data-v-77c66c57] .el-col-20 {
+.runtime-page-container[data-v-43b6d6e8] .el-col-20 {
     flex: 0 0 100%;
     max-width: 100%;
 }
 }
-.runtime-page-container[data-v-77c66c57] .el-col-20 > .el-form-item:only-child {
+.runtime-page-container[data-v-43b6d6e8] .el-col-20 > .el-form-item:only-child {
   margin-bottom: 0;
 }
 @media (max-width: 768px) {
-.runtime-page-container[data-v-77c66c57] .el-col-21 {
+.runtime-page-container[data-v-43b6d6e8] .el-col-21 {
     flex: 0 0 100%;
     max-width: 100%;
 }
 }
-.runtime-page-container[data-v-77c66c57] .el-col-21 > .el-form-item:only-child {
+.runtime-page-container[data-v-43b6d6e8] .el-col-21 > .el-form-item:only-child {
   margin-bottom: 0;
 }
+.runtime-page-container[data-v-43b6d6e8] .el-col-22 {
+  flex: 0 0 calc(22 / 24 * (100% - 1 * var(--layout-form-flex-gap, 15px)));
+  max-width: calc(22 / 24 * (100% - 1 * var(--layout-form-flex-gap, 15px)));
+}
 @media (max-width: 768px) {
-.runtime-page-container[data-v-77c66c57] .el-col-22 {
+.runtime-page-container[data-v-43b6d6e8] .el-col-22 {
     flex: 0 0 100%;
     max-width: 100%;
 }
 }
-.runtime-page-container[data-v-77c66c57] .el-col-22 > .el-form-item:only-child {
+.runtime-page-container[data-v-43b6d6e8] .el-col-22 > .el-form-item:only-child {
   margin-bottom: 0;
 }
 @media (max-width: 768px) {
-.runtime-page-container[data-v-77c66c57] .el-col-23 {
+.runtime-page-container[data-v-43b6d6e8] .el-col-23 {
     flex: 0 0 100%;
     max-width: 100%;
 }
 }
-.runtime-page-container[data-v-77c66c57] .el-col-23 > .el-form-item:only-child {
+.runtime-page-container[data-v-43b6d6e8] .el-col-23 > .el-form-item:only-child {
   margin-bottom: 0;
 }
 @media (max-width: 768px) {
-.runtime-page-container[data-v-77c66c57] .el-col-24 {
+.runtime-page-container[data-v-43b6d6e8] .el-col-24 {
     flex: 0 0 100%;
     max-width: 100%;
 }
 }
-.runtime-page-container[data-v-77c66c57] .el-col-24 > .el-form-item:only-child {
+.runtime-page-container[data-v-43b6d6e8] .el-col-24 > .el-form-item:only-child {
   margin-bottom: 0;
 }
-.runtime-page-container[data-v-77c66c57] .runtime-page-container-view {
+.runtime-page-container[data-v-43b6d6e8] .runtime-page-container-view {
   display: flex;
-  flex-direction: column;
+  flex-direction: row;
+  align-items: flex-start;
   align-content: flex-start;
+  flex-wrap: wrap;
   gap: var(--runtime-page-container-view-gap, 15px);
   min-height: 100%;
   height: auto;
 }
-.runtime-page-container[data-v-77c66c57] .runtime-page-container-view .el-form {
+.runtime-page-container[data-v-43b6d6e8] .runtime-page-container-view[style*="padding: 10px"] {
+  padding: 0 !important;
+}
+.runtime-page-container[data-v-43b6d6e8] .runtime-page-container-view .el-form {
   width: 100%;
   display: flex;
   flex-wrap: wrap;
   gap: var(--runtime-page-container-view-gap, 15px);
 }
-.runtime-page-container[data-v-77c66c57] .runtime-page-container-view .el-form > div {
+.runtime-page-container[data-v-43b6d6e8] .runtime-page-container-view .el-form > div {
   width: 100%;
 }
-.runtime-page-container[data-v-77c66c57] .runtime-page-container-view > div {
+.runtime-page-container[data-v-43b6d6e8] .runtime-page-container-view .el-form > div[style*="display: inline-block"] {
+  width: auto;
+}
+.runtime-page-container[data-v-43b6d6e8] .runtime-page-container-view > div {
   width: 100%;
 }
-.runtime-page-container[data-v-77c66c57] .runtime-page-container-view > div[class*=el-col-], .runtime-page-container[data-v-77c66c57] .runtime-page-container-view > div[style="flex:"] {
+.runtime-page-container[data-v-43b6d6e8] .runtime-page-container-view > div[style*="display: inline-block"] {
+  width: auto;
+}
+.runtime-page-container[data-v-43b6d6e8] .runtime-page-container-view > div[class*=el-col-], .runtime-page-container[data-v-43b6d6e8] .runtime-page-container-view > div[style="flex:"] {
   flex: none !important;
 }
-.runtime-page-container[data-v-77c66c57] .runtime-page-container-view > .el-row[class*=el-col-] {
+.runtime-page-container[data-v-43b6d6e8] .runtime-page-container-view > [style*="display: inline-block"] {
+  width: auto;
+}
+.runtime-page-container[data-v-43b6d6e8] .runtime-page-container-view > .el-row[class*=el-col-] {
   flex: none;
 }
-.runtime-page-container[data-v-77c66c57] .runtime-page-container-view .el-row {
+.runtime-page-container[data-v-43b6d6e8] .runtime-page-container-view .el-row {
   gap: var(--layout-form-flex-gap, 15px);
 }
-.runtime-page-container[data-v-77c66c57] .runtime-page-container-view .el-row > div {
+.runtime-page-container[data-v-43b6d6e8] .runtime-page-container-view .el-row > div {
   width: 100%;
-}.yx-affix[data-v-d053fb6d]:has(.yx-affix-content:empty) {
+}
+.runtime-page-container[data-v-43b6d6e8] .runtime-page-container-view .el-row > div[style*="display: inline-block"] {
+  width: auto;
+}.yx-affix[data-v-a57b9445]:empty {
   display: none;
 }
-.yx-affix .yx-affix-content.is-fixed.is-top > .yx-fixed-box-container[data-v-d053fb6d] {
+.yx-affix .yx-affix-content[data-v-a57b9445]:empty {
+  display: none;
+}
+.yx-affix .yx-affix-content.is-fixed.is-top[data-v-a57b9445] {
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
 }
-.yx-affix .yx-affix-content.is-fixed.is-bottom > .yx-fixed-box-container[data-v-d053fb6d] {
+.yx-affix .yx-affix-content.is-fixed.is-bottom[data-v-a57b9445] {
   box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.2);
-}.yx-card-box-view-main[data-v-fc66efb1] > .el-card__header {
+}.yx-card-box-view-main[data-v-26138226] > .el-card__header {
   position: relative;
 }
-.yx-card-box-view-main .yx-card-box-view-header[data-v-fc66efb1] {
+.yx-card-box-view-main .yx-card-box-view-header[data-v-26138226] {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
@@ -302,12 +389,12 @@
   gap: 15px;
   flex: 1 1 auto;
 }
-.yx-card-box-view-main .yx-card-box-view-title[data-v-fc66efb1] {
+.yx-card-box-view-main .yx-card-box-view-title[data-v-26138226] {
   position: relative;
   z-index: 2;
   flex: 1 1 auto;
 }
-.yx-card-box-view-main .yx-card-box-view-title[data-v-fc66efb1]::after {
+.yx-card-box-view-main .yx-card-box-view-title[data-v-26138226]::after {
   content: " ";
   position: absolute;
   left: 0;
@@ -316,41 +403,69 @@
   right: 0;
   z-index: 0;
 }
-.yx-card-box-view-main[data-collapse=false][data-v-fc66efb1] > .el-card__body {
+.yx-card-box-view-main[data-collapse=false][data-v-26138226] > .el-card__body {
   display: none;
 }
-.yx-card-box-view-context[data-v-fc66efb1] {
+.yx-card-box-view-context[data-v-26138226] {
   gap: var(--layout-form-flex-gap, 15px);
 }
-.yx-card-box-view-context[data-v-fc66efb1] > div {
+.yx-card-box-view-context[data-v-26138226] > div {
   width: 100%;
 }
-.yx-card-box-view-context[data-v-fc66efb1] > .el-form-item {
+.yx-card-box-view-context[data-v-26138226] > div[style*="display: inline-block"] {
+  width: auto;
+}
+.yx-card-box-view-context[data-v-26138226] > .el-form-item {
   margin: 0;
 }
-.yx-card-box-view-context[data-v-fc66efb1] > .el-form-item[class*=el-col-8] {
+.yx-card-box-view-context[data-v-26138226] > .el-form-item[class*=el-col-8] {
   flex: 0 0 calc((100% - var(--layout-form-flex-gap, 15px) * 2) / 3);
 }
 @media (max-width: 768px) {
-.yx-card-box-view-context[data-v-fc66efb1] > .el-form-item[class*=el-col-8] {
+.yx-card-box-view-context[data-v-26138226] > .el-form-item[class*=el-col-8] {
     max-width: none;
     flex: 0 0 calc((100% - var(--layout-form-flex-gap, 15px) * 1) / 2);
 }
 }
 @media (max-width: 600px) {
-.yx-card-box-view-context[data-v-fc66efb1] > .el-form-item[class*=el-col-8] {
+.yx-card-box-view-context[data-v-26138226] > .el-form-item[class*=el-col-8] {
     width: 100%;
     max-width: none;
     flex: auto;
 }
-}.runtime-page-container-tabs-view[data-v-ad75c0d0] > .el-tabs__content > .el-tab-pane {
+}.runtime-page-container-tabs-view[data-v-0cf3e10d] > .el-tabs__content > .el-tab-pane {
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  align-content: flex-start;
+  flex-wrap: wrap;
+  gap: var(--runtime-page-container-view-gap, 15px);
+}
+.runtime-page-container-tabs-view[data-v-0cf3e10d] > .el-tabs__content > .el-tab-pane > div {
+  width: 100%;
+}
+.runtime-page-container-tabs-view[data-v-0cf3e10d] > .el-tabs__content > .el-tab-pane > div[style*="display: inline-block"] {
+  width: auto;
+}
+.runtime-page-container-tabs-view[data-v-0cf3e10d] > .el-tabs__content > .el-tab-pane > [style*="display: inline-block"] {
+  width: auto;
+}
+.runtime-page-container-tabs-view[data-v-0cf3e10d] > .el-tabs__content > .el-tab-pane > .amb-design-item-default {
   display: flex;
-  flex-direction: column;
+  flex-direction: row;
+  align-items: flex-start;
   align-content: flex-start;
+  flex-wrap: wrap;
   gap: var(--runtime-page-container-view-gap, 15px);
 }
-.runtime-page-container-tabs-view[data-v-ad75c0d0] > .el-tabs__content > .el-tab-pane > div {
+.runtime-page-container-tabs-view[data-v-0cf3e10d] > .el-tabs__content > .el-tab-pane > .amb-design-item-default > div {
   width: 100%;
+}
+.runtime-page-container-tabs-view[data-v-0cf3e10d] > .el-tabs__content > .el-tab-pane > .amb-design-item-default > div[style*="display: inline-block"] {
+  width: auto;
+}
+.runtime-page-container-tabs-view[data-v-0cf3e10d] > .el-tabs__content > .el-tab-pane > .amb-design-item-default > [style*="display: inline-block"] {
+  width: auto;
 }.yx-fixed-box-main[data-v-9b488f43]:has(.yx-fixed-box-container:empty) {
   display: none;
 }
@@ -366,46 +481,73 @@
     left: 0 !important;
     right: 0 !important;
 }
-}.amb-widget-tools-parent[data-v-445a411e]:empty {
+}.amb-widget-tools-parent[data-v-89de1a38]:empty {
   display: none;
 }
-.amb-widget-tools-parent[data-v-445a411e] .amb-widget-container-tool {
+.amb-widget-tools-parent[data-v-89de1a38] .amb-widget-container-tool {
   display: flex;
   flex-wrap: wrap;
   gap: var(--amb-widget-container-tool-gap, 10px);
+  padding: 10px 0;
+}
+.amb-widget-tools-parent[data-v-89de1a38] .amb-widget-container-tool .el-button {
+  margin: 0;
 }
-.amb-widget-tools-parent[data-v-445a411e] .amb-widget-container-tool:empty {
+.amb-widget-tools-parent[data-v-89de1a38] .amb-widget-container-tool:empty {
   display: none;
 }
-.amb-widget-tools-parent[data-v-445a411e] .amb-widget-container-tool > .page-runtime-header-btn:has(> .page-runtime-header-btn) {
+.amb-widget-tools-parent[data-v-89de1a38] .amb-widget-container-tool > .page-runtime-header-btn:has(> .page-runtime-header-btn) {
   display: flex;
   flex-wrap: wrap;
   gap: inherit;
 }
-.amb-widget-tools-parent[data-v-445a411e] .amb-widget-container-tool > .el-form-item {
+.amb-widget-tools-parent[data-v-89de1a38] .amb-widget-container-tool > .el-form-item {
   margin-bottom: 0;
 }.el-form-item[data-v-96fc65d8] {
   margin-bottom: 0px;
+}.amb-button-group-main[data-v-9d55ce0b] {
+  display: flex;
+  min-height: 2em;
+  flex-wrap: wrap;
+  gap: var(--amb-widget-container-tool-gap, 10px);
+}
+.amb-button-group-main[data-v-9d55ce0b]::after, .amb-button-group-main[data-v-9d55ce0b]::before {
+  display: none;
+}
+.amb-button-group-main > div[data-v-9d55ce0b] {
+  width: auto;
+}.amb-workflowbutton-runtime-view[data-v-122e7d4a] {
+  min-height: 32px;
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--amb-widget-container-tool-gap, 10px);
 }
-[data-v-16a29b68] .el-empty {
+.amb-workflowbutton-runtime-view[data-v-122e7d4a]::after, .amb-workflowbutton-runtime-view[data-v-122e7d4a]::before {
+  display: none;
+}
+.amb-workflowbutton-runtime-view > div[data-v-122e7d4a] {
+  width: auto;
+}
+[data-v-57964c4a] .el-empty {
   padding: 0;
 }
 
 
 
 /** 右键菜单样式 */
-.context-menu[data-v-c18f2291] {
-  position: absolute;
+.context-menu[data-v-4b43ab6c] {
+  position: fixed;
   background: #fff;
   z-index: 999;
-  margin: 5;
+  margin: 0;
   padding: 8px 8px;
   box-shadow: 0 5px 7px 1px rgba(0, 0, 0, 0.1);
   border: 1px solid #bbbbbb;
   border-radius: 10px;
-  font-size: 14px;
+  font-size: 14px;
+  display: none; /* 默认隐藏 */
 }
-.context-menu li[data-v-c18f2291] {
+.context-menu li[data-v-4b43ab6c] {
   list-style-type: none;
   min-width: 75px;
   line-height: 28px;
@@ -414,12 +556,12 @@
   padding-left: 5px;
   cursor: pointer;
 }
-.context-menu li[data-v-c18f2291]:hover {
+.context-menu li[data-v-4b43ab6c]:hover {
   background: #0165e1;
   color: #fff;
 }
 /** 右键菜单样式 */
-.custom-tree-node[data-v-c18f2291] {
+.custom-tree-node[data-v-4b43ab6c] {
   flex: 1;
   display: flex;
   align-items: center;
@@ -428,11 +570,11 @@
   padding-right: 8px;
 }
 .item-side {
-&[data-v-c18f2291] {
+&[data-v-4b43ab6c] {
   display: flex;
   align-items: center;
   }
-.file[data-v-c18f2291] {
+.file[data-v-4b43ab6c] {
     width: 17px;
     height: 17px;
     margin-right: 5px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "super-page-runtime",
-  "version": "2.2.72",
+  "version": "2.2.77-sit1",
   "description": "AgileBuilder super page runtime",
   "license": "ISC",
   "main": "dist/es/index.js",
@@ -48,7 +48,7 @@
     "@vitejs/plugin-vue-jsx": "^3.1.0",
     "@vue/eslint-config-prettier": "^8.0.0",
     "@vue/test-utils": "^2.4.4",
-    "agilebuilder-ui": "1.1.24",
+    "agilebuilder-ui": "1.1.26-sit1",
     "axios": "^1.6.8",
     "cypress": "^13.6.6",
     "element-plus": "^2.6.1",