qgb-process 0.2.3 → 0.2.7

package/src/library/Table/Table3/Td3/Index.vue

@@ -1,109 +1,109 @@
-<template>
-  <div @click="$emit('click')" :class="{'td3-body-bg':tdType == 'body'}" class="my-td3-box" ref="box" :tdWidth="tdWidth">
-    <div class="my-td3-box-inner" ref="td" :class="{'overflow':overflow}">
-      <slot></slot>
-    </div>
-  </div>
-</template>
-<script>
-export default {
-  name: "Td3",
-  props: {
-    tdType: {
-      type: String,
-      default: "body"
-    },
-    showOverflow: {
-      type: Boolean,
-      default: true
-    },
-    tdWidth: {
-      type: Number
-    }
-  },
-  computed: {
-
-  },
-  data() {
-    return {
-      overflow: false
-    }
-  },
-
-  methods: {
-    init() {
-      this.$nextTick(function() {
-        const td = this.$refs.td
-        const height = window.getComputedStyle(td).height
-        const num = height.substr(0, height.length - 2)
-        if (Number(num) > 20 && this.showOverflow) {
-          this.overflow = true
-          td.title = td.innerHTML
-        }
-      }.bind(this))
-    }
-  },
-  mounted() {
-
-  },
-  destroyed() {
-
-  },
-  updated() {
-
-  }
-}
-</script>
-
-<style lang="scss" rel="stylesheet/scss" scoped>
-
-.my-td3-box{
-  // width: 100%;
-  border-right: 1px solid #e4e7ed;
-  &:last-child{
-    border-right:none;
-  }
-  vertical-align: top;
-  box-sizing:border-box;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  font-size:14px;
-  display: inline-block;
-  line-height: 18px;
-  padding: 13px 0px;
-  margin: 0 auto;
-  min-height: 44px;
-  .my-td3-box-inner{
-    width: 100%;
-    display: inline-block;
-    box-sizing:border-box;
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    padding: 0 20px;
-
-    white-space:normal;
-    word-break:break-all;
-
-    // white-space:normal;
-    // word-break:break-all;
-    // overflow:hidden;
-
-    // width:200px;
-  }
-  .overflow {
-    // white-space: nowrap;
-    // overflow: hidden;
-    // text-overflow: ellipsis;
-    -webkit-box-orient: vertical !important;
-
-    overflow: hidden !important;
-    text-overflow: ellipsis !important;
-    -webkit-line-clamp: 1 !important;
-
-    white-space: nowrap !important;
-    // white-space:normal;
-    word-break:normal !important;
-  }
-}
-
-</style>
+<template>
+  <div @click="$emit('click')" :class="{'td3-body-bg':tdType == 'body'}" class="my-td3-box" ref="box" :tdWidth="tdWidth">
+    <div class="my-td3-box-inner" ref="td" :class="{'overflow':overflow}">
+      <slot></slot>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  name: "Td3",
+  props: {
+    tdType: {
+      type: String,
+      default: "body"
+    },
+    showOverflow: {
+      type: Boolean,
+      default: true
+    },
+    tdWidth: {
+      type: Number
+    }
+  },
+  computed: {
+
+  },
+  data() {
+    return {
+      overflow: false
+    }
+  },
+
+  methods: {
+    init() {
+      this.$nextTick(function() {
+        const td = this.$refs.td
+        const height = window.getComputedStyle(td).height
+        const num = height.substr(0, height.length - 2)
+        if (Number(num) > 20 && this.showOverflow) {
+          this.overflow = true
+          td.title = td.innerHTML
+        }
+      }.bind(this))
+    }
+  },
+  mounted() {
+
+  },
+  destroyed() {
+
+  },
+  updated() {
+
+  }
+}
+</script>
+
+<style lang="scss" rel="stylesheet/scss" scoped>
+
+.my-td3-box{
+  // width: 100%;
+  border-right: 1px solid #e4e7ed;
+  &:last-child{
+    border-right:none;
+  }
+  vertical-align: top;
+  box-sizing:border-box;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  font-size:14px;
+  display: inline-block;
+  line-height: 18px;
+  padding: 13px 0px;
+  margin: 0 auto;
+  min-height: 44px;
+  .my-td3-box-inner{
+    width: 100%;
+    display: inline-block;
+    box-sizing:border-box;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    padding: 0 20px;
+
+    white-space:normal;
+    word-break:break-all;
+
+    // white-space:normal;
+    // word-break:break-all;
+    // overflow:hidden;
+
+    // width:200px;
+  }
+  .overflow {
+    // white-space: nowrap;
+    // overflow: hidden;
+    // text-overflow: ellipsis;
+    -webkit-box-orient: vertical !important;
+
+    overflow: hidden !important;
+    text-overflow: ellipsis !important;
+    -webkit-line-clamp: 1 !important;
+
+    white-space: nowrap !important;
+    // white-space:normal;
+    word-break:normal !important;
+  }
+}
+
+</style>

package/src/library/Table/Table3/Tr3/Index.js

@@ -1,17 +1,17 @@
-import Vue from "vue" // 引入 Vue 是因为要用到 Vue.extend() 这个方法
-import Index from "./Index.vue" // 引入刚才的 toast 组件
-
-const ToastConstructor = Vue.extend(Index) // 这个在前面的前置知识内容里面有讲到
-let instance
-
-const ConfirmPlaugin = function(options = {}) {
-  instance = new ToastConstructor({
-    data: options
-  }).$mount() // 渲染组件
-  // document.body.appendChild(instance.$el) // 挂载到 body 下
-  document.body.appendChild(instance.$el)
-}
-
-export default ConfirmPlaugin
-// Vue.extend(Main).$el
-// Vue.extend(Main).$mount().$el
+import Vue from "vue" // 引入 Vue 是因为要用到 Vue.extend() 这个方法
+import Index from "./Index.vue" // 引入刚才的 toast 组件
+
+const ToastConstructor = Vue.extend(Index) // 这个在前面的前置知识内容里面有讲到
+let instance
+
+const ConfirmPlaugin = function(options = {}) {
+  instance = new ToastConstructor({
+    data: options
+  }).$mount() // 渲染组件
+  // document.body.appendChild(instance.$el) // 挂载到 body 下
+  document.body.appendChild(instance.$el)
+}
+
+export default ConfirmPlaugin
+// Vue.extend(Main).$el
+// Vue.extend(Main).$mount().$el

package/src/library/Table/Table3/Tr3/Index.vue

@@ -1,128 +1,128 @@
-<template>
-  <div
-class="my-tr3-box"
-  :class="{'my-tr3-box-body':trType == 'body','my-tr3-box-title':trType == 'title'}"
-  ref="box"
-  >
-    <slot></slot>
-  </div>
-</template>
-<script>
-// <Tr1></Tr1> color:#666666; color66 color33
-export default {
-  name: "Tr3",
-  props: {
-    trType: {
-      type: String,
-      default: "body" // title
-    }
-  },
-  data() {
-    return {
-
-    }
-  },
-  methods: {
-    setWidth() {
-      this.$nextTick(function() {
-        const parantsDom = this.$refs.box
-        let parantsDomWidth = window.getComputedStyle(parantsDom).width
-        parantsDomWidth = parantsDomWidth.slice(0, -2)
-        const childNodes = parantsDom.childNodes
-        let num = 0
-        for (let i = 0; i < childNodes.length; i++) {
-          if (childNodes[i].nodeType == 1) {
-            num++
-          }
-        }
-        const allWidth = parantsDomWidth - (num * 2) // 可用宽度
-        const innerWidth = Math.floor((allWidth / num).toFixed(0))// 子元素宽度
-        // console.log(innerWidth)
-
-        let childWidth = Math.floor((innerWidth / parantsDomWidth * 100))
-        // console.log(innerWidth / parantsDomWidth * 100, 'childWidth')
-        // let childWidth = ((Number(parantsDomWidth)) / num).toFixed(0)
-        // let childWidth = (1 / num * 100).toFixed(0)
-        // console.log(parantsDomWidth)
-
-        // 计算差值
-        let differenceValue = 100 - (childWidth * num)
-        if (differenceValue >= num) {
-          childWidth++
-          differenceValue = differenceValue - num
-        }
-        // console.log(childWidth)
-        // console.log(allWidth - (innerWidth * num))
-        for (let i = 0; i < childNodes.length; i++) {
-          if (childNodes[i].nodeType == 1) {
-            // childNodes[i].style.width = childWidth + 'px'
-            if (differenceValue > 1) {
-              childNodes[i].style.width = (childWidth + 1) + "%"
-              differenceValue--
-            } else {
-              childNodes[i].style.width = childWidth + "%"
-            }
-          }
-        }
-        this.setOverflow()
-      }.bind(this))
-    },
-    setOverflow() {
-      for (let i = 0; i < this.$children.length; i++) {
-        this.$children[i].init()
-      }
-    }
-  },
-  mounted() {
-    this.setWidth()
-  },
-  destroyed() {
-
-  },
-  updated() {
-    // this.$nextTick(function () {
-    //   let parantsDom = this.$refs.box
-    //   let parantsDomHeight = window.getComputedStyle(parantsDom).height
-    //   let childNodes = parantsDom.childNodes
-
-    //   for (let i = 0; i < childNodes.length; i++) {
-    //     if (childNodes[i].nodeType == 1) {
-    //       childNodes[i].style.height = parantsDomHeight
-    //     }
-    //   }
-    // })
-  }
-}
-</script>
-
-<style lang="scss" rel="stylesheet/scss" scoped>
-
-.my-tr3-box{
-  box-sizing:border-box;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  width: 100%;
-  min-height: 44px;
-  border:1px solid rgba(228, 231, 237, 1);
-  border-bottom:none;
-
-  &:last-child{
-    border-bottom:1px solid rgba(228, 231, 237, 1);
-  }
-}
-
-.my-tr3-box-title{
-  color:#333;
-  background:rgba(250,250,250,1);
-  font-weight:bold;
-}
-
-.my-tr3-box-body{
-  color:#666;
-  background:rgba(255,255,255,1);
-  font-weight:400;
-  &:hover{
-    background:rgba(245,247,250,1);
-  }
-}
-</style>
+<template>
+  <div
+class="my-tr3-box"
+  :class="{'my-tr3-box-body':trType == 'body','my-tr3-box-title':trType == 'title'}"
+  ref="box"
+  >
+    <slot></slot>
+  </div>
+</template>
+<script>
+// <Tr1></Tr1> color:#666666; color66 color33
+export default {
+  name: "Tr3",
+  props: {
+    trType: {
+      type: String,
+      default: "body" // title
+    }
+  },
+  data() {
+    return {
+
+    }
+  },
+  methods: {
+    setWidth() {
+      this.$nextTick(function() {
+        const parantsDom = this.$refs.box
+        let parantsDomWidth = window.getComputedStyle(parantsDom).width
+        parantsDomWidth = parantsDomWidth.slice(0, -2)
+        const childNodes = parantsDom.childNodes
+        let num = 0
+        for (let i = 0; i < childNodes.length; i++) {
+          if (childNodes[i].nodeType == 1) {
+            num++
+          }
+        }
+        const allWidth = parantsDomWidth - (num * 2) // 可用宽度
+        const innerWidth = Math.floor((allWidth / num).toFixed(0))// 子元素宽度
+        // console.log(innerWidth)
+
+        let childWidth = Math.floor((innerWidth / parantsDomWidth * 100))
+        // console.log(innerWidth / parantsDomWidth * 100, 'childWidth')
+        // let childWidth = ((Number(parantsDomWidth)) / num).toFixed(0)
+        // let childWidth = (1 / num * 100).toFixed(0)
+        // console.log(parantsDomWidth)
+
+        // 计算差值
+        let differenceValue = 100 - (childWidth * num)
+        if (differenceValue >= num) {
+          childWidth++
+          differenceValue = differenceValue - num
+        }
+        // console.log(childWidth)
+        // console.log(allWidth - (innerWidth * num))
+        for (let i = 0; i < childNodes.length; i++) {
+          if (childNodes[i].nodeType == 1) {
+            // childNodes[i].style.width = childWidth + 'px'
+            if (differenceValue > 1) {
+              childNodes[i].style.width = (childWidth + 1) + "%"
+              differenceValue--
+            } else {
+              childNodes[i].style.width = childWidth + "%"
+            }
+          }
+        }
+        this.setOverflow()
+      }.bind(this))
+    },
+    setOverflow() {
+      for (let i = 0; i < this.$children.length; i++) {
+        this.$children[i].init()
+      }
+    }
+  },
+  mounted() {
+    this.setWidth()
+  },
+  destroyed() {
+
+  },
+  updated() {
+    // this.$nextTick(function () {
+    //   let parantsDom = this.$refs.box
+    //   let parantsDomHeight = window.getComputedStyle(parantsDom).height
+    //   let childNodes = parantsDom.childNodes
+
+    //   for (let i = 0; i < childNodes.length; i++) {
+    //     if (childNodes[i].nodeType == 1) {
+    //       childNodes[i].style.height = parantsDomHeight
+    //     }
+    //   }
+    // })
+  }
+}
+</script>
+
+<style lang="scss" rel="stylesheet/scss" scoped>
+
+.my-tr3-box{
+  box-sizing:border-box;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  width: 100%;
+  min-height: 44px;
+  border:1px solid rgba(228, 231, 237, 1);
+  border-bottom:none;
+
+  &:last-child{
+    border-bottom:1px solid rgba(228, 231, 237, 1);
+  }
+}
+
+.my-tr3-box-title{
+  color:#333;
+  background:rgba(250,250,250,1);
+  font-weight:bold;
+}
+
+.my-tr3-box-body{
+  color:#666;
+  background:rgba(255,255,255,1);
+  font-weight:400;
+  &:hover{
+    background:rgba(245,247,250,1);
+  }
+}
+</style>

package/src/library/Table/Table4/Td4/Index.js

@@ -1,17 +1,17 @@
-import Vue from "vue" // 引入 Vue 是因为要用到 Vue.extend() 这个方法
-import Index from "./Index.vue" // 引入刚才的 toast 组件
-
-const ToastConstructor = Vue.extend(Index) // 这个在前面的前置知识内容里面有讲到
-let instance
-
-const ConfirmPlaugin = function(options = {}) {
-  instance = new ToastConstructor({
-    data: options
-  }).$mount() // 渲染组件
-  // document.body.appendChild(instance.$el) // 挂载到 body 下
-  document.body.appendChild(instance.$el)
-}
-
-export default ConfirmPlaugin
-// Vue.extend(Main).$el
-// Vue.extend(Main).$mount().$el
+import Vue from "vue" // 引入 Vue 是因为要用到 Vue.extend() 这个方法
+import Index from "./Index.vue" // 引入刚才的 toast 组件
+
+const ToastConstructor = Vue.extend(Index) // 这个在前面的前置知识内容里面有讲到
+let instance
+
+const ConfirmPlaugin = function(options = {}) {
+  instance = new ToastConstructor({
+    data: options
+  }).$mount() // 渲染组件
+  // document.body.appendChild(instance.$el) // 挂载到 body 下
+  document.body.appendChild(instance.$el)
+}
+
+export default ConfirmPlaugin
+// Vue.extend(Main).$el
+// Vue.extend(Main).$mount().$el