centaline-data-driven 1.1.54 → 1.1.55

package/src/centaline/dialogList/src/dialogNew.vue

@@ -1,78 +1,78 @@
-<template>
-  <div class="ct-dialog">
-    <el-dialog :top="topHeigth"
-               :title="vmodel.title" :close-on-click-modal="false"
-               :visible.sync="dialogVisible"
-               :width="vmodel.content[0].attrs.width"
-               :before-close="handleClose">
-      <div :style="v.style" v-for="(v,index) in vmodel.content" :key="index">
-        <component v-bind="v.attrs" :is="v.component" v-on="v.on"></component>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-<script>
-  export default {
-    name: 'ct-dialog-new',
-    props: {
-      vmodel: Object,
-      zindex: Number
-    },
-    data() {
-      return {
-        dialogVisible: true,
-        divHeigth: '500px'
-      }
-    },
-    mounted() {
-      for (var index in this.vmodel.content) {
-        const v = this.vmodel.content[index];
-        if (v.component === 'ct-searchlist' && parseInt(v.attrs.height) < 300) {
-          v.attrs.height = '450px';
-        }
-
-        this.$set(v, 'style', {
-          width: '100%',
-          'min-height': v.component === 'ct-searchlist' ? "" : v.attrs.height,
-          'height': v.component === 'ct-searchlist' ? v.attrs.height : ""
-        })
-
-        if (typeof v.on === "undefined") {
-        }
-        else if (typeof v.on.loaded === "undefined") {
-          v.on.loaded = (model) => {
-            this.vmodel.title = (model && model.title) ? model.title : this.vmodel.title;
-          }
-        }
-      }
-    },
-    computed: {
-      topHeigth: function () {
-        let height;
-        let vh = 0;
-        this.vmodel.content[0].attrs.height = '50px';
-        if (this.vmodel.content[0].attrs.height) {
-          height = parseInt(this.vmodel.content[0].attrs.height) + 20;
-        }
-        if (document.documentElement.clientHeight > height) {
-          height = document.documentElement.clientHeight - height;
-          height = parseInt(height/2);
-          vh = height * 100 / document.documentElement.clientHeight;
-          vh = parseInt(vh);
-        }
-        if (vh < 3) {
-          vh = 3;
-        }
-        if (vh > 13) {
-          vh = 13;
-        }
-        return vh + 'vh';
-      },
-    },
-    methods: {
-      handleClose() {
-        this.$emit('close', this);
-      }
-    }
-  }
-</script>
+<template>
+  <div class="ct-dialog">
+    <el-dialog :top="topHeigth"
+               :title="vmodel.title" :close-on-click-modal="false"
+               :visible.sync="dialogVisible"
+               :width="vmodel.content[0].attrs.width"
+               :before-close="handleClose">
+      <div :style="v.style" v-for="(v,index) in vmodel.content" :key="index">
+        <component v-bind="v.attrs" :is="v.component" v-on="v.on"></component>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+  export default {
+    name: 'ct-dialog-new',
+    props: {
+      vmodel: Object,
+      zindex: Number
+    },
+    data() {
+      return {
+        dialogVisible: true,
+        divHeigth: '500px'
+      }
+    },
+    mounted() {
+      for (var index in this.vmodel.content) {
+        const v = this.vmodel.content[index];
+        if (v.component === 'ct-searchlist' && parseInt(v.attrs.height) < 300) {
+          v.attrs.height = '450px';
+        }
+
+        this.$set(v, 'style', {
+          width: '100%',
+          'min-height': v.component === 'ct-searchlist' ? "" : v.attrs.height,
+          'height': v.component === 'ct-searchlist' ? v.attrs.height : ""
+        })
+
+        if (typeof v.on === "undefined") {
+        }
+        else if (typeof v.on.loaded === "undefined") {
+          v.on.loaded = (model) => {
+            this.vmodel.title = (model && model.title) ? model.title : this.vmodel.title;
+          }
+        }
+      }
+    },
+    computed: {
+      topHeigth: function () {
+        let height;
+        let vh = 0;
+        this.vmodel.content[0].attrs.height = '50px';
+        if (this.vmodel.content[0].attrs.height) {
+          height = parseInt(this.vmodel.content[0].attrs.height) + 20;
+        }
+        if (document.documentElement.clientHeight > height) {
+          height = document.documentElement.clientHeight - height;
+          height = parseInt(height/2);
+          vh = height * 100 / document.documentElement.clientHeight;
+          vh = parseInt(vh);
+        }
+        if (vh < 3) {
+          vh = 3;
+        }
+        if (vh > 13) {
+          vh = 13;
+        }
+        return vh + 'vh';
+      },
+    },
+    methods: {
+      handleClose() {
+        this.$emit('close', this);
+      }
+    }
+  }
+</script>

package/src/centaline/dialogList/src/drag.js

@@ -1,77 +1,77 @@
-export default {
-  bind(el, binding, vnode) {
-    const dialogHeaderEl = el.querySelector('.el-dialog__header')
-    const dragDom = el.querySelector('.el-dialog')
-    dialogHeaderEl.style.cssText += ';cursor:move;'
-    dragDom.style.cssText += ';top:0px;'
-
-    // 获取原有属性 ie dom元素.currentStyle 火狐谷歌 window.getComputedStyle(dom元素, null);
-    const getStyle = (function() {
-      if (window.document.currentStyle) {
-        return (dom, attr) => dom.currentStyle[attr]
-      } else {
-        return (dom, attr) => getComputedStyle(dom, false)[attr]
-      }
-    })()
-
-    dialogHeaderEl.onmousedown = (e) => {
-      // 鼠标按下，计算当前元素距离可视区的距离
-      const disX = e.clientX - dialogHeaderEl.offsetLeft
-      const disY = e.clientY - dialogHeaderEl.offsetTop
-
-      const dragDomWidth = dragDom.offsetWidth
-      const dragDomHeight = dragDom.offsetHeight
-
-      const screenWidth = document.body.clientWidth
-      const screenHeight = document.body.clientHeight
-
-      const minDragDomLeft = dragDom.offsetLeft
-      const maxDragDomLeft = screenWidth - dragDom.offsetLeft - dragDomWidth
-
-      const minDragDomTop = dragDom.offsetTop
-      const maxDragDomTop = screenHeight - dragDom.offsetTop - dragDomHeight
-
-      // 获取到的值带px 正则匹配替换
-      let styL = getStyle(dragDom, 'left')
-      let styT = getStyle(dragDom, 'top')
-
-      if (styL.includes('%')) {
-        styL = +document.body.clientWidth * (+styL.replace(/\%/g, '') / 100)
-        styT = +document.body.clientHeight * (+styT.replace(/\%/g, '') / 100)
-      } else {
-        styL = +styL.replace(/\px/g, '')
-        styT = +styT.replace(/\px/g, '')
-      }
-
-      document.onmousemove = function(e) {
-        // 通过事件委托，计算移动的距离
-        let left = e.clientX - disX
-        let top = e.clientY - disY
-
-        // 边界处理
-        if (-(left) > minDragDomLeft) {
-          left = -minDragDomLeft
-        } else if (left > maxDragDomLeft) {
-          left = maxDragDomLeft
-        }
-
-        if (-(top) > minDragDomTop) {
-          top = -minDragDomTop
-        } else if (top > maxDragDomTop) {
-          top = maxDragDomTop
-        }
-
-        // 移动当前元素
-        dragDom.style.cssText += `;left:${left + styL}px;top:${top + styT}px;`
-
-        // emit onDrag event
-        vnode.child.$emit('dragDialog')
-      }
-
-      document.onmouseup = function(e) {
-        document.onmousemove = null
-        document.onmouseup = null
-      }
-    }
-  }
-}
+export default {
+  bind(el, binding, vnode) {
+    const dialogHeaderEl = el.querySelector('.el-dialog__header')
+    const dragDom = el.querySelector('.el-dialog')
+    dialogHeaderEl.style.cssText += ';cursor:move;'
+    dragDom.style.cssText += ';top:0px;'
+
+    // 获取原有属性 ie dom元素.currentStyle 火狐谷歌 window.getComputedStyle(dom元素, null);
+    const getStyle = (function() {
+      if (window.document.currentStyle) {
+        return (dom, attr) => dom.currentStyle[attr]
+      } else {
+        return (dom, attr) => getComputedStyle(dom, false)[attr]
+      }
+    })()
+
+    dialogHeaderEl.onmousedown = (e) => {
+      // 鼠标按下，计算当前元素距离可视区的距离
+      const disX = e.clientX - dialogHeaderEl.offsetLeft
+      const disY = e.clientY - dialogHeaderEl.offsetTop
+
+      const dragDomWidth = dragDom.offsetWidth
+      const dragDomHeight = dragDom.offsetHeight
+
+      const screenWidth = document.body.clientWidth
+      const screenHeight = document.body.clientHeight
+
+      const minDragDomLeft = dragDom.offsetLeft
+      const maxDragDomLeft = screenWidth - dragDom.offsetLeft - dragDomWidth
+
+      const minDragDomTop = dragDom.offsetTop
+      const maxDragDomTop = screenHeight - dragDom.offsetTop - dragDomHeight
+
+      // 获取到的值带px 正则匹配替换
+      let styL = getStyle(dragDom, 'left')
+      let styT = getStyle(dragDom, 'top')
+
+      if (styL.includes('%')) {
+        styL = +document.body.clientWidth * (+styL.replace(/\%/g, '') / 100)
+        styT = +document.body.clientHeight * (+styT.replace(/\%/g, '') / 100)
+      } else {
+        styL = +styL.replace(/\px/g, '')
+        styT = +styT.replace(/\px/g, '')
+      }
+
+      document.onmousemove = function(e) {
+        // 通过事件委托，计算移动的距离
+        let left = e.clientX - disX
+        let top = e.clientY - disY
+
+        // 边界处理
+        if (-(left) > minDragDomLeft) {
+          left = -minDragDomLeft
+        } else if (left > maxDragDomLeft) {
+          left = maxDragDomLeft
+        }
+
+        if (-(top) > minDragDomTop) {
+          top = -minDragDomTop
+        } else if (top > maxDragDomTop) {
+          top = maxDragDomTop
+        }
+
+        // 移动当前元素
+        dragDom.style.cssText += `;left:${left + styL}px;top:${top + styT}px;`
+
+        // emit onDrag event
+        vnode.child.$emit('dragDialog')
+      }
+
+      document.onmouseup = function(e) {
+        document.onmousemove = null
+        document.onmouseup = null
+      }
+    }
+  }
+}

package/src/centaline/directives/index.js

@@ -1,23 +1,23 @@
-
-const directives = {
-  install: function (Vue,options) {
-    Vue.directive('focus', {
-      bind: function (el, binding, vnode) {
-        if (binding.value) {
-          setTimeout(function () {
-            el.focus();
-          }, 1);
-        }
-      },
-      componentUpdated: function (el, binding, vnode) {
-        if (binding.value) {
-          setTimeout(function () {
-            el.focus();
-          }, 1);
-        }
-      }
-    });
-  }
-};
-
-export default directives;
+
+const directives = {
+  install: function (Vue,options) {
+    Vue.directive('focus', {
+      bind: function (el, binding, vnode) {
+        if (binding.value) {
+          setTimeout(function () {
+            el.focus();
+          }, 1);
+        }
+      },
+      componentUpdated: function (el, binding, vnode) {
+        if (binding.value) {
+          setTimeout(function () {
+            el.focus();
+          }, 1);
+        }
+      }
+    });
+  }
+};
+
+export default directives;

package/src/centaline/dynamicBtn/index.js

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

package/src/centaline/dynamicBtn/src/dynamicBtn.vue

@@ -1,100 +1,100 @@
-<template>
-  <el-dropdown v-if="model.isDropdown" 
-               trigger="click" 
-               v-bind="model.attrs"  
-               placement="bottom"
-               @click.native="dropClick" 
-               @command="commandClick"
-               :disabled="model.disabled">
-    <el-button type="primary">
-      {{model.label}}<i class="el-icon-arrow-down el-icon--right"></i>
-    </el-button>
-    <el-dropdown-menu slot="dropdown">
-      <el-dropdown-item v-for="item in model.elementOptions" :key="item.code" :command="item.code">{{item.name}}</el-dropdown-item>
-    </el-dropdown-menu>
-  </el-dropdown>
-  <el-button v-else-if="!model.isImport"
-             :type="model.isHyperLink ? 'text' : 'primary'"
-             v-bind="model.attrs" @click="$emit('click',model)"
-             :style="{color:model.textColor,backgroundColor:model.bgColor,borderColor:model.borderColor}"
-             :icon="model.icon"
-             :disabled="model.disabled">
-             <!-- <i v-if="model.isShowIocn" :class="model.iconClass"></i> -->
-             {{model.label}}</el-button>
-  <el-upload v-else
-             :action="model.action"
-             v-bind="model.attrs"
-             size="mini"
-             :data="uploadData"
-             :headers="headers"
-             :multiple="false"
-             :show-file-list="false"
-             :on-success="handleAvatarSuccess"
-             :on-error="handleAvatarError">
-    <el-button size="mini" type="primary">{{model.label}}</el-button>
-  </el-upload>
-</template>
-<script>
-  import dynamicElement from '../../mixins/dynamicElement'
-  export default {
-    name: 'ct-btn',
-    props: {
-      vmodel: Object,
-      fileData: Object,
-      optionApi:String,
-    },
-    mixins: [dynamicElement],
-    data: function () {
-      return {};
-    },
-    created() {
-      if (typeof this.vmodel === 'undefined') {
-        this.model = this.loaderObj.Button(this.source);
-      }
-      else {
-        this.model = this.vmodel;
-      }
-    },
-    computed: {
-      uploadData() {
-        //因传输方式是FormData，故需要对Value是object的进行转化
-        let data = {};
-        for (var key in this.fileData) {
-          if (typeof this.fileData[key] === "object") {
-            data[key] = JSON.stringify(this.fileData[key]);
-          }
-          else {
-            data[key] = this.fileData[key];
-          }
-        }
-        return data;
-      },
-      headers() {
-        return this.$common.getDataDrivenOpts().handler.getRequestHeaders();
-      }
-    },
-    methods: {
-      handleAvatarSuccess(res) {
-        let self = this;
-        this.$api.postThenHandler({ data: res}).then(function () {
-          self.$emit('importComplete', res);
-        });
-      },
-      handleAvatarError(info) {
-        this.$message.warning("失败,请重试");
-      },
-      dropClick(event) {
-        var self = this;
-        this.$nextTick(function () {
-          if (self.optionApi) {
-            self.model.getOptions(self.optionApi);
-          }
-        });
-      },
-      commandClick(code){
-        this.model.selectOptionCode=code;
-        this.$emit('click', this.model);
-      },
-    }
-  }
-</script>
+<template>
+  <el-dropdown v-if="model.isDropdown" 
+               trigger="click" 
+               v-bind="model.attrs"  
+               placement="bottom"
+               @click.native="dropClick" 
+               @command="commandClick"
+               :disabled="model.disabled">
+    <el-button type="primary">
+      {{model.label}}<i class="el-icon-arrow-down el-icon--right"></i>
+    </el-button>
+    <el-dropdown-menu slot="dropdown">
+      <el-dropdown-item v-for="item in model.elementOptions" :key="item.code" :command="item.code">{{item.name}}</el-dropdown-item>
+    </el-dropdown-menu>
+  </el-dropdown>
+  <el-button v-else-if="!model.isImport"
+             :type="model.isHyperLink ? 'text' : 'primary'"
+             v-bind="model.attrs" @click="$emit('click',model)"
+             :style="{color:model.textColor,backgroundColor:model.bgColor,borderColor:model.borderColor}"
+             :icon="model.icon"
+             :disabled="model.disabled">
+             <!-- <i v-if="model.isShowIocn" :class="model.iconClass"></i> -->
+             {{model.label}}</el-button>
+  <el-upload v-else
+             :action="model.action"
+             v-bind="model.attrs"
+             size="mini"
+             :data="uploadData"
+             :headers="headers"
+             :multiple="false"
+             :show-file-list="false"
+             :on-success="handleAvatarSuccess"
+             :on-error="handleAvatarError">
+    <el-button size="mini" type="primary">{{model.label}}</el-button>
+  </el-upload>
+</template>
+<script>
+  import dynamicElement from '../../mixins/dynamicElement'
+  export default {
+    name: 'ct-btn',
+    props: {
+      vmodel: Object,
+      fileData: Object,
+      optionApi:String,
+    },
+    mixins: [dynamicElement],
+    data: function () {
+      return {};
+    },
+    created() {
+      if (typeof this.vmodel === 'undefined') {
+        this.model = this.loaderObj.Button(this.source);
+      }
+      else {
+        this.model = this.vmodel;
+      }
+    },
+    computed: {
+      uploadData() {
+        //因传输方式是FormData，故需要对Value是object的进行转化
+        let data = {};
+        for (var key in this.fileData) {
+          if (typeof this.fileData[key] === "object") {
+            data[key] = JSON.stringify(this.fileData[key]);
+          }
+          else {
+            data[key] = this.fileData[key];
+          }
+        }
+        return data;
+      },
+      headers() {
+        return this.$common.getDataDrivenOpts().handler.getRequestHeaders();
+      }
+    },
+    methods: {
+      handleAvatarSuccess(res) {
+        let self = this;
+        this.$api.postThenHandler({ data: res}).then(function () {
+          self.$emit('importComplete', res);
+        });
+      },
+      handleAvatarError(info) {
+        this.$message.warning("失败,请重试");
+      },
+      dropClick(event) {
+        var self = this;
+        this.$nextTick(function () {
+          if (self.optionApi) {
+            self.model.getOptions(self.optionApi);
+          }
+        });
+      },
+      commandClick(code){
+        this.model.selectOptionCode=code;
+        this.$emit('click', this.model);
+      },
+    }
+  }
+</script>

package/src/centaline/dynamicCb/index.js

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