@tplc/wot 0.1.83 → 0.1.85

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -2,6 +2,15 @@
2
2
 
3
3
  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.
4
4
 
5
+ ### [0.1.85](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.134...v0.1.85) (2025-06-21)
6
+
7
+ ### [0.1.84](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.109...v0.1.84) (2025-05-11)
8
+
9
+
10
+ ### ✨ Features | 新功能
11
+
12
+ * 新增骨架屏 ([6f837dd](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/6f837ddb1c1db52b25ec2155461a4cade58bfc09))
13
+
5
14
  ### [0.1.83](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.75...v0.1.83) (2025-04-25)
6
15
 
7
16
  ### [0.1.82](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.69...v0.1.82) (2025-04-15)
@@ -121,16 +121,17 @@
121
121
  color: $-cell-title-color;
122
122
 
123
123
  @include when(required) {
124
- padding-left: 12px;
125
-
126
- &::after {
127
- position: absolute;
128
- top: 2px;
129
- left: 0;
130
- font-size: $-cell-required-size;
131
- line-height: 1.1;
132
- color: $-cell-required-color;
133
- content: '*';
124
+ .wd-calendar__label-inner {
125
+ position: relative;
126
+ &::after {
127
+ position: absolute;
128
+ top: 2px;
129
+ right: -12px;
130
+ font-size: $-cell-required-size;
131
+ line-height: 1.1;
132
+ color: $-cell-required-color;
133
+ content: '*';
134
+ }
134
135
  }
135
136
  }
136
137
  }
@@ -13,7 +13,7 @@
13
13
  :class="`wd-calendar__label ${isRequired ? 'is-required' : ''} ${customLabelClass}`"
14
14
  :style="labelWidth ? 'min-width:' + labelWidth + ';max-width:' + labelWidth + ';' : ''"
15
15
  >
16
- <block v-if="label">{{ label }}</block>
16
+ <text v-if="label" class="wd-calendar__label-inner">{{ label }}</text>
17
17
  <slot v-else name="label"></slot>
18
18
  </view>
19
19
  <view class="wd-calendar__body">
@@ -83,15 +83,16 @@
83
83
  text-align: left;
84
84
 
85
85
  @include when(required) {
86
- padding-left: 12px;
87
-
88
- &::after {
89
- position: absolute;
90
- top: 0;
91
- left: 0;
92
- font-size: $-cell-required-size;
93
- color: $-cell-required-color;
94
- content: '*';
86
+ .wd-cell__label-inner {
87
+ position: relative;
88
+ &::after {
89
+ position: absolute;
90
+ top: 0;
91
+ right: -12px;
92
+ font-size: $-cell-required-size;
93
+ color: $-cell-required-color;
94
+ content: '*';
95
+ }
95
96
  }
96
97
  }
97
98
  }
@@ -27,7 +27,9 @@
27
27
 
28
28
  <view class="wd-cell__title">
29
29
  <!--title BEGIN-->
30
- <view v-if="title" :class="customTitleClass">{{ title }}</view>
30
+ <view v-if="title" :class="customTitleClass" class="wd-cell__title-inner">
31
+ {{ title }}
32
+ </view>
31
33
  <slot v-else name="title"></slot>
32
34
  <!--title END-->
33
35
 
@@ -116,16 +116,17 @@
116
116
  color: $-cell-title-color;
117
117
 
118
118
  @include when(required) {
119
- padding-left: 12px;
120
-
121
- &::after {
122
- position: absolute;
123
- top: 2px;
124
- left: 0;
125
- font-size: $-cell-required-size;
126
- line-height: 1.1;
127
- color: $-cell-required-color;
128
- content: '*';
119
+ .wd-col-picker__label-inner {
120
+ position: relative;
121
+ &::after {
122
+ position: absolute;
123
+ top: 2px;
124
+ right: -12px;
125
+ font-size: $-cell-required-size;
126
+ line-height: 1.1;
127
+ color: $-cell-required-color;
128
+ content: '*';
129
+ }
129
130
  }
130
131
  }
131
132
  }
@@ -16,7 +16,7 @@
16
16
  :class="`wd-col-picker__label ${isRequired && 'is-required'} ${customLabelClass}`"
17
17
  :style="labelWidth ? 'min-width:' + labelWidth + ';max-width:' + labelWidth + ';' : ''"
18
18
  >
19
- <block v-if="label">{{ label }}</block>
19
+ <text v-if="label" class="wd-col-picker__label-inner">{{ label }}</text>
20
20
  <slot v-else name="label"></slot>
21
21
  </view>
22
22
  <view class="wd-col-picker__body">
@@ -128,16 +128,17 @@
128
128
  color: $-cell-title-color;
129
129
 
130
130
  @include when(required) {
131
- padding-left: 12px;
132
-
133
- &::after {
134
- position: absolute;
135
- top: 2px;
136
- left: 0;
137
- font-size: $-cell-required-size;
138
- line-height: 1.1;
139
- color: $-cell-required-color;
140
- content: '*';
131
+ .wd-datetime-picker__label-inner {
132
+ position: relative;
133
+ &::after {
134
+ position: absolute;
135
+ top: 2px;
136
+ right: -12px;
137
+ font-size: $-cell-required-size;
138
+ line-height: 1.1;
139
+ color: $-cell-required-color;
140
+ content: '*';
141
+ }
141
142
  }
142
143
  }
143
144
  }
@@ -14,7 +14,7 @@
14
14
  :class="`wd-picker__label ${customLabelClass} ${isRequired ? 'is-required' : ''}`"
15
15
  :style="labelWidth ? 'min-width:' + labelWidth + ';max-width:' + labelWidth + ';' : ''"
16
16
  >
17
- <block v-if="label">{{ label }}</block>
17
+ <text v-if="label" class="wd-picker__label-inner">{{ label }}</text>
18
18
  <slot v-else name="label"></slot>
19
19
  </view>
20
20
  <view class="wd-picker__body">
@@ -7,7 +7,20 @@
7
7
  :mode="mode"
8
8
  :lazy-load="lazyLoad"
9
9
  />
10
+ <img
11
+ v-if="height === 'auto' && isH5"
12
+ :class="`wd-img__image coverImg ${customImage}`"
13
+ :src="wrapPhoto({ photo: src, width, type: 1 })"
14
+ :lazy-load="lazyLoad"
15
+ @load="handleLoad"
16
+ @error="handleError"
17
+ :style="{
18
+ display: status === 'success' ? 'block' : 'none',
19
+ objectFit: 'cover',
20
+ }"
21
+ />
10
22
  <image
23
+ v-else
11
24
  :class="`wd-img__image coverImg ${customImage}`"
12
25
  :src="wrapPhoto({ photo: src, width, type: 1 })"
13
26
  :mode="mode"
@@ -34,7 +47,7 @@ export default {
34
47
 
35
48
  <script lang="ts" setup>
36
49
  import { computed, ref, watch } from 'vue'
37
- import { addUnit, isDef, isVideoUrl, objToStyle } from '../common/util'
50
+ import { addUnit, isDef, isH5, isVideoUrl, objToStyle } from '../common/util'
38
51
  import { imgProps } from './types'
39
52
 
40
53
  const props = defineProps(imgProps)
@@ -103,16 +103,17 @@
103
103
  color: $-cell-title-color;
104
104
 
105
105
  @include when(required) {
106
- padding-left: 12px;
107
-
108
- &::after {
109
- position: absolute;
110
- top: 2px;
111
- left: 0;
112
- font-size: $-cell-required-size;
113
- line-height: 1.1;
114
- color: $-cell-required-color;
115
- content: '*';
106
+ .wd-input__label-inner {
107
+ position: relative;
108
+ &::after {
109
+ position: absolute;
110
+ top: 2px;
111
+ right: -12px;
112
+ font-size: $-cell-required-size;
113
+ line-height: 1.1;
114
+ color: $-cell-required-color;
115
+ content: '*';
116
+ }
116
117
  }
117
118
  }
118
119
  }
@@ -132,16 +132,17 @@
132
132
  color: $-cell-title-color;
133
133
 
134
134
  @include when(required) {
135
- padding-left: 12px;
136
-
137
- &::after {
138
- position: absolute;
139
- top: 2px;
140
- left: 0;
141
- font-size: $-cell-required-size;
142
- line-height: 1.1;
143
- color: $-cell-required-color;
144
- content: '*';
135
+ .wd-picker__label-inner {
136
+ position: relative;
137
+ &::after {
138
+ position: absolute;
139
+ top: 2px;
140
+ right: -12px;
141
+ font-size: $-cell-required-size;
142
+ line-height: 1.1;
143
+ color: $-cell-required-color;
144
+ content: '*';
145
+ }
145
146
  }
146
147
  }
147
148
  }
@@ -13,7 +13,7 @@
13
13
  :class="`wd-picker__label ${customLabelClass} ${isRequired ? 'is-required' : ''}`"
14
14
  :style="labelWidth ? 'min-width:' + labelWidth + ';max-width:' + labelWidth + ';' : ''"
15
15
  >
16
- <template v-if="label">{{ label }}</template>
16
+ <text v-if="label" class="wd-picker__label-inner">{{ label }}</text>
17
17
  <slot v-else name="label"></slot>
18
18
  </view>
19
19
  <view class="wd-picker__body">
@@ -96,16 +96,17 @@
96
96
  color: $-cell-title-color;
97
97
 
98
98
  @include when(required) {
99
- padding-left: 12px;
100
-
101
- &::after {
102
- position: absolute;
103
- top: 2px;
104
- left: 0;
105
- font-size: $-cell-required-size;
106
- line-height: 1.1;
107
- color: $-cell-required-color;
108
- content: '*';
99
+ .wd-select-picker__label-inner {
100
+ position: relative;
101
+ &::after {
102
+ position: absolute;
103
+ top: 2px;
104
+ right: -12px;
105
+ font-size: $-cell-required-size;
106
+ line-height: 1.1;
107
+ color: $-cell-required-color;
108
+ content: '*';
109
+ }
109
110
  }
110
111
  }
111
112
  }
@@ -16,7 +16,7 @@
16
16
  :class="`wd-select-picker__label ${isRequired && 'is-required'} ${customLabelClass}`"
17
17
  :style="labelWidth ? 'min-width:' + labelWidth + ';max-width:' + labelWidth + ';' : ''"
18
18
  >
19
- <block v-if="label">{{ label }}</block>
19
+ <text v-if="label" class="wd-select-picker__label-inner">{{ label }}</text>
20
20
  <slot v-else name="label"></slot>
21
21
  </view>
22
22
  <view class="wd-select-picker__body">
@@ -1,5 +1,8 @@
1
1
  <template>
2
- <view :class="`wd-swiper ${customClass}`" :style="customStyle">
2
+ <view
3
+ :class="`wd-swiper ${customClass}`"
4
+ :style="`${customStyle};--swiper-item-padding:${itemPadding}`"
5
+ >
3
6
  <swiper
4
7
  class="wd-swiper__track"
5
8
  :autoplay="autoplay"
@@ -21,7 +24,6 @@
21
24
  v-for="(item, index) in innerList"
22
25
  :key="index"
23
26
  class="wd-swiper__item"
24
- :style="{ paddingRight: itemPadding, paddingLeft: itemPadding }"
25
27
  @click="handleClick(index, item)"
26
28
  >
27
29
  <view
@@ -272,4 +274,8 @@ function doIndicatorBtnChange(dir: string, source: string) {
272
274
 
273
275
  <style lang="scss" scoped>
274
276
  @import './index';
277
+ .wd-swiper__item {
278
+ padding-right: var(--swiper-item-padding);
279
+ padding-left: var(--swiper-item-padding);
280
+ }
275
281
  </style>
@@ -100,16 +100,17 @@
100
100
  color: $-cell-title-color;
101
101
 
102
102
  @include when(required) {
103
- padding-left: 12px;
104
-
105
- &::after {
106
- position: absolute;
107
- top: 2px;
108
- left: 0;
109
- font-size: $-cell-required-size;
110
- line-height: 1.1;
111
- color: $-cell-required-color;
112
- content: '*';
103
+ .wd-input__label-inner {
104
+ position: relative;
105
+ &::after {
106
+ position: absolute;
107
+ top: 2px;
108
+ right: -12px;
109
+ font-size: $-cell-required-size;
110
+ line-height: 1.1;
111
+ color: $-cell-required-color;
112
+ content: '*';
113
+ }
113
114
  }
114
115
  }
115
116
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "id": "@tplc/wot",
3
3
  "name": "@tplc/wot",
4
- "version": "0.1.83",
4
+ "version": "0.1.85",
5
5
  "keywords": [
6
6
  "wot-design-uni",
7
7
  "国际化",