n20-common-lib 1.2.6 → 1.2.9

package/src/directives/VHas/index.js

@@ -1,32 +1,32 @@
-import { getRela, getCltRela } from '../../utils/relaNo.js'
-
-export function has(vals, clt) {
-  let relaNos = []
-  if (clt) {
-    relaNos = getCltRela(clt)
-  } else {
-    relaNos = getRela().relaNos
-  }
-  if (typeof vals === 'string') {
-    return relaNos.includes(vals)
-  } else if (Array.isArray(vals)) {
-    return vals.some((val) => relaNos.includes(val))
-  }
-}
-
-const directive = {}
-directive.install = (Vue) => {
-  Vue.prototype.$has = has
-
-  Vue.filter('isHas', has)
-
-  Vue.filter('noHas', (v, arg) => !has(v, arg))
-
-  Vue.directive('has', {
-    inserted(el, binding) {
-      !has(binding.value, binding.arg) && el.parentNode.removeChild(el)
-    }
-  })
-}
-
-export default directive
+import { getRela, getCltRela } from '../../utils/relaNo.js'
+
+export function has(vals, clt) {
+  let relaNos = []
+  if (clt) {
+    relaNos = getCltRela(clt)
+  } else {
+    relaNos = getRela().relaNos
+  }
+  if (typeof vals === 'string') {
+    return relaNos.includes(vals)
+  } else if (Array.isArray(vals)) {
+    return vals.some((val) => relaNos.includes(val))
+  }
+}
+
+const directive = {}
+directive.install = (Vue) => {
+  Vue.prototype.$has = has
+
+  Vue.filter('isHas', has)
+
+  Vue.filter('noHas', (v, arg) => !has(v, arg))
+
+  Vue.directive('has', {
+    inserted(el, binding) {
+      !has(binding.value, binding.arg) && el.parentNode.removeChild(el)
+    }
+  })
+}
+
+export default directive

package/src/directives/VMove/index.js

@@ -1,42 +1,42 @@
-const directive = {}
-
-directive.install = (Vue) => {
-  Vue.directive('move', {
-    bind(el, binding) {
-      var _this, pvrPageX, pvrPageY
-      var mousemoveThisMove = function(evt) {
-        var ev = evt || event
-        ev.stopPropagation()
-        ev.preventDefault()
-        _this.pageXc = ev.pageX - pvrPageX
-        _this.pageYc = ev.pageY - pvrPageY
-        if (_this.pageXc !== 0 || _this.pageYc !== 0) {
-          binding.value(_this, binding.arg)
-        }
-        pvrPageX = ev.pageX
-        pvrPageY = ev.pageY
-      }
-      var mouseupThisMove = function() {
-        document.removeEventListener('mousemove', mousemoveThisMove)
-        document.removeEventListener('mouseup', mouseupThisMove)
-      }
-      el.addEventListener('mousedown', function(evt) {
-        var ev = evt || event
-        this.pageXc = this.pageYc = 0
-        _this = this
-        pvrPageX = ev.pageX
-        pvrPageY = ev.pageY
-        document.addEventListener('mousemove', mousemoveThisMove)
-        document.addEventListener('mouseup', mouseupThisMove)
-      })
-    }
-    /*update() {
-      console.log('被绑定元素所在的模板更新时调用，而不论绑定值是否变化。通过比较更新前后的绑定值，可以忽略不必要的模板更新')
-    },
-    unbind() {
-      console.log('只调用一次， 指令与元素解绑时调用')
-    }*/
-  })
-}
-
-export default directive
+const directive = {}
+
+directive.install = (Vue) => {
+  Vue.directive('move', {
+    bind(el, binding) {
+      var _this, pvrPageX, pvrPageY
+      var mousemoveThisMove = function(evt) {
+        var ev = evt || event
+        ev.stopPropagation()
+        ev.preventDefault()
+        _this.pageXc = ev.pageX - pvrPageX
+        _this.pageYc = ev.pageY - pvrPageY
+        if (_this.pageXc !== 0 || _this.pageYc !== 0) {
+          binding.value(_this, binding.arg)
+        }
+        pvrPageX = ev.pageX
+        pvrPageY = ev.pageY
+      }
+      var mouseupThisMove = function() {
+        document.removeEventListener('mousemove', mousemoveThisMove)
+        document.removeEventListener('mouseup', mouseupThisMove)
+      }
+      el.addEventListener('mousedown', function(evt) {
+        var ev = evt || event
+        this.pageXc = this.pageYc = 0
+        _this = this
+        pvrPageX = ev.pageX
+        pvrPageY = ev.pageY
+        document.addEventListener('mousemove', mousemoveThisMove)
+        document.addEventListener('mouseup', mouseupThisMove)
+      })
+    }
+    /*update() {
+      console.log('被绑定元素所在的模板更新时调用，而不论绑定值是否变化。通过比较更新前后的绑定值，可以忽略不必要的模板更新')
+    },
+    unbind() {
+      console.log('只调用一次， 指令与元素解绑时调用')
+    }*/
+  })
+}
+
+export default directive

package/src/directives/VTitle/index.js

@@ -1,56 +1,64 @@
-import Tooltip from './tooltip.vue'
-
-function tipShow(el, tip) {
-  if (el.$tooltipTitle) {
-    if (!el.$tooltipTitleOverflow || el.clientWidth < el.scrollWidth) {
-      tip.title = el.$tooltipTitle
-      tip.$refs['title-pop'].referenceElm = el
-      tip.$refs['title-pop'].doDestroy()
-      tip.$nextTick(() => {
-        tip.visible = true
-      })
-    }
-  }
-}
-function tipHide(el, tip) {
-  tip.visible = false
-}
-
-const TitleDirective = {}
-TitleDirective.install = (Vue) => {
-  if (Vue.prototype.$isServer) return
-
-  const tooltip = new (Vue.extend(Tooltip))({
-    el: document.createElement('div'),
-    data: {
-      title: '',
-      visible: false
-    }
-  })
-  document.querySelector('body').appendChild(tooltip.$el)
-
-  Vue.directive('title', {
-    bind: function (el, binding, vnode) {
-      if (vnode.data && vnode.data.attrs) {
-        el.$tooltipTitleOverflow = vnode.data.attrs['show-overflow-tooltip']
-      }
-      el.$tooltipTitle = binding.value
-      el.$tooltipShow = () => tipShow(el, tooltip)
-      el.$tooltipHide = () => tipHide(el, tooltip)
-      el.addEventListener('mouseenter', el.$tooltipShow)
-      el.addEventListener('mouseleave', el.$tooltipHide)
-    },
-    update: function (el, binding) {
-      if (binding.value !== binding.oldValue) {
-        el.$tooltipTitle = binding.value
-      }
-    },
-    unbind: function (el, binding) {
-      el.$tooltipHide()
-      el.removeEventListener('mouseenter', el.$tooltipShow)
-      el.removeEventListener('mouseleave', el.$tooltipHide)
-    }
-  })
-}
-
-export default TitleDirective
+import Tooltip from './tooltip.vue'
+
+let timer = undefined
+
+function tipShow(el, tip) {
+  if (el.$tooltipTitle) {
+    if (!el.$tooltipTitleOverflow || el.clientWidth < el.scrollWidth) {
+      tip.title = el.$tooltipTitle
+      tip.$refs['title-pop'].referenceElm = el
+      tip.$refs['title-pop'].doDestroy()
+      tip.$nextTick(() => {
+        tip.visible = true
+        timer = setInterval(() => {
+          if (tip.visible && !el.scrollWidth) {
+            tipHide(el, tip)
+            clearInterval(timer)
+          }
+        }, 1000)
+      })
+    }
+  }
+}
+function tipHide(el, tip) {
+  tip.visible = false
+}
+
+const TitleDirective = {}
+TitleDirective.install = (Vue) => {
+  if (Vue.prototype.$isServer) return
+
+  const tooltip = new (Vue.extend(Tooltip))({
+    el: document.createElement('div'),
+    data: {
+      title: '',
+      visible: false
+    }
+  })
+  document.querySelector('body').appendChild(tooltip.$el)
+
+  Vue.directive('title', {
+    bind: function (el, binding, vnode) {
+      if (vnode.data && vnode.data.attrs) {
+        el.$tooltipTitleOverflow = vnode.data.attrs['show-overflow-tooltip']
+      }
+      el.$tooltipTitle = binding.value
+      el.$tooltipShow = () => tipShow(el, tooltip)
+      el.$tooltipHide = () => tipHide(el, tooltip)
+      el.addEventListener('mouseenter', el.$tooltipShow)
+      el.addEventListener('mouseleave', el.$tooltipHide)
+    },
+    update: function (el, binding) {
+      if (binding.value !== binding.oldValue) {
+        el.$tooltipTitle = binding.value
+      }
+    },
+    unbind: function (el, binding) {
+      el.$tooltipHide()
+      el.removeEventListener('mouseenter', el.$tooltipShow)
+      el.removeEventListener('mouseleave', el.$tooltipHide)
+    }
+  })
+}
+
+export default TitleDirective

package/src/directives/VTitle/tooltip.vue

@@ -1,21 +1,21 @@
-<template>
-  <el-popover
-    ref="title-pop"
-    v-model="visible"
-    trigger="manual"
-    popper-class="n20-title-pop"
-    placement="top"
-    >{{ title }}</el-popover
-  >
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      title: '',
-      visible: false
-    }
-  }
-}
-</script>
+<template>
+  <el-popover
+    ref="title-pop"
+    v-model="visible"
+    trigger="manual"
+    popper-class="n20-title-pop"
+    placement="top"
+    >{{ title }}</el-popover
+  >
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      title: '',
+      visible: false
+    }
+  }
+}
+</script>