@haluo/biz 1.0.21 → 2.0.1-4.beta.1

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/style.css CHANGED
@@ -1,24 +1,25 @@
1
- .m12[data-v-192334e4] {
1
+ .m-colorPicker[data-v-b46fc003]{position:relative;text-align:left;font-size:14px;display:inline-block;outline:none}.m-colorPicker ul[data-v-b46fc003],.m-colorPicker li[data-v-b46fc003],.m-colorPicker ol[data-v-b46fc003]{list-style:none;margin:0;padding:0}.m-colorPicker .colorBtn[data-v-b46fc003]{width:15px;height:15px}.m-colorPicker .colorBtn.disabled[data-v-b46fc003]{cursor:no-drop}.m-colorPicker .box[data-v-b46fc003]{position:absolute;width:190px;background:#fff;border:1px solid #ddd;visibility:hidden;border-radius:2px;margin-top:2px;padding:10px 10px 5px;-webkit-box-shadow:0 0 5px #00000026;box-shadow:0 0 5px #00000026;opacity:0;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;-webkit-box-sizing:content-box;box-sizing:content-box}.m-colorPicker .box h3[data-v-b46fc003]{margin:10px 0 5px;font-size:14px;font-weight:400;line-height:1;color:#333}.m-colorPicker .box input[data-v-b46fc003]{visibility:hidden;position:absolute;left:0;bottom:0}.m-colorPicker .box.open[data-v-b46fc003]{visibility:visible;opacity:1;z-index:1}.m-colorPicker .hd[data-v-b46fc003]{overflow:hidden;line-height:29px}.m-colorPicker .hd .colorView[data-v-b46fc003]{width:100px;height:30px;float:left;-webkit-transition:background-color .3s ease;-o-transition:background-color .3s ease;transition:background-color .3s ease}.m-colorPicker .hd .defaultColor[data-v-b46fc003]{width:80px;float:right;text-align:center;border:1px solid #ddd;cursor:pointer;color:#333}.m-colorPicker .tColor li[data-v-b46fc003]{width:15px;height:15px;display:inline-block;margin:0 2px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.m-colorPicker .tColor li[data-v-b46fc003]:hover{-webkit-box-shadow:0 0 5px #0006;box-shadow:0 0 5px #0006;-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)}.m-colorPicker .bColor li[data-v-b46fc003]{width:15px;display:inline-block;margin:0 2px}.m-colorPicker .bColor li li[data-v-b46fc003]{display:block;width:15px;height:15px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;margin:0}.m-colorPicker .bColor li li[data-v-b46fc003]:hover{-webkit-box-shadow:0 0 5px #0006;box-shadow:0 0 5px #0006;-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)}
2
+ .m12[data-v-719229ac] {
2
3
  margin: 0 12px;
3
4
  }
4
- .ml16[data-v-192334e4] {
5
+ .ml16[data-v-719229ac] {
5
6
  margin-left: 16px;
6
7
  }
7
- .mr12[data-v-192334e4] {
8
+ .mr12[data-v-719229ac] {
8
9
  margin-right: 12px;
9
10
  }
10
- .ml12[data-v-192334e4] {
11
+ .ml12[data-v-719229ac] {
11
12
  margin-left: 12px;
12
13
  }
13
- .mr18[data-v-192334e4] {
14
+ .mr18[data-v-719229ac] {
14
15
  margin-right: 18px;
15
16
  }
16
- .tools[data-v-192334e4] {
17
+ .tools[data-v-719229ac] {
17
18
  z-index: 2;
18
19
  position: relative;
19
20
  background: #FAFAFA;
20
21
  }
21
- .tools .tools-content[data-v-192334e4] {
22
+ .tools .tools-content[data-v-719229ac] {
22
23
  display: -webkit-box;
23
24
  display: -ms-flexbox;
24
25
  display: flex;
@@ -26,13 +27,13 @@
26
27
  -ms-flex-align: center;
27
28
  align-items: center;
28
29
  }
29
- .tools img[data-v-192334e4] {
30
+ .tools img[data-v-719229ac] {
30
31
  cursor: pointer;
31
32
  }
32
- .tools .box[data-v-192334e4] {
33
+ .tools .box[data-v-719229ac] {
33
34
  position: relative;
34
35
  }
35
- .tools .box .box-mask[data-v-192334e4] {
36
+ .tools .box .box-mask[data-v-719229ac] {
36
37
  width: 40px;
37
38
  height: 40px;
38
39
  background: black;
@@ -41,7 +42,7 @@
41
42
  position: absolute;
42
43
  pointer-events: none;
43
44
  }
44
- .tools .tools-title[data-v-192334e4] {
45
+ .tools .tools-title[data-v-719229ac] {
45
46
  color: #333333;
46
47
  font-size: 18px;
47
48
  display: -webkit-box;
@@ -52,25 +53,25 @@
52
53
  align-items: center;
53
54
  cursor: pointer;
54
55
  }
55
- .tools .disable[data-v-192334e4] {
56
+ .tools .disable[data-v-719229ac] {
56
57
  cursor: not-allowed;
57
58
  -webkit-filter: blur(0.6px);
58
59
  filter: blur(0.6px);
59
60
  }
60
- .tools .disable img[data-v-192334e4] {
61
+ .tools .disable img[data-v-719229ac] {
61
62
  cursor: not-allowed;
62
63
  }
63
- .tools .wrap[data-v-192334e4] {
64
+ .tools .wrap[data-v-719229ac] {
64
65
  position: relative;
65
66
  }
66
- .tools[data-v-192334e4] .m-colorPicker {
67
+ .tools[data-v-719229ac] .m-colorPicker {
67
68
  position: absolute;
68
69
  width: 100%;
69
70
  left: 0;
70
71
  z-index: -1;
71
72
  height: 100%;
72
73
  }
73
- .tools[data-v-192334e4] .m-colorPicker .colorBtn {
74
+ .tools[data-v-719229ac] .m-colorPicker .colorBtn {
74
75
  width: 100%;
75
76
  height: 100%;
76
77
  opacity: 0;
@@ -119,12 +120,13 @@
119
120
  .basic-dialog .basic-dialog_divider {
120
121
  width: 3px;
121
122
  height: 14px;
122
- background: #FF3C08;
123
+ background: #ff3c08;
123
124
  margin-right: 7px;
124
125
  }
125
126
  .basic-dialog .el-button--primary {
126
- background: #FF5A25;
127
- border-color: #FF5A25;
127
+ background: #ff5a25;
128
+ border-color: #ff5a25;
129
+ margin-left: 30px;
128
130
  }
129
131
  .basic-dialog .dialog-footer {
130
132
  display: -webkit-box;
@@ -135,6 +137,18 @@
135
137
  -ms-flex-pack: center;
136
138
  justify-content: center;
137
139
  }
140
+ .basic-dialog .el-dialog__headerbtn {
141
+ top: 0;
142
+ width: 64px;
143
+ height: 64px;
144
+ }
145
+ .basic-dialog .dialog-footer .el-button {
146
+ height: 40px;
147
+ }
148
+ .hide-title .el-dialog__header {
149
+ padding: 0;
150
+ margin: 0;
151
+ }
138
152
  .insert-article {
139
153
  margin-top: 30px;
140
154
  }
@@ -160,10 +174,13 @@
160
174
  -webkit-box-align: center;
161
175
  -ms-flex-align: center;
162
176
  align-items: center;
163
- height: 56px;
177
+ min-height: 56px;
164
178
  padding-left: 20px;
165
179
  padding-right: 30px;
166
180
  }
181
+ .insert-article .insert-article_list-item .el-radio {
182
+ height: auto;
183
+ }
167
184
  .insert-article .insert-article_list-item .el-radio__label {
168
185
  display: inline-block;
169
186
  vertical-align: middle;
@@ -194,9 +211,239 @@
194
211
  .insert-article .view {
195
212
  color: #5388F5;
196
213
  }
214
+ .insert-article .video-item {
215
+ display: -webkit-box;
216
+ display: -ms-flexbox;
217
+ display: flex;
218
+ -webkit-box-pack: center;
219
+ -ms-flex-pack: center;
220
+ justify-content: center;
221
+ -webkit-box-align: center;
222
+ -ms-flex-align: center;
223
+ align-items: center;
224
+ cursor: pointer;
225
+ padding: 0.12rem 0;
226
+ }
227
+ .insert-article .video-item .video-pic {
228
+ position: relative;
229
+ width: 1.5rem;
230
+ height: 1rem;
231
+ border-radius: 0.05rem;
232
+ }
233
+ .insert-article .video-item .video-pic .play {
234
+ position: absolute;
235
+ top: 0.4rem;
236
+ left: 0.7rem;
237
+ width: 0.16rem;
238
+ height: 0.19rem;
239
+ }
240
+ .insert-article .video-item .video-text {
241
+ display: -webkit-box;
242
+ display: -ms-flexbox;
243
+ display: flex;
244
+ -webkit-box-flex: 1;
245
+ -ms-flex: 1;
246
+ flex: 1;
247
+ -webkit-box-pack: justify;
248
+ -ms-flex-pack: justify;
249
+ justify-content: space-between;
250
+ padding: 0 0.1rem;
251
+ height: 0.7rem;
252
+ -webkit-box-orient: vertical;
253
+ -webkit-box-direction: normal;
254
+ -ms-flex-direction: column;
255
+ flex-direction: column;
256
+ color: #333;
257
+ }
258
+ .img-upload-content .title-box {
259
+ padding: 0 10px;
260
+ display: -webkit-box;
261
+ display: -ms-flexbox;
262
+ display: flex;
263
+ -webkit-box-align: center;
264
+ -ms-flex-align: center;
265
+ align-items: center;
266
+ margin-bottom: 10px;
267
+ }
268
+ .img-upload-content .title-box .title {
269
+ font-size: 16px;
270
+ color: #333333;
271
+ line-height: 22px;
272
+ margin-right: 30px;
273
+ cursor: pointer;
274
+ }
275
+ .img-upload-content .title-box .active {
276
+ font-weight: bold;
277
+ position: relative;
278
+ }
279
+ .img-upload-content .title-box .active .line {
280
+ position: absolute;
281
+ left: 0;
282
+ right: 0;
283
+ bottom: -8px;
284
+ height: 2px;
285
+ background-color: #ff3c08;
286
+ }
287
+ .img-upload-content .title-box .prompt-restriction {
288
+ font-size: 14px;
289
+ color: #ff5a25;
290
+ line-height: 20px;
291
+ }
292
+ .img-upload-content .text-picture {
293
+ padding: 0 10px;
294
+ }
295
+ .img-upload-content .map-depot {
296
+ padding: 0 10px;
297
+ }
298
+ .img-upload-content .map-depot .screen {
299
+ padding-top: 15px;
300
+ border-top: 1px solid #e8e8e8;
301
+ display: -webkit-box;
302
+ display: -ms-flexbox;
303
+ display: flex;
304
+ -webkit-box-align: center;
305
+ -ms-flex-align: center;
306
+ align-items: center;
307
+ -webkit-box-pack: justify;
308
+ -ms-flex-pack: justify;
309
+ justify-content: space-between;
310
+ }
311
+ .img-upload-content .map-depot .screen .select_1 {
312
+ width: 166px;
313
+ margin-right: 20px;
314
+ }
315
+ .img-upload-content .map-depot .screen .select_2 {
316
+ width: 256px;
317
+ }
318
+ .img-upload-content .map-depot .screen .el-button--primary {
319
+ background: #ff5a25;
320
+ border-color: #ff5a25;
321
+ }
322
+ .img-upload-content .map-depot .tab-box {
323
+ padding: 20px 0;
324
+ display: -webkit-box;
325
+ display: -ms-flexbox;
326
+ display: flex;
327
+ -webkit-box-align: center;
328
+ -ms-flex-align: center;
329
+ align-items: center;
330
+ }
331
+ .img-upload-content .map-depot .tab-box .tab {
332
+ font-size: 14px;
333
+ color: #333333;
334
+ line-height: 20px;
335
+ margin-right: 30px;
336
+ cursor: pointer;
337
+ }
338
+ .img-upload-content .map-depot .tab-box .active {
339
+ font-weight: bold;
340
+ position: relative;
341
+ }
342
+ .img-upload-content .map-depot .tab-box .active .line {
343
+ position: absolute;
344
+ left: 0;
345
+ right: 0;
346
+ bottom: 0;
347
+ height: 2px;
348
+ background-color: #ff3c08;
349
+ }
350
+ .img-upload-content .map-depot .protocol-box {
351
+ height: 344px;
352
+ display: -webkit-box;
353
+ display: -ms-flexbox;
354
+ display: flex;
355
+ -webkit-box-align: center;
356
+ -ms-flex-align: center;
357
+ align-items: center;
358
+ -webkit-box-pack: center;
359
+ -ms-flex-pack: center;
360
+ justify-content: center;
361
+ text-align: center;
362
+ font-size: 14px;
363
+ line-height: 24px;
364
+ color: #999999;
365
+ }
366
+ .img-upload-content .map-depot .protocol-box .link {
367
+ font-size: 14px;
368
+ line-height: 24px;
369
+ color: #3484de;
370
+ }
371
+ .img-upload-content .image-list {
372
+ overflow-y: auto;
373
+ display: -webkit-box;
374
+ display: -ms-flexbox;
375
+ display: flex;
376
+ -ms-flex-wrap: wrap;
377
+ flex-wrap: wrap;
378
+ }
379
+ .img-upload-content .image-list .image-item {
380
+ position: relative;
381
+ background-color: #d8d8d8;
382
+ cursor: pointer;
383
+ }
384
+ .img-upload-content .image-list .image-item .image {
385
+ width: 100%;
386
+ height: 100%;
387
+ -o-object-fit: contain;
388
+ object-fit: contain;
389
+ }
390
+ .img-upload-content .image-list .image-item .shade {
391
+ position: absolute;
392
+ left: 0;
393
+ right: 0;
394
+ top: 0;
395
+ bottom: 0;
396
+ background-color: rgba(0, 0, 0, 0.4);
397
+ }
398
+ .img-upload-content .image-list .image-item .shade .num {
399
+ display: inline-block;
400
+ width: 28px;
401
+ height: 28px;
402
+ margin-left: 10px;
403
+ margin-top: 10px;
404
+ display: -webkit-box;
405
+ display: -ms-flexbox;
406
+ display: flex;
407
+ -webkit-box-align: center;
408
+ -ms-flex-align: center;
409
+ align-items: center;
410
+ -webkit-box-pack: center;
411
+ -ms-flex-pack: center;
412
+ justify-content: center;
413
+ color: #ffffff;
414
+ font-size: 16px;
415
+ border-radius: 50%;
416
+ background-color: #ff5a25;
417
+ }
418
+ .img-upload-content .image-list.content-image {
419
+ height: 400px;
420
+ padding-top: 20px;
421
+ }
422
+ .img-upload-content .image-list.content-image .image-item {
423
+ width: 120px;
424
+ height: 120px;
425
+ margin-right: 12px;
426
+ margin-bottom: 20px;
427
+ }
428
+ .img-upload-content .image-list.content-image .image-item:nth-child(6n) {
429
+ margin-right: 0;
430
+ }
431
+ .img-upload-content .image-list.depot-image {
432
+ height: 284px;
433
+ }
434
+ .img-upload-content .image-list.depot-image .image-item {
435
+ width: 180px;
436
+ height: 120px;
437
+ margin-right: 20px;
438
+ margin-bottom: 15px;
439
+ }
440
+ .img-upload-content .image-list.depot-image .image-item:nth-child(4n) {
441
+ margin-right: 0;
442
+ }
197
443
  .insert-img {
198
444
  overflow-y: auto;
199
- height: 450px;
445
+ padding: 0 10px;
446
+ height: 400px;
200
447
  }
201
448
  .insert-img.no-img {
202
449
  display: -webkit-box;
@@ -208,7 +455,6 @@
208
455
  -webkit-box-pack: center;
209
456
  -ms-flex-pack: center;
210
457
  justify-content: center;
211
- height: 100%;
212
458
  }
213
459
  .insert-img .upload-wrap {
214
460
  display: -webkit-box;
@@ -271,15 +517,19 @@
271
517
  align-items: center;
272
518
  -ms-flex-wrap: wrap;
273
519
  flex-wrap: wrap;
274
- margin-top: 30px;
520
+ padding-top: 20px;
275
521
  }
276
522
  .insert-img .img-list .img-item {
277
523
  position: relative;
278
- margin-right: 20px;
279
- margin-bottom: 10px;
524
+ margin-right: 12px;
525
+ margin-bottom: 20px;
526
+ background-color: #d8d8d8;
527
+ }
528
+ .insert-img .img-list .img-item:nth-child(6n) {
529
+ margin-right: 0;
280
530
  }
281
531
  .insert-img .img-list .img-item .icon {
282
- width: 14px;
532
+ width: 18px;
283
533
  position: absolute;
284
534
  top: 0;
285
535
  right: 0;
@@ -291,7 +541,6 @@
291
541
  display: -webkit-box;
292
542
  display: -ms-flexbox;
293
543
  display: flex;
294
- margin-bottom: 10px;
295
544
  -ms-flex-wrap: wrap;
296
545
  flex-wrap: wrap;
297
546
  }
@@ -351,7 +600,7 @@
351
600
  color: #999999;
352
601
  margin-bottom: 5px;
353
602
  }
354
- .article-item[data-v-45d58d86] {
603
+ .article-item[data-v-1c406a11] {
355
604
  -webkit-user-select: none;
356
605
  -moz-user-select: none;
357
606
  -ms-user-select: none;
@@ -366,7 +615,7 @@
366
615
  width: 440px;
367
616
  position: relative;
368
617
  }
369
- .article-item .icon[data-v-45d58d86] {
618
+ .article-item .icon[data-v-1c406a11] {
370
619
  width: 14px;
371
620
  -webkit-user-select: none;
372
621
  -moz-user-select: none;
@@ -380,7 +629,7 @@
380
629
  -ms-transform: translate(50%, -50%);
381
630
  transform: translate(50%, -50%);
382
631
  }
383
- .article-item img[data-v-45d58d86] {
632
+ .article-item img[data-v-1c406a11] {
384
633
  width: 80px;
385
634
  height: 80px;
386
635
  -o-object-fit: cover;
@@ -389,7 +638,7 @@
389
638
  -ms-flex-negative: 0;
390
639
  flex-shrink: 0;
391
640
  }
392
- .article-item .article-item_right[data-v-45d58d86] {
641
+ .article-item .article-item_right[data-v-1c406a11] {
393
642
  display: -webkit-box;
394
643
  display: -ms-flexbox;
395
644
  display: flex;
@@ -401,7 +650,7 @@
401
650
  -ms-flex-pack: justify;
402
651
  justify-content: space-between;
403
652
  }
404
- .article-item .article-item_right .name[data-v-45d58d86] {
653
+ .article-item .article-item_right .name[data-v-1c406a11] {
405
654
  font-size: 16px;
406
655
  margin-top: 5px;
407
656
  line-height: 22px;
@@ -412,7 +661,7 @@
412
661
  -o-text-overflow: ellipsis;
413
662
  text-overflow: ellipsis;
414
663
  }
415
- .article-item .article-item_right .score[data-v-45d58d86] {
664
+ .article-item .article-item_right .score[data-v-1c406a11] {
416
665
  color: #999999;
417
666
  line-height: 17px;
418
667
  font-size: 12px;
@@ -424,18 +673,18 @@
424
673
  align-items: center;
425
674
  margin-bottom: 6px;
426
675
  }
427
- .article-item .article-item_right .score span[data-v-45d58d86]:nth-child(2) {
676
+ .article-item .article-item_right .score span[data-v-1c406a11]:nth-child(2) {
428
677
  margin-left: 10px;
429
678
  }
430
- .article-item .article-item_right .score span[data-v-45d58d86]:nth-child(3) {
679
+ .article-item .article-item_right .score span[data-v-1c406a11]:nth-child(3) {
431
680
  margin-left: 10px;
432
681
  }
433
- .article-item .article-item_right .price[data-v-45d58d86] {
682
+ .article-item .article-item_right .price[data-v-1c406a11] {
434
683
  color: #ff5a25;
435
684
  font-size: 16px;
436
685
  margin-top: 6px;
437
686
  }
438
- .article-item .article-bg[data-v-45d58d86] {
687
+ .article-item .article-bg[data-v-1c406a11] {
439
688
  position: absolute;
440
689
  width: 440px;
441
690
  height: 60px;
@@ -450,7 +699,7 @@
450
699
  -webkit-backdrop-filter: blur(3px);
451
700
  backdrop-filter: blur(3px);
452
701
  }
453
- .article-item .article-bg-height[data-v-45d58d86] {
702
+ .article-item .article-bg-height[data-v-1c406a11] {
454
703
  height: 80px;
455
704
  line-height: 80px;
456
705
  }
package/package.json CHANGED
@@ -1,46 +1,47 @@
1
- {
2
- "name": "@haluo/biz",
3
- "description": "rich text",
4
- "version": "1.0.21",
5
- "type": "module",
6
- "module": "./dist/haluo-biz.js",
7
- "main": "./dist/haluo-biz.umd.cjs",
8
- "exports": {
9
- ".": {
10
- "import": "./dist/haluo-biz.js",
11
- "require": "./dist/haluo-biz.umd.cjs"
12
- },
13
- "./dist/style.css": "./dist/style.css"
14
- },
15
- "files": [
16
- "dist"
17
- ],
18
- "scripts": {
19
- "dev": "vite",
20
- "build": "vue-tsc --noEmit && vite build",
21
- "build:watch": "vue-tsc --noEmit && vite build --watch",
22
- "preview": "vite preview"
23
- },
24
- "dependencies": {
25
- "element-plus": "^2.2.28",
26
- "uuid": "^9.0.0",
27
- "vue": "^3.2.36",
28
- "vuedraggable": "^4.1.0"
29
- },
30
- "devDependencies": {
31
- "@element-plus/icons-vue": "^2.0.10",
32
- "@haluo/util": "^1.0.24",
33
- "@types/node": "^18.7.18",
34
- "@types/uuid": "^9.0.0",
35
- "@vitejs/plugin-vue": "^2.1.0",
36
- "autoprefixer": "^10.4.11",
37
- "less": "^4.1.3",
38
- "typescript": "^4.6.4",
39
- "vite": "^3.1.0",
40
- "vite-plugin-dts": "^1.5.0",
41
- "vue-tsc": "^0.40.4"
42
- },
43
- "peerDependencies": {
44
- "vue": "^3.x"
45
- }
46
- }
1
+ {
2
+ "name": "@haluo/biz",
3
+ "description": "rich text",
4
+ "version": "2.0.14.beta.1",
5
+ "type": "module",
6
+ "module": "./dist/haluo-biz.js",
7
+ "main": "./dist/haluo-biz.umd.cjs",
8
+ "exports": {
9
+ ".": {
10
+ "import": "./dist/haluo-biz.js",
11
+ "require": "./dist/haluo-biz.umd.cjs"
12
+ },
13
+ "./dist/style.css": "./dist/style.css"
14
+ },
15
+ "files": [
16
+ "dist"
17
+ ],
18
+ "scripts": {
19
+ "dev": "vite",
20
+ "build": "vue-tsc --noEmit && vite build",
21
+ "build:watch": "vue-tsc --noEmit && vite build --watch",
22
+ "preview": "vite preview"
23
+ },
24
+ "dependencies": {
25
+ "element-plus": "^2.2.28",
26
+ "uuid": "^9.0.0",
27
+ "vue": "^3.2.36",
28
+ "vuedraggable": "^4.1.0",
29
+ "vcolorpicker": "2.0.11"
30
+ },
31
+ "devDependencies": {
32
+ "@element-plus/icons-vue": "^2.0.10",
33
+ "@haluo/util": "^1.0.24",
34
+ "@types/node": "^18.7.18",
35
+ "@types/uuid": "^9.0.0",
36
+ "@vitejs/plugin-vue": "^2.1.0",
37
+ "autoprefixer": "^10.4.11",
38
+ "less": "^4.1.3",
39
+ "typescript": "^4.6.4",
40
+ "vite": "^3.1.0",
41
+ "vite-plugin-dts": "^1.5.0",
42
+ "vue-tsc": "^0.40.4"
43
+ },
44
+ "peerDependencies": {
45
+ "vue": "^3.x"
46
+ }
47
+ }