feat(calendar-view): [calendar-view] Adapting to the SMB theme

Author: Youyou-smiles

packages/theme/src/calendar-view/index.less

@@ -670,23 +670,23 @@
     padding: 8px;
 
     .title{
-      font-size: var(--ti-calendar-view-tooltip-title-font-size);
+      font-size: var(--ti-tooltip-title-font-size);
       padding: 0 6px;
       margin-bottom: 6px;
       border-left-width: 2px;
       border-left-color: #1890ff;
+      font-weight: var(--ti-tooltip-title-font-weight);
     }
 
     .date{
       margin-bottom: 6px;
       padding: 0 8px;
-      color: #8d959e;
-      font-weight: var(--ti-calendar-view-tooltip-title-font-weight);
+      color: var(--ti-tooltip-date-color, #8d959e);
     }
 
     .content{
       padding: 0 8px;
-      color: var(--ti-calendar-view-tooltip-content-color);
+      color: var(--ti-tooltip-content-color, #8d959e);
     }
   }
 }

packages/theme/src/calendar-view/smb-theme.js

@@ -19,10 +19,10 @@ export const tinyCalendarViewSmbTheme = {
   'ti-calendar-view-radio-active-inner-hover': 'var(--ti-common-color-bg-white-normal)',
   'ti-calendar-view-radio-button-inner': '#ebebeb',
   'ti-calendar-view-header-main-text-color': 'var(--ti-common-color-text-weaken)',
-  'ti-calendar-view-tooltip-title-font-size': 'var(--ti-common-font-size-2)',
-  'ti-calendar-view-tooltip-title-font-weight': 'var(--ti-common-font-weight-bold)',
-  'ti-calendar-view-tooltip-content-color': 'var(--ti-common-color-text-primary)',
-  'ti-calendar-view-tooltip-date-color': 'var(--ti-common-color-text-secondary)',
+  'ti-tooltip-title-font-size': 'var(--ti-common-font-size-2)',
+  'ti-tooltip-title-font-weight': 'var(--ti-common-font-weight-bold)',
+  'ti-tooltip-content-color': 'var(--ti-common-color-text-primary)',
+  'ti-tooltip-date-color': 'var(--ti-common-color-text-secondary)',
   'ti-calendar-view-day-selected-border-radius': 'unset',
   'ti-calendar-view-day-selected-svg-right': 'unset',
   'ti-calendar-view-day-selected-svg-top': 'unset',

packages/theme/src/calendar-view/vars.less

@@ -27,10 +27,10 @@
     --ti-calendar-view-day-selected-svg-right: -1px;
     --ti-calendar-view-day-selected-svg-top: -6px;
     // 提示
-    --ti-calendar-view-tooltip-title-font-size: var(--ti-common-font-size-base);
-    --ti-calendar-view-tooltip-title-font-weight: var(--ti-common-font-weight-5);
-    --ti-calendar-view-tooltip-date-color: #8d959e;
-    --ti-calendar-view-tooltip-content-color: #8d959e;
+    --ti-tooltip-title-font-size: var(--ti-common-font-size-base);
+    --ti-tooltip-title-font-weight: var(--ti-common-font-weight-5);
+    --ti-tooltip-date-color: #8d959e;
+    --ti-tooltip-content-color: #8d959e;
     // 箭头
     --ti-calendar-view-header-left-svg-fill: unset;
     --ti-calendar-view-header-right-svg-fill: unset;

packages/vue/src/calendar-view/src/pc.vue

@@ -8,7 +8,6 @@
       <tiny-date-picker
         v-model="state.currentDate"
         class="tiny-calendar-view__picker"
-        shape="filter"
         type="month"
         :clearable="false"
         @change="currentDateChange"