@cmstops/pro-compo 0.3.23 → 0.3.25
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/index.css +52 -45
- package/dist/index.min.css +1 -1
- package/es/contentDetailList/components/Content/index.js +4 -1
- package/es/contentModal/components/ViewAllColumn/MediaFilter/index.js +58 -32
- package/es/editMetaInfo/components/metaInfoForm.js +57 -23
- package/es/index.css +52 -45
- package/es/index.d.ts +1 -1
- package/es/index.js +1 -1
- package/es/index.less +1 -1
- package/es/{mediaGridList → resourceGridList}/component.js +39 -25
- package/es/{mediaGridList → resourceGridList}/components/FileTypeThumb/index.js +1 -1
- package/es/resourceGridList/index.d.ts +2 -0
- package/es/{mediaGridList → resourceGridList}/index.js +2 -2
- package/es/{mediaGridList → resourceGridList}/style/FileTypeThumb.less +5 -4
- package/es/{mediaGridList → resourceGridList}/style/index.css +49 -43
- package/es/{mediaGridList → resourceGridList}/style/index.less +6 -0
- package/es/resourceModal/style/FileTypeThumb.less +3 -2
- package/es/resourceModal/style/index.css +3 -2
- package/lib/contentDetailList/components/Content/index.js +4 -1
- package/lib/contentModal/components/ViewAllColumn/MediaFilter/index.js +55 -29
- package/lib/editMetaInfo/components/metaInfoForm.js +57 -23
- package/lib/index.css +52 -45
- package/lib/index.js +2 -2
- package/lib/index.less +1 -1
- package/lib/{mediaGridList → resourceGridList}/component.js +38 -24
- package/lib/{mediaGridList → resourceGridList}/components/FileTypeThumb/index.js +1 -1
- package/lib/{mediaGridList → resourceGridList}/index.js +2 -2
- package/lib/{mediaGridList → resourceGridList}/style/FileTypeThumb.less +5 -4
- package/lib/{mediaGridList → resourceGridList}/style/index.css +49 -43
- package/lib/{mediaGridList → resourceGridList}/style/index.less +6 -0
- package/lib/resourceModal/style/FileTypeThumb.less +3 -2
- package/lib/resourceModal/style/index.css +3 -2
- package/package.json +1 -1
- package/es/mediaGridList/index.d.ts +0 -2
- /package/es/{mediaGridList → resourceGridList}/component.d.ts +0 -0
- /package/es/{mediaGridList → resourceGridList}/components/FileTypeThumb/index.d.ts +0 -0
- /package/es/{mediaGridList → resourceGridList}/style/css.js +0 -0
- /package/es/{mediaGridList → resourceGridList}/style/index.d.ts +0 -0
- /package/es/{mediaGridList → resourceGridList}/style/index.js +0 -0
- /package/lib/{mediaGridList → resourceGridList}/style/css.js +0 -0
- /package/lib/{mediaGridList → resourceGridList}/style/index.js +0 -0
|
@@ -41,6 +41,8 @@ const _sfc_main = vue.defineComponent({
|
|
|
41
41
|
const form = vue.ref({
|
|
42
42
|
title: "",
|
|
43
43
|
style: "",
|
|
44
|
+
app_link_title: "",
|
|
45
|
+
pc_link_title: "",
|
|
44
46
|
sub_title: "",
|
|
45
47
|
head_title: "",
|
|
46
48
|
summary: "",
|
|
@@ -347,6 +349,38 @@ const _sfc_main = vue.defineComponent({
|
|
|
347
349
|
]),
|
|
348
350
|
_: 1
|
|
349
351
|
}),
|
|
352
|
+
vue.createVNode(vue.unref(webVue.FormItem), {
|
|
353
|
+
key: "app_link_title",
|
|
354
|
+
field: "app_link_title",
|
|
355
|
+
label: "APP \u94FE\u63A5\u6807\u9898"
|
|
356
|
+
}, {
|
|
357
|
+
default: vue.withCtx(() => [
|
|
358
|
+
vue.createVNode(vue.unref(webVue.Input), {
|
|
359
|
+
modelValue: form.value.app_link_title,
|
|
360
|
+
"onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => form.value.app_link_title = $event),
|
|
361
|
+
"allow-clear": "",
|
|
362
|
+
class: "input-w",
|
|
363
|
+
placeholder: "\u586B\u5199APP\u94FE\u63A5\u6807\u9898"
|
|
364
|
+
}, null, 8, ["modelValue"])
|
|
365
|
+
]),
|
|
366
|
+
_: 1
|
|
367
|
+
}),
|
|
368
|
+
vue.createVNode(vue.unref(webVue.FormItem), {
|
|
369
|
+
key: "pc_link_title",
|
|
370
|
+
field: "pc_link_title",
|
|
371
|
+
label: "PC \u94FE\u63A5\u6807\u9898"
|
|
372
|
+
}, {
|
|
373
|
+
default: vue.withCtx(() => [
|
|
374
|
+
vue.createVNode(vue.unref(webVue.Input), {
|
|
375
|
+
modelValue: form.value.pc_link_title,
|
|
376
|
+
"onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => form.value.pc_link_title = $event),
|
|
377
|
+
"allow-clear": "",
|
|
378
|
+
class: "input-w",
|
|
379
|
+
placeholder: "\u586B\u5199PC\u94FE\u63A5\u6807\u9898"
|
|
380
|
+
}, null, 8, ["modelValue"])
|
|
381
|
+
]),
|
|
382
|
+
_: 1
|
|
383
|
+
}),
|
|
350
384
|
vue.createVNode(vue.unref(webVue.FormItem), {
|
|
351
385
|
key: "sub_title",
|
|
352
386
|
field: "sub_title",
|
|
@@ -355,7 +389,7 @@ const _sfc_main = vue.defineComponent({
|
|
|
355
389
|
default: vue.withCtx(() => [
|
|
356
390
|
vue.createVNode(vue.unref(webVue.Input), {
|
|
357
391
|
modelValue: form.value.sub_title,
|
|
358
|
-
"onUpdate:modelValue": _cache[
|
|
392
|
+
"onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => form.value.sub_title = $event),
|
|
359
393
|
"allow-clear": "",
|
|
360
394
|
class: "input-w",
|
|
361
395
|
placeholder: "\u586B\u5199\u526F\u6807\u9898"
|
|
@@ -371,7 +405,7 @@ const _sfc_main = vue.defineComponent({
|
|
|
371
405
|
default: vue.withCtx(() => [
|
|
372
406
|
vue.createVNode(vue.unref(webVue.Input), {
|
|
373
407
|
modelValue: form.value.head_title,
|
|
374
|
-
"onUpdate:modelValue": _cache[
|
|
408
|
+
"onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => form.value.head_title = $event),
|
|
375
409
|
"allow-clear": "",
|
|
376
410
|
class: "input-w",
|
|
377
411
|
placeholder: "\u586B\u5199\u5F15\u6807\u9898"
|
|
@@ -387,7 +421,7 @@ const _sfc_main = vue.defineComponent({
|
|
|
387
421
|
default: vue.withCtx(() => [
|
|
388
422
|
vue.createVNode(vue.unref(webVue.Input), {
|
|
389
423
|
modelValue: form.value.summary,
|
|
390
|
-
"onUpdate:modelValue": _cache[
|
|
424
|
+
"onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => form.value.summary = $event),
|
|
391
425
|
"allow-clear": "",
|
|
392
426
|
class: "input-w",
|
|
393
427
|
placeholder: "\u586B\u5199\u6458\u8981"
|
|
@@ -403,7 +437,7 @@ const _sfc_main = vue.defineComponent({
|
|
|
403
437
|
default: vue.withCtx(() => [
|
|
404
438
|
vue.createVNode(vue.unref(webVue.Input), {
|
|
405
439
|
modelValue: form.value.guide,
|
|
406
|
-
"onUpdate:modelValue": _cache[
|
|
440
|
+
"onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => form.value.guide = $event),
|
|
407
441
|
"allow-clear": "",
|
|
408
442
|
class: "input-w",
|
|
409
443
|
placeholder: "\u586B\u5199\u5BFC\u8BFB"
|
|
@@ -419,7 +453,7 @@ const _sfc_main = vue.defineComponent({
|
|
|
419
453
|
default: vue.withCtx(() => [
|
|
420
454
|
vue.createVNode(vue.unref(webVue.InputTag), {
|
|
421
455
|
modelValue: form.value.keywords,
|
|
422
|
-
"onUpdate:modelValue": _cache[
|
|
456
|
+
"onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => form.value.keywords = $event),
|
|
423
457
|
"allow-clear": "",
|
|
424
458
|
class: "input-w",
|
|
425
459
|
placeholder: "\u8BBE\u7F6E\u5173\u952E\u8BCD"
|
|
@@ -435,7 +469,7 @@ const _sfc_main = vue.defineComponent({
|
|
|
435
469
|
default: vue.withCtx(() => [
|
|
436
470
|
vue.createVNode(vue.unref(webVue.Select), {
|
|
437
471
|
modelValue: form.value.source,
|
|
438
|
-
"onUpdate:modelValue": _cache[
|
|
472
|
+
"onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => form.value.source = $event),
|
|
439
473
|
class: "input-w",
|
|
440
474
|
placeholder: "\u8BF7\u9009\u62E9"
|
|
441
475
|
}, {
|
|
@@ -462,7 +496,7 @@ const _sfc_main = vue.defineComponent({
|
|
|
462
496
|
default: vue.withCtx(() => [
|
|
463
497
|
vue.createVNode(vue.unref(webVue.Switch), {
|
|
464
498
|
modelValue: form.value.statement,
|
|
465
|
-
"onUpdate:modelValue": _cache[
|
|
499
|
+
"onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => form.value.statement = $event),
|
|
466
500
|
onChange: changeStatement
|
|
467
501
|
}, null, 8, ["modelValue"])
|
|
468
502
|
]),
|
|
@@ -476,7 +510,7 @@ const _sfc_main = vue.defineComponent({
|
|
|
476
510
|
default: vue.withCtx(() => [
|
|
477
511
|
vue.createVNode(vue.unref(webVue.Input), {
|
|
478
512
|
modelValue: form.value.source_url,
|
|
479
|
-
"onUpdate:modelValue": _cache[
|
|
513
|
+
"onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => form.value.source_url = $event),
|
|
480
514
|
"allow-clear": "",
|
|
481
515
|
class: "input-w",
|
|
482
516
|
placeholder: "\u586B\u5199\u6765\u6E90URL"
|
|
@@ -492,7 +526,7 @@ const _sfc_main = vue.defineComponent({
|
|
|
492
526
|
default: vue.withCtx(() => [
|
|
493
527
|
vue.createVNode(vue.unref(webVue.Input), {
|
|
494
528
|
modelValue: form.value.author,
|
|
495
|
-
"onUpdate:modelValue": _cache[
|
|
529
|
+
"onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => form.value.author = $event),
|
|
496
530
|
"allow-clear": "",
|
|
497
531
|
class: "input-w",
|
|
498
532
|
placeholder: "\u586B\u5199\u4F5C\u8005"
|
|
@@ -508,7 +542,7 @@ const _sfc_main = vue.defineComponent({
|
|
|
508
542
|
default: vue.withCtx(() => [
|
|
509
543
|
vue.createVNode(vue.unref(webVue.Select), {
|
|
510
544
|
modelValue: form.value.duty_editor,
|
|
511
|
-
"onUpdate:modelValue": _cache[
|
|
545
|
+
"onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => form.value.duty_editor = $event),
|
|
512
546
|
class: "input-w",
|
|
513
547
|
multiple: "",
|
|
514
548
|
placeholder: "\u8BBE\u7F6E\u7F16\u8F91"
|
|
@@ -535,7 +569,7 @@ const _sfc_main = vue.defineComponent({
|
|
|
535
569
|
default: vue.withCtx(() => [
|
|
536
570
|
vue.createVNode(vue.unref(webVue.InputTag), {
|
|
537
571
|
modelValue: form.value.extra_attrs,
|
|
538
|
-
"onUpdate:modelValue": _cache[
|
|
572
|
+
"onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => form.value.extra_attrs = $event),
|
|
539
573
|
"allow-clear": "",
|
|
540
574
|
class: "input-w",
|
|
541
575
|
placeholder: "\u8BBE\u7F6E\u81EA\u5B9A\u4E49\u5C5E\u6027"
|
|
@@ -552,7 +586,7 @@ const _sfc_main = vue.defineComponent({
|
|
|
552
586
|
default: vue.withCtx(() => [
|
|
553
587
|
vue.createVNode(vue.unref(webVue.DatePicker), {
|
|
554
588
|
modelValue: form.value.self_publish_time,
|
|
555
|
-
"onUpdate:modelValue": _cache[
|
|
589
|
+
"onUpdate:modelValue": _cache[17] || (_cache[17] = ($event) => form.value.self_publish_time = $event),
|
|
556
590
|
"time-picker-props": { defaultValue: "12:00:00" },
|
|
557
591
|
placeholder: "\u9009\u62E9\u81EA\u5B9A\u4E49\u53D1\u5E03\u65F6\u95F4",
|
|
558
592
|
"show-time": "",
|
|
@@ -570,7 +604,7 @@ const _sfc_main = vue.defineComponent({
|
|
|
570
604
|
default: vue.withCtx(() => [
|
|
571
605
|
vue.createVNode(vue.unref(webVue.Switch), {
|
|
572
606
|
modelValue: form.value.line_time,
|
|
573
|
-
"onUpdate:modelValue": _cache[
|
|
607
|
+
"onUpdate:modelValue": _cache[18] || (_cache[18] = ($event) => form.value.line_time = $event),
|
|
574
608
|
onChange: lineTimeChange
|
|
575
609
|
}, null, 8, ["modelValue"])
|
|
576
610
|
]),
|
|
@@ -586,7 +620,7 @@ const _sfc_main = vue.defineComponent({
|
|
|
586
620
|
default: vue.withCtx(() => [
|
|
587
621
|
vue.createVNode(vue.unref(webVue.DatePicker), {
|
|
588
622
|
modelValue: form.value.online_time,
|
|
589
|
-
"onUpdate:modelValue": _cache[
|
|
623
|
+
"onUpdate:modelValue": _cache[19] || (_cache[19] = ($event) => form.value.online_time = $event),
|
|
590
624
|
"disabled-date": disabledStartTime,
|
|
591
625
|
"time-picker-props": { defaultValue: "12:00:00" },
|
|
592
626
|
disabled: disabledDatePickerOnlineTime.value,
|
|
@@ -606,7 +640,7 @@ const _sfc_main = vue.defineComponent({
|
|
|
606
640
|
default: vue.withCtx(() => [
|
|
607
641
|
vue.createVNode(vue.unref(webVue.DatePicker), {
|
|
608
642
|
modelValue: form.value.offline_time,
|
|
609
|
-
"onUpdate:modelValue": _cache[
|
|
643
|
+
"onUpdate:modelValue": _cache[20] || (_cache[20] = ($event) => form.value.offline_time = $event),
|
|
610
644
|
"disabled-date": disabledEndTime,
|
|
611
645
|
"time-picker-props": { defaultValue: "12:00:00" },
|
|
612
646
|
placeholder: "\u9009\u62E9\u4E0B\u7EBF\u65F6\u95F4",
|
|
@@ -626,7 +660,7 @@ const _sfc_main = vue.defineComponent({
|
|
|
626
660
|
default: vue.withCtx(() => [
|
|
627
661
|
vue.createVNode(vue.unref(webVue.Switch), {
|
|
628
662
|
modelValue: form.value.ori_count,
|
|
629
|
-
"onUpdate:modelValue": _cache[
|
|
663
|
+
"onUpdate:modelValue": _cache[21] || (_cache[21] = ($event) => form.value.ori_count = $event)
|
|
630
664
|
}, null, 8, ["modelValue"])
|
|
631
665
|
]),
|
|
632
666
|
_: 1
|
|
@@ -640,7 +674,7 @@ const _sfc_main = vue.defineComponent({
|
|
|
640
674
|
default: vue.withCtx(() => [
|
|
641
675
|
vue.createVNode(vue.unref(webVue.InputNumber), {
|
|
642
676
|
modelValue: form.value.ori_read_count,
|
|
643
|
-
"onUpdate:modelValue": _cache[
|
|
677
|
+
"onUpdate:modelValue": _cache[22] || (_cache[22] = ($event) => form.value.ori_read_count = $event),
|
|
644
678
|
style: { width: "240px" }
|
|
645
679
|
}, null, 8, ["modelValue"])
|
|
646
680
|
]),
|
|
@@ -657,7 +691,7 @@ const _sfc_main = vue.defineComponent({
|
|
|
657
691
|
default: vue.withCtx(() => [
|
|
658
692
|
vue.createVNode(vue.unref(webVue.InputNumber), {
|
|
659
693
|
modelValue: form.value.ori_thumbup_count,
|
|
660
|
-
"onUpdate:modelValue": _cache[
|
|
694
|
+
"onUpdate:modelValue": _cache[23] || (_cache[23] = ($event) => form.value.ori_thumbup_count = $event),
|
|
661
695
|
style: { width: "240px" }
|
|
662
696
|
}, null, 8, ["modelValue"])
|
|
663
697
|
]),
|
|
@@ -674,7 +708,7 @@ const _sfc_main = vue.defineComponent({
|
|
|
674
708
|
default: vue.withCtx(() => [
|
|
675
709
|
vue.createVNode(vue.unref(webVue.Switch), {
|
|
676
710
|
modelValue: form.value.comment_available,
|
|
677
|
-
"onUpdate:modelValue": _cache[
|
|
711
|
+
"onUpdate:modelValue": _cache[24] || (_cache[24] = ($event) => form.value.comment_available = $event)
|
|
678
712
|
}, null, 8, ["modelValue"])
|
|
679
713
|
]),
|
|
680
714
|
_: 1
|
|
@@ -688,7 +722,7 @@ const _sfc_main = vue.defineComponent({
|
|
|
688
722
|
default: vue.withCtx(() => [
|
|
689
723
|
vue.createVNode(vue.unref(webVue.Switch), {
|
|
690
724
|
modelValue: form.value.is_recommend,
|
|
691
|
-
"onUpdate:modelValue": _cache[
|
|
725
|
+
"onUpdate:modelValue": _cache[25] || (_cache[25] = ($event) => form.value.is_recommend = $event)
|
|
692
726
|
}, null, 8, ["modelValue"])
|
|
693
727
|
]),
|
|
694
728
|
_: 1
|
|
@@ -702,7 +736,7 @@ const _sfc_main = vue.defineComponent({
|
|
|
702
736
|
default: vue.withCtx(() => [
|
|
703
737
|
vue.createVNode(vue.unref(webVue.Switch), {
|
|
704
738
|
modelValue: form.value.album_status,
|
|
705
|
-
"onUpdate:modelValue": _cache[
|
|
739
|
+
"onUpdate:modelValue": _cache[26] || (_cache[26] = ($event) => form.value.album_status = $event)
|
|
706
740
|
}, null, 8, ["modelValue"])
|
|
707
741
|
]),
|
|
708
742
|
_: 1
|
|
@@ -717,12 +751,12 @@ const _sfc_main = vue.defineComponent({
|
|
|
717
751
|
default: vue.withCtx(() => [
|
|
718
752
|
vue.createVNode(vue.unref(webVue.Switch), {
|
|
719
753
|
modelValue: silenceOptions.value,
|
|
720
|
-
"onUpdate:modelValue": _cache[
|
|
754
|
+
"onUpdate:modelValue": _cache[27] || (_cache[27] = ($event) => silenceOptions.value = $event)
|
|
721
755
|
}, null, 8, ["modelValue"]),
|
|
722
756
|
silenceOptions.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
|
|
723
757
|
vue.createVNode(vue.unref(webVue.RadioGroup), {
|
|
724
758
|
modelValue: form.value.mourn_style,
|
|
725
|
-
"onUpdate:modelValue": _cache[
|
|
759
|
+
"onUpdate:modelValue": _cache[28] || (_cache[28] = ($event) => form.value.mourn_style = $event)
|
|
726
760
|
}, {
|
|
727
761
|
default: vue.withCtx(() => [
|
|
728
762
|
vue.createVNode(vue.unref(webVue.Radio), { value: 1 }, {
|
package/lib/index.css
CHANGED
|
@@ -887,8 +887,9 @@
|
|
|
887
887
|
}
|
|
888
888
|
.file-type-thumb .tag {
|
|
889
889
|
position: absolute;
|
|
890
|
-
|
|
891
|
-
|
|
890
|
+
display: flex;
|
|
891
|
+
align-items: center;
|
|
892
|
+
justify-content: center;
|
|
892
893
|
padding: 2px 8px;
|
|
893
894
|
color: white;
|
|
894
895
|
font-size: 12px;
|
|
@@ -3894,14 +3895,14 @@
|
|
|
3894
3895
|
padding: 0 2px;
|
|
3895
3896
|
border: none;
|
|
3896
3897
|
}
|
|
3897
|
-
.file-type-thumb {
|
|
3898
|
+
.resource-grid-file-type-thumb {
|
|
3898
3899
|
position: relative;
|
|
3899
3900
|
width: 100%;
|
|
3900
3901
|
}
|
|
3901
|
-
.file-type-thumb:hover .mask {
|
|
3902
|
+
.resource-grid-file-type-thumb:hover .mask {
|
|
3902
3903
|
display: flex;
|
|
3903
3904
|
}
|
|
3904
|
-
.file-type-thumb .mask {
|
|
3905
|
+
.resource-grid-file-type-thumb .mask {
|
|
3905
3906
|
position: absolute;
|
|
3906
3907
|
top: 0;
|
|
3907
3908
|
display: none;
|
|
@@ -3913,56 +3914,57 @@
|
|
|
3913
3914
|
font-size: 18px;
|
|
3914
3915
|
background: rgba(0, 0, 0, 0.3);
|
|
3915
3916
|
}
|
|
3916
|
-
.file-type-thumb .mask i {
|
|
3917
|
+
.resource-grid-file-type-thumb .mask i {
|
|
3917
3918
|
display: inline-block;
|
|
3918
3919
|
cursor: pointer;
|
|
3919
3920
|
}
|
|
3920
|
-
.file-type-thumb .mask i:active {
|
|
3921
|
+
.resource-grid-file-type-thumb .mask i:active {
|
|
3921
3922
|
opacity: 0.4;
|
|
3922
3923
|
}
|
|
3923
|
-
.file-type-thumb .mask .half {
|
|
3924
|
+
.resource-grid-file-type-thumb .mask .half {
|
|
3924
3925
|
display: flex;
|
|
3925
3926
|
align-items: center;
|
|
3926
3927
|
justify-content: center;
|
|
3927
3928
|
width: 48%;
|
|
3928
3929
|
height: 100%;
|
|
3929
3930
|
}
|
|
3930
|
-
.file-type-thumb .mask .half:hover {
|
|
3931
|
+
.resource-grid-file-type-thumb .mask .half:hover {
|
|
3931
3932
|
cursor: pointer;
|
|
3932
3933
|
opacity: 0.7;
|
|
3933
3934
|
}
|
|
3934
|
-
.file-type-thumb .mask .el-divider {
|
|
3935
|
+
.resource-grid-file-type-thumb .mask .el-divider {
|
|
3935
3936
|
margin: 0;
|
|
3936
3937
|
opacity: 0.4;
|
|
3937
3938
|
}
|
|
3938
|
-
.file-type-thumb .transparent {
|
|
3939
|
+
.resource-grid-file-type-thumb .transparent {
|
|
3939
3940
|
position: absolute;
|
|
3940
3941
|
top: 0;
|
|
3941
3942
|
width: 100%;
|
|
3942
3943
|
height: 100%;
|
|
3943
3944
|
}
|
|
3944
|
-
.file-type-thumb .transparent:hover {
|
|
3945
|
+
.resource-grid-file-type-thumb .transparent:hover {
|
|
3945
3946
|
cursor: pointer;
|
|
3946
3947
|
}
|
|
3947
|
-
.file-type-thumb .tag {
|
|
3948
|
+
.resource-grid-file-type-thumb .tag {
|
|
3948
3949
|
position: absolute;
|
|
3949
|
-
|
|
3950
|
-
|
|
3950
|
+
display: flex;
|
|
3951
|
+
align-items: center;
|
|
3952
|
+
justify-content: center;
|
|
3951
3953
|
padding: 2px 8px;
|
|
3952
3954
|
color: white;
|
|
3953
3955
|
font-size: 12px;
|
|
3954
|
-
background-color: rgba(
|
|
3956
|
+
background-color: rgba(0, 0, 0, 0.2);
|
|
3955
3957
|
border-radius: 12px;
|
|
3956
3958
|
}
|
|
3957
|
-
.file-type-thumb .rate-info-tag {
|
|
3959
|
+
.resource-grid-file-type-thumb .rate-info-tag {
|
|
3958
3960
|
top: 8px;
|
|
3959
3961
|
left: 5px;
|
|
3960
3962
|
}
|
|
3961
|
-
.file-type-thumb .ai-tag {
|
|
3963
|
+
.resource-grid-file-type-thumb .ai-tag {
|
|
3962
3964
|
top: 8px;
|
|
3963
3965
|
right: 5px;
|
|
3964
3966
|
}
|
|
3965
|
-
.file-type-thumb .pic {
|
|
3967
|
+
.resource-grid-file-type-thumb .pic {
|
|
3966
3968
|
width: 100%;
|
|
3967
3969
|
padding-top: 56.25%;
|
|
3968
3970
|
background-color: #fff;
|
|
@@ -3972,83 +3974,83 @@
|
|
|
3972
3974
|
background-position: top;
|
|
3973
3975
|
background-size: cover;
|
|
3974
3976
|
}
|
|
3975
|
-
.file-type-thumb .pic:hover {
|
|
3977
|
+
.resource-grid-file-type-thumb .pic:hover {
|
|
3976
3978
|
transform: scale(1.02);
|
|
3977
3979
|
transition: ease-out 0.4s;
|
|
3978
3980
|
}
|
|
3979
|
-
.file-type-thumb .audio {
|
|
3981
|
+
.resource-grid-file-type-thumb .audio {
|
|
3980
3982
|
background-image: url('../assets/images/music.png') !important;
|
|
3981
3983
|
}
|
|
3982
|
-
.file-type-thumb .audio.doc {
|
|
3984
|
+
.resource-grid-file-type-thumb .audio.doc {
|
|
3983
3985
|
background-image: url('../assets/images/draf.png') !important;
|
|
3984
3986
|
}
|
|
3985
|
-
.file-type-thumb .project {
|
|
3987
|
+
.resource-grid-file-type-thumb .project {
|
|
3986
3988
|
background-image: url('../assets/images/project1.png') !important;
|
|
3987
3989
|
}
|
|
3988
|
-
.file-type-thumb .doc {
|
|
3990
|
+
.resource-grid-file-type-thumb .doc {
|
|
3989
3991
|
background-image: url('../assets/images/draf.png');
|
|
3990
3992
|
}
|
|
3991
|
-
.file-type-thumb .link {
|
|
3993
|
+
.resource-grid-file-type-thumb .link {
|
|
3992
3994
|
background-image: url('../assets/images/link.png');
|
|
3993
3995
|
}
|
|
3994
|
-
.file-type-thumb .sp_topic {
|
|
3996
|
+
.resource-grid-file-type-thumb .sp_topic {
|
|
3995
3997
|
background-image: url('../assets/images/link.png');
|
|
3996
3998
|
}
|
|
3997
|
-
.file-type-thumb .live {
|
|
3999
|
+
.resource-grid-file-type-thumb .live {
|
|
3998
4000
|
background-image: url('../assets/images/live.png');
|
|
3999
4001
|
}
|
|
4000
|
-
.file-type-thumb .pdf {
|
|
4002
|
+
.resource-grid-file-type-thumb .pdf {
|
|
4001
4003
|
background-image: url('../assets/images/pdf.png') !important;
|
|
4002
4004
|
}
|
|
4003
|
-
.file-type-thumb .officeexcel {
|
|
4005
|
+
.resource-grid-file-type-thumb .officeexcel {
|
|
4004
4006
|
background-image: url('../assets/images/excel.png') !important;
|
|
4005
4007
|
}
|
|
4006
|
-
.file-type-thumb .officeppt {
|
|
4008
|
+
.resource-grid-file-type-thumb .officeppt {
|
|
4007
4009
|
background-image: url('../assets/images/ppt.png') !important;
|
|
4008
4010
|
}
|
|
4009
|
-
.file-type-thumb .zip {
|
|
4011
|
+
.resource-grid-file-type-thumb .zip {
|
|
4010
4012
|
background-image: url('../assets/images/zip.png') !important;
|
|
4011
4013
|
}
|
|
4012
|
-
.file-type-thumb .rar {
|
|
4014
|
+
.resource-grid-file-type-thumb .rar {
|
|
4013
4015
|
background-image: url('../assets/images/rar.png') !important;
|
|
4014
4016
|
}
|
|
4015
|
-
.file-type-thumb .txt {
|
|
4017
|
+
.resource-grid-file-type-thumb .txt {
|
|
4016
4018
|
background-image: url('../assets/images/txt.png') !important;
|
|
4017
4019
|
}
|
|
4018
|
-
.file-type-thumb .exe {
|
|
4020
|
+
.resource-grid-file-type-thumb .exe {
|
|
4019
4021
|
background-image: url('../assets/images/exe.png') !important;
|
|
4020
4022
|
}
|
|
4021
|
-
.file-type-thumb .html {
|
|
4023
|
+
.resource-grid-file-type-thumb .html {
|
|
4022
4024
|
background-image: url('../assets/images/html.png') !important;
|
|
4023
4025
|
}
|
|
4024
|
-
.file-type-thumb .officedoc {
|
|
4026
|
+
.resource-grid-file-type-thumb .officedoc {
|
|
4025
4027
|
background-image: url('../assets/images/word.png') !important;
|
|
4026
4028
|
}
|
|
4027
|
-
.file-type-thumb .wechat {
|
|
4029
|
+
.resource-grid-file-type-thumb .wechat {
|
|
4028
4030
|
background-image: url('../assets/images/wechat.png') !important;
|
|
4029
4031
|
}
|
|
4030
|
-
.file-type-thumb .h5 {
|
|
4032
|
+
.resource-grid-file-type-thumb .h5 {
|
|
4031
4033
|
background-image: url('../assets/images/h5.png') !important;
|
|
4032
4034
|
}
|
|
4033
|
-
.file-type-thumb .ad {
|
|
4035
|
+
.resource-grid-file-type-thumb .ad {
|
|
4034
4036
|
background-image: url('../assets/images/ad.png') !important;
|
|
4035
4037
|
}
|
|
4036
|
-
.file-type-thumb .booklink {
|
|
4038
|
+
.resource-grid-file-type-thumb .booklink {
|
|
4037
4039
|
background-image: url('../assets/images/booklink.png') !important;
|
|
4038
4040
|
}
|
|
4039
|
-
.file-type-thumb .activity {
|
|
4041
|
+
.resource-grid-file-type-thumb .activity {
|
|
4040
4042
|
background-image: url('../assets/images/activity.png') !important;
|
|
4041
4043
|
}
|
|
4042
|
-
.file-type-thumb .svideo {
|
|
4044
|
+
.resource-grid-file-type-thumb .svideo {
|
|
4043
4045
|
background-image: url('../assets/images/svideo.png') !important;
|
|
4044
4046
|
}
|
|
4045
|
-
.file-type-thumb .cloud_lottery {
|
|
4047
|
+
.resource-grid-file-type-thumb .cloud_lottery {
|
|
4046
4048
|
background-image: url('../assets/images/cloud_lottery.png') !important;
|
|
4047
4049
|
}
|
|
4048
|
-
.file-type-thumb .cloud_form {
|
|
4050
|
+
.resource-grid-file-type-thumb .cloud_form {
|
|
4049
4051
|
background-image: url('../assets/images/cloud_form.png') !important;
|
|
4050
4052
|
}
|
|
4051
|
-
.file-type-thumb .illegal-media-warning {
|
|
4053
|
+
.resource-grid-file-type-thumb .illegal-media-warning {
|
|
4052
4054
|
position: absolute;
|
|
4053
4055
|
top: 0;
|
|
4054
4056
|
width: 100%;
|
|
@@ -4228,6 +4230,11 @@
|
|
|
4228
4230
|
line-height: 1em;
|
|
4229
4231
|
opacity: 0.65;
|
|
4230
4232
|
}
|
|
4233
|
+
.media-grid-list-scroll .file-wrap .file-list .item .shadow-wrap .menu-wrap {
|
|
4234
|
+
position: absolute;
|
|
4235
|
+
right: 10px;
|
|
4236
|
+
bottom: 10px;
|
|
4237
|
+
}
|
|
4231
4238
|
.media-grid-list-scroll .file-wrap .file-list::after {
|
|
4232
4239
|
height: 50px;
|
|
4233
4240
|
}
|
package/lib/index.js
CHANGED
|
@@ -22,7 +22,7 @@ var index$h = require("./editMetaInfo/index.js");
|
|
|
22
22
|
var index$i = require("./baseFilter/index.js");
|
|
23
23
|
var index$j = require("./dataTags/index.js");
|
|
24
24
|
var index$k = require("./colorPalette/index.js");
|
|
25
|
-
var index$l = require("./
|
|
25
|
+
var index$l = require("./resourceGridList/index.js");
|
|
26
26
|
var index$m = require("./mediaView/index.js");
|
|
27
27
|
exports["default"] = components;
|
|
28
28
|
exports.appCenter = index;
|
|
@@ -46,5 +46,5 @@ exports.editMetaInfo = index$h;
|
|
|
46
46
|
exports.baseFilter = index$i;
|
|
47
47
|
exports.dataTags = index$j;
|
|
48
48
|
exports.colorPalette = index$k;
|
|
49
|
-
exports.
|
|
49
|
+
exports.resourceGridList = index$l;
|
|
50
50
|
exports.mediaView = index$m;
|
package/lib/index.less
CHANGED
|
@@ -20,5 +20,5 @@
|
|
|
20
20
|
@import './baseFilter/style/index.less';
|
|
21
21
|
@import './dataTags/style/index.less';
|
|
22
22
|
@import './colorPalette/style/index.less';
|
|
23
|
-
@import './
|
|
23
|
+
@import './resourceGridList/style/index.less';
|
|
24
24
|
@import './mediaView/style/index.less';
|
|
@@ -18,28 +18,30 @@ const _hoisted_7 = { class: "wrap" };
|
|
|
18
18
|
const _hoisted_8 = { class: "thumb" };
|
|
19
19
|
const _hoisted_9 = { class: "folder-more-wrap" };
|
|
20
20
|
const _hoisted_10 = { class: "file-list clearfix" };
|
|
21
|
-
const _hoisted_11 =
|
|
22
|
-
const _hoisted_12 =
|
|
21
|
+
const _hoisted_11 = ["onClick"];
|
|
22
|
+
const _hoisted_12 = { class: "thumb-wrap" };
|
|
23
|
+
const _hoisted_13 = { class: "menu-wrap" };
|
|
24
|
+
const _hoisted_14 = /* @__PURE__ */ vue.createElementVNode("div", { class: "transcoding-in-progress grid-mode" }, [
|
|
23
25
|
/* @__PURE__ */ vue.createElementVNode("div", { class: "transcoding-progress" }, "\u8F6C\u7801\u4E2D\u2026")
|
|
24
26
|
], -1);
|
|
25
|
-
const
|
|
27
|
+
const _hoisted_15 = {
|
|
26
28
|
key: 1,
|
|
27
29
|
class: "load_more_title"
|
|
28
30
|
};
|
|
29
|
-
const
|
|
31
|
+
const _hoisted_16 = {
|
|
30
32
|
key: 1,
|
|
31
33
|
class: "nomore_tips"
|
|
32
34
|
};
|
|
33
|
-
const
|
|
35
|
+
const _hoisted_17 = {
|
|
34
36
|
key: 2,
|
|
35
37
|
class: "null-file"
|
|
36
38
|
};
|
|
37
|
-
const
|
|
38
|
-
const
|
|
39
|
-
|
|
39
|
+
const _hoisted_18 = /* @__PURE__ */ vue.createElementVNode("p", null, "\u6682\u65E0\u7D20\u6750", -1);
|
|
40
|
+
const _hoisted_19 = [
|
|
41
|
+
_hoisted_18
|
|
40
42
|
];
|
|
41
43
|
const _sfc_main = vue.defineComponent({
|
|
42
|
-
...{ name: "
|
|
44
|
+
...{ name: "resourceGridList" },
|
|
43
45
|
__name: "component",
|
|
44
46
|
props: {
|
|
45
47
|
folderList: {},
|
|
@@ -47,11 +49,9 @@ const _sfc_main = vue.defineComponent({
|
|
|
47
49
|
fileListCount: {},
|
|
48
50
|
isOver: { type: Boolean },
|
|
49
51
|
showFolder: { type: Boolean },
|
|
50
|
-
preview: { type: Boolean }
|
|
51
|
-
changeDirectory: { type: Function },
|
|
52
|
-
loadFileMore: { type: Function }
|
|
52
|
+
preview: { type: Boolean }
|
|
53
53
|
},
|
|
54
|
-
emits: ["confirm"],
|
|
54
|
+
emits: ["confirm", "clickDir", "clickItem", "loadMore"],
|
|
55
55
|
setup(__props, { emit: __emit }) {
|
|
56
56
|
const props = __props;
|
|
57
57
|
const isFold = vue.ref(true);
|
|
@@ -71,6 +71,15 @@ const _sfc_main = vue.defineComponent({
|
|
|
71
71
|
emit("confirm", selectedData.value);
|
|
72
72
|
};
|
|
73
73
|
const selectedData = vue.ref([]);
|
|
74
|
+
const _changeDirectory = (item) => {
|
|
75
|
+
emit("clickDir", item);
|
|
76
|
+
};
|
|
77
|
+
const _clickFileItem = (item) => {
|
|
78
|
+
emit("clickItem", item);
|
|
79
|
+
};
|
|
80
|
+
const _loadFileMore = () => {
|
|
81
|
+
emit("loadMore");
|
|
82
|
+
};
|
|
74
83
|
return (_ctx, _cache) => {
|
|
75
84
|
return vue.openBlock(), vue.createBlock(vue.unref(webVue.Scrollbar), { class: "media-grid-list-scroll" }, {
|
|
76
85
|
default: vue.withCtx(() => {
|
|
@@ -84,7 +93,7 @@ const _sfc_main = vue.defineComponent({
|
|
|
84
93
|
return vue.openBlock(), vue.createElementBlock("div", {
|
|
85
94
|
key: index2,
|
|
86
95
|
class: "item folder-item",
|
|
87
|
-
onClick: ($event) =>
|
|
96
|
+
onClick: ($event) => _changeDirectory(item)
|
|
88
97
|
}, [
|
|
89
98
|
vue.createElementVNode("div", _hoisted_4, [
|
|
90
99
|
vue.createVNode(vue.unref(webVue.Tooltip), {
|
|
@@ -109,7 +118,7 @@ const _sfc_main = vue.defineComponent({
|
|
|
109
118
|
return vue.openBlock(), vue.createElementBlock("div", {
|
|
110
119
|
key: index2,
|
|
111
120
|
class: "item folder-item",
|
|
112
|
-
onClick: ($event) =>
|
|
121
|
+
onClick: ($event) => _changeDirectory(item)
|
|
113
122
|
}, [
|
|
114
123
|
vue.createElementVNode("div", _hoisted_7, [
|
|
115
124
|
vue.createVNode(vue.unref(webVue.Tooltip), {
|
|
@@ -151,9 +160,10 @@ const _sfc_main = vue.defineComponent({
|
|
|
151
160
|
class: "item"
|
|
152
161
|
}, [
|
|
153
162
|
vue.createElementVNode("div", {
|
|
154
|
-
class: vue.normalizeClass([{ active: selectedData.value.includes(item) }, "shadow-wrap"])
|
|
163
|
+
class: vue.normalizeClass([{ active: selectedData.value.includes(item) }, "shadow-wrap"]),
|
|
164
|
+
onClick: ($event) => _clickFileItem(item)
|
|
155
165
|
}, [
|
|
156
|
-
vue.createElementVNode("div",
|
|
166
|
+
vue.createElementVNode("div", _hoisted_12, [
|
|
157
167
|
vue.createVNode(index, {
|
|
158
168
|
"item-data": item,
|
|
159
169
|
preview: _ctx.preview,
|
|
@@ -180,6 +190,10 @@ const _sfc_main = vue.defineComponent({
|
|
|
180
190
|
}, 1032, ["content"])
|
|
181
191
|
]),
|
|
182
192
|
vue.createElementVNode("p", null, vue.toDisplayString(vue.unref(filter.timeFormat)(item.updated_at)), 1),
|
|
193
|
+
vue.createCommentVNode(" \u83DC\u5355\u63D2\u69FD "),
|
|
194
|
+
vue.createElementVNode("div", _hoisted_13, [
|
|
195
|
+
vue.renderSlot(_ctx.$slots, "menu", { item })
|
|
196
|
+
]),
|
|
183
197
|
vue.createCommentVNode(" \u89C6\u9891\u8F6C\u7801\u8FDB\u5EA6 "),
|
|
184
198
|
item.task ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Tooltip), {
|
|
185
199
|
key: 0,
|
|
@@ -189,33 +203,33 @@ const _sfc_main = vue.defineComponent({
|
|
|
189
203
|
placement: "bottom"
|
|
190
204
|
}, {
|
|
191
205
|
default: vue.withCtx(() => [
|
|
192
|
-
|
|
206
|
+
_hoisted_14
|
|
193
207
|
]),
|
|
194
208
|
_: 1
|
|
195
209
|
})) : vue.createCommentVNode("v-if", true)
|
|
196
|
-
],
|
|
210
|
+
], 10, _hoisted_11)
|
|
197
211
|
]);
|
|
198
212
|
}), 128))
|
|
199
213
|
]),
|
|
200
|
-
_ctx.fileListCount ? (vue.openBlock(), vue.createElementBlock("div",
|
|
214
|
+
_ctx.fileListCount ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_15, [
|
|
201
215
|
!_ctx.isOver ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Button), {
|
|
202
216
|
key: 0,
|
|
203
217
|
class: "loadmore_tips",
|
|
204
218
|
size: "small",
|
|
205
219
|
type: "text",
|
|
206
|
-
onClick:
|
|
220
|
+
onClick: _loadFileMore
|
|
207
221
|
}, {
|
|
208
222
|
default: vue.withCtx(() => [
|
|
209
223
|
vue.createTextVNode("\u52A0\u8F7D\u66F4\u591A\u2026 ")
|
|
210
224
|
]),
|
|
211
225
|
_: 1
|
|
212
|
-
}
|
|
226
|
+
})) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_16, "\u6CA1\u6709\u66F4\u591A\u4E86\u2026"))
|
|
213
227
|
])) : vue.createCommentVNode("v-if", true),
|
|
214
|
-
!((_d = _ctx.fileList) == null ? void 0 : _d.length) && !((_e = _ctx.folderList) == null ? void 0 : _e.length) ? (vue.openBlock(), vue.createElementBlock("div",
|
|
228
|
+
!((_d = _ctx.fileList) == null ? void 0 : _d.length) && !((_e = _ctx.folderList) == null ? void 0 : _e.length) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_17, _hoisted_19)) : vue.createCommentVNode("v-if", true)
|
|
215
229
|
])
|
|
216
230
|
];
|
|
217
231
|
}),
|
|
218
|
-
_:
|
|
232
|
+
_: 3
|
|
219
233
|
});
|
|
220
234
|
};
|
|
221
235
|
}
|
|
@@ -3,7 +3,7 @@ var vue = require("vue");
|
|
|
3
3
|
var webVue = require("@arco-design/web-vue");
|
|
4
4
|
var icon = require("@arco-design/web-vue/es/icon");
|
|
5
5
|
var component = require("../../../mediaView/component.js");
|
|
6
|
-
const _hoisted_1 = { class: "file-type-thumb" };
|
|
6
|
+
const _hoisted_1 = { class: "resource-grid-file-type-thumb" };
|
|
7
7
|
const _hoisted_2 = {
|
|
8
8
|
key: 0,
|
|
9
9
|
class: "rate-info-tag tag"
|