@tplc/wot 0.1.5 → 0.1.7

package/CHANGELOG.md

@@ -2,4 +2,6 @@
 
 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.7](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.0.20...v0.1.7) (2024-09-22)
+
 ## [0.1.0](http://gitlab888.30jia.com.cn/frontend-material/zero-code-pro/compare/v1.1.0...v0.1.0) (2024-08-25)

package/components/wd-calendar-view/month/index.scss

@@ -44,7 +44,7 @@
     height: $-calendar-day-height;
     line-height: $-calendar-day-height;
     text-align: center;
-
+    margin-bottom: 6rpx;
     @include when(disabled) {
       .wd-month__day-text {
         color: $-calendar-disabled-color;
@@ -90,6 +90,9 @@
         background: $-calendar-active-color;
         border-radius: $-calendar-active-border;
       }
+      .wd-month__day-text-custom{
+        color:#fff
+      }
     }
 
     @include when(end) {
@@ -109,6 +112,9 @@
         background: $-calendar-active-color;
         border-radius: $-calendar-active-border;
       }
+      .wd-month__day-text-custom{
+        color:#fff 
+      }
     }
 
     @include when(same) {
@@ -123,15 +129,22 @@
   @include e(day-container) {
     position: relative;
     z-index: 2;
+    height: 100%;
+    padding: 0 2px;
+
   }
 
   @include e(day-text) {
     font-weight: $-calendar-day-fw;
+   &-custom{
+    font-size: 14px;
+    color:$-calendar-active-color;
+   }
   }
 
   @include e(day-top) {
     position: absolute;
-    top: 10px;
+    top: 6px;
     right: 0;
     left: 0;
     font-size: $-calendar-info-fs;
@@ -142,7 +155,7 @@
   @include e(day-bottom) {
     position: absolute;
     right: 0;
-    bottom: 10px;
+    bottom: 6px;
     left: 0;
     font-size: $-calendar-info-fs;
     line-height: 1.1;

package/components/wd-calendar-view/month/month.vue

@@ -14,7 +14,10 @@
           >
             <view class="wd-month__day-container">
               <view class="wd-month__day-top">{{ item.topInfo }}</view>
-              <view class="wd-month__day-text">
+              <view
+                class="wd-month__day-text"
+                :class="{ 'wd-month__day-text-custom': item.text !== item.day }"
+              >
                 {{ item.text }}
               </view>
               <view class="wd-month__day-bottom">{{ item.bottomInfo }}</view>
@@ -372,6 +375,7 @@ function getFormatterDate(date: number, day: string | number, type?: CalendarDay
     topInfo: '',
     bottomInfo: '',
     type,
+    day,
     disabled: compareDate(date, props.minDate) === -1 || compareDate(date, props.maxDate) === 1,
   }
   if (props.formatter) {

package/components/wd-calendar-view/types.ts

@@ -105,6 +105,7 @@ export type CalendarDayItem = {
   bottomInfo?: string
   type?: CalendarDayType
   disabled?: boolean
+  day?: number | string
 }
 
 export type CalendarFormatter = (day: CalendarDayItem) => CalendarDayItem

package/components/wd-slider/types.ts

@@ -92,6 +92,10 @@ export const sliderProps = {
     type: [Number, Array] as PropType<number | number[]>,
     default: 0,
   },
+
+  minText: makeStringProp(''),
+
+  maxText: makeStringProp(''),
 }
 
 export type SliderExpose = {

package/components/wd-slider/wd-slider.vue

@@ -4,7 +4,7 @@
     <view :id="sliderId" style="flex: 1" :class="rootClass">
       <!-- #endif -->
       <view :class="`wd-slider__label-min ${customMinClass}`" v-if="!hideMinMax">
-        {{ minValue }}
+        {{ minText || minValue }}
       </view>
       <view class="wd-slider__bar-wrapper" :style="barWrapperStyle">
         <view class="wd-slider__bar" :style="barCustomStyle"></view>
@@ -35,7 +35,7 @@
         </view>
       </view>
       <view :class="`wd-slider__label-max ${customMaxClass}`" v-if="!hideMinMax">
-        {{ maxValue }}
+        {{ maxText || maxValue }}
       </view>
       <!-- #ifdef MP-DINGTALK -->
     </view>

package/components/wd-swiper/types.ts

@@ -1,9 +1,10 @@
-import type { ExtractPropTypes, PropType } from 'vue'
+import type { ExtractPropTypes, PropType, CSSProperties } from 'vue'
 import {
   baseProps,
   makeBooleanProp,
   makeNumberProp,
   makeNumericProp,
+  makeRequiredProp,
   makeStringProp,
 } from '../common/props'
 import type { SwiperNavProps } from '../wd-swiper-nav/types'
@@ -88,6 +89,8 @@ export const swiperProps = {
    * 默认值：'192'
    */
   height: makeNumericProp('192'),
+  /** 图片宽度 */
+  imgWidth: makeNumericProp(undefined),
 
   /**
    * 轮播间隔时间，单位为毫秒
@@ -179,8 +182,25 @@ export const swiperProps = {
    */
   customPrevImageClass: makeStringProp(''),
 
-  customPrevImageHeight: makeNumberProp(undefined),
-  customNextImageHeight: makeNumberProp(undefined),
+  customPrevImageHeight: {
+    type: [Number, String] as PropType<number | string>,
+    default: undefined,
+  },
+  customNextImageHeight: {
+    type: [Number, String] as PropType<number | string>,
+    default: undefined,
+  },
+
+  customPrevImageStyle: {
+    type: Object as PropType<CSSProperties>,
+  },
+  customNextImageStyle: {
+    type: Object as PropType<CSSProperties>,
+  },
+  customImageStyle: {
+    type: Object as PropType<CSSProperties>,
+    default: () => ({}),
+  },
 
   /**
    * 自定义下一个图片类名

package/components/wd-swiper/wd-swiper.vue

@@ -21,7 +21,7 @@
         v-for="(item, index) in list"
         :key="index"
         class="wd-swiper__item"
-        :style="{ padding: itemPadding }"
+        :style="{ paddingRight: itemPadding }"
         @click="handleClick(index, item)"
       >
         <image
@@ -30,6 +30,7 @@
           :style="{
             height: getCustomImageHeight(navCurrent, index, list),
             borderRadius: imageRadius,
+            width: imgWidth ? addUnit(imgWidth) : undefined,
           }"
           :mode="imageMode"
         />

package/package.json

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

package/types/components/wd-calendar-view/types.d.ts

@@ -118,6 +118,7 @@ export type CalendarDayItem = {
   bottomInfo?: string
   type?: CalendarDayType
   disabled?: boolean
+  day?: number | string
 }
 export type CalendarFormatter = (day: CalendarDayItem) => CalendarDayItem
 export type CalendarTimeFilterOptionType = 'hour' | 'minute' | 'second'

package/types/components/wd-slider/types.d.ts

@@ -99,6 +99,14 @@ export declare const sliderProps: {
     type: PropType<number | number[]>
     default: number
   }
+  minText: {
+    type: PropType<string>
+    default: string
+  }
+  maxText: {
+    type: PropType<string>
+    default: string
+  }
   customStyle: {
     type: PropType<string>
     default: string

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

@@ -44,6 +44,14 @@ declare const _default: import('vue').DefineComponent<
       type: import('vue').PropType<number | number[]>
       default: number
     }
+    minText: {
+      type: import('vue').PropType<string>
+      default: string
+    }
+    maxText: {
+      type: import('vue').PropType<string>
+      default: string
+    }
     customStyle: {
       type: import('vue').PropType<string>
       default: string
@@ -115,6 +123,14 @@ declare const _default: import('vue').DefineComponent<
         type: import('vue').PropType<number | number[]>
         default: number
       }
+      minText: {
+        type: import('vue').PropType<string>
+        default: string
+      }
+      maxText: {
+        type: import('vue').PropType<string>
+        default: string
+      }
       customStyle: {
         type: import('vue').PropType<string>
         default: string
@@ -144,6 +160,8 @@ declare const _default: import('vue').DefineComponent<
     hideMinMax: boolean
     hideLabel: boolean
     inactiveColor: string
+    minText: string
+    maxText: string
   },
   {}
 >

package/types/components/wd-swiper/types.d.ts

@@ -1,4 +1,4 @@
-import type { ExtractPropTypes, PropType } from 'vue'
+import type { ExtractPropTypes, PropType, CSSProperties } from 'vue'
 import type { SwiperNavProps } from '../wd-swiper-nav/types'
 import type { ImageMode } from '../wd-img/types'
 /**
@@ -89,6 +89,11 @@ export declare const swiperProps: {
     type: (NumberConstructor | StringConstructor)[]
     default: string
   }
+  /** 图片宽度 */
+  imgWidth: {
+    type: (NumberConstructor | StringConstructor)[]
+    default: undefined
+  }
   /**
    * 轮播间隔时间，单位为毫秒
    * 类型：number
@@ -202,13 +207,23 @@ export declare const swiperProps: {
     default: string
   }
   customPrevImageHeight: {
-    type: NumberConstructor
+    type: PropType<number | string>
     default: undefined
   }
   customNextImageHeight: {
-    type: NumberConstructor
+    type: PropType<number | string>
     default: undefined
   }
+  customPrevImageStyle: {
+    type: PropType<CSSProperties>
+  }
+  customNextImageStyle: {
+    type: PropType<CSSProperties>
+  }
+  customImageStyle: {
+    type: PropType<CSSProperties>
+    default: () => {}
+  }
   /**
    * 自定义下一个图片类名
    * 类型：string

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

@@ -33,6 +33,10 @@ declare const __VLS_component: import('vue').DefineComponent<
       type: (NumberConstructor | StringConstructor)[]
       default: string
     }
+    imgWidth: {
+      type: (NumberConstructor | StringConstructor)[]
+      default: undefined
+    }
     interval: {
       type: NumberConstructor
       default: number
@@ -86,13 +90,23 @@ declare const __VLS_component: import('vue').DefineComponent<
       default: string
     }
     customPrevImageHeight: {
-      type: NumberConstructor
+      type: import('vue').PropType<number | string>
       default: undefined
     }
     customNextImageHeight: {
-      type: NumberConstructor
+      type: import('vue').PropType<number | string>
       default: undefined
     }
+    customPrevImageStyle: {
+      type: import('vue').PropType<import('vue').CSSProperties>
+    }
+    customNextImageStyle: {
+      type: import('vue').PropType<import('vue').CSSProperties>
+    }
+    customImageStyle: {
+      type: import('vue').PropType<import('vue').CSSProperties>
+      default: () => {}
+    }
     customNextImageClass: {
       type: import('vue').PropType<string>
       default: string
@@ -162,6 +176,10 @@ declare const __VLS_component: import('vue').DefineComponent<
         type: (NumberConstructor | StringConstructor)[]
         default: string
       }
+      imgWidth: {
+        type: (NumberConstructor | StringConstructor)[]
+        default: undefined
+      }
       interval: {
         type: NumberConstructor
         default: number
@@ -215,13 +233,23 @@ declare const __VLS_component: import('vue').DefineComponent<
         default: string
       }
       customPrevImageHeight: {
-        type: NumberConstructor
+        type: import('vue').PropType<number | string>
         default: undefined
       }
       customNextImageHeight: {
-        type: NumberConstructor
+        type: import('vue').PropType<number | string>
         default: undefined
       }
+      customPrevImageStyle: {
+        type: import('vue').PropType<import('vue').CSSProperties>
+      }
+      customNextImageStyle: {
+        type: import('vue').PropType<import('vue').CSSProperties>
+      }
+      customImageStyle: {
+        type: import('vue').PropType<import('vue').CSSProperties>
+        default: () => {}
+      }
       customNextImageClass: {
         type: import('vue').PropType<string>
         default: string
@@ -262,6 +290,7 @@ declare const __VLS_component: import('vue').DefineComponent<
     valueKey: string
     direction: import('./types').DirectionType
     radius: string
+    imgWidth: string | number
     imageMode: import('../wd-img/types').ImageMode
     indicatorPosition: import('./types').IndicatorPositionType
     autoplay: boolean
@@ -277,8 +306,9 @@ declare const __VLS_component: import('vue').DefineComponent<
     customIndicatorClass: string
     customImageClass: string
     customPrevImageClass: string
-    customPrevImageHeight: number
-    customNextImageHeight: number
+    customPrevImageHeight: string | number
+    customNextImageHeight: string | number
+    customImageStyle: import('vue').CSSProperties
     customNextImageClass: string
     itemPadding: string
     imageRadius: string