vxe-pc-ui 3.17.0 → 3.17.2

package/styles/components/password-input.scss

@@ -26,6 +26,10 @@
   }
 }
 
+.vxe-password-input--readonly {
+  color: var(--vxe-ui-font-color);
+  display: inline-flex;
+}
 .vxe-password-input--wrapper {
   flex-grow: 1;
   overflow: hidden;

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

@@ -22,6 +22,7 @@ export namespace VxeDatePickerPropTypes {
   export type Size = VxeComponentSizeType
   export type ModelValue = string | number | Date | null
   export type ClassName = string
+  export type InputClassName = string
   export type Immediate = boolean
   export type Name = string
   export type Type = VxeDatePanelPropTypes.Type
@@ -140,6 +141,7 @@ export interface VxeDatePickerProps {
   size?: VxeDatePickerPropTypes.Size
   value?: VxeDatePickerPropTypes.ModelValue
   className?: VxeDatePickerPropTypes.ClassName
+  inputClassName?: VxeDatePickerPropTypes.InputClassName
   immediate?: VxeDatePickerPropTypes.Immediate
   name?: VxeDatePickerPropTypes.Name
   type?: VxeDatePickerPropTypes.Type

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

@@ -24,6 +24,7 @@ export namespace VxeDateRangePickerPropTypes {
   export type StartValue = string | number | Date | null
   export type EndValue = string | number | Date | null
   export type ClassName = string
+  export type InputClassName = string
   export type Immediate = boolean
   export type Name = string
   export type Type = VxeDatePanelPropTypes.Type
@@ -125,6 +126,7 @@ export interface VxeDateRangePickerProps {
   startValue?: VxeDateRangePickerPropTypes.StartValue
   endValue?: VxeDateRangePickerPropTypes.EndValue
   className?: VxeDateRangePickerPropTypes.ClassName
+  inputClassName?: VxeDateRangePickerPropTypes.InputClassName
   immediate?: VxeDateRangePickerPropTypes.Immediate
   name?: VxeDateRangePickerPropTypes.Name
   type?: VxeDateRangePickerPropTypes.Type

package/types/components/input.d.ts

@@ -19,6 +19,7 @@ export namespace VxeInputPropTypes {
   export type Size = VxeComponentSizeType
   export type ModelValue = string | number | Date | undefined | null
   export type ClassName = string
+  export type InputClassName = string
   export type Immediate = boolean
   export type Name = string
   export type Title = string
@@ -86,6 +87,7 @@ export interface VxeInputProps {
   size?: VxeInputPropTypes.Size
   value?: VxeInputPropTypes.ModelValue
   className?: VxeInputPropTypes.ClassName
+  inputClassName?: VxeInputPropTypes.InputClassName
   immediate?: VxeInputPropTypes.Immediate
   name?: VxeInputPropTypes.Name
   title?: VxeInputPropTypes.Title

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

@@ -19,6 +19,7 @@ export namespace VxeNumberInputPropTypes {
   export type Size = VxeComponentSizeType
   export type ModelValue = string | number | null
   export type ClassName = string
+  export type InputClassName = string
   export type Immediate = boolean
   export type Name = string
   export type Type = 'number' | 'integer' | 'float' | 'amount'
@@ -105,6 +106,7 @@ export interface VxeNumberInputProps {
   size?: VxeNumberInputPropTypes.Size
   value?: VxeNumberInputPropTypes.ModelValue
   className?: VxeNumberInputPropTypes.ClassName
+  inputClassName?: VxeNumberInputPropTypes.InputClassName
   immediate?: VxeNumberInputPropTypes.Immediate
   name?: VxeNumberInputPropTypes.Name
   type?: VxeNumberInputPropTypes.Type

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

@@ -19,6 +19,7 @@ export namespace VxePasswordInputPropTypes {
   export type Size = VxeComponentSizeType
   export type ModelValue = string | null
   export type Immediate = boolean
+  export type InputClassName = string
   export type ClassName = string
   export type Name = string
   export type Clearable = boolean
@@ -30,6 +31,7 @@ export namespace VxePasswordInputPropTypes {
   export type PrefixIcon = string
   export type SuffixIcon = string
   export type Controls = boolean
+  export type Editable = boolean
   /**
    * 请使用 AutoComplete
    * @deprecated
@@ -42,6 +44,7 @@ export interface VxePasswordInputProps {
   value?: VxePasswordInputPropTypes.ModelValue
   immediate?: VxePasswordInputPropTypes.Immediate
   className?: VxePasswordInputPropTypes.ClassName
+  inputClassName?: VxePasswordInputPropTypes.InputClassName
   name?: VxePasswordInputPropTypes.Name
   clearable?: VxePasswordInputPropTypes.Clearable
   readonly?: VxePasswordInputPropTypes.Readonly
@@ -52,6 +55,7 @@ export interface VxePasswordInputProps {
   prefixIcon?: VxePasswordInputPropTypes.PrefixIcon
   suffixIcon?: VxePasswordInputPropTypes.SuffixIcon
   controls?: VxePasswordInputPropTypes.Controls
+  editable?: VxePasswordInputPropTypes.Editable
   /**
    * 请使用 AutoComplete
    * @deprecated

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

@@ -1,4 +1,4 @@
-import { VxeTableDefines } from '../table'
+import { VxeTableConstructor, VxeTableDefines } from '../table'
 
 /* eslint-disable @typescript-eslint/no-unused-vars,no-use-before-define */
 
@@ -208,7 +208,17 @@ export interface TableEditPrivateMethods<D = any> {
   /**
    * @private
    */
-  handleEdit(params: any, evnt: any, options?: {
+  handleEdit(params: {
+    $table: VxeTableConstructor<D>
+    column: VxeTableDefines.ColumnInfo<D>
+    columnIndex: number
+    _columnIndex: number
+    $columnIndex: number
+    row: D
+    rowIndex: number
+    $rowIndex: number
+    _rowIndex: number
+  }, evnt: any, options?: {
     isClear?: boolean
   }): Promise<any>
   /**
@@ -218,11 +228,34 @@ export interface TableEditPrivateMethods<D = any> {
   /**
    * @private
    */
-  handleFocus(params: any, evnt?: any): void
+  handleCellFocus(cell: HTMLElement, params: {
+    $table: VxeTableConstructor<D>
+    column: VxeTableDefines.ColumnInfo<D>
+    row: D
+  }): HTMLInputElement | null
+  /**
+   * @private
+   */
+  handleFocus(params: {
+    $table: VxeTableConstructor<D>
+    column: VxeTableDefines.ColumnInfo<D>
+    row: D
+    cell: HTMLElement
+  }, evnt?: Event | null): void
   /**
    * @private
    */
-  handleSelected(params: any, evnt: any): Promise<any>
+  handleSelected(params: {
+    $table: VxeTableConstructor<D>
+    column: VxeTableDefines.ColumnInfo<D>
+    columnIndex: number
+    _columnIndex: number
+    $columnIndex: number
+    row: D
+    rowIndex: number
+    $rowIndex: number
+    _rowIndex: number
+  }, evnt: Event | null): Promise<any>
   /**
    * @private
    */

package/types/components/table.d.ts

@@ -2579,12 +2579,17 @@ export namespace VxeTablePropTypes {
      * 是否启用缓存，启用后渲染性能的大幅提升，数据越大提升越好
      */
     cache?: boolean
+    /**
+     * 启用可复用渲染模式，对于全键盘方式编辑单元格时对中文输入法兼容性较好
+     */
+    isReuseKeep?: boolean
     /**
      * 自定义编辑之前逻辑，该方法的返回值用来决定该单元格是否允许编辑
      */
     beforeEditMethod?(params: {
       $table: VxeTableConstructor<DT> & VxeTablePrivateMethods<DT>
       $grid: VxeGridConstructor<DT> | null | undefined
+      $gantt: VxeGanttConstructor | null | undefined
       row: DT
       rowIndex: number
       column: VxeTableDefines.ColumnInfo<DT>
@@ -2596,6 +2601,7 @@ export namespace VxeTablePropTypes {
     afterEditMethod?(params: {
       $table: VxeTableConstructor<DT> & VxeTablePrivateMethods<DT>
       $grid: VxeGridConstructor<DT> | null | undefined
+      $gantt: VxeGanttConstructor | null | undefined
       row: DT
       rowIndex: number
       column: VxeTableDefines.ColumnInfo<DT>
@@ -2609,6 +2615,7 @@ export namespace VxeTablePropTypes {
     activeMethod?(params: {
       $table: VxeTableConstructor<DT> & VxeTablePrivateMethods<DT>
       $grid: VxeGridConstructor<DT> | null | undefined
+      $gantt: VxeGanttConstructor | null | undefined
       row: DT
       rowIndex: number
       column: VxeTableDefines.ColumnInfo<DT>
@@ -4484,7 +4491,7 @@ export interface TableMethods<DT = any> {
   /**
    * 获取单元格 td 元素
    */
-  getCellElement(row: any, fieldOrColumn: VxeColumnPropTypes.Field | VxeTableDefines.ColumnInfo<any> | null): HTMLTableCellElement | null
+  getCellElement(row: any, fieldOrColumn: VxeColumnPropTypes.Field | VxeTableDefines.ColumnInfo<any> | null): HTMLElement | null
   /**
    * 获取单元格显示值
    */
@@ -5870,7 +5877,7 @@ export interface TablePrivateMethods<D = any> {
    * 已废弃，被 getCellElement 替换
    * @deprecated
    */
-  getCell(row: any, column: VxeTableDefines.ColumnInfo<any>): HTMLTableCellElement | null
+  getCell(row: any, column: VxeTableDefines.ColumnInfo<any>): HTMLTableCellElement | HTMLElement | null
   /**
    * 内部方法
    * @private

package/types/components/textarea.d.ts

@@ -19,6 +19,7 @@ export namespace VxeTextareaPropTypes {
   export type Size = VxeComponentSizeType
   export type ModelValue = string | number | null
   export type ClassName = string
+  export type InputClassName = string
   export type Immediate = boolean
   export type Name = string
   export type Readonly = boolean
@@ -70,6 +71,7 @@ export interface VxeTextareaProps {
    */
   value?: VxeTextareaPropTypes.ModelValue
   className?: VxeTextareaPropTypes.ClassName
+  inputClassName?: VxeTextareaPropTypes.InputClassName
   immediate?: VxeTextareaPropTypes.Immediate
   /**
    * 原生 name 属性

package/types/ui/renderer.d.ts

@@ -123,7 +123,7 @@ declare module '@vxe-ui/core' {
     /**
      * 表格 - 激活编辑状态时，设置自动聚焦的 class
      */
-    tableAutoFocus?: boolean | string | ((params: VxeGlobalRendererHandles.RenderTableEditParams<any> | VxeGlobalRendererHandles.RenderTableCellParams<any>) => HTMLElement | null)
+    tableAutoFocus?: boolean | string | ((params: VxeGlobalRendererHandles.TableAutoFocusParams) => HTMLElement | null)
     /**
      * 表格 - 激活编辑状态时，设置是否自动选中 tableAutoFocus 指定的元素
      */
@@ -206,12 +206,12 @@ declare module '@vxe-ui/core' {
      * 已废弃，请使用 tableAutoFocus
      * @deprecated
      */
-    autofocus?: string | ((params: VxeGlobalRendererHandles.RenderTableEditParams<any> | VxeGlobalRendererHandles.RenderTableCellParams<any>) => HTMLElement | null)
+    autofocus?: string | ((params: VxeGlobalRendererHandles.TableAutoFocusParams) => HTMLElement | null)
     /**
      * 已废弃，请使用 tableAutoFocus
      * @deprecated
      */
-    tableAutofocus?: string | ((params: VxeGlobalRendererHandles.RenderTableEditParams<any> | VxeGlobalRendererHandles.RenderTableCellParams<any>) => HTMLElement | null)
+    tableAutofocus?: string | ((params: VxeGlobalRendererHandles.TableAutoFocusParams) => HTMLElement | null)
     /**
      * 已废弃，请使用 tableAutoSelect
      * @deprecated
@@ -427,6 +427,12 @@ declare module '@vxe-ui/core' {
     export interface TableCellCutMethodParams<D = any> extends VxeColumnDefines.CellCutParams<D> {}
     export interface TableCellPasteMethodParams<D = any> extends VxeColumnDefines.CellPasteParams<D> {}
 
+    export interface TableAutoFocusParams<D = any> {
+      $table: VxeTableConstructor<D>
+      column: VxeTableDefines.ColumnInfo<D>
+      row: D
+    }
+
     /**
      * @deprecated
      */