fix(date-picker): [date-picker,select] fix radius bugs for month-table

opentiny · Oct 29, 2024 · ab7e698 · ab7e698
1 parent 38839af
commit ab7e698
Show file tree

Hide file tree

Showing 4 changed files with 29 additions and 0 deletions.
diff --git a/packages/theme/src/month-table/index.less b/packages/theme/src/month-table/index.less
@@ -92,6 +92,25 @@
       div:hover {
         background-color: var(--tv-MonthTable-bg-color-hover);
       }
+
+      &:first-of-type {
+        div {
+          border-radius: var(--tv-MonthTable-cell-border-radius-first);
+        }
+
+        &.end-date {
+          div {
+            border-radius: var(--tv-MonthTable-cell-border-radius);
+            padding-left: 0;
+          }
+        }
+      }
+
+      &:last-of-type {
+        div {
+          border-radius: var(--tv-MonthTable-cell-border-radius-last);
+        }
+      }
     }
 
     &.end-date,

diff --git a/packages/theme/src/month-table/vars.less b/packages/theme/src/month-table/vars.less
@@ -34,6 +34,11 @@
     var(--tv-border-radius-round, 999px);
   // 单元格圆角（结束月份）
   --tv-MonthTable-cell-border-radius-end: 0 var(--tv-border-radius-round, 999px) var(--tv-border-radius-round, 999px) 0;
+  // 选中月份每行第一个单元格的圆角
+  --tv-MonthTable-cell-border-radius-first: var(--tv-border-radius-round, 999px) 0 0
+    var(--tv-border-radius-round, 999px);
+  // 选中月份每行最后一个单元格的圆角
+  --tv-MonthTable-cell-border-radius-last: 0 var(--tv-border-radius-round, 999px) var(--tv-border-radius-round, 999px) 0;
 
   // 单元格边框色（选中）
   --tv-MonthTable-cell-border-color-today: var(--tv-color-border-active, #191919);

diff --git a/packages/theme/src/select/index.less b/packages/theme/src/select/index.less
@@ -341,6 +341,10 @@
       visibility: hidden;
       position: absolute;
     }
+
+    .tiny-svg {
+      margin-right: 0;
+    }
   }
 
   &.is-disabled,

diff --git a/packages/vue/src/select/src/pc.vue b/packages/vue/src/select/src/pc.vue
@@ -156,6 +156,7 @@
                   :type="state.getTagType"
                   key="tags-collapse"
                   data-tag="tags-collapse"
+                  only-icon
                   :closable="false"
                   :size="state.collapseTagSize"
                   @click="onClickCollapseTag($event)"