vxe-pc-ui 4.9.36 → 4.9.38

package/types/components/column.d.ts

@@ -152,6 +152,8 @@ export namespace VxeColumnPropTypes {
     cellType?: VxeColumnPropTypes.CellType
   }
 
+  export type FloatingFilters = boolean
+
   /**
    * 设置为分组节点
    */
@@ -383,6 +385,11 @@ export namespace VxeColumnPropTypes {
      * 只对 filter-render 启用时有效，自定义筛选模板
      */
     filter?: string | ((params: VxeColumnSlotTypes.FilterSlotParams<D>) => VxeComponentSlotType[] | VxeComponentSlotType) | null
+    /**
+     * 只对 floating-filters 和 filter-render 启用时有效，自定义浮动筛选模板
+     */
+    floatingFilter?: string | ((params: VxeColumnSlotTypes.FloatingFilterSlotParams<D>) => VxeComponentSlotType[] | VxeComponentSlotType) | null
+    'floating-filter'?: string | ((params: VxeColumnSlotTypes.FloatingFilterSlotParams<D>) => VxeComponentSlotType[] | VxeComponentSlotType) | null
     /**
      * 只对 edit-render 启用时有效，自定义可编辑组件模板
      */
@@ -533,6 +540,10 @@ export interface VxeColumnProps<D = any> {
    * 筛选模板配置项
    */
   filterRender?: VxeColumnPropTypes.FilterRender
+  /**
+   * 是否启用浮动筛选
+   */
+  floatingFilters?: VxeColumnPropTypes.FloatingFilters
   /**
    * 设置为分组节点
    */
@@ -643,6 +654,7 @@ export namespace VxeColumnSlotTypes {
     $columnIndex: number
     $rowIndex: number
   }
+  export interface FloatingFilterSlotParams<D = any> extends VxeTableDefines.CellFloatingFilterParams<D> { }
 
   export interface EditSlotParams<D = any> extends VxeTableDefines.CellRenderBodyParams<D> { }
 
@@ -712,6 +724,11 @@ export interface VxeColumnSlots<D = any> {
    * 只对 filter-render 启用时有效，自定义筛选模板
    */
   filter?: (params: VxeColumnSlotTypes.FilterSlotParams<D>) => any
+  /**
+   * 只对 floating-filters 和 filter-render 启用时有效，自定义浮动筛选模板
+   */
+  floatingFilter?: (params: VxeColumnSlotTypes.FloatingFilterSlotParams<D>) => any
+  'floating-filter'?: (params: VxeColumnSlotTypes.FloatingFilterSlotParams<D>) => any
   /**
    * 只对 edit-render 启用时有效，自定义可编辑组件模板
    */

package/types/components/grid.d.ts

@@ -349,6 +349,10 @@ export interface GridMethods<D = any> {
    * @param field 字段名
    */
   clearFormValidate(field?: VxeFormItemPropTypes.Field | VxeFormItemPropTypes.Field[] | VxeFormDefines.ItemInfo | VxeFormDefines.ItemInfo[] | null): Promise<any>
+  /**
+   * 获取每页大小
+   */
+  getPageSize(): number
   /**
    * 修改每页大小
    */
@@ -373,6 +377,10 @@ export interface GridMethods<D = any> {
    * 跳转末页，并触发对应的事件
    */
   endPageByEvent(evnt: Event): void
+  /**
+   * 获取当前页数
+   */
+  getCurrentPage(): number
   /**
    * 修改每当前页数
    */

package/types/components/input.d.ts

@@ -226,6 +226,7 @@ export type VxeInputEmits = [
   'focus',
   'blur',
   'clear',
+  'lazy-change',
   'search-click',
   'toggle-visible',
   'prev-number',
@@ -312,6 +313,8 @@ export namespace VxeInputDefines {
   export interface ClearParams extends InputParams {}
   export interface ClearEventParams extends InputKeyboardEventParams, ClearParams { }
 
+  export interface LazyChangeEventParams extends InputKeyboardEventParams { }
+
   export interface SearchClickParams extends InputParams {}
   export interface SearchClickEventParams extends InputKeyboardEventParams, SearchClickParams { }
 
@@ -350,6 +353,7 @@ export type VxeInputEventProps = {
   onFocus?: VxeInputEvents.Focus
   onBlur?: VxeInputEvents.Blur
   onClear?: VxeInputEvents.Clear
+  onLazyChange?: VxeInputEvents.LazyChange
   onSearchClick?: VxeInputEvents.SearchClick
   onToggleVisible?: VxeInputEvents.ToggleVisible
   onPrevNumber?: VxeInputEvents.PrevNumber
@@ -371,6 +375,7 @@ export interface VxeInputListeners {
   focus?: VxeInputEvents.Focus
   blur?: VxeInputEvents.Blur
   clear?: VxeInputEvents.Clear
+  lazyChange?: VxeInputEvents.LazyChange
   searchClick?: VxeInputEvents.SearchClick
   toggleVisible?: VxeInputEvents.ToggleVisible
   prevNumber?: VxeInputEvents.PrevNumber
@@ -392,6 +397,7 @@ export namespace VxeInputEvents {
   export type Focus = (params: VxeInputDefines.FocusEventParams) => void
   export type Blur = (params: VxeInputDefines.BlurEventParams) => void
   export type Clear = (params: VxeInputDefines.ClearEventParams) => void
+  export type LazyChange = (params: VxeInputDefines.LazyChangeEventParams) => void
   export type SearchClick = (params: VxeInputDefines.SearchClickEventParams) => void
   export type ToggleVisible = (params: VxeInputDefines.ToggleVisibleEventParams) => void
   export type PrevNumber = (params: VxeInputDefines.PrevNumberEventParams) => void

package/types/components/number-input.d.ts

@@ -231,6 +231,7 @@ export type VxeNumberInputEmits = [
   'focus',
   'blur',
   'clear',
+  'lazy-change',
   'plus-number',
   'minus-number',
   'prefix-click',

package/types/components/password-input.d.ts

@@ -104,6 +104,7 @@ export type VxePasswordInputEmits = [
   'focus',
   'blur',
   'clear',
+  'lazy-change',
   'toggle-visible',
   'prefix-click',
   'suffix-click'

package/types/components/table-module/filter.d.ts

@@ -57,6 +57,22 @@ export interface TableFilterMethods<D = any> {
    * 用于在自定义面板中使用，手动重置筛选并触发 filter-change 事件
    */
   resetFilterPanelByEvent(event: Event): Promise<any>
+  /**
+   * 对指定列手动确认筛选
+   */
+  saveFilter(fieldOrColumn?: VxeColumnPropTypes.Field | VxeTableDefines.ColumnInfo | null): Promise<any>
+  /**
+   * 对指定列手动确认筛选并触发 filter-change 事件
+   */
+  saveFilterByEvent(event: Event, fieldOrColumn: VxeColumnPropTypes.Field | VxeTableDefines.ColumnInfo | null): Promise<any>
+  /**
+   * 对指定列手动重置筛选
+   */
+  resetFilter(fieldOrColumn?: VxeColumnPropTypes.Field | VxeTableDefines.ColumnInfo | null): Promise<any>
+  /**
+   * 对指定列手动重置筛选并触发 filter-change 事件
+   */
+  resetFilterByEvent(event: Event, fieldOrColumn: VxeColumnPropTypes.Field | VxeTableDefines.ColumnInfo | null): Promise<any>
   /**
    * 获取当前筛选的所有列信息
    */
@@ -64,20 +80,50 @@ export interface TableFilterMethods<D = any> {
   /**
    * 更新筛选选项的状态
    */
-  updateFilterOptionStatus(item: any, checked: boolean): Promise<void>
+  updateFilterOptionStatus(item: VxeTableDefines.FilterOption | VxeColumnPropTypes.FilterItem, checked: boolean): Promise<void>
 }
 
 export interface TableFilterPrivateMethods<D = any> {
+  /**
+   * @private
+   */
   checkFilterOptions(): void
+  /**
+   * @private
+   */
   handleClearFilter(column: any): void
+  /**
+   * @private
+   */
   triggerFilterEvent(evnt: any, column: any, params: any): void
+  /**
+   * @private
+   */
   handleColumnConfirmFilter(column: VxeTableDefines.ColumnInfo, evnt: Event | null): Promise<any>
-  confirmFilterEvent(evnt: Event | null): void
+  /**
+   * @private
+   */
+  confirmFilterEvent(evnt: Event | null, column?: VxeTableDefines.ColumnInfo | null): void
+  /**
+   * @private
+   */
   handleFilterChangeRadioOption (evnt: Event, checked: boolean, item: any): void
+  /**
+   * @private
+   */
   handleFilterChangeMultipleOption (evnt: Event, checked: boolean, item: any): void
+  /**
+   * @private
+   */
   handleFilterChangeOption (evnt: Event, checked: boolean, item: any): void
-  handleFilterConfirmFilter (evnt: Event): void
-  handleFilterResetFilter (evnt: Event | null): void
+  /**
+   * @private
+   */
+  handleFilterConfirmFilter (evnt: Event | null, column: VxeTableDefines.ColumnInfo | null): void
+  /**
+   * @private
+   */
+  handleFilterResetFilter (evnt: Event | null, column: VxeTableDefines.ColumnInfo | null): void
 }
 
 declare module '../grid' {

package/types/components/table-select.d.ts

@@ -84,13 +84,6 @@ export interface TableSelectReactData {
   initialized: boolean
   tableColumns: VxeGridPropTypes.Columns
   fullOptionList: any[]
-  fullRowMaps: Record<string, {
-    item: any
-    index: number
-    items: any[]
-    parent: any
-    nodes: any[]
-  }>
   panelIndex: number
   panelStyle: any
   panelPlacement: any
@@ -100,6 +93,13 @@ export interface TableSelectReactData {
   isActivated: boolean
 }
 export interface TableSelectInternalData {
+  fullRowMaps: Record<string, {
+    item: any
+    index: number
+    items: any[]
+    parent: any
+    nodes: any[]
+  }>
   hpTimeout?: undefined | number
   vpTimeout?: undefined | number
 }

package/types/components/table.d.ts

@@ -1244,6 +1244,17 @@ export namespace VxeTablePropTypes {
   }
   export interface FilterOpts<D = VxeTablePropTypes.Row> extends FilterConfig<D> { }
 
+  export interface FloatingFilterConfig<D = VxeTablePropTypes.Row> {
+    /**
+     * 是否启用
+     */
+    enabled?: boolean
+    /**
+     * 是否启用浮动筛选
+     */
+    floatingFilters?: VxeColumnPropTypes.FloatingFilters
+  }
+
   /**
    * 单选框配置
    */
@@ -3294,6 +3305,10 @@ export interface VxeTableProps<D = any> {
    * 筛选配置项
    */
   filterConfig?: VxeTablePropTypes.FilterConfig<D>
+  /**
+   * 浮动筛选配置项
+   */
+  floatingFilterConfig?: VxeTablePropTypes.FloatingFilterConfig<D>
   /**
    * 单选框配置项
    */
@@ -3511,6 +3526,7 @@ export interface TablePrivateComputed<D = any> {
   computeEditOpts: ComputedRef<VxeTablePropTypes.EditOpts<D>>
   computeSortOpts: ComputedRef<VxeTablePropTypes.SortConfig<D>>
   computeFilterOpts: ComputedRef<VxeTablePropTypes.FilterOpts<D>>
+  computeFloatingFilterOpts: ComputedRef<VxeTablePropTypes.FloatingFilterConfig<D>>
   computeMouseOpts: ComputedRef<VxeTablePropTypes.MouseOpts>
   computeAreaOpts: ComputedRef<VxeTablePropTypes.AreaOpts>
   computeKeyboardOpts: ComputedRef<VxeTablePropTypes.KeyboardOpts>
@@ -3639,12 +3655,9 @@ export interface TableReactData<D = any> {
     isAllSelected: boolean
     isIndeterminate: boolean
     style: any
-    options: any[]
-    column: any
-    multiple: boolean
+    column: VxeTableDefines.ColumnInfo | null | undefined
     visible: boolean
     maxHeight: number | string | null
-    [key: string]: any
   }
   // 存放列相关的信息
   columnStore: {
@@ -5508,6 +5521,7 @@ export namespace VxeTableDefines {
     filterResetMethod: VxeColumnPropTypes.FilterResetMethod<D>
     filterRecoverMethod: VxeColumnPropTypes.FilterRecoverMethod<D>
     filterRender: VxeColumnPropTypes.FilterRender
+    floatingFilters: VxeColumnPropTypes.FloatingFilters
     rowGroupNode: VxeColumnPropTypes.RowGroupNode
     treeNode: VxeColumnPropTypes.TreeNode
     dragSort: VxeColumnPropTypes.DragSort
@@ -5682,6 +5696,21 @@ export namespace VxeTableDefines {
     getKey(): string
   }
 
+  export interface CellFloatingFilterParams<D = any> {
+    $table: VxeTableConstructor<D>
+    $grid: VxeGridConstructor | null | undefined
+    $gantt: VxeGanttConstructor | null | undefined
+    column: ColumnInfo<D>
+    columnIndex: number
+    $columnIndex: number
+    _columnIndex: number
+    fixed: VxeColumnPropTypes.Fixed
+    type: string
+    isHidden: boolean
+    hasFilter: boolean
+    option: VxeColumnPropTypes.FilterItem | null
+  }
+
   export interface CellRenderHeaderParams<D = any> {
     $table: VxeTableConstructor<D>
     $grid: VxeGridConstructor | null | undefined

package/types/components/textarea.d.ts

@@ -151,7 +151,8 @@ export type VxeTextareaEmits = [
   'click',
   'change',
   'focus',
-  'blur'
+  'blur',
+  'lazy-change'
 ]
 
 export namespace VxeTextareaDefines {
@@ -181,6 +182,8 @@ export namespace VxeTextareaDefines {
 
   export interface BlurParams extends InputParams {}
   export interface BlurEventParams extends TextareaEventParams, BlurParams { }
+
+  export interface LazyChangeEventParams extends TextareaEventParams { }
 }
 
 export type VxeTextareaEventProps = {
@@ -192,6 +195,7 @@ export type VxeTextareaEventProps = {
   onClick?: VxeTextareaEvents.Click
   onFocus?: VxeTextareaEvents.Focus
   onBlur?: VxeTextareaEvents.Blur
+  onLazyChange?: VxeTextareaEvents.LazyChange
 }
 
 export interface VxeTextareaListeners {
@@ -203,6 +207,7 @@ export interface VxeTextareaListeners {
   click?: VxeTextareaEvents.Click
   focus?: VxeTextareaEvents.Focus
   blur?: VxeTextareaEvents.Blur
+  lazyChange?: VxeTextareaEvents.LazyChange
 }
 
 export namespace VxeTextareaEvents {
@@ -214,6 +219,7 @@ export namespace VxeTextareaEvents {
   export type Click = (params: VxeTextareaDefines.ClickEventParams) => void
   export type Focus = (params: VxeTextareaDefines.FocusEventParams) => void
   export type Blur = (params: VxeTextareaDefines.BlurEventParams) => void
+  export type LazyChange = (params: VxeTextareaDefines.LazyChangeEventParams) => void
 }
 
 export namespace VxeTextareaSlotTypes {

package/types/ui/renderer.d.ts

@@ -29,6 +29,14 @@ declare module '@vxe-ui/core' {
      * 表格 - 自定义筛选渲染内容
      */
     renderTableFilter?(renderOpts: VxeGlobalRendererHandles.RenderTableFilterOptions, renderParams: VxeGlobalRendererHandles.RenderTableFilterParams<any>): VxeComponentSlotType | VxeComponentSlotType[]
+    /**
+     * 表格 - 自定义浮动筛选渲染内容
+     */
+    renderTableFloatingFilter?(renderOpts: VxeGlobalRendererHandles.RenderTableFloatingFilterOptions, renderParams: VxeGlobalRendererHandles.RenderTableFloatingFilterParams<any>): VxeComponentSlotType | VxeComponentSlotType[]
+    /**
+     * 表格 - 定义筛选选项数据
+     */
+    createTableFilterOptions?(params: VxeGlobalRendererHandles.CreateTableFilterOptionsParams): VxeColumnPropTypes.FilterItem[]
     /**
      * 表格 - 筛选面板自适应表格高度
      */
@@ -255,6 +263,12 @@ declare module '@vxe-ui/core' {
      */
     export interface RenderFilterOptions extends RenderTableFilterOptions {}
     export interface RenderTableFilterOptions extends VxeColumnPropTypes.FilterRender {}
+    export interface RenderTableFloatingFilterOptions extends VxeColumnPropTypes.FilterRender {}
+
+    export interface CreateTableFilterOptionsParams<D = any> {
+      $table: VxeTableConstructor<D>
+      column: VxeTableDefines.ColumnInfo<D>
+    }
 
     export interface RenderParams {}
 
@@ -273,6 +287,16 @@ declare module '@vxe-ui/core' {
       $rowIndex: number
     }
 
+    export interface RenderTableFloatingFilterParams<D = any> {
+      $table: VxeTableConstructor<D>
+      option: VxeTableDefines.FilterOption
+      column: {
+        filters: VxeTableDefines.FilterOption[]
+      } & VxeTableDefines.ColumnInfo<D>
+      columnIndex: number
+      $columnIndex: number
+    }
+
     /**
      * @deprecated
      */