Blame view

src/components/calendar/base/mixin.js 1.42 KB
e80b805f   chenhaodong   初始化
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
  
  import { clearHours } from '../util';
  
  export default {
      name: 'PanelTable',
      props: {
          tableDate: {
              type: Date,
              required: true
          },
          disabledDate: {
              type: Function
          },
          selectionMode: {
              type: String,
              required: true
          },
          value: {
              type: Array,
              required: true
          },
          rangeState: {
              type: Object,
              default: () => ({
                  from: null,
                  to: null,
                  selecting: false
              })
          },
          focusedDate: {
              type: Date,
              required: true,
          }
      },
      computed: {
          dates() {
              const { selectionMode, value, rangeState } = this;
              const rangeSelecting = selectionMode === 'range' && rangeState.selecting;
              return rangeSelecting ? [rangeState.from] : value;
          },
      },
      methods: {
          handleClick(cell) {
              if (cell.disabled || cell.type === 'weekLabel') return;
              const newDate = new Date(clearHours(cell.date));
  
              this.$emit('on-pick', newDate);
              this.$emit('on-pick-click');
          },
          handleMouseMove(cell) {
              if (!this.rangeState.selecting) return;
              if (cell.disabled) return;
              const newDate = cell.date;
              this.$emit('on-change-range', newDate);
          },
      }
  };