weapps-plugin-jingtong-verify 1.4.6 → 1.4.7

package/weapps-plugin-jingtong-verify/components/gsd-ui/g-input/index.js

@@ -1,236 +1,241 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-// pages/g-input/index.js
-const formControllerBehavior = require("../behaviors/formController");
-const validator = require("../utils/validator");
-Component({
-    relations: {
-        '../g-form-item/index': {
-            type: 'child'
-        },
-        '../g-form/index': {
-            type: 'ancestor'
-        }
-    },
-    // 缓存数据
-    __value__: '',
-    options: {
-        multipleSlots: true
-    },
-    behaviors: [formControllerBehavior],
-    properties: {
-        iconDesc: {
-            type: String,
-            value: ''
-        },
-        label: String,
-        showQuestion: {
-            type: Boolean,
-            value: false
-        },
-        _required: {
-            type: Boolean,
-            value: true
-        },
-        value: {
-            type: String,
-            value: '',
-            observer(newVal) {
-                // 只有外部特殊设置的 value 才会触发 rerender
-                // console.log(newVal, this.__value__);
-                if (newVal !== this.__value__) {
-                    this.__value__ = newVal;
-                    this.setData({
-                        _value: newVal
-                    });
-                    if (this.data._status)
-                        this.resetStatus();
-                }
-            }
-        },
-        placeholder: {
-            type: String,
-            value: '请输入'
-        },
-        validateTrigger: {
-            type: String,
-            value: 'blur'
-        },
-        type: {
-            type: String,
-            value: 'text'
-        },
-        password: Boolean,
-        clearable: Boolean,
-        showEye: Boolean,
-        isOpen: Boolean,
-        disabled: Boolean,
-        prepend: Boolean,
-        append: Boolean,
-        maxlength: {
-            type: Number,
-            value: 140
-        },
-        cursorSpacing: {
-            type: Number,
-            value: 0
-        },
-        focus: {
-            type: Boolean,
-            value: false,
-            observer(newVal) {
-                this.setData({
-                    _focus: newVal
-                });
-            }
-        },
-        confirmType: {
-            type: String,
-            value: 'done'
-        },
-        confirmHold: Boolean,
-        cursor: Number,
-        selectionStart: {
-            type: Number,
-            value: -1
-        },
-        selectionEnd: {
-            type: Number,
-            value: -1
-        },
-        adjustPosition: {
-            type: Boolean,
-            value: true
-        },
-        icon: {
-            type: String,
-            value: ''
-        }
-    },
-    data: {
-        _status: '',
-        _value: '',
-        _statusMessage: '',
-        _focus: false
-    },
-    ready() {
-        this.initSlots();
-    },
-    methods: {
-        initSlots() {
-            const query = this.createSelectorQuery();
-            query.selectAll('.slot').boundingClientRect().exec(console.log);
-        },
-        // 重置状态
-        resetStatus() {
-            this.setData({
-                _status: '',
-                _statusMessage: ''
-            });
-        },
-        // 内部校验 input
-        validateInput() {
-            if (!this.id) {
-                throw new Error('请提供需要校验的组件 ID');
-            }
-            const formData = { [this.id]: this.__value__ };
-            const formNode = this.getFormNode();
-            if (!formNode)
-                return;
-            const { rules = {}, validateType = {} } = formNode.properties;
-            // 根据校验规则，有错误显示状态，无错误重置状态
-            validator(formData, rules, validateType).then((errorArr) => {
-                // console.log('form-field validateInput: ', formData, rules, errorArr);
-                if (errorArr.length > 0) {
-                    this.setData({
-                        _status: 'warn',
-                        _statusMessage: errorArr[0].message
-                    });
-                }
-                else {
-                    this.resetStatus();
-                }
-            });
-        },
-        // 处理点击
-        handleTap(e) {
-            this.setData({
-                _focus: true
-            });
-        },
-        // 重新处理输入框
-        handleInput(e) {
-            if (this.data._status)
-                this.resetStatus();
-            // 将数据存到内存中，防止无节制的 setData
-            this.__value__ = e.detail.value;
-            this.triggerEvent('input', e.detail);
-            this.triggerEvent('change', e.detail);
-        },
-        // focus
-        handleFocus(e) {
-            this.setData({ _focus: true });
-            this.triggerEvent('focus', e.detail);
-        },
-        // blur
-        handleBlur(e) {
-            console.log('blur', e)
-            const { validateTrigger } = this.properties;
-            const { eye, open } = e.currentTarget.dataset
-            if (validateTrigger === 'blur' && ((eye && open) || !eye)) {
-              // 触发内部校验
-              setTimeout(() => {
-                this.validateInput();
-              }, 300)
-            }
-            this.setData({ _focus: false });
-            this.triggerEvent('blur', e.detail);
-            // 避免输入法最后一个字没点击确认
-            if (this.__value__ !== e.detail.value) {
-                this.__value__ = e.detail.value;
-
-                this.triggerEvent('input', e.detail);
-                this.triggerEvent('change', e.detail);
-            }
-        },
-        // confirm
-        handleConfirm(e) {
-            this.triggerEvent('confirm', e.detail);
-        },
-        // clear
-        handleTapClear(e) {
-            const { disabled } = this.properties;
-            const { _focus } = this.data;
-            if (disabled)
-                return false;
-            this.triggerEvent('input', { value: '' });
-            this.triggerEvent('change', { value: '' });
-            if (!_focus) {
-                // 触发内部校验
-                this.validateInput();
-            }
-        },
-        // 明文
-        handleTapEye(e) {
-            const { disabled } = this.properties;
-            const { _focus } = this.data;
-            if (disabled)
-                return false;
-            // this.triggerEvent('input', { value: '' });
-            // this.triggerEvent('change', { value: '' });
-            // if (!_focus) {
-            //     // 触发内部校验
-            //     this.validateInput();
-            // }
-            this.triggerEvent('openEye', { isOpen: e.currentTarget.dataset.open });
-        },
-        // tap info
-        handleTapIcon() {
-            const { icon } = this.properties;
-            this.triggerEvent('iconTap', { type: icon });
-        },
-        showQuestionTip() {
-            this.triggerEvent('showQuestionTip')
-        }
-    }
-});
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+// pages/g-input/index.js
+const formControllerBehavior = require("../behaviors/formController");
+const validator = require("../utils/validator");
+Component({
+    relations: {
+        '../g-form-item/index': {
+            type: 'child'
+        },
+        '../g-form/index': {
+            type: 'ancestor'
+        }
+    },
+    // 缓存数据
+    __value__: '',
+    options: {
+        multipleSlots: true
+    },
+    behaviors: [formControllerBehavior],
+    properties: {
+        iconDesc: {
+            type: String,
+            value: ''
+        },
+        label: String,
+        showQuestion: {
+            type: Boolean,
+            value: false
+        },
+        _required: {
+            type: Boolean,
+            value: true
+        },
+        value: {
+            type: String,
+            value: '',
+            observer(newVal) {
+                // 只有外部特殊设置的 value 才会触发 rerender
+                // console.log(newVal, this.__value__);
+                if (newVal !== this.__value__) {
+                    this.__value__ = newVal;
+                    this.setData({
+                        _value: newVal
+                    });
+                    if (this.data._status)
+                        this.resetStatus();
+                }
+            }
+        },
+        placeholder: {
+            type: String,
+            value: '请输入'
+        },
+        // 🔥 在这里添加新属性
+        placeholderClass: {        // 新增属性名
+          type: String,
+          value: 'input__placeholder'  // 默认值
+        },
+        validateTrigger: {
+            type: String,
+            value: 'blur'
+        },
+        type: {
+            type: String,
+            value: 'text'
+        },
+        password: Boolean,
+        clearable: Boolean,
+        showEye: Boolean,
+        isOpen: Boolean,
+        disabled: Boolean,
+        prepend: Boolean,
+        append: Boolean,
+        maxlength: {
+            type: Number,
+            value: 140
+        },
+        cursorSpacing: {
+            type: Number,
+            value: 0
+        },
+        focus: {
+            type: Boolean,
+            value: false,
+            observer(newVal) {
+                this.setData({
+                    _focus: newVal
+                });
+            }
+        },
+        confirmType: {
+            type: String,
+            value: 'done'
+        },
+        confirmHold: Boolean,
+        cursor: Number,
+        selectionStart: {
+            type: Number,
+            value: -1
+        },
+        selectionEnd: {
+            type: Number,
+            value: -1
+        },
+        adjustPosition: {
+            type: Boolean,
+            value: true
+        },
+        icon: {
+            type: String,
+            value: ''
+        }
+    },
+    data: {
+        _status: '',
+        _value: '',
+        _statusMessage: '',
+        _focus: false
+    },
+    ready() {
+        this.initSlots();
+    },
+    methods: {
+        initSlots() {
+            const query = this.createSelectorQuery();
+            query.selectAll('.slot').boundingClientRect().exec(console.log);
+        },
+        // 重置状态
+        resetStatus() {
+            this.setData({
+                _status: '',
+                _statusMessage: ''
+            });
+        },
+        // 内部校验 input
+        validateInput() {
+            if (!this.id) {
+                throw new Error('请提供需要校验的组件 ID');
+            }
+            const formData = { [this.id]: this.__value__ };
+            const formNode = this.getFormNode();
+            if (!formNode)
+                return;
+            const { rules = {}, validateType = {} } = formNode.properties;
+            // 根据校验规则，有错误显示状态，无错误重置状态
+            validator(formData, rules, validateType).then((errorArr) => {
+                // console.log('form-field validateInput: ', formData, rules, errorArr);
+                if (errorArr.length > 0) {
+                    this.setData({
+                        _status: 'warn',
+                        _statusMessage: errorArr[0].message
+                    });
+                }
+                else {
+                    this.resetStatus();
+                }
+            });
+        },
+        // 处理点击
+        handleTap(e) {
+            this.setData({
+                _focus: true
+            });
+        },
+        // 重新处理输入框
+        handleInput(e) {
+            if (this.data._status)
+                this.resetStatus();
+            // 将数据存到内存中，防止无节制的 setData
+            this.__value__ = e.detail.value;
+            this.triggerEvent('input', e.detail);
+            this.triggerEvent('change', e.detail);
+        },
+        // focus
+        handleFocus(e) {
+            this.setData({ _focus: true });
+            this.triggerEvent('focus', e.detail);
+        },
+        // blur
+        handleBlur(e) {
+            console.log('blur', e)
+            const { validateTrigger } = this.properties;
+            const { eye, open } = e.currentTarget.dataset
+            if (validateTrigger === 'blur' && ((eye && open) || !eye)) {
+              // 触发内部校验
+              setTimeout(() => {
+                this.validateInput();
+              }, 300)
+            }
+            this.setData({ _focus: false });
+            this.triggerEvent('blur', e.detail);
+            // 避免输入法最后一个字没点击确认
+            if (this.__value__ !== e.detail.value) {
+                this.__value__ = e.detail.value;
+
+                this.triggerEvent('input', e.detail);
+                this.triggerEvent('change', e.detail);
+            }
+        },
+        // confirm
+        handleConfirm(e) {
+            this.triggerEvent('confirm', e.detail);
+        },
+        // clear
+        handleTapClear(e) {
+            const { disabled } = this.properties;
+            const { _focus } = this.data;
+            if (disabled)
+                return false;
+            this.triggerEvent('input', { value: '' });
+            this.triggerEvent('change', { value: '' });
+            if (!_focus) {
+                // 触发内部校验
+                this.validateInput();
+            }
+        },
+        // 明文
+        handleTapEye(e) {
+            const { disabled } = this.properties;
+            const { _focus } = this.data;
+            if (disabled)
+                return false;
+            // this.triggerEvent('input', { value: '' });
+            // this.triggerEvent('change', { value: '' });
+            // if (!_focus) {
+            //     // 触发内部校验
+            //     this.validateInput();
+            // }
+            this.triggerEvent('openEye', { isOpen: e.currentTarget.dataset.open });
+        },
+        // tap info
+        handleTapIcon() {
+            const { icon } = this.properties;
+            this.triggerEvent('iconTap', { type: icon });
+        },
+        showQuestionTip() {
+            this.triggerEvent('showQuestionTip')
+        }
+    }
+});

package/weapps-plugin-jingtong-verify/components/gsd-ui/g-input/index.json

@@ -1,8 +1,8 @@
-{
-  "component": true,
-  "usingComponents": {
-    "g-form-item": "../g-form-item/index",
-    "g-icon": "../g-icon/index",
-    "g-popover": "../g-popover/index"
-  }
-}
+{
+  "component": true,
+  "usingComponents": {
+    "g-form-item": "../g-form-item/index",
+    "g-icon": "../g-icon/index",
+    "g-popover": "../g-popover/index"
+  }
+}

package/weapps-plugin-jingtong-verify/components/gsd-ui/g-input/index.wxml

@@ -1,49 +1,49 @@
-<!--pages/g-input/index.wxml-->
-<g-form-item label="{{label}}" disabled="{{disabled}}" status="{{_status}}" statusMessage="{{_statusMessage}}" static-item-class="{{icon === 'info'?'static-item':''}}" showQuestion="{{showQuestion}}" required="{{ _required }}" bind:showQuestionTip="showQuestionTip">
-  <view class="{{icon === 'info'?'input__containerIcon':'input__container'}}">
-    <view class="input__prepend" wx:if="{{prepend}}">
-      <slot name="prepend" class="slot"/>
-    </view>
-
-
-    <view class="{{icon === 'info'?'input__wrapperIcon':'input__wrapper'}}">
-      <input name="{{id}}" value="{{_value}}"
-        class="input__element {{icon === 'info'?'input__elementIcon':''}}"
-        type="{{type}}" password="{{password}}"
-        placeholder="{{placeholder}}"
-        placeholder-class="input__placeholder"
-        disabled="{{disabled}}" maxlength="{{maxlength}}"
-        cursor-spacing="{{cursorSpacing}}"
-        focus="{{_focus}}" confirm-type="{{confirmType}}"
-        confirm-hold="{{confirmHold}}" cursor="{{cursor}}"
-        selection-start="{{selectionStart}}"
-        selection-end="{{selectionEnd}}"
-        adjust-position="{{adjustPosition}}"
-        bindinput="handleInput" bindfocus="handleFocus"
-        bindblur="handleBlur" bindconfirm="handleConfirm"
-        data-open="{{isOpen}}"
-        data-eye="{{showEye}}"
-      />
-
-      <view class="{{icon === 'info'?'input__iconInfo__container':'input__icon__container'}}" >
-        <view class="input__icon input__icon--clear" hidden="{{!clearable || !value}}" catch:tap="handleTapClear">
-          <g-icon type="close-circle" size="36"/>
-        </view>
-        <view class="input__icon input__icon--clear" hidden="{{!showEye}}" catch:tap="handleTapEye" data-value="{{value}}" data-open="{{isOpen}}">
-          <g-icon type="eye" size="36" wx:if="{{isOpen}}" />
-          <g-icon type="eye-close" size="36" wx:else />
-        </view>
-        <view class="input__icon input__icon--{{icon}}" wx:if="{{icon}}" catch:tap="handleTapIcon">
-            <g-popover wx:if="{{icon === 'info'}}" content="{{iconDesc}}" placement="topRight">
-              <g-icon  type="info-o" size="36"/>
-            </g-popover>
-      </view>
-    </view>
-</view>
-
-
-    <view class="input__append" wx:if="{{append}}">
-      <slot name="append" class="slot"/>
-    </view>
-  </view>
-</g-form-item>
+<!--pages/g-input/index.wxml-->
+<g-form-item label="{{label}}" disabled="{{disabled}}" status="{{_status}}" statusMessage="{{_statusMessage}}" static-item-class="{{icon === 'info'?'static-item':''}}" showQuestion="{{showQuestion}}" required="{{ _required }}" bind:showQuestionTip="showQuestionTip">
+  <view class="{{icon === 'info'?'input__containerIcon':'input__container'}}">
+    <view class="input__prepend" wx:if="{{prepend}}">
+      <slot name="prepend" class="slot"/>
+    </view>
+
+
+    <view class="{{icon === 'info'?'input__wrapperIcon':'input__wrapper'}}">
+      <input name="{{id}}" value="{{_value}}"
+        class="input__element {{icon === 'info'?'input__elementIcon':''}}"
+        type="{{type}}" password="{{password}}"
+        placeholder="{{placeholder}}"
+        placeholder-class="{{placeholderClass}}"
+        disabled="{{disabled}}" maxlength="{{maxlength}}"
+        cursor-spacing="{{cursorSpacing}}"
+        focus="{{_focus}}" confirm-type="{{confirmType}}"
+        confirm-hold="{{confirmHold}}" cursor="{{cursor}}"
+        selection-start="{{selectionStart}}"
+        selection-end="{{selectionEnd}}"
+        adjust-position="{{adjustPosition}}"
+        bindinput="handleInput" bindfocus="handleFocus"
+        bindblur="handleBlur" bindconfirm="handleConfirm"
+        data-open="{{isOpen}}"
+        data-eye="{{showEye}}"
+      />
+
+      <view class="{{icon === 'info'?'input__iconInfo__container':'input__icon__container'}}" >
+        <view class="input__icon input__icon--clear" hidden="{{!clearable || !value}}" catch:tap="handleTapClear">
+          <g-icon type="close-circle" size="36"/>
+        </view>
+        <view class="input__icon input__icon--clear" hidden="{{!showEye}}" catch:tap="handleTapEye" data-value="{{value}}" data-open="{{isOpen}}">
+          <g-icon type="eye" size="36" wx:if="{{isOpen}}" />
+          <g-icon type="eye-close" size="36" wx:else />
+        </view>
+        <view class="input__icon input__icon--{{icon}}" wx:if="{{icon}}" catch:tap="handleTapIcon">
+            <g-popover wx:if="{{icon === 'info'}}" content="{{iconDesc}}" placement="topRight">
+              <g-icon  type="info-o" size="36"/>
+            </g-popover>
+      </view>
+    </view>
+</view>
+
+
+    <view class="input__append" wx:if="{{append}}">
+      <slot name="append" class="slot"/>
+    </view>
+  </view>
+</g-form-item>