centaline-data-driven 1.1.54 → 1.1.55

package/src/centaline/dynamicCb/src/dynamicCb.vue

@@ -1,72 +1,72 @@
-<template>
-  <div class="field-top">
-    <div v-if="model !== null" class="ct-checkbox">
-      <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" :class="[model.labelClass]">
-          {{model.label}}
-        </div>
-        <div class="ct-radios">
-          <el-checkbox v-model="model.value" :disabled="model.lock" @change="changeCheckBoxHandler"></el-checkbox>
-        </div>
-      </div>
-      <transition name="el-fade-in">
-        <span v-show="!valid" class="errorMessage">
-          {{validMessage}}
-        </span>
-      </transition>
-    </div>
-  </div>
-</template>
-<script>
-  import dynamicElement from '../../mixins/dynamicElement';
-  export default {
-    name: 'ct-cb',
-    mixins: [dynamicElement],
-    props: {
-      vmodel: Object,
-      api: String
-    },
-    data() {
-      return {
-
-      };
-    },
-    mounted() {
-      var self = this;
-      this.$nextTick(function () {
-        
-        if (self.vmodel) {
-          self.load(self.vmodel);
-          self.$emit('loaded');
-        }
-        else if (typeof self.source !== 'undefined') {
-          self.loaderObj.Seg(self.source, (data) => {
-            self.load(data);
-          });
-        }
-      });
-    },
-    methods: {
-      load(data) {
-        this.model = data;
-      },
-      changeCheckBoxHandler: function (event) {
-        this.changeHandler();
-      }
-    }
-  }
-</script>
-<style>
-   .ct-checkbox {
-    font-size: 12px;
-    width: 100%;
-  }
-  .ct-checkbox .ct-radios {
-    color: #606266;
-    /* border-radius: 4px; */
-    /* border: 1px solid #dcdfe6; */
-    /* padding-left: 15px; */
-    padding-bottom: 3px;
-    padding-top: 3px;
-  }
-</style>
+<template>
+  <div class="field-top">
+    <div v-if="model !== null" class="ct-checkbox">
+      <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" :class="[model.labelClass]">
+          {{model.label}}
+        </div>
+        <div class="ct-radios">
+          <el-checkbox v-model="model.value" :disabled="model.lock" @change="changeCheckBoxHandler"></el-checkbox>
+        </div>
+      </div>
+      <transition name="el-fade-in">
+        <span v-show="!valid" class="errorMessage">
+          {{validMessage}}
+        </span>
+      </transition>
+    </div>
+  </div>
+</template>
+<script>
+  import dynamicElement from '../../mixins/dynamicElement';
+  export default {
+    name: 'ct-cb',
+    mixins: [dynamicElement],
+    props: {
+      vmodel: Object,
+      api: String
+    },
+    data() {
+      return {
+
+      };
+    },
+    mounted() {
+      var self = this;
+      this.$nextTick(function () {
+        
+        if (self.vmodel) {
+          self.load(self.vmodel);
+          self.$emit('loaded');
+        }
+        else if (typeof self.source !== 'undefined') {
+          self.loaderObj.Seg(self.source, (data) => {
+            self.load(data);
+          });
+        }
+      });
+    },
+    methods: {
+      load(data) {
+        this.model = data;
+      },
+      changeCheckBoxHandler: function (event) {
+        this.changeHandler();
+      }
+    }
+  }
+</script>
+<style>
+   .ct-checkbox {
+    font-size: 12px;
+    width: 100%;
+  }
+  .ct-checkbox .ct-radios {
+    color: #606266;
+    /* border-radius: 4px; */
+    /* border: 1px solid #dcdfe6; */
+    /* padding-left: 15px; */
+    padding-bottom: 3px;
+    padding-top: 3px;
+  }
+</style>

package/src/centaline/dynamicCheckbox/index.js

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

package/src/centaline/dynamicCheckbox/src/dynamicCheckbox.vue

@@ -1,128 +1,128 @@
-<template>
-  <div class="field-top">
-    <div style="width:100%;display:flex" v-if="model !== null" class="ct-checkbox" :class="[model.attrs.class]">
-      <div style="flex:1;" :class="[model.showLabel?'el-input-group el-input-group--prepend':'']">
-        <div v-if="model.showLabel && model.label" class="el-input-group__prepend" :class="[model.labelClass]">
-          {{model.label}}
-        </div>
-        <div class="ct-checkbox-mian cover-list-item" :class="[model.showLabel?'showLabel':'',model.value !== ''?'hasValue':'']">
-          <span>
-            <el-checkbox-group v-model="model.checkedItemArr" @change="changeHandler1">
-              <el-checkbox :disabled="model.lock" v-for="item in model.options" :label="item[model.optionAttrs.value]" :key="item[model.optionAttrs.value]">{{item[model.optionAttrs.label]}}</el-checkbox>
-            </el-checkbox-group>
-          </span>
-
-          <span v-if="!model.lock" class="cover-list-item-span max-cover-list-item">
-          <i class="el-input__icon el-icon-circle-close" @click="clearClickHandle"></i>
-        </span>
-        </div>
-      </div>
-      <span v-show="!valid" class="errorMessage">
-        {{validMessage}}
-      </span>
-    </div>
-  </div>
-</template>
-<script>
-  import dynamicElement from '../../mixins/dynamicElement';
-  export default {
-    name: 'ct-checkbox',
-    mixins: [dynamicElement],
-    props: {
-      vmodel: Object,
-      api: String
-    },
-    data() {
-      return {
-
-      };
-    },
-    created() {
-      var self = this;
-      this.$nextTick(function () {
-
-        if (self.vmodel) {
-          self.load(self.vmodel);
-          self.$emit('loaded');
-        }
-        else if (typeof self.source !== 'undefined') {
-         this.model =  self.loaderObj.Checkbox(self.source);
-        }
-        else if (typeof self.api !== 'undefined') {
-          self.loaderObj.Checkbox(self.api, (data) => {
-            self.load(data);
-          });
-        }
-      });
-    },
-    methods: {
-      load(data) {
-        this.model = data;
-      },
-      clearClickHandle: function (event) {
-        this.model.checkedItemArr = [];
-        this.inputHandler(this.model.checkedItemArr);
-        this.changeHandler(this.model.checkedItemArr);
-      },
-      changeHandler1: function (val) {
-        this.inputHandler(this.model.checkedItemArr);
-        this.changeHandler(this.model.checkedItemArr);
-        this.model.updateCode1();
-        if(this.model.autoSearch) this.$emit('click');
-      }
-    }
-  }
-</script>
-<style>
-  .ct-checkbox {
-      min-height:28px
-  }
-    .ct-checkbox .ct-checkbox-mian {
-      color: #c0c4cc;
-      border-radius: 4px;
-      /*border: 1px solid #dcdfe6;*/
-      min-height: 22px;
-      line-height: 16px;
-      padding-top: 4px;
-      padding-left: 15px;
-      box-sizing: content-box; /*设置标签的宽度和高度不包含padding和border的属性，真实高度=元素本身的宽高+padding的宽高 + border的宽高*/
-    }
-    .ct-checkbox .ct-checkbox-mian:hover {
-      border-color: #c0c4cc;
-    }
-    .ct-checkbox .ct-checkbox-mian .el-radio {
-      margin-left: 0px;
-      margin-right: 10px;
-    }
-
-  .ct-checkbox .showLabel.ct-checkbox-mian {
-    padding-right: 15px;
-  }
-
-  .ct-checkbox .ct-checkbox-mian .ct-checkbox-label {
-    margin-right: 10px;
-  }
-
-  .ct-checkbox .cover-list-item {
-    position: relative;
-  }
-
-  .ct-checkbox .cover-list-item-span {
-    position: absolute;
-    top: -6px;
-    right: 0px;
-    display: none;
-  }
-
-  .ct-checkbox .ct-checkbox-mian .el-icon-circle-close:hover {
-    color: #606266;
-  }
-
-  .ct-checkbox .ct-checkbox-mian:hover .cover-list-item-span {
-    display: initial;
-    color: #c0c4cc;
-  }
-
-
-
-</style>
+<template>
+  <div class="field-top">
+    <div style="width:100%;display:flex" v-if="model !== null" class="ct-checkbox" :class="[model.attrs.class]">
+      <div style="flex:1;" :class="[model.showLabel?'el-input-group el-input-group--prepend':'']">
+        <div v-if="model.showLabel && model.label" class="el-input-group__prepend" :class="[model.labelClass]">
+          {{model.label}}
+        </div>
+        <div class="ct-checkbox-mian cover-list-item" :class="[model.showLabel?'showLabel':'',model.value !== ''?'hasValue':'']">
+          <span>
+            <el-checkbox-group v-model="model.checkedItemArr" @change="changeHandler1">
+              <el-checkbox :disabled="model.lock" v-for="item in model.options" :label="item[model.optionAttrs.value]" :key="item[model.optionAttrs.value]">{{item[model.optionAttrs.label]}}</el-checkbox>
+            </el-checkbox-group>
+          </span>
+
+          <span v-if="!model.lock" class="cover-list-item-span max-cover-list-item">
+          <i class="el-input__icon el-icon-circle-close" @click="clearClickHandle"></i>
+        </span>
+        </div>
+      </div>
+      <span v-show="!valid" class="errorMessage">
+        {{validMessage}}
+      </span>
+    </div>
+  </div>
+</template>
+<script>
+  import dynamicElement from '../../mixins/dynamicElement';
+  export default {
+    name: 'ct-checkbox',
+    mixins: [dynamicElement],
+    props: {
+      vmodel: Object,
+      api: String
+    },
+    data() {
+      return {
+
+      };
+    },
+    created() {
+      var self = this;
+      this.$nextTick(function () {
+
+        if (self.vmodel) {
+          self.load(self.vmodel);
+          self.$emit('loaded');
+        }
+        else if (typeof self.source !== 'undefined') {
+         this.model =  self.loaderObj.Checkbox(self.source);
+        }
+        else if (typeof self.api !== 'undefined') {
+          self.loaderObj.Checkbox(self.api, (data) => {
+            self.load(data);
+          });
+        }
+      });
+    },
+    methods: {
+      load(data) {
+        this.model = data;
+      },
+      clearClickHandle: function (event) {
+        this.model.checkedItemArr = [];
+        this.inputHandler(this.model.checkedItemArr);
+        this.changeHandler(this.model.checkedItemArr);
+      },
+      changeHandler1: function (val) {
+        this.inputHandler(this.model.checkedItemArr);
+        this.changeHandler(this.model.checkedItemArr);
+        this.model.updateCode1();
+        if(this.model.autoSearch) this.$emit('click');
+      }
+    }
+  }
+</script>
+<style>
+  .ct-checkbox {
+      min-height:28px
+  }
+    .ct-checkbox .ct-checkbox-mian {
+      color: #c0c4cc;
+      border-radius: 4px;
+      /*border: 1px solid #dcdfe6;*/
+      min-height: 22px;
+      line-height: 16px;
+      padding-top: 4px;
+      padding-left: 15px;
+      box-sizing: content-box; /*设置标签的宽度和高度不包含padding和border的属性，真实高度=元素本身的宽高+padding的宽高 + border的宽高*/
+    }
+    .ct-checkbox .ct-checkbox-mian:hover {
+      border-color: #c0c4cc;
+    }
+    .ct-checkbox .ct-checkbox-mian .el-radio {
+      margin-left: 0px;
+      margin-right: 10px;
+    }
+
+  .ct-checkbox .showLabel.ct-checkbox-mian {
+    padding-right: 15px;
+  }
+
+  .ct-checkbox .ct-checkbox-mian .ct-checkbox-label {
+    margin-right: 10px;
+  }
+
+  .ct-checkbox .cover-list-item {
+    position: relative;
+  }
+
+  .ct-checkbox .cover-list-item-span {
+    position: absolute;
+    top: -6px;
+    right: 0px;
+    display: none;
+  }
+
+  .ct-checkbox .ct-checkbox-mian .el-icon-circle-close:hover {
+    color: #606266;
+  }
+
+  .ct-checkbox .ct-checkbox-mian:hover .cover-list-item-span {
+    display: initial;
+    color: #c0c4cc;
+  }
+
+
+
+</style>

package/src/centaline/dynamicComboBoxWithTextBox/index.js

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