vxe-pc-ui 4.17.0 → 4.17.2

package/packages/password-input/src/password-input.ts

@@ -1,11 +1,11 @@
-import { h, ref, Ref, computed, reactive, inject, nextTick, watch, PropType } from 'vue'
+import { h, ref, Ref, computed, reactive, inject, nextTick, watch, PropType, onMounted } from 'vue'
 import { defineVxeComponent } from '../../ui/src/comp'
 import XEUtils from 'xe-utils'
 import { getConfig, getIcon, getI18n, createEvent, useSize, renderEmptyElement } from '../../ui'
-import { getFuncText } from '../../ui/src/utils'
+import { getFuncText, getText } from '../../ui/src/utils'
 import { getSlotVNs } from '../../ui/src/vn'
 
-import type { VxePasswordInputConstructor, VxePasswordInputEmits, PasswordInputReactData, PasswordInputMethods, VxePasswordInputPropTypes, InputPrivateRef, VxeFormConstructor, VxeFormPrivateMethods, VxeFormDefines } from '../../../types'
+import type { VxePasswordInputConstructor, VxePasswordInputEmits, PasswordInputReactData, PasswordInputMethods, VxePasswordInputPropTypes, InputPrivateRef, VxeFormConstructor, VxeFormPrivateMethods, VxeFormDefines, ValueOf } from '../../../types'
 
 export default defineVxeComponent({
   name: 'VxePasswordInput',
@@ -29,6 +29,10 @@ export default defineVxeComponent({
       default: 'off'
     },
     className: String as PropType<VxePasswordInputPropTypes.ClassName>,
+    inputClassName: {
+      type: String as PropType<VxePasswordInputPropTypes.InputClassName>,
+      default: () => getConfig().passwordInput.inputClassName
+    },
     size: {
       type: String as PropType<VxePasswordInputPropTypes.Size>,
       default: () => getConfig().passwordInput.size || getConfig().size
@@ -39,6 +43,10 @@ export default defineVxeComponent({
       type: Boolean as PropType<VxePasswordInputPropTypes.Controls>,
       default: () => getConfig().passwordInput.controls
     },
+    editable: {
+      type: Boolean as PropType<VxePasswordInputPropTypes.Editable>,
+      default: true
+    },
 
     // 已废弃
     autocomplete: String as PropType<VxePasswordInputPropTypes.Autocomplete>
@@ -87,17 +95,10 @@ export default defineVxeComponent({
       getRefMaps: () => refMaps
     } as unknown as VxePasswordInputConstructor
 
-    let passwordInputMethods = {} as PasswordInputMethods
-
     const computeIsClearable = computed(() => {
       return props.clearable
     })
 
-    const computeInpReadonly = computed(() => {
-      const { readonly } = props
-      return readonly
-    })
-
     const computeInpPlaceholder = computed(() => {
       const { placeholder } = props
       if (placeholder) {
@@ -110,6 +111,34 @@ export default defineVxeComponent({
       return getI18n('vxe.base.pleaseInput')
     })
 
+    const computeFormReadonly = computed(() => {
+      if (getConfig().inputReadonly === 'obsolete') {
+        if ($xeForm) {
+          return $xeForm.props.readonly
+        }
+        return false
+      }
+      const { readonly } = props
+      if (readonly === null) {
+        if ($xeForm) {
+          return $xeForm.props.readonly
+        }
+        return false
+      }
+      return readonly
+    })
+
+    const computeIsDisabled = computed(() => {
+      const { disabled } = props
+      if (disabled === null) {
+        if ($xeForm) {
+          return $xeForm.props.disabled
+        }
+        return false
+      }
+      return disabled
+    })
+
     const computeInputType = computed(() => {
       const { showPwd } = reactData
       if (showPwd) {
@@ -123,9 +152,32 @@ export default defineVxeComponent({
       return immediate
     })
 
+    const computeInputReadonly = computed(() => {
+      const { editable } = props
+      const formReadonly = computeFormReadonly.value
+      return formReadonly || !editable
+    })
+
+    const computeDomValue = computed(() => {
+      const { inputValue } = reactData
+      return inputValue
+    })
+
+    const dispatchEvent = (type: ValueOf<VxePasswordInputEmits>, params: Record<string, any>, evnt: Event | null) => {
+      emit(type, createEvent(evnt, { $passwordInput: $xePasswordInput }, params))
+    }
+
+    const updateDomValue = () => {
+      const domValue = computeDomValue.value
+      const inputElem = refInputTarget.value
+      if (inputElem) {
+        inputElem.value = XEUtils.eqNull(domValue) ? '' : ('' + domValue)
+      }
+    }
+
     const triggerEvent = (evnt: Event & { type: 'input' | 'change' | 'click' | 'focus' | 'blur' }) => {
       const { inputValue } = reactData
-      passwordInputMethods.dispatchEvent(evnt.type, { value: inputValue }, evnt)
+      dispatchEvent(evnt.type, { value: inputValue }, evnt)
     }
 
     const emitInputEvent = (value: any, evnt: Event) => {
@@ -134,7 +186,7 @@ export default defineVxeComponent({
       if (inpImmediate) {
         handleChange(value, evnt)
       } else {
-        passwordInputMethods.dispatchEvent('input', { value }, evnt)
+        dispatchEvent('input', { value }, evnt)
       }
     }
 
@@ -147,9 +199,9 @@ export default defineVxeComponent({
     const handleChange = (value: string, evnt: Event | { type: string }) => {
       reactData.inputValue = value
       emit('update:modelValue', value)
-      passwordInputMethods.dispatchEvent('input', { value }, evnt as any)
+      dispatchEvent('input', { value }, evnt as any)
       if (XEUtils.toValueString(props.modelValue) !== value) {
-        passwordInputMethods.dispatchEvent('change', { value }, evnt as any)
+        dispatchEvent('change', { value }, evnt as any)
         // 自动更新校验状态
         if ($xeForm && formItemInfo) {
           $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, value)
@@ -159,7 +211,7 @@ export default defineVxeComponent({
 
     const changeEvent = (evnt: Event & { type: 'change' }) => {
       triggerEvent(evnt)
-      $xePasswordInput.dispatchEvent('lazy-change', { value: reactData.inputValue }, evnt)
+      dispatchEvent('lazy-change', { value: reactData.inputValue }, evnt)
       // 自动更新校验状态
       if ($xeForm && formItemInfo) {
         $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, reactData.inputValue)
@@ -175,7 +227,7 @@ export default defineVxeComponent({
       const { inputValue } = reactData
       const value = inputValue
       reactData.isActivated = false
-      $xePasswordInput.dispatchEvent('blur', { value }, evnt)
+      dispatchEvent('blur', { value }, evnt)
       // 自动更新校验状态
       if ($xeForm && formItemInfo) {
         $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, value)
@@ -183,12 +235,13 @@ export default defineVxeComponent({
     }
 
     const passwordToggleEvent = (evnt: Event) => {
-      const { readonly, disabled } = props
       const { showPwd } = reactData
-      if (!disabled && !readonly) {
+      const isDisabled = computeIsDisabled.value
+      const formReadonly = computeFormReadonly.value
+      if (!isDisabled && !formReadonly) {
         reactData.showPwd = !showPwd
       }
-      $xePasswordInput.dispatchEvent('toggle-visible', { visible: reactData.showPwd }, evnt)
+      dispatchEvent('toggle-visible', { visible: reactData.showPwd }, evnt)
     }
 
     const clickEvent = (evnt: Event & { type: 'click' }) => {
@@ -198,26 +251,50 @@ export default defineVxeComponent({
     const clearValueEvent = (evnt: Event, value: VxePasswordInputPropTypes.ModelValue) => {
       focus()
       handleChange('', evnt)
-      $xePasswordInput.dispatchEvent('clear', { value }, evnt)
-      $xePasswordInput.dispatchEvent('lazy-change', { value: reactData.inputValue }, evnt)
+      dispatchEvent('clear', { value }, evnt)
+      dispatchEvent('lazy-change', { value: reactData.inputValue }, evnt)
     }
 
     const clickSuffixEvent = (evnt: Event) => {
-      const { disabled } = props
-      if (!disabled) {
+      const isDisabled = computeIsDisabled.value
+      if (!isDisabled) {
         const { inputValue } = reactData
-        $xePasswordInput.dispatchEvent('suffix-click', { value: inputValue }, evnt)
+        dispatchEvent('suffix-click', { value: inputValue }, evnt)
       }
     }
 
     const clickPrefixEvent = (evnt: Event) => {
-      const { disabled } = props
-      if (!disabled) {
+      const isDisabled = computeIsDisabled.value
+      if (!isDisabled) {
         const { inputValue } = reactData
-        $xePasswordInput.dispatchEvent('prefix-click', { value: inputValue }, evnt)
+        dispatchEvent('prefix-click', { value: inputValue }, evnt)
+      }
+    }
+
+    const passwordInputMethods: PasswordInputMethods = {
+      dispatchEvent,
+      focus () {
+        const inputElem = refInputTarget.value
+        reactData.isActivated = true
+        inputElem.focus()
+        return nextTick()
+      },
+      blur () {
+        const inputElem = refInputTarget.value
+        inputElem.blur()
+        reactData.isActivated = false
+        return nextTick()
+      },
+      select () {
+        const inputElem = refInputTarget.value
+        inputElem.select()
+        reactData.isActivated = false
+        return nextTick()
       }
     }
 
+    Object.assign($xePasswordInput, passwordInputMethods)
+
     const renderPasswordIcon = () => {
       const { showPwd } = reactData
       return h('div', {
@@ -252,14 +329,15 @@ export default defineVxeComponent({
     }
 
     const renderSuffixIcon = () => {
-      const { disabled, suffixIcon, controls } = props
+      const { suffixIcon, controls } = props
       const { inputValue } = reactData
-      const suffixSlot = slots.suffix
+      const isDisabled = computeIsDisabled.value
       const isClearable = computeIsClearable.value
+      const suffixSlot = slots.suffix
       return isClearable || controls || suffixSlot || suffixIcon
         ? h('div', {
           class: ['vxe-password-input--suffix', {
-            'is--clear': isClearable && !disabled && !(inputValue === '' || XEUtils.eqNull(inputValue))
+            'is--clear': isClearable && !isDisabled && !(inputValue === '' || XEUtils.eqNull(inputValue))
           }]
         }, [
           isClearable
@@ -289,45 +367,22 @@ export default defineVxeComponent({
         : null
     }
 
-    passwordInputMethods = {
-      dispatchEvent (type, params, evnt) {
-        emit(type, createEvent(evnt, { $passwordInput: $xePasswordInput }, params))
-      },
-
-      focus () {
-        const inputElem = refInputTarget.value
-        reactData.isActivated = true
-        inputElem.focus()
-        return nextTick()
-      },
-      blur () {
-        const inputElem = refInputTarget.value
-        inputElem.blur()
-        reactData.isActivated = false
-        return nextTick()
-      },
-      select () {
-        const inputElem = refInputTarget.value
-        inputElem.select()
-        reactData.isActivated = false
-        return nextTick()
-      }
-    }
-
-    Object.assign($xePasswordInput, passwordInputMethods)
-
-    watch(() => props.modelValue, (val) => {
-      reactData.inputValue = val
-    })
-
     const renderVN = () => {
-      const { className, name, disabled, readonly, autocomplete, autoComplete, maxLength } = props
+      const { className, inputClassName, name, readonly, autocomplete, autoComplete, maxLength } = props
       const { inputValue, isActivated } = reactData
+      const isDisabled = computeIsDisabled.value
+      const formReadonly = computeFormReadonly.value
+      if (formReadonly) {
+        return h('div', {
+          ref: refElem,
+          class: ['vxe-password-input--readonly', className]
+        }, getText(inputValue))
+      }
       const vSize = computeSize.value
-      const inpReadonly = computeInpReadonly.value
       const inputType = computeInputType.value
       const inpPlaceholder = computeInpPlaceholder.value
       const isClearable = computeIsClearable.value
+      const inputReadonly = computeInputReadonly.value
       const prefix = renderPrefixIcon()
       const suffix = renderSuffixIcon()
       return h('div', {
@@ -337,9 +392,9 @@ export default defineVxeComponent({
           'is--prefix': !!prefix,
           'is--suffix': !!suffix,
           'is--readonly': readonly,
-          'is--disabled': disabled,
+          'is--disabled': isDisabled,
           'is--active': isActivated,
-          'show--clear': isClearable && !disabled && !(inputValue === '' || XEUtils.eqNull(inputValue))
+          'show--clear': isClearable && !isDisabled && !(inputValue === '' || XEUtils.eqNull(inputValue))
         }],
         spellcheck: false
       }, [
@@ -349,13 +404,12 @@ export default defineVxeComponent({
         }, [
           h('input', {
             ref: refInputTarget,
-            class: 'vxe-password-input--inner',
-            value: inputValue,
+            class: 'vxe-password-input--inner' + (inputClassName ? (' ' + inputClassName) : ''),
             name,
             type: inputType,
             placeholder: inpPlaceholder,
-            readonly: inpReadonly,
-            disabled,
+            readonly: inputReadonly,
+            disabled: isDisabled,
             autocomplete: autocomplete || autoComplete,
             maxlength: maxLength,
             onClick: clickEvent,
@@ -369,6 +423,28 @@ export default defineVxeComponent({
       ])
     }
 
+    watch(() => props.modelValue, (val) => {
+      reactData.inputValue = val
+    })
+
+    const rDvFlag = ref(0)
+    watch(computeFormReadonly, () => {
+      rDvFlag.value++
+    })
+    watch(computeDomValue, () => {
+      rDvFlag.value++
+    })
+    watch(rDvFlag, () => {
+      updateDomValue()
+      nextTick(() => {
+        updateDomValue()
+      })
+    })
+
+    onMounted(() => {
+      updateDomValue()
+    })
+
     $xePasswordInput.renderVN = renderVN
 
     return $xePasswordInput

package/packages/textarea/src/textarea.ts

@@ -1,11 +1,11 @@
-import { h, ref, Ref, computed, nextTick, watch, PropType, reactive, inject } from 'vue'
+import { h, ref, Ref, computed, nextTick, watch, PropType, reactive, inject, onMounted } from 'vue'
 import { defineVxeComponent } from '../../ui/src/comp'
 import XEUtils from 'xe-utils'
 import { getConfig, getI18n, createEvent, useSize } from '../../ui'
 import { getFuncText } from '../../ui/src/utils'
 import { createComponentLog } from '../../ui/src/log'
 
-import type { VxeTextareaPropTypes, TextareaReactData, TextareaMethods, VxeTextareaConstructor, VxeTextareaEmits, TextareaPrivateRef, VxeFormConstructor, VxeFormPrivateMethods, VxeFormDefines } from '../../../types'
+import type { VxeTextareaPropTypes, TextareaReactData, TextareaMethods, VxeTextareaConstructor, VxeTextareaEmits, TextareaPrivateRef, VxeFormConstructor, VxeFormPrivateMethods, VxeFormDefines, ValueOf } from '../../../types'
 
 const { warnLog } = createComponentLog('textarea')
 
@@ -16,6 +16,10 @@ export default defineVxeComponent({
   props: {
     modelValue: [String, Number] as PropType<VxeTextareaPropTypes.ModelValue>,
     className: String as PropType<VxeTextareaPropTypes.ClassName>,
+    inputClassName: {
+      type: String as PropType<VxeTextareaPropTypes.InputClassName>,
+      default: () => getConfig().textarea.inputClassName
+    },
     immediate: {
       type: Boolean as PropType<VxeTextareaPropTypes.Immediate>,
       default: true
@@ -114,8 +118,6 @@ export default defineVxeComponent({
       getRefMaps: () => refMaps
     } as unknown as VxeTextareaConstructor
 
-    let textareaMethods = {} as TextareaMethods
-
     const computeFormReadonly = computed(() => {
       const { readonly } = props
       if (readonly === null) {
@@ -178,6 +180,23 @@ export default defineVxeComponent({
       return Object.assign({ minRows: 1, maxRows: 10 }, getConfig().textarea.autoSize, autoSize)
     })
 
+    const computeDomValue = computed(() => {
+      const { inputValue } = reactData
+      return inputValue
+    })
+
+    const dispatchEvent = (type: ValueOf<VxeTextareaEmits>, params: Record<string, any>, evnt: Event | null) => {
+      emit(type, createEvent(evnt, { $textarea: $xeTextarea }, params))
+    }
+
+    const updateDomValue = () => {
+      const domValue = computeDomValue.value
+      const taElem = refTextarea.value
+      if (taElem) {
+        taElem.value = XEUtils.eqNull(domValue) ? '' : ('' + domValue)
+      }
+    }
+
     const updateAutoTxt = () => {
       const { size, autosize, autoSize } = props
       const { inputValue } = reactData
@@ -239,7 +258,7 @@ export default defineVxeComponent({
 
     const triggerEvent = (evnt: Event & { type: 'focus' | 'blur' | 'change' }) => {
       const value = reactData.inputValue
-      $xeTextarea.dispatchEvent(evnt.type, { value }, evnt)
+      dispatchEvent(evnt.type, { value }, evnt)
     }
 
     const handleChange = (value: string, evnt: Event) => {
@@ -270,7 +289,7 @@ export default defineVxeComponent({
           $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, value)
         }
       }
-      $xeTextarea.dispatchEvent('input', { value }, evnt)
+      dispatchEvent('input', { value }, evnt)
       handleResize()
     }
 
@@ -281,7 +300,7 @@ export default defineVxeComponent({
       } else {
         handleChange(reactData.inputValue, evnt)
       }
-      $xeTextarea.dispatchEvent('lazy-change', { value: reactData.inputValue }, evnt)
+      dispatchEvent('lazy-change', { value: reactData.inputValue }, evnt)
     }
 
     const blurEvent = (evnt: Event & { type: 'blur' }) => {
@@ -290,20 +309,16 @@ export default defineVxeComponent({
       if (!immediate) {
         handleChange(inputValue, evnt)
       }
-      $xeTextarea.dispatchEvent('blur', { value: inputValue }, evnt)
+      dispatchEvent('blur', { value: inputValue }, evnt)
     }
 
-    textareaMethods = {
-      dispatchEvent (type, params, evnt) {
-        emit(type, createEvent(evnt, { $textarea: $xeTextarea }, params))
-      },
-
+    const textareaMethods: TextareaMethods = {
+      dispatchEvent,
       focus () {
         const textElem = refTextarea.value
         textElem.focus()
         return nextTick()
       },
-
       blur () {
         const textElem = refTextarea.value
         textElem.blur()
@@ -314,7 +329,7 @@ export default defineVxeComponent({
     Object.assign($xeTextarea, textareaMethods)
 
     const renderVN = () => {
-      const { className, resize, autosize, autoSize, showWordCount, countMethod, rows, cols } = props
+      const { className, inputClassName, resize, autosize, autoSize, showWordCount, countMethod, rows, cols } = props
       const { inputValue } = reactData
       const vSize = computeSize.value
       const isDisabled = computeIsDisabled.value
@@ -349,8 +364,7 @@ export default defineVxeComponent({
       }, [
         h('textarea', {
           ref: refTextarea,
-          class: 'vxe-textarea--inner',
-          value: inputValue,
+          class: 'vxe-textarea--inner' + (inputClassName ? (' ' + inputClassName) : ''),
           name: props.name,
           placeholder: inpPlaceholder,
           maxlength: inpMaxLength,
@@ -404,6 +418,24 @@ export default defineVxeComponent({
       handleResize()
     })
 
+    const rDvFlag = ref(0)
+    watch(computeFormReadonly, () => {
+      rDvFlag.value++
+    })
+    watch(computeDomValue, () => {
+      rDvFlag.value++
+    })
+    watch(rDvFlag, () => {
+      updateDomValue()
+    })
+
+    onMounted(() => {
+      updateDomValue()
+      nextTick(() => {
+        updateDomValue()
+      })
+    })
+
     nextTick(() => {
       const { autosize, autoSize } = props
       if (autosize) {

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

@@ -30,6 +30,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
@@ -148,6 +149,7 @@ export interface VxeDatePickerProps {
   size?: VxeDatePickerPropTypes.Size
   modelValue?: 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

@@ -32,6 +32,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
@@ -133,6 +134,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

@@ -27,6 +27,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
@@ -94,6 +95,7 @@ export interface VxeInputProps {
   size?: VxeInputPropTypes.Size
   modelValue?: VxeInputPropTypes.ModelValue
   className?: VxeInputPropTypes.ClassName
+  inputClassName?: VxeInputPropTypes.InputClassName
   immediate?: VxeInputPropTypes.Immediate
   name?: VxeInputPropTypes.Name
   title?: VxeInputPropTypes.Title

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

@@ -26,6 +26,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'
@@ -112,6 +113,7 @@ export interface VxeNumberInputProps {
   size?: VxeNumberInputPropTypes.Size
   modelValue?: VxeNumberInputPropTypes.ModelValue
   className?: VxeNumberInputPropTypes.ClassName
+  inputClassName?: VxeNumberInputPropTypes.InputClassName
   immediate?: VxeNumberInputPropTypes.Immediate
   name?: VxeNumberInputPropTypes.Name
   type?: VxeNumberInputPropTypes.Type

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

@@ -27,6 +27,7 @@ export namespace VxePasswordInputPropTypes {
   export type ModelValue = string | null
   export type Immediate = boolean
   export type ClassName = string
+  export type InputClassName = string
   export type Name = string
   export type Clearable = boolean
   export type Readonly = boolean
@@ -37,6 +38,7 @@ export namespace VxePasswordInputPropTypes {
   export type PrefixIcon = string
   export type SuffixIcon = string
   export type Controls = boolean
+  export type Editable = boolean
   /**
    * 请使用 AutoComplete
    * @deprecated
@@ -49,6 +51,7 @@ export interface VxePasswordInputProps {
   modelValue?: VxePasswordInputPropTypes.ModelValue
   immediate?: VxePasswordInputPropTypes.Immediate
   className?: VxePasswordInputPropTypes.ClassName
+  inputClassName?: VxePasswordInputPropTypes.InputClassName
   name?: VxePasswordInputPropTypes.Name
   clearable?: VxePasswordInputPropTypes.Clearable
   readonly?: VxePasswordInputPropTypes.Readonly
@@ -59,6 +62,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 no-use-before-define */
 
@@ -206,7 +206,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>
   /**
@@ -216,11 +226,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
    */