super-page-runtime 2.2.59 → 2.2.62

package/dist/es/style.css

@@ -1,18 +1,297 @@
-.runtime-page-container[data-v-72c824d1] {
+.runtime-page-container[data-v-66ea5636] {
   overflow: auto;
   height: 100%;
   max-height: 100vh;
   padding: var(--runtime-page-container-padding, 15px);
 }
-.runtime-page-container .runtime-page-container-view[data-v-72c824d1] {
+@media (max-width: 768px) {
+.runtime-page-container[data-v-66ea5636] .el-col-1 {
+    flex: 0 0 100%;
+    max-width: 100%;
+}
+}
+.runtime-page-container[data-v-66ea5636] .el-col-1 > .el-form-item:only-child {
+  margin-bottom: 0;
+}
+.runtime-page-container[data-v-66ea5636] .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-66ea5636] .el-col-2 {
+    flex: 0 0 100%;
+    max-width: 100%;
+}
+}
+.runtime-page-container[data-v-66ea5636] .el-col-2 > .el-form-item:only-child {
+  margin-bottom: 0;
+}
+@media (max-width: 768px) {
+.runtime-page-container[data-v-66ea5636] .el-col-3 {
+    flex: 0 0 100%;
+    max-width: 100%;
+}
+}
+.runtime-page-container[data-v-66ea5636] .el-col-3 > .el-form-item:only-child {
+  margin-bottom: 0;
+}
+.runtime-page-container[data-v-66ea5636] .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-66ea5636] .el-col-4 {
+    flex: 0 0 100%;
+    max-width: 100%;
+}
+}
+.runtime-page-container[data-v-66ea5636] .el-col-4 > .el-form-item:only-child {
+  margin-bottom: 0;
+}
+@media (max-width: 768px) {
+.runtime-page-container[data-v-66ea5636] .el-col-5 {
+    flex: 0 0 100%;
+    max-width: 100%;
+}
+}
+.runtime-page-container[data-v-66ea5636] .el-col-5 > .el-form-item:only-child {
+  margin-bottom: 0;
+}
+.runtime-page-container[data-v-66ea5636] .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-66ea5636] .el-col-6 {
+    flex: 0 0 100%;
+    max-width: 100%;
+}
+}
+.runtime-page-container[data-v-66ea5636] .el-col-6 > .el-form-item:only-child {
+  margin-bottom: 0;
+}
+@media (max-width: 768px) {
+.runtime-page-container[data-v-66ea5636] .el-col-7 {
+    flex: 0 0 100%;
+    max-width: 100%;
+}
+}
+.runtime-page-container[data-v-66ea5636] .el-col-7 > .el-form-item:only-child {
+  margin-bottom: 0;
+}
+.runtime-page-container[data-v-66ea5636] .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-66ea5636] .el-col-8 {
+    flex: 0 0 100%;
+    max-width: 100%;
+}
+}
+.runtime-page-container[data-v-66ea5636] .el-col-8 > .el-form-item:only-child {
+  margin-bottom: 0;
+}
+@media (max-width: 768px) {
+.runtime-page-container[data-v-66ea5636] .el-col-9 {
+    flex: 0 0 100%;
+    max-width: 100%;
+}
+}
+.runtime-page-container[data-v-66ea5636] .el-col-9 > .el-form-item:only-child {
+  margin-bottom: 0;
+}
+@media (max-width: 768px) {
+.runtime-page-container[data-v-66ea5636] .el-col-10 {
+    flex: 0 0 100%;
+    max-width: 100%;
+}
+}
+.runtime-page-container[data-v-66ea5636] .el-col-10 > .el-form-item:only-child {
+  margin-bottom: 0;
+}
+@media (max-width: 768px) {
+.runtime-page-container[data-v-66ea5636] .el-col-11 {
+    flex: 0 0 100%;
+    max-width: 100%;
+}
+}
+.runtime-page-container[data-v-66ea5636] .el-col-11 > .el-form-item:only-child {
+  margin-bottom: 0;
+}
+.runtime-page-container[data-v-66ea5636] .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-66ea5636] .el-col-12 {
+    flex: 0 0 100%;
+    max-width: 100%;
+}
+}
+.runtime-page-container[data-v-66ea5636] .el-col-12 > .el-form-item:only-child {
+  margin-bottom: 0;
+}
+@media (max-width: 768px) {
+.runtime-page-container[data-v-66ea5636] .el-col-13 {
+    flex: 0 0 100%;
+    max-width: 100%;
+}
+}
+.runtime-page-container[data-v-66ea5636] .el-col-13 > .el-form-item:only-child {
+  margin-bottom: 0;
+}
+.runtime-page-container[data-v-66ea5636] .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-66ea5636] .el-col-14 {
+    flex: 0 0 100%;
+    max-width: 100%;
+}
+}
+.runtime-page-container[data-v-66ea5636] .el-col-14 > .el-form-item:only-child {
+  margin-bottom: 0;
+}
+@media (max-width: 768px) {
+.runtime-page-container[data-v-66ea5636] .el-col-15 {
+    flex: 0 0 100%;
+    max-width: 100%;
+}
+}
+.runtime-page-container[data-v-66ea5636] .el-col-15 > .el-form-item:only-child {
+  margin-bottom: 0;
+}
+.runtime-page-container[data-v-66ea5636] .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-66ea5636] .el-col-16 {
+    flex: 0 0 100%;
+    max-width: 100%;
+}
+}
+.runtime-page-container[data-v-66ea5636] .el-col-16 > .el-form-item:only-child {
+  margin-bottom: 0;
+}
+@media (max-width: 768px) {
+.runtime-page-container[data-v-66ea5636] .el-col-17 {
+    flex: 0 0 100%;
+    max-width: 100%;
+}
+}
+.runtime-page-container[data-v-66ea5636] .el-col-17 > .el-form-item:only-child {
+  margin-bottom: 0;
+}
+.runtime-page-container[data-v-66ea5636] .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-66ea5636] .el-col-18 {
+    flex: 0 0 100%;
+    max-width: 100%;
+}
+}
+.runtime-page-container[data-v-66ea5636] .el-col-18 > .el-form-item:only-child {
+  margin-bottom: 0;
+}
+@media (max-width: 768px) {
+.runtime-page-container[data-v-66ea5636] .el-col-19 {
+    flex: 0 0 100%;
+    max-width: 100%;
+}
+}
+.runtime-page-container[data-v-66ea5636] .el-col-19 > .el-form-item:only-child {
+  margin-bottom: 0;
+}
+@media (max-width: 768px) {
+.runtime-page-container[data-v-66ea5636] .el-col-20 {
+    flex: 0 0 100%;
+    max-width: 100%;
+}
+}
+.runtime-page-container[data-v-66ea5636] .el-col-20 > .el-form-item:only-child {
+  margin-bottom: 0;
+}
+@media (max-width: 768px) {
+.runtime-page-container[data-v-66ea5636] .el-col-21 {
+    flex: 0 0 100%;
+    max-width: 100%;
+}
+}
+.runtime-page-container[data-v-66ea5636] .el-col-21 > .el-form-item:only-child {
+  margin-bottom: 0;
+}
+@media (max-width: 768px) {
+.runtime-page-container[data-v-66ea5636] .el-col-22 {
+    flex: 0 0 100%;
+    max-width: 100%;
+}
+}
+.runtime-page-container[data-v-66ea5636] .el-col-22 > .el-form-item:only-child {
+  margin-bottom: 0;
+}
+@media (max-width: 768px) {
+.runtime-page-container[data-v-66ea5636] .el-col-23 {
+    flex: 0 0 100%;
+    max-width: 100%;
+}
+}
+.runtime-page-container[data-v-66ea5636] .el-col-23 > .el-form-item:only-child {
+  margin-bottom: 0;
+}
+@media (max-width: 768px) {
+.runtime-page-container[data-v-66ea5636] .el-col-24 {
+    flex: 0 0 100%;
+    max-width: 100%;
+}
+}
+.runtime-page-container[data-v-66ea5636] .el-col-24 > .el-form-item:only-child {
+  margin-bottom: 0;
+}
+.runtime-page-container[data-v-66ea5636] .runtime-page-container-view {
   display: flex;
   flex-direction: column;
-  align-items: stretch;
+  align-content: flex-start;
+  gap: var(--runtime-page-container-view-gap, 15px);
+  min-height: 100%;
+  height: auto;
+}
+.runtime-page-container[data-v-66ea5636] .runtime-page-container-view .el-form {
+  width: 100%;
+  display: flex;
+  flex-wrap: wrap;
   gap: var(--runtime-page-container-view-gap, 15px);
-}.yx-card-box-view-main[data-v-799b1858] > .el-card__header {
+}
+.runtime-page-container[data-v-66ea5636] .runtime-page-container-view .el-form > div {
+  width: 100%;
+}
+.runtime-page-container[data-v-66ea5636] .runtime-page-container-view > div {
+  width: 100%;
+}
+.runtime-page-container[data-v-66ea5636] .runtime-page-container-view > .el-row[class*=el-col-] {
+  flex: none;
+}
+.runtime-page-container[data-v-66ea5636] .runtime-page-container-view .el-row {
+  gap: var(--layout-form-flex-gap, 15px);
+}
+.runtime-page-container[data-v-66ea5636] .runtime-page-container-view .el-row > div {
+  width: 100%;
+}.yx-affix[data-v-d053fb6d]:has(.yx-affix-content:empty) {
+  display: none;
+}
+.yx-affix .yx-affix-content.is-fixed.is-top > .yx-fixed-box-container[data-v-d053fb6d] {
+  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] {
+  box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.2);
+}.yx-card-box-view-main[data-v-fc66efb1] > .el-card__header {
   position: relative;
 }
-.yx-card-box-view-main .yx-card-box-view-header[data-v-799b1858] {
+.yx-card-box-view-main .yx-card-box-view-header[data-v-fc66efb1] {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
@@ -20,12 +299,12 @@
   gap: 15px;
   flex: 1 1 auto;
 }
-.yx-card-box-view-main .yx-card-box-view-title[data-v-799b1858] {
+.yx-card-box-view-main .yx-card-box-view-title[data-v-fc66efb1] {
   position: relative;
   z-index: 2;
   flex: 1 1 auto;
 }
-.yx-card-box-view-main .yx-card-box-view-title[data-v-799b1858]::after {
+.yx-card-box-view-main .yx-card-box-view-title[data-v-fc66efb1]::after {
   content: " ";
   position: absolute;
   left: 0;
@@ -34,53 +313,74 @@
   right: 0;
   z-index: 0;
 }
-.yx-card-box-view-main[data-collapse=false][data-v-799b1858] > .el-card__body {
+.yx-card-box-view-main[data-collapse=false][data-v-fc66efb1] > .el-card__body {
   display: none;
 }
-@media (max-width: 992px) {
-.yx-card-box-view-context[data-v-799b1858] > .el-form-item, .yx-card-box-view-context[data-v-799b1858] > [class*=el-col] {
-    width: 100%;
+.yx-card-box-view-context[data-v-fc66efb1] {
+  gap: var(--layout-form-flex-gap, 15px);
+}
+.yx-card-box-view-context[data-v-fc66efb1] > div {
+  width: 100%;
+}
+.yx-card-box-view-context[data-v-fc66efb1] > .el-form-item {
+  margin: 0;
+}
+.yx-card-box-view-context[data-v-fc66efb1] > .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] {
     max-width: none;
-    flex: 0 0 50%;
+    flex: 0 0 calc((100% - var(--layout-form-flex-gap, 15px) * 1) / 2);
 }
 }
 @media (max-width: 600px) {
-.yx-card-box-view-context[data-v-799b1858] > .el-form-item, .yx-card-box-view-context[data-v-799b1858] > [class*=el-col] {
+.yx-card-box-view-context[data-v-fc66efb1] > .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 {
+  display: flex;
+  flex-direction: column;
+  align-content: flex-start;
+  gap: var(--runtime-page-container-view-gap, 15px);
 }
-@media (max-width: 450px) {
-.yx-card-box-view-context[data-v-799b1858] .el-form-item {
-    flex-direction: column;
-}
-.yx-card-box-view-context[data-v-799b1858] .el-form-item .el-form-item__label {
-    width: 100% !important;
-    justify-content: flex-start;
-    text-align: left;
+.runtime-page-container-tabs-view[data-v-ad75c0d0] > .el-tabs__content > .el-tab-pane > div {
+  width: 100%;
+}.yx-fixed-box-main[data-v-9b488f43]:has(.yx-fixed-box-container:empty) {
+  display: none;
 }
-}.yx-fixed-box-main.is-top > .yx-fixed-box-container[data-v-1cc14e88] {
+.yx-fixed-box-main.is-top > .yx-fixed-box-container[data-v-9b488f43] {
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
 }
-.yx-fixed-box-main.is-bottom > .yx-fixed-box-container[data-v-1cc14e88] {
+.yx-fixed-box-main.is-bottom > .yx-fixed-box-container[data-v-9b488f43] {
   box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.2);
 }
 @media (max-width: 768px) {
-.yx-fixed-box-main > .yx-fixed-box-container[data-v-1cc14e88] {
+.yx-fixed-box-main > .yx-fixed-box-container[data-v-9b488f43] {
     width: 100% !important;
     left: 0 !important;
     right: 0 !important;
 }
-}.amb-widget-container-tool[data-v-7aefa8b2] {
+}.amb-widget-tools-parent[data-v-445a411e]:empty {
+  display: none;
+}
+.amb-widget-tools-parent[data-v-445a411e] .amb-widget-container-tool {
   display: flex;
   flex-wrap: wrap;
   gap: var(--amb-widget-container-tool-gap, 10px);
 }
-.amb-widget-container-tool[data-v-7aefa8b2] > .page-runtime-header-btn:has(> .page-runtime-header-btn) {
+.amb-widget-tools-parent[data-v-445a411e] .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) {
   display: flex;
   flex-wrap: wrap;
   gap: inherit;
+}
+.amb-widget-tools-parent[data-v-445a411e] .amb-widget-container-tool > .el-form-item {
+  margin-bottom: 0;
 }.el-form-item[data-v-96fc65d8] {
   margin-bottom: 0px;
 }
@@ -89,3 +389,49 @@
 }
 
 
+
+/** 右键菜单样式 */
+.context-menu[data-v-c18f2291] {
+  position: absolute;
+  background: #fff;
+  z-index: 999;
+  margin: 5;
+  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;
+}
+.context-menu li[data-v-c18f2291] {
+  list-style-type: none;
+  min-width: 75px;
+  line-height: 28px;
+  text-align: left;
+  border-radius: 5px;
+  padding-left: 5px;
+  cursor: pointer;
+}
+.context-menu li[data-v-c18f2291]:hover {
+  background: #0165e1;
+  color: #fff;
+}
+/** 右键菜单样式 */
+.custom-tree-node[data-v-c18f2291] {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 14px;
+  padding-right: 8px;
+}
+.item-side {
+&[data-v-c18f2291] {
+  display: flex;
+  align-items: center;
+  }
+.file[data-v-c18f2291] {
+    width: 17px;
+    height: 17px;
+    margin-right: 5px;
+}
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "super-page-runtime",
-  "version": "2.2.59",
+  "version": "2.2.62",
   "description": "AgileBuilder super page runtime",
   "license": "ISC",
   "main": "dist/es/index.js",