vxe-pc-ui 4.19.6 → 4.19.8

package/styles/components/scrollbar.scss

@@ -1,7 +1,6 @@
 @use '../helpers/baseMixin.scss';
 
 .vxe-scrollbar {
-  width: 100%;
   position: relative;
   &.is--virtual {
     & > .vxe-scrollbar--view {
@@ -74,6 +73,7 @@
   display: none;
   position: absolute;
   background-color: var(--vxe-ui-scrollbar-track-background-color);
+  overflow: hidden;
   user-select: none;
 }
 .vxe-scrollbar {
@@ -152,17 +152,21 @@
 
 .vxe-scrollbar {
   &.is--padding {
-    &.sx-pos--top {
-      padding-top: var(--vxe-ui-scrollbar-x-height);
-    }
-    &.sx-pos--bottom {
-      padding-bottom: var(--vxe-ui-scrollbar-x-height);
-    }
-    &.sy-pos--left {
-      padding-left: var(--vxe-ui-scrollbar-y-width);
+    &.overflow-x {
+      &.sx-pos--top {
+        padding-top: var(--vxe-ui-scrollbar-x-height);
+      }
+      &.sx-pos--bottom {
+        padding-bottom: var(--vxe-ui-scrollbar-x-height);
+      }
     }
-    &.sy-pos--right {
-      padding-right: var(--vxe-ui-scrollbar-y-width);
+    &.overflow-y {
+      &.sy-pos--left {
+        padding-left: var(--vxe-ui-scrollbar-y-width);
+      }
+      &.sy-pos--right {
+        padding-right: var(--vxe-ui-scrollbar-y-width);
+      }
     }
   }
 }

package/styles/components/space.scss

@@ -38,6 +38,7 @@
   &.is--fill {
     & > .vxe-space--item {
       flex-grow: 1;
+      min-width: 100%;
     }
   }
 }

package/styles/components/tabs.scss

@@ -470,7 +470,8 @@ $scrollbarOffsetSize: 20px;
   overflow: auto;
 }
 
-.vxe-tabs-pane--item {
+.vxe-tabs-pane--item,
+.vxe-tabs-pane--scrollbar-item {
   display: none;
   height: 100%;
   overflow: auto;

package/types/components/card.d.ts

@@ -1,5 +1,6 @@
 import { RenderFunction, SetupContext, Ref } from 'vue'
 import { DefineVxeComponentApp, DefineVxeComponentOptions, DefineVxeComponentInstance, VxeComponentBaseOptions, VxeComponentEventParams, ValueOf, VxeComponentSizeType } from '@vxe-ui/core'
+import { VxeScrollbarProps } from './scrollbar'
 
 /* eslint-disable no-use-before-define,@typescript-eslint/ban-types */
 
@@ -32,6 +33,8 @@ export namespace VxeCardPropTypes {
   export type Shadow = boolean
   export type Padding = boolean
   export type Size = VxeComponentSizeType
+  export type UseScrollbar = boolean
+  export interface ScrollbarConfig extends Pick<VxeScrollbarProps, 'native' | 'yConfig' | 'className' | 'viewAttrs' | 'viewClassName' | 'viewInnerClassName'> {}
 }
 
 export type VxeCardProps = {
@@ -44,6 +47,14 @@ export type VxeCardProps = {
   shadow?: VxeCardPropTypes.Shadow
   padding?: VxeCardPropTypes.Padding
   size?: VxeCardPropTypes.Size
+  /**
+   * 使用虚拟滚动条
+   */
+  useScrollbar?: VxeCardPropTypes.UseScrollbar
+  /**
+   * 滚动条配置项
+   */
+  scrollbarConfig?: VxeCardPropTypes.ScrollbarConfig
 }
 
 export interface CardPrivateComputed {

package/types/components/grid.d.ts

@@ -661,13 +661,50 @@ export interface GridMethods<D = any> {
 export interface VxeGridMethods<D = any> extends GridMethods<D>, Omit<TableMethods<D>, 'dispatchEvent'> { }
 
 export interface GridPrivateMethods<D = any> {
+  /**
+   * 内部方法
+   * @private
+   */
   callSlot<T = any>(slotFunc: ((params: T) => VxeComponentSlotType | VxeComponentSlotType[]) | string | null, params: T): VxeComponentSlotType[]
+  /**
+   * 内部方法
+   * @private
+   */
   extendTableMethods<T>(methodKeys: T[]): any
+  /**
+   * 内部方法
+   * @private
+   */
   triggerToolbarCommitEvent(params: VxeToolbarPropTypes.ButtonConfig | VxeToolbarPropTypes.ToolConfig, evnt: Event): Promise<any>
+  /**
+   * 内部方法
+   * @private
+   */
   triggerToolbarBtnEvent(button: VxeToolbarPropTypes.ButtonConfig, evnt: Event): void
+  /**
+   * 内部方法
+   * @private
+   */
   triggerToolbarTolEvent(button: VxeToolbarPropTypes.ToolConfig, evnt: Event): void
+  /**
+   * 内部方法
+   * @private
+   */
   triggerZoomEvent(evnt: Event): void
+  /**
+   * 内部方法
+   * @private
+   */
+  getParentElem(): HTMLElement | null
+  /**
+   * 内部方法
+   * @private
+   */
   getParentHeight(): number
+  /**
+   * 内部方法
+   * @private
+   */
   getExcludeHeight(): number
 }
 export interface VxeGridPrivateMethods<D = any> extends GridPrivateMethods<D> { }

package/types/components/layout-aside.d.ts

@@ -48,7 +48,13 @@ export interface VxeLayoutAsideProps {
   padding?: VxeLayoutAsidePropTypes.Padding
   size?: VxeLayoutAsidePropTypes.Size
   collapseConfig?: VxeLayoutAsidePropTypes.CollapseConfig
+  /**
+   * 使用虚拟滚动条
+   */
   useScrollbar?: VxeLayoutAsidePropTypes.UseScrollbar
+  /**
+   * 滚动条配置项
+   */
   scrollbarConfig?: VxeLayoutAsidePropTypes.ScrollbarConfig
 }
 export interface LayoutAsidePrivateComputed {

package/types/components/layout-body.d.ts

@@ -40,7 +40,13 @@ export interface VxeLayoutBodyProps {
   padding?: VxeLayoutBodyPropTypes.Padding
   showBacktop?: VxeLayoutBodyPropTypes.ShowBacktop
   backtopConfig?: VxeLayoutBodyPropTypes.BacktopConfig
+  /**
+   * 使用虚拟滚动条
+   */
   useScrollbar?: VxeLayoutBodyPropTypes.UseScrollbar
+  /**
+   * 滚动条配置项
+   */
   scrollbarConfig?: VxeLayoutBodyPropTypes.ScrollbarConfig
 }
 

package/types/components/menu.d.ts

@@ -109,7 +109,13 @@ export interface VxeMenuProps {
   expandKeys?: VxeMenuPropTypes.ExpandKeys
   options?: VxeMenuPropTypes.Options
   menuConfig?: VxeMenuPropTypes.MenuConfig
+  /**
+   * 使用虚拟滚动条
+   */
   useScrollbar?: VxeMenuPropTypes.UseScrollbar
+  /**
+   * 滚动条配置项
+   */
   scrollbarConfig?: VxeMenuPropTypes.ScrollbarConfig
   /**
    * 挂载到指定元素下

package/types/components/row.d.ts

@@ -23,6 +23,7 @@ export interface RowPrivateRef {
 export interface VxeRowPrivateRef extends RowPrivateRef { }
 
 export namespace VxeRowPropTypes {
+  export type GridLayout = boolean
   export type Gutter = string | number | (string | number)[]
   export type Wrap = boolean
   export type Vertical = boolean
@@ -30,6 +31,7 @@ export namespace VxeRowPropTypes {
 }
 
 export type VxeRowProps = {
+  gridLayout?: VxeRowPropTypes.GridLayout
   gutter?: VxeRowPropTypes.Gutter
   wrap?: VxeRowPropTypes.Wrap
   vertical?: VxeRowPropTypes.Vertical

package/types/components/table.d.ts

@@ -5514,12 +5514,11 @@ export interface TablePrivateMethods<D = any> {
    * @private
    */
   callSlot<T>(slotFunc: ((params: T) => VxeComponentSlotType | VxeComponentSlotType[]) | string | null, params: T): VxeComponentSlotType[]
-
   /**
    * 内部方法
    * @private
    */
-  getParentElem(): Element | null
+  getParentElem(): HTMLElement | null
   /**
    * 内部方法
    * @private

package/types/components/tabs.d.ts

@@ -1,6 +1,7 @@
 import { RenderFunction, SetupContext, Ref } from 'vue'
 import { DefineVxeComponentApp, DefineVxeComponentOptions, DefineVxeComponentInstance, VxeComponentBaseOptions, VxeComponentEventParams, ValueOf, VxeComponentSizeType } from '@vxe-ui/core'
 import { VxeTabPaneProps, VxeTabPaneDefines, VxeTabPanePropTypes } from './tab-pane'
+import { VxeScrollbarProps } from './scrollbar'
 
 /* eslint-disable no-use-before-define,@typescript-eslint/ban-types */
 
@@ -112,6 +113,8 @@ export namespace VxeTabsPropTypes {
       option: Omit<VxeTabPaneProps, 'slots'>
     }) => boolean
   }
+  export type UseScrollbar = boolean
+  export interface ScrollbarConfig extends Pick<VxeScrollbarProps, 'native' | 'yConfig' | 'className' | 'viewAttrs' | 'viewClassName' | 'viewInnerClassName'> {}
 }
 
 export type VxeTabsProps = {
@@ -138,6 +141,14 @@ export type VxeTabsProps = {
    * 刷新配置项
    */
   refreshConfig?: VxeTabsPropTypes.RefreshConfig
+  /**
+   * 使用虚拟滚动条
+   */
+  useScrollbar?: VxeTabsPropTypes.UseScrollbar
+  /**
+   * 滚动条配置项
+   */
+  scrollbarConfig?: VxeTabsPropTypes.ScrollbarConfig
 
   /**
    * 请使用 closeConfig.beforeMethod