@tplc/wot 0.1.52 → 0.1.54

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.1.53](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.2.75...v0.1.53) (2025-01-06)
+
+
+### ✨ Features | 新功能
+
+* 兼容引擎 ([7b6fc3c](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/7b6fc3cfe4ecba868c3fb095b1f9b103b724d9f7))
+* 瀑布流调整策略 ([a7988e0](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/a7988e037342c211e45369ae4c324566b4b50f4a))
+
 ### [0.1.52](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.1.51...v0.1.52) (2025-01-05)
 
 

package/components/wd-img/index.scss

@@ -3,7 +3,7 @@
 
 @include b(img) {
   position: relative;
-  display: inline-block;
+  display: block;
 
   @include e(image) {
     box-sizing: border-box;

package/components/wd-select-picker/index.scss

@@ -170,6 +170,21 @@
   @include e(text-active) {
     color: $-color-theme;
   }
+  @include e(button) {
+    width: 100%;
+    height: 72rpx;
+    line-height: 72rpx;
+    border-radius: 8rpx;
+    font-size: 28rpx;
+    color: #333;
+    box-sizing: border-box;
+    text-align: center;
+    border: 1px solid #eee;
+    &--active {
+      color: $-color-theme;
+      border: 1px solid $-color-theme;
+    }
+  }
 
   @include e(footer) {
     padding: 24px 15px;

package/components/wd-select-picker/types.ts

@@ -9,7 +9,7 @@ import {
 } from '../common/props'
 import type { FormItemRule } from '../wd-form/types'
 
-export type SelectPickerType = 'checkbox' | 'radio'
+export type SelectPickerType = 'checkbox' | 'radio' | 'button'
 
 export const selectPickerProps = {
   ...baseProps,

package/components/wd-select-picker/wd-select-picker.vue

@@ -98,6 +98,37 @@
             </view>
           </wd-checkbox-group>
         </view>
+        <!-- 多选/单选 -->
+        <view
+          v-if="type === 'button' && !isArray(selectList)"
+          id="wd-radio-group"
+          class="grid gap-3 grid-cols-3 mb-3"
+        >
+          <view
+            v-for="item in filterColumns"
+            :key="item[valueKey]"
+            :id="'radio' + item[valueKey]"
+            @click="
+              handleChange({
+                value: item[valueKey],
+              })
+            "
+            :disabled="item.disabled"
+            :round="false"
+            plain
+            class="wd-select-picker__button"
+            :class="`${selectList === item[valueKey] ? 'wd-select-picker__button--active' : ''} ${item.disabled ? 'wd-select-picker__button--disabled' : ''}`"
+          >
+            <block v-if="filterable && filterVal">
+              <block v-for="text in item[labelKey]" :key="text.label">
+                {{ text.label }}
+              </block>
+            </block>
+            <block v-else>
+              {{ item[labelKey] }}
+            </block>
+          </view>
+        </view>
         <!-- 单选 -->
         <view v-if="type === 'radio' && !isArray(selectList)" id="wd-radio-group">
           <wd-radio-group
@@ -372,7 +403,7 @@ function handleChange({
 }) {
   selectList.value = value
   emit('change', { value })
-  if (props.type === 'radio' && !props.showConfirm) {
+  if (['radio', 'button'].includes(props.type) && !props.showConfirm) {
     onConfirm()
   }
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "id": "@tplc/wot",
   "name": "@tplc/wot",
-  "version": "0.1.52",
+  "version": "0.1.54",
   "keywords": [
     "wot-design-uni",
     "国际化",

package/types/components/wd-select-picker/types.d.ts

@@ -1,6 +1,6 @@
 import type { ComponentPublicInstance, ExtractPropTypes, PropType } from 'vue'
 import type { FormItemRule } from '../wd-form/types'
-export type SelectPickerType = 'checkbox' | 'radio'
+export type SelectPickerType = 'checkbox' | 'radio' | 'button'
 export declare const selectPickerProps: {
   /** 选择器左侧文案 */
   label: StringConstructor