增加最小选中

components/tpx-checkitems/tpx-checkitems.vue

@@ -41,6 +41,11 @@
 					return []
 				}
 			},
+			minChecked: {
+				default () {
+					return 0
+				}
+			},
 			type: {
 				default () {
 					return typeEnum.multiple // typeEnum | ''; 为空代表不做切换选中功能
@@ -72,7 +77,10 @@
 					const curVal = curItem.val
 					const hasChked = checkedVal.indexOf(curVal) > -1
 					if (hasChked) {
-						checkedVal = checkedVal.filter(val => val != curVal)
+						// 取消选中前，校验最小选中个数
+						if(checkedVal.length > this.minChecked) {
+							checkedVal = checkedVal.filter(val => val != curVal)
+						}
 					} else {
 						if (this.type == typeEnum.multiple) {
 							checkedVal.push(curVal)

components/tpx-tags/tpx-tags.vue

@@ -1,10 +1,10 @@
 <template>
 	<view>
 		<tpx-checkitems :list="list" :type="type" :value="value"  v-slot="current" item-style="display:inline-block;"
-			@onItemClick="handleoItemClick" @onChange="handleChange"
+			:min-checked="minChecked" @onItemClick="handleoItemClick" @onChange="handleChange"
 		>
 			<view slot class="smp-tag">
-				<u-tag :text="`${current.item.title}`" :plain="!current.checked" :type="mode"
+				<u-tag :text="`${current.item.title}`" :plain="!current.checked" :type="mode" 
 					border-color="transparent" shape="circle" :bg-color="`${(current.checked || (mode == 'primary'))?activeColor:color}`" 
 					:color="`${(current.checked || (mode == 'primary'))?'#fff':'#666'}`" 
 					@close="handleDeleteItem(current.item)" :closable="closable" 
@@ -23,6 +23,8 @@
 			},
 			value: {
 			},
+			minChecked: {
+			},
 			type: {
 			},
 			// ======================== 分割线， 上方是 tpx-checkitems属性 ======================