@cmstops/pro-compo 0.1.21 → 0.1.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (56) hide show
  1. package/dist/index.css +127 -3
  2. package/dist/index.min.css +1 -1
  3. package/es/baseFilter/component.js +188 -0
  4. package/es/baseFilter/index.d.ts +2 -0
  5. package/es/baseFilter/index.js +7 -0
  6. package/es/baseFilter/style/css.js +1 -0
  7. package/es/baseFilter/style/index.css +9 -0
  8. package/es/baseFilter/style/index.d.ts +1 -0
  9. package/es/baseFilter/style/index.js +1 -0
  10. package/es/baseFilter/style/index.less +10 -0
  11. package/es/contentDetailList/components/Content/DocItem/index.js +1 -1
  12. package/es/contentDetailList/components/Content/DocMpItem/index.d.ts +0 -0
  13. package/es/contentDetailList/components/Content/DocMpItem/index.js +117 -0
  14. package/es/contentDetailList/components/Content/KongoNavItem/index.js +2 -2
  15. package/es/contentDetailList/components/Content/MaccountItem/index.js +1 -1
  16. package/es/contentDetailList/components/Content/index.js +43 -0
  17. package/es/contentDetailList/components/DocTags/index.d.ts +0 -0
  18. package/es/contentDetailList/components/{Content/KongoNavItem/DocTags → DocTags}/index.js +9 -4
  19. package/es/contentDetailList/style/ComoItem.less +1 -1
  20. package/es/contentDetailList/style/DocItem.less +1 -1
  21. package/es/contentDetailList/style/DocMpItem.less +136 -0
  22. package/es/contentDetailList/style/LiveItem.less +1 -1
  23. package/es/contentDetailList/style/index.css +118 -3
  24. package/es/contentDetailList/style/index.less +1 -0
  25. package/es/index.css +127 -3
  26. package/es/index.d.ts +1 -0
  27. package/es/index.js +1 -0
  28. package/es/index.less +1 -0
  29. package/es/typeIcons/component.js +5 -2
  30. package/es/utils/typeMap.d.ts +17 -13
  31. package/es/utils/typeMap.js +18 -2
  32. package/lib/baseFilter/component.js +189 -0
  33. package/lib/baseFilter/index.js +8 -0
  34. package/lib/baseFilter/style/css.js +2 -0
  35. package/lib/baseFilter/style/index.css +9 -0
  36. package/lib/baseFilter/style/index.js +2 -0
  37. package/lib/baseFilter/style/index.less +10 -0
  38. package/lib/contentDetailList/components/Content/DocItem/index.js +1 -1
  39. package/lib/contentDetailList/components/Content/DocMpItem/index.js +118 -0
  40. package/lib/contentDetailList/components/Content/KongoNavItem/index.js +2 -2
  41. package/lib/contentDetailList/components/Content/MaccountItem/index.js +1 -1
  42. package/lib/contentDetailList/components/Content/index.js +43 -0
  43. package/lib/contentDetailList/components/{Content/KongoNavItem/DocTags → DocTags}/index.js +9 -4
  44. package/lib/contentDetailList/style/ComoItem.less +1 -1
  45. package/lib/contentDetailList/style/DocItem.less +1 -1
  46. package/lib/contentDetailList/style/DocMpItem.less +136 -0
  47. package/lib/contentDetailList/style/LiveItem.less +1 -1
  48. package/lib/contentDetailList/style/index.css +118 -3
  49. package/lib/contentDetailList/style/index.less +1 -0
  50. package/lib/index.css +127 -3
  51. package/lib/index.js +2 -0
  52. package/lib/index.less +1 -0
  53. package/lib/typeIcons/component.js +4 -1
  54. package/lib/utils/typeMap.js +19 -1
  55. package/package.json +9 -9
  56. /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: 175px;
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: 160px;
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: 160px;
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
@@ -17,3 +17,4 @@
17
17
  @import './userDirector/style/index.less';
18
18
  @import './selectThumb/style/index.less';
19
19
  @import './editMetaInfo/style/index.less';
20
+ @import './baseFilter/style/index.less';
@@ -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 "),
@@ -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
- blank: string;
116
- svideo: string;
117
- fly_card: string;
118
- video: string;
119
- immersive_video: string;
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;
@@ -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,189 @@
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
+ var _a;
84
+ if (_parmas[key] === ((_a = columnsMap.value[key]) == null ? void 0 : _a.defaultValue)) {
85
+ delete _parmas[key];
86
+ }
87
+ });
88
+ if (props.formatQuery) {
89
+ const _parmasStr = Object.keys(_parmas).map((key) => {
90
+ return `${key}=${_parmas[key]}`;
91
+ }).join("&");
92
+ return _parmasStr;
93
+ }
94
+ return _parmas;
95
+ };
96
+ const _mpTypeOptions = typeMap.mpTypeOptions();
97
+ vue.watch(
98
+ () => columnsKeys.value,
99
+ (keys) => {
100
+ renderForm();
101
+ },
102
+ { immediate: true }
103
+ );
104
+ vue.watch(
105
+ () => form.value,
106
+ () => {
107
+ emit("search", formMatte(vue.toRaw(form.value)));
108
+ },
109
+ { deep: true }
110
+ );
111
+ const seriesOptions = doc.typeOptions();
112
+ return (_ctx, _cache) => {
113
+ var _a, _b, _c, _d;
114
+ return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
115
+ vue.createElementVNode("div", _hoisted_2, [
116
+ render.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
117
+ hasKey("word") ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.InputSearch), {
118
+ key: 0,
119
+ modelValue: form.value.word,
120
+ "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => form.value.word = $event),
121
+ style: vue.normalizeStyle({ width: styleWidth(columnsMap.value.word) }),
122
+ "allow-clear": "",
123
+ size: "medium",
124
+ placeholder: `\u8BF7\u8F93\u5165${(_a = columnsMap.value.word) == null ? void 0 : _a.label}`
125
+ }, null, 8, ["modelValue", "style", "placeholder"])) : vue.createCommentVNode("v-if", true),
126
+ hasKey("series") ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Select), {
127
+ key: 1,
128
+ modelValue: form.value.series,
129
+ "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => form.value.series = $event),
130
+ style: vue.normalizeStyle({ width: styleWidth(columnsMap.value.series) }),
131
+ placeholder: `\u8BF7\u9009\u62E9${(_b = columnsMap.value.series) == null ? void 0 : _b.label}`
132
+ }, {
133
+ default: vue.withCtx(() => [
134
+ (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(seriesOptions), (opt) => {
135
+ return vue.openBlock(), vue.createBlock(vue.unref(webVue.Option), {
136
+ key: opt.value,
137
+ label: opt.label,
138
+ value: opt.value
139
+ }, null, 8, ["label", "value"]);
140
+ }), 128))
141
+ ]),
142
+ _: 1
143
+ }, 8, ["modelValue", "style", "placeholder"])) : vue.createCommentVNode("v-if", true),
144
+ hasKey("pub_time") ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.RangePicker), {
145
+ key: 2,
146
+ modelValue: form.value.pub_time.range,
147
+ "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => form.value.pub_time.range = $event),
148
+ style: vue.normalizeStyle({ width: styleWidth(form.value.pub_time) }),
149
+ "value-format": "timestamp",
150
+ onClick: _cache[3] || (_cache[3] = vue.withModifiers(() => {
151
+ }, ["stop"]))
152
+ }, null, 8, ["modelValue", "style"])) : vue.createCommentVNode("v-if", true),
153
+ hasKey("mp_name") ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.InputSearch), {
154
+ key: 3,
155
+ modelValue: form.value.mp_name,
156
+ "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => form.value.mp_name = $event),
157
+ style: vue.normalizeStyle({ width: styleWidth(columnsMap.value.mp_name) }),
158
+ "allow-clear": "",
159
+ size: "medium",
160
+ placeholder: `\u8BF7\u8F93\u5165${(_c = columnsMap.value.mp_name) == null ? void 0 : _c.label}`
161
+ }, null, 8, ["modelValue", "style", "placeholder"])) : vue.createCommentVNode("v-if", true),
162
+ hasKey("mp_type") ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Select), {
163
+ key: 4,
164
+ modelValue: form.value.mp_type,
165
+ "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => form.value.mp_type = $event),
166
+ style: vue.normalizeStyle([{ width: styleWidth(columnsMap.value.mp_type) }, { "width": "150px" }]),
167
+ placeholder: `\u8BF7\u9009\u62E9${(_d = columnsMap.value.mp_type) == null ? void 0 : _d.label}`
168
+ }, {
169
+ default: vue.withCtx(() => [
170
+ (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(_mpTypeOptions), (opt) => {
171
+ return vue.openBlock(), vue.createBlock(vue.unref(webVue.Option), {
172
+ key: opt.value,
173
+ label: opt.label,
174
+ value: opt.value
175
+ }, null, 8, ["label", "value"]);
176
+ }), 128))
177
+ ]),
178
+ _: 1
179
+ }, 8, ["modelValue", "style", "placeholder"])) : vue.createCommentVNode("v-if", true)
180
+ ])) : vue.createCommentVNode("v-if", true)
181
+ ]),
182
+ vue.createElementVNode("div", _hoisted_4, [
183
+ vue.renderSlot(_ctx.$slots, "right")
184
+ ])
185
+ ]);
186
+ };
187
+ }
188
+ });
189
+ module.exports = _sfc_main;
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ var component = require("./component.js");
3
+ const baseFilter = Object.assign(component, {
4
+ install: (app) => {
5
+ app.component(component.name, component);
6
+ }
7
+ });
8
+ module.exports = baseFilter;
@@ -0,0 +1,2 @@
1
+ "use strict";
2
+ require("./index.css");
@@ -0,0 +1,9 @@
1
+ .base-filter-container {
2
+ display: flex;
3
+ align-items: center;
4
+ justify-content: space-between;
5
+ }
6
+ .base-filter-container .left {
7
+ display: flex;
8
+ align-items: center;
9
+ }
@@ -0,0 +1,2 @@
1
+ "use strict";
2
+ require("./index.less");
@@ -0,0 +1,10 @@
1
+ .base-filter-container {
2
+ display: flex;
3
+ align-items: center;
4
+ justify-content: space-between;
5
+ .left {
6
+ display: flex;
7
+ align-items: center;
8
+ }
9
+ .right {}
10
+ }
@@ -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("../KongoNavItem/DocTags/index.js");
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("./DocTags/index.js");
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;