raise-common-lib 0.0.199 → 0.0.201-beta

package/src/assets/img/calendar_arrow_down.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.68509 7.02073L8 10.6L13.3149 7.02072" stroke="#6C7C90" stroke-linecap="round"/>
+</svg>

package/src/assets/img/calendar_arrow_up.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.3149 8.97927L8 5.4L2.68509 8.97927" stroke="#6C7C90" stroke-linecap="round"/>
+</svg>

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

@@ -430,7 +430,7 @@
 .e-datepicker.e-popup {
   height: auto;
   border-radius: 4px;
-  padding: 16px 16px 12px 16px;
+  padding: 8px 16px 8px 16px;
   background: #fff;
   box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
     0 8px 10px 0px rgba(0, 0, 0, 0.14), 0 3px 14px 0px rgba(0, 0, 0, 0.12);
@@ -488,8 +488,14 @@
     }
     .e-header {
       height: 34px;
+      &.e-year {
+        padding: 6px 0px !important;
+      }
+      &.e-decade {
+        padding: 6px 0px !important;
+      }
       &.e-month {
-        padding: 0;
+        padding: 6px 0;
       }
       .e-title {
         color: #002c4f;
@@ -509,7 +515,7 @@
             display: block;
             width: 16px;
             height: 16px;
-            background-image: url("/assets/img/calendar_arrow_left.svg");
+            background-image: url("/assets/img/calendar_arrow_up.svg");
             background-size: cover;
             background-position: center;
           }
@@ -518,7 +524,7 @@
       .e-next {
         .e-icons {
           &::before {
-            background-image: url("/assets/img/calendar_arrow_right.svg");
+            background-image: url("/assets/img/calendar_arrow_down.svg");
           }
         }
       }
@@ -526,10 +532,13 @@
     .e-content {
       .e-calendar-content-table {
         padding: 0;
-        border-spacing: 0 8px; /* 设置行间距为 8px */
+        border-spacing: 0 6px; /* 设置行间距为 8px */
+        position: relative;
+        top: -8px;
+        margin-bottom: -8px;
         th {
-          color: var(--rs-primary-2-color);
-          font-size: var(--rs-font-size);
+          color: var(--rs-grey-text-color);
+          font-size: var(--rs-small-font-size);
         }
       }
 
@@ -542,25 +551,61 @@
       }
       .e-cell {
         .e-day {
-          border-radius: 7px;
+          border-radius: 4px;
           background-color: transparent !important;
           font-size: var(--rs-font-size);
           color: var(--rs-primary-2-color);
-          font-weight: 700;
           border: 1px solid transparent;
         }
         &:not(.e-today):not(.e-range-hover):not(.e-selected):hover {
           .e-day {
             background-color: rgba(31, 123, 255, 0.04) !important;
             color: #1364b3;
+            font-weight: 700;
           }
         }
       }
+      &.e-decade {
+        td {
+          height: 46px;
+        }
+        td > span.e-day {
+          height: 38px;
+          line-height: 38px;
+          width: 46px;
+        }
+        .e-cell.e-focused-date {
+          .e-day {
+            background-color: #1f7bff !important;
+            color: #fff !important;
+            font-weight: 700;
+            border-radius: 4px !important;
+          }
+        }
+        .e-cell.e-focused-date:not(.e-today):not(.e-range-hover):not(
+            .e-selected
+          ):hover {
+          .e-day {
+            background-color: #1f7bff !important;
+          }
+        }
+      }
+
       &.e-year {
+        td {
+          height: 46px;
+        }
+        td > span.e-day {
+          height: 38px;
+          line-height: 38px;
+          width: 46px;
+        }
         .e-cell.e-focused-date {
           .e-day {
             background-color: #1f7bff !important;
             color: #fff !important;
+            font-weight: 700;
+            border-radius: 4px !important;
           }
         }
       }
@@ -576,9 +621,10 @@
       }
       .e-selected {
         .e-day {
-          border-radius: 7px;
+          border-radius: 4px;
           background-color: var(--rs-active-color) !important;
           color: #fff !important;
+          font-weight: 700;
         }
       }
     }
@@ -587,7 +633,7 @@
   .e-footer-container {
     height: auto;
     padding: 0;
-    padding-top: 12px;
+    padding-top: 8px;
     display: flex;
     .e-btn {
       height: 26px;
@@ -625,6 +671,7 @@
       border: 0 !important;
       background-color: #fff !important;
       color: #44566c !important;
+      font-weight: normal !important;
       &:hover {
         background-color: #fff !important;
         color: #1f7bff !important;