raise-common-lib-new 0.0.15 → 0.0.21

package/src/assets/style/reset/button.scss

@@ -1,4 +1,7 @@
-.e-btn {
+.e-btn{
+	box-shadow: none !important;
+}
+.e-btn:not(.e-lib):not(.e-icon-btn) {
   font-family: var(--rs-font-family);
   display: flex;
   justify-content: center;
@@ -10,8 +13,8 @@
   color: var(--rs-cancel-btn-color) !important;
   height: 32px;
   min-width: 80px;
-  padding: 0 10px;
-  font-size: 13px;
+  padding: 0 8px;
+  font-size: 12px;
   border-radius: 4px;
   box-shadow: none !important;
   line-height: normal;
@@ -62,20 +65,36 @@
     }
   }
   &.text {
-    border-color: transparent !important;;
+    border-color: transparent !important;
     &:not([disabled]):hover,
     &:not([disabled]):active,
     &:not([disabled]):focus {
-      border-color: rgba(31, 123, 255, 0.2) !important;
+      border-color: transparent !important;
       background: rgba(31, 123, 255, 0.04) !important;
       color: #1364b3 !important;
     }
   }
 }
 
-.e-dropdown-btn {
-  &.e-active {
-    border-color: rgba(31, 123, 255, 0.2) !important;
+.e-dropdown-btn[ejs-dropdownbutton] {
+  font-family: var(--rs-font-family);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 6px;
+  font-style: normal;
+  background: transparent !important;
+  color: var(--rs-cancel-btn-color) !important;
+  border-color: transparent !important;
+  height: 32px;
+  min-width: 80px;
+  padding: 0 10px;
+  font-size: 12px;
+  border-radius: 4px;
+  box-shadow: none !important;
+  line-height: normal;
+  &.e-active,&:hover {
+    border-color: transparent !important;
     background: rgba(31, 123, 255, 0.04) !important;
     color: #1364b3 !important;
   }
@@ -96,7 +115,7 @@
 .e-dropdown-popup {
   border-radius: 10px;
   background: #fff;
-  padding: 16px 12px;
+  padding: 8px;
   box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);
   ul {
     border: 0;
@@ -109,7 +128,8 @@
       font-weight: 400;
       line-height: 16px;
       align-items: center;
-      &:hover, &:active{
+      &:hover,
+      &:active {
         border-radius: 4px;
         background: rgba(31, 123, 255, 0.04);
         color: #44566c;
@@ -117,3 +137,51 @@
     }
   }
 }
+
+ejs-splitbutton.e-split-btn-wrapper {
+  &.e-splitbtn-disabled{
+    opacity: 0.4;
+    color: var(--rs-cancel-btn-color) !important;
+    border:0 !important;
+    background-color: #fff !important;
+  }
+  .e-btn {
+    color: #fff !important;
+    border-color: var(--rs-primary-btn-bg) !important;
+    background: var(--rs-primary-btn-bg) !important;
+    font-weight: 400;
+    font-size: 12px;
+    min-width: 60px;
+    &:not([disabled]):hover,
+    &:not([disabled]):active,
+    &:not([disabled]):focus {
+      border-color: var(--rs-primary-btn-hover-bg) !important;
+      background: var(--rs-primary-btn-hover-bg) !important;
+      border-right-color: rgba(255, 255, 255, 0.2) !important;
+      color: #fff !important;
+    }
+    &.e-split-btn {
+      border-right-color: rgba(255, 255, 255, 0.2) !important;
+      &:disabled {
+        border-right-color: #ccc !important;
+      }
+    }
+    &.e-icon-btn {
+      min-width: auto;
+      padding: 4px 6px !important;
+      box-shadow: none;
+      .e-btn-icon {
+        font-size: 16px;
+        &::before {
+          background-image: url("/assets/img/split-button-arrow.svg");
+          content: "" !important;
+          display: block;
+          width: 16px;
+          height: 16px;
+          background-size: cover;
+          background-position: center;
+        }
+      }
+    }
+  }
+}

package/src/assets/style/reset/checkbox.scss

@@ -0,0 +1,33 @@
+.e-checkbox-wrapper {
+  .e-label {
+    color: var(--rs-label-color);
+    font-family: var(--rs-font-family);
+    font-size: var(--rs-font-size);
+    font-weight: 400;
+    line-height: 14px;
+  }
+  .e-checkbox-wrapper.e-checkbox-disabled {
+    .e-icons {
+      border-color: rgba(209, 209, 209, 0.5);
+      background-color: rgba(234, 237, 240, 0.35);
+    }
+  }
+  .e-icons {
+    box-shadow: none !important;
+    &.e-check {
+      background-color: var(--rs-active-color) !important;
+      border-color: var(--rs-active-color) !important;
+      &::before {
+        content: "" !important;
+        display: block;
+        width: 10px;
+        height: 8px;
+        background-image: url("/assets/img/checked-vector.svg");
+        background-size: cover;
+        background-position: center;
+        background-color: transparent;
+        margin: 2px auto;
+      }
+    }
+  }
+}

package/src/assets/style/reset/dropdown.scss

@@ -1,13 +1,17 @@
 // dropdownlist,multiselect，pagerdropdown,dropdowntree,daterangepicker
 .e-dropdownlist,
 .e-multiselect,
+.e-autocomplete,
 .e-pagerdropdown,
 .e-dropdowntree,
 .e-daterangepicker,
-.e-datepicker {
+.e-datepicker,
+.e-rowcell,
+.e-pivot-calculated-div {
   height: var(--rs-input-line-height);
   font-family: var(--rs-font-family);
-  .e-input-group {
+  background-color: #fff;
+  >.e-input-group {
     height: 100%;
     min-height: 100%;
     border-radius: var(--rs-input-border-radius);
@@ -19,13 +23,11 @@
         height: var(--rs-input-line-height) !important;
       }
     }
-
     .e-input,
     .e-dropdownbase {
       font-size: var(--rs-input-font-size) !important;
       font-weight: normal !important;
       color: var(--rs-input-color) !important;
-      -webkit-text-fill-color: var(--rs-input-disabled-color) !important;
     }
 
     .e-input {
@@ -97,6 +99,13 @@
       }
     }
 
+    &:focus-within,
+    &.e-icon-anim,
+    &.e-input-focus {
+      border-color: var(--rs-input-focus-border-color) !important;
+      box-shadow: none !important;
+    }
+
     &.e-icon-anim {
       .e-input-group-icon {
         &::before {
@@ -131,7 +140,7 @@
     }
   }
   &.error {
-    .e-input-group {
+    .e-input-group:not(:focus-within):not(.e-icon-anim):not(.e-input-focus) {
       border-color: var(--rs-input-error-border-color) !important;
     }
   }
@@ -164,6 +173,9 @@
         padding: 0 0 0 12px !important;
         font-size: var(--rs-input-font-size);
         color: var(--rs-input-color);
+        &:hover {
+          box-shadow: none !important;
+        }
       }
       .e-clear-icon {
         padding: 0 !important;
@@ -194,6 +206,7 @@
       line-height: 14px; /* 127.273% */
     }
 
+    .e-list-group-item,
     .e-list-item {
       font-family: Arial;
       font-size: var(--rs-input-font-size);
@@ -221,7 +234,8 @@
           &:hover {
             background-color: transparent !important;
           }
-          .e-check {
+          .e-check,
+          .e-stop {
             background-color: #007bff !important;
             border-color: #007bff !important;
             color: #fff !important;
@@ -279,6 +293,15 @@
       background-color: #fff !important;
       border-radius: 16px;
       margin: 4px 0 0;
+      .e-input {
+        height: 100%;
+        padding: 0 0 0 12px !important;
+        font-size: var(--rs-input-font-size);
+        color: var(--rs-input-color);
+        &:hover {
+          box-shadow: none !important;
+        }
+      }
     }
   }
   .e-popup-content {
@@ -330,10 +353,15 @@
         display: block;
         width: 16px;
         height: 16px;
-        background-image: url("/assets/img/calendar.svg");
+        background-image: url("/assets/img/calendar-disabled.svg");
         background-size: cover;
         background-position: center;
       }
+      &:hover{
+        &::before {
+          background-image: url("/assets/img/calendar.svg");
+        }
+      }
     }
     &.e-disabled {
       .e-input-group-icon {
@@ -407,7 +435,7 @@
     }
     .e-header {
       height: 34px;
-      &.e-month{
+      &.e-month {
         padding: 0;
       }
       .e-title {
@@ -502,7 +530,6 @@
     .e-btn {
       height: 26px;
       display: flex;
-      width: 64px;
       height: 26px;
       min-width: 64px;
       padding: 6px 12px;
@@ -514,7 +541,8 @@
       font-size: var(--rs-font-size);
       color: var(--rs-cancel-btn-color);
       cursor: pointer;
-      &.e-apply, &.e-today {
+      &.e-apply,
+      &.e-today {
         border: 1px solid var(--rs-primary-btn-bg);
         background-color: var(--rs-primary-btn-bg);
         color: #fff;
@@ -530,3 +558,7 @@
     }
   }
 }
+
+.e-input-group.e-input-fucos{
+  box-shadow: none !important;
+}