vant

2019-12-14 09:20:48 +08:00
parent 57e95e3217
commit 933673b092
372 changed files with 8090 additions and 0 deletions
--- a/utils/dist/field/index.js
+++ b/utils/dist/field/index.js
@@ -0,0 +1,108 @@
+import { VantComponent } from '../common/component';
+import { getSystemInfoSync } from '../common/utils';
+VantComponent({
+    field: true,
+    classes: ['input-class', 'right-icon-class'],
+    props: {
+        size: String,
+        icon: String,
+        label: String,
+        error: Boolean,
+        fixed: Boolean,
+        focus: Boolean,
+        center: Boolean,
+        isLink: Boolean,
+        leftIcon: String,
+        rightIcon: String,
+        disabled: Boolean,
+        autosize: Boolean,
+        readonly: Boolean,
+        required: Boolean,
+        password: Boolean,
+        iconClass: String,
+        clearable: Boolean,
+        clickable: Boolean,
+        inputAlign: String,
+        placeholder: String,
+        customStyle: String,
+        confirmType: String,
+        confirmHold: Boolean,
+        holdKeyboard: Boolean,
+        errorMessage: String,
+        arrowDirection: String,
+        placeholderStyle: String,
+        errorMessageAlign: String,
+        selectionEnd: {
+            type: Number,
+            value: -1
+        },
+        selectionStart: {
+            type: Number,
+            value: -1
+        },
+        showConfirmBar: {
+            type: Boolean,
+            value: true
+        },
+        adjustPosition: {
+            type: Boolean,
+            value: true
+        },
+        cursorSpacing: {
+            type: Number,
+            value: 50
+        },
+        maxlength: {
+            type: Number,
+            value: -1
+        },
+        type: {
+            type: String,
+            value: 'text'
+        },
+        border: {
+            type: Boolean,
+            value: true
+        },
+        titleWidth: {
+            type: String,
+            value: '90px'
+        }
+    },
+    data: {
+        focused: false,
+        system: getSystemInfoSync().system.split(' ').shift().toLowerCase()
+    },
+    methods: {
+        onInput(event) {
+            const { value = '' } = event.detail || {};
+            this.setData({ value }, () => {
+                this.emitChange(value);
+            });
+        },
+        onFocus(event) {
+            this.setData({ focused: true });
+            this.$emit('focus', event.detail);
+        },
+        onBlur(event) {
+            this.setData({ focused: false });
+            this.$emit('blur', event.detail);
+        },
+        onClickIcon() {
+            this.$emit('click-icon');
+        },
+        onClear() {
+            this.setData({ value: '' }, () => {
+                this.emitChange('');
+                this.$emit('clear', '');
+            });
+        },
+        onConfirm() {
+            this.$emit('confirm', this.data.value);
+        },
+        emitChange(value) {
+            this.$emit('input', value);
+            this.$emit('change', value);
+        }
+    }
+});