fix: [virtual-scroll-box] fixed the wrong class and horizontal scroll bar always showing

Author: zzcr

examples/sites/demos/pc/app/virtual-tree/basic-usage-composition-api.vue

@@ -6,7 +6,7 @@
       width="600"
       height="400"
       row-height="36"
-      scrollbar-size="6"
+      scrollbar-size="8"
       :tree-op="treeOp"
     ></tiny-virtual-tree>
   </div>

examples/sites/demos/pc/app/virtual-tree/basic-usage.vue

@@ -6,7 +6,7 @@
       width="600"
       height="400"
       row-height="36"
-      scrollbar-size="6"
+      scrollbar-size="8"
       :tree-op="treeOp"
     ></tiny-virtual-tree>
   </div>

packages/vue/src/virtual-scroll-box/src/pc.vue

@@ -1,8 +1,8 @@
 <template>
-  <div class="aui-virtual-scroll-box" :style="state.ctx.boxStyle" @scroll="onScroll">
-    <div class="aui-virtual-scroll-box__x-axis" :style="state.ctx.xAxisStyle"></div>
-    <div class="aui-virtual-scroll-box__y-axis" :style="state.ctx.yAxisStyle"></div>
-    <div class="aui-virtual-scroll-box__view" :style="state.ctx.viewStyle">
+  <div class="tiny-virtual-scroll-box" :style="state.ctx.boxStyle" @scroll="onScroll">
+    <div class="tiny-virtual-scroll-box__x-axis" :style="state.ctx.xAxisStyle"></div>
+    <div class="tiny-virtual-scroll-box__y-axis" :style="state.ctx.yAxisStyle"></div>
+    <div class="tiny-virtual-scroll-box__view" :style="state.ctx.viewStyle">
       <slot :params="state.slotParams"></slot>
     </div>
   </div>

packages/vue/src/virtual-tree/src/pc.vue

@@ -1,6 +1,6 @@
 <template>
-  <aui-virtual-scroll-box ref="vsBox" class="aui-virtual-tree" v-bind="state.vsBoxOptions" @change="onVsBoxChange">
-    <aui-tree
+  <tiny-virtual-scroll-box ref="vsBox" class="tiny-virtual-tree" v-bind="state.vsBoxOptions" @change="onVsBoxChange">
+    <tiny-tree
       ref="tree"
       v-bind="state.treeOptions"
       v-on="state.treeEvents"
@@ -32,8 +32,8 @@
       <template v-if="slots.operation" #operation="params">
         <slot name="operation" v-bind="params"></slot>
       </template>
-    </aui-tree>
-  </aui-virtual-scroll-box>
+    </tiny-tree>
+  </tiny-virtual-scroll-box>
 </template>
 
 <script lang="ts">
@@ -46,8 +46,8 @@ export default defineComponent({
   inheritAttrs: false,
   props: [...props, 'width', 'height', 'rowHeight', 'scrollbarSize', 'treeOp'],
   components: {
-    AuiVirtualScrollBox: VirtualScrollBox,
-    AuiTree: Tree
+    TinyVirtualScrollBox: VirtualScrollBox,
+    TinyTree: Tree
   },
   setup(props, context): any {
     return setup({ props, context, renderless, api })