hd-idevvue3 3.0.3 → 3.0.4

package/src/demo/selfdrop.vue

@@ -1,25 +1,42 @@
 <template>
-  <hd-grid-sel :txtVal="txtVal" :idVal="idVal" placeholder="请点击选组织"
-               height="50vh" :hdQuery="hdQuery" :disabled="disabled"
-               url="/webresources/login/code/AuthOrgnExt/find" @rowClick="doClick" :beforeQuery="beforeQuery">
-    <el-table-column  align="left" header-align="center"  label="组织代码" prop="orgnCod" sortable></el-table-column>
-    <el-table-column  align="left" header-align="center" label="组织名称" prop="name" sortable></el-table-column>
+  <hd-grid-sel
+    :txtVal="txtVal"
+    :idVal="idVal"
+    placeholder="请点击选组织"
+    height="50vh"
+    :hdQuery="hdQuery"
+    :disabled="disabled"
+    url="/webresources/login/code/AuthOrgnExt/find"
+    @rowClick="doClick"
+    :beforeQuery="beforeQuery"
+  >
+    <el-table-column
+      align="left"
+      header-align="center"
+      label="组织代码"
+      prop="orgnCod"
+      sortable
+    ></el-table-column>
+    <el-table-column
+      align="left"
+      header-align="center"
+      label="组织名称"
+      prop="name"
+      sortable
+    ></el-table-column>
   </hd-grid-sel>
 </template>
 
 <script>
-
 export default {
   name: 'selauthorgn',
   components: {},
   data() {
     return {
-      hdQuery: new HdQuery(this)
+      hdQuery: new HdQuery(this),
     }
   },
-  mounted() {
-
-  },
+  mounted() {},
   props: { idVal: String, txtVal: String, deptFlag: String, disabled: Boolean }, // 设置value为props属性-必须
   methods: {
     beforeQuery(val) {
@@ -29,13 +46,13 @@ export default {
     doClick(row) {
       this.$emit('update:txtVal', row.shortNam)
       this.$emit('update:idVal', row.orgnId)
-    }
-  }
+    },
+  },
 }
 </script>
 
 <style>
-  .el-popper{
-    z-index: 3000!important;
-  }
+.el-popper {
+  z-index: 3000 !important;
+}
 </style>

package/src/directive/el-dragDialog/drag.js

@@ -1,10 +1,10 @@
 export default {
-  bind(el, binding, vnode) {
-    let isFullScreen = false;
-    let nowWidth = 0;
-    let nowHight = 0;
+  beforeMount(el, binding, vnode) {
+    let isFullScreen = false
+    let nowWidth = 0
+    let nowHight = 0
     //当前顶部高度
-    let nowMarginTop = 0;
+    let nowMarginTop = 0
 
     const dialogHeaderEl = el.querySelector('.el-dialog__header')
     const dragDom = el.querySelector('.el-dialog')
@@ -12,7 +12,7 @@ export default {
     dragDom.style.cssText += ';top:0px;'
 
     // 获取原有属性 ie dom元素.currentStyle 火狐谷歌 window.getComputedStyle(dom元素, null);
-    const getStyle = (function() {
+    const getStyle = (function () {
       if (window.document.currentStyle) {
         return (dom, attr) => dom.currentStyle[attr]
       } else {
@@ -47,7 +47,7 @@ export default {
         styT = +styT.replace(/\px/g, '')
       }
 
-      document.onmousemove = function(e) {
+      document.onmousemove = function (e) {
         // 通过事件委托，计算移动的距离
         const left = e.clientX - disX
         let top = e.clientY - disY
@@ -59,7 +59,7 @@ export default {
         //   left = maxDragDomLeft
         // }
 
-        if (-(top) > minDragDomTop) {
+        if (-top > minDragDomTop) {
           top = -minDragDomTop
         } else if (top > maxDragDomTop) {
           // top = maxDragDomTop
@@ -69,16 +69,16 @@ export default {
         dragDom.style.cssText += `;left:${left + styL}px;top:${top + styT}px;`
       }
 
-      document.onmouseup = function(e) {
+      document.onmouseup = function (e) {
         document.onmousemove = null
         document.onmouseup = null
       }
 
       //双击头部全屏效果
       dialogHeaderEl.ondblclick = (e) => {
-        vnode.context.nowFull = !vnode.context.nowFull
-        dragDom.style.left = 0;
-        dragDom.style.top = 0;
+        binding.instance.nowFull = !binding.instance.nowFull
+        dragDom.style.left = 0
+        dragDom.style.top = 0
       }
       // dialogHeaderEl.ondblclick = (e) => {
       //
@@ -120,5 +120,5 @@ export default {
       //
       // }
     }
-  }
+  },
 }

package/src/directive/el-dragDialog/index.js

@@ -1,13 +1,13 @@
-import drag from './drag'
-
-const install = function(Vue) {
-  Vue.directive('el-drag-dialog', drag)
-}
-
-if (window.Vue) {
-  window['el-drag-dialog'] = drag
-  Vue.use(install); // eslint-disable-line
-}
-
-drag.install = install
-export default drag
+import drag from './drag'
+
+const install = function (Vue) {
+  window.$vueApp.directive('el-drag-dialog', drag)
+}
+
+if (window.Vue) {
+  window['el-drag-dialog'] = drag
+  window.$vueApp.use(install) // eslint-disable-line
+}
+
+drag.install = install
+export default drag

package/src/errorLog.js

@@ -1,16 +1,16 @@
-import {createApp} from 'vue'
+import { createApp } from 'vue'
 import errLog from '@/store/errLog'
 
 const Vue = createApp({})
 
 // 生产环境错误日志
 if (process.env.NODE_ENV === 'production') {
-  Vue.config.errorHandler = function(err, vm) {
+  window.$vueApp.config.errorHandler = function (err, vm) {
     console.log(err, window.location.href)
     errLog.pushLog({
       err,
       url: window.location.href,
-      vm
+      vm,
     })
   }
 }

package/src/hdcom/BigGrid.js

@@ -3,7 +3,6 @@
  * @module BigGrid
  */
 export default {
-
   data() {
     return {
       gridDataRows: [], //临时显示rows，滚动过多是解决加载慢的问题。
@@ -18,24 +17,24 @@ export default {
     if (!this.visualScroll) {
       return false
     }
-    this.scroller = this.$refs.ingrid.$refs.bodyWrapper.scrollTop;
+    this.scroller = this.$refs.ingrid.$refs.bodyWrapper.scrollTop
   },
   methods: {
     initVisual() {
       if (!this.visualScroll) {
         return false
       }
-      this.initTableStyle();
-      const bodyWrapper = this.$refs.ingrid.$refs.bodyWrapper;
-      const that = this;
+      this.initTableStyle()
+      const bodyWrapper = this.$refs.ingrid.$refs.bodyWrapper
+      const that = this
       bodyWrapper.onscroll = (e) => {
-        that.tmpScrollNum++;
-        this.$refs.ingrid.store.states.hoverRow = 'locked';
-        that.scroller = bodyWrapper.scrollTop;
+        that.tmpScrollNum++
+        this.$refs.ingrid.store.states.hoverRow = 'locked'
+        that.scroller = bodyWrapper.scrollTop
         setTimeout(() => {
-          that.tmpScrollNum--;
-          if(that.tmpScrollNum == 0) {
-            this.$refs.ingrid.store.states.hoverRow = null;
+          that.tmpScrollNum--
+          if (that.tmpScrollNum == 0) {
+            this.$refs.ingrid.store.states.hoverRow = null
           }
         }, 500)
       }
@@ -43,16 +42,17 @@ export default {
 
     //初始化table高度  缓存data用
     initTableStyle() {
-      const bodyWrapper = this.$refs.ingrid.$refs.bodyWrapper;
-      bodyWrapper.querySelector('tbody').style.position = 'absolute';
+      const bodyWrapper = this.$refs.ingrid.$refs.bodyWrapper
+      bodyWrapper.querySelector('tbody').style.position = 'absolute'
     },
     initTableHeight() {
-      const contentHeight = (this.hdResult.rows.length) * this.trHeight;
-      const bodyWrapper = this.$refs.ingrid.$refs.bodyWrapper;
+      const contentHeight = this.hdResult.rows.length * this.trHeight
+      const bodyWrapper = this.$refs.ingrid.$refs.bodyWrapper
       //console.log(contentHeight)
-      bodyWrapper.querySelector('.el-table__body').style.height = contentHeight + 'px';
+      bodyWrapper.querySelector('.el-table__body').style.height =
+        contentHeight + 'px'
 
-      this.updateGridDataRows(bodyWrapper.scrollTop, bodyWrapper.clientHeight);
+      this.updateGridDataRows(bodyWrapper.scrollTop, bodyWrapper.clientHeight)
     },
     /**
      * 更新GridData， 缓存data用
@@ -61,15 +61,18 @@ export default {
      * contentHeight 内容长度
      */
     updateGridDataRows(scrollTop, wapperHeight) {
-      wapperHeight = wapperHeight > this.minRowNum * this.trHeight ? wapperHeight : this.minRowNum * this.trHeight;
+      wapperHeight =
+        wapperHeight > this.minRowNum * this.trHeight
+          ? wapperHeight
+          : this.minRowNum * this.trHeight
       //console.log('updateGridDataRows', scrollTop, wapperHeight)
-      let start = Math.ceil(scrollTop / this.trHeight);
-      start = start < 0 ? 0 : start;
-      let end = Math.ceil((scrollTop + wapperHeight) / this.trHeight);
-      end = end > this.hdResult.rows.length ? this.hdResult.rows.length : end;
-      this.gridDataRows = this.hdResult.rows.slice(start, end);
-      this.startIndex = start;
-      this.$refs.ingrid.setCurrentRow(this.hdQuery.selRow);
+      let start = Math.ceil(scrollTop / this.trHeight)
+      start = start < 0 ? 0 : start
+      let end = Math.ceil((scrollTop + wapperHeight) / this.trHeight)
+      end = end > this.hdResult.rows.length ? this.hdResult.rows.length : end
+      this.gridDataRows = this.hdResult.rows.slice(start, end)
+      this.startIndex = start
+      this.$refs.ingrid.setCurrentRow(this.hdQuery.selRow)
       //console.log(this.gridDataRows)
     },
     getIndex(index) {
@@ -90,20 +93,21 @@ export default {
       if (!this.visualScroll) {
         return false
       }
-      const bodyWrapper = this.$refs.ingrid.$refs.bodyWrapper;
-      const fixedWrapper = this.$refs.ingrid.$refs.fixedBodyWrapper;
-      const rightFixedWrapper = this.$refs.ingrid.$refs.rightFixedBodyWrapper;
+      const bodyWrapper = this.$refs.ingrid.$refs.bodyWrapper
+      const fixedWrapper = this.$refs.ingrid.$refs.fixedBodyWrapper
+      const rightFixedWrapper = this.$refs.ingrid.$refs.rightFixedBodyWrapper
 
-      const contentHeight = bodyWrapper.clientHeight;
+      const contentHeight = bodyWrapper.clientHeight
       if (val != oldval) {
-        bodyWrapper.querySelector('tbody').style.transform = 'translate(0px,' + val + 'px)';
+        bodyWrapper.querySelector('tbody').style.transform =
+          'translate(0px,' + val + 'px)'
         if (fixedWrapper) {
-          fixedWrapper.scrollTop = 0;
+          fixedWrapper.scrollTop = 0
         }
         if (rightFixedWrapper) {
-          rightFixedWrapper.scrollTop = 0;
+          rightFixedWrapper.scrollTop = 0
         }
-        this.updateGridDataRows(val, contentHeight);
+        this.updateGridDataRows(val, contentHeight)
       }
     },
     // hdResult: function () {
@@ -122,10 +126,12 @@ export default {
       if (!this.visualScroll) {
         return false
       }
-      this.hdResult.rows.filter(v => !v._isCK).forEach(v => {
-        this.$set(v,'_isCk',false)
-      })
-      this.initTableHeight();
+      this.hdResult.rows
+        .filter((v) => !v._isCK)
+        .forEach((v) => {
+          this.$set(v, '_isCk', false)
+        })
+      this.initTableHeight()
     },
     // '$refs.ingrid.store.states.hoverRow': function (newval, oldval) {
     //   console.log('watch hoverRow',this.tmpScrollNum, newval, oldval)
@@ -139,35 +145,35 @@ export default {
       if (!this.visualScroll) {
         return false
       }
-      let r1 = false;
-      let r2 = false;
+      let r1 = false
+      let r2 = false
       if (!this.hdResult.rows || this.hdResult.rows.length == 0) {
         return false
       }
-      this.hdResult.rows.forEach(v => {
+      this.hdResult.rows.forEach((v) => {
         if (v._isCK) {
-          r1 = true;
+          r1 = true
         }
         if (!v._isCK) {
-          r2 = true;
+          r2 = true
         }
       })
-      return r1 && r2;
+      return r1 && r2
     },
     isAllChecked() {
       if (!this.visualScroll) {
         return false
       }
-      let r = true;
+      let r = true
       if (!this.hdResult.rows || this.hdResult.rows.length == 0) {
         return false
       }
-      this.hdResult.rows.forEach(v => {
+      this.hdResult.rows.forEach((v) => {
         if (!v._isCK) {
-          r = false;
+          r = false
         }
       })
       return r
-    }
-  }
+    },
+  },
 }