Browse Source

Add back calendar auto adjust style

pull/518/head
afc163 9 years ago
parent
commit
547db94de3
  1. 5
      components/datepicker/index.jsx
  2. 2
      package.json
  3. 24
      style/components/datepicker/Calendar.less
  4. 24
      style/components/datepicker/Picker.less

5
components/datepicker/index.jsx

@ -20,13 +20,8 @@ function createPicker(TheCalendar) {
onChange() {
}, // onChange Validator
locale: {},
//
//
align: {
points: ['tl', 'tl'],
overflow: {adjustX: 0, adjustY: 0},
offset: [0, -10],
targetOffset: [0, 0]
}
};
},

2
package.json

@ -38,7 +38,7 @@
"gregorian-calendar-format": "~4.0.4",
"object-assign": "~4.0.1",
"rc-animate": "~2.0.0",
"rc-calendar": "~4.0.0-alpha15",
"rc-calendar": "4.0.0-alpha15",
"rc-checkbox": "~1.1.1",
"rc-collapse": "~1.4.0",
"rc-dialog": "~5.2.0",

24
style/components/datepicker/Calendar.less

@ -271,28 +271,4 @@
bottom: 9px;
right: 9px;
}
&.slide-up-enter.slide-up-enter-active&-placement-topLeft,
&.slide-up-enter.slide-up-enter-active&-placement-topRight,
&.slide-up-appear.slide-up-appear-active&-placement-topLeft,
&.slide-up-appear.slide-up-appear-active&-placement-topRight {
animation-name: antSlideUpIn;
}
&.slide-up-enter.slide-up-enter-active&-placement-bottomLeft,
&.slide-up-enter.slide-up-enter-active&-placement-bottomRight,
&.slide-up-appear.slide-up-appear-active&-placement-bottomLeft,
&.slide-up-appear.slide-up-appear-active&-placement-bottomRight {
animation-name: antSlideDownIn;
}
&.slide-up-leave.slide-up-leave-active&-placement-topLeft,
&.slide-up-leave.slide-up-leave-active&-placement-topRight {
animation-name: antSlideUpOut;
}
&.slide-up-leave.slide-up-leave-active&-placement-bottomLeft,
&.slide-up-leave.slide-up-leave-active&-placement-bottomRight {
animation-name: antSlideDownOut;
}
}

24
style/components/datepicker/Picker.less

@ -1,6 +1,30 @@
.@{calendar-prefix-cls}-picker-container {
position: absolute;
z-index: 1070;
&.slide-up-enter.slide-up-enter-active&-placement-topLeft,
&.slide-up-enter.slide-up-enter-active&-placement-topRight,
&.slide-up-appear.slide-up-appear-active&-placement-topLeft,
&.slide-up-appear.slide-up-appear-active&-placement-topRight {
animation-name: antSlideDownIn;
}
&.slide-up-enter.slide-up-enter-active&-placement-bottomLeft,
&.slide-up-enter.slide-up-enter-active&-placement-bottomRight,
&.slide-up-appear.slide-up-appear-active&-placement-bottomLeft,
&.slide-up-appear.slide-up-appear-active&-placement-bottomRight {
animation-name: antSlideUpIn;
}
&.slide-up-leave.slide-up-leave-active&-placement-topLeft,
&.slide-up-leave.slide-up-leave-active&-placement-topRight {
animation-name: antSlideDownOut;
}
&.slide-up-leave.slide-up-leave-active&-placement-bottomLeft,
&.slide-up-leave.slide-up-leave-active&-placement-bottomRight {
animation-name: antSlideUpOut;
}
}
.@{calendar-prefix-cls}-picker {

Loading…
Cancel
Save