centaline-data-driven 1.1.54 → 1.1.55

package/src/centaline/dynamicInputNumber/src/dynamicInputNumber.vue

@@ -1,157 +1,157 @@
-<template>
-  <div class="field-top">
-    <div style="width:100;" v-if="model !== null" class="ct-inputNumber" :class="[model.attrs.size?'ct-font-size-'+model.attrs.size:'',model.lock ? 'ct-inputNumber-lock' : ''
-       ]" @mouseover="mouseOverHandle" @mouseout="mouseOutHandle">
-      <div class="ct-flex-div" :class="[model.showLabel?'el-input-group el-input-group--prepend':'',!valid?'inputError':'']">
-        <div v-if="model.showLabel && model.label" class="el-input-group__prepend field-label-div" :class="[model.labelClass]">
-          {{model.label}}
-        </div>
-        <div style="padding-left:15px;flex:1" v-bind="model.attrs" class="el-date-editor ct-input__inner">
-          <input style="text-align:left;width:100%" class="el-range-input"  :placeholder="model.attrs.placeholder1"
-                 v-model="model.value" @change="onChangeHandler($event)" @input="onInputHandler($event);isShowClear()"
-                 @blur="onBlurHandler($event)"
-                 :class="model.lock ? 'ct-is-disabled' : ''" :disabled="model.lock" />
-          <!--<span v-if="!model.lock" class="cover-list-item-span">
-      <i class="el-input__icon el-icon-circle-close" @click="clearClickHandle"></i>
-    </span>-->
-       <span  class="el-input__suffix el-input--mini"  v-if="showClear">
-            <span  class="el-input__suffix-inner ct-close">
-              <i class="el-select__caret el-input__icon el-icon-circle-close is-show-close" @click="clearClickHandle($event)"></i>
-            </span>
-       </span>
-
-          <span v-if="model.unitName" class="ct-unitname el-input__suffix el-input__suffix-inner">{{model.unitName}}</span>
-        </div>
-        <span v-if="model.sufLabel" class="spanMessage ct-flex-div-span">{{model.sufLabel}}</span>
-        <transition name="el-fade-in ct-flex-div-span">
-          <span v-show="!valid" class="errorMessage">
-            {{validMessage}}
-          </span>
-        </transition>
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-  import dynamicElement from '../../mixins/dynamicElement';
-  export default {
-    name: 'ct-inputNumber',
-    mixins: [dynamicElement],
-    props: {
-      vmodel: Object,
-      api: String
-    },
-    data() {
-      return {
-            showClear:false,
-      };
-    },
-    created() {
-      var self = this;
-      this.$nextTick(function () {
-
-         if (typeof self.vmodel === 'undefined') {
-           self.model = self.loaderObj.InputNumber(this.source);
-         }
-      
-        if (self.vmodel) {
-          self.load(self.vmodel);
-          self.$emit('loaded');
-        }
-      });
-    },
-    methods: {
-      load(data) {
-        this.model = data;
-      },
-      clearClickHandle: function (event) {
-        this.model.value = '';
-        this.inputHandler(this.model.value);
-        this.changeHandler(this.model.value);
-      },
-      onInputHandler: function (val) {
-        this.model.value = this.$common.numFloat(this.model.value, this.model.decimals, this.inputOld);//保留n位小数 
-        if (this.model.max !== "" && parseFloat(this.model.value) > parseFloat(this.model.max)) {
-          this.model.value = this.inputOld;
-        }
-
-        this.inputHandler(this.model.value);
-        this.changeHandler(this.model.value);//todo input事件里要不要加这个事件
-      },
-      onChangeHandler: function (val) {
-        this.changeHandler(this.model.value);
-        this.isShowClear();
-      },
-      onBlurHandler:function(event){
-        this.model.value = this.$common.numToFloat(this.model.value, this.model.decimals);//保留n位小数
-        this.inputHandler();
-      },
-      //不能共用的数据校验
-      selfValidExcute: function (eventName) {
-        if (this.model.max !== "" && parseFloat(this.model.value) > parseFloat(this.model.max)) {
-          this.validMessage = "不能大于最大值：" + this.model.max;
-          this.valid = false;
-          return false;
-        }
-        if (eventName === "valid") {
-          if (this.model.min !== "" && parseFloat(this.model.value) < parseFloat(this.model.min)) {
-            this.validMessage = "不能小于最小值：" + this.model.min;
-            this.valid = false;
-            return false;
-          }
-        }
-        return true;
-      },
-      mouseOverHandle: function () {
-        if (this.model.value !== '' && this.model.clearable) {
-          this.$set(this, 'showClear', true);
-        }
-      },
-      mouseOutHandle: function () {
-        this.$set(this, 'showClear', false);
-      },
-      isShowClear()
-      {
-         if (this.model.value !== '' && this.model.clearable) {
-          this.$set(this, 'showClear', true);
-        }else
-        {
-           this.$set(this, 'showClear', false);
-        }
-      },
-
-       clearClickHandle: function (event) {
-        this.model.value = '';
-        this.isShowClear();
-        event.stopPropagation();
-      },
-    }
-  }
-</script>
-<style>
-  .ct-input__inner {
-    -webkit-appearance: none;
-    background-color: #fff;
-    background-image: none;
-    border-radius: 4px;
-    border: 1px solid #dcdfe6;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    color: #606266;
-    display: inline-block;
-    height: 26px;
-    outline: 0;
-    padding: 0 15px;
-    -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
-    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
-    width: 100%;
-  }
-
-  .ct-inputNumber {
-    font-size: 12px;
-  }
-  .ct-inputNumber-lock .ct-input__inner {
-    background-color: #f5f7fa;
-  }
-
-</style>
+<template>
+  <div class="field-top">
+    <div style="width:100;" v-if="model !== null" class="ct-inputNumber" :class="[model.attrs.size?'ct-font-size-'+model.attrs.size:'',model.lock ? 'ct-inputNumber-lock' : ''
+       ]" @mouseover="mouseOverHandle" @mouseout="mouseOutHandle">
+      <div class="ct-flex-div" :class="[model.showLabel?'el-input-group el-input-group--prepend':'',!valid?'inputError':'']">
+        <div v-if="model.showLabel && model.label" class="el-input-group__prepend field-label-div" :class="[model.labelClass]">
+          {{model.label}}
+        </div>
+        <div style="padding-left:15px;flex:1" v-bind="model.attrs" class="el-date-editor ct-input__inner">
+          <input style="text-align:left;width:100%" class="el-range-input"  :placeholder="model.attrs.placeholder1"
+                 v-model="model.value" @change="onChangeHandler($event)" @input="onInputHandler($event);isShowClear()"
+                 @blur="onBlurHandler($event)"
+                 :class="model.lock ? 'ct-is-disabled' : ''" :disabled="model.lock" />
+          <!--<span v-if="!model.lock" class="cover-list-item-span">
+      <i class="el-input__icon el-icon-circle-close" @click="clearClickHandle"></i>
+    </span>-->
+       <span  class="el-input__suffix el-input--mini"  v-if="showClear">
+            <span  class="el-input__suffix-inner ct-close">
+              <i class="el-select__caret el-input__icon el-icon-circle-close is-show-close" @click="clearClickHandle($event)"></i>
+            </span>
+       </span>
+
+          <span v-if="model.unitName" class="ct-unitname el-input__suffix el-input__suffix-inner">{{model.unitName}}</span>
+        </div>
+        <span v-if="model.sufLabel" class="spanMessage ct-flex-div-span">{{model.sufLabel}}</span>
+        <transition name="el-fade-in ct-flex-div-span">
+          <span v-show="!valid" class="errorMessage">
+            {{validMessage}}
+          </span>
+        </transition>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+  import dynamicElement from '../../mixins/dynamicElement';
+  export default {
+    name: 'ct-inputNumber',
+    mixins: [dynamicElement],
+    props: {
+      vmodel: Object,
+      api: String
+    },
+    data() {
+      return {
+            showClear:false,
+      };
+    },
+    created() {
+      var self = this;
+      this.$nextTick(function () {
+
+         if (typeof self.vmodel === 'undefined') {
+           self.model = self.loaderObj.InputNumber(this.source);
+         }
+      
+        if (self.vmodel) {
+          self.load(self.vmodel);
+          self.$emit('loaded');
+        }
+      });
+    },
+    methods: {
+      load(data) {
+        this.model = data;
+      },
+      clearClickHandle: function (event) {
+        this.model.value = '';
+        this.inputHandler(this.model.value);
+        this.changeHandler(this.model.value);
+      },
+      onInputHandler: function (val) {
+        this.model.value = this.$common.numFloat(this.model.value, this.model.decimals, this.inputOld);//保留n位小数 
+        if (this.model.max !== "" && parseFloat(this.model.value) > parseFloat(this.model.max)) {
+          this.model.value = this.inputOld;
+        }
+
+        this.inputHandler(this.model.value);
+        this.changeHandler(this.model.value);//todo input事件里要不要加这个事件
+      },
+      onChangeHandler: function (val) {
+        this.changeHandler(this.model.value);
+        this.isShowClear();
+      },
+      onBlurHandler:function(event){
+        this.model.value = this.$common.numToFloat(this.model.value, this.model.decimals);//保留n位小数
+        this.inputHandler();
+      },
+      //不能共用的数据校验
+      selfValidExcute: function (eventName) {
+        if (this.model.max !== "" && parseFloat(this.model.value) > parseFloat(this.model.max)) {
+          this.validMessage = "不能大于最大值：" + this.model.max;
+          this.valid = false;
+          return false;
+        }
+        if (eventName === "valid") {
+          if (this.model.min !== "" && parseFloat(this.model.value) < parseFloat(this.model.min)) {
+            this.validMessage = "不能小于最小值：" + this.model.min;
+            this.valid = false;
+            return false;
+          }
+        }
+        return true;
+      },
+      mouseOverHandle: function () {
+        if (this.model.value !== '' && this.model.clearable) {
+          this.$set(this, 'showClear', true);
+        }
+      },
+      mouseOutHandle: function () {
+        this.$set(this, 'showClear', false);
+      },
+      isShowClear()
+      {
+         if (this.model.value !== '' && this.model.clearable) {
+          this.$set(this, 'showClear', true);
+        }else
+        {
+           this.$set(this, 'showClear', false);
+        }
+      },
+
+       clearClickHandle: function (event) {
+        this.model.value = '';
+        this.isShowClear();
+        event.stopPropagation();
+      },
+    }
+  }
+</script>
+<style>
+  .ct-input__inner {
+    -webkit-appearance: none;
+    background-color: #fff;
+    background-image: none;
+    border-radius: 4px;
+    border: 1px solid #dcdfe6;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    color: #606266;
+    display: inline-block;
+    height: 26px;
+    outline: 0;
+    padding: 0 15px;
+    -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
+    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
+    width: 100%;
+  }
+
+  .ct-inputNumber {
+    font-size: 12px;
+  }
+  .ct-inputNumber-lock .ct-input__inner {
+    background-color: #f5f7fa;
+  }
+
+</style>

package/src/centaline/dynamicIti/index.js

@@ -1,11 +1,11 @@
-import dynamicIti from './src/dynamicIti'
-
-dynamicIti.install = function (Vue) {
-  Vue.component(dynamicIti.name, dynamicIti);
-}
-
-if (typeof window !== 'undefined' && window.Vue) {
-  window.Vue.use(dynamicIti);
-}
-
-export default dynamicIti;
+import dynamicIti from './src/dynamicIti'
+
+dynamicIti.install = function (Vue) {
+  Vue.component(dynamicIti.name, dynamicIti);
+}
+
+if (typeof window !== 'undefined' && window.Vue) {
+  window.Vue.use(dynamicIti);
+}
+
+export default dynamicIti;

package/src/centaline/dynamicIti/src/dynamicIti.vue

@@ -1,148 +1,148 @@
-<template>
-  <div class="field-top">
-    <div style="width:100%;display:flex" class="ct-iti" :class="[model.attrs.size?'ct-iti-'+model.attrs.size:'']" @mouseover="mouseOverHandle('input2')">
-      <div :class="[model.showLabel?'el-input-group el-input-group--prepend':'',!valid?'inputError':'']" style="flex:1">
-        <div v-if="model.showLabel && model.label" class="el-input-group__prepend" :class="[model.labelClass]">
-          {{model.label}}
-        </div>
-        <div style="padding-left:5px" v-bind="model.attrs" class="el-date-editor el-range-editor el-input__inner el-date-editor--daterange"
-             v-bind:class="[model.attrs.size?'el-range-editor--'+model.attrs.size:'',
-         model.showLabel?'ct-iti-editor':'',isFocus?'isfocus':'',model.lock ? 'ct-is-disabled' : '']">
-
-         <div style="width:39%" class="ct-position-relative" @mouseout="mouseOutHandle('input2')">
-          <input style="text-align:left;width:100%" class="el-range-input" :placeholder="model.attrs.placeholder1"
-                 v-model="model.value" @change="changeHandler($event)" @input="onInputHandler($event);isShowClear('input2')" @focus="focusHandler" @blur="blurHandler('value','decimals')"
-                 :class="model.lock ? 'ct-is-disabled' : ''" :disabled="model.lock" @keyup.enter="search()"/>
-           
-           <!-- <span  class="el-input__suffix el-input--mini"  v-if="showClear.input1">
-            <span  class="el-input__suffix-inner ct-close">
-              <i class="el-select__caret el-input__icon el-icon-circle-close is-show-close" @click="clearClickHandle($event,'input1','value')"></i>
-            </span>
-         </span> -->
-          </div>
-          <span style="width:5%" class="el-range-separator">-</span>
-          <div style="width:39%" class="ct-position-relative" @mouseout="mouseOutHandle('input2')">
-          <input style="text-align:left;width:100%;" class="el-range-input" :placeholder="model.attrs.placeholder2"
-                 v-model="model.value1" @change="changeHandler($event);" @input="onInputHandler($event);isShowClear('input2')" @focus="focusHandler" @blur="blurHandler('value1','decimals1')"
-                 :class="model.lock ? 'ct-is-disabled' : ''" :disabled="model.lock" @keyup.enter="search()"/>
-          </div>
-          <span  class="el-input__suffix el-input--mini"  v-if="showClear.input2">
-            <span  class="el-input__suffix-inner ct-close" style="display: flex;">
-              <i class="el-select__caret el-input__icon el-icon-circle-close is-show-close" @click="clearClickHandle($event,'input2')"></i>
-            </span>
-          </span>
-          <span v-if="model.unitName" class="ct-unitname el-input__suffix el-input__suffix-inner">{{model.unitName}}</span>
-        </div>
-      </div>
-      <span v-if="model.sufLabel" class="spanMessage ct-flex-div-span">{{model.sufLabel}}</span>
-      <transition name="el-fade-in ct-flex-div-span">
-        <span v-show="!valid" class="errorMessage">
-          {{validMessage}}
-        </span>
-      </transition>
-      <ct-quick-input v-if="!model.lock && model.paramName" :pn="model.paramName" :action="api" @input="model.value=$event.split('~')[0];model.value1=$event.split('~')[1]"></ct-quick-input>
-    </div>
-  </div>
-</template>
-
-<script>
-  import dynamicElement from '../../mixins/dynamicElement'
-  export default {
-    name: 'ct-iti',
-    mixins: [dynamicElement],
-    props: {
-      vmodel: Object
-    },
-    data() {
-      return {
-        isFocus: false,
-        showClear:{input1:false,input2:false},
-
-      }
-    },
-    created() {
-      if (typeof this.vmodel === 'undefined') {
-        this.model = this.loaderObj.Iti(this.source);
-      }
-      else {
-        this.model = this.vmodel;
-      }
-    },
-    methods: {
-      focusHandler() {
-        this.isFocus = true;
-      },
-      blurHandler(valName,decName) {
-        this.isFocus = false;
-         this.model[valName] = this.$common.numToFloat(this.model[valName], this.model[decName]);//保留n位小数
-        this.inputHandler();
-      },
-      onInputHandler: function (val) {
-        this.model.value = this.$common.numFloat(this.model.value, this.model.decimals, this.inputOld);//保留n位小数
-        this.model.value1 = this.$common.numFloat(this.model.value1, this.model.decimals1, this.inputOld1);//保留n位小数
-
-        if (this.model.max !== "" && parseFloat(this.model.value) > parseFloat(this.model.max)) {
-          this.model.value = this.inputOld;
-        }
-        if (this.model.max1 !== "" && parseFloat(this.model.value1) > parseFloat(this.model.max1)) {
-          this.model.value1 = this.inputOld1;
-        }
-
-        this.inputHandler(this.model.value);
-        this.changeHandler(this.model.value);//todo input事件里要不要加这个事件
-        console.log('onInputHandler');
-      },
-      //不能共用的数据校验
-      selfValidExcute: function (eventName) {
-        if (this.model.max !== "" && parseFloat(this.model.value) > parseFloat(this.model.max)) {
-          this.validMessage = "不能大于最大值：" + this.model.max;
-          this.valid = false;
-          return false;
-        }
-        if (this.model.max1 !== "" && parseFloat(this.model.value1) > parseFloat(this.model.max1)) {
-          this.validMessage = "不能大于最大值：" + this.model.max1;
-          this.valid = false;
-          return false;
-        }
-        if (eventName === "valid") {
-          if (this.model.min !== "" && parseFloat(this.model.value) < parseFloat(this.model.min)) {
-            this.validMessage = "不能小于最小值：" + this.model.min;
-            this.valid = false;
-            return false;
-          }
-          if (this.model.min1 !== "" && parseFloat(this.model.value1) < parseFloat(this.model.min1)) {
-            this.validMessage = "不能小于最小值：" + this.model.min1;
-            this.valid = false;
-            return false;
-          }
-        }
-        return true;
-      },
-      clearClickHandle: function (event,id) {
-        this.model['value'] ='';
-        this.model['value1'] ='';
-        this.isShowClear(id);
-      },
-      mouseOverHandle: function (id) {
-        if ((this.model['value'] !== '' || this.model['value1'] !== '') && this.model.clearable) {
-          this.showClear[id]=true;
-        }
-      },
-      mouseOutHandle: function (id) {
-        this.showClear[id]=false;
-      },
-      isShowClear(id)
-      {
-         if ((this.model['value'] !== '' || this.model['value1'] !== '') && this.model.clearable) {
-          this.showClear[id]=true;
-        }
-        else {
-           this.showClear[id]=false;
-        }
-      },
-      search() {
-        if(this.model.autoSearch) this.$emit('click');
-      },
-    }
-  }
-</script>
+<template>
+  <div class="field-top">
+    <div style="width:100%;display:flex" class="ct-iti" :class="[model.attrs.size?'ct-iti-'+model.attrs.size:'']" @mouseover="mouseOverHandle('input2')">
+      <div :class="[model.showLabel?'el-input-group el-input-group--prepend':'',!valid?'inputError':'']" style="flex:1">
+        <div v-if="model.showLabel && model.label" class="el-input-group__prepend" :class="[model.labelClass]">
+          {{model.label}}
+        </div>
+        <div style="padding-left:5px" v-bind="model.attrs" class="el-date-editor el-range-editor el-input__inner el-date-editor--daterange"
+             v-bind:class="[model.attrs.size?'el-range-editor--'+model.attrs.size:'',
+         model.showLabel?'ct-iti-editor':'',isFocus?'isfocus':'',model.lock ? 'ct-is-disabled' : '']">
+
+         <div style="width:39%" class="ct-position-relative" @mouseout="mouseOutHandle('input2')">
+          <input style="text-align:left;width:100%" class="el-range-input" :placeholder="model.attrs.placeholder1"
+                 v-model="model.value" @change="changeHandler($event)" @input="onInputHandler($event);isShowClear('input2')" @focus="focusHandler" @blur="blurHandler('value','decimals')"
+                 :class="model.lock ? 'ct-is-disabled' : ''" :disabled="model.lock" @keyup.enter="search()"/>
+           
+           <!-- <span  class="el-input__suffix el-input--mini"  v-if="showClear.input1">
+            <span  class="el-input__suffix-inner ct-close">
+              <i class="el-select__caret el-input__icon el-icon-circle-close is-show-close" @click="clearClickHandle($event,'input1','value')"></i>
+            </span>
+         </span> -->
+          </div>
+          <span style="width:5%" class="el-range-separator">-</span>
+          <div style="width:39%" class="ct-position-relative" @mouseout="mouseOutHandle('input2')">
+          <input style="text-align:left;width:100%;" class="el-range-input" :placeholder="model.attrs.placeholder2"
+                 v-model="model.value1" @change="changeHandler($event);" @input="onInputHandler($event);isShowClear('input2')" @focus="focusHandler" @blur="blurHandler('value1','decimals1')"
+                 :class="model.lock ? 'ct-is-disabled' : ''" :disabled="model.lock" @keyup.enter="search()"/>
+          </div>
+          <span  class="el-input__suffix el-input--mini"  v-if="showClear.input2">
+            <span  class="el-input__suffix-inner ct-close" style="display: flex;">
+              <i class="el-select__caret el-input__icon el-icon-circle-close is-show-close" @click="clearClickHandle($event,'input2')"></i>
+            </span>
+          </span>
+          <span v-if="model.unitName" class="ct-unitname el-input__suffix el-input__suffix-inner">{{model.unitName}}</span>
+        </div>
+      </div>
+      <span v-if="model.sufLabel" class="spanMessage ct-flex-div-span">{{model.sufLabel}}</span>
+      <transition name="el-fade-in ct-flex-div-span">
+        <span v-show="!valid" class="errorMessage">
+          {{validMessage}}
+        </span>
+      </transition>
+      <ct-quick-input v-if="!model.lock && model.paramName" :pn="model.paramName" :action="api" @input="model.value=$event.split('~')[0];model.value1=$event.split('~')[1]"></ct-quick-input>
+    </div>
+  </div>
+</template>
+
+<script>
+  import dynamicElement from '../../mixins/dynamicElement'
+  export default {
+    name: 'ct-iti',
+    mixins: [dynamicElement],
+    props: {
+      vmodel: Object
+    },
+    data() {
+      return {
+        isFocus: false,
+        showClear:{input1:false,input2:false},
+
+      }
+    },
+    created() {
+      if (typeof this.vmodel === 'undefined') {
+        this.model = this.loaderObj.Iti(this.source);
+      }
+      else {
+        this.model = this.vmodel;
+      }
+    },
+    methods: {
+      focusHandler() {
+        this.isFocus = true;
+      },
+      blurHandler(valName,decName) {
+        this.isFocus = false;
+         this.model[valName] = this.$common.numToFloat(this.model[valName], this.model[decName]);//保留n位小数
+        this.inputHandler();
+      },
+      onInputHandler: function (val) {
+        this.model.value = this.$common.numFloat(this.model.value, this.model.decimals, this.inputOld);//保留n位小数
+        this.model.value1 = this.$common.numFloat(this.model.value1, this.model.decimals1, this.inputOld1);//保留n位小数
+
+        if (this.model.max !== "" && parseFloat(this.model.value) > parseFloat(this.model.max)) {
+          this.model.value = this.inputOld;
+        }
+        if (this.model.max1 !== "" && parseFloat(this.model.value1) > parseFloat(this.model.max1)) {
+          this.model.value1 = this.inputOld1;
+        }
+
+        this.inputHandler(this.model.value);
+        this.changeHandler(this.model.value);//todo input事件里要不要加这个事件
+        console.log('onInputHandler');
+      },
+      //不能共用的数据校验
+      selfValidExcute: function (eventName) {
+        if (this.model.max !== "" && parseFloat(this.model.value) > parseFloat(this.model.max)) {
+          this.validMessage = "不能大于最大值：" + this.model.max;
+          this.valid = false;
+          return false;
+        }
+        if (this.model.max1 !== "" && parseFloat(this.model.value1) > parseFloat(this.model.max1)) {
+          this.validMessage = "不能大于最大值：" + this.model.max1;
+          this.valid = false;
+          return false;
+        }
+        if (eventName === "valid") {
+          if (this.model.min !== "" && parseFloat(this.model.value) < parseFloat(this.model.min)) {
+            this.validMessage = "不能小于最小值：" + this.model.min;
+            this.valid = false;
+            return false;
+          }
+          if (this.model.min1 !== "" && parseFloat(this.model.value1) < parseFloat(this.model.min1)) {
+            this.validMessage = "不能小于最小值：" + this.model.min1;
+            this.valid = false;
+            return false;
+          }
+        }
+        return true;
+      },
+      clearClickHandle: function (event,id) {
+        this.model['value'] ='';
+        this.model['value1'] ='';
+        this.isShowClear(id);
+      },
+      mouseOverHandle: function (id) {
+        if ((this.model['value'] !== '' || this.model['value1'] !== '') && this.model.clearable) {
+          this.showClear[id]=true;
+        }
+      },
+      mouseOutHandle: function (id) {
+        this.showClear[id]=false;
+      },
+      isShowClear(id)
+      {
+         if ((this.model['value'] !== '' || this.model['value1'] !== '') && this.model.clearable) {
+          this.showClear[id]=true;
+        }
+        else {
+           this.showClear[id]=false;
+        }
+      },
+      search() {
+        if(this.model.autoSearch) this.$emit('click');
+      },
+    }
+  }
+</script>