refactor: calendar

components/calendar/generateCalendar.tsx

@@ -140,7 +140,7 @@ function generateCalendar<DateType>(generateConfig: GenerateConfig<DateType>) {
         () => value.value || generateConfig.getNow(),
         {
           defaultValue: defaultValue.value,
-          value: value,
+          value,
         },
       );
 

components/date-picker/generatePicker/generateSinglePicker.tsx

@@ -179,7 +179,7 @@ export default function generatePicker<DateType>(
           const pre = prefixCls.value;
           return (
             <RCPicker
-              monthCellRender={props.monthCellRender}
+              monthCellRender={monthCellRender}
               dateRender={dateRender}
               renderExtraFooter={renderExtraFooter}
               ref={pickerRef}

components/locale-provider/LocaleReceiver.tsx

@@ -1,5 +1,5 @@
 import type { VNodeTypes, PropType, ComputedRef } from 'vue';
-import { toRefs, unref } from 'vue';
+import { unref } from 'vue';
 import { inject, defineComponent, computed } from 'vue';
 import PropTypes from '../_util/vue-types';
 import defaultLocaleData from './default';

examples/App.vue

@@ -1,29 +1,39 @@
 <template>
-  <a-alert :message="`You selected date: ${selectedValue && selectedValue.format('YYYY-MM-DD')}`" />
+  <div>
-  <a-calendar :value="date" @select="onSelect" @panelChange="onPanelChange" />
+    <demo />
+  </div>
 </template>
-<script lang="ts">
+<script>
-import { defineComponent, ref } from 'vue';
+import { defineComponent } from 'vue';
-import dayjs, { Dayjs } from 'dayjs';
+import demo from '../v2-doc/src/docs/calendar/demo/index.vue';
-
+// import Affix from '../components/affix';
 export default defineComponent({
-  setup() {
+  components: {
-    const date = ref(dayjs('2017-01-25'));
+    demo,
-    const selectedValue = ref(dayjs('2017-01-25'));
+    // Affix,
-
+  },
-    const onSelect = (value: Dayjs) => {
+  data() {
-      date.value = value;
-      selectedValue.value = value;
-    };
-    const onPanelChange = (value: Dayjs) => {
-      date.value = value;
-    };
     return {
-      date,
+      visible: false,
-      selectedValue,
+      pStyle: {
-      onSelect,
+        fontSize: '16px',
-      onPanelChange,
+        color: 'rgba(0,0,0,0.85)',
+        lineHeight: '24px',
+        display: 'block',
+        marginBottom: '16px',
+      },
+      pStyle2: {
+        marginBottom: '24px',
+      },
     };
   },
+  methods: {
+    showDrawer() {
+      this.visible = true;
+    },
+    onClose() {
+      this.visible = false;
+    },
+  },
 });
 </script>

v2-doc

@@ -1 +1 @@
-Subproject commit be726a08199f185f8445b1cc068b8c6533151db2
+Subproject commit c54ecff46419ab3c9dafc204df37369c011ce422