@tplc/wot 0.1.53 → 0.1.55

package/CHANGELOG.md

@@ -2,6 +2,8 @@
 
 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.55](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.3.8...v0.1.55) (2025-01-20)
+
 ### [0.1.53](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.2.75...v0.1.53) (2025-01-06)
 
 

package/components/wd-input-number/index.scss

@@ -129,4 +129,12 @@
       border-left: none;
     }
   }
+  @include when(no-border) {
+    .wd-input-number__action::after {
+      border: none !important;
+    }
+    .wd-input-number__input-border {
+      display: none;
+    }
+  }
 }

package/components/wd-input-number/types.ts

@@ -75,4 +75,8 @@ export const inputNumberProps = {
    * 输入框占位符
    */
   placeholder: makeStringProp(''),
+  /**
+   * 是否显示边框
+   */
+  bordered: makeBooleanProp(true),
 }

package/components/wd-input-number/wd-input-number.vue

@@ -1,13 +1,18 @@
 <template>
   <view
-    :class="`wd-input-number ${customClass} ${disabled ? 'is-disabled' : ''} ${withoutInput ? 'is-without-input' : ''}`"
+    :class="`wd-input-number ${!bordered ? 'is-no-border' : ''} ${customClass} ${disabled ? 'is-disabled' : ''} ${withoutInput ? 'is-without-input' : ''}`"
     :style="customStyle"
   >
     <view
       :class="`wd-input-number__action ${minDisabled || disableMinus ? 'is-disabled' : ''}`"
       @click="sub"
     >
-      <wd-icon name="decrease" custom-class="wd-input-number__action-icon"></wd-icon>
+      <slot name="decrease" />
+      <wd-icon
+        name="decrease"
+        custom-class="wd-input-number__action-icon"
+        v-if="!$slots.decrease"
+      ></wd-icon>
     </view>
     <view v-if="!withoutInput" class="wd-input-number__inner" @click.stop="">
       <input
@@ -27,7 +32,8 @@
       :class="`wd-input-number__action ${maxDisabled || disablePlus ? 'is-disabled' : ''}`"
       @click="add"
     >
-      <wd-icon name="add" custom-class="wd-input-number__action-icon"></wd-icon>
+      <slot name="increase" />
+      <wd-icon name="add" custom-class="wd-input-number__action-icon" v-if="!$slots.increase" />
     </view>
   </view>
 </template>

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.53",
+  "version": "0.1.55",
   "keywords": [
     "wot-design-uni",
     "国际化",

package/types/components/wd-input-number/types.d.ts

@@ -97,6 +97,13 @@ export declare const inputNumberProps: {
     type: import('vue').PropType<string>
     default: string
   }
+  /**
+   * 是否显示边框
+   */
+  bordered: {
+    type: BooleanConstructor
+    default: boolean
+  }
   customStyle: {
     type: import('vue').PropType<string>
     default: string

package/types/components/wd-input-number/wd-input-number.vue.d.ts

@@ -1,86 +1,6 @@
-declare const _default: import('vue').DefineComponent<
-  {
-    modelValue: {
-      type: (NumberConstructor | StringConstructor)[]
-      required: true
-    }
-    min: {
-      type: NumberConstructor
-      default: number
-    }
-    max: {
-      type: NumberConstructor
-      default: number
-    }
-    step: {
-      type: NumberConstructor
-      default: number
-    }
-    stepStrictly: {
-      type: BooleanConstructor
-      default: boolean
-    }
-    precision: {
-      type: NumberConstructor
-      default: number
-    }
-    disabled: {
-      type: BooleanConstructor
-      default: boolean
-    }
-    disableInput: {
-      type: BooleanConstructor
-      default: boolean
-    }
-    disableMinus: {
-      type: BooleanConstructor
-      default: boolean
-    }
-    disablePlus: {
-      type: BooleanConstructor
-      default: boolean
-    }
-    withoutInput: {
-      type: BooleanConstructor
-      default: boolean
-    }
-    inputWidth: {
-      type: (NumberConstructor | StringConstructor)[]
-      default: number
-    }
-    allowNull: {
-      type: BooleanConstructor
-      default: boolean
-    }
-    placeholder: {
-      type: import('vue').PropType<string>
-      default: string
-    }
-    customStyle: {
-      type: import('vue').PropType<string>
-      default: string
-    }
-    customClass: {
-      type: import('vue').PropType<string>
-      default: string
-    }
-  },
-  {},
-  unknown,
-  {},
-  {},
-  import('vue').ComponentOptionsMixin,
-  import('vue').ComponentOptionsMixin,
-  {
-    'update:modelValue': (...args: any[]) => void
-    change: (...args: any[]) => void
-    focus: (...args: any[]) => void
-    blur: (...args: any[]) => void
-  },
-  string,
-  import('vue').PublicProps,
-  Readonly<
-    import('vue').ExtractPropTypes<{
+declare const _default: __VLS_WithTemplateSlots<
+  import('vue').DefineComponent<
+    {
       modelValue: {
         type: (NumberConstructor | StringConstructor)[]
         required: true
@@ -137,6 +57,10 @@ declare const _default: import('vue').DefineComponent<
         type: import('vue').PropType<string>
         default: string
       }
+      bordered: {
+        type: BooleanConstructor
+        default: boolean
+      }
       customStyle: {
         type: import('vue').PropType<string>
         default: string
@@ -145,30 +69,126 @@ declare const _default: import('vue').DefineComponent<
         type: import('vue').PropType<string>
         default: string
       }
-    }>
-  > & {
-    'onUpdate:modelValue'?: ((...args: any[]) => any) | undefined
-    onFocus?: ((...args: any[]) => any) | undefined
-    onBlur?: ((...args: any[]) => any) | undefined
-    onChange?: ((...args: any[]) => any) | undefined
-  },
+    },
+    {},
+    unknown,
+    {},
+    {},
+    import('vue').ComponentOptionsMixin,
+    import('vue').ComponentOptionsMixin,
+    {
+      'update:modelValue': (...args: any[]) => void
+      change: (...args: any[]) => void
+      focus: (...args: any[]) => void
+      blur: (...args: any[]) => void
+    },
+    string,
+    import('vue').PublicProps,
+    Readonly<
+      import('vue').ExtractPropTypes<{
+        modelValue: {
+          type: (NumberConstructor | StringConstructor)[]
+          required: true
+        }
+        min: {
+          type: NumberConstructor
+          default: number
+        }
+        max: {
+          type: NumberConstructor
+          default: number
+        }
+        step: {
+          type: NumberConstructor
+          default: number
+        }
+        stepStrictly: {
+          type: BooleanConstructor
+          default: boolean
+        }
+        precision: {
+          type: NumberConstructor
+          default: number
+        }
+        disabled: {
+          type: BooleanConstructor
+          default: boolean
+        }
+        disableInput: {
+          type: BooleanConstructor
+          default: boolean
+        }
+        disableMinus: {
+          type: BooleanConstructor
+          default: boolean
+        }
+        disablePlus: {
+          type: BooleanConstructor
+          default: boolean
+        }
+        withoutInput: {
+          type: BooleanConstructor
+          default: boolean
+        }
+        inputWidth: {
+          type: (NumberConstructor | StringConstructor)[]
+          default: number
+        }
+        allowNull: {
+          type: BooleanConstructor
+          default: boolean
+        }
+        placeholder: {
+          type: import('vue').PropType<string>
+          default: string
+        }
+        bordered: {
+          type: BooleanConstructor
+          default: boolean
+        }
+        customStyle: {
+          type: import('vue').PropType<string>
+          default: string
+        }
+        customClass: {
+          type: import('vue').PropType<string>
+          default: string
+        }
+      }>
+    > & {
+      'onUpdate:modelValue'?: ((...args: any[]) => any) | undefined
+      onFocus?: ((...args: any[]) => any) | undefined
+      onBlur?: ((...args: any[]) => any) | undefined
+      onChange?: ((...args: any[]) => any) | undefined
+    },
+    {
+      customStyle: string
+      customClass: string
+      max: number
+      disabled: boolean
+      placeholder: string
+      min: number
+      step: number
+      stepStrictly: boolean
+      precision: number
+      disableInput: boolean
+      disableMinus: boolean
+      disablePlus: boolean
+      withoutInput: boolean
+      inputWidth: string | number
+      allowNull: boolean
+      bordered: boolean
+    },
+    {}
+  >,
   {
-    customStyle: string
-    customClass: string
-    max: number
-    disabled: boolean
-    placeholder: string
-    min: number
-    step: number
-    stepStrictly: boolean
-    precision: number
-    disableInput: boolean
-    disableMinus: boolean
-    disablePlus: boolean
-    withoutInput: boolean
-    inputWidth: string | number
-    allowNull: boolean
-  },
-  {}
+    decrease?(_: {}): any
+    increase?(_: {}): any
+  }
 >
 export default _default
+type __VLS_WithTemplateSlots<T, S> = T & {
+  new (): {
+    $slots: S
+  }
+}

package/types/components/wd-navbar/wd-navbar.vue.d.ts

@@ -113,8 +113,8 @@ declare const _default: __VLS_WithTemplateSlots<
       customClass: string
       fixed: boolean
       placeholder: boolean
-      leftArrow: boolean
       bordered: boolean
+      leftArrow: boolean
       safeAreaInsetTop: boolean
       leftDisabled: boolean
       rightDisabled: boolean

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