fix(Calendar): 增加renderDay功能

Author: ChenlingasMx

packages/core/src/Calendar/README.md

@@ -95,6 +95,8 @@ export default CalendarView
 | `showBar` | 是否显示导航栏 | Boolean | `true` |
 | `bar` | 导航栏 | React.ReactNode | - |
 | `onChange` | 选择时间事件 |  (value: string) => void | - |
+| `renderDay` | 自定义渲染日期额外内容 | (date:any) => React.ReactNode | JSX.Element | - |
+
 
 ### bar 参数
 | 参数 | 说明 | 类型 | 默认值 |

packages/core/src/Calendar/index.tsx

@@ -21,15 +21,17 @@ interface BarState {
 
 export interface CalendarProps extends ViewProps {
   // 日历颜色
-  color: string;
+  color?: string;
   // 是否显示农历及假日
-  lunarHoliday: boolean;
+  lunarHoliday?: boolean;
   bar?: BarState;
   // 是否显示农历详情
-  showLunar: boolean;
+  showLunar?: boolean;
   onChange?: (value: string) => void;
   // 是否显示头部导航栏
   showBar?: boolean;
+  // 自定义渲染日期额外内容
+  renderDay?: (date: any) => React.ReactNode | JSX.Element;
 }
 
 const Calendar = (props: CalendarProps) => {
@@ -40,7 +42,15 @@ const Calendar = (props: CalendarProps) => {
     onPressBarLeft: undefined,
     render: undefined,
   };
-  const { color = '#329BCB', lunarHoliday = false, bar = bars, showLunar = false, onChange, showBar = true } = props;
+  const {
+    color = '#329BCB',
+    lunarHoliday = false,
+    bar = bars,
+    showLunar = false,
+    onChange,
+    showBar = true,
+    renderDay,
+  } = props;
   const { barRightText, title, barLeftText, onPressBarLeft, render } = bar;
   const [currentYear, setCurrentYear] = useState<number>(toYear);
   const [currentMonth, setCurrentMonth] = useState<number>(toMonth);
@@ -140,6 +150,7 @@ const Calendar = (props: CalendarProps) => {
           onPress={() => goSelectDay(day)}
         >
           <View>
+            {renderDay?.(day.date || '')}
             <Text
               style={[
                 styles.dayText,

packages/core/src/Calendar/utils.ts

@@ -30,7 +30,7 @@ export function getMonths(year: number, month: number, day: number) {
  * 判断年闰年
  */
 export function isLeapYear(year: number) {
-  return (year % 400 === 0 || (year % 100 !== 0 && year % 4 === 0));
+  return year % 400 === 0 || (year % 100 !== 0 && year % 4 === 0);
 }
 
 /**
@@ -95,6 +95,7 @@ export interface daysArrProps {
   colorType: string;
   lunarMonth: string;
   lunar: string;
+  date?: string;
 }
 /**
  * 按每周分行
@@ -116,6 +117,7 @@ export function getWeeksArray(lastDays: number[], days: number[], nextDays: numb
       colorType: getHoliday.colorType,
       lunarMonth: getHoliday.lunarMonth,
       lunar: getHoliday.lunar,
+      date: year + '-' + (month + 1) + '-' + lstVal,
     });
   });
   days.forEach((Val, Indx) => {
@@ -130,6 +132,7 @@ export function getWeeksArray(lastDays: number[], days: number[], nextDays: numb
       colorType: getHoliday.colorType,
       lunarMonth: getHoliday.lunarMonth,
       lunar: getHoliday.lunar,
+      date: year + '-' + (month + 1) + '-' + Val,
     });
   });
   nextDays.forEach((nextVal, nextIndx) => {
@@ -143,6 +146,7 @@ export function getWeeksArray(lastDays: number[], days: number[], nextDays: numb
       colorType: getHoliday.colorType,
       lunarMonth: getHoliday.lunarMonth,
       lunar: getHoliday.lunar,
+      date: year + '-' + (month + 1) + '-' + nextVal,
     });
   });
   res = res.concat(lastArr, currentArr, nextArr);