| | |
| | | var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { |
| | | var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; |
| | | if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); |
| | | else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; |
| | | return c > 3 && r && Object.defineProperty(target, key, r), r; |
| | | }; |
| | | import { SuperComponent, wxComponent } from '../common/src/index'; |
| | | import config from '../common/config'; |
| | | import props from './props'; |
| | | import { getCharacterLength, calcIcon } from '../common/utils'; |
| | | const { prefix } = config; |
| | | const name = `${prefix}-input`; |
| | | let Input = class Input extends SuperComponent { |
| | | constructor() { |
| | | super(...arguments); |
| | | this.options = { |
| | | multipleSlots: true, |
| | | }; |
| | | this.externalClasses = [ |
| | | `${prefix}-class`, |
| | | `${prefix}-class-prefix-icon`, |
| | | `${prefix}-class-label`, |
| | | `${prefix}-class-input`, |
| | | `${prefix}-class-clearable`, |
| | | `${prefix}-class-suffix`, |
| | | `${prefix}-class-suffix-icon`, |
| | | `${prefix}-class-tips`, |
| | | ]; |
| | | this.behaviors = ['wx://form-field']; |
| | | this.properties = props; |
| | | this.data = { |
| | | prefix, |
| | | classPrefix: name, |
| | | classBasePrefix: prefix, |
| | | }; |
| | | this.lifetimes = { |
| | | ready() { |
| | | const { value } = this.properties; |
| | | this.updateValue(value == null ? '' : value); |
| | | }, |
| | | }; |
| | | this.observers = { |
| | | prefixIcon(v) { |
| | | this.setData({ |
| | | _prefixIcon: calcIcon(v), |
| | | }); |
| | | }, |
| | | suffixIcon(v) { |
| | | this.setData({ |
| | | _suffixIcon: calcIcon(v), |
| | | }); |
| | | }, |
| | | clearable(v) { |
| | | this.setData({ |
| | | _clearIcon: calcIcon(v, 'close-circle-filled'), |
| | | }); |
| | | }, |
| | | }; |
| | | this.methods = { |
| | | updateValue(value) { |
| | | const { maxcharacter, maxlength } = this.properties; |
| | | if (maxcharacter && maxcharacter > 0 && !Number.isNaN(maxcharacter)) { |
| | | const { length, characters } = getCharacterLength('maxcharacter', value, maxcharacter); |
| | | this.setData({ |
| | | value: characters, |
| | | count: length, |
| | | }); |
| | | } |
| | | else if (maxlength > 0 && !Number.isNaN(maxlength)) { |
| | | const { length, characters } = getCharacterLength('maxlength', value, maxlength); |
| | | this.setData({ |
| | | value: characters, |
| | | count: length, |
| | | }); |
| | | } |
| | | else { |
| | | this.setData({ |
| | | value, |
| | | count: value ? String(value).length : 0, |
| | | }); |
| | | } |
| | | }, |
| | | onInput(e) { |
| | | const { value, cursor, keyCode } = e.detail; |
| | | this.updateValue(value); |
| | | this.triggerEvent('change', { value: this.data.value, cursor, keyCode }); |
| | | }, |
| | | onFocus(e) { |
| | | this.triggerEvent('focus', e.detail); |
| | | }, |
| | | onBlur(e) { |
| | | this.triggerEvent('blur', e.detail); |
| | | }, |
| | | onConfirm(e) { |
| | | this.triggerEvent('enter', e.detail); |
| | | }, |
| | | onSuffixClick() { |
| | | this.triggerEvent('click', { trigger: 'suffix' }); |
| | | }, |
| | | onSuffixIconClick() { |
| | | this.triggerEvent('click', { trigger: 'suffix-icon' }); |
| | | }, |
| | | clearInput(e) { |
| | | this.triggerEvent('clear', e.detail); |
| | | this.setData({ value: '' }); |
| | | }, |
| | | onKeyboardHeightChange(e) { |
| | | this.triggerEvent('keyboardheightchange', e.detail); |
| | | }, |
| | | onNickNameReview(e) { |
| | | this.triggerEvent('nicknamereview', e.detail); |
| | | }, |
| | | }; |
| | | } |
| | | }; |
| | | Input = __decorate([ |
| | | wxComponent() |
| | | ], Input); |
| | | export default Input; |
| | | import{__decorate}from"tslib";import{SuperComponent,wxComponent}from"../common/src/index";import config from"../common/config";import props from"./props";import{getCharacterLength,calcIcon}from"../common/utils";import{isDef}from"../common/validator";const{prefix:prefix}=config,name=`${prefix}-input`;let Input=class extends SuperComponent{constructor(){super(...arguments),this.options={multipleSlots:!0},this.externalClasses=[`${prefix}-class`,`${prefix}-class-prefix-icon`,`${prefix}-class-label`,`${prefix}-class-input`,`${prefix}-class-clearable`,`${prefix}-class-suffix`,`${prefix}-class-suffix-icon`,`${prefix}-class-tips`],this.behaviors=["wx://form-field"],this.properties=props,this.data={prefix:prefix,classPrefix:name,classBasePrefix:prefix,showClearIcon:!0},this.lifetimes={ready(){var e;const{value:t,defaultValue:i}=this.properties;this.updateValue(null!==(e=null!=t?t:i)&&void 0!==e?e:"")}},this.observers={prefixIcon(e){this.setData({_prefixIcon:calcIcon(e)})},suffixIcon(e){this.setData({_suffixIcon:calcIcon(e)})},clearable(e){this.setData({_clearIcon:calcIcon(e,"close-circle-filled")})},"clearTrigger, clearable, disabled, readonly"(){this.updateClearIconVisible()}},this.methods={updateValue(e){const{allowInputOverMax:t,maxcharacter:i,maxlength:a}=this.properties;if(!t&&i&&i>0&&!Number.isNaN(i)){const{length:t,characters:a}=getCharacterLength("maxcharacter",e,i);this.setData({value:a,count:t})}else if(!t&&a&&a>0&&!Number.isNaN(a)){const{length:t,characters:i}=getCharacterLength("maxlength",e,a);this.setData({value:i,count:t})}else this.setData({value:e,count:isDef(e)?String(e).length:0})},updateClearIconVisible(e=!1){const{clearTrigger:t,disabled:i,readonly:a}=this.properties;i||a?this.setData({showClearIcon:!1}):this.setData({showClearIcon:e||"always"===t})},onInput(e){const{value:t,cursor:i,keyCode:a}=e.detail;this.updateValue(t),this.triggerEvent("change",{value:this.data.value,cursor:i,keyCode:a})},onChange(e){if("nickname"!==this.properties.type)return;const{value:t}=e.detail;this.updateValue(t),this.triggerEvent("change",{value:this.data.value})},onFocus(e){this.updateClearIconVisible(!0),this.triggerEvent("focus",e.detail)},onBlur(e){if(this.updateClearIconVisible(),"function"==typeof this.properties.format){const t=this.properties.format(e.detail.value);return this.updateValue(t),void this.triggerEvent("blur",{value:this.data.value,cursor:this.data.count})}this.triggerEvent("blur",e.detail)},onConfirm(e){this.triggerEvent("enter",e.detail)},onSuffixClick(){this.triggerEvent("click",{trigger:"suffix"})},onSuffixIconClick(){this.triggerEvent("click",{trigger:"suffix-icon"})},clearInput(e){this.triggerEvent("clear",e.detail),this.setData({value:""})},onKeyboardHeightChange(e){this.triggerEvent("keyboardheightchange",e.detail)},onNickNameReview(e){this.triggerEvent("nicknamereview",e.detail)}}}};Input=__decorate([wxComponent()],Input);export default Input; |