@pisell/materials 2.2.57 → 2.2.59

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.
Files changed (52) hide show
  1. package/build/lowcode/assets-daily.json +11 -11
  2. package/build/lowcode/assets-dev.json +2 -2
  3. package/build/lowcode/assets-prod.json +11 -11
  4. package/build/lowcode/index.js +1 -1
  5. package/build/lowcode/meta.js +6 -6
  6. package/build/lowcode/preview.js +8 -8
  7. package/build/lowcode/render/default/view.css +1 -1
  8. package/build/lowcode/render/default/view.js +18 -18
  9. package/build/lowcode/view.css +1 -1
  10. package/build/lowcode/view.js +17 -17
  11. package/es/components/pisellCardList/index.d.ts +29 -1
  12. package/es/components/pisellCardList/index.js +24 -19
  13. package/es/components/pisellCardList/index.less +75 -75
  14. package/es/components/pisellCheckboxGroup/index.d.ts +3 -1
  15. package/es/components/pisellCheckboxGroup/index.js +32 -8
  16. package/es/components/pisellCheckboxGroup/index.less +1 -0
  17. package/es/components/pisellInformationEntry/hooks/useNativeScanner.d.ts +4 -0
  18. package/es/components/pisellInformationEntry/hooks/useNativeScanner.js +35 -0
  19. package/es/components/pisellInformationEntry/index.d.ts +2 -0
  20. package/es/components/pisellInformationEntry/index.js +16 -2
  21. package/es/components/pisellWalletPassCard/index.d.ts +28 -1
  22. package/es/components/pisellWalletPassCard/index.js +383 -47
  23. package/es/components/pisellWalletPassCard/index.less +154 -28
  24. package/es/locales/en-US.d.ts +8 -1
  25. package/es/locales/en-US.js +8 -1
  26. package/es/locales/zh-CN.d.ts +8 -1
  27. package/es/locales/zh-CN.js +8 -1
  28. package/es/locales/zh-TW.d.ts +8 -1
  29. package/es/locales/zh-TW.js +8 -1
  30. package/lib/components/pisellCardList/index.d.ts +29 -1
  31. package/lib/components/pisellCardList/index.js +44 -43
  32. package/lib/components/pisellCardList/index.less +75 -75
  33. package/lib/components/pisellCheckboxGroup/index.d.ts +3 -1
  34. package/lib/components/pisellCheckboxGroup/index.js +30 -7
  35. package/lib/components/pisellCheckboxGroup/index.less +1 -0
  36. package/lib/components/pisellInformationEntry/hooks/useNativeScanner.d.ts +4 -0
  37. package/lib/components/pisellInformationEntry/hooks/useNativeScanner.js +75 -0
  38. package/lib/components/pisellInformationEntry/index.d.ts +2 -0
  39. package/lib/components/pisellInformationEntry/index.js +14 -9
  40. package/lib/components/pisellWalletPassCard/index.d.ts +28 -1
  41. package/lib/components/pisellWalletPassCard/index.js +369 -23
  42. package/lib/components/pisellWalletPassCard/index.less +154 -28
  43. package/lib/locales/en-US.d.ts +8 -1
  44. package/lib/locales/en-US.js +8 -1
  45. package/lib/locales/zh-CN.d.ts +8 -1
  46. package/lib/locales/zh-CN.js +8 -1
  47. package/lib/locales/zh-TW.d.ts +8 -1
  48. package/lib/locales/zh-TW.js +8 -1
  49. package/lowcode/pisell-card-list/meta.ts +217 -136
  50. package/lowcode/pisell-wallet-pass-card/actionsMeta.ts +217 -0
  51. package/lowcode/pisell-wallet-pass-card/meta.ts +173 -129
  52. package/package.json +1 -1
package/lib/components/pisellWalletPassCard/index.less CHANGED
@@ -1,26 +1,55 @@
1
1
  .pisell-wallet-pass-card {
2
- padding: 16px;
3
- color: var(--Gray-900, #101828);
4
- font-size: 14px;
5
- font-style: normal;
6
- position: relative;
7
- overflow: hidden;
8
2
  border-radius: 12px;
9
3
  background-size: cover;
10
4
  height: 190px;
5
+ width: 350px;
11
6
  background-position: center center;
12
- border-width: 1px;
13
- border-style: solid;
14
- border-color: var(--Gray-300, #d0d5dd);
15
- cursor: pointer;
16
- box-sizing: border-box;
17
- &.pisell-card-active {
18
- border-width: 2px;
19
- border-color: var(--theme-color, #7f56d9);
7
+ border: 1px solid #d0d5dd;
8
+ position: relative;
9
+ overflow: hidden;
10
+
11
+ .actions-dropdown-trigger {
12
+ position: absolute;
13
+ top: 16px;
14
+ right: 16px;
15
+ width: 24px;
16
+ height: 24px;
17
+ z-index: 1;
18
+ border-radius: 6px;
19
+ color: #1570ef;
20
+
21
+ &:hover {
22
+ background: var(--Gray-200, #eaecf0);
23
+ }
20
24
  }
21
- .pisell-card-name-wrap {
25
+
26
+ .actions-btn-wrapper {
27
+ position: absolute;
28
+ top: 16px;
29
+ right: 16px;
30
+ z-index: 2;
22
31
  display: flex;
32
+ gap: 16px;
33
+
34
+ & > div {
35
+ cursor: pointer;
36
+ }
37
+ }
38
+
39
+ .pisell-wallet-pass-card-body {
40
+ padding: 16px;
41
+ color: var(--Gray-900, #101828);
42
+ font-size: 14px;
43
+ font-style: normal;
44
+ position: relative;
45
+ overflow: hidden;
46
+ height: 100%;
47
+ display: flex;
48
+ flex-direction: column;
23
49
  justify-content: space-between;
50
+ }
51
+
52
+ .pisell-card-name-wrap {
24
53
  font-weight: 500;
25
54
  line-height: 20px;
26
55
 
@@ -34,60 +63,62 @@
34
63
  text-overflow: ellipsis;
35
64
  }
36
65
  }
66
+
37
67
  .pisell-card-store-name {
38
68
  height: 20px;
39
69
  font-size: 12px;
40
70
  font-weight: 400;
41
- line-height: 18px; /* 150% */
42
- margin-bottom: 22px;
71
+ line-height: 18px;
43
72
  white-space: nowrap;
44
73
  overflow: hidden;
45
74
  text-overflow: ellipsis;
46
75
  }
76
+
47
77
  .pisell-card-amount-wrap {
48
78
  display: flex;
49
79
  margin-bottom: 4px;
80
+
50
81
  .pisell-card-amount-item {
51
82
  display: flex;
52
83
  flex-direction: column;
53
84
  margin-right: 16px;
85
+ overflow: hidden;
86
+
54
87
  .pisell-card-amount-item-label {
55
88
  color: var(--Gray-500, #667085);
56
89
  font-weight: 400;
57
90
  line-height: 20px;
58
91
  height: 20px;
92
+ white-space: nowrap;
59
93
  }
94
+
60
95
  .pisell-card-amount-item-value {
61
96
  font-size: 20px;
62
97
  font-weight: 600;
63
98
  line-height: 30px;
99
+ overflow: hidden;
100
+ text-overflow: ellipsis;
64
101
  }
65
102
  }
66
103
  }
104
+
67
105
  .pisell-card-code-wrap {
68
106
  display: flex;
69
107
  justify-content: space-between;
70
108
  position: relative;
109
+
71
110
  .pisell-card-code {
72
111
  line-height: 20px;
73
112
  display: flex;
74
113
  flex-direction: column;
75
114
  gap: 2px;
76
115
  }
77
- .pisell-card-qr-code {
78
- position: absolute;
79
- top: -16px;
80
- right: -6px;
81
- .pisell-lowcode-qrcode-wrap {
82
- .pisell-lowcode-qrcode {
83
- background: rgba(255, 255, 255, 0.8) !important;
84
- }
85
- }
86
- }
87
116
  }
117
+
88
118
  .pisell-lowcode-qrcode {
89
119
  padding: 6px;
90
120
  }
121
+
91
122
  .pisell-card-warn-message {
92
123
  position: absolute;
93
124
  bottom: 0;
@@ -99,20 +130,37 @@
99
130
  color: var(--Gray-900, #101828);
100
131
  font-weight: 600;
101
132
  line-height: 20px;
133
+ font-size: 14px;
134
+
102
135
  .pisell-card-icon {
103
136
  font-size: 20px;
104
137
  color: #dc6803;
105
138
  margin-right: 6px;
106
139
  }
107
140
  }
141
+
142
+ .pisell-card-qr-code {
143
+ position: absolute;
144
+ bottom: 10px;
145
+ right: 10px;
146
+
147
+ .pisell-lowcode-qrcode-wrap {
148
+ .pisell-lowcode-qrcode {
149
+ background: rgba(255, 255, 255, 0.8) !important;
150
+ }
151
+ }
152
+ }
108
153
  }
154
+
109
155
  .pisell-card-disabled {
110
156
  color: var(--Gray-500, #667085);
111
- padding-bottom: 36px;
157
+ padding-bottom: 30px;
158
+
112
159
  .pisell-card-amount-wrap {
113
160
  .pisell-card-amount-item {
114
161
  flex-direction: row;
115
162
  align-items: center;
163
+
116
164
  .pisell-card-amount-item-value {
117
165
  font-size: 14px;
118
166
  font-weight: 400;
@@ -120,7 +168,85 @@
120
168
  }
121
169
  }
122
170
  }
171
+
172
+ .pisell-wallet-pass-card-body,
173
+ .pisell-card-amount-item-label,
174
+ .pisell-card-amount-item-value {
175
+ color: var(--Gray-500, #667085) !important;
176
+ font-weight: 400 !important;
177
+ }
123
178
  }
179
+
124
180
  .pisell-card-disabled-hide-disabled-reason {
125
181
  height: 165px !important;
126
182
  }
183
+
184
+ .pisell-wallet-pass-card.pisell-wallet-pass-card-mini {
185
+ width: 250px;
186
+ height: 150px;
187
+
188
+ .pisell-card-name-wrap {
189
+ font-weight: 600;
190
+ font-size: 16px;
191
+ max-width: calc(100% - 96px);
192
+ white-space: nowrap;
193
+ overflow: hidden;
194
+ text-overflow: ellipsis;
195
+ }
196
+
197
+ .pisell-card-store-name {
198
+ font-weight: 400;
199
+ font-size: 14px;
200
+ line-height: 20px;
201
+ }
202
+
203
+ .pisell-card-amount-wrap {
204
+ display: block;
205
+ }
206
+
207
+ .pisell-wallet-pass-card-redeem {
208
+ visibility: hidden;
209
+ flex-direction: row;
210
+ align-items: center;
211
+
212
+ .pisell-card-amount-item-label,
213
+ .pisell-card-amount-item-value {
214
+ color: var(--Primary-600, #7f56d9);
215
+ font-size: 20px;
216
+ font-style: normal;
217
+ font-weight: 600;
218
+ }
219
+ }
220
+
221
+ &.active {
222
+ .pisell-wallet-pass-card-redeem {
223
+ visibility: visible;
224
+ }
225
+ }
226
+
227
+ .pisell-wallet-pass-card-balance {
228
+ flex-direction: row;
229
+ align-items: center;
230
+
231
+ .pisell-card-amount-item-label,
232
+ .pisell-card-amount-item-value {
233
+ font-size: 14px;
234
+ font-weight: 600;
235
+ color: var(--Gray-900, #101828);
236
+ line-height: 20px;
237
+ }
238
+ }
239
+
240
+ .pisell-card-checked-icon {
241
+ position: absolute;
242
+ bottom: 16px;
243
+ right: 16px;
244
+ }
245
+ }
246
+
247
+ .pisell-wallet-pass-card-detail-modal,
248
+ .pisell-wallet-pass-card-edit-modal {
249
+ .pisell-lowcode-form-item {
250
+ margin-bottom: 20px;
251
+ }
252
+ }
package/lib/locales/en-US.d.ts CHANGED
@@ -117,9 +117,16 @@ declare const _default: {
117
117
  'pisell-information-entry-input-confirm': string;
118
118
  'pisell-information-entry-scan-exit': string;
119
119
  'pisell-wallet-pass-card-detail': string;
120
- 'pisell-wallet-pass-card-redeem': string;
120
+ 'pisell-wallet-pass-card-edit': string;
121
+ 'pisell-wallet-pass-card-name': string;
122
+ 'pisell-wallet-pass-card-store-name': string;
121
123
  'pisell-wallet-pass-card-balance': string;
124
+ 'pisell-wallet-pass-card-redeem': string;
125
+ 'pisell-wallet-pass-card-code': string;
122
126
  'pisell-wallet-pass-card-valid-to': string;
127
+ 'pisell-wallet-pass-card-confirm': string;
128
+ 'pisell-wallet-pass-card-cancel': string;
129
+ 'pisell-wallet-pass-card-required': string;
123
130
  'pisell-wallet-pass-card-expireDate': string;
124
131
  'pisell-adjust-price-price-override': string;
125
132
  'pisell-adjust-price-discount': string;
package/lib/locales/en-US.js CHANGED
@@ -149,9 +149,16 @@ var en_US_default = {
149
149
  "pisell-information-entry-scan-exit": "Exit",
150
150
  // 钱包卡片组件
151
151
  "pisell-wallet-pass-card-detail": "Detail",
152
- "pisell-wallet-pass-card-redeem": "Redeem",
152
+ "pisell-wallet-pass-card-edit": "Edit",
153
+ "pisell-wallet-pass-card-name": "Name",
154
+ "pisell-wallet-pass-card-store-name": "StoreName",
153
155
  "pisell-wallet-pass-card-balance": "Balance",
156
+ "pisell-wallet-pass-card-redeem": "Redeem",
157
+ "pisell-wallet-pass-card-code": "Code",
154
158
  "pisell-wallet-pass-card-valid-to": "Valid to",
159
+ "pisell-wallet-pass-card-confirm": "Confirm",
160
+ "pisell-wallet-pass-card-cancel": "Cancel",
161
+ "pisell-wallet-pass-card-required": "This field is required",
155
162
  "pisell-wallet-pass-card-expireDate": "Long term",
156
163
  // 金额修改组件
157
164
  "pisell-adjust-price-price-override": "Price override",
package/lib/locales/zh-CN.d.ts CHANGED
@@ -117,9 +117,16 @@ declare const _default: {
117
117
  'pisell-information-entry-input-confirm': string;
118
118
  'pisell-information-entry-scan-exit': string;
119
119
  'pisell-wallet-pass-card-detail': string;
120
- 'pisell-wallet-pass-card-redeem': string;
120
+ 'pisell-wallet-pass-card-edit': string;
121
+ 'pisell-wallet-pass-card-name': string;
122
+ 'pisell-wallet-pass-card-store-name': string;
121
123
  'pisell-wallet-pass-card-balance': string;
124
+ 'pisell-wallet-pass-card-redeem': string;
125
+ 'pisell-wallet-pass-card-code': string;
122
126
  'pisell-wallet-pass-card-valid-to': string;
127
+ 'pisell-wallet-pass-card-confirm': string;
128
+ 'pisell-wallet-pass-card-cancel': string;
129
+ 'pisell-wallet-pass-card-required': string;
123
130
  'pisell-wallet-pass-card-expireDate': string;
124
131
  'pisell-adjust-price-price-override': string;
125
132
  'pisell-adjust-price-discount': string;
package/lib/locales/zh-CN.js CHANGED
@@ -149,9 +149,16 @@ var zh_CN_default = {
149
149
  "pisell-information-entry-scan-exit": "退出",
150
150
  // 钱包卡片组件
151
151
  "pisell-wallet-pass-card-detail": "详情",
152
- "pisell-wallet-pass-card-redeem": "兑换",
152
+ "pisell-wallet-pass-card-edit": "编辑",
153
+ "pisell-wallet-pass-card-name": "商品名称",
154
+ "pisell-wallet-pass-card-store-name": "共享店铺名称",
153
155
  "pisell-wallet-pass-card-balance": "余额",
156
+ "pisell-wallet-pass-card-redeem": "兑换",
157
+ "pisell-wallet-pass-card-code": "识别码编号",
154
158
  "pisell-wallet-pass-card-valid-to": "有效期至",
159
+ "pisell-wallet-pass-card-confirm": "确认",
160
+ "pisell-wallet-pass-card-cancel": "取消",
161
+ "pisell-wallet-pass-card-required": "此字段必填",
155
162
  "pisell-wallet-pass-card-expireDate": "长期",
156
163
  // 金额修改组件
157
164
  "pisell-adjust-price-price-override": "一口价",
package/lib/locales/zh-TW.d.ts CHANGED
@@ -117,9 +117,16 @@ declare const _default: {
117
117
  'pisell-information-entry-input-confirm': string;
118
118
  'pisell-information-entry-scan-exit': string;
119
119
  'pisell-wallet-pass-card-detail': string;
120
- 'pisell-wallet-pass-card-redeem': string;
120
+ 'pisell-wallet-pass-card-edit': string;
121
+ 'pisell-wallet-pass-card-name': string;
122
+ 'pisell-wallet-pass-card-store-name': string;
121
123
  'pisell-wallet-pass-card-balance': string;
124
+ 'pisell-wallet-pass-card-redeem': string;
125
+ 'pisell-wallet-pass-card-code': string;
122
126
  'pisell-wallet-pass-card-valid-to': string;
127
+ 'pisell-wallet-pass-card-confirm': string;
128
+ 'pisell-wallet-pass-card-cancel': string;
129
+ 'pisell-wallet-pass-card-required': string;
123
130
  'pisell-wallet-pass-card-expireDate': string;
124
131
  'pisell-adjust-price-price-override': string;
125
132
  'pisell-adjust-price-discount': string;
package/lib/locales/zh-TW.js CHANGED
@@ -149,9 +149,16 @@ var zh_TW_default = {
149
149
  "pisell-information-entry-scan-exit": "退出",
150
150
  // 钱包卡片组件
151
151
  "pisell-wallet-pass-card-detail": "詳情",
152
- "pisell-wallet-pass-card-redeem": "兌換",
152
+ "pisell-wallet-pass-card-edit": "編輯",
153
+ "pisell-wallet-pass-card-name": "商品名稱",
154
+ "pisell-wallet-pass-card-store-name": "共享店鋪名稱",
153
155
  "pisell-wallet-pass-card-balance": "餘額",
156
+ "pisell-wallet-pass-card-redeem": "兌換",
157
+ "pisell-wallet-pass-card-code": "識別碼編號",
154
158
  "pisell-wallet-pass-card-valid-to": "有效期至",
159
+ "pisell-wallet-pass-card-confirm": "確認",
160
+ "pisell-wallet-pass-card-cancel": "取消",
161
+ "pisell-wallet-pass-card-required": "此欄位為必填",
155
162
  "pisell-wallet-pass-card-expireDate": "長期",
156
163
  // 金额修改组件
157
164
  "pisell-adjust-price-price-override": "一口價",