添加组件及页面

miniprogram/pages/components/select-plugin/select-plugin.wxml

@@ -1,24 +1,15 @@
-<view style="display: contents" bindtap="click">
-  <slot />
-
-</view>
-
-<popup-plugin visible="{{visible}}" bind:close="close" title="{{title}}">
-
-  <view style="padding: 24rpx 0;">
-    <t-radio-group wx:if="{{mode == 'single'}}" bind:change="radioChange" allow-uncheck
-      value="{{val}}" borderless>
-      <t-radio wx:for="{{options}}" wx:key="index" value="{{item.value}}"
-        style="padding-bottom: 12rpx;padding-top: 12rpx;">{{item.label}}
-      </t-radio>
-    </t-radio-group>
-    <t-checkbox-group wx:else value="{{val}}" bind:change="checkboxChange" borderless>
-      <t-checkbox style="padding-bottom: 12rpx;padding-top: 12rpx;" wx:for="{{options}}"
-        icon="rectangle" wx:key="index" value="{{item.value}}">{{item.label}}
-      </t-checkbox>
-    </t-checkbox-group>
+<t-cell title="{{title || ''}}" arrow hover bind:click="onOpenPicker">
+  <view slot="note" style="display: flex;align-items: center;column-gap: 12rpx;">
+    <view>{{note || ''}}</view>
+    <t-icon wx:if="{{value}}" name="close-circle-filled" catch:tap="onClear"></t-icon>
+    <text wx:else>{{placeholder || title}}</text>
   </view>
-  <view class="footer" wx:if="{{ mode == 'multiple' }}">
-    <t-button size="small" theme="primary" bindtap="ok">确定</t-button>
-  </view>
-</popup-plugin>
+</t-cell>
+<t-picker visible="{{show}}" value="{{[value]}}" data-key="value" title="{{title || ''}}"
+  cancelBtn="取消" confirmBtn="确认" bind:confirm="onConfirm" bindcancel="onPickerCancel">
+  <t-picker-item options="{{options || []}}">
+    <block wx:for="{{options || []}}" wx:key="value">
+      {{item.label}}
+    </block>
+  </t-picker-item>
+</t-picker>