Commit 435bf7814a6ad6aab47a357ceae8cd28480fbb57

Authored by Sergio Crisostomo
1 parent 63bd0f7d

add split panel props

src/components/date-picker/panel/Date/date-range.vue
... ... @@ -21,9 +21,11 @@
21 21 :current-view="currentView"
22 22 :date-prefix-cls="datePrefixCls"></date-panel-label>
23 23 <span
  24 + v-if="splitPanels"
24 25 :class="iconBtnCls('next', '-double')"
25 26 @click="nextYear('left')"><Icon type="ios-arrow-right"></Icon></span>
26 27 <span
  28 + v-if="splitPanels"
27 29 :class="iconBtnCls('next')"
28 30 @click="nextMonth('left')"
29 31 v-show="currentView === 'date'"><Icon type="ios-arrow-right"></Icon></span>
... ... @@ -45,9 +47,11 @@
45 47 <div :class="[prefixCls + '-content', prefixCls + '-content-right']" v-show="!isTime">
46 48 <div :class="[datePrefixCls + '-header']" v-show="currentView !== 'time'">
47 49 <span
  50 + v-if="splitPanels"
48 51 :class="iconBtnCls('prev', '-double')"
49 52 @click="prevYear('right')"><Icon type="ios-arrow-left"></Icon></span>
50 53 <span
  54 + v-if="splitPanels"
51 55 :class="iconBtnCls('prev')"
52 56 @click="prevMonth('right')"
53 57 v-show="currentView === 'date'"><Icon type="ios-arrow-left"></Icon></span>
... ... @@ -125,7 +129,11 @@
125 129 mixins: [ Mixin, Locale, DateMixin ],
126 130 components: { Icon, DateTable, YearTable, MonthTable, TimePicker, Confirm, datePanelLabel },
127 131 props: {
128   - // in the mixin
  132 + // more props in the mixin
  133 + splitPanels: {
  134 + type: Boolean,
  135 + default: false
  136 + },
129 137 },
130 138 data(){
131 139 const [minDate, maxDate] = this.value.map(date => date || initTimeDate());
... ...
src/components/date-picker/picker.vue
... ... @@ -40,6 +40,7 @@
40 40 :format="format"
41 41 :value="internalValue"
42 42 :start-date="startDate"
  43 + :split-panels="splitPanels"
43 44  
44 45 v-bind="ownPickerProps"
45 46  
... ... @@ -205,6 +206,10 @@
205 206 type: Boolean,
206 207 default: false
207 208 },
  209 + splitPanels: {
  210 + type: Boolean,
  211 + default: false
  212 + },
208 213 startDate: {
209 214 type: Date
210 215 },
... ...