fix: 修改checkbox组件属性命名规则 (#538)

Author: dpp050700

dist/checkbox-group/index.js

@@ -21,20 +21,20 @@ Component({
       value: 'column', //column row
     },
     // 最多选中值
-    max: {
+    maxSelected: {
       type: [Number,null],
       value: null
     },
-    min: {
+    minSelected: {
       type: [Number,null],
       value: null
     }
   },
   data: {
   },
   attached() {
-    let { min, max} = this.properties;
-    this.checkMax(min, max);
+    let { minSelected, maxSelected} = this.properties;
+    this.checkMax(minSelected, maxSelected);
   },
   methods: {
 

dist/checkbox/index.js

@@ -74,9 +74,9 @@ Component({
       const parent = this.getRelationNodes('../checkbox-group/index')[0];
 
       if(this.properties.checked) {
-        if(this.isOverflow('min')) return;
+        if(this.isOverflow('minSelected')) return;
       } else {
-        if(this.isOverflow('max')) return;
+        if(this.isOverflow('maxSelected')) return;
       }
 
       const item = {
@@ -95,12 +95,14 @@ Component({
      */
     isOverflow(type) {
       const parent = this.getRelationNodes('../checkbox-group/index')[0];
+
       const limit = parent.properties[type];
       if (!limit) return false;
       const selectedLength = Object.values(parent._selected).length;
-      let isOverflow = type === 'min' ? selectedLength <= limit : selectedLength >= limit;
+      let isOverflow = type === 'minSelected' ? selectedLength <= limit : selectedLength >= limit;
       if (isOverflow) {
-        parent.onEmitOverflowHandle && parent.onEmitOverflowHandle({key: this.properties.key, number: limit, type: `overflow_${type}`});
+        let backType = type === 'minSelected' ? 'min_selected' : 'max_selected';
+        parent.onEmitOverflowHandle && parent.onEmitOverflowHandle({key: this.properties.key, limitNumber: limit, type: `overflow_${backType}`});
       }
       return isOverflow;
     }

examples/dist/checkbox-group/index.js

@@ -21,20 +21,20 @@ Component({
       value: 'column', //column row
     },
     // 最多选中值
-    max: {
+    maxSelected: {
       type: [Number,null],
       value: null
     },
-    min: {
+    minSelected: {
       type: [Number,null],
       value: null
     }
   },
   data: {
   },
   attached() {
-    let { min, max} = this.properties;
-    this.checkMax(min, max);
+    let { minSelected, maxSelected} = this.properties;
+    this.checkMax(minSelected, maxSelected);
   },
   methods: {
 

examples/dist/checkbox/index.js

@@ -74,9 +74,9 @@ Component({
       const parent = this.getRelationNodes('../checkbox-group/index')[0];
 
       if(this.properties.checked) {
-        if(this.isOverflow('min')) return;
+        if(this.isOverflow('minSelected')) return;
       } else {
-        if(this.isOverflow('max')) return;
+        if(this.isOverflow('maxSelected')) return;
       }
 
       const item = {
@@ -95,12 +95,14 @@ Component({
      */
     isOverflow(type) {
       const parent = this.getRelationNodes('../checkbox-group/index')[0];
+
       const limit = parent.properties[type];
       if (!limit) return false;
       const selectedLength = Object.values(parent._selected).length;
-      let isOverflow = type === 'min' ? selectedLength <= limit : selectedLength >= limit;
+      let isOverflow = type === 'minSelected' ? selectedLength <= limit : selectedLength >= limit;
       if (isOverflow) {
-        parent.onEmitOverflowHandle && parent.onEmitOverflowHandle({key: this.properties.key, number: limit, type: `overflow_${type}`});
+        let backType = type === 'minSelected' ? 'min_selected' : 'max_selected';
+        parent.onEmitOverflowHandle && parent.onEmitOverflowHandle({key: this.properties.key, limitNumber: limit, type: `overflow_${backType}`});
       }
       return isOverflow;
     }

examples/pages/components/form/pages/checkbox/index.js

@@ -204,7 +204,7 @@ Page({
   },
 
   tipOverflow(data) {
-    let title = data.detail.type === 'overflow_max' ? `最多选择${data.detail.number}个` : `至少选择${data.detail.number}个`;
+    let title = data.detail.type === 'overflow_max_selected' ? `最多选择${data.detail.limitNumber}个` : `至少选择${data.detail.limitNumber}个`;
     wx.showToast({
       title: title,
       icon: 'none',

examples/pages/components/form/pages/checkbox/index.wxml

@@ -209,7 +209,7 @@
       >
       <view class='buttun-wrapper'>
         <view class='title'>10. 下面哪些演员获得影帝称号？</view>
-        <l-checkbox-group bind:linchange="change" min="2" max="3" bind:linout="tipOverflow" data-index="10">
+        <l-checkbox-group bind:linchange="change" min-selected="2" max-selected="3" bind:linout="tipOverflow" data-index="10">
           <l-checkbox
             l-class="l-checkbox-color"
             wx:for="{{items10}}"

src/checkbox-group/index.js

@@ -21,20 +21,20 @@ Component({
       value: 'column', //column row
     },
     // 最多选中值
-    max: {
+    maxSelected: {
       type: [Number,null],
       value: null
     },
-    min: {
+    minSelected: {
       type: [Number,null],
       value: null
     }
   },
   data: {
   },
   attached() {
-    let { min, max} = this.properties;
-    this.checkMax(min, max);
+    let { minSelected, maxSelected} = this.properties;
+    this.checkMax(minSelected, maxSelected);
   },
   methods: {
 

src/checkbox/index.js

@@ -74,9 +74,9 @@ Component({
       const parent = this.getRelationNodes('../checkbox-group/index')[0];
 
       if(this.properties.checked) {
-        if(this.isOverflow('min')) return;
+        if(this.isOverflow('minSelected')) return;
       } else {
-        if(this.isOverflow('max')) return;
+        if(this.isOverflow('maxSelected')) return;
       }
 
       const item = {
@@ -95,12 +95,14 @@ Component({
      */
     isOverflow(type) {
       const parent = this.getRelationNodes('../checkbox-group/index')[0];
+
       const limit = parent.properties[type];
       if (!limit) return false;
       const selectedLength = Object.values(parent._selected).length;
-      let isOverflow = type === 'min' ? selectedLength <= limit : selectedLength >= limit;
+      let isOverflow = type === 'minSelected' ? selectedLength <= limit : selectedLength >= limit;
       if (isOverflow) {
-        parent.onEmitOverflowHandle && parent.onEmitOverflowHandle({key: this.properties.key, number: limit, type: `overflow_${type}`});
+        let backType = type === 'minSelected' ? 'min_selected' : 'max_selected';
+        parent.onEmitOverflowHandle && parent.onEmitOverflowHandle({key: this.properties.key, limitNumber: limit, type: `overflow_${backType}`});
       }
       return isOverflow;
     }