@uxda/appkit 1.2.71 → 1.2.73

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/dist/appkit.css CHANGED
@@ -1,453 +1,3 @@
1
- .user-entry {
2
- position: absolute;
3
- left: 0;
4
- top: 130px;
5
- transform: translateY(-50%);
6
- display: flex;
7
- padding: 0 22px;
8
- align-items: center;
9
- width: 100%;
10
- }
11
- .user-entry-head {
12
- position: relative;
13
- width: 65px;
14
- height: 65px;
15
- margin-right: 8px;
16
- }
17
- .user-entry-head-img {
18
- width: 100%;
19
- height: 100%;
20
- overflow: hidden;
21
- border-radius: 50%;
22
- }
23
- .user-entry-head-icon {
24
- position: absolute;
25
- width: 15px;
26
- height: 15px;
27
- bottom: 2px;
28
- left: 48px;
29
- background: url("https://cdn.ddjf.com/static/images/wx-yunservice/edit-icon.png") center;
30
- background-size: cover;
31
- }
32
- .user-entry-bd {
33
- color: #fff;
34
- }
35
- .user-entry-bd-bigtxt {
36
- display: flex;
37
- align-items: center;
38
- font-size: 20px;
39
- font-weight: 500;
40
- line-height: 28px;
41
- margin-left: 10px;
42
- }
43
- .user-entry-bd-bigtxt-icon {
44
- width: 20px;
45
- }
46
- .user-entry-bd-txt {
47
- font-size: 20px;
48
- font-weight: 500;
49
- line-height: 25px;
50
- margin-bottom: 5px;
51
- }
52
- .user-entry-bd-smalltxt {
53
- margin-top: 0;
54
- font-size: 15px;
55
- line-height: 21px;
56
- }
57
-
58
- .user-info {
59
- padding: 0 12px;
60
- padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px));
61
- }
62
- .user-info-tit {
63
- height: 38px;
64
- display: flex;
65
- align-items: center;
66
- color: #666666;
67
- font-size: 12px;
68
- padding-left: 10px;
69
- }
70
- .user-info-head {
71
- border-radius: 5px;
72
- background: #fff;
73
- padding: 60px 11px 0;
74
- }
75
- .user-info-head-avatar {
76
- position: relative;
77
- width: 80px;
78
- height: 80px;
79
- margin: 0 auto 60px;
80
- }
81
- .user-info-head-img {
82
- width: 100%;
83
- height: 100%;
84
- overflow: hidden;
85
- border-radius: 50%;
86
- }
87
- .user-info-head-upload {
88
- position: absolute;
89
- bottom: -2px;
90
- left: 52px;
91
- width: 29px;
92
- height: 29px;
93
- background: #333333;
94
- overflow: hidden;
95
- border-radius: 50%;
96
- display: flex;
97
- align-items: center;
98
- justify-content: center;
99
- }
100
- .user-info-head-upload-icon {
101
- width: 17px;
102
- height: 17px;
103
- }
104
- .user-info-team-item {
105
- border-radius: 5px;
106
- background: #fff;
107
- display: flex;
108
- padding: 15px;
109
- margin-bottom: 10px;
110
- }
111
- .user-info-team-item-avatar {
112
- width: 38px;
113
- height: 38px;
114
- margin-right: 15px;
115
- border-radius: 5px;
116
- }
117
- .user-info-team-item-avatar-img {
118
- width: 100%;
119
- height: 100%;
120
- }
121
- .user-info-team-item-title {
122
- font-size: 16px;
123
- font-weight: 500;
124
- margin-bottom: 5px;
125
- }
126
- .user-info-team-item-app {
127
- margin-bottom: 8px;
128
- display: flex;
129
- align-items: center;
130
- }
131
- .user-info-team-item-app-tag {
132
- border: 1px solid rgba(53, 53, 53, 0.2);
133
- font-size: 10px;
134
- height: 18px;
135
- display: inline-flex;
136
- align-items: center;
137
- justify-content: center;
138
- padding: 0 6px;
139
- border-radius: 2px;
140
- margin-right: 20px;
141
- }
142
- .user-info-team-item-bd {
143
- flex: 1;
144
- }
145
- .user-info-team-item-role-btn {
146
- color: var(--app-primary-color, #017fff);
147
- font-size: 10px;
148
- display: inline-flex;
149
- align-items: center;
150
- }
151
- .user-info-team-item-role-btn-icon {
152
- width: 12px;
153
- height: 12px;
154
- position: relative;
155
- top: 1px;
156
- }
157
- .user-info-team-item-role-btn-icon.showRole {
158
- transform: rotate(180deg);
159
- }
160
- .user-info-team-item-role-item {
161
- display: flex;
162
- font-size: 10px;
163
- padding: 10px;
164
- background: rgba(245, 245, 245, 0.5);
165
- border-radius: 5px;
166
- margin-bottom: 10px;
167
- }
168
- .user-info-team-item-role-item-name {
169
- opacity: 0.5;
170
- white-space: nowrap;
171
- margin-right: 10px;
172
- }
173
- .user-info-team-item-role-item-info {
174
- flex: 1;
175
- color: #1a1a1a;
176
- }
177
- .user-info-team-item-user {
178
- margin-bottom: 4px;
179
- font-size: 12px;
180
- display: flex;
181
- align-items: center;
182
- }
183
- .user-info-team-item-user-icon {
184
- width: 10px;
185
- height: 10px;
186
- margin-left: 4px;
187
- }
188
- .user-info-team-item-dept {
189
- font-size: 10px;
190
- color: rgba(26, 26, 26, 0.8);
191
- }
192
- .user-info-ft-btn {
193
- width: 100%;
194
- border-color: transparent !important;
195
- color: rgba(27, 63, 107, 0.8) !important;
196
- }
197
- .user-info .nut-cell {
198
- padding-top: 11px;
199
- padding-bottom: 11px;
200
- box-shadow: none;
201
- border-bottom: 1px solid #f0f0f0;
202
- }
203
- .user-feedback {
204
- margin: 10px 12px;
205
- padding-bottom: calc(75px + env(safe-area-inset-bottom, 0px));
206
- height: 100vh;
207
- box-sizing: border-box;
208
- overflow: hidden;
209
- }
210
- .user-feedback-wrap {
211
- height: 100%;
212
- background: #fff;
213
- display: flex;
214
- flex-direction: column;
215
- box-sizing: border-box;
216
- padding: 10px;
217
- border-radius: 5px;
218
- }
219
- .user-feedback-head {
220
- background: #f2f9ff;
221
- padding: 15px;
222
- border-radius: 2px;
223
- font-size: 12px;
224
- margin-bottom: 8px;
225
- }
226
- .user-feedback-head-info {
227
- padding-left: 9px;
228
- text-indent: -9px;
229
- }
230
- .user-feedback-tit {
231
- height: 44px;
232
- display: flex;
233
- align-items: center;
234
- color: #1a1a1a;
235
- font-weight: 500;
236
- font-size: 17px;
237
- }
238
- .user-feedback-body {
239
- flex: 1;
240
- background: #f5f5f5;
241
- border-radius: 4px 4px 0px 0px;
242
- display: flex;
243
- flex-direction: column;
244
- overflow: hidden;
245
- }
246
- .user-feedback-handle {
247
- border: 1px solid rgba(138, 138, 138, 0.1019607843);
248
- background: #ffffff;
249
- height: 30px;
250
- display: flex;
251
- align-items: center;
252
- padding: 3px 10px;
253
- border-radius: 4px 4px 0 0;
254
- }
255
- .user-feedback-handle-item {
256
- border-radius: 4px;
257
- color: #838383;
258
- font-size: 12px;
259
- padding: 0 5px;
260
- height: 24px;
261
- display: flex;
262
- align-items: center;
263
- }
264
- .user-feedback-handle-item-icon {
265
- width: 18px;
266
- height: 18px;
267
- margin-right: 6px;
268
- }
269
- .user-feedback-handle-item:active {
270
- background: rgba(217, 217, 217, 0.2);
271
- }
272
- .user-feedback-editor {
273
- padding: 10px;
274
- font-size: 14px;
275
- flex: 1;
276
- overflow-y: auto;
277
- }
278
- .user-feedback .ql-editor.ql-blank:before {
279
- color: rgba(0, 0, 0, 0.3);
280
- font-style: normal;
281
- }
282
- .user-feedback-footer {
283
- position: fixed;
284
- z-index: 10;
285
- bottom: 0;
286
- left: 0;
287
- width: 100%;
288
- min-height: 63px;
289
- background: #ffffff;
290
- box-shadow: 0 -3px 11px 0 rgba(224, 224, 224, 0.5);
291
- padding: 10px 12px calc(8px + env(safe-area-inset-bottom, 0px));
292
- display: flex;
293
- justify-content: space-between;
294
- box-sizing: border-box;
295
- }
296
- .user-feedback-footer-btn {
297
- flex: 1;
298
- }
299
- .user-feedback-footer-btn:first-child {
300
- margin-right: 10px;
301
- }
302
- .user-head-crop {
303
- height: 100vh;
304
- }
305
- .user-head-crop-btns {
306
- position: absolute;
307
- bottom: 0;
308
- left: 0;
309
- width: 100%;
310
- height: 50px;
311
- padding: 0 20px;
312
- box-sizing: border-box;
313
- line-height: 50px;
314
- }
315
- .user-head-crop .cbtn {
316
- color: #fff;
317
- }
318
- .user-head-crop .comfirmBtn {
319
- color: var(--app-primary-color, #017fff);
320
- }
321
- .bt-container {
322
- display: flex;
323
- flex-direction: column;
324
- justify-content: space-between;
325
- height: 100%;
326
- box-sizing: border-box;
327
- background-color: #0e1319;
328
- position: relative;
329
- overflow: hidden;
330
- }
331
- .bt-container .iconfont {
332
- position: absolute;
333
- z-index: 999;
334
- top: 20px;
335
- font-size: 15px;
336
- padding: 5px;
337
- background-color: rgba(255, 255, 255, 0.2);
338
- border-radius: 50%;
339
- color: #ffffff;
340
- }
341
- .bt-container .iconfont.active {
342
- color: #007aff;
343
- }
344
- .bt-container .icon-replay {
345
- right: 20px;
346
- }
347
- .bt-container .bt-canvas {
348
- position: absolute;
349
- left: 100%;
350
- top: 0;
351
- width: 300px;
352
- height: 300px;
353
- }
354
- .bt-container .mainContent {
355
- flex: 1;
356
- margin: 30px;
357
- position: relative;
358
- }
359
- .bt-container .mainContent .image {
360
- position: absolute;
361
- transform-origin: center center;
362
- }
363
- .bt-container .mainContent .controller {
364
- position: absolute;
365
- z-index: 99;
366
- padding: 10px;
367
- }
368
- .bt-container .mainContent .controller::after {
369
- display: block;
370
- content: "";
371
- box-shadow: 0 0 5px #333;
372
- background-color: #e4e7ed;
373
- }
374
- .bt-container .mainContent .controller.controller_dot::after {
375
- width: 20px;
376
- height: 20px;
377
- border-radius: 99px;
378
- }
379
- .bt-container .mainContent .controller.vertical::after {
380
- width: 5px;
381
- height: 20px;
382
- }
383
- .bt-container .mainContent .controller.horizon::after {
384
- width: 20px;
385
- height: 5px;
386
- }
387
- .bt-container .mainContent .cropper {
388
- position: absolute;
389
- border: 1px solid #eee;
390
- box-sizing: content-box;
391
- transform-origin: center center;
392
- outline: 999px solid rgba(0, 0, 0, 0.5);
393
- will-change: transform;
394
- display: contain;
395
- pointer-events: none;
396
- }
397
- .bt-container .mainContent .cropper .line {
398
- position: absolute;
399
- }
400
- .bt-container .mainContent .cropper .row {
401
- width: 100%;
402
- height: 0px;
403
- left: 0;
404
- border-top: 1px dashed #007aff;
405
- }
406
- .bt-container .mainContent .cropper .col {
407
- height: 100%;
408
- width: 0px;
409
- border-left: 1px dashed #007aff;
410
- }
411
- .bt-container .mainContent .cropper .row1 {
412
- top: 33%;
413
- }
414
- .bt-container .mainContent .cropper .row2 {
415
- top: 66%;
416
- }
417
- .bt-container .mainContent .cropper .col1 {
418
- left: 33%;
419
- }
420
- .bt-container .mainContent .cropper .col2 {
421
- left: 66%;
422
- }
423
- .bt-container .slot {
424
- position: relative;
425
- padding-top: 10px;
426
- }
427
- .user-feedback-entry {
428
- position: fixed;
429
- right: 12px;
430
- bottom: calc(120px + env(safe-area-inset-bottom, 0px));
431
- display: flex;
432
- flex-direction: column;
433
- align-items: center;
434
- justify-content: center;
435
- background: #fff;
436
- box-shadow: 0px 2px 5px 0px rgba(0, 110, 229, 0.1019607843);
437
- width: 40px;
438
- height: 40px;
439
- border-radius: 50%;
440
- color: rgba(0, 0, 0, 0.5);
441
- font-size: 10px;
442
- }
443
- .user-feedback-entry-icon {
444
- width: 13px;
445
- height: 13px;
446
- margin-bottom: 1px;
447
- }
448
- .user-feedback-entry:active {
449
- background: rgba(255, 255, 255, 0.7);
450
- }
451
1
  .amount-picker {
452
2
  padding: 14px 0 14px 14px;
453
3
  }
package/dist/index.js CHANGED
@@ -3510,32 +3510,6 @@ function useHttp() {
3510
3510
  return $http;
3511
3511
  }
3512
3512
 
3513
- function useNotice() {
3514
- async function noticeClick(item, cb) {
3515
- if (item.isRead === 0) {
3516
- await toReadFun([item.id || item.msgId]);
3517
- }
3518
- if (item.link) {
3519
- cb && cb(item.link);
3520
- }
3521
- return true;
3522
- }
3523
- async function toReadFun(msgIds) {
3524
- const $http = useHttp();
3525
- return new Promise((resolve) => {
3526
- $http.post("/cas/msg/read", msgIds).then(() => {
3527
- resolve(true);
3528
- }).catch(() => {
3529
- resolve(false);
3530
- });
3531
- });
3532
- }
3533
- return {
3534
- noticeClick,
3535
- toReadFun
3536
- };
3537
- }
3538
-
3539
3513
  const _hoisted_1$5 = /* @__PURE__ */ createElementVNode(
3540
3514
  "div",
3541
3515
  { class: "notice-popup-hd" },
@@ -3597,7 +3571,7 @@ var script$5 = /* @__PURE__ */ defineComponent({
3597
3571
  createElementVNode(
3598
3572
  "div",
3599
3573
  _hoisted_3$4,
3600
- toDisplayString(_ctx.message.context),
3574
+ toDisplayString(_ctx.message.context.replace("\u3010\u7CFB\u7EDF\u516C\u544A\u3011 ", "")),
3601
3575
  1
3602
3576
  /* TEXT */
3603
3577
  ),
@@ -3623,6 +3597,32 @@ var script$5 = /* @__PURE__ */ defineComponent({
3623
3597
 
3624
3598
  script$5.__file = "src/notice/components/NoticePopup.vue";
3625
3599
 
3600
+ function useNotice() {
3601
+ async function noticeClick(item, cb) {
3602
+ if (item.isRead === 0) {
3603
+ await toReadFun([item.id || item.msgId]);
3604
+ }
3605
+ if (item.link) {
3606
+ cb && cb(item.link);
3607
+ }
3608
+ return true;
3609
+ }
3610
+ async function toReadFun(msgIds) {
3611
+ const $http = useHttp();
3612
+ return new Promise((resolve) => {
3613
+ $http.post("/cas/msg/read", msgIds).then(() => {
3614
+ resolve(true);
3615
+ }).catch(() => {
3616
+ resolve(false);
3617
+ });
3618
+ });
3619
+ }
3620
+ return {
3621
+ noticeClick,
3622
+ toReadFun
3623
+ };
3624
+ }
3625
+
3626
3626
  const _hoisted_1$4 = /* @__PURE__ */ createElementVNode(
3627
3627
  "img",
3628
3628
  {
@@ -4228,7 +4228,6 @@ var script = /* @__PURE__ */ defineComponent({
4228
4228
  app: { type: String, required: true, default: "" },
4229
4229
  userId: { type: String, required: true, default: "" },
4230
4230
  showApp: { type: Boolean, required: false, default: false },
4231
- showTitle: { type: Boolean, required: false, default: true },
4232
4231
  checkBeforeRead: { type: Function, required: false }
4233
4232
  },
4234
4233
  emits: ["view"],
@@ -4336,7 +4335,7 @@ var script = /* @__PURE__ */ defineComponent({
4336
4335
  1
4337
4336
  /* TEXT */
4338
4337
  ),
4339
- _ctx.showTitle ? (openBlock(), createElementBlock(
4338
+ _ctx.app !== "loankit" || _ctx.app === "loankit" && item.title !== item.context ? (openBlock(), createElementBlock(
4340
4339
  "div",
4341
4340
  {
4342
4341
  key: 0,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uxda/appkit",
3
- "version": "1.2.71",
3
+ "version": "1.2.73",
4
4
  "description": "小程序应用开发包",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.ts",
@@ -31,7 +31,7 @@
31
31
  <div>
32
32
  <div class="time">{{ formatMinutes(item.receiveTime) }}</div>
33
33
  <div
34
- v-if="showTitle"
34
+ v-if="app !== 'loankit' || (app === 'loankit' && item.title !== item.context)"
35
35
  class="text tit"
36
36
  style="display: flex; align-items: center"
37
37
  :class="{ gray: item.isRead == '1' }"
@@ -85,14 +85,12 @@ const props = withDefaults(
85
85
  app: string
86
86
  userId: string
87
87
  showApp?: boolean
88
- showTitle?: boolean
89
88
  checkBeforeRead?: Function
90
89
  }>(),
91
90
  {
92
91
  app: '',
93
92
  userId: '',
94
93
  showApp: false,
95
- showTitle: true,
96
94
  }
97
95
  )
98
96
 
@@ -13,7 +13,7 @@
13
13
  />系统公告
14
14
  </div>
15
15
  <div class="notice-popup-bd">
16
- <div style="white-space: pre-wrap">{{ message.context }}</div>
16
+ <div style="white-space: pre-wrap">{{ message.context.replace('【系统公告】 ', '') }}</div>
17
17
  <div
18
18
  v-if="message.jumpUrl || message.link"
19
19
  class="notice-popup-bd-link"
@@ -31,7 +31,6 @@
31
31
  <script lang="ts" setup>
32
32
  import { onMounted, ref } from 'vue'
33
33
  import { useHttp } from '../api'
34
- import { useNotice } from './useNotice'
35
34
 
36
35
  const props = withDefaults(
37
36
  defineProps<{
@@ -42,7 +41,6 @@ const props = withDefaults(
42
41
  }
43
42
  )
44
43
 
45
- const { noticeClick } = useNotice()
46
44
  const showPopup = ref(true)
47
45
 
48
46
  onMounted(() => {})