fix(src): 修改rules组件不能正确校验的bug(#716)

Author: dpp050700

dist/checkbox-group/index.js

@@ -1,7 +1,9 @@
 import eventBus from '../utils/eventBus';
+import rules from '../behaviors/rules';
+
 
 Component({
-  behaviors: ['wx://form-field'],
+  behaviors: ['wx://form-field',rules],
   externalClasses: ['l-class', 'l-error-text', 'l-error-text-class'],
   relations: {
     '../checkbox/index': {
@@ -78,6 +80,10 @@ Component({
     onEmitEventHandle(currentItem) {
       currentItem.checked ? this.addSelect (currentItem):this.removeSelect(currentItem.key);
 
+      this.validatorData({
+        [this.data.name]: Object.values(this._selected)
+      });
+
       this.triggerEvent('linchange', currentItem, {
         bubbles: true,
         composed: true

dist/input/index.js

@@ -1,14 +1,15 @@
 // input/input.js
 import eventBus from '../utils/eventBus.js';
 import validator from '../behaviors/validator';
+import rules from '../behaviors/rules';
 Component({
   /**
    * 组件的属性列表
    */
   options: {
     multipleSlots: true,
   },
-  behaviors: ['wx://form-field', validator],
+  behaviors: ['wx://form-field', validator, rules],
   externalClasses: ['l-class', 'l-label-class', 'l-error-text', 'l-error-text-class'],
   properties: {
     // 表单标题（label）的文本
@@ -101,9 +102,9 @@ Component({
     },
 
     handleInputBlur(event) {
-      // this.validatorData({
-      //   value: event.detail.value
-      // });
+      this.validatorData({
+        [this.data.name]: event.detail.value
+      });
       eventBus.emit(`lin-form-blur-${this.id}`, this.id);
       this.triggerEvent('linblur', event.detail);
     },

dist/radio-group/index.js

@@ -1,8 +1,10 @@
 import eventBus from '../utils/eventBus';
+import rules from '../behaviors/rules';
+
 
 Component({
   externalClasses: ['l-class', 'l-error-text', 'l-error-text-class'],
-  behaviors: ['wx://form-field'],
+  behaviors: ['wx://form-field',rules],
   relations: {
     '../radio/index': {
       type: 'child',
@@ -89,6 +91,9 @@ Component({
       Object.assign(currentItem, {
         currentKey: this.properties.current
       });
+      this.validatorData({
+        [this.data.name]: this.data.current
+      });
       this.triggerEvent('linchange', currentItem, {
         bubbles: true,
         composed: true

dist/textarea/index.js

@@ -95,9 +95,9 @@ Component({
     },
 
     handleInputBlur(event) {
-      // this.validatorData({
-      //   value: event.detail.value
-      // });
+      this.validatorData({
+        [this.data.name]: event.detail.value
+      });
       eventBus.emit(`lin-form-blur-${this.id}`,this.id);
       this.triggerEvent('linblur', event.detail);
     },

examples/dist/checkbox-group/index.js

@@ -27,8 +27,14 @@ Component({
       required: true
     },
     sexRules: {
+      type: 'string',
+      required: true,
+      message: '请选择性别'
+    },
+    habbitRules: {
       type: 'array',
-      required: true
+      required: true,
+      message: '至少选择一个兴趣爱好'
     },
     phoneRules: [{
       type: "string",

examples/dist/input/index.js

@@ -7,10 +7,10 @@
           <l-input label="邮箱" placeholder="请输入邮箱" label-width="170" name="email" rules="{{emailRules}}" tipType="message" bind:linvalidate="linvalidate"/>
           <l-input label="用户名" placeholder="长度需要在12个字以内" label-width="170" name="user" rules="{{userRules}}" tipType="text" clear="{{true}}" l-error-text="error-text"/>
           <l-input label="密码" label-width="170" placeholder="请输入密码" name="password" rules="{{passwordRules}}" tipType="toast"/>
-          <l-input label="手机号" label-width="170" placeholder="请输入密码" name="phone" rules="{{phoneRules}}" tipType="toast"/>
+          <l-input label="手机号" label-width="170" placeholder="请输入手机号" name="phone" rules="{{phoneRules}}" tipType="toast"/>
           <view class="group-label">
             <text>爱好</text>
-            <l-checkbox-group l-class="l-radio-group" rules="{{sexRules}}" name="habbit" tipType="text" bind:linchange="changeCheckbox">
+            <l-checkbox-group l-class="l-radio-group" rules="{{habbitRules}}" name="habbit" tipType="text" bind:linchange="changeCheckbox">
               <l-checkbox l-class="l-radio" l-title-class="l-title-class" placement="left" key="读书" checked="{{util.isChecked('读书',likes)}}">读书</l-checkbox>
               <l-checkbox l-class="l-radio" l-title-class="l-title-class" placement="left" key="写字" checked="{{util.isChecked('写字',likes)}}">写字</l-checkbox>
               <l-checkbox l-class="l-radio" l-title-class="l-title-class" placement="left" key="摄影" checked="{{util.isChecked('摄影',likes)}}">摄影</l-checkbox>