| | |
| | | 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'; |
| | | const { prefix } = config; |
| | | const name = `${prefix}-stepper`; |
| | | let Stepper = class Stepper extends SuperComponent { |
| | | constructor() { |
| | | super(...arguments); |
| | | this.externalClasses = [`${prefix}-class`, `${prefix}-class-input`, `${prefix}-class-minus`, `${prefix}-class-plus`]; |
| | | this.options = { |
| | | addGlobalClass: true, |
| | | }; |
| | | this.properties = Object.assign({}, props); |
| | | this.controlledProps = [ |
| | | { |
| | | key: 'value', |
| | | event: 'change', |
| | | }, |
| | | ]; |
| | | this.observers = { |
| | | value(v) { |
| | | this.setData({ |
| | | currentValue: Number(v), |
| | | }); |
| | | }, |
| | | }; |
| | | this.data = { |
| | | currentValue: 0, |
| | | classPrefix: name, |
| | | prefix, |
| | | }; |
| | | } |
| | | attached() { |
| | | const { value, min } = this.properties; |
| | | this.setData({ |
| | | currentValue: value ? Number(value) : min, |
| | | }); |
| | | } |
| | | isDisabled(type) { |
| | | const { min, max, disabled } = this.properties; |
| | | const { currentValue } = this.data; |
| | | if (disabled) { |
| | | return true; |
| | | } |
| | | if (type === 'minus' && currentValue <= min) { |
| | | return true; |
| | | } |
| | | if (type === 'plus' && currentValue >= max) { |
| | | return true; |
| | | } |
| | | return false; |
| | | } |
| | | format(value) { |
| | | const { min, max } = this.properties; |
| | | return Math.max(Math.min(max, value, Number.MAX_SAFE_INTEGER), min, Number.MIN_SAFE_INTEGER); |
| | | } |
| | | setValue(value) { |
| | | this._trigger('change', { value }); |
| | | } |
| | | minusValue() { |
| | | if (this.isDisabled('minus')) { |
| | | this.triggerEvent('overlimit', { type: 'minus' }); |
| | | return false; |
| | | } |
| | | const { currentValue, step } = this.data; |
| | | this.setValue(this.format(currentValue - step)); |
| | | } |
| | | plusValue() { |
| | | if (this.isDisabled('plus')) { |
| | | this.triggerEvent('overlimit', { type: 'plus' }); |
| | | return false; |
| | | } |
| | | const { currentValue, step } = this.data; |
| | | this.setValue(this.format(currentValue + step)); |
| | | } |
| | | changeValue(e) { |
| | | const value = String(e.detail.value) |
| | | .split('.')[0] |
| | | .replace(/[^-0-9]/g, '') || 0; |
| | | this.setValue(this.format(Number(value))); |
| | | return value; |
| | | } |
| | | focusHandle(e) { |
| | | const value = this.changeValue(e); |
| | | this.triggerEvent('focus', { value }); |
| | | } |
| | | inputHandle(e) { |
| | | if (e.detail.value === '') { |
| | | return; |
| | | } |
| | | const value = this.changeValue(e); |
| | | this.triggerEvent('input', { value }); |
| | | } |
| | | blurHandle(e) { |
| | | const value = this.changeValue(e); |
| | | this.triggerEvent('blur', { value }); |
| | | } |
| | | }; |
| | | Stepper = __decorate([ |
| | | wxComponent() |
| | | ], Stepper); |
| | | export default Stepper; |
| | | import{__decorate}from"tslib";import{SuperComponent,wxComponent}from"../common/src/index";import config from"../common/config";import props from"./props";const{prefix:prefix}=config,name=`${prefix}-stepper`;let Stepper=class extends SuperComponent{constructor(){super(...arguments),this.externalClasses=[`${prefix}-class`,`${prefix}-class-input`,`${prefix}-class-minus`,`${prefix}-class-plus`],this.properties=Object.assign({},props),this.controlledProps=[{key:"value",event:"change"}],this.observers={value(e){this.preValue=Number(e),this.updateCurrentValue(this.format(this.preValue))}},this.data={currentValue:0,classPrefix:name,prefix:prefix},this.lifetimes={attached(){const{value:e,min:t}=this.properties;this.updateCurrentValue(e?Number(e):t)}},this.methods={isDisabled(e){const{min:t,max:s,disabled:r}=this.properties,{currentValue:i}=this.data;return!!r||("minus"===e&&i<=t||"plus"===e&&i>=s)},getLen(e){const t=e.toString();return-1===t.indexOf(".")?0:t.split(".")[1].length},add(e,t){const s=Math.max(this.getLen(e),this.getLen(t)),r=Math.pow(10,s);return Math.round(e*r+t*r)/r},format(e){const{min:t,max:s,step:r}=this.properties,i=Math.max(this.getLen(r),this.getLen(e));return Math.max(Math.min(s,e,Number.MAX_SAFE_INTEGER),t,Number.MIN_SAFE_INTEGER).toFixed(i)},setValue(e){const t=Number(this.format(e));this.updateCurrentValue(t),this.preValue!==t&&(this.preValue=t,this._trigger("change",{value:t}))},minusValue(){if(this.isDisabled("minus"))return this.triggerEvent("overlimit",{type:"minus"}),!1;const{currentValue:e,step:t}=this.data;this.setValue(this.add(e,-t))},plusValue(){if(this.isDisabled("plus"))return this.triggerEvent("overlimit",{type:"plus"}),!1;const{currentValue:e,step:t}=this.data;this.setValue(this.add(e,t))},filterIllegalChar(e){const t=String(e).replace(/[^0-9.]/g,""),s=t.indexOf(".");return this.properties.integer&&-1!==s?t.split(".")[0]:this.properties.integer||-1===s||s===t.lastIndexOf(".")?t:t.split(".",2).join(".")},updateCurrentValue(e){this.setData({currentValue:e})},handleFocus(e){const{value:t}=e.detail;this.triggerEvent("focus",{value:t})},handleInput(e){const{value:t}=e.detail;if(""===t)return;const s=this.filterIllegalChar(t),r=this.format(s);this.updateCurrentValue(this.data.integer?r:s),(this.data.integer||/\.\d+/.test(s))&&this.setValue(s)},handleBlur(e){const{value:t}=e.detail,s=this.format(t);this.setValue(s),this.triggerEvent("blur",{value:s})}}}};Stepper=__decorate([wxComponent()],Stepper);export default Stepper; |