vxe-pc-ui 4.6.4 → 4.6.6

package/styles/components/date-range-picker.scss

@@ -1,5 +1,6 @@
 @use "sass:list";
 @use '../helpers/baseMixin.scss';
+@use '../helpers/placement.scss';
 
 .vxe-date-range-picker--readonly {
   color: var(--vxe-ui-font-color);
@@ -106,40 +107,7 @@
 }
 
 .vxe-date-range-picker--panel {
-  display: none;
-  position: absolute;
-  left: 0;
-  padding: 4px 0;
-  color: var(--vxe-ui-font-color);
-  font-size: var(--vxe-ui-font-size-default);
-  text-align: left;
-  &.is--transfer {
-    position: fixed;
-  }
-  &.ani--leave {
-    display: block;
-    opacity: 0;
-    transform: scaleY(0.5);
-    transition: transform .3s cubic-bezier(.23,1,.32,1), opacity .3s cubic-bezier(.23,1,.32,1);
-    transform-origin: center top;
-    backface-visibility: hidden;
-    transform-style: preserve-3d;
-    &[placement="top"] {
-      transform-origin: center bottom;
-    }
-  }
-  &.ani--enter {
-    opacity: 1;
-    transform: scaleY(1);
-    & > div {
-      &::after {
-        display: none;
-      }
-    }
-  }
-  & > div {
-    @include baseMixin.createEmptyMask();
-  }
+  @include placement.createPlacementPanel();
 }
 
 .vxe-date-range-picker--panel {

package/styles/components/pulldown.scss

@@ -1,4 +1,5 @@
 @use '../helpers/baseMixin.scss';
+@use '../helpers/placement.scss';
 
 .vxe-pulldown {
   position: relative;
@@ -9,47 +10,7 @@
 }
 
 .vxe-pulldown--panel {
-  display: none;
-  position: absolute;
-  left: 0;
-  padding: 4px 0;
-  color: var(--vxe-ui-font-color);
-  text-align: left;
-  outline: 0;
-  &:not(.is--transfer) {
-    min-width: 100%;
-  }
-  &.is--shadow {
-    .vxe-pulldown--panel-wrapper {
-      box-shadow: var(--vxe-ui-base-popup-box-shadow);
-    }
-  }
-  &.is--transfer {
-    position: fixed;
-  }
-  &.ani--leave {
-    display: block;
-    opacity: 0;
-    transform: scaleY(0.5);
-    transition: transform .3s cubic-bezier(.23,1,.32,1), opacity .3s cubic-bezier(.23,1,.32,1);
-    transform-origin: center top;
-    backface-visibility: hidden;
-    &[placement="top"] {
-      transform-origin: center bottom;
-    }
-  }
-  &.ani--enter {
-    opacity: 1;
-    transform: scaleY(1);
-    & > div {
-      &::after {
-        display: none;
-      }
-    }
-  }
-  & > div {
-    @include baseMixin.createEmptyMask();
-  }
+  @include placement.createPlacementPanel();
 }
 .vxe-pulldown--panel-wrapper {
   background-color: var(--vxe-ui-layout-background-color);

package/styles/components/select.scss

@@ -1,4 +1,5 @@
 @use '../helpers/baseMixin.scss';
+@use '../helpers/placement.scss';
 
 .vxe-select {
   position: relative;
@@ -50,41 +51,7 @@
 }
 
 .vxe-select--panel {
-  display: none;
-  position: absolute;
-  left: 0;
-  padding: 4px 0;
-  color: var(--vxe-ui-font-color);
-  text-align: left;
-  &:not(.is--transfer) {
-    min-width: 100%;
-  }
-  &.is--transfer {
-    position: fixed;
-  }
-  &.ani--leave {
-    display: block;
-    opacity: 0;
-    transform: scaleY(0.5);
-    transition: transform .3s cubic-bezier(.23,1,.32,1), opacity .3s cubic-bezier(.23,1,.32,1);
-    transform-origin: center top;
-    backface-visibility: hidden;
-    &[placement="top"] {
-      transform-origin: center bottom;
-    }
-  }
-  &.ani--enter {
-    opacity: 1;
-    transform: scaleY(1);
-    & > div {
-      &::after {
-        display: none;
-      }
-    }
-  }
-  & > div {
-    @include baseMixin.createEmptyMask();
-  }
+  @include placement.createPlacementPanel();
 }
 
 .vxe-select--panel-search {

package/styles/components/table-select.scss

@@ -1,4 +1,5 @@
 @use '../helpers/baseMixin.scss';
+@use '../helpers/placement.scss';
 
 .vxe-table-select {
   position: relative;
@@ -46,42 +47,7 @@
 }
 
 .vxe-table-select--panel {
-  display: none;
-  position: absolute;
-  left: 0;
-  padding: 4px 0;
-  color: var(--vxe-ui-font-color);
-  text-align: left;
-  pointer-events: none;
-  &:not(.is--transfer) {
-    min-width: 100%;
-  }
-  &.is--transfer {
-    position: fixed;
-  }
-  &.ani--leave {
-    display: block;
-    opacity: 0;
-    transform: scaleY(0.5);
-    transition: transform .3s cubic-bezier(.23,1,.32,1), opacity .3s cubic-bezier(.23,1,.32,1);
-    transform-origin: center top;
-    backface-visibility: hidden;
-    &[placement="top"] {
-      transform-origin: center bottom;
-    }
-  }
-  &.ani--enter {
-    opacity: 1;
-    transform: scaleY(1);
-    & > div {
-      &::after {
-        display: none;
-      }
-    }
-  }
-  & > div {
-    @include baseMixin.createEmptyMask();
-  }
+  @include placement.createPlacementPanel();
 }
 
 .vxe-table-select--panel-search {

package/styles/components/tree-select.scss

@@ -1,4 +1,5 @@
 @use '../helpers/baseMixin.scss';
+@use '../helpers/placement.scss';
 
 .vxe-tree-select {
   position: relative;
@@ -46,42 +47,7 @@
 }
 
 .vxe-tree-select--panel {
-  display: none;
-  position: absolute;
-  left: 0;
-  padding: 4px 0;
-  color: var(--vxe-ui-font-color);
-  text-align: left;
-  pointer-events: none;
-  &:not(.is--transfer) {
-    min-width: 100%;
-  }
-  &.is--transfer {
-    position: fixed;
-  }
-  &.ani--leave {
-    display: block;
-    opacity: 0;
-    transform: scaleY(0.5);
-    transition: transform .3s cubic-bezier(.23,1,.32,1), opacity .3s cubic-bezier(.23,1,.32,1);
-    transform-origin: center top;
-    backface-visibility: hidden;
-    &[placement="top"] {
-      transform-origin: center bottom;
-    }
-  }
-  &.ani--enter {
-    opacity: 1;
-    transform: scaleY(1);
-    & > div {
-      &::after {
-        display: none;
-      }
-    }
-  }
-  & > div {
-    @include baseMixin.createEmptyMask();
-  }
+  @include placement.createPlacementPanel();
 }
 
 .vxe-tree-select--panel-search {

package/styles/helpers/placement.scss

@@ -0,0 +1,39 @@
+@use './baseMixin.scss';
+
+@mixin createPlacementPanel {
+  display: none;
+  position: absolute;
+  left: 0;
+  padding: 4px 0;
+  color: var(--vxe-ui-font-color);
+  text-align: left;
+  &:not(.is--transfer) {
+    min-width: 100%;
+  }
+  &.is--transfer {
+    position: fixed;
+  }
+  &.ani--leave {
+    display: block;
+    opacity: 0;
+    transform: scaleY(0.5);
+    transition: transform .3s cubic-bezier(.23,1,.32,1), opacity .3s cubic-bezier(.23,1,.32,1);
+    transform-origin: center top;
+    backface-visibility: hidden;
+    &[placement="top"] {
+      transform-origin: center bottom;
+    }
+  }
+  &.ani--enter {
+    opacity: 1;
+    transform: scaleY(1);
+    & > div {
+      &::after {
+        display: none;
+      }
+    }
+  }
+  & > div {
+    @include baseMixin.createEmptyMask();
+  }
+}

package/types/components/button.d.ts

@@ -50,6 +50,7 @@ export namespace VxeButtonPropTypes {
   export type Loading = boolean
   export type Trigger = 'manual' | 'hover' | 'click' | '' | null
   export type Align = VxeComponentAlignType
+  export type Options = VxeButtonDefines.DownButtonOption[]
 
   export type PrefixTooltip = VxeTooltipDefines.TooltipHelperOption
   export type SuffixTooltip = VxeTooltipDefines.TooltipHelperOption
@@ -115,6 +116,11 @@ export interface VxeButtonProps {
   trigger?: VxeButtonPropTypes.Trigger
   align?: VxeButtonPropTypes.Align
 
+  /**
+   * 下拉按钮列表
+   */
+  options?: VxeButtonPropTypes.Options
+
   prefixTooltip?: VxeButtonPropTypes.PrefixTooltip
   suffixTooltip?: VxeButtonPropTypes.SuffixTooltip
   /**
@@ -176,6 +182,8 @@ export namespace VxeButtonDefines {
     $button: VxeButtonConstructor
   }
 
+  export type DownButtonOption = Pick<VxeButtonProps, 'type' | 'mode' | 'className' | 'name' | 'routerLink' | 'permissionCode' | 'title' | 'content' | 'status' | 'icon' | 'round' | 'circle' | 'disabled' | 'loading' | 'align'>
+
   export interface ClickParams { }
   export interface ClickEventParams extends ButtonEventParams, ClickParams { }
 
@@ -185,7 +193,10 @@ export namespace VxeButtonDefines {
   export interface MouseleaveParams { }
   export interface MouseleaveEventParams extends ButtonEventParams, MouseleaveParams { }
 
-  export interface DropdownClickParams { }
+  export interface DropdownClickParams {
+    name: VxeButtonPropTypes.Name
+    option: VxeButtonDefines.DownButtonOption | null
+  }
   export interface DropdownClickEventParams extends ButtonEventParams, DropdownClickParams { }
 }
 

package/types/components/table.d.ts

@@ -1943,6 +1943,54 @@ export namespace VxeTablePropTypes {
       replaceValue: string
       result: VxeTableExtendCellAreaDefines.FindAndReplaceResult[]
     }) => void
+    /**
+     * 匹配选项配置
+     */
+    matchOptions?: {
+      /**
+       * 是否启用正则表达式
+       */
+      isRE?: boolean
+      /**
+       * 是否启用全词匹配
+       */
+      isWhole?: boolean
+      /**
+       * 是否启用区分大小写
+       */
+      isSensitive?: boolean
+    }
+    /**
+     * 列表配置项
+     */
+    listOptions?: {
+      /**
+       * 格式化列表的显示值
+       */
+      formatCellValue?(params: {
+        item: VxeTableExtendCellAreaDefines.FNRSearch
+        cellValue: any
+      }): string | number
+    }
+    /**
+     * 弹窗配置项
+     */
+    modalOptions?: {
+      title?: VxeModalPropTypes.Title
+      width?: VxeModalPropTypes.Width
+      minWidth?: VxeModalPropTypes.MinWidth
+      height?: VxeModalPropTypes.Height
+      minHeight?: VxeModalPropTypes.MinHeight
+      className?: VxeModalPropTypes.ClassName
+      resize?: VxeModalPropTypes.Resize
+      showMaximize?: VxeModalPropTypes.ShowMaximize
+      showMinimize?: VxeModalPropTypes.ShowMinimize
+      showZoom?: VxeModalPropTypes.ShowZoom
+      lockView?: VxeModalPropTypes.LockView
+      mask?: VxeModalPropTypes.Mask
+      maskClosable?: VxeModalPropTypes.MaskClosable
+      escClosable?: VxeModalPropTypes.EscClosable
+    }
   }
   export interface FNROpts<DT = any> extends FnrConfig<DT> { }
 
@@ -2177,9 +2225,7 @@ export namespace VxeTablePropTypes {
    */
   export interface ScrollY {
     /**
-     * 默认行为，无需设置
-     * @deprecated
-     * @private
+     * 滚动模式，会在受支持的场景中使用该模式，一般无需设置
      */
     mode?: 'default' | 'wheel'
     /**
@@ -2283,6 +2329,10 @@ export namespace VxeTablePropTypes {
      * 滚动到边界触发的阈值会触发 scroll-boundary 事件
      */
     threshold?: string | number
+    /**
+     * 滚动模式，会在受支持的场景中使用该模式，一般无需设置
+     */
+    mode?: 'default' | 'scroll' | 'wheel' | ''
   }
 
   /**
@@ -3095,6 +3145,7 @@ export interface VxeTableProps<D = any> {
 export interface TablePrivateComputed<D = any> {
   computeSize: ComputedRef<VxeTablePropTypes.Size>
   computeTableId: ComputedRef<string>
+  computeRowField: ComputedRef<string>
   computeValidOpts: ComputedRef<VxeTablePropTypes.ValidOpts<D>>
   computeVirtualXOpts: ComputedRef<VxeTablePropTypes.VirtualXConfig & { gt: number }>
   computeVirtualYOpts: ComputedRef<VxeTablePropTypes.VirtualYConfig & { gt: number }>
@@ -3426,6 +3477,8 @@ export interface TableReactData<D = any> {
 
 export interface TableInternalData<D = any> {
   tZindex: number
+  currKeyField: string
+  isCurrDeepKey: boolean
   elemStore: {
     [key: string]: Ref<HTMLElement> |Ref<ComponentPublicInstance> | null
   }