refactor: 更改 DOM 操作节点

Author: ArgoZhang

src/BootstrapBlazor/Components/Tab/Tab.razor.js

@@ -20,12 +20,12 @@ const resize = tab => {
     }
 
     const scroll = tab.scroll
-    const lastItem = [...tabNav.querySelectorAll('.tabs-item')].pop()
+    const lastItem = [...tabNav.querySelectorAll('.tabs-item-wrap')].pop()
     if (lastItem) {
         if (tab.vertical) {
             const tabHeight = scroll.offsetHeight
             let itemHeight = 0
-            tabNav.querySelectorAll('.tabs-item').forEach(v => {
+            tabNav.querySelectorAll('.tabs-item-wrap').forEach(v => {
                 itemHeight += v.offsetHeight
             })
             if (itemHeight > tabHeight) {
@@ -39,7 +39,7 @@ const resize = tab => {
             // Item 总宽度大于 Nav 宽度
             const tabWidth = scroll.offsetWidth
             let itemWidth = 0
-            tabNav.querySelectorAll('.tabs-item').forEach(v => {
+            tabNav.querySelectorAll('.tabs-item-wrap').forEach(v => {
                 itemWidth += v.offsetWidth
             })
             if (itemWidth > tabWidth) {
@@ -55,7 +55,7 @@ const resize = tab => {
 const active = tab => {
     resize(tab)
 
-    const activeTab = tab.tabNav.querySelector('.tabs-item.active')
+    const activeTab = tab.tabNav.querySelector('.tabs-item-wrap.active')
     if (activeTab) {
         if (tab.vertical) {
             const top = getPosition(activeTab).top - getPosition(activeTab.parentNode).top + activeTab.offsetHeight
@@ -108,12 +108,12 @@ const setDraggable = tab => {
     let dragItem = null;
     let index = 0
 
-    tab.dragItems = [...tab.el.firstChild.querySelectorAll('.tabs-item')]
+    tab.dragItems = [...tab.el.firstChild.querySelectorAll('.tabs-item-wrap')]
     tab.dragItems.forEach(item => {
         EventHandler.on(item, 'dragstart', e => {
             item.parentNode.classList.add('tab-dragging')
             item.classList.add('tab-drag')
-            tab.dragItems = [...tab.el.firstChild.querySelectorAll('.tabs-item')]
+            tab.dragItems = [...tab.el.firstChild.querySelectorAll('.tabs-item-wrap')]
             index = tab.dragItems.indexOf(item)
             dragItem = item
             e.dataTransfer.effectAllowed = 'move'