Browse Source

fix: 日历组件文档修改

lkjh3214 3 years ago
parent
commit
ed7830f45b

+ 2 - 6
src/packages/__VUE/calendar/demo.vue

@@ -163,7 +163,7 @@
           <span>{{ renderDate(date) }}</span>
         </template>
         <template v-slot:bottomInfo="date">
-          <span class="info">{{ renderBottomDate(date) }}</span>
+          <span class="info">{{ date.date ? (date.date.day == 10 ? '十' : '') : '' }}</span>
         </template>
       </nut-calendar>
     </div>
@@ -379,9 +379,6 @@ export default createDemo({
     const renderDate = (date: { date: Day }) => {
       return +date.date.day <= 9 ? '0' + date.date.day : date.date.day;
     };
-    const renderBottomDate = (date: { date: Day }) => {
-      return date.date ? (+date.date.day <= 10 ? '' : +date.date.day <= 20 ? translate('mid') : '') : '';
-    };
     return {
       ...toRefs(state),
       openSwitch,
@@ -401,8 +398,7 @@ export default createDemo({
       calendarRef,
       select,
       translate,
-      renderDate,
-      renderBottomDate
+      renderDate
     };
   }
 });

+ 4 - 4
src/packages/__VUE/calendar/doc.en-US.md

@@ -74,7 +74,7 @@ export default {
   <nut-cell
     :showIcon="true"
     title="Select Date Range"
-    :desc="date ? `${date[0]}-${date[1]}` : 'Please Select Date'"
+    :desc="date && date[0] ? `${date[0]}-${date[1]}` : 'Please Select Date'"
     @click="openSwitch('isVisible')"
   >
   </nut-cell>
@@ -239,7 +239,7 @@ export default {
   <nut-cell
     :showIcon="true"
     title="Select Date Range"
-    :desc="date ? `${date[0]}-${date[1]}` : 'Please Select Date'"
+    :desc="date && date[0] ? `${date[0]}-${date[1]}` : 'Please Select Date'"
     @click="openSwitch('isVisible')"
   >
   </nut-cell>
@@ -291,7 +291,7 @@ export default {
   <nut-cell
     :showIcon="true"
     title="Custom Button"
-    :desc="date ? `${date[0]}-${date[1]}` : 'Please Select Date'"
+    :desc="date && date[0] ? `${date[0]}-${date[1]}` : 'Please Select Date'"
     @click="openSwitch('isVisible')"
   >
   </nut-cell>
@@ -457,7 +457,7 @@ export default {
       <span>{{ date.date.day <= 9 ? '0' + date.date.day : date.date.day }}</span>
     </template>
     <template v-slot:bottomInfo="date">
-      <span class="info" style="fontSize:12px;lineHeight:14px">{{
+      <span class="info" >{{
         date.date ? (date.date.day == 10 ? '十' :  '') : ''
       }}</span>
     </template>

+ 3 - 4
src/packages/__VUE/calendar/doc.md

@@ -74,7 +74,7 @@ export default {
   <nut-cell
     :showIcon="true"
     title="选择日期区间"
-    :desc="date ? `${date[0]}至${date[1]}` : '请选择'"
+    :desc="date && date[0] ? `${date[0]}至${date[1]}` : '请选择'"
     @click="openSwitch('isVisible')"
   >
   </nut-cell>
@@ -238,7 +238,7 @@ export default {
   <nut-cell
     :showIcon="true"
     title="选择日期范围"
-    :desc="date ? `${date[0]}至${date[1]}` : '请选择'"
+    :desc="date && date[0] ? `${date[0]}至${date[1]}` : '请选择'"
     @click="openSwitch('isVisible')"
   >
   </nut-cell>
@@ -290,7 +290,7 @@ export default {
   <nut-cell
     :showIcon="true"
     title="自定义按钮"
-    :desc="date ? `${date[0]}至${date[1]}` : '请选择'"
+    :desc="date && date[0] ? `${date[0]}至${date[1]}` : '请选择'"
     @click="openSwitch('isVisible')"
   >
   </nut-cell>
@@ -417,7 +417,6 @@ export default {
 .wrapper {
   display: flex;
   padding: 0 40px;
-  justify-content: center;
 }
 .d_div {
   margin: 0px 5px;

+ 3 - 3
src/packages/__VUE/calendar/doc.taro.md

@@ -74,7 +74,7 @@ export default {
   <nut-cell
     :showIcon="true"
     title="选择日期区间"
-    :desc="date ? `${date[0]}至${date[1]}` : '请选择'"
+    :desc="date && date[0] ? `${date[0]}至${date[1]}` : '请选择'"
     @click="openSwitch('isVisible')"
   >
   </nut-cell>
@@ -238,7 +238,7 @@ export default {
   <nut-cell
     :showIcon="true"
     title="选择日期范围"
-    :desc="date ? `${date[0]}至${date[1]}` : '请选择'"
+    :desc="date && date[0] ? `${date[0]}至${date[1]}` : '请选择'"
     @click="openSwitch('isVisible')"
   >
   </nut-cell>
@@ -290,7 +290,7 @@ export default {
   <nut-cell
     :showIcon="true"
     title="自定义按钮"
-    :desc="date ? `${date[0]}至${date[1]}` : '请选择'"
+    :desc="date && date[0] ? `${date[0]}至${date[1]}` : '请选择'"
     @click="openSwitch('isVisible')"
   >
   </nut-cell>

+ 1 - 1
src/packages/locale/lang/zh-CN.ts

@@ -23,7 +23,7 @@ class Lang extends BaseLang {
     weekdays: ['日', '一', '二', '三', '四', '五', '六'],
     end: '结束',
     start: '开始',
-    title: '日选择',
+    title: '日选择',
     monthTitle: (year: number, month: number) => `${year}年${month}月`,
     today: '今天'
   };