publish 0.9.11-rc-1

publish 0.9.11-rc-1

package.json

@@ -1,6 +1,6 @@
 {
   "name": "iview",
-  "version": "0.9.10",
+  "version": "0.9.11-rc-1",
   "title": "iView",
   "description": "A high quality  UI components Library with Vue.js",
   "homepage": "http://www.iviewui.com",

src/components/date-picker/picker.vue

@@ -2,22 +2,24 @@
     <div
         :class="[prefixCls]"
         v-clickoutside="handleClose">
-        <i-input
-            v-el:reference
-            :class="[prefixCls + '-editor']"
-            :readonly="!editable || readonly"
-            :disabled="disabled"
-            :size="size"
-            :placeholder="placeholder"
-            :value="visualValue"
-            @on-change="handleInputChange"
-            @on-focus="handleFocus"
-            @on-blur="handleBlur"
-            @on-click="handleIconClick"
-            @mouseenter="handleInputMouseenter"
-            @mouseleave="handleInputMouseleave"
-            :icon="iconType"></i-input>
-        <Drop v-show="visible" :placement="placement" transition="slide-up" v-ref:drop>
+        <div v-el:reference>
+            <slot>
+                <i-input
+                    :class="[prefixCls + '-editor']"
+                    :readonly="!editable || readonly"
+                    :disabled="disabled"
+                    :size="size"
+                    :placeholder="placeholder"
+                    :value="visualValue"
+                    @on-change="handleInputChange"
+                    @on-focus="handleFocus"
+                    @on-click="handleIconClick"
+                    @mouseenter="handleInputMouseenter"
+                    @mouseleave="handleInputMouseleave"
+                    :icon="iconType"></i-input>
+            </slot>
+        </div>
+        <Drop v-show="opened" :placement="placement" transition="slide-up" v-ref:drop>
             <div v-el:picker></div>
         </Drop>
     </div>
@@ -166,6 +168,10 @@
                 type: Boolean,
                 default: false
             },
+            open: {
+                type: Boolean,
+                default: null
+            },
             size: {
                 validator (value) {
                     return oneOf(value, ['small', 'large']);
@@ -195,6 +201,9 @@
             }
         },
         computed: {
+            opened () {
+                return this.open === null ? this.visible : this.open;
+            },
             iconType () {
                 return this.showClose ? 'ios-close' : 'ios-calendar-outline';
             },
@@ -247,9 +256,6 @@
             handleFocus () {
                 if (this.readonly) return;
                 this.visible = true;
-            },
-            handleBlur () {
-
             },
             handleInputChange (event) {
                 const oldValue = this.visualValue;
@@ -325,7 +331,6 @@
                 this.visible = false;
                 this.internalValue = '';
                 this.value = '';
-                this.emitChange(this.value);
             },
             showPicker () {
                 if (!this.picker) {
@@ -353,7 +358,7 @@
                         this.handleClear();
                     });
                     this.picker.$on('on-pick-success', () => {
-                        this.emitChange(this.value);
+//                        this.emitChange(this.value);
                         this.visible = false;
                     });
 
@@ -406,6 +411,11 @@
             if (this.picker) {
                 this.picker.$destroy();
             }
+        },
+        ready () {
+            if (this.open !== null) {
+                this.visible = this.open;
+            }
         }
     }
 </script>

test/routers/date.vue

@@ -14,7 +14,10 @@
                         @on-change="change"
                         :confirm="true"
                         :options="options"
-                        @on-open-change="change2"></date-picker>
+                        open
+                        @on-open-change="change2">
+                    <p>123</p>
+                </date-picker>
             </i-col>
             <i-col span="8">
                 <date-picker