adtec-core-package 0.1.3 → 0.1.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adtec-core-package",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "private": false,
   "type": "module",
   "scripts": {

package/src/directives/vKeydown.ts

@@ -0,0 +1,93 @@
+/**
+ * Create by丁盼
+ * 说明: v-keydown
+ * 创建时间: 2024/12/12 15:51
+ * 修改时间: 2024/12/12 15:51
+ */
+import { useEventBus } from '@vueuse/core'
+const vKeydown = {
+  beforeMount: (el: HTMLElement) => {
+    el.addEventListener('keydown', (e) => {
+      if (e.key === 'Tab') {
+        const el = e.target as HTMLElement
+        if (el.tagName === 'INPUT' || el.tagName === 'TEXTAREA') {
+          //查找上级DIV 节点 取消编辑
+          let b = true
+          let i = 0
+          let parent: any = el
+          while (b) {
+            parent = parent.parentElement
+            if (parent.className.indexOf('el-table-column-edit') > -1) {
+              b = false
+            } else {
+              i++
+              if (i > 5) {
+                b = false
+              }
+            }
+          }
+          const bus = useEventBus<string>(parent.id)
+          bus.emit()
+          //寻找下一个编辑的单元格
+          //找到el-table__cell' 节点
+          b = true
+          i = 0
+          while (b) {
+            parent = parent.parentElement
+            if (parent.className.indexOf('el-table__cell') > -1) {
+              b = false
+            } else {
+              i++
+              if (i > 5) {
+                b = false
+              }
+            }
+          }
+          b = true
+          i = 0
+          while (b) {
+            if (parent.nextElementSibling) {
+              const input = parent.nextElementSibling.getElementsByClassName('el-table-column-edit')
+              if (input.length > 0) {
+                setTimeout(() => {
+                  input[0].click()
+                }, 10)
+                b = false
+                e.stopPropagation()
+                return false
+              } else {
+                parent = parent.nextElementSibling
+                i++
+                if (i > 5) {
+                  b = false
+                }
+              }
+            } else {
+              b = false
+            }
+          }
+          //如果当前行结束判断下一行数据
+          const tr = parent.parentNode.nextElementSibling
+          try {
+            for (let j = 0; j < tr.children.length; j++) {
+              const input = tr.children[j].getElementsByClassName('el-table-column-edit')
+              if (input.length > 0) {
+                setTimeout(() => {
+                  input[0].click()
+                  e.stopPropagation()
+                }, 10)
+                break
+              }
+            }
+          } catch {
+            /* empty */
+          }
+        }
+      }
+    })
+  },
+  unmounted: (el: HTMLElement) => {
+    el.removeEventListener('keydown', () => {})
+  },
+}
+export default vKeydown

package/src/mixin/globalMixin.ts

@@ -11,6 +11,8 @@ import ElTitle from '../components/Title/ElTitle.vue'
 import ElIcons from '../components/icon/ElIcons.vue'
 import ElIconBtn from '../components/icon/ElIconBtn.vue'
 import ElIconSearch from '../components/Search/ElIconSearch.vue'
+import ElTableColumnEdit from '../components/Table/ElTableColumnEdit.vue'
+import vKeydown from '../directives/vKeydown'
 //@ts-ignore
 export const globalMixin = {
   components: {
@@ -21,5 +23,9 @@ export const globalMixin = {
     ElIcons,
     ElIconBtn,
     ElIconSearch,
+    ElTableColumnEdit
   },
+  directives:{
+    "keydown":vKeydown
+  }
 }