agilebuilder-ui 1.1.57-sit3 → 1.1.58-sit1

package/src/styles/display-layout.scss

@@ -24,6 +24,7 @@
 .el-form-item {
   display: flex;
   align-items: center;
+
   .el-form-item__label {
     display: flex;
     height: auto !important;
@@ -48,6 +49,7 @@
       justify-content: flex-end;
     }
   }
+
   @media (max-width: 450px) {
     & {
       flex-direction: column;
@@ -69,6 +71,10 @@
 
   .el-container {
     gap: var(--app-main-padding, 15px);
+
+    .operation-area {
+      margin-bottom: 0;
+    }
   }
 
   .el-aside {
@@ -77,7 +83,7 @@
     box-shadow: 0px 1px 8px 0px #00000019;
     border-radius: 6px;
 
-    & > .el-tree {
+    &>.el-tree {
       width: 100%;
     }
 
@@ -92,7 +98,7 @@
 }
 
 [overflow-wrap] {
-  word-wrap: break-word; 
+  word-wrap: break-word;
   overflow-wrap: break-word;
 }
 
@@ -107,15 +113,19 @@
 .yx-flex-wrap {
   display: flex;
   justify-content: flex-start;
+
   &[vertical] {
     flex-direction: column;
   }
+
   &[justify='space-between'] {
     justify-content: space-between;
   }
+
   &[align='center'] {
     align-items: center;
   }
+
   &[wrap] {
     flex-wrap: wrap;
   }
@@ -126,27 +136,31 @@
     .el-descriptions__cell {
       display: flex;
       gap: 10px;
+
       .el-descriptions__label {
         margin: 0;
         max-width: 40%;
         flex: 0 0 auto;
       }
+
       .el-descriptions__content {
         flex: 1 1 auto;
-        word-wrap: break-word; 
+        word-wrap: break-word;
         overflow-wrap: break-word;
 
         .ellipsis {
-          word-wrap: break-word !important; 
-          overflow-wrap: break-word !important; 
+          word-wrap: break-word !important;
+          overflow-wrap: break-word !important;
           width: auto !important;
           white-space: inherit !important;
         }
       }
+
       @media (max-width: 450px) {
         & {
           flex-direction: column;
         }
+
         .el-descriptions__label {
           width: 100% !important;
           max-width: 100%;
@@ -161,8 +175,9 @@
     border-color: #409eff;
     background-color: #ecf5ff;
   }
+
   &[header-padding] {
-    & > .el-card__header {
+    &>.el-card__header {
       display: flex;
       flex-direction: column;
       justify-content: center;
@@ -175,29 +190,34 @@
         min-height: 40px;
       }
 
-      & > .yx-flex-wrap {
+      &>.yx-flex-wrap {
         gap: 10px;
         height: 100%;
         padding: 5px var(--el-card-padding);
       }
     }
   }
+
   &[body-padding] {
-    & > .el-card__body {
+    &>.el-card__body {
       padding: 0 !important;
     }
   }
+
   .el-card__header {
 
-    & > .yx-flex-wrap {
+    &>.yx-flex-wrap {
       flex: 1 1 auto;
 
       [layout-title] {
         max-width: calc(100% - 40px);
 
-        a, div, span {
+        a,
+        div,
+        span {
           display: block !important;
         }
+
         .ellipsis {
           width: auto !important;
           text-align: left !important;
@@ -205,21 +225,25 @@
       }
     }
   }
+
   .yx-card-body {
     padding: var(--el-card-padding);
     background-color: var(--el-fill-color-blank);
   }
+
   @media (max-width: 450px) {
     &[header-padding] {
-      & > .el-card__header {
-        & > .yx-flex-wrap {
+      &>.el-card__header {
+        &>.yx-flex-wrap {
           padding: 5px 10px;
         }
       }
     }
-    & > .el-card__footer {
+
+    &>.el-card__footer {
       padding: 5px 10px;
     }
+
     .yx-card-body {
       padding: 10px;
     }
@@ -228,6 +252,7 @@
 
 [scrollable-main] {
   position: relative;
+
   &:has(.el-scrollbar__wrap:has(::-webkit-scrollbar-thumb:vertical)):not(:has(.el-scrollbar__wrap:has(:first-child:has(+ *))))::before {
     content: " ";
     position: absolute;
@@ -238,7 +263,7 @@
     background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
     pointer-events: none;
   }
-  
+
   /* 底部阴影 */
   &:has(.el-scrollbar__wrap:has(::-webkit-scrollbar-thumb:vertical)):not(:has(.el-scrollbar__wrap:has(:last-child:has(+ *))))::after {
     content: " ";
@@ -258,11 +283,11 @@
 
 @keyframes loading-rotate {
   to {
-    transform:rotate(360deg)
+    transform: rotate(360deg)
   }
 }
 
-.el-form-item{
+.el-form-item {
   &[class*='el-col-'] {
     display: flex;
   }
@@ -274,7 +299,7 @@
       gap: 5px;
     }
 
-    & > .el-form-item__label {
+    &>.el-form-item__label {
       width: 100% !important;
       max-width: none !important;
       justify-content: flex-start;
@@ -303,37 +328,39 @@
 
 .yx-drawer {
   .el-drawer {
-      .el-drawer__header {
-          padding: var(--el-drawer-padding-primary);
-          margin: 0;
-          display: flex;
-          justify-content: space-between;
-          align-items: center;
-          gap: var(--el-drawer-padding-primary);
-      }
+    .el-drawer__header {
+      padding: var(--el-drawer-padding-primary);
+      margin: 0;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      gap: var(--el-drawer-padding-primary);
+    }
+
+    .el-drawer__body {
+      &>.yx-flex-wrap {
+        height: 100%;
 
-      .el-drawer__body {
-          & > .yx-flex-wrap {
-              height: 100%;
+      }
 
-          }
-          & > .el-scrollbar {
-              height: 100%;
-          }
+      &>.el-scrollbar {
+        height: 100%;
       }
+    }
   }
 
   &.yx-scrollbar-body {
-      .el-drawer__body {
-          padding: 0;
-          & > .el-scrollbar {
-              & > .el-scrollbar__wrap {
-                  & > .el-scrollbar__view {
-                      padding: var(--el-drawer-padding-primary);
-                  }
-              }
+    .el-drawer__body {
+      padding: 0;
+
+      &>.el-scrollbar {
+        &>.el-scrollbar__wrap {
+          &>.el-scrollbar__view {
+            padding: var(--el-drawer-padding-primary);
           }
+        }
       }
+    }
   }
 }
 
@@ -351,15 +378,15 @@
 }
 
 .el-descriptions {
-  .el-descriptions__content{
+  .el-descriptions__content {
     position: relative;
   }
 }
 
 .el-input {
   &.el-input-group {
-    & > .el-input-group__append {
-      & > .group-link-btn-main {
+    &>.el-input-group__append {
+      &>.group-link-btn-main {
         margin: 0 -12px;
         display: flex;
         gap: 10px;
@@ -369,12 +396,13 @@
 }
 
 // 初始字体默认继承
-.amb-iconfont,.amb-color-iconfont {
+.amb-iconfont,
+.amb-color-iconfont {
   font-size: inherit !important;
 }
 
 .main-container {
-  & > .nav-tab {
+  &>.nav-tab {
     padding: 0 !important;
   }
 }

package/src/styles/index.scss

@@ -23,6 +23,8 @@
 @import './theme/tiffany-blue-mobile/sidebar.scss';
 @import 'element-plus/theme-chalk/display.css';
 @import './page-list.scss';
+@import './theme/forest-green/index.scss';
+@import './theme/forest-green/sidebar.scss';
 
 body {
   overflow: hidden;
@@ -281,6 +283,10 @@ body .el-table colgroup.gutter {
   padding: 10px;
   padding-left: 0px;
   margin-bottom: 18px;
+  display: flex;
+  // justify-content: center;
+  /* 水平居中 */
+  align-items: center;
 }
 
 .amb-widget-separatelabel>.label {
@@ -293,6 +299,9 @@ body .el-table colgroup.gutter {
   padding-bottom: 10px;
   /* font-size: 14px; */
   margin-bottom: -8px;
+  display: flex;
+  align-items: center;
+  /* 确保图标和文字垂直居中 */
 }
 
 .amb-widget-form-title {
@@ -348,5 +357,4 @@ body .el-table colgroup.gutter {
       font-size: 14px;
     }
   }
-}
-
+}

package/src/styles/table.scss

@@ -1,4 +1,5 @@
 .ocean-blue,
+.forest-green,
 .green,
 .dark-blue {
 
@@ -17,10 +18,9 @@
         background-color: $th-background-color;
         height: 52px;
         font-family: Noto Sans SC, Noto Sans SC;
-        font-weight: 400;
         font-size: 16px;
+        font-weight: bold;
         color: #252525;
-        text-align: left;
         font-style: normal;
         text-transform: none;
       }

package/src/styles/theme/black/index.scss

@@ -71,7 +71,7 @@
 
   //main-container全局样式
   .app-main {
-    padding: var(--app-main-padding-vertical, 15px) var(--app-main-padding-horizontal, 15px);
+    padding: var(--app-main-padding, 15px);
     min-height: 100vh; // min-height: calc(100vh - (var(--app-main-padding, 15px) * 2));
 
     &>.app-container {
@@ -183,7 +183,7 @@
 
   //main-container全局样式
   .app-main {
-    padding: var(--app-main-padding-vertical, 15px) var(--app-main-padding-horizontal, 15px);
+    padding: var(--app-main-padding, 15px);
     min-height: 100vh; // min-height: calc(100vh - (var(--app-main-padding, 15px) * 2));
   }
 

package/src/styles/theme/blue/index.scss

@@ -71,7 +71,7 @@
 
   //main-container全局样式
   .app-main {
-    padding: var(--app-main-padding-vertical, 15px) var(--app-main-padding-horizontal, 15px);
+    padding: var(--app-main-padding, 15px);
     min-height: 100vh; // min-height: calc(100vh - (var(--app-main-padding, 15px) * 2));
   }
 

package/src/styles/theme/blue2/index.scss

@@ -72,7 +72,7 @@
 
   //main-container全局样式
   .app-main {
-    padding: var(--app-main-padding-vertical, 15px) var(--app-main-padding-horizontal, 15px);
+    padding: var(--app-main-padding, 15px);
     min-height: 100vh; // min-height: calc(100vh - (var(--app-main-padding, 15px) * 2));
   }
 

package/src/styles/theme/dark-blue/checkbox.scss

@@ -7,4 +7,8 @@
     background-color: $--color-primary;
     border-color: $--color-primary;
   }
+
+  .el-checkbox {
+    --el-checkbox-font-size: var(--el-font-size-base);
+  }
 }

package/src/styles/theme/dark-blue/dark-blue-var.scss

@@ -8,3 +8,5 @@ $--button-primary-btn-color: $--color-primary;
 $--button-opt-background-color: #0780ED;
 $th-cell-background: #F0F8FE;
 $th-background-color: #F2F3F8;
+//选中的字体颜色
+$--select-font-color: $--color-primary;

package/src/styles/theme/dark-blue/index.scss

@@ -14,7 +14,7 @@
 @import './scrollbar-style.scss';
 @import './message.scss';
 @import './radio.scss';
-
+@import "./select.scss";
 
 .dark-blue {
   font-family: Source Han Sans CN;
@@ -25,6 +25,7 @@
   text-rendering: optimizeLegibility;
   height: 100%;
   --el-color-primary: #005EBA;
+  --el-tabs__item-height: 48px;
 
   .el-button {
     font-family: Source Han Sans CN;
@@ -93,7 +94,7 @@
 
   //main-container全局样式
   .app-main {
-    padding: var(--app-main-padding-vertical, 15px) var(--app-main-padding-horizontal, 15px) var(--app-main-padding-horizontal, 15px) var(--app-main-padding-horizontal, 15px);
+    padding: var(--app-main-padding, 15px);
     min-height: 100vh;
     background: #f7f7f8;
   }
@@ -165,8 +166,8 @@
   }
 
   .menu-tab-container .el-tabs__item {
-    height: 48px;
-    line-height: 48px;
+    height: var(--el-tabs__item-height);
+    line-height: var(--el-tabs__item-height);
   }
 
   //顶部标签字体样式
@@ -220,7 +221,7 @@
   }
 
   iframe.tab-main-content {
-    height: calc(100vh - 38px) !important;
+    height: calc(100vh - var(--el-tabs__item-height)) !important;
   }
 
   .el-button>span {
@@ -257,6 +258,8 @@
   }
 
   .runtime-page-container {
+    --layout-form-flex-gap: 20px;
+
     .el-input {
       --el-input-text-color: var(--el-text-color-regular);
       --el-input-border: var(--el-border);
@@ -275,7 +278,7 @@
       --el-input-height: 38px;
       box-sizing: border-box;
       display: inline-flex;
-      font-size: 16px;
+      font-size: var(--input-font-size);
       line-height: var(--el-input-height);
       position: relative;
       vertical-align: middle;
@@ -304,25 +307,11 @@
       text-align: left;
       font-style: normal;
       text-transform: none;
-      width: 113px;
     }
 
     .yx-card-box-view-main .yx-card-box-view-title {
-      position: relative;
-      z-index: 2;
-      flex: 1 1 auto;
-      width: 16px;
       font-family: Noto Sans SC, Noto Sans SC;
-      font-weight: 400;
-      color: #333333;
-      font-style: normal;
-      text-transform: none;
-
-      width: 66px;
-      height: 26px;
-      font-family: Noto Sans SC, Noto Sans SC;
-      font-weight: 400;
-      font-size: 16px;
+      font-size: var(--tab-header-font-size);
       color: #333333;
       text-align: left;
       font-style: normal;
@@ -339,7 +328,7 @@
       height: 26px;
       font-family: Noto Sans SC, Noto Sans SC;
       font-weight: normal;
-      font-size: 16px;
+      font-size: var(--input-font-size);
       color: #595959;
       text-align: left;
       font-style: normal;
@@ -361,8 +350,6 @@
       width: 100%;
     }
 
-    .el-tabs__header {}
-
     .el-tabs__item {
       align-items: center;
       box-sizing: border-box;
@@ -432,6 +419,6 @@
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
-    font-size: 14px;
+    font-size: var(--menu-font-size);
   }
 }

package/src/styles/theme/dark-blue/pagination.scss

@@ -19,4 +19,8 @@
     color: $--button-default-font-color;
     border-radius: 6px;
   }
+
+  .el-pagination {
+    --el-pagination-font-size: 16px;
+  }
 }

package/src/styles/theme/dark-blue/select.scss

@@ -0,0 +1,12 @@
+@import './dark-blue-var.scss';
+
+.dark-blue {
+  .el-select-dropdown__list .is-selected {
+    color: $--select-font-color;
+  }
+
+  .el-select__wrapper {
+    height: var(--el-input-height);
+    font-size: var(--input-font-size);
+  }
+}

package/src/styles/theme/dark-blue/tree.scss

@@ -7,7 +7,7 @@
     background-color: $th-cell-background;
   }
 
-  .el-tree-node__content > .el-checkbox {
+  .el-tree-node__content>.el-checkbox {
     margin-right: 8px;
   }
 
@@ -17,6 +17,12 @@
     color: #fff;
   }
 
+  .el-tree-node__content {
+    .item-side {
+      font-size: var(--input-font-size);
+    }
+  }
+
   // .el-tree-node .is-checked {
   //   background-color: $th-cell-background !important;
   // }
@@ -59,4 +65,4 @@
   //  }
   //}
 
-}
+}