centaline-data-driven 1.1.54 → 1.1.55

package/src/centaline/dynamicDrop/index.js

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

package/src/centaline/dynamicDrop/src/dynamicDrop.vue

@@ -1,54 +1,54 @@
-<template>
-  <div style="width:100%">
-    <el-dropdown ref="test" trigger="click" @command="$emit('select',$event)" @click.native="dropClick" :placement="'bottom-end'">
-      <span class="el-dropdown-link">
-        <i class="el-icon-more el-icon--left"></i>
-      </span>
-      <el-dropdown-menu ref="dropdown" slot="dropdown">
-        <el-dropdown-item v-for="(item, index) in elementOptions" :key="index" :command="item.Name">{{item.Name}}</el-dropdown-item>
-      </el-dropdown-menu>
-    </el-dropdown>
-  </div>
-</template>
-<script>
-  import dynamicElement from '../../mixins/dynamicElement';
-  export default {
-    name: 'ct-drop',
-    mixins: [dynamicElement],
-    props: [],
-    data() {
-      return {
-        elementOptions: []
-      }
-    },
-    methods: {
-      dropClick(event) {
-        var self = this;
-        this.$nextTick(function () {
-          var params = {};
-          if (self.optApi) {
-            var url = self.optApi;
-            if (self.dynamicData) {
-              params.k = self.dynamicData.paramName1;
-            }
-            this.$api.get(url, { params: params }, function (data) {
-              self.elementOptions = data;
-            });
-          }
-        });
-      }
-    },
-    mounted() {
-      var self = this;
-      this.$nextTick(function () {
-        var dropdown = self.$refs["dropdown"];
-        dropdown.createPopper();
-        self.$watch('elementOptions', function (newVal, oldVal) {
-          self.$nextTick(() => {
-            dropdown.updatePopper();
-            dropdown.updatePopper();
-          });
-        }, { deep: true, immediate: true});
-      });
-    }
-}</script>
+<template>
+  <div style="width:100%">
+    <el-dropdown ref="test" trigger="click" @command="$emit('select',$event)" @click.native="dropClick" :placement="'bottom-end'">
+      <span class="el-dropdown-link">
+        <i class="el-icon-more el-icon--left"></i>
+      </span>
+      <el-dropdown-menu ref="dropdown" slot="dropdown">
+        <el-dropdown-item v-for="(item, index) in elementOptions" :key="index" :command="item.Name">{{item.Name}}</el-dropdown-item>
+      </el-dropdown-menu>
+    </el-dropdown>
+  </div>
+</template>
+<script>
+  import dynamicElement from '../../mixins/dynamicElement';
+  export default {
+    name: 'ct-drop',
+    mixins: [dynamicElement],
+    props: [],
+    data() {
+      return {
+        elementOptions: []
+      }
+    },
+    methods: {
+      dropClick(event) {
+        var self = this;
+        this.$nextTick(function () {
+          var params = {};
+          if (self.optApi) {
+            var url = self.optApi;
+            if (self.dynamicData) {
+              params.k = self.dynamicData.paramName1;
+            }
+            this.$api.get(url, { params: params }, function (data) {
+              self.elementOptions = data;
+            });
+          }
+        });
+      }
+    },
+    mounted() {
+      var self = this;
+      this.$nextTick(function () {
+        var dropdown = self.$refs["dropdown"];
+        dropdown.createPopper();
+        self.$watch('elementOptions', function (newVal, oldVal) {
+          self.$nextTick(() => {
+            dropdown.updatePopper();
+            dropdown.updatePopper();
+          });
+        }, { deep: true, immediate: true});
+      });
+    }
+}</script>

package/src/centaline/dynamicDtd/index.js

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

package/src/centaline/dynamicDtd/src/dynamicDtd.vue

@@ -1,125 +1,125 @@
-<template>
-  <div class="field-top">
-    <div v-if="model !== null" style="width:100%;display:flex" class="ct-Dtd" :class="[model.attrs.size?'ct-Dtd-'+model.attrs.size:''
-       ]">
-      <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 class="ct-datepicker" v-if="model !== null" :class="[model.showLabel?'showLabel':'']">
-          <el-date-picker class="ct-date-picker-editor" v-model="model.value"
-                          v-bind="model.attrs"
-                          @change="changeModel($event)"
-                          @clear="changeModel($event)"
-                          :picker-options="pickerOptions"
-                          :placeholder="model.placeholder"
-                          :disabled="model.lock">
-          </el-date-picker>
-          <span class="ct-date-picker-span">-</span>
-          <el-date-picker class="ct-date-picker-editor" v-model="model.value1"
-                          v-bind="model.attrs"
-                          @change="changeModel($event)"
-                          @clear="changeModel($event)"
-                          :picker-options="pickerOptions"
-                          :placeholder="model.placeholder1"
-                          :disabled="model.lock">
-          </el-date-picker>
-        </div>
-      </div>
-      <transition name="el-fade-in">
-        <span v-show="!valid" class="errorMessage">
-          {{validMessage}}
-        </span>
-      </transition>
-      <ct-quick-input v-if="model.paramName && !model.lock" :pn="model.paramName" :action="api" ></ct-quick-input>
-    </div>
-  </div>
-</template>
-<script>
-  import dynamicElement from '../../mixins/dynamicElement';
-  export default {
-    name: 'ct-dtd',
-    mixins: [dynamicElement],
-    props: {
-      vmodel: Object,
-      api: String
-    },
-    data() {
-      return {
-        pickerOptions: this.getPickerOptions()
-      };
-    },
-
-    mounted() {
-     
-      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.Dtd(self.source);
-        }
-        else if (typeof self.api !== 'undefined') {
-          self.loaderObj.Dtd(self.api, (data) => {
-            self.load(data);
-          });
-        }
-      });
-    },
-    watch: {
-      'model.value': function () {
-
-      },
-      'model.value1': function () {
-
-      },
-    },
-    methods: {
-      getPickerOptions() {
-        let self = this
-        return {
-          disabledDate(time) {
-            let validate = false;
-            if (self.model.max) {
-              validate = (time.getTime() > new Date(self.model.max.replace(/-/g, "/")))
-            }
-            if (!validate && self.model.min) {
-              validate = (time.getTime() < new Date(self.model.min.replace(/-/g, "/")))
-            }
-            return validate;
-          }
-        }
-      },
-      load(data) {
-        this.model = data;
-      },
-      changeModel(event) {
-        this.inputHandler(event);
-        this.changeHandler(event);
-      }
-    }
-  }
-</script>
-<style>
-  .ct-Dtd .ct-datepicker {
-    width: 100%;
-    display: flex;
-    flex-wrap: wrap;
-  }
-    .ct-Dtd .ct-datepicker .ct-date-picker-span {
-      line-height: 25px;
-    }
-  .ct-Dtd .ct-datepicker .ct-date-picker-editor {
-    flex: 1 0 0;
-  }
-  .ct-Dtd .ct-datepicker .el-icon-date {
-    margin-left: 0px;
-    width: 0px;
-    display: none;
-  }
-  .ct-Dtd .ct-datepicker .el-range-input {
-    text-align: left;
-  }
-</style>
+<template>
+  <div class="field-top">
+    <div v-if="model !== null" style="width:100%;display:flex" class="ct-Dtd" :class="[model.attrs.size?'ct-Dtd-'+model.attrs.size:''
+       ]">
+      <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 class="ct-datepicker" v-if="model !== null" :class="[model.showLabel?'showLabel':'']">
+          <el-date-picker class="ct-date-picker-editor" v-model="model.value"
+                          v-bind="model.attrs"
+                          @change="changeModel($event)"
+                          @clear="changeModel($event)"
+                          :picker-options="pickerOptions"
+                          :placeholder="model.placeholder"
+                          :disabled="model.lock">
+          </el-date-picker>
+          <span class="ct-date-picker-span">-</span>
+          <el-date-picker class="ct-date-picker-editor" v-model="model.value1"
+                          v-bind="model.attrs"
+                          @change="changeModel($event)"
+                          @clear="changeModel($event)"
+                          :picker-options="pickerOptions"
+                          :placeholder="model.placeholder1"
+                          :disabled="model.lock">
+          </el-date-picker>
+        </div>
+      </div>
+      <transition name="el-fade-in">
+        <span v-show="!valid" class="errorMessage">
+          {{validMessage}}
+        </span>
+      </transition>
+      <ct-quick-input v-if="model.paramName && !model.lock" :pn="model.paramName" :action="api" ></ct-quick-input>
+    </div>
+  </div>
+</template>
+<script>
+  import dynamicElement from '../../mixins/dynamicElement';
+  export default {
+    name: 'ct-dtd',
+    mixins: [dynamicElement],
+    props: {
+      vmodel: Object,
+      api: String
+    },
+    data() {
+      return {
+        pickerOptions: this.getPickerOptions()
+      };
+    },
+
+    mounted() {
+     
+      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.Dtd(self.source);
+        }
+        else if (typeof self.api !== 'undefined') {
+          self.loaderObj.Dtd(self.api, (data) => {
+            self.load(data);
+          });
+        }
+      });
+    },
+    watch: {
+      'model.value': function () {
+
+      },
+      'model.value1': function () {
+
+      },
+    },
+    methods: {
+      getPickerOptions() {
+        let self = this
+        return {
+          disabledDate(time) {
+            let validate = false;
+            if (self.model.max) {
+              validate = (time.getTime() > new Date(self.model.max.replace(/-/g, "/")))
+            }
+            if (!validate && self.model.min) {
+              validate = (time.getTime() < new Date(self.model.min.replace(/-/g, "/")))
+            }
+            return validate;
+          }
+        }
+      },
+      load(data) {
+        this.model = data;
+      },
+      changeModel(event) {
+        this.inputHandler(event);
+        this.changeHandler(event);
+      }
+    }
+  }
+</script>
+<style>
+  .ct-Dtd .ct-datepicker {
+    width: 100%;
+    display: flex;
+    flex-wrap: wrap;
+  }
+    .ct-Dtd .ct-datepicker .ct-date-picker-span {
+      line-height: 25px;
+    }
+  .ct-Dtd .ct-datepicker .ct-date-picker-editor {
+    flex: 1 0 0;
+  }
+  .ct-Dtd .ct-datepicker .el-icon-date {
+    margin-left: 0px;
+    width: 0px;
+    display: none;
+  }
+  .ct-Dtd .ct-datepicker .el-range-input {
+    text-align: left;
+  }
+</style>

package/src/centaline/dynamicDtd/src/dynamicDtdOld.vue

@@ -1,93 +1,93 @@
-<template>
-  <div v-if="model !== null" style="width:100%;display:flex" class="ct-Dtd" :class="[model.attrs.size?'ct-Dtd-'+model.attrs.size:''
-       ]">
-    <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 class="ct-datepicker" style="width:100%" v-if="model !== null" :class="[model.showLabel?'showLabel':'']">
-        <el-date-picker style="width:100%" v-model="model.formatValue" v-bind="model.attrs"
-                  @change="changeModel(model.formatValue,$event);inputHandler($event);changeHandler($event)"
-                  :picker-options="pickerOptions" :disabled="model.lock" :start-placeholder="model.placeholder" :end-placeholder="model.placeholder1">
-        </el-date-picker>
-      </div>
-    </div>
-    <transition name="el-fade-in">
-      <span v-show="!valid" class="errorMessage">
-        {{validMessage}}
-      </span>
-    </transition>
-    <ct-quick-input v-if="model.paramName && !model.lock" :pn="model.paramName" :action="api" @input="model.formatValue=$event.split('~')"></ct-quick-input>
-  </div>
-</template>
-<script>
-  import dynamicElement from '../../mixins/dynamicElement';
-  export default {
-    name: 'ct-dtd',
-    mixins: [dynamicElement],
-    props: {
-      vmodel: Object,
-      api: String
-    },
-    data() {
-      return {
-        pickerOptions: this.getPickerOptions()
-      };
-    },
-    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.Dtd(self.source, (data) => {
-            self.load(data);
-          });
-        }
-        else if (typeof self.api !== 'undefined') {
-          self.loaderObj.Dtd(self.api, (data) => {
-            self.load(data);
-          });
-        }
-      });
-    },
-    methods: {
-      getPickerOptions() {
-        let self = this
-        return {
-          disabledDate(time) {
-            let validate = false;
-            if (self.model.max) {
-              validate = (time.getTime() > new Date(self.model.max.replace(/-/g, "/")))
-            }
-            if (!validate && self.model.min) {
-              validate = (time.getTime() < new Date(self.model.min.replace(/-/g, "/")))
-            }
-            return validate;
-          }
-        }
-      },
-      load(data) {
-        this.model = data;
-      },
-      changeModel(event) {
-        this.model.setFormatValue(event);
-      }
-    }
-  }
-</script>
-<style>
-  .ct-Dtd .ct-datepicker .el-date-editor {
-    padding-left: 15px;
-  }
-  .ct-Dtd .ct-datepicker .el-icon-date {
-    margin-left: 0px;
-    width: 0px;
-    display: none;
-  }
-  .ct-Dtd .ct-datepicker .el-range-input {
-    text-align: left;
-  }
-</style>
+<template>
+  <div v-if="model !== null" style="width:100%;display:flex" class="ct-Dtd" :class="[model.attrs.size?'ct-Dtd-'+model.attrs.size:''
+       ]">
+    <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 class="ct-datepicker" style="width:100%" v-if="model !== null" :class="[model.showLabel?'showLabel':'']">
+        <el-date-picker style="width:100%" v-model="model.formatValue" v-bind="model.attrs"
+                  @change="changeModel(model.formatValue,$event);inputHandler($event);changeHandler($event)"
+                  :picker-options="pickerOptions" :disabled="model.lock" :start-placeholder="model.placeholder" :end-placeholder="model.placeholder1">
+        </el-date-picker>
+      </div>
+    </div>
+    <transition name="el-fade-in">
+      <span v-show="!valid" class="errorMessage">
+        {{validMessage}}
+      </span>
+    </transition>
+    <ct-quick-input v-if="model.paramName && !model.lock" :pn="model.paramName" :action="api" @input="model.formatValue=$event.split('~')"></ct-quick-input>
+  </div>
+</template>
+<script>
+  import dynamicElement from '../../mixins/dynamicElement';
+  export default {
+    name: 'ct-dtd',
+    mixins: [dynamicElement],
+    props: {
+      vmodel: Object,
+      api: String
+    },
+    data() {
+      return {
+        pickerOptions: this.getPickerOptions()
+      };
+    },
+    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.Dtd(self.source, (data) => {
+            self.load(data);
+          });
+        }
+        else if (typeof self.api !== 'undefined') {
+          self.loaderObj.Dtd(self.api, (data) => {
+            self.load(data);
+          });
+        }
+      });
+    },
+    methods: {
+      getPickerOptions() {
+        let self = this
+        return {
+          disabledDate(time) {
+            let validate = false;
+            if (self.model.max) {
+              validate = (time.getTime() > new Date(self.model.max.replace(/-/g, "/")))
+            }
+            if (!validate && self.model.min) {
+              validate = (time.getTime() < new Date(self.model.min.replace(/-/g, "/")))
+            }
+            return validate;
+          }
+        }
+      },
+      load(data) {
+        this.model = data;
+      },
+      changeModel(event) {
+        this.model.setFormatValue(event);
+      }
+    }
+  }
+</script>
+<style>
+  .ct-Dtd .ct-datepicker .el-date-editor {
+    padding-left: 15px;
+  }
+  .ct-Dtd .ct-datepicker .el-icon-date {
+    margin-left: 0px;
+    width: 0px;
+    display: none;
+  }
+  .ct-Dtd .ct-datepicker .el-range-input {
+    text-align: left;
+  }
+</style>

package/src/centaline/dynamicFile/index.js

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