Merge pull request #646 from Tencent/feat/datepicker/bem

Feat/datepicker/bem
Tencent · Jul 15, 2022 · 222b750 · 222b750
2 parents d50cc5d + 055a245
commit 222b750
Showing 1 changed file with 14 additions and 14 deletions.
diff --git a/style/web/components/date-picker/_index.less b/style/web/components/date-picker/_index.less
@@ -47,12 +47,12 @@
   }
 }
 
-.@{prefix}-date-picker__panel--content,
-.@{prefix}-date-range-picker__panel--content,
-.@{prefix}-date-range-picker__panel--content-wrapper {
+.@{prefix}-date-picker__panel-content,
+.@{prefix}-date-range-picker__panel-content,
+.@{prefix}-date-range-picker__panel-content-wrapper {
   display: flex;
 }
-.@{prefix}-date-range-picker__panel--content-wrapper {
+.@{prefix}-date-range-picker__panel-content-wrapper {
   gap: 6px;
 }
 
@@ -67,11 +67,11 @@
     display: inline-flex;
     gap: @spacer;
 
-    .@{prefix}-date-picker__header-controller--month {
+    .@{prefix}-date-picker__header-controller-month {
       width: @datepicker-month-controller-width;
     }
 
-    .@{prefix}-date-picker__header-controller--year {
+    .@{prefix}-date-picker__header-controller-year {
       width: @datepicker-year-controller-width;
     }
   }
@@ -154,8 +154,8 @@
   }
 }
 
-.@{prefix}-date-picker__panel--time,
-.@{prefix}-date-range-picker__panel--time {
+.@{prefix}-date-picker__panel-time,
+.@{prefix}-date-range-picker__panel-time {
   display: flex;
   flex-direction: column;
   gap: 2px;
@@ -176,9 +176,9 @@
   }
 }
 
-.@{prefix}-date-picker__panel--year,
-.@{prefix}-date-picker__panel--month,
-.@{prefix}-date-picker__panel--date {
+.@{prefix}-date-picker__panel-year,
+.@{prefix}-date-picker__panel-month,
+.@{prefix}-date-picker__panel-date {
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -187,9 +187,9 @@
   max-width: @datepicker-panel-max-width;
 }
 
-.@{prefix}-date-picker__panel--year,
-.@{prefix}-date-picker__panel--month {
-  .@{prefix}-date-picker__header-controller--year {
+.@{prefix}-date-picker__panel-year,
+.@{prefix}-date-picker__panel-month {
+  .@{prefix}-date-picker__header-controller-year {
     width: 130px;
   }