@tplc/wot 0.1.54 → 0.1.56

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>
@@ -67,7 +73,7 @@ watch(
 watch(
   [() => props.max, () => props.min],
   () => {
-    updateBoundary()
+    updateBoundary(true)
   },
   { immediate: true, deep: true },
 )
@@ -81,11 +87,11 @@ watch(
   { immediate: true, deep: true },
 )
 
-function updateBoundary() {
+function updateBoundary(formMaxMinDiff = false) {
   debounce(() => {
     const value = formatValue(inputValue.value)
     if (!isEqual(inputValue.value, value)) {
-      setValue(value)
+      setValue(value, true, formMaxMinDiff)
     }
     splitDisabled(value)
   }, 30)()
@@ -122,9 +128,9 @@ function toStrictlyStep(value: number | string) {
   return (Math.round(Number(value) / props.step) * precisionFactory * props.step) / precisionFactory
 }
 
-function setValue(value: string | number, change: boolean = true) {
+function setValue(value: string | number, change: boolean = true, formMaxMinDiff = false) {
   if (props.allowNull && (!isDef(value) || value === '')) {
-    dispatchChangeEvent(value, change)
+    dispatchChangeEvent(value, change, formMaxMinDiff)
     return
   }
 
@@ -136,8 +142,7 @@ function setValue(value: string | number, change: boolean = true) {
   }
   if (Number(value) > props.max) value = toPrecision(props.max)
   if (Number(value) < props.min) value = toPrecision(props.min)
-
-  dispatchChangeEvent(value, change)
+  dispatchChangeEvent(value, change, formMaxMinDiff)
 }
 
 function changeStep(val: string | number, step: number) {
@@ -184,14 +189,18 @@ function handleBlur() {
   })
 }
 
-function dispatchChangeEvent(value: string | number, change: boolean = true) {
+function dispatchChangeEvent(
+  value: string | number,
+  change: boolean = true,
+  formMaxMinDiff = false,
+) {
   if (isEqual(inputValue.value, value)) {
     return
   }
   const mode = inputValue.value > value ? 'sub' : 'add'
   inputValue.value = value
   change && emit('update:modelValue', inputValue.value)
-  change && emit('change', { value, mode })
+  change && !formMaxMinDiff && emit('change', { value, mode })
 }
 
 function formatValue(value: string | number) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "id": "@tplc/wot",
   "name": "@tplc/wot",
-  "version": "0.1.54",
+  "version": "0.1.56",
   "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