vxe-pc-ui 4.9.18 → 4.9.20

package/styles/components/tabs.scss

@@ -590,7 +590,6 @@ $scrollbarOffsetSize: 20px;
   }
   &.pos--top,
   &.pos--bottom {
-    height: var(--vxe-ui-tabs-header-height-default);
     .vxe-tabs-header--item-wrapper {
       flex-direction: row;
       width: 100%;
@@ -684,21 +683,6 @@ $scrollbarOffsetSize: 20px;
   }
 }
 
-.vxe-tabs {
-  .vxe-tabs-header--item-inner {
-    height: var(--vxe-ui-tabs-header-height-default);
-  }
-  .vxe-tabs-header--active-line {
-    &.type--card {
-      height: var(--vxe-ui-tabs-header-height-default);
-    }
-    &.type--border-card {
-      height: calc(var(--vxe-ui-tabs-header-height-default) + 1px);
-      line-height: calc(var(--vxe-ui-tabs-header-height-default) + 1px);
-    }
-  }
-}
-
 .vxe-tabs--default,
 .vxe-tabs--card,
 .vxe-tabs--border-card,
@@ -712,9 +696,44 @@ $scrollbarOffsetSize: 20px;
     border-bottom: 2px solid transparent;
   }
 }
-.vxe-tabs--card,
-.vxe-tabs--round-card {
+
+@mixin getTabsSizeStyle ($fontSize, $headHeight) {
+  font-size: $fontSize;
   .vxe-tabs-header--item-inner {
-    height: calc(var(--vxe-ui-tabs-header-height-default) - 1px);
+    height: $headHeight;
+  }
+  .vxe-tabs-header--active-line {
+    &.type--card {
+      height: $headHeight;
+    }
+    &.type--border-card {
+      height: calc($headHeight + 1px);
+      line-height: calc($headHeight + 1px);
+    }
+  }
+  .vxe-tabs-header--wrapper {
+    &.pos--top,
+    &.pos--bottom {
+      height: $headHeight;
+    }
+  }
+  .vxe-tabs--card,
+  .vxe-tabs--round-card {
+    .vxe-tabs-header--item-inner {
+      height: calc($headHeight - 1px);
+    }
+  }
+}
+
+.vxe-tabs {
+  @include getTabsSizeStyle(var(--vxe-ui-font-size-default), var(--vxe-ui-tabs-header-height-default));
+  &.size--medium {
+    @include getTabsSizeStyle(var(--vxe-ui-font-size-medium), var(--vxe-ui-tabs-header-height-medium));
+  }
+  &.size--small {
+    @include getTabsSizeStyle(var(--vxe-ui-font-size-small), var(--vxe-ui-tabs-header-height-small));
+  }
+  &.size--mini {
+    @include getTabsSizeStyle(var(--vxe-ui-font-size-mini), var(--vxe-ui-tabs-header-height-mini));
   }
 }

package/styles/components/tooltip.scss

@@ -4,9 +4,7 @@
   top: -100%;
   left: -100%;
   font-size: 12px;
-  max-width: 600px;
   border-radius: var(--vxe-ui-base-border-radius);
-  padding: 8px 12px;
   white-space: normal;
   word-break: break-word;
   box-shadow: 2px 2px 4px -2px rgba(0,0,0,.2);
@@ -16,7 +14,7 @@
     pointer-events: none;
   }
   &.is--visible {
-    display: block;
+    display: inline-block;
   }
   &.is--arrow {
     .vxe-tooltip--arrow {
@@ -34,7 +32,12 @@
     }
   }
   .vxe-tooltip--content {
+    padding: 8px 12px;
+    max-width: 600px;
+    max-height: 800px;
     white-space: pre-line;
+    border-radius: var(--vxe-ui-base-border-radius);
+    overflow: auto;
   }
   .vxe-tooltip--arrow {
     display: none;
@@ -73,9 +76,9 @@
       }
     }
     .vxe-tooltip--arrow {
-      top: -12px;
+      top: -11px;
       &:before {
-        top: -4px;
+        top: -3px;
       }
     }
   }

package/styles/theme/base.scss

@@ -30,7 +30,10 @@
   --vxe-ui-layout-aside-collapse-width: 60px;
 
   /*menu*/
-  --vxe-ui-menu-item-height: 44px;
+  --vxe-ui-menu-item-height-default: 44px;
+  --vxe-ui-menu-item-height-medium: 40px;
+  --vxe-ui-menu-item-height-small: 36px;
+  --vxe-ui-menu-item-height-mini: 32px;
   --vxe-ui-menu-icon-width: 1.5em;
 
   /*button*/
@@ -160,7 +163,10 @@
   --vxe-ui-upload-image-wh-mini: 72px;
 
   /*card*/
-  --vxe-ui-card-padding: 12px;
+  --vxe-ui-card-padding-default: 12px;
+  --vxe-ui-card-padding-medium: 10px;
+  --vxe-ui-card-padding-small: 8px;
+  --vxe-ui-card-padding-mini: 6px;
 
   /*tree*/
   --vxe-ui-tree-node-height: 2em;
@@ -181,7 +187,7 @@
   --vxe-ui-calendar-notice-selected-background-color: var(--vxe-ui-calendar-selected-color);
 
   /*split*/
-  --vxe-ui-split-handle-bar-horizontal-width: 10px;
+  --vxe-ui-split-handle-bar-horizontal-width: 0.68em;
   --vxe-ui-split-handle-bar-horizontal-height: 6.8em;
   --vxe-ui-split-handle-bar-vertical-width: var(--vxe-ui-split-handle-bar-horizontal-height);
   --vxe-ui-split-handle-bar-vertical-height: var(--vxe-ui-split-handle-bar-horizontal-width);

package/types/components/card.d.ts

@@ -1,5 +1,5 @@
 import { RenderFunction, SetupContext, Ref } from 'vue'
-import { DefineVxeComponentApp, DefineVxeComponentOptions, DefineVxeComponentInstance, VxeComponentBaseOptions, VxeComponentEventParams, ValueOf } from '@vxe-ui/core'
+import { DefineVxeComponentApp, DefineVxeComponentOptions, DefineVxeComponentInstance, VxeComponentBaseOptions, VxeComponentEventParams, ValueOf, VxeComponentSizeType } from '@vxe-ui/core'
 
 /* eslint-disable no-use-before-define,@typescript-eslint/ban-types */
 
@@ -31,6 +31,7 @@ export namespace VxeCardPropTypes {
   export type Loading = boolean
   export type Shadow = boolean
   export type Padding = boolean
+  export type Size = VxeComponentSizeType
 }
 
 export type VxeCardProps = {
@@ -42,6 +43,7 @@ export type VxeCardProps = {
   loading?: VxeCardPropTypes.Loading
   shadow?: VxeCardPropTypes.Shadow
   padding?: VxeCardPropTypes.Padding
+  size?: VxeCardPropTypes.Size
 }
 
 export interface CardPrivateComputed {

package/types/components/split.d.ts

@@ -1,5 +1,5 @@
 import { RenderFunction, SetupContext, Ref, ComputedRef } from 'vue'
-import { DefineVxeComponentApp, DefineVxeComponentOptions, DefineVxeComponentInstance, VxeComponentBaseOptions, VxeComponentEventParams, ValueOf } from '@vxe-ui/core'
+import { DefineVxeComponentApp, DefineVxeComponentOptions, DefineVxeComponentInstance, VxeComponentBaseOptions, VxeComponentEventParams, ValueOf, VxeComponentSizeType } from '@vxe-ui/core'
 import { VxeSplitPaneProps, VxeSplitPanePropTypes } from './split-pane'
 
 /* eslint-disable no-use-before-define,@typescript-eslint/ban-types */
@@ -24,6 +24,7 @@ export interface SplitPrivateRef {
 export interface VxeSplitPrivateRef extends SplitPrivateRef { }
 
 export namespace VxeSplitPropTypes {
+  export type Size = VxeComponentSizeType
   export type Height = string | number
   export type Width = string | number
   export type Padding = boolean
@@ -85,6 +86,7 @@ export namespace VxeSplitPropTypes {
 }
 
 export type VxeSplitProps = {
+  size?: VxeSplitPropTypes.Size
   /**
    * 高度
    */

package/types/components/table.d.ts

@@ -1363,10 +1363,16 @@ export namespace VxeTablePropTypes {
    */
   export interface TooltipConfig<D = VxeTablePropTypes.Row> {
     showAll?: boolean
-    theme?: 'dark' | 'light' | '' | null
-    enterable?: boolean
-    enterDelay?: number
-    leaveDelay?: number
+    theme?: VxeTooltipPropTypes.Theme
+    enterable?: VxeTooltipPropTypes.Enterable
+    enterDelay?: VxeTooltipPropTypes.EnterDelay
+    leaveDelay?: VxeTooltipPropTypes.LeaveDelay
+    width?: VxeTooltipPropTypes.Width
+    height?: VxeTooltipPropTypes.Height
+    minWidth?: VxeTooltipPropTypes.MinWidth
+    minHeight?: VxeTooltipPropTypes.MinHeight
+    maxWidth?: VxeTooltipPropTypes.MaxWidth
+    maxHeight?: VxeTooltipPropTypes.MaxHeight
     contentMethod?(params: {
       $table: VxeTableConstructor<D>
       items: any[]

package/types/components/tabs.d.ts

@@ -1,5 +1,5 @@
 import { RenderFunction, SetupContext, Ref } from 'vue'
-import { DefineVxeComponentApp, DefineVxeComponentOptions, DefineVxeComponentInstance, VxeComponentBaseOptions, VxeComponentEventParams, ValueOf } from '@vxe-ui/core'
+import { DefineVxeComponentApp, DefineVxeComponentOptions, DefineVxeComponentInstance, VxeComponentBaseOptions, VxeComponentEventParams, ValueOf, VxeComponentSizeType } from '@vxe-ui/core'
 import { VxeTabPaneProps, VxeTabPaneDefines, VxeTabPanePropTypes } from './tab-pane'
 
 /* eslint-disable no-use-before-define,@typescript-eslint/ban-types */
@@ -25,6 +25,7 @@ export interface VxeTabsPrivateRef extends TabsPrivateRef { }
 
 export namespace VxeTabsPropTypes {
   export type ModelValue = undefined | null | VxeTabPanePropTypes.Name
+  export type Size = VxeComponentSizeType
   export type Options = VxeTabPaneProps[]
   export type DestroyOnClose = boolean
   export type Width = string | number
@@ -115,6 +116,7 @@ export namespace VxeTabsPropTypes {
 
 export type VxeTabsProps = {
   modelValue?: VxeTabsPropTypes.ModelValue
+  size?: VxeTabsPropTypes.Size
   options?: VxeTabsPropTypes.Options
   destroyOnClose?: VxeTabsPropTypes.DestroyOnClose
   width?: VxeTabsPropTypes.Width

package/types/components/tooltip.d.ts

@@ -33,6 +33,12 @@ export namespace VxeTooltipPropTypes {
   export type UseHTML = boolean
   export type ZIndex = string | number
   export type PopupClassName = string | ((params: { $tooltip: VxeTooltipConstructor }) => string)
+  export type Width = string | number
+  export type Height = string | number
+  export type MinWidth = string | number
+  export type MinHeight = string | number
+  export type MaxWidth = string | number
+  export type MaxHeight = string | number
   export type IsArrow = boolean
   export type Enterable = boolean
   export type EnterDelay = number
@@ -49,6 +55,12 @@ export interface VxeTooltipProps {
   content?: VxeTooltipPropTypes.Content
   useHTML?: VxeTooltipPropTypes.UseHTML
   popupClassName?: VxeTooltipPropTypes.PopupClassName
+  Width?: VxeTooltipPropTypes.Width
+  height?: VxeTooltipPropTypes.Height
+  minWidth?: VxeTooltipPropTypes.MinWidth
+  minHeight?: VxeTooltipPropTypes.MinHeight
+  maxWidth?: VxeTooltipPropTypes.MaxWidth
+  maxHeight?: VxeTooltipPropTypes.MaxHeight
   zIndex?: VxeTooltipPropTypes.ZIndex
   isArrow?: VxeTooltipPropTypes.IsArrow
   enterable?: VxeTooltipPropTypes.Enterable