centaline-data-driven 1.1.55 → 1.1.56

package/src/centaline/dynamicSo/src/dynamicSo/345/211/257/346/234/254.vue

@@ -1,69 +1,69 @@
-<template>
-  <div style="width:100%">
-    <el-select v-bind="model.attrs" v-model="model.value" @focus="getOptions" @change="soChange">
-      <el-option v-for="item in model.options"
-                 :key="item[model.optionAttrs.key]"
-                 :label="item[model.optionAttrs.label]"
-                 :value="item[model.optionAttrs.value]">
-      </el-option>
-    </el-select>
-  </div>
-</template>
-
-<script>
-  import dynamicElement from '../../mixins/dynamicElement';
-  export default {
-    name: 'ct-so',
-    mixins: [dynamicElement],
-    props: {
-      api: String,
-      vmodel: Object
-    },
-    data() {
-      return {
-      }
-    },
-    created() {
-      if (typeof this.vmodel === 'undefined') {
-        this.model = this.loaderObj.So(this.source);
-      }
-      else {
-        this.model = this.vmodel;
-      }
-    },
-    methods: {
-      getOptions: function () {
-        var self = this;
-        var apiAddrs = this.model.api || this.api;
-        if (typeof apiAddrs !== 'undefined') {
-          var params = {};
-          if (typeof this.model.parent !== 'undefined') {
-            params[this.model.apiParams.parentName] = this.model.parent.paramName;
-            params[this.model.apiParams.parentValue] = this.model.parent.value;
-          }
-          params[this.model.apiParams.paramName] = this.model.paramName;
-          this.$api.get(apiAddrs, { params: params }, function (data) {
-            self.model.options = data;
-          });
-        }
-      },
-      soChange: function () {
-        var self = this;
-        if (typeof this.model.child !== 'undefined') {
-          this.model.child.value = this.model.child.defaultValue || '';
-          this.model.child.text = this.model.child.defaultValue || '';
-        }
-        var currentOption = this.model.options.find((value) => {
-          return value[self.model.optionAttrs.value] === self.model.value
-        });
-        if (currentOption) {
-          this.model.text = currentOption[self.model.optionAttrs.label];
-        }
-        else {
-          this.model.text = '';
-        }
-        this.$emit('change', this.model.value);
-      }
-    }
-  }
-</script>
+<template>
+  <div style="width:100%">
+    <el-select v-bind="model.attrs" v-model="model.value" @focus="getOptions" @change="soChange">
+      <el-option v-for="item in model.options"
+                 :key="item[model.optionAttrs.key]"
+                 :label="item[model.optionAttrs.label]"
+                 :value="item[model.optionAttrs.value]">
+      </el-option>
+    </el-select>
+  </div>
+</template>
+
+<script>
+  import dynamicElement from '../../mixins/dynamicElement';
+  export default {
+    name: 'ct-so',
+    mixins: [dynamicElement],
+    props: {
+      api: String,
+      vmodel: Object
+    },
+    data() {
+      return {
+      }
+    },
+    created() {
+      if (typeof this.vmodel === 'undefined') {
+        this.model = this.loaderObj.So(this.source);
+      }
+      else {
+        this.model = this.vmodel;
+      }
+    },
+    methods: {
+      getOptions: function () {
+        var self = this;
+        var apiAddrs = this.model.api || this.api;
+        if (typeof apiAddrs !== 'undefined') {
+          var params = {};
+          if (typeof this.model.parent !== 'undefined') {
+            params[this.model.apiParams.parentName] = this.model.parent.paramName;
+            params[this.model.apiParams.parentValue] = this.model.parent.value;
+          }
+          params[this.model.apiParams.paramName] = this.model.paramName;
+          this.$api.get(apiAddrs, { params: params }, function (data) {
+            self.model.options = data;
+          });
+        }
+      },
+      soChange: function () {
+        var self = this;
+        if (typeof this.model.child !== 'undefined') {
+          this.model.child.value = this.model.child.defaultValue || '';
+          this.model.child.text = this.model.child.defaultValue || '';
+        }
+        var currentOption = this.model.options.find((value) => {
+          return value[self.model.optionAttrs.value] === self.model.value
+        });
+        if (currentOption) {
+          this.model.text = currentOption[self.model.optionAttrs.label];
+        }
+        else {
+          this.model.text = '';
+        }
+        this.$emit('change', this.model.value);
+      }
+    }
+  }
+</script>

package/src/centaline/dynamicSos/index.js

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

package/src/centaline/dynamicSos/src/dynamicSos - /345/244/215/345/210/266.vue"

@@ -1,223 +1,223 @@
-<template>
-  <div class="ct-so" :class="[(focus || showDrop)?'isfocus':'',model.attrs.size?'ct-so-'+model.attrs.size:''
-       ]" @mouseover="mouseOverHandle" @mouseout="mouseOutHandle">
-    <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">
-        {{model.label}}
-      </div>
-      <el-popover ref="pop" placement="bottom-start" v-model="showDrop" :class="[model.showLabel?'showLabel':'']">
-        <div>
-          <div>
-            <el-input ref="searchInput" :size="model.attrs.size" suffix-icon="el-icon-search" v-model="searchText" @input="searchInputHandle"></el-input>
-          </div>
-          <ct-select-option :model="model" :optionRowCount="optionRowCount" @click="selectOption($event)"></ct-select-option>
-        </div>
-        <input slot="reference" v-bind="model.attrs" readonly="readonly" v-model="model.text" :placeholder="soPlaceholder"
-               ref="ct-input" class="ct-input_inner" :style="{height:inputHeight + 'px','line-height':inputLineHeight + 'px'}"
-               @focus="focusHandle" @blur="blurHandle" @click="clickHandle" @input="inputHandler($event)" @change="changeHandler($event)" />
-      </el-popover>
-      <span class="el-input__suffix" @click="clickHandle" :class="[model.attrs.size?'el-input--'+model.attrs.size:'']">
-        <span v-if="showClear === false" class="el-input__suffix-inner">
-          <i class="el-select__caret el-input__icon el-icon-arrow-up" :class="{'is-reverse':showDrop}"></i>
-        </span>
-        <span v-if="showClear === true" 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>
-    </div>
-    <transition name="el-fade-in">
-      <span v-show="!valid" class="errorMessage">
-        {{validMessage}}
-      </span>
-    </transition>
-  </div>
-</template>
-
-<script>
-  import dynamicElement from '../../mixins/dynamicElement'
-  import selectOption from '../../selectOption/src/selectOption'
-  export default {
-    name: 'ct-sos',
-    mixins: [dynamicElement],
-    components: {
-      'ctSelectOption': selectOption
-    },
-    props: {
-      api: String,
-      vmodel: Object,
-      popShow: {
-        type: Boolean,
-        default: true
-      }
-    },
-    data() {
-      return {
-        focus: false,
-        showDrop: false,
-        inputHeight: 26,
-        showClear: false,
-        searchText: ""
-      }
-    },
-    created() {
-      if (typeof this.vmodel === 'undefined') {
-        this.model = this.loaderObj.Sos(this.source);
-      }
-      else {
-        this.model = this.vmodel;
-      }
-      this.$watch('model.value', (n, o) => {
-        if (typeof this.model.child !== 'undefined') {
-          this.model.child.value = this.model.child.defaultValue || '';
-          this.model.child.text = this.model.child.defaultText || '';
-        }
-      });
-      this.inputHeight = this.inputLineHeight;
-    },
-    computed: {
-      soPlaceholder: {
-        get: function () {
-          if (this.model.value !== '') {
-            return '';
-          }
-          else {
-            return this.model.label;
-          }
-        },
-        set: function (v) {
-
-        }
-      },
-      inputLineHeight: {
-        get: function () {
-          switch (this.model.attrs.size) {
-            case 'mini':
-              return 26;
-            case 'small':
-              return 32;
-            case 'medium':
-              return 36;
-            default:
-              return 40;
-          }
-        }
-      },
-      optionColSpan: function () {
-        return parseInt(24 / this.model.optionColCount);
-      },
-      optionRowCount: function () {
-        return parseInt(this.model.options.length % this.model.optionColCount > 0 ? (this.model.options.length / this.model.optionColCount) + 1 : this.model.options.length / this.model.optionColCount);
-      }
-    },
-    mounted() {
-      var self = this;
-      this.$nextTick(function () {
-        var dropdown = self.$refs["pop"];
-        self.$watch('model.options', function (newVal, oldVal) {
-          self.$nextTick(() => {
-            if (typeof dropdown.popperJS !== 'undefined' && dropdown.popperJS) {
-              dropdown.popperJS.destroy();
-              dropdown.popperJS = null;
-              dropdown.updatePopper();
-            }
-            self.$refs["searchInput"].$el.querySelector("input").focus();
-          });
-        }, { deep: true, immediate: true });
-      });
-    },
-    methods: {
-      getOptions: function () {
-        var self = this;
-        this.model.getOptions(this.api, self.searchText);
-      },
-      soChange: function () {
-        var self = this;
-        if (typeof this.model.child !== 'undefined') {
-          this.model.child.value = this.model.child.defaultValue || '';
-          this.model.child.text = this.model.child.defaultText || '';
-        }
-        var currentOption = this.model.options.find((value) => {
-          return self.model.value === value[self.model.optionAttrs.value];
-        });
-        if (currentOption) {
-          this.model.text = currentOption[self.model.optionAttrs.label];
-        }
-        else {
-          this.model.text = '';
-        }
-        this.$emit('change', this.model.value);
-        this.inputHandler(self.model.value);
-        this.changeHandler(self.model.value);
-      },
-      focusHandle: function () {
-        this.$set(this, 'focus', true);
-      },
-      blurHandle: function () {
-        this.$set(this, 'focus', false);
-      },
-      clickHandle: function () {
-        this.$set(this, 'showDrop', !this.showDrop);
-        if (this.showDrop) {
-          this.getOptions();
-        }
-        this.focusHandle();
-      },
-      getOptionText: function (value) {
-        var self = this;
-        var option = this.model.options.find((v) => { return v[self.model.optionAttrs.value] === value });
-        if (option) {
-          return option[self.model.optionAttrs.label];
-        } else {
-          return value;
-        }
-      },
-      getOptionSelect(value) {
-        if (this.model.value === value) {
-          return "danger";
-        }
-        else {
-          return "success";
-        }
-      },
-      selectOption(value) {
-        if (this.model.value === value) {
-          this.model.value = '';
-        }
-        else {
-          this.model.value = value;
-        }
-        this.soChange();
-        this.$emit('input', this.model.value);
-        this.$set(this, 'showDrop', false);
-      },
-      mouseOverHandle: function () {
-        if (this.model.value !== '' && this.model.clearable) {
-          this.$set(this, 'showClear', true);
-        }
-      },
-      mouseOutHandle: function () {
-        this.$set(this, 'showClear', false);
-      },
-      clearClickHandle: function (event) {
-        this.model.value = '';
-        this.soChange();
-        this.$emit('input', this.model.value);
-        event.stopPropagation();
-      },
-      searchInputHandle: function () {
-        var currentSeatch = this.searchText;
-        this.searchTickControl(currentSeatch);
-      },
-      searchTickControl: function (search) {
-        var self = this;
-        setTimeout(function () {
-          if (search === self.searchText) {
-            self.getOptions(self.searchText);
-          }
-        }, self.model.searchTick);
-      }
-    }
-  }
-</script>
-<style>
-</style>
+<template>
+  <div class="ct-so" :class="[(focus || showDrop)?'isfocus':'',model.attrs.size?'ct-so-'+model.attrs.size:''
+       ]" @mouseover="mouseOverHandle" @mouseout="mouseOutHandle">
+    <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">
+        {{model.label}}
+      </div>
+      <el-popover ref="pop" placement="bottom-start" v-model="showDrop" :class="[model.showLabel?'showLabel':'']">
+        <div>
+          <div>
+            <el-input ref="searchInput" :size="model.attrs.size" suffix-icon="el-icon-search" v-model="searchText" @input="searchInputHandle"></el-input>
+          </div>
+          <ct-select-option :model="model" :optionRowCount="optionRowCount" @click="selectOption($event)"></ct-select-option>
+        </div>
+        <input slot="reference" v-bind="model.attrs" readonly="readonly" v-model="model.text" :placeholder="soPlaceholder"
+               ref="ct-input" class="ct-input_inner" :style="{height:inputHeight + 'px','line-height':inputLineHeight + 'px'}"
+               @focus="focusHandle" @blur="blurHandle" @click="clickHandle" @input="inputHandler($event)" @change="changeHandler($event)" />
+      </el-popover>
+      <span class="el-input__suffix" @click="clickHandle" :class="[model.attrs.size?'el-input--'+model.attrs.size:'']">
+        <span v-if="showClear === false" class="el-input__suffix-inner">
+          <i class="el-select__caret el-input__icon el-icon-arrow-up" :class="{'is-reverse':showDrop}"></i>
+        </span>
+        <span v-if="showClear === true" 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>
+    </div>
+    <transition name="el-fade-in">
+      <span v-show="!valid" class="errorMessage">
+        {{validMessage}}
+      </span>
+    </transition>
+  </div>
+</template>
+
+<script>
+  import dynamicElement from '../../mixins/dynamicElement'
+  import selectOption from '../../selectOption/src/selectOption'
+  export default {
+    name: 'ct-sos',
+    mixins: [dynamicElement],
+    components: {
+      'ctSelectOption': selectOption
+    },
+    props: {
+      api: String,
+      vmodel: Object,
+      popShow: {
+        type: Boolean,
+        default: true
+      }
+    },
+    data() {
+      return {
+        focus: false,
+        showDrop: false,
+        inputHeight: 26,
+        showClear: false,
+        searchText: ""
+      }
+    },
+    created() {
+      if (typeof this.vmodel === 'undefined') {
+        this.model = this.loaderObj.Sos(this.source);
+      }
+      else {
+        this.model = this.vmodel;
+      }
+      this.$watch('model.value', (n, o) => {
+        if (typeof this.model.child !== 'undefined') {
+          this.model.child.value = this.model.child.defaultValue || '';
+          this.model.child.text = this.model.child.defaultText || '';
+        }
+      });
+      this.inputHeight = this.inputLineHeight;
+    },
+    computed: {
+      soPlaceholder: {
+        get: function () {
+          if (this.model.value !== '') {
+            return '';
+          }
+          else {
+            return this.model.label;
+          }
+        },
+        set: function (v) {
+
+        }
+      },
+      inputLineHeight: {
+        get: function () {
+          switch (this.model.attrs.size) {
+            case 'mini':
+              return 26;
+            case 'small':
+              return 32;
+            case 'medium':
+              return 36;
+            default:
+              return 40;
+          }
+        }
+      },
+      optionColSpan: function () {
+        return parseInt(24 / this.model.optionColCount);
+      },
+      optionRowCount: function () {
+        return parseInt(this.model.options.length % this.model.optionColCount > 0 ? (this.model.options.length / this.model.optionColCount) + 1 : this.model.options.length / this.model.optionColCount);
+      }
+    },
+    mounted() {
+      var self = this;
+      this.$nextTick(function () {
+        var dropdown = self.$refs["pop"];
+        self.$watch('model.options', function (newVal, oldVal) {
+          self.$nextTick(() => {
+            if (typeof dropdown.popperJS !== 'undefined' && dropdown.popperJS) {
+              dropdown.popperJS.destroy();
+              dropdown.popperJS = null;
+              dropdown.updatePopper();
+            }
+            self.$refs["searchInput"].$el.querySelector("input").focus();
+          });
+        }, { deep: true, immediate: true });
+      });
+    },
+    methods: {
+      getOptions: function () {
+        var self = this;
+        this.model.getOptions(this.api, self.searchText);
+      },
+      soChange: function () {
+        var self = this;
+        if (typeof this.model.child !== 'undefined') {
+          this.model.child.value = this.model.child.defaultValue || '';
+          this.model.child.text = this.model.child.defaultText || '';
+        }
+        var currentOption = this.model.options.find((value) => {
+          return self.model.value === value[self.model.optionAttrs.value];
+        });
+        if (currentOption) {
+          this.model.text = currentOption[self.model.optionAttrs.label];
+        }
+        else {
+          this.model.text = '';
+        }
+        this.$emit('change', this.model.value);
+        this.inputHandler(self.model.value);
+        this.changeHandler(self.model.value);
+      },
+      focusHandle: function () {
+        this.$set(this, 'focus', true);
+      },
+      blurHandle: function () {
+        this.$set(this, 'focus', false);
+      },
+      clickHandle: function () {
+        this.$set(this, 'showDrop', !this.showDrop);
+        if (this.showDrop) {
+          this.getOptions();
+        }
+        this.focusHandle();
+      },
+      getOptionText: function (value) {
+        var self = this;
+        var option = this.model.options.find((v) => { return v[self.model.optionAttrs.value] === value });
+        if (option) {
+          return option[self.model.optionAttrs.label];
+        } else {
+          return value;
+        }
+      },
+      getOptionSelect(value) {
+        if (this.model.value === value) {
+          return "danger";
+        }
+        else {
+          return "success";
+        }
+      },
+      selectOption(value) {
+        if (this.model.value === value) {
+          this.model.value = '';
+        }
+        else {
+          this.model.value = value;
+        }
+        this.soChange();
+        this.$emit('input', this.model.value);
+        this.$set(this, 'showDrop', false);
+      },
+      mouseOverHandle: function () {
+        if (this.model.value !== '' && this.model.clearable) {
+          this.$set(this, 'showClear', true);
+        }
+      },
+      mouseOutHandle: function () {
+        this.$set(this, 'showClear', false);
+      },
+      clearClickHandle: function (event) {
+        this.model.value = '';
+        this.soChange();
+        this.$emit('input', this.model.value);
+        event.stopPropagation();
+      },
+      searchInputHandle: function () {
+        var currentSeatch = this.searchText;
+        this.searchTickControl(currentSeatch);
+      },
+      searchTickControl: function (search) {
+        var self = this;
+        setTimeout(function () {
+          if (search === self.searchText) {
+            self.getOptions(self.searchText);
+          }
+        }, self.model.searchTick);
+      }
+    }
+  }
+</script>
+<style>
+</style>