|
|
|
|
@ -347,163 +347,4 @@ export default defineComponent({
|
|
|
|
|
); |
|
|
|
|
}; |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
// methods: { |
|
|
|
|
// handleInputFocus(e: Event) { |
|
|
|
|
// this.isFocused = true; |
|
|
|
|
// this.onFocus && this.onFocus(e); |
|
|
|
|
// }, |
|
|
|
|
|
|
|
|
|
// handleInputBlur(e: Event) { |
|
|
|
|
// this.isFocused = false; |
|
|
|
|
// this.onBlur && this.onBlur(e); |
|
|
|
|
// this.formItemContext.onFieldBlur(); |
|
|
|
|
// }, |
|
|
|
|
|
|
|
|
|
// focus() { |
|
|
|
|
// this.input.focus(); |
|
|
|
|
// }, |
|
|
|
|
|
|
|
|
|
// blur() { |
|
|
|
|
// this.input.blur(); |
|
|
|
|
// }, |
|
|
|
|
// select() { |
|
|
|
|
// this.input.select(); |
|
|
|
|
// }, |
|
|
|
|
|
|
|
|
|
// saveClearableInput(input: HTMLInputElement) { |
|
|
|
|
// this.clearableInput = input; |
|
|
|
|
// }, |
|
|
|
|
|
|
|
|
|
// saveInput(input: HTMLInputElement) { |
|
|
|
|
// this.input = input; |
|
|
|
|
// }, |
|
|
|
|
|
|
|
|
|
// setValue(value: string | number, callback?: Function) { |
|
|
|
|
// if (this.stateValue === value) { |
|
|
|
|
// return; |
|
|
|
|
// } |
|
|
|
|
// if (!hasProp(this, 'value')) { |
|
|
|
|
// this.stateValue = value; |
|
|
|
|
// } else { |
|
|
|
|
// (this as any).$forceUpdate(); |
|
|
|
|
// } |
|
|
|
|
// nextTick(() => { |
|
|
|
|
// callback && callback(); |
|
|
|
|
// }); |
|
|
|
|
// }, |
|
|
|
|
// triggerChange(e: Event) { |
|
|
|
|
// this.$emit('update:value', (e.target as HTMLInputElement).value); |
|
|
|
|
// this.$emit('change', e); |
|
|
|
|
// this.$emit('input', e); |
|
|
|
|
// this.formItemContext.onFieldChange(); |
|
|
|
|
// }, |
|
|
|
|
// handleReset(e: Event) { |
|
|
|
|
// this.setValue('', () => { |
|
|
|
|
// this.focus(); |
|
|
|
|
// }); |
|
|
|
|
// resolveOnChange(this.input, e, this.triggerChange); |
|
|
|
|
// }, |
|
|
|
|
// renderInput(prefixCls: string, { addonBefore, addonAfter }) { |
|
|
|
|
// const otherProps = omit(this.$props, [ |
|
|
|
|
// 'prefixCls', |
|
|
|
|
// 'onPressEnter', |
|
|
|
|
// 'addonBefore', |
|
|
|
|
// 'addonAfter', |
|
|
|
|
// 'prefix', |
|
|
|
|
// 'suffix', |
|
|
|
|
// 'allowClear', |
|
|
|
|
// 'defaultValue', |
|
|
|
|
// 'lazy', |
|
|
|
|
// 'size', |
|
|
|
|
// 'inputPrefixCls', |
|
|
|
|
// 'loading', |
|
|
|
|
// ]); |
|
|
|
|
// const { |
|
|
|
|
// handleKeyDown, |
|
|
|
|
// handleChange, |
|
|
|
|
// handleInputFocus, |
|
|
|
|
// handleInputBlur, |
|
|
|
|
// size, |
|
|
|
|
// disabled, |
|
|
|
|
// valueModifiers = {}, |
|
|
|
|
// $attrs, |
|
|
|
|
// } = this; |
|
|
|
|
// const inputProps: any = { |
|
|
|
|
// ...otherProps, |
|
|
|
|
// ...$attrs, |
|
|
|
|
// id: otherProps.id ?? this.formItemContext.id.value, |
|
|
|
|
// onKeydown: handleKeyDown, |
|
|
|
|
// class: classNames(getInputClassName(prefixCls, size, disabled), { |
|
|
|
|
// [$attrs.class as string]: $attrs.class && !addonBefore && !addonAfter, |
|
|
|
|
// }), |
|
|
|
|
// ref: this.saveInput, |
|
|
|
|
// key: 'ant-input', |
|
|
|
|
// onInput: handleChange, |
|
|
|
|
// onChange: handleChange, |
|
|
|
|
// onFocus: handleInputFocus, |
|
|
|
|
// onBlur: handleInputBlur, |
|
|
|
|
// }; |
|
|
|
|
// if (valueModifiers.lazy) { |
|
|
|
|
// delete inputProps.onInput; |
|
|
|
|
// } |
|
|
|
|
// if (!inputProps.autofocus) { |
|
|
|
|
// delete inputProps.autofocus; |
|
|
|
|
// } |
|
|
|
|
// const inputNode = <input {...inputProps} />; |
|
|
|
|
// return withDirectives(inputNode as VNode, [[antInputDirective]]); |
|
|
|
|
// }, |
|
|
|
|
// clearPasswordValueAttribute() { |
|
|
|
|
// // https://github.com/ant-design/ant-design/issues/20541 |
|
|
|
|
// this.removePasswordTimeout = setTimeout(() => { |
|
|
|
|
// if ( |
|
|
|
|
// this.input && |
|
|
|
|
// this.input.getAttribute && |
|
|
|
|
// this.input.getAttribute('type') === 'password' && |
|
|
|
|
// this.input.hasAttribute('value') |
|
|
|
|
// ) { |
|
|
|
|
// this.input.removeAttribute('value'); |
|
|
|
|
// } |
|
|
|
|
// }); |
|
|
|
|
// }, |
|
|
|
|
// handleChange(e: Event) { |
|
|
|
|
// const { value, composing, isComposing } = e.target as any; |
|
|
|
|
// // https://github.com/vueComponent/ant-design-vue/issues/2203 |
|
|
|
|
// if (((isComposing || composing) && this.lazy) || this.stateValue === value) return; |
|
|
|
|
// this.setValue(value, this.clearPasswordValueAttribute); |
|
|
|
|
// resolveOnChange(this.input, e, this.triggerChange); |
|
|
|
|
// }, |
|
|
|
|
// handleKeyDown(e: KeyboardEvent) { |
|
|
|
|
// if (e.keyCode === 13) { |
|
|
|
|
// this.$emit('pressEnter', e); |
|
|
|
|
// } |
|
|
|
|
// this.$emit('keydown', e); |
|
|
|
|
// }, |
|
|
|
|
// }, |
|
|
|
|
// render() { |
|
|
|
|
// const { prefixCls: customizePrefixCls } = this.$props; |
|
|
|
|
// const { stateValue, isFocused } = this.$data; |
|
|
|
|
// const getPrefixCls = this.configProvider.getPrefixCls; |
|
|
|
|
// const prefixCls = getPrefixCls('input', customizePrefixCls); |
|
|
|
|
// const addonAfter = getComponent(this, 'addonAfter'); |
|
|
|
|
// const addonBefore = getComponent(this, 'addonBefore'); |
|
|
|
|
// const suffix = getComponent(this, 'suffix'); |
|
|
|
|
// const prefix = getComponent(this, 'prefix'); |
|
|
|
|
// const props: any = { |
|
|
|
|
// ...this.$attrs, |
|
|
|
|
// ...getOptionProps(this), |
|
|
|
|
// prefixCls, |
|
|
|
|
// inputType: 'input', |
|
|
|
|
// value: fixControlledValue(stateValue), |
|
|
|
|
// element: this.renderInput(prefixCls, { addonAfter, addonBefore }), |
|
|
|
|
// handleReset: this.handleReset, |
|
|
|
|
// addonAfter, |
|
|
|
|
// addonBefore, |
|
|
|
|
// suffix, |
|
|
|
|
// prefix, |
|
|
|
|
// isFocused, |
|
|
|
|
// }; |
|
|
|
|
|
|
|
|
|
// return <ClearableLabeledInput {...props} ref={this.saveClearableInput} />; |
|
|
|
|
// }, |
|
|
|
|
}); |
|
|
|
|
|
tangjinzhou
3 years ago