@cmstops/pro-compo 0.1.21 → 0.1.22
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 +127 -3
- package/dist/index.min.css +1 -1
- package/es/baseFilter/component.js +187 -0
- package/es/baseFilter/index.d.ts +2 -0
- package/es/baseFilter/index.js +7 -0
- package/es/baseFilter/style/css.js +1 -0
- package/es/baseFilter/style/index.css +9 -0
- package/es/baseFilter/style/index.d.ts +1 -0
- package/es/baseFilter/style/index.js +1 -0
- package/es/baseFilter/style/index.less +10 -0
- package/es/contentDetailList/components/Content/DocItem/index.js +1 -1
- package/es/contentDetailList/components/Content/DocMpItem/index.d.ts +0 -0
- package/es/contentDetailList/components/Content/DocMpItem/index.js +117 -0
- package/es/contentDetailList/components/Content/KongoNavItem/index.js +2 -2
- package/es/contentDetailList/components/Content/MaccountItem/index.js +1 -1
- package/es/contentDetailList/components/Content/index.js +43 -0
- package/es/contentDetailList/components/DocTags/index.d.ts +0 -0
- package/es/contentDetailList/components/{Content/KongoNavItem/DocTags → DocTags}/index.js +9 -4
- package/es/contentDetailList/style/ComoItem.less +1 -1
- package/es/contentDetailList/style/DocItem.less +1 -1
- package/es/contentDetailList/style/DocMpItem.less +136 -0
- package/es/contentDetailList/style/LiveItem.less +1 -1
- package/es/contentDetailList/style/index.css +118 -3
- package/es/contentDetailList/style/index.less +1 -0
- package/es/index.css +127 -3
- package/es/index.d.ts +1 -0
- package/es/index.js +1 -0
- package/es/index.less +1 -0
- package/es/typeIcons/component.js +5 -2
- package/es/utils/typeMap.d.ts +17 -13
- package/es/utils/typeMap.js +18 -2
- package/lib/baseFilter/component.js +188 -0
- package/lib/baseFilter/index.js +8 -0
- package/lib/baseFilter/style/css.js +2 -0
- package/lib/baseFilter/style/index.css +9 -0
- package/lib/baseFilter/style/index.js +2 -0
- package/lib/baseFilter/style/index.less +10 -0
- package/lib/contentDetailList/components/Content/DocItem/index.js +1 -1
- package/lib/contentDetailList/components/Content/DocMpItem/index.js +118 -0
- package/lib/contentDetailList/components/Content/KongoNavItem/index.js +2 -2
- package/lib/contentDetailList/components/Content/MaccountItem/index.js +1 -1
- package/lib/contentDetailList/components/Content/index.js +43 -0
- package/lib/contentDetailList/components/{Content/KongoNavItem/DocTags → DocTags}/index.js +9 -4
- package/lib/contentDetailList/style/ComoItem.less +1 -1
- package/lib/contentDetailList/style/DocItem.less +1 -1
- package/lib/contentDetailList/style/DocMpItem.less +136 -0
- package/lib/contentDetailList/style/LiveItem.less +1 -1
- package/lib/contentDetailList/style/index.css +118 -3
- package/lib/contentDetailList/style/index.less +1 -0
- package/lib/index.css +127 -3
- package/lib/index.js +2 -0
- package/lib/index.less +1 -0
- package/lib/typeIcons/component.js +4 -1
- package/lib/utils/typeMap.js +19 -1
- package/package.json +9 -9
- /package/es/{contentDetailList/components/Content/KongoNavItem/DocTags/index.d.ts → baseFilter/component.d.ts} +0 -0
package/es/index.css
CHANGED
|
@@ -1887,7 +1887,7 @@
|
|
|
1887
1887
|
.medialist-component-item-view .info-view .abttrite-v .left .abttr.tags {
|
|
1888
1888
|
display: flex;
|
|
1889
1889
|
align-items: center;
|
|
1890
|
-
width:
|
|
1890
|
+
width: 190px;
|
|
1891
1891
|
}
|
|
1892
1892
|
.medialist-component-item-view .info-view .abttrite-v .right {
|
|
1893
1893
|
margin-right: 20px;
|
|
@@ -2208,7 +2208,7 @@
|
|
|
2208
2208
|
.medialist-ilive-item-view .info-view .abttrite-v .left .abttr.tags {
|
|
2209
2209
|
display: flex;
|
|
2210
2210
|
align-items: center;
|
|
2211
|
-
width:
|
|
2211
|
+
width: 190px;
|
|
2212
2212
|
}
|
|
2213
2213
|
.medialist-ilive-item-view .info-view .abttrite-v .left .abttr.type {
|
|
2214
2214
|
display: inline-block;
|
|
@@ -2397,7 +2397,7 @@
|
|
|
2397
2397
|
}
|
|
2398
2398
|
.medialist-doc-item-view .info-view .abttrite-v .left .tags {
|
|
2399
2399
|
display: inline-block;
|
|
2400
|
-
width:
|
|
2400
|
+
width: 190px;
|
|
2401
2401
|
}
|
|
2402
2402
|
.medialist-doc-item-view .info-view .abttrite-v .left .abttr {
|
|
2403
2403
|
display: inline-block;
|
|
@@ -2429,6 +2429,121 @@
|
|
|
2429
2429
|
.popper-categories {
|
|
2430
2430
|
max-width: 600px;
|
|
2431
2431
|
}
|
|
2432
|
+
.medialist-mpdoc-item-view {
|
|
2433
|
+
display: flex;
|
|
2434
|
+
padding: 10px;
|
|
2435
|
+
border-bottom: 1px solid #f0f0f0;
|
|
2436
|
+
}
|
|
2437
|
+
.medialist-mpdoc-item-view:hover {
|
|
2438
|
+
background: #fafafa;
|
|
2439
|
+
}
|
|
2440
|
+
.medialist-mpdoc-item-view .cover-view {
|
|
2441
|
+
position: relative;
|
|
2442
|
+
flex-shrink: 0;
|
|
2443
|
+
width: 110px;
|
|
2444
|
+
height: 70px;
|
|
2445
|
+
margin-right: 20px;
|
|
2446
|
+
background: #edf3ff;
|
|
2447
|
+
}
|
|
2448
|
+
.medialist-mpdoc-item-view .cover-view .image {
|
|
2449
|
+
width: 100%;
|
|
2450
|
+
height: 100%;
|
|
2451
|
+
border-radius: 4px;
|
|
2452
|
+
}
|
|
2453
|
+
.medialist-mpdoc-item-view .cover-view .batch-select {
|
|
2454
|
+
position: absolute;
|
|
2455
|
+
top: 3px;
|
|
2456
|
+
left: 5px;
|
|
2457
|
+
}
|
|
2458
|
+
.medialist-mpdoc-item-view .cover-view .arco-image-img {
|
|
2459
|
+
width: 100%;
|
|
2460
|
+
height: 100%;
|
|
2461
|
+
border-radius: 4px;
|
|
2462
|
+
}
|
|
2463
|
+
.medialist-mpdoc-item-view .cover-view .no-img {
|
|
2464
|
+
display: flex;
|
|
2465
|
+
align-items: center;
|
|
2466
|
+
justify-content: center;
|
|
2467
|
+
width: 100%;
|
|
2468
|
+
height: 100%;
|
|
2469
|
+
color: white;
|
|
2470
|
+
font-size: 30px;
|
|
2471
|
+
}
|
|
2472
|
+
.medialist-mpdoc-item-view .info-view {
|
|
2473
|
+
display: flex;
|
|
2474
|
+
flex: 1;
|
|
2475
|
+
flex-direction: column;
|
|
2476
|
+
justify-content: space-between;
|
|
2477
|
+
padding: 2px 0;
|
|
2478
|
+
}
|
|
2479
|
+
.medialist-mpdoc-item-view .info-view .title {
|
|
2480
|
+
width: calc(100% - 50px);
|
|
2481
|
+
display: flex;
|
|
2482
|
+
align-items: center;
|
|
2483
|
+
margin-bottom: 10px;
|
|
2484
|
+
overflow: hidden;
|
|
2485
|
+
color: #1d2129;
|
|
2486
|
+
font-size: 14px;
|
|
2487
|
+
font-style: normal;
|
|
2488
|
+
font-weight: 400;
|
|
2489
|
+
line-height: 22px;
|
|
2490
|
+
cursor: pointer;
|
|
2491
|
+
-webkit-line-clamp: 2;
|
|
2492
|
+
-webkit-box-orient: vertical;
|
|
2493
|
+
}
|
|
2494
|
+
.medialist-mpdoc-item-view .info-view .title:hover {
|
|
2495
|
+
color: #4886ff;
|
|
2496
|
+
text-decoration: underline;
|
|
2497
|
+
}
|
|
2498
|
+
.medialist-mpdoc-item-view .info-view .title:hover .index {
|
|
2499
|
+
text-decoration: unset;
|
|
2500
|
+
}
|
|
2501
|
+
.medialist-mpdoc-item-view .info-view .abttrite-v {
|
|
2502
|
+
display: flex;
|
|
2503
|
+
align-items: center;
|
|
2504
|
+
justify-content: space-between;
|
|
2505
|
+
}
|
|
2506
|
+
.medialist-mpdoc-item-view .info-view .abttrite-v .left {
|
|
2507
|
+
display: flex;
|
|
2508
|
+
flex: 1;
|
|
2509
|
+
align-items: center;
|
|
2510
|
+
color: #4e5969;
|
|
2511
|
+
font-size: 12px;
|
|
2512
|
+
}
|
|
2513
|
+
.medialist-mpdoc-item-view .info-view .abttrite-v .left .icon {
|
|
2514
|
+
margin-right: 8px;
|
|
2515
|
+
}
|
|
2516
|
+
.medialist-mpdoc-item-view .info-view .abttrite-v .left .tags {
|
|
2517
|
+
display: inline-block;
|
|
2518
|
+
width: 190px;
|
|
2519
|
+
}
|
|
2520
|
+
.medialist-mpdoc-item-view .info-view .abttrite-v .left .abttr {
|
|
2521
|
+
display: inline-block;
|
|
2522
|
+
width: 20%;
|
|
2523
|
+
margin-right: 10px;
|
|
2524
|
+
overflow: hidden;
|
|
2525
|
+
white-space: nowrap;
|
|
2526
|
+
text-overflow: ellipsis;
|
|
2527
|
+
cursor: pointer;
|
|
2528
|
+
}
|
|
2529
|
+
.medialist-mpdoc-item-view .info-view .abttrite-v .left .abttr.btn {
|
|
2530
|
+
padding: 0;
|
|
2531
|
+
text-align: left;
|
|
2532
|
+
}
|
|
2533
|
+
.medialist-mpdoc-item-view .info-view .abttrite-v .left .abttr.btn:hover,
|
|
2534
|
+
.medialist-mpdoc-item-view .info-view .abttrite-v .left .abttr.btn:active {
|
|
2535
|
+
background: transparent;
|
|
2536
|
+
}
|
|
2537
|
+
.medialist-mpdoc-item-view .info-view .abttrite-v .left .abttr .btn {
|
|
2538
|
+
padding: 0;
|
|
2539
|
+
text-align: left;
|
|
2540
|
+
}
|
|
2541
|
+
.medialist-mpdoc-item-view .info-view .abttrite-v .left .abttr.time {
|
|
2542
|
+
width: 30%;
|
|
2543
|
+
}
|
|
2544
|
+
.medialist-mpdoc-item-view .info-view .abttrite-v .right {
|
|
2545
|
+
margin-right: 20px;
|
|
2546
|
+
}
|
|
2432
2547
|
.gray-for-state-hide {
|
|
2433
2548
|
-webkit-filter: grayscale(100%);
|
|
2434
2549
|
-moz-filter: grayscale(100%);
|
|
@@ -2790,3 +2905,12 @@
|
|
|
2790
2905
|
.edit-meta-info-dialog-body .input-w {
|
|
2791
2906
|
width: 450px;
|
|
2792
2907
|
}
|
|
2908
|
+
.base-filter-container {
|
|
2909
|
+
display: flex;
|
|
2910
|
+
align-items: center;
|
|
2911
|
+
justify-content: space-between;
|
|
2912
|
+
}
|
|
2913
|
+
.base-filter-container .left {
|
|
2914
|
+
display: flex;
|
|
2915
|
+
align-items: center;
|
|
2916
|
+
}
|
package/es/index.d.ts
CHANGED
|
@@ -17,3 +17,4 @@ export { default as selectAvatarList } from './selectAvatarList';
|
|
|
17
17
|
export { default as userDirector } from './userDirector';
|
|
18
18
|
export { default as selectThumb } from './selectThumb';
|
|
19
19
|
export { default as editMetaInfo } from './editMetaInfo';
|
|
20
|
+
export { default as baseFilter } from './baseFilter';
|
package/es/index.js
CHANGED
|
@@ -17,3 +17,4 @@ export { default as selectAvatarList } from "./selectAvatarList/index.js";
|
|
|
17
17
|
export { default as userDirector } from "./userDirector/index.js";
|
|
18
18
|
export { default as selectThumb } from "./selectThumb/index.js";
|
|
19
19
|
export { default as editMetaInfo } from "./editMetaInfo/index.js";
|
|
20
|
+
export { default as baseFilter } from "./baseFilter/index.js";
|
package/es/index.less
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent, openBlock, createElementBlock, createCommentVNode, createBlock, unref, Fragment, createVNode } from "vue";
|
|
2
|
-
import { IconXinwen, IconShipin, IconYinyue, IconTuji, IconXiaoshipin, IconZhuanti, IconYinpinji, IconShipinji, IconH5, IconZhibo, IconTupian, IconGaojian } from "@arco-iconbox/vue-cmstop-icons";
|
|
2
|
+
import { IconXinwen, IconShipin, IconYinyue, IconTuji, IconXiaoshipin, IconZhuanti, IconYinpinji, IconShipinji, IconH5, IconZhibo, IconTupian, IconGongzhonghao, IconGaojian } from "@arco-iconbox/vue-cmstop-icons";
|
|
3
3
|
const _hoisted_1 = { class: "type-icons-container" };
|
|
4
4
|
const _sfc_main = defineComponent({
|
|
5
5
|
...{ name: "typeIcons" },
|
|
@@ -46,8 +46,11 @@ const _sfc_main = defineComponent({
|
|
|
46
46
|
createCommentVNode("------------------------------- \u7D20\u6750\u7C7B\u578B --------------------------------------"),
|
|
47
47
|
createCommentVNode(" \u56FE\u7247 "),
|
|
48
48
|
createVNode(unref(IconTupian))
|
|
49
|
-
], 2112)) : (openBlock(), createElementBlock(Fragment, { key: 11 }, [
|
|
49
|
+
], 2112)) : props.type === "mpdoc" ? (openBlock(), createElementBlock(Fragment, { key: 11 }, [
|
|
50
50
|
createCommentVNode("------------------------------- \u5176\u4ED6\u7C7B\u578B --------------------------------------"),
|
|
51
|
+
createCommentVNode(" \u516C\u4F17\u53F7\u7A3F\u4EF6 "),
|
|
52
|
+
createVNode(unref(IconGongzhonghao))
|
|
53
|
+
], 2112)) : (openBlock(), createElementBlock(Fragment, { key: 12 }, [
|
|
51
54
|
createCommentVNode(" \u5FAE\u4FE1\u7A3F\u4EF6 "),
|
|
52
55
|
createCommentVNode(" <icon-weixingaojian /> "),
|
|
53
56
|
createCommentVNode(" \u8F6E\u535A\u56FE\u96C6 "),
|
package/es/utils/typeMap.d.ts
CHANGED
|
@@ -44,6 +44,7 @@ export declare const catalogMap: {
|
|
|
44
44
|
mpList: string;
|
|
45
45
|
mpAccount: string;
|
|
46
46
|
mpTopic: string;
|
|
47
|
+
mpContent: string;
|
|
47
48
|
};
|
|
48
49
|
export declare const target_type_map: {
|
|
49
50
|
3: string;
|
|
@@ -54,6 +55,10 @@ export declare const target_type_map: {
|
|
|
54
55
|
8: string;
|
|
55
56
|
9: string;
|
|
56
57
|
10: string;
|
|
58
|
+
13: string;
|
|
59
|
+
14: string;
|
|
60
|
+
15: string;
|
|
61
|
+
16: string;
|
|
57
62
|
};
|
|
58
63
|
export declare const key_target_type_map: {
|
|
59
64
|
3: string;
|
|
@@ -66,6 +71,9 @@ export declare const key_target_type_map: {
|
|
|
66
71
|
11: string;
|
|
67
72
|
12: string;
|
|
68
73
|
13: string;
|
|
74
|
+
14: string;
|
|
75
|
+
15: string;
|
|
76
|
+
16: string;
|
|
69
77
|
};
|
|
70
78
|
export declare const approveFlowStatusMap: {
|
|
71
79
|
1: string;
|
|
@@ -92,6 +100,9 @@ export declare const compoColumnsWithKeyMap: {
|
|
|
92
100
|
tv: string;
|
|
93
101
|
mp_account: string;
|
|
94
102
|
column: string;
|
|
103
|
+
image: string;
|
|
104
|
+
timeline: string;
|
|
105
|
+
rank: string;
|
|
95
106
|
};
|
|
96
107
|
export declare const compoColumnsMap: () => any;
|
|
97
108
|
export declare const contentList_list_type_map: {
|
|
@@ -111,19 +122,12 @@ export declare const contentList_relation_type_map: {
|
|
|
111
122
|
4: string;
|
|
112
123
|
10: string;
|
|
113
124
|
};
|
|
114
|
-
export declare const contentList_layout_map:
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
timeline: string;
|
|
121
|
-
lbs: string;
|
|
122
|
-
};
|
|
123
|
-
export declare const mp_type_map: {
|
|
124
|
-
1: string;
|
|
125
|
-
2: string;
|
|
126
|
-
};
|
|
125
|
+
export declare const contentList_layout_map: any;
|
|
126
|
+
export declare const mp_type_map: any;
|
|
127
|
+
export declare const mpTypeOptions: () => {
|
|
128
|
+
value: string;
|
|
129
|
+
label: any;
|
|
130
|
+
}[];
|
|
127
131
|
export declare const kongo_source_map: {
|
|
128
132
|
app: string;
|
|
129
133
|
url: string;
|
package/es/utils/typeMap.js
CHANGED
|
@@ -20,7 +20,10 @@ const componentsColumns = {
|
|
|
20
20
|
tv: { value: "tv", label: "\u7535\u89C6\u7EC4\u4EF6", simple: true },
|
|
21
21
|
mp_account: { value: "mp_account", label: "\u516C\u4F17\u53F7\u7EC4\u4EF6" },
|
|
22
22
|
column: { value: "column", label: "\u5206\u680F\u7EC4\u4EF6" },
|
|
23
|
-
kongo: { value: "kongo", label: "\u529F\u80FD\u5BFC\u822A\u7EC4\u4EF6" }
|
|
23
|
+
kongo: { value: "kongo", label: "\u529F\u80FD\u5BFC\u822A\u7EC4\u4EF6" },
|
|
24
|
+
picture: { value: "picture", label: "\u56FE\u7247\u7EC4\u4EF6", simple: true },
|
|
25
|
+
timeline: { value: "timeline", label: "\u65F6\u95F4\u94FE\u7EC4\u4EF6" },
|
|
26
|
+
rank: { value: "rank", label: "\u699C\u5355\u7EC4\u4EF6" }
|
|
24
27
|
};
|
|
25
28
|
const compoColumnsMap = () => {
|
|
26
29
|
const obj = {};
|
|
@@ -56,6 +59,19 @@ const contentList_layout_map = {
|
|
|
56
59
|
timeline: "\u65F6\u95F4\u94FE",
|
|
57
60
|
lbs: "LBS\u9891\u9053"
|
|
58
61
|
};
|
|
62
|
+
const mp_type_map = {
|
|
63
|
+
1: "\u4E2A\u4EBA\u53F7",
|
|
64
|
+
2: "\u7EC4\u7EC7\u53F7"
|
|
65
|
+
};
|
|
66
|
+
const mpTypeOptions = () => {
|
|
67
|
+
const arr = Object.keys(mp_type_map).map((key) => {
|
|
68
|
+
return {
|
|
69
|
+
value: key,
|
|
70
|
+
label: mp_type_map[key]
|
|
71
|
+
};
|
|
72
|
+
});
|
|
73
|
+
return [{ value: "", label: "\u5168\u90E8" }, ...arr];
|
|
74
|
+
};
|
|
59
75
|
const kongo_source_map = {
|
|
60
76
|
app: "\u5E94\u7528",
|
|
61
77
|
url: "\u94FE\u63A5",
|
|
@@ -84,4 +100,4 @@ const calcApprovingDependent = (data) => {
|
|
|
84
100
|
}
|
|
85
101
|
return alias;
|
|
86
102
|
};
|
|
87
|
-
export { approveFlowStatusMap, calcApprovingDependent, calcApprovingUser, compoColumnsMap, componentsColumns, contentList_layout_map, contentList_list_type_map, contentList_relation_type_map, kongo_source_map };
|
|
103
|
+
export { approveFlowStatusMap, calcApprovingDependent, calcApprovingUser, compoColumnsMap, componentsColumns, contentList_layout_map, contentList_list_type_map, contentList_relation_type_map, kongo_source_map, mpTypeOptions, mp_type_map };
|
|
@@ -0,0 +1,188 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var vue = require("vue");
|
|
3
|
+
var webVue = require("@arco-design/web-vue");
|
|
4
|
+
var doc = require("../utils/doc.js");
|
|
5
|
+
var typeMap = require("../utils/typeMap.js");
|
|
6
|
+
var config = require("../config.js");
|
|
7
|
+
const _hoisted_1 = { class: "base-filter-container" };
|
|
8
|
+
const _hoisted_2 = { class: "left" };
|
|
9
|
+
const _hoisted_3 = {
|
|
10
|
+
key: 0,
|
|
11
|
+
class: "form-ul"
|
|
12
|
+
};
|
|
13
|
+
const _hoisted_4 = { class: "right" };
|
|
14
|
+
const _sfc_main = vue.defineComponent({
|
|
15
|
+
...{ name: "baseFilter" },
|
|
16
|
+
__name: "component",
|
|
17
|
+
props: {
|
|
18
|
+
BASE_API: {},
|
|
19
|
+
columns: {},
|
|
20
|
+
formatQuery: { type: Boolean }
|
|
21
|
+
},
|
|
22
|
+
emits: ["search"],
|
|
23
|
+
setup(__props, { emit }) {
|
|
24
|
+
const props = __props;
|
|
25
|
+
props.BASE_API || config.DEFAULT_BASE_API;
|
|
26
|
+
const render = vue.ref(false);
|
|
27
|
+
const form = vue.ref({});
|
|
28
|
+
const columnsKeys = vue.computed(() => props.columns.map((column) => column.key));
|
|
29
|
+
const columnsMap = vue.computed(() => {
|
|
30
|
+
return props.columns.reduce((map, column) => {
|
|
31
|
+
map[column.key] = column;
|
|
32
|
+
return map;
|
|
33
|
+
}, {});
|
|
34
|
+
});
|
|
35
|
+
const formKeys = vue.computed(() => Object.keys(form.value));
|
|
36
|
+
const hasKey = (key) => formKeys.value.includes(key);
|
|
37
|
+
const styleWidth = (item) => {
|
|
38
|
+
if (item.range) {
|
|
39
|
+
return item.width ? item.width : "260px";
|
|
40
|
+
}
|
|
41
|
+
return item.width ? item.width : "150px";
|
|
42
|
+
};
|
|
43
|
+
const renderForm = () => {
|
|
44
|
+
const _form = {};
|
|
45
|
+
const rangeTemp = {};
|
|
46
|
+
props.columns.forEach((column) => {
|
|
47
|
+
if (column.range) {
|
|
48
|
+
if (!rangeTemp[column.range]) {
|
|
49
|
+
rangeTemp[column.range] = { range: [] };
|
|
50
|
+
}
|
|
51
|
+
if (column.width) {
|
|
52
|
+
rangeTemp[column.range].width = column.width;
|
|
53
|
+
}
|
|
54
|
+
rangeTemp[column.range][column.key] = column.defaultValue || "";
|
|
55
|
+
_form[column.range] = rangeTemp[column.range];
|
|
56
|
+
} else {
|
|
57
|
+
_form[column.key] = column.defaultValue || "";
|
|
58
|
+
}
|
|
59
|
+
});
|
|
60
|
+
render.value = true;
|
|
61
|
+
form.value = _form;
|
|
62
|
+
console.log("_form", _form);
|
|
63
|
+
};
|
|
64
|
+
const formMatte = (_form) => {
|
|
65
|
+
Object.keys(_form).forEach((key) => {
|
|
66
|
+
var _a, _b;
|
|
67
|
+
if (((_b = (_a = _form[key]) == null ? void 0 : _a.range) == null ? void 0 : _b.length) > 0) {
|
|
68
|
+
Object.keys(_form[key]).forEach((k, index) => {
|
|
69
|
+
if (k !== "range" && k !== "width") {
|
|
70
|
+
_form[k] = Math.floor(_form[key].range[index - 1] / 1e3);
|
|
71
|
+
}
|
|
72
|
+
});
|
|
73
|
+
}
|
|
74
|
+
});
|
|
75
|
+
const _parmas = { ..._form };
|
|
76
|
+
Object.keys(_parmas).forEach((key) => {
|
|
77
|
+
var _a, _b;
|
|
78
|
+
if (((_b = (_a = _parmas[key]) == null ? void 0 : _a.range) == null ? void 0 : _b.length) > 0) {
|
|
79
|
+
delete _parmas[key];
|
|
80
|
+
}
|
|
81
|
+
});
|
|
82
|
+
Object.keys(_parmas).forEach((key) => {
|
|
83
|
+
if (_parmas[key] === columnsMap.value[key].defaultValue) {
|
|
84
|
+
delete _parmas[key];
|
|
85
|
+
}
|
|
86
|
+
});
|
|
87
|
+
if (props.formatQuery) {
|
|
88
|
+
const _parmasStr = Object.keys(_parmas).map((key) => {
|
|
89
|
+
return `${key}=${_parmas[key]}`;
|
|
90
|
+
}).join("&");
|
|
91
|
+
return _parmasStr;
|
|
92
|
+
}
|
|
93
|
+
return _parmas;
|
|
94
|
+
};
|
|
95
|
+
const _mpTypeOptions = typeMap.mpTypeOptions();
|
|
96
|
+
vue.watch(
|
|
97
|
+
() => columnsKeys.value,
|
|
98
|
+
(keys) => {
|
|
99
|
+
renderForm();
|
|
100
|
+
},
|
|
101
|
+
{ immediate: true }
|
|
102
|
+
);
|
|
103
|
+
vue.watch(
|
|
104
|
+
() => form.value,
|
|
105
|
+
() => {
|
|
106
|
+
emit("search", formMatte(vue.toRaw(form.value)));
|
|
107
|
+
},
|
|
108
|
+
{ deep: true }
|
|
109
|
+
);
|
|
110
|
+
const seriesOptions = doc.typeOptions();
|
|
111
|
+
return (_ctx, _cache) => {
|
|
112
|
+
var _a, _b, _c, _d;
|
|
113
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
|
|
114
|
+
vue.createElementVNode("div", _hoisted_2, [
|
|
115
|
+
render.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
|
|
116
|
+
hasKey("word") ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.InputSearch), {
|
|
117
|
+
key: 0,
|
|
118
|
+
modelValue: form.value.word,
|
|
119
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => form.value.word = $event),
|
|
120
|
+
style: vue.normalizeStyle({ width: styleWidth(columnsMap.value.word) }),
|
|
121
|
+
"allow-clear": "",
|
|
122
|
+
size: "medium",
|
|
123
|
+
placeholder: `\u8BF7\u8F93\u5165${(_a = columnsMap.value.word) == null ? void 0 : _a.label}`
|
|
124
|
+
}, null, 8, ["modelValue", "style", "placeholder"])) : vue.createCommentVNode("v-if", true),
|
|
125
|
+
hasKey("series") ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Select), {
|
|
126
|
+
key: 1,
|
|
127
|
+
modelValue: form.value.series,
|
|
128
|
+
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => form.value.series = $event),
|
|
129
|
+
style: vue.normalizeStyle({ width: styleWidth(columnsMap.value.series) }),
|
|
130
|
+
placeholder: `\u8BF7\u9009\u62E9${(_b = columnsMap.value.series) == null ? void 0 : _b.label}`
|
|
131
|
+
}, {
|
|
132
|
+
default: vue.withCtx(() => [
|
|
133
|
+
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(seriesOptions), (opt) => {
|
|
134
|
+
return vue.openBlock(), vue.createBlock(vue.unref(webVue.Option), {
|
|
135
|
+
key: opt.value,
|
|
136
|
+
label: opt.label,
|
|
137
|
+
value: opt.value
|
|
138
|
+
}, null, 8, ["label", "value"]);
|
|
139
|
+
}), 128))
|
|
140
|
+
]),
|
|
141
|
+
_: 1
|
|
142
|
+
}, 8, ["modelValue", "style", "placeholder"])) : vue.createCommentVNode("v-if", true),
|
|
143
|
+
hasKey("pub_time") ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.RangePicker), {
|
|
144
|
+
key: 2,
|
|
145
|
+
modelValue: form.value.pub_time.range,
|
|
146
|
+
"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => form.value.pub_time.range = $event),
|
|
147
|
+
style: vue.normalizeStyle({ width: styleWidth(form.value.pub_time) }),
|
|
148
|
+
"value-format": "timestamp",
|
|
149
|
+
onClick: _cache[3] || (_cache[3] = vue.withModifiers(() => {
|
|
150
|
+
}, ["stop"]))
|
|
151
|
+
}, null, 8, ["modelValue", "style"])) : vue.createCommentVNode("v-if", true),
|
|
152
|
+
hasKey("mp_name") ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.InputSearch), {
|
|
153
|
+
key: 3,
|
|
154
|
+
modelValue: form.value.mp_name,
|
|
155
|
+
"onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => form.value.mp_name = $event),
|
|
156
|
+
style: vue.normalizeStyle({ width: styleWidth(columnsMap.value.mp_name) }),
|
|
157
|
+
"allow-clear": "",
|
|
158
|
+
size: "medium",
|
|
159
|
+
placeholder: `\u8BF7\u8F93\u5165${(_c = columnsMap.value.mp_name) == null ? void 0 : _c.label}`
|
|
160
|
+
}, null, 8, ["modelValue", "style", "placeholder"])) : vue.createCommentVNode("v-if", true),
|
|
161
|
+
hasKey("mp_type") ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Select), {
|
|
162
|
+
key: 4,
|
|
163
|
+
modelValue: form.value.mp_type,
|
|
164
|
+
"onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => form.value.mp_type = $event),
|
|
165
|
+
style: vue.normalizeStyle([{ width: styleWidth(columnsMap.value.mp_type) }, { "width": "150px" }]),
|
|
166
|
+
placeholder: `\u8BF7\u9009\u62E9${(_d = columnsMap.value.mp_type) == null ? void 0 : _d.label}`
|
|
167
|
+
}, {
|
|
168
|
+
default: vue.withCtx(() => [
|
|
169
|
+
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(_mpTypeOptions), (opt) => {
|
|
170
|
+
return vue.openBlock(), vue.createBlock(vue.unref(webVue.Option), {
|
|
171
|
+
key: opt.value,
|
|
172
|
+
label: opt.label,
|
|
173
|
+
value: opt.value
|
|
174
|
+
}, null, 8, ["label", "value"]);
|
|
175
|
+
}), 128))
|
|
176
|
+
]),
|
|
177
|
+
_: 1
|
|
178
|
+
}, 8, ["modelValue", "style", "placeholder"])) : vue.createCommentVNode("v-if", true)
|
|
179
|
+
])) : vue.createCommentVNode("v-if", true)
|
|
180
|
+
]),
|
|
181
|
+
vue.createElementVNode("div", _hoisted_4, [
|
|
182
|
+
vue.renderSlot(_ctx.$slots, "right")
|
|
183
|
+
])
|
|
184
|
+
]);
|
|
185
|
+
};
|
|
186
|
+
}
|
|
187
|
+
});
|
|
188
|
+
module.exports = _sfc_main;
|
|
@@ -4,7 +4,7 @@ var webVue = require("@arco-design/web-vue");
|
|
|
4
4
|
var index = require("../../../../utils/index.js");
|
|
5
5
|
var doc = require("../../../../utils/doc.js");
|
|
6
6
|
var component = require("../../../../typeIcons/component.js");
|
|
7
|
-
var index$1 = require("
|
|
7
|
+
var index$1 = require("../../DocTags/index.js");
|
|
8
8
|
var index$2 = require("./ApprovalStateMap/index.js");
|
|
9
9
|
const _hoisted_1 = { class: "cover-view" };
|
|
10
10
|
const _hoisted_2 = {
|
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var vue = require("vue");
|
|
3
|
+
var webVue = require("@arco-design/web-vue");
|
|
4
|
+
var component = require("../../../../typeIcons/component.js");
|
|
5
|
+
var index$1 = require("../../DocTags/index.js");
|
|
6
|
+
var index = require("../../../../utils/index.js");
|
|
7
|
+
const _hoisted_1 = { class: "cover-view" };
|
|
8
|
+
const _hoisted_2 = {
|
|
9
|
+
key: 1,
|
|
10
|
+
class: "no-img"
|
|
11
|
+
};
|
|
12
|
+
const _hoisted_3 = { class: "batch-select" };
|
|
13
|
+
const _hoisted_4 = { class: "info-view" };
|
|
14
|
+
const _hoisted_5 = { class: "abttrite-v" };
|
|
15
|
+
const _hoisted_6 = { class: "left" };
|
|
16
|
+
const _hoisted_7 = { class: "tags" };
|
|
17
|
+
const _hoisted_8 = { class: "abttr" };
|
|
18
|
+
const _hoisted_9 = { class: "abttr time" };
|
|
19
|
+
const _hoisted_10 = { class: "right" };
|
|
20
|
+
const _sfc_main = vue.defineComponent({
|
|
21
|
+
__name: "index",
|
|
22
|
+
props: {
|
|
23
|
+
item: {},
|
|
24
|
+
abttrites: {}
|
|
25
|
+
},
|
|
26
|
+
emits: ["clickTitle"],
|
|
27
|
+
setup(__props, { emit }) {
|
|
28
|
+
const props = __props;
|
|
29
|
+
const hide = vue.computed(() => {
|
|
30
|
+
const { hide: hide2 } = props.item;
|
|
31
|
+
return hide2 === 7 || hide2 === 6;
|
|
32
|
+
});
|
|
33
|
+
const thumb = vue.computed(() => {
|
|
34
|
+
if (!props.item)
|
|
35
|
+
return null;
|
|
36
|
+
if (props.item.preview_url) {
|
|
37
|
+
return props.item.preview_url;
|
|
38
|
+
}
|
|
39
|
+
if (props.item.style) {
|
|
40
|
+
let { style } = props.item;
|
|
41
|
+
if (typeof style === "string") {
|
|
42
|
+
style = JSON.parse(style);
|
|
43
|
+
return style.data && style.data[0] && style.data[0].thumb;
|
|
44
|
+
}
|
|
45
|
+
return style.data && style.data[0] && style.data[0].thumb;
|
|
46
|
+
}
|
|
47
|
+
return props.item.cover && props.item.cover.data && props.item.cover.data[0] && props.item.cover.data[0].thumb;
|
|
48
|
+
});
|
|
49
|
+
const clickTitle = () => {
|
|
50
|
+
emit("clickTitle", props.item);
|
|
51
|
+
};
|
|
52
|
+
return (_ctx, _cache) => {
|
|
53
|
+
return vue.openBlock(), vue.createElementBlock("div", {
|
|
54
|
+
class: vue.normalizeClass(["medialist-mpdoc-item-view", { "gray-for-state-hide": hide.value }])
|
|
55
|
+
}, [
|
|
56
|
+
vue.createElementVNode("div", _hoisted_1, [
|
|
57
|
+
thumb.value ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Image), {
|
|
58
|
+
key: 0,
|
|
59
|
+
src: thumb.value,
|
|
60
|
+
class: "image",
|
|
61
|
+
fit: "cover"
|
|
62
|
+
}, null, 8, ["src"])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, vue.toDisplayString(vue.unref(index.noCoverText)(_ctx.item)), 1)),
|
|
63
|
+
vue.createElementVNode("div", _hoisted_3, [
|
|
64
|
+
vue.renderSlot(_ctx.$slots, "batch", { row: _ctx.item })
|
|
65
|
+
])
|
|
66
|
+
]),
|
|
67
|
+
vue.createElementVNode("div", _hoisted_4, [
|
|
68
|
+
vue.createElementVNode("div", {
|
|
69
|
+
class: "title",
|
|
70
|
+
onClick: clickTitle
|
|
71
|
+
}, [
|
|
72
|
+
vue.renderSlot(_ctx.$slots, "index"),
|
|
73
|
+
vue.createTextVNode(vue.toDisplayString(_ctx.item.alias || _ctx.item.title), 1)
|
|
74
|
+
]),
|
|
75
|
+
vue.createElementVNode("div", _hoisted_5, [
|
|
76
|
+
vue.createElementVNode("div", _hoisted_6, [
|
|
77
|
+
vue.createVNode(component, {
|
|
78
|
+
class: "icon",
|
|
79
|
+
doc: true,
|
|
80
|
+
type: _ctx.item.series
|
|
81
|
+
}, null, 8, ["type"]),
|
|
82
|
+
vue.createElementVNode("span", _hoisted_7, [
|
|
83
|
+
vue.createVNode(index$1, { item: _ctx.item }, null, 8, ["item"]),
|
|
84
|
+
vue.renderSlot(_ctx.$slots, "tip")
|
|
85
|
+
]),
|
|
86
|
+
vue.createElementVNode("span", _hoisted_8, [
|
|
87
|
+
vue.createVNode(vue.unref(webVue.Tooltip), {
|
|
88
|
+
position: "top",
|
|
89
|
+
content: `\u6240\u5C5E\u516C\u4F17\u53F7: ${_ctx.item.account_name || _ctx.item.mp_user_name}`
|
|
90
|
+
}, {
|
|
91
|
+
default: vue.withCtx(() => [
|
|
92
|
+
vue.createElementVNode("span", null, vue.toDisplayString(_ctx.item.account_name || _ctx.item.mp_user_name), 1)
|
|
93
|
+
]),
|
|
94
|
+
_: 1
|
|
95
|
+
}, 8, ["content"])
|
|
96
|
+
]),
|
|
97
|
+
vue.createElementVNode("span", _hoisted_9, [
|
|
98
|
+
vue.createVNode(vue.unref(webVue.Tooltip), {
|
|
99
|
+
position: "top",
|
|
100
|
+
content: `\u53D1\u5E03\u65F6\u95F4: ${vue.unref(index.timeFormat)(_ctx.item.pub_time)}`
|
|
101
|
+
}, {
|
|
102
|
+
default: vue.withCtx(() => [
|
|
103
|
+
vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(index.timeFormat)(_ctx.item.pub_time)), 1)
|
|
104
|
+
]),
|
|
105
|
+
_: 1
|
|
106
|
+
}, 8, ["content"])
|
|
107
|
+
])
|
|
108
|
+
]),
|
|
109
|
+
vue.createElementVNode("div", _hoisted_10, [
|
|
110
|
+
vue.renderSlot(_ctx.$slots, "option", { row: _ctx.item })
|
|
111
|
+
])
|
|
112
|
+
])
|
|
113
|
+
])
|
|
114
|
+
], 2);
|
|
115
|
+
};
|
|
116
|
+
}
|
|
117
|
+
});
|
|
118
|
+
module.exports = _sfc_main;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
var vue = require("vue");
|
|
3
3
|
var webVue = require("@arco-design/web-vue");
|
|
4
4
|
var component = require("../../../../typeIcons/component.js");
|
|
5
|
-
var index$1 = require("
|
|
5
|
+
var index$1 = require("../../DocTags/index.js");
|
|
6
6
|
var index = require("../../../../utils/index.js");
|
|
7
7
|
const _hoisted_1 = { class: "cover-view" };
|
|
8
8
|
const _hoisted_2 = {
|
|
@@ -41,7 +41,7 @@ const _sfc_main = vue.defineComponent({
|
|
|
41
41
|
return res.data[0].thumb;
|
|
42
42
|
});
|
|
43
43
|
const showValue = vue.computed(() => {
|
|
44
|
-
if (!props.payload)
|
|
44
|
+
if (!props.item.payload)
|
|
45
45
|
return "";
|
|
46
46
|
if (props.item.series === "category_list")
|
|
47
47
|
return props.payload.rootAlias;
|