agilebuilder-ui 1.1.57-sit3 → 1.1.58-sit1

package/src/styles/theme/forest-green/button.scss

@@ -0,0 +1,144 @@
+@import "./forest-green.scss";
+
+.forest-green {
+
+  .is-text {
+    color: $--button-default-font-color !important;
+  }
+
+  .is-link {
+    color: $--button-default-font-color !important;
+
+    :hover {
+      color: #a0d5ff;
+    }
+  }
+
+  .el-button {
+    font-family: Source Han Sans CN;
+  }
+
+  .button--default,
+  button.el-button:not([class*="el-button--primary"]):not([class*="el-button--success"]):not([class*="el-button--info"]):not([class*="el-button--warning"]):not([class*="el-button--danger"]):not([class*="el-button--default"]):not([class*="el-button--text"]) {
+    border-radius: 4px;
+    border-color: $--color-fg-primary;
+    color: $--color-fg-primary;
+  }
+
+  .button--default:hover,
+  button.el-button:not([class*="el-button--primary"]):not([class*="el-button--success"]):not([class*="el-button--info"]):not([class*="el-button--warning"]):not([class*="el-button--danger"]):not([class*="el-button--default"]):not([class*="el-button--text"]):hover {
+    color: $--color-primary;
+    background-color: $--color-hover;
+    border-color: $--color-primary;
+  }
+
+  .operation-area .el-button-group .el-button {
+    border-color: $--button-default-border-color;
+    color: $--button-default-font-color;
+  }
+
+  .operation-area .el-button-group .el-button:hover {
+    background-color: $--color-hover;
+  }
+
+  .el-button.el-button--primary.is-plain {
+    color: $--button-default-font-color;
+    background-color: #ffffff;
+    border: 1px solid $--button-default-border-color;
+  }
+
+  .el-button.el-button--primary.is-plain:hover {
+    color: $--color-primary;
+    background-color: $--color-hover;
+    border-color: $--color-primary;
+  }
+
+  .el-dropdown-link {
+    color: $--button-default-font-color;
+    font-family: Source Han Sans CN;
+    font-weight: regular;
+    font-size: 14px;
+    line-height: 22px;
+    letter-spacing: 0px;
+    text-align: center;
+    cursor: pointer;
+  }
+
+  //switch 开关选中字体样式
+  .el-switch__label.is-active {
+    color: $--color-primary;
+  }
+
+  //switch 开关样式
+  .el-switch.is-checked .el-switch__core {
+    border-color: $--color-primary;
+    background-color: $--color-primary;
+  }
+
+  //单选选中样式
+  .el-radio__input.is-checked .el-radio__inner {
+    color: $--color-primary;
+    border-color: $--color-primary;
+    background-color: $--color-primary;
+  }
+
+  //单选选中样式
+  .el-radio__input.is-checked+.el-radio__label {
+    color: $--color-primary;
+  }
+
+  //下拉菜单
+  .el-dropdown__list .el-dropdown-menu .el-dropdown-menu__item:hover {
+    color: $--select-font-color;
+    background-color: $th-cell-background;
+  }
+
+  //工作流结束按钮
+  .workflow-end-button {
+    background-color: #ee6666;
+    border-color: #ee6666;
+    color: #FFFFFF;
+  }
+
+  //返回按钮
+  .button--return {
+    background-color: #FFFFFF;
+    color: #8C8C8C;
+    border: 1px solid #E3E3E3;
+  }
+
+  .el-button--danger {
+    background: #FFFFFF;
+    color: $--color-fg-danger;
+    border: 1px solid #F56C6C;
+    border-radius: 4px 4px 4px 4px;
+  }
+
+  .el-button--danger:hover {
+    background: rgba(245, 108, 108, 0.06);
+
+  }
+
+  .el-button--danger.is-disabled {
+    background: none;
+    color: #FAB5B5;
+    border: 1px solid #FAB5B5;
+  }
+
+  .el-button--danger:active {
+    background: rgba(208, 92, 92, 0.08);
+  }
+
+  .el-button--primary:hover {
+    background: $--el-button-hover-bg-color;
+  }
+
+  .el-button--primary:active {
+    background: #118E33;
+  }
+
+  .el-button.is-disabled.el-button--primary {
+    background: #89D39D;
+  }
+
+}

package/src/styles/theme/forest-green/card.scss

@@ -0,0 +1,67 @@
+@import "./forest-green.scss";
+
+.forest-green {
+  $titleColor: rgba(0, 0, 0, 0.85);
+
+  el-card box-card is-always-shadow .card-radius {
+    border-radius: 12px
+  }
+
+  .form-card-header {
+    width: 3px;
+    height: 14px;
+    left: 0;
+    align-items: center;
+    text-align: center;
+  }
+
+  .form-card-header-bgc {
+    width: 3px;
+    height: 14px;
+    display: flex;
+    background-color: #3D4CF2
+  }
+
+  .form-card-text {
+    padding-left: 8px;
+    font-size: 16px;
+    line-height: 24px;
+    font-weight: 500;
+    color: $titleColor;
+    display: table-cell;
+    position: relative;
+  }
+
+  .superForm {
+    .el-card {
+      border-radius: 12px;
+      box-shadow: 0 1px 4px 0 rgba(0, 13, 31, 0.10);
+    }
+
+
+  }
+
+
+  .el-card__header {
+    height: 40px;
+    background: $--card-header-color;
+    color: #333333;
+    font-family: Source Han Sans CN;
+    font-size: 14px;
+    font-weight: bold;
+    text-align: left;
+    padding: 9px 20px;
+    display: flex;
+    align-items: center;
+  }
+
+  .el-card__header>div {
+    border-left: 3px solid $--color-primary;
+    padding-left: 5px;
+  }
+
+  .card-style {
+    width: 100%;
+    margin-top: 20px;
+  }
+}

package/src/styles/theme/forest-green/checkbox.scss

@@ -0,0 +1,18 @@
+@import "./forest-green.scss";
+
+.forest-green {
+
+  .el-checkbox__input.is-checked .el-checkbox__inner,
+  .el-checkbox__input.is-indeterminate .el-checkbox__inner {
+    background-color: $--color-primary;
+    border-color: $--color-primary;
+  }
+
+  .el-checkbox-group .is-checked .el-checkbox__label {
+    color: $--color-primary;
+  }
+
+  .el-checkbox {
+    --el-checkbox-font-size: var(--el-font-size-base);
+  }
+}

package/src/styles/theme/forest-green/date-picker.scss

@@ -0,0 +1,18 @@
+.forest-green {
+  .el-year-table td.current:not(.disabled) .el-date-table-cell__text {
+    background-color: $--color-fg-primary;
+    color: #ffffff;
+  }
+
+  .el-year-table td .el-date-table-cell__text:hover {
+    color: $--color-fg-primary;
+  }
+
+  .el-year-table td.today .el-date-table-cell__text {
+    color: $--color-fg-primary;
+  }
+
+  .el-input__wrapper.is-focus {
+    box-shadow: 0 0 0 1px $--color-fg-primary inset;
+  }
+}

package/src/styles/theme/forest-green/dialog.scss

@@ -0,0 +1,17 @@
+.forest-green {
+  .el-dialog__title::before {
+    content: "";
+    text-align: center;
+    background: $--color-fg-primary;
+    float: left;
+    position: relative;
+    border-radius: 3px;
+    /** 定义成 block 元素 **/
+    display: block;
+    height: 21px;
+    width: 4px;
+    margin-right: 12px;
+  }
+
+
+}

package/src/styles/theme/forest-green/element-variables.scss

@@ -0,0 +1,7 @@
+@import "./forest-green.scss";
+// 这样导入报404找不到文件
+// .dark-blue {
+//   /* 改变 icon 字体路径变量，必需 */
+//   $--font-path: '~element-plus/theme-chalk/fonts';
+//   @import '~element-plus/theme-chalk/index.css';
+// }

package/src/styles/theme/forest-green/font.scss

@@ -0,0 +1,73 @@
+.forest-green {
+  $titleColor: rgba(0, 0, 0, 0.85);
+
+  .list-file {
+    color: rgba(0, 13, 31, 0.45);
+    font-size: 14px;
+    cursor: pointer;
+    display: flex;
+    align-items: center
+  }
+
+  .form-list-file {
+    color: rgba(0, 0, 0, 0.65);
+    background: #F2F6FA;
+    border-radius: 6px;
+    font-size: 14px;
+    cursor: pointer;
+    height: 28px;
+    line-height: 28px;
+    padding: 0 8px 0 8px;
+    margin-right: 32px
+  }
+
+  .tip-font {
+    color: rgba(0, 0, 0, 0.65);
+    font-size: 14px;
+  }
+
+  .superForm {
+    .el-form-item__label {
+      color: rgba(0, 13, 31, 0.85);
+    }
+  }
+
+
+  .page-layout__title {
+    width: 46px;
+    height: 16px;
+    font-size: 11px;
+    font-weight: 500;
+    color: #333333;
+    line-height: 13px;
+  }
+
+  .component-type-name__title {
+    width: 40px;
+    height: 14px;
+    font-size: 10px;
+    font-weight: 500;
+    color: #333333;
+    line-height: 12px;
+    // -webkit-background-clip: text;
+    // -webkit-text-fill-color: transparent;
+  }
+
+  .page-layout__title::before {
+    content: "";
+    text-align: center;
+    background: #1A6BF3;
+    float: left;
+    position: relative;
+    border-radius: 3px;
+    /** 定义成 block 元素 **/
+    display: block;
+    // height: 21px;
+    // width: 4px;
+    margin-right: 12px;
+
+    width: 2px;
+    height: 16px;
+
+  }
+}

package/src/styles/theme/forest-green/forest-green.scss

@@ -0,0 +1,27 @@
+/* 改变主题色变量 */
+$--color-primary: #14A73C;
+$--color-hover: #ebf6f9;
+$--color-card: #E5EFFF;
+$--color-button-hover: #2aaee0;
+$--color-button-active: #3686d9;
+$--color-fg-primary: #14A73C;
+$--el-button-hover-bg-color: #37B459;
+
+$--color-fg-danger: #F56C6C;
+
+
+$--button-default-border-color: $--color-fg-primary;
+$--button-font-weight: regular;
+$--button-default-font-color: #14A73C;
+$--button-primary-btn-color: #05a0da;
+//菜单字体颜色
+$--menu-dont-color: $--color-fg-primary;
+//选中的字体颜色
+$--select-font-color: $--color-fg-primary;
+//卡片头部颜色
+$--card-header-color: rgba(20, 167, 60, 0.08);
+
+$--menu-hove-background-color: $--color-hover;
+$th-cell-background: #EDEDED;
+$th-background-color: #F2F3F8;
+$--tab-header-color: #14A73C;

package/src/styles/theme/forest-green/form.scss

@@ -0,0 +1,51 @@
+.forest-green {
+
+  .button-at-top {
+    width: 100%;
+    background: rgb(255, 255, 255);
+    line-height: 72px;
+    height: 72px;
+    position: absolute;
+    z-index: 100;
+    top: 0px;
+    left: 0px;
+    right: 0px;
+  }
+
+  .button-at-bottom {
+    width: 100%;
+    background: rgb(255, 255, 255);
+    line-height: 72px;
+    height: 72px;
+    position: absolute;
+    bottom: 0px;
+    z-index: 100;
+    left: 0px;
+    right: 0px;
+  }
+
+  .form-top-button {
+    height: 72px;
+    float: left;
+    padding-left: 24px;
+    line-height: 72px;
+  }
+
+  .form-bottom-button {
+    height: 72px;
+    float: right;
+    padding-right: 24px;
+    line-height: 72px;
+  }
+
+  .form-center-position{
+    position: relative;
+
+    .form-center-son{
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%,-50%);
+    }
+  }
+}