vxe-pc-ui 4.5.35 → 4.6.0

package/types/components/date-picker.d.ts

@@ -1,5 +1,6 @@
 import { RenderFunction, SetupContext, Ref } from 'vue'
 import { DefineVxeComponentApp, DefineVxeComponentOptions, DefineVxeComponentInstance, VxeComponentBaseOptions, VxeComponentEventParams, ValueOf, VxeComponentStyleType, VxeComponentSizeType } from '@vxe-ui/core'
+import { VxeDatePanelPropTypes, VxeDatePanelDefines } from './date-panel'
 import { VxeButtonGroupPropTypes } from './button-group'
 import { VxeButtonProps } from './button'
 
@@ -31,27 +32,15 @@ export namespace VxeDatePickerPropTypes {
   export type ClassName = string
   export type Immediate = boolean
   export type Name = string
-  export type Type = 'date' | 'time' | 'datetime' | 'week' | 'month' | 'quarter' | 'year'
+  export type Type = VxeDatePanelPropTypes.Type
   export type Clearable = boolean
   export type Readonly = boolean
   export type Disabled = boolean
   export type Placeholder = string
-  export type MaxLength = string | number
   export type Multiple = boolean
   export type LimitCount = string | number
-  export type ShowWordCount = boolean
-  export type CountMethod = (params: {
-    value: string
-  }) => number
   export type AutoComplete = string
-  export type Align = string
   export type Form = string
-  export type Min = string | number
-  export type Max = string | number
-  export type Step = string | number
-  export type Exponential = boolean
-  export type Controls = boolean
-  export type Digits = string | number
   export type StartDate = string | number | Date
   export type EndDate = string | number | Date
   export type MinDate = string | number | Date
@@ -61,12 +50,15 @@ export namespace VxeDatePickerPropTypes {
   export type LabelFormat = string
   export type ValueFormat = string
   export type Editable = boolean
-  export type FestivalMethod = (params: VxeDatePickerDefines.DateFestivalParams) => VxeDatePickerDefines.DateFestivalInfo | null | void
-  export type DisabledMethod = (params: VxeDatePickerDefines.DateDisabledParams) => boolean
+  export type FestivalMethod = VxeDatePanelPropTypes.FestivalMethod
+  export type DisabledMethod = VxeDatePanelPropTypes.DisabledMethod
+  export type AutoClose = boolean
   export type PrefixIcon = string
   export type SuffixIcon = string
   export type Placement = 'top' | 'bottom' | '' | null
   export type Transfer = boolean
+  export type ShowClearButton = boolean | null
+  export type ShowConfirmButton = boolean | null
 
   export interface ShortcutConfig {
     enabled?: boolean
@@ -80,17 +72,6 @@ export namespace VxeDatePickerPropTypes {
     autoClose?: boolean
     clickMethod?: (params: VxeDatePickerDefines.ShortcutClickParams) => void
   }
-
-  /**
-   * 请使用 AutoComplete
-   * @deprecated
-   */
-  export type Autocomplete = string
-  /**
-   * 请使用 MaxLength
-   * @deprecated
-   */
-  export type Maxlength = string | number
 }
 
 export interface VxeDatePickerProps {
@@ -104,36 +85,19 @@ export interface VxeDatePickerProps {
   readonly?: VxeDatePickerPropTypes.Readonly
   disabled?: VxeDatePickerPropTypes.Disabled
   placeholder?: VxeDatePickerPropTypes.Placeholder
-  maxLength?: VxeDatePickerPropTypes.MaxLength
   multiple?: VxeDatePickerPropTypes.Multiple
   limitCount?: VxeDatePickerPropTypes.LimitCount
-  /**
-   * 是否显示字数统计
-   */
-  showWordCount?: VxeDatePickerPropTypes.ShowWordCount
-  /**
-   * 自定义字数统计方法
-   */
-  countMethod?: VxeDatePickerPropTypes.CountMethod
-  autocomplete?: VxeDatePickerPropTypes.Autocomplete
-  align?: VxeDatePickerPropTypes.Align
+  autoComplete?: VxeDatePickerPropTypes.AutoComplete
   form?: VxeDatePickerPropTypes.Form
 
-  // number、integer、float、password
-  controls?: VxeDatePickerPropTypes.Controls
-
-  // float
-  digits?: VxeDatePickerPropTypes.Digits
-
-  // date、week、month、quarter、year
+  /**
+   * 日期面板的起始周为星期几
+   */
   startDate?: VxeDatePickerPropTypes.StartDate
   endDate?: VxeDatePickerPropTypes.EndDate
   minDate?: VxeDatePickerPropTypes.MinDate
   maxDate?: VxeDatePickerPropTypes.MaxDate
-  /**
-   * @deprecated
-   */
-  startWeek?: VxeDatePickerPropTypes.StartDay
+
   startDay?: VxeDatePickerPropTypes.StartDay
   labelFormat?: VxeDatePickerPropTypes.LabelFormat
   valueFormat?: VxeDatePickerPropTypes.ValueFormat
@@ -142,14 +106,23 @@ export interface VxeDatePickerProps {
   disabledMethod?: VxeDatePickerPropTypes.DisabledMethod
 
   shortcutConfig?: VxeDatePickerPropTypes.ShortcutConfig
+  /**
+   * 只对 type=date,week,month,quarter,year 有效，选择完日期后自动关闭
+   */
+  autoClose?: VxeDatePickerPropTypes.AutoClose
 
-  // week
+  /**
+   * 只对 type=week 有效，选中日期后指定为一周的哪一天
+   */
   selectDay?: VxeDatePickerPropTypes.SelectDay
 
   prefixIcon?: VxeDatePickerPropTypes.PrefixIcon
   suffixIcon?: VxeDatePickerPropTypes.SuffixIcon
   placement?: VxeDatePickerPropTypes.Placement
   transfer?: VxeDatePickerPropTypes.Transfer
+
+  showClearButton?: VxeDatePickerPropTypes.ShowClearButton
+  showConfirmButton?: VxeDatePickerPropTypes.ShowConfirmButton
 }
 
 export interface DatePickerPrivateComputed {
@@ -165,23 +138,23 @@ export interface DatePickerReactData {
   panelPlacement: VxeDatePickerPropTypes.Placement
   isActivated: boolean
   inputValue: any
-  datetimePanelValue: Date | null
-  datePanelValue: Date | null
-  datePanelLabel: string
-  datePanelType: VxeDatePickerDefines.DatePanelType
-  selectMonth: any
-  currentDate: any
+  inputLabel: string
 }
 
 export interface DatePickerInternalData {
-  yearSize: number
-  monthSize: number
-  quarterSize: number
   hpTimeout?: undefined | number
 }
 
 export interface DatePickerMethods {
   dispatchEvent(type: ValueOf<VxeDatePickerEmits>, params: Record<string, any>, evnt: Event | null): void
+  /**
+   * 修改绑定值
+   */
+  setModelValue(value: string): void
+  /**
+   * 修改绑定值并触发相关事件
+   */
+  setModelValueByEvent(evnt: Event, value: string): void
   /**
    * 获取焦点
    */
@@ -232,95 +205,15 @@ export namespace VxeDatePickerDefines {
     $datePicker: VxeDatePickerConstructor
   }
 
-  export interface DateYearItem {
-    date: Date;
-    isPrev: boolean;
-    isCurrent: boolean;
-    isNow: boolean;
-    isNext: boolean;
-    year: number;
-  }
-
-  export interface DateMonthItem {
-    date: Date;
-    isPrev: boolean;
-    isCurrent: boolean;
-    isNow: boolean;
-    isNext: boolean;
-    month: number;
-  }
-
-  export interface DateQuarterItem {
-    date: Date;
-    isPrev: boolean;
-    isCurrent: boolean;
-    isNow: boolean;
-    isNext: boolean;
-    quarter: number;
-  }
-
-  export interface DateDayItem {
-    date: Date;
-    isWeekNumber?: boolean;
-    isPrev: boolean;
-    isCurrent: boolean;
-    isNow: boolean;
-    isNext: boolean;
-    label: number;
-  }
-
-  export interface DateHourMinuteSecondItem {
-    value: number;
-    label: string;
-  }
-
-  export type DatePanelType = 'year' | 'quarter' | 'month' | 'week' | 'day'
+  export type DateFestivalInfo = VxeDatePanelDefines.DateFestivalInfo
+  export type DateFestivalParams = VxeDatePanelDefines.DateFestivalParams
+  export type DateDisabledParams = VxeDatePanelDefines.DateDisabledParams
 
   export interface ShortcutOption extends VxeButtonProps {
+    code?: string
     clickMethod?: (params: VxeDatePickerDefines.ShortcutClickParams) => void
   }
 
-  interface DateFestivalItem {
-    /**
-     * 显示名称
-     */
-    label?: string
-    /**
-     * 标记为重要信息
-     */
-    important?: boolean
-    className?: string
-    style?: VxeComponentStyleType
-  }
-
-  /**
-   * 日期节日对象
-   */
-  export interface DateFestivalInfo extends DateFestivalItem {
-    /**
-     * 显示左上角小圆点通知
-     */
-    notice?: boolean
-    /**
-     * 显示右上角信息
-     */
-    extra?: string | DateFestivalItem
-  }
-
-  export interface DateFestivalParams {
-    $datePicker: VxeDatePickerConstructor
-    type: string
-    viewType: DatePanelType
-    date: Date
-  }
-
-  export interface DateDisabledParams {
-    $datePicker: VxeDatePickerConstructor
-    type: string
-    viewType: DatePanelType
-    date: Date
-  }
-
   export interface DatePickerParams {
     value: string
   }

package/types/components/date-range-picker.d.ts

@@ -0,0 +1,267 @@
+import { RenderFunction, SetupContext, Ref } from 'vue'
+import { DefineVxeComponentApp, DefineVxeComponentOptions, DefineVxeComponentInstance, VxeComponentBaseOptions, VxeComponentEventParams, ValueOf, VxeComponentStyleType, VxeComponentSizeType } from '@vxe-ui/core'
+import { VxeDatePanelPropTypes, VxeDatePanelDefines } from './date-panel'
+import { VxeButtonGroupPropTypes } from './button-group'
+import { VxeButtonProps } from './button'
+
+/* eslint-disable no-use-before-define,@typescript-eslint/ban-types */
+
+export declare const VxeDateRangePicker: DefineVxeComponentApp<VxeDateRangePickerProps, VxeDateRangePickerEventProps, VxeDateRangePickerSlots, VxeDateRangePickerMethods>
+export type VxeDateRangePickerComponent = DefineVxeComponentOptions<VxeDateRangePickerProps, VxeDateRangePickerEventProps>
+
+export type VxeDateRangePickerInstance = DefineVxeComponentInstance<VxeDateRangePickerProps, VxeDateRangePickerConstructor>
+
+export interface VxeDateRangePickerConstructor extends VxeComponentBaseOptions, VxeDateRangePickerMethods {
+  props: VxeDateRangePickerProps
+  context: SetupContext<VxeDateRangePickerEmits>
+  reactData: DateRangePickerReactData
+  getRefMaps(): DateRangePickerPrivateRef
+  getComputeMaps(): DateRangePickerPrivateComputed
+  renderVN: RenderFunction
+}
+
+export interface DateRangePickerPrivateRef {
+  refElem: Ref<HTMLDivElement | undefined>
+  refInput: Ref<HTMLInputElement>
+}
+export interface VxeDateRangePickerPrivateRef extends DateRangePickerPrivateRef { }
+
+export namespace VxeDateRangePickerPropTypes {
+  export type Size = VxeComponentSizeType
+  export type ModelValue = (string | number | Date)[] | string | null
+  export type StartValue = string | number | Date | null
+  export type EndValue = string | number | Date | null
+  export type ClassName = string
+  export type Immediate = boolean
+  export type Name = string
+  export type Type = VxeDatePanelPropTypes.Type
+  export type Clearable = boolean
+  export type Readonly = boolean
+  export type Disabled = boolean
+  export type Placeholder = string
+  export type AutoComplete = string
+  export type Form = string
+  export type MinDate = string | number | Date
+  export type MaxDate = string | number | Date
+  export type StartDay = 0 | 1 | 2 | 3 | 4 | 5 | 6
+  export type SelectDay = 0 | 1 | 2 | 3 | 4 | 5 | 6
+  export type LabelFormat = string
+  export type ValueFormat = string
+  export type Editable = boolean
+  export type FestivalMethod = VxeDatePanelPropTypes.FestivalMethod
+  export type DisabledMethod = VxeDatePanelPropTypes.DisabledMethod
+  export type Separator = string | number
+  export type AutoClose = boolean
+  export type PrefixIcon = string
+  export type SuffixIcon = string
+  export type Placement = 'top' | 'bottom' | '' | null
+  export type Transfer = boolean
+  export type ShowClearButton = boolean | null
+  export type ShowConfirmButton = boolean | null
+
+  export interface ShortcutConfig {
+    enabled?: boolean
+    position?: 'top' | 'bottom' | 'left' | 'right' | 'header' | 'footer' | null
+    align?: VxeButtonGroupPropTypes.Align
+    mode?: VxeButtonGroupPropTypes.Mode
+    options?: VxeDateRangePickerDefines.ShortcutOption[]
+    /**
+     * 点击按钮后自动关闭弹窗面板
+     */
+    autoClose?: boolean
+    clickMethod?: (params: VxeDateRangePickerDefines.ShortcutClickParams) => void
+  }
+}
+
+export interface VxeDateRangePickerProps {
+  size?: VxeDateRangePickerPropTypes.Size
+  modelValue?: VxeDateRangePickerPropTypes.ModelValue
+  startValue?: VxeDateRangePickerPropTypes.StartValue
+  endValue?: VxeDateRangePickerPropTypes.EndValue
+  className?: VxeDateRangePickerPropTypes.ClassName
+  immediate?: VxeDateRangePickerPropTypes.Immediate
+  name?: VxeDateRangePickerPropTypes.Name
+  type?: VxeDateRangePickerPropTypes.Type
+  clearable?: VxeDateRangePickerPropTypes.Clearable
+  readonly?: VxeDateRangePickerPropTypes.Readonly
+  disabled?: VxeDateRangePickerPropTypes.Disabled
+  placeholder?: VxeDateRangePickerPropTypes.Placeholder
+  autoComplete?: VxeDateRangePickerPropTypes.AutoComplete
+  form?: VxeDateRangePickerPropTypes.Form
+
+  minDate?: VxeDateRangePickerPropTypes.MinDate
+  maxDate?: VxeDateRangePickerPropTypes.MaxDate
+
+  startDay?: VxeDateRangePickerPropTypes.StartDay
+  labelFormat?: VxeDateRangePickerPropTypes.LabelFormat
+  valueFormat?: VxeDateRangePickerPropTypes.ValueFormat
+  editable?: VxeDateRangePickerPropTypes.Editable
+  festivalMethod?: VxeDateRangePickerPropTypes.FestivalMethod
+  disabledMethod?: VxeDateRangePickerPropTypes.DisabledMethod
+
+  separator?: VxeDateRangePickerPropTypes.Separator
+  /**
+   * 只对 type=date,week,month,quarter,year 有效，选择完日期后自动关闭
+   */
+  autoClose?: VxeDateRangePickerPropTypes.AutoClose
+  shortcutConfig?: VxeDateRangePickerPropTypes.ShortcutConfig
+
+  /**
+   * 只对 type=week 有效，选中日期后指定为一周的哪一天
+   */
+  selectDay?: VxeDateRangePickerPropTypes.SelectDay
+
+  prefixIcon?: VxeDateRangePickerPropTypes.PrefixIcon
+  suffixIcon?: VxeDateRangePickerPropTypes.SuffixIcon
+  placement?: VxeDateRangePickerPropTypes.Placement
+  transfer?: VxeDateRangePickerPropTypes.Transfer
+
+  showClearButton?: VxeDateRangePickerPropTypes.ShowClearButton
+  showConfirmButton?: VxeDateRangePickerPropTypes.ShowConfirmButton
+}
+
+export interface DateRangePickerPrivateComputed {
+}
+export interface VxeDateRangePickerPrivateComputed extends DateRangePickerPrivateComputed { }
+
+export interface DateRangePickerReactData {
+  initialized: boolean
+  panelIndex: number
+  visiblePanel: boolean
+  isAniVisible: boolean
+  panelStyle: VxeComponentStyleType
+  panelPlacement: VxeDateRangePickerPropTypes.Placement
+  isActivated: boolean
+  startValue: any
+  endValue: any
+}
+
+export interface DateRangePickerInternalData {
+  selectStatus?: boolean
+  hpTimeout?: number
+}
+
+export interface DateRangePickerMethods {
+  dispatchEvent(type: ValueOf<VxeDateRangePickerEmits>, params: Record<string, any>, evnt: Event | null): void
+  /**
+   * 修改绑定值
+   */
+  setModelValue(startValue: string, endValue: string): void
+  /**
+   * 修改绑定值并触发相关事件
+   */
+  setModelValueByEvent(evnt: Event, startValue: string, endValue: string): void
+  /**
+   * 获取焦点
+   */
+  focus(): Promise<any>
+  /**
+   * 失去焦点
+   */
+  blur(): Promise<any>
+  /**
+   * 选中内容
+   */
+  select(): Promise<any>
+  /**
+   * 弹出面板，用于带下拉面板的功能，
+   */
+  showPanel(): Promise<any>
+  /**
+   * 关闭面板，用于带下拉面板的功能，
+   */
+  hidePanel(): Promise<any>
+  updatePlacement(): Promise<any>
+}
+export interface VxeDateRangePickerMethods extends DateRangePickerMethods { }
+
+export interface DateRangePickerPrivateMethods { }
+export interface VxeDateRangePickerPrivateMethods extends DateRangePickerPrivateMethods { }
+
+export type VxeDateRangePickerEmits = [
+  'update:modelValue',
+  'update:startValue',
+  'update:endValue',
+  'input',
+  'change',
+  'keydown',
+  'keyup',
+  'click',
+  'focus',
+  'blur',
+  'clear',
+  'prefix-click',
+  'suffix-click',
+  'date-prev',
+  'date-today',
+  'date-next',
+  'shortcut-click'
+]
+
+export namespace VxeDateRangePickerDefines {
+  export interface DateRangePickerEventParams extends VxeComponentEventParams {
+    $dateRangePicker: VxeDateRangePickerConstructor
+  }
+
+  export type DateFestivalInfo = VxeDatePanelDefines.DateFestivalInfo
+  export type DateFestivalParams = VxeDatePanelDefines.DateFestivalParams
+  export type DateDisabledParams = VxeDatePanelDefines.DateDisabledParams
+
+  export interface ShortcutOption extends VxeButtonProps {
+    code?: string
+    clickMethod?: (params: VxeDateRangePickerDefines.ShortcutClickParams) => void
+  }
+
+  export interface DateRangePickerParams {
+    value: string
+    startValue: string
+    endValue: string
+  }
+  export interface InputEventParams extends DateRangePickerEventParams, DateRangePickerParams { }
+
+  export interface ChangeParams extends DateRangePickerParams {}
+  export interface ChangeEventParams extends DateRangePickerEventParams, ChangeParams { }
+
+  export interface ShortcutClickParams {
+    $dateRangePicker: VxeDateRangePickerConstructor
+    option: VxeDateRangePickerDefines.ShortcutOption
+  }
+  export interface ShortcutClickEventParams extends DateRangePickerEventParams, ShortcutClickParams {}
+}
+
+export type VxeDateRangePickerEventProps = {
+  onInput?: VxeDateRangePickerEvents.Input
+  onChange?: VxeDateRangePickerEvents.Change
+  onShortcutClick?: VxeDateRangePickerEvents.ShortcutClick
+}
+
+export interface VxeDateRangePickerListeners {
+  input?: VxeDateRangePickerEvents.Input
+  change?: VxeDateRangePickerEvents.Change
+  shortcutClick?: VxeDateRangePickerEvents.ShortcutClick
+}
+
+export namespace VxeDateRangePickerEvents {
+  export type Input = (params: VxeDateRangePickerDefines.InputEventParams) => void
+  export type Change = (params: VxeDateRangePickerDefines.ChangeEventParams) => void
+  export type ShortcutClick = (params: VxeDateRangePickerDefines.ShortcutClickEventParams) => void
+}
+
+export namespace VxeDateRangePickerSlotTypes {
+  export interface DefaultSlotParams {}
+}
+
+export interface VxeDateRangePickerSlots {
+  default?: (params: VxeDateRangePickerSlotTypes.DefaultSlotParams) => any
+  prefix?: (params: VxeDateRangePickerSlotTypes.DefaultSlotParams) => any
+  suffix?: (params: VxeDateRangePickerSlotTypes.DefaultSlotParams) => any
+  header?: (params: VxeDateRangePickerSlotTypes.DefaultSlotParams) => any
+  footer?: (params: VxeDateRangePickerSlotTypes.DefaultSlotParams) => any
+  top?: (params: VxeDateRangePickerSlotTypes.DefaultSlotParams) => any
+  bottom?: (params: VxeDateRangePickerSlotTypes.DefaultSlotParams) => any
+  left?: (params: VxeDateRangePickerSlotTypes.DefaultSlotParams) => any
+  right?: (params: VxeDateRangePickerSlotTypes.DefaultSlotParams) => any
+}
+
+export const DateRangePicker: typeof VxeDateRangePicker
+export default VxeDateRangePicker

package/types/components/print.d.ts

@@ -32,6 +32,13 @@ export namespace VxePrintPropTypes {
   export type FooterAlign = VxeComponentAlignType
   export type PageBreaks = VxePrintDefines.PageBreakObj[]
   export type ShowPageNumber = boolean
+  export interface PageStyle {
+    margin?: number | string | null
+    marginTop?: number | string | null
+    marginBottom?: number | string | null
+    marginLeft?: number | string | null
+    marginRight?: number | string | null
+  }
   export type CustomStyle = string
   export type ShowAllPageTitle = boolean
   export type HeaderHtml = string | ((params: VxePrintDefines.PageBreakParams) => string)
@@ -58,6 +65,7 @@ export interface VxePrintProps {
   customLayout?: VxePrintPropTypes.CustomLayout
   showPageNumber?: VxePrintPropTypes.ShowPageNumber
   footerAlign?: VxePrintPropTypes.FooterAlign
+  pageStyle?: VxePrintPropTypes.PageStyle
   customStyle?: VxePrintPropTypes.CustomStyle
   headerHtml?: VxePrintPropTypes.HeaderHtml
   footerHtml?: VxePrintPropTypes.FooterHtml

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

@@ -50,10 +50,18 @@ export interface TableFilterMethods<D = any> {
    * 用于在自定义面板中使用，手动确认筛选
    */
   saveFilterPanel(): Promise<any>
+  /**
+   * 用于在自定义面板中使用，手动确认筛选并触发 filter-change 事件
+   */
+  saveFilterPanelByEvent(event: Event): Promise<any>
   /**
    * 用于在自定义面板中使用，手动重置筛选
    */
   resetFilterPanel(): Promise<any>
+  /**
+   * 用于在自定义面板中使用，手动重置筛选并触发 filter-change 事件
+   */
+  resetFilterPanelByEvent(event: Event): Promise<any>
   /**
    * 获取当前筛选的所有列信息
    */

package/types/ui/commands.d.ts

@@ -1,12 +1,22 @@
 import { VxeGridConstructor } from '../components/grid'
 import { VxeToolbarPropTypes } from '../components/toolbar'
 import { VxeTableConstructor } from '../components/table'
+import { VxeDatePickerConstructor, VxeDatePickerDefines } from '../components/date-picker'
+import { VxeDateRangePickerConstructor, VxeDateRangePickerDefines } from '../components/date-range-picker'
 
 /* eslint-disable no-use-before-define */
 
 declare module '@vxe-ui/core' {
   export namespace VxeGlobalCommandsHandles {
     export interface CommandsOptions {
+      /**
+       * 日期选择器 - 自定义日期快捷按钮指令方法
+       */
+      datePickerCommandMethod?: (params: DatePickerCommandMethodParams) => void
+      /**
+       * 日期范围选择器 - 自定义日期快捷按钮指令方法
+       */
+      dateRangePickerCommandMethod?: (params: DateRangePickerCommandMethodParams) => void
       /**
        * 表格 - 自定义工具栏或数据代理的指令方法
        */
@@ -19,11 +29,27 @@ declare module '@vxe-ui/core' {
       commandMethod?: (params: TableCommandMethodParams, ...args: any[]) => void
     }
 
+    export interface DatePickerCommandMethodParams {
+      $datePicker: VxeDatePickerConstructor
+      option: VxeDatePickerDefines.ShortcutOption
+      code: string | undefined
+      value: string
+    }
+
+    export interface DateRangePickerCommandMethodParams {
+      $dateRangePicker: VxeDateRangePickerConstructor
+      option: VxeDateRangePickerDefines.ShortcutOption
+      code: string | undefined
+      value: string | string[]
+      startValue: string
+      endValue: string
+    }
+
     export interface TableCommandMethodParams {
       $grid: VxeGridConstructor | null | undefined
       $table: VxeTableConstructor
-      button?: VxeToolbarPropTypes.ButtonConfig | null
-      code?: string
+      button: VxeToolbarPropTypes.ButtonConfig | null | undefined
+      code: string | undefined
     }
   }
 }

package/types/ui/global-config.d.ts

@@ -19,7 +19,9 @@ import { VxeCollapseProps } from '../components/collapse'
 import { VxeCollapsePaneProps } from '../components/collapse-pane'
 import { VxeColorPickerProps } from '../components/color-picker'
 import { VxeCountdownProps } from '../components/countdown'
+import { VxeDatePanelProps } from '../components/date-panel'
 import { VxeDatePickerProps } from '../components/date-picker'
+import { VxeDateRangePickerProps } from '../components/date-range-picker'
 import { VxeDrawerProps } from '../components/drawer'
 import { VxeEmptyProps } from '../components/empty'
 import { VxeFormProps } from '../components/form'
@@ -110,7 +112,9 @@ declare module '@vxe-ui/core' {
     collapsePane?: VxeCollapsePaneProps
     colorPicker?: VxeColorPickerProps
     countdown?: VxeCountdownProps
+    datePanel?: VxeDatePanelProps
     datePicker?: VxeDatePickerProps
+    dateRangePicker?: VxeDateRangePickerProps
     drawer?: VxeDrawerProps
     empty?: VxeEmptyProps
     form?: VxeFormProps

package/es/date-picker/src/util.js

@@ -1,41 +0,0 @@
-import XEUtils from 'xe-utils';
-export function toStringTimeDate(str) {
-    if (str) {
-        const rest = new Date();
-        let h = 0;
-        let m = 0;
-        let s = 0;
-        if (XEUtils.isDate(str)) {
-            h = str.getHours();
-            m = str.getMinutes();
-            s = str.getSeconds();
-        }
-        else {
-            str = XEUtils.toValueString(str);
-            const parses = str.match(/^(\d{1,2})(:(\d{1,2}))?(:(\d{1,2}))?/);
-            if (parses) {
-                h = XEUtils.toNumber(parses[1]);
-                m = XEUtils.toNumber(parses[3]);
-                s = XEUtils.toNumber(parses[5]);
-            }
-        }
-        rest.setHours(h);
-        rest.setMinutes(m);
-        rest.setSeconds(s);
-        return rest;
-    }
-    return new Date('');
-}
-export function getDateQuarter(date) {
-    const month = date.getMonth();
-    if (month < 3) {
-        return 1;
-    }
-    else if (month < 6) {
-        return 2;
-    }
-    else if (month < 9) {
-        return 3;
-    }
-    return 4;
-}