@cmstops/pro-compo 3.9.1-rc.1 → 3.9.1-rc.11
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/README.md +103 -76
- package/dist/index.css +49 -4
- package/dist/index.min.css +1 -1
- package/es/baseFilter/component.js +71 -14
- package/es/config.js +1 -1
- package/es/contentDetailList/component.js +24 -0
- package/es/contentDetailList/components/Content/index.js +2 -1
- package/es/contentDetailList/components/Doc/index.js +6 -0
- package/es/docHistory/component.js +41 -12
- package/es/docHistory/scripts/diff.js +4 -3
- package/es/docHistory/style/index.css +4 -0
- package/es/docHistory/style/index.less +5 -0
- package/es/hooks/useAttachement.js +2 -9
- package/es/hooks/usePopper.d.ts +1 -1
- package/es/hooks/usePopper.js +3 -3
- package/es/hooks/useUpload.d.ts +50 -2
- package/es/hooks/useUpload.js +43 -4
- package/es/index.css +49 -4
- package/es/index.d.ts +1 -0
- package/es/index.js +1 -0
- package/es/selectAddTo/component.d.ts +0 -0
- package/es/selectAddTo/component.js +125 -0
- package/es/selectAddTo/component.vue_vue_type_style_index_0_scoped_true_lang.js +2 -0
- package/es/selectAddTo/components/ViewAllColumn/MediaFilter/index.d.ts +0 -0
- package/es/selectAddTo/components/ViewAllColumn/MediaFilter/index.js +169 -0
- package/es/selectAddTo/components/ViewAllColumn/columnTree/index.d.ts +0 -0
- package/es/selectAddTo/components/ViewAllColumn/index.d.ts +0 -0
- package/es/selectAddTo/components/ViewAllColumn/index.js +209 -0
- package/es/selectAddTo/components/ViewAllColumn/index.vue_vue_type_style_index_0_scoped_true_lang.js +2 -0
- package/es/selectAddTo/components/ViewAllColumn/script/useTableColumns.js +78 -0
- package/es/selectAddTo/components/ViewAllColumn/script/useViewAllColumnState.d.ts +144 -0
- package/es/selectAddTo/components/ViewAllColumn/script/useViewAllColumnState.js +193 -0
- package/es/selectAddTo/components/ViewAllColumn/types/index.d.ts +59 -0
- package/es/selectAddTo/index.d.ts +2 -0
- package/es/selectAddTo/index.js +7 -0
- package/es/selectAddTo/script/api.d.ts +18 -0
- package/es/selectAddTo/script/api.js +30 -0
- package/es/selectAddTo/script/index.d.ts +2 -0
- package/es/selectAddTo/script/useSelectAddToState.d.ts +21 -0
- package/es/selectAddTo/script/useSelectAddToState.js +106 -0
- package/es/selectAddTo/style/css.js +1 -0
- package/es/selectAddTo/style/index.css +3 -0
- package/es/selectAddTo/style/index.d.ts +1 -0
- package/es/selectAddTo/style/index.js +1 -0
- package/es/selectAddTo/style/index.less +3 -0
- package/es/selectAddTo/types/index.d.ts +42 -0
- package/es/selectResourceModal/__demo__/module/DivWrapper.d.ts +268 -0
- package/es/selectResourceModal/__demo__/module/basic.d.ts +299 -0
- package/es/selectResourceModal/components/List/ListLocal/index.js +8 -3
- package/es/selectResourceModal/components/List/ListNormal/Filter.js +201 -89
- package/es/selectResourceModal/components/List/ListNormal/index.js +23 -7
- package/es/selectResourceModal/hooks/useResponsiveFilter.d.ts +21 -0
- package/es/selectResourceModal/hooks/useResponsiveFilter.js +142 -0
- package/es/selectResourceModal/scripts/useCompoLf.js +1 -1
- package/es/selectResourceModal/style/index.css +45 -4
- package/es/selectResourceModal/style/index.less +14 -0
- package/es/selectResourceModal/style/list.less +40 -4
- package/es/selectThumb/component.js +16 -27
- package/es/style.css +57 -0
- package/es/typeIcons/component.js +1 -1
- package/es/utils/index.js +6 -6
- package/lib/baseFilter/component.js +69 -12
- package/lib/config.js +1 -1
- package/lib/contentDetailList/component.js +24 -0
- package/lib/contentDetailList/components/Content/index.js +2 -1
- package/lib/contentDetailList/components/Doc/index.js +6 -0
- package/lib/docHistory/component.js +39 -10
- package/lib/docHistory/scripts/diff.js +4 -3
- package/lib/docHistory/style/index.css +4 -0
- package/lib/docHistory/style/index.less +5 -0
- package/lib/hooks/useAttachement.js +2 -9
- package/lib/hooks/usePopper.js +3 -3
- package/lib/hooks/useUpload.js +43 -3
- package/lib/index.css +49 -4
- package/lib/index.js +2 -0
- package/lib/selectAddTo/component.js +126 -0
- package/lib/selectAddTo/component.vue_vue_type_style_index_0_scoped_true_lang.js +3 -0
- package/lib/selectAddTo/components/ViewAllColumn/MediaFilter/index.js +170 -0
- package/lib/selectAddTo/components/ViewAllColumn/index.js +210 -0
- package/lib/selectAddTo/components/ViewAllColumn/index.vue_vue_type_style_index_0_scoped_true_lang.js +3 -0
- package/lib/selectAddTo/components/ViewAllColumn/script/useTableColumns.js +80 -0
- package/lib/selectAddTo/components/ViewAllColumn/script/useViewAllColumnState.js +195 -0
- package/lib/selectAddTo/index.js +8 -0
- package/lib/selectAddTo/script/api.js +35 -0
- package/lib/selectAddTo/script/useSelectAddToState.js +108 -0
- package/lib/selectAddTo/style/css.js +2 -0
- package/lib/selectAddTo/style/index.css +3 -0
- package/lib/selectAddTo/style/index.js +2 -0
- package/lib/selectAddTo/style/index.less +3 -0
- package/lib/selectResourceModal/components/List/ListLocal/index.js +6 -1
- package/lib/selectResourceModal/components/List/ListNormal/Filter.js +198 -86
- package/lib/selectResourceModal/components/List/ListNormal/index.js +22 -6
- package/lib/selectResourceModal/hooks/useResponsiveFilter.js +144 -0
- package/lib/selectResourceModal/scripts/useCompoLf.js +1 -1
- package/lib/selectResourceModal/style/index.css +45 -4
- package/lib/selectResourceModal/style/index.less +14 -0
- package/lib/selectResourceModal/style/list.less +40 -4
- package/lib/selectThumb/component.js +16 -27
- package/lib/typeIcons/component.js +1 -1
- package/lib/utils/index.js +6 -6
- package/package.json +1 -1
package/es/index.css
CHANGED
|
@@ -4529,11 +4529,13 @@
|
|
|
4529
4529
|
}
|
|
4530
4530
|
.resource-list-footer,
|
|
4531
4531
|
.resource-list-header,
|
|
4532
|
+
.resource-list-content .resource-list-content-empty,
|
|
4532
4533
|
.resource-list-content .arco-scrollbar-container {
|
|
4533
4534
|
padding: 0 40px;
|
|
4534
4535
|
}
|
|
4535
4536
|
.resource-list-footer {
|
|
4536
4537
|
display: flex;
|
|
4538
|
+
flex-wrap: wrap;
|
|
4537
4539
|
justify-content: space-between;
|
|
4538
4540
|
padding-bottom: 20px;
|
|
4539
4541
|
}
|
|
@@ -4543,6 +4545,10 @@
|
|
|
4543
4545
|
gap: 10px;
|
|
4544
4546
|
align-items: center;
|
|
4545
4547
|
justify-content: flex-end;
|
|
4548
|
+
margin-top: 10px;
|
|
4549
|
+
}
|
|
4550
|
+
.resource-list-footer .footer-right .list-selected-wrapper {
|
|
4551
|
+
font-size: 12px;
|
|
4546
4552
|
}
|
|
4547
4553
|
.resource-list-content-loading {
|
|
4548
4554
|
display: flex;
|
|
@@ -4554,7 +4560,7 @@
|
|
|
4554
4560
|
.resource-list .list-item-grid {
|
|
4555
4561
|
display: grid;
|
|
4556
4562
|
grid-gap: 20px;
|
|
4557
|
-
grid-template-columns: repeat(
|
|
4563
|
+
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
|
|
4558
4564
|
}
|
|
4559
4565
|
.resource-list .list-content {
|
|
4560
4566
|
margin-top: 30px;
|
|
@@ -4597,7 +4603,8 @@
|
|
|
4597
4603
|
}
|
|
4598
4604
|
.resource-list .list-filter-wrapper .list-filter-tags {
|
|
4599
4605
|
display: flex;
|
|
4600
|
-
|
|
4606
|
+
flex-wrap: wrap;
|
|
4607
|
+
gap: 10px;
|
|
4601
4608
|
margin-top: 10px;
|
|
4602
4609
|
}
|
|
4603
4610
|
.resource-list .list-filter-wrapper .list-filter-tags .list-filter-tag {
|
|
@@ -4618,16 +4625,41 @@
|
|
|
4618
4625
|
justify-content: space-between;
|
|
4619
4626
|
}
|
|
4620
4627
|
.resource-list .list-filter-wrapper .list-filter .filter-list {
|
|
4628
|
+
position: relative;
|
|
4629
|
+
/** 给 popup 一个参考 */
|
|
4621
4630
|
display: flex;
|
|
4622
|
-
flex-wrap: wrap;
|
|
4623
|
-
gap: 10px;
|
|
4624
4631
|
}
|
|
4625
4632
|
.resource-list .list-filter-wrapper .list-filter .filter-list .filter-item {
|
|
4626
4633
|
width: 100px;
|
|
4634
|
+
margin-right: 10px;
|
|
4635
|
+
}
|
|
4636
|
+
.resource-list .list-filter-wrapper .list-filter .filter-list .arco-trigger-popup {
|
|
4637
|
+
z-index: 100000 !important;
|
|
4627
4638
|
}
|
|
4628
4639
|
.resource-list .list-filter-wrapper .list-filter .arco-input-prepend {
|
|
4629
4640
|
padding: 0;
|
|
4630
4641
|
}
|
|
4642
|
+
.resource-list .list-filter-wrapper .list-filter .more-btn {
|
|
4643
|
+
position: relative;
|
|
4644
|
+
/** 给 poperjs 一个参考 */
|
|
4645
|
+
}
|
|
4646
|
+
.resource-list .list-filter-wrapper .list-filter .more-btn .filter-pannel {
|
|
4647
|
+
inset: 40px auto auto auto !important;
|
|
4648
|
+
}
|
|
4649
|
+
.resource-list .list-filter-wrapper .filter-extra {
|
|
4650
|
+
display: flex;
|
|
4651
|
+
gap: 10px;
|
|
4652
|
+
}
|
|
4653
|
+
.resource-list .list-filter-wrapper .filter-pannel {
|
|
4654
|
+
z-index: 100000;
|
|
4655
|
+
display: flex;
|
|
4656
|
+
flex-direction: column;
|
|
4657
|
+
gap: 10px;
|
|
4658
|
+
padding: 10px;
|
|
4659
|
+
background-color: #fff;
|
|
4660
|
+
border-radius: 4px;
|
|
4661
|
+
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
|
|
4662
|
+
}
|
|
4631
4663
|
.resource-list .title {
|
|
4632
4664
|
display: flex;
|
|
4633
4665
|
gap: 8px;
|
|
@@ -4641,6 +4673,10 @@
|
|
|
4641
4673
|
height: 16px;
|
|
4642
4674
|
background-color: #4886ff;
|
|
4643
4675
|
}
|
|
4676
|
+
.resource-select-wrap {
|
|
4677
|
+
width: 100%;
|
|
4678
|
+
height: 100%;
|
|
4679
|
+
}
|
|
4644
4680
|
.resource-select-modal-body {
|
|
4645
4681
|
height: 80vh;
|
|
4646
4682
|
padding: 0;
|
|
@@ -4669,6 +4705,11 @@
|
|
|
4669
4705
|
.resource-select-container .resource-select-header .arco-tabs-content {
|
|
4670
4706
|
display: none !important;
|
|
4671
4707
|
}
|
|
4708
|
+
.resource-select-container .resource-list-content .resource-list-content-empty {
|
|
4709
|
+
box-sizing: border-box;
|
|
4710
|
+
width: 100%;
|
|
4711
|
+
height: 100%;
|
|
4712
|
+
}
|
|
4672
4713
|
.iframe-container {
|
|
4673
4714
|
position: relative;
|
|
4674
4715
|
height: 95vh;
|
|
@@ -4925,6 +4966,10 @@
|
|
|
4925
4966
|
.doc-history-drawer .arco-drawer-footer {
|
|
4926
4967
|
text-align: left;
|
|
4927
4968
|
}
|
|
4969
|
+
.doc-history-modal-wrap {
|
|
4970
|
+
height: 70vh;
|
|
4971
|
+
padding: 0;
|
|
4972
|
+
}
|
|
4928
4973
|
.video-thumb {
|
|
4929
4974
|
display: flex;
|
|
4930
4975
|
flex-direction: column;
|
package/es/index.d.ts
CHANGED
|
@@ -28,3 +28,4 @@ export { default as docPreview } from './docPreview';
|
|
|
28
28
|
export { default as docHistory } from './docHistory';
|
|
29
29
|
export { default as videoThumb } from './videoThumb';
|
|
30
30
|
export { default as importData } from './importData';
|
|
31
|
+
export { default as selectAddTo } from './selectAddTo';
|
package/es/index.js
CHANGED
|
@@ -28,3 +28,4 @@ export { default as docPreview } from "./docPreview/index.js";
|
|
|
28
28
|
export { default as docHistory } from "./docHistory/index.js";
|
|
29
29
|
export { default as videoThumb } from "./videoThumb/index.js";
|
|
30
30
|
export { default as importData } from "./importData/index.js";
|
|
31
|
+
export { default as selectAddTo } from "./selectAddTo/index.js";
|
|
File without changes
|
|
@@ -0,0 +1,125 @@
|
|
|
1
|
+
import { defineComponent, onMounted, resolveComponent, openBlock, createBlock, unref, withCtx, createTextVNode, toDisplayString, createVNode, isRef, createCommentVNode } from "vue";
|
|
2
|
+
import { Modal, Tabs, Button } from "@arco-design/web-vue";
|
|
3
|
+
import ViewAllColumn from "./components/ViewAllColumn/index.js";
|
|
4
|
+
import "../typeIcons/style/index.js";
|
|
5
|
+
import { useSelectAddToState } from "./script/useSelectAddToState.js";
|
|
6
|
+
import "./component.vue_vue_type_style_index_0_scoped_true_lang.js";
|
|
7
|
+
import _export_sfc from "../_virtual/plugin-vue_export-helper.js";
|
|
8
|
+
const _sfc_main = defineComponent({
|
|
9
|
+
...{ name: "selectAddTo" },
|
|
10
|
+
__name: "component",
|
|
11
|
+
props: {
|
|
12
|
+
BASE_API: {},
|
|
13
|
+
visible: { type: Boolean },
|
|
14
|
+
title: {},
|
|
15
|
+
outsideSelectData: {},
|
|
16
|
+
defaultSelectedData: {},
|
|
17
|
+
maxSelect: {},
|
|
18
|
+
typeData: {},
|
|
19
|
+
userStore: {},
|
|
20
|
+
compoFilter: { type: Boolean, default: false },
|
|
21
|
+
typeKey: {},
|
|
22
|
+
rid: {}
|
|
23
|
+
},
|
|
24
|
+
emits: ["update:visible", "comfirm"],
|
|
25
|
+
setup(__props, { emit: __emit }) {
|
|
26
|
+
const emit = __emit;
|
|
27
|
+
const props = __props;
|
|
28
|
+
const {
|
|
29
|
+
visible,
|
|
30
|
+
title,
|
|
31
|
+
selectedData,
|
|
32
|
+
hasSelected,
|
|
33
|
+
typeDataController,
|
|
34
|
+
userInfo,
|
|
35
|
+
handleOk,
|
|
36
|
+
handleCancel,
|
|
37
|
+
comfirm,
|
|
38
|
+
HandleOpen,
|
|
39
|
+
HandleClose,
|
|
40
|
+
tabsChange,
|
|
41
|
+
selectedDataChangeHandle,
|
|
42
|
+
loadConfig,
|
|
43
|
+
getUserInfoHandle
|
|
44
|
+
} = useSelectAddToState(props, emit);
|
|
45
|
+
onMounted(() => {
|
|
46
|
+
if (props.userStore) {
|
|
47
|
+
userInfo.value = { BASE_API: props.BASE_API, ...props.userStore };
|
|
48
|
+
} else {
|
|
49
|
+
getUserInfoHandle();
|
|
50
|
+
}
|
|
51
|
+
loadConfig();
|
|
52
|
+
});
|
|
53
|
+
return (_ctx, _cache) => {
|
|
54
|
+
const _component_storeBox = resolveComponent("storeBox");
|
|
55
|
+
return openBlock(), createBlock(unref(Modal), {
|
|
56
|
+
footer: false,
|
|
57
|
+
"mask-closable": false,
|
|
58
|
+
visible: unref(visible),
|
|
59
|
+
"body-class": "add-content-modal-body",
|
|
60
|
+
"modal-class": "add-content-modal-wrapper",
|
|
61
|
+
"title-align": "start",
|
|
62
|
+
"unmount-on-close": "",
|
|
63
|
+
width: "1020px",
|
|
64
|
+
onCancel: unref(handleCancel),
|
|
65
|
+
onClose: unref(HandleClose),
|
|
66
|
+
onOk: unref(handleOk),
|
|
67
|
+
onOpen: unref(HandleOpen)
|
|
68
|
+
}, {
|
|
69
|
+
title: withCtx(() => [
|
|
70
|
+
createTextVNode(toDisplayString(unref(title)), 1)
|
|
71
|
+
]),
|
|
72
|
+
default: withCtx(() => [
|
|
73
|
+
createVNode(unref(Tabs), {
|
|
74
|
+
class: "content-tabs",
|
|
75
|
+
justify: "",
|
|
76
|
+
"lazy-load": "",
|
|
77
|
+
onTabClick: unref(tabsChange)
|
|
78
|
+
}, {
|
|
79
|
+
default: withCtx(() => {
|
|
80
|
+
var _a, _b;
|
|
81
|
+
return [
|
|
82
|
+
_ctx.rid ? (openBlock(), createBlock(ViewAllColumn, {
|
|
83
|
+
key: 0,
|
|
84
|
+
rid: _ctx.rid,
|
|
85
|
+
"default-selected-data": unref(selectedData),
|
|
86
|
+
"max-select": _ctx.maxSelect,
|
|
87
|
+
"user-info": unref(userInfo),
|
|
88
|
+
"type-key": _ctx.typeKey || "",
|
|
89
|
+
"type-data": unref(typeDataController),
|
|
90
|
+
series: ((_a = unref(typeDataController)) == null ? void 0 : _a.docSeries) || "all",
|
|
91
|
+
banner: ((_b = unref(typeDataController)) == null ? void 0 : _b.docBanner) || "all",
|
|
92
|
+
onChange: unref(selectedDataChangeHandle)
|
|
93
|
+
}, {
|
|
94
|
+
store: withCtx(() => [
|
|
95
|
+
createVNode(_component_storeBox, {
|
|
96
|
+
selectData: unref(selectedData),
|
|
97
|
+
"onUpdate:selectData": _cache[0] || (_cache[0] = ($event) => isRef(selectedData) ? selectedData.value = $event : null)
|
|
98
|
+
}, null, 8, ["selectData"])
|
|
99
|
+
]),
|
|
100
|
+
options: withCtx(() => [
|
|
101
|
+
createVNode(unref(Button), {
|
|
102
|
+
disabled: !unref(hasSelected),
|
|
103
|
+
type: "primary",
|
|
104
|
+
onClick: unref(comfirm)
|
|
105
|
+
}, {
|
|
106
|
+
default: withCtx(() => _cache[1] || (_cache[1] = [
|
|
107
|
+
createTextVNode(" \u6DFB\u52A0 ")
|
|
108
|
+
])),
|
|
109
|
+
_: 1
|
|
110
|
+
}, 8, ["disabled", "onClick"])
|
|
111
|
+
]),
|
|
112
|
+
_: 1
|
|
113
|
+
}, 8, ["rid", "default-selected-data", "max-select", "user-info", "type-key", "type-data", "series", "banner", "onChange"])) : createCommentVNode("v-if", true)
|
|
114
|
+
];
|
|
115
|
+
}),
|
|
116
|
+
_: 1
|
|
117
|
+
}, 8, ["onTabClick"])
|
|
118
|
+
]),
|
|
119
|
+
_: 1
|
|
120
|
+
}, 8, ["visible", "onCancel", "onClose", "onOk", "onOpen"]);
|
|
121
|
+
};
|
|
122
|
+
}
|
|
123
|
+
});
|
|
124
|
+
var _selectAddTo = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4e1a01f6"]]);
|
|
125
|
+
export { _selectAddTo as default };
|
|
File without changes
|
|
@@ -0,0 +1,169 @@
|
|
|
1
|
+
import { defineComponent, ref, computed, watch, openBlock, createElementBlock, createVNode, unref, withCtx, Fragment, renderList, createElementVNode, toDisplayString, createBlock, createCommentVNode } from "vue";
|
|
2
|
+
import { Space, Input, Select, Option, Tooltip } from "@arco-design/web-vue";
|
|
3
|
+
import { IconInfoCircle } from "@arco-design/web-vue/es/icon";
|
|
4
|
+
const _hoisted_1 = { class: "media-filter-container" };
|
|
5
|
+
const _hoisted_2 = { style: { "display": "flex", "align-items": "center", "gap": "5px" } };
|
|
6
|
+
const _hoisted_3 = {
|
|
7
|
+
key: 0,
|
|
8
|
+
class: "sort-button"
|
|
9
|
+
};
|
|
10
|
+
const _sfc_main = defineComponent({
|
|
11
|
+
...{ name: "MediaFilter" },
|
|
12
|
+
__name: "index",
|
|
13
|
+
props: {
|
|
14
|
+
groupId: {},
|
|
15
|
+
tree: { default: () => [] },
|
|
16
|
+
series: { default: "all" },
|
|
17
|
+
banner: { default: "all" },
|
|
18
|
+
height: {},
|
|
19
|
+
userInfo: {},
|
|
20
|
+
typeKey: {}
|
|
21
|
+
},
|
|
22
|
+
emits: ["update:group_id", "search"],
|
|
23
|
+
setup(__props, { emit: __emit }) {
|
|
24
|
+
const props = __props;
|
|
25
|
+
const column_id = ref("all");
|
|
26
|
+
const emit = __emit;
|
|
27
|
+
const filter = ref({
|
|
28
|
+
keywords: "",
|
|
29
|
+
type: "",
|
|
30
|
+
cover_type: "",
|
|
31
|
+
banner: "",
|
|
32
|
+
sort: -1,
|
|
33
|
+
order: "create_time",
|
|
34
|
+
wordState: "precision"
|
|
35
|
+
});
|
|
36
|
+
const wordStateOptions = [
|
|
37
|
+
{
|
|
38
|
+
value: "precision",
|
|
39
|
+
label: "\u7CBE\u51C6\u641C",
|
|
40
|
+
desc: "\u4F1A\u4EE5\u8F93\u5165\u7684\u5B8C\u6574\u5173\u952E\u8BCD\u201C\u6210\u957F\u201D\u8FDB\u884C\u641C\u7D22\uFF0C\u641C\u7D22\u7ED3\u679C\u5173\u8054\u6027\u66F4\u9AD8\uFF0C\u4F46\u641C\u7D22\u7ED3\u679C\u66F4\u5C11"
|
|
41
|
+
},
|
|
42
|
+
{
|
|
43
|
+
value: "blur",
|
|
44
|
+
label: "\u6A21\u7CCA\u641C",
|
|
45
|
+
desc: "\u4F1A\u5C06\u8F93\u5165\u5185\u5BB9\u5206\u8BCD\uFF0C\u4F8B\u5982\u201C\u6210\u957F\u201D\u4F1A\u5206\u4E3A\u201C\u6210\u201D\u3001\u201C\u957F\u201D\u3001\u201C\u6210\u957F\u201D\uFF0C\u5185\u5BB9\u5305\u542B\u4E09\u4E2A\u8BCD\u4E2D\u4EFB\u610F\u4E00\u4E2A\u5747\u4F1A\u663E\u793A\u51FA\u6765\uFF0C\u641C\u7D22\u5185\u5BB9\u66F4\u52A0\u4E30\u5BCC"
|
|
46
|
+
}
|
|
47
|
+
];
|
|
48
|
+
const sortMethodOptions = computed(() => {
|
|
49
|
+
return [
|
|
50
|
+
{ value: "pub_time", label: "\u53D1\u5E03\u65F6\u95F4" },
|
|
51
|
+
{ value: "create_time", label: "\u521B\u5EFA\u65F6\u95F4" }
|
|
52
|
+
];
|
|
53
|
+
});
|
|
54
|
+
const checkout = (type) => {
|
|
55
|
+
filter.value.wordState = type;
|
|
56
|
+
};
|
|
57
|
+
const handleSearch = () => {
|
|
58
|
+
const params = JSON.parse(JSON.stringify(filter.value));
|
|
59
|
+
if (filter.value.wordState === "precision") {
|
|
60
|
+
params.precise_kw = params.keywords;
|
|
61
|
+
delete params.keywords;
|
|
62
|
+
}
|
|
63
|
+
delete params.wordState;
|
|
64
|
+
emit("search", params);
|
|
65
|
+
};
|
|
66
|
+
watch(
|
|
67
|
+
() => filter.value,
|
|
68
|
+
() => {
|
|
69
|
+
handleSearch();
|
|
70
|
+
},
|
|
71
|
+
{ deep: true }
|
|
72
|
+
);
|
|
73
|
+
watch(
|
|
74
|
+
() => props.groupId,
|
|
75
|
+
(val) => {
|
|
76
|
+
column_id.value = val;
|
|
77
|
+
}
|
|
78
|
+
);
|
|
79
|
+
watch(
|
|
80
|
+
() => props.banner,
|
|
81
|
+
(val) => {
|
|
82
|
+
filter.value.banner = val === "all" ? "" : val;
|
|
83
|
+
},
|
|
84
|
+
{ immediate: true }
|
|
85
|
+
);
|
|
86
|
+
watch(
|
|
87
|
+
() => column_id.value,
|
|
88
|
+
(val) => {
|
|
89
|
+
emit("update:group_id", val);
|
|
90
|
+
}
|
|
91
|
+
);
|
|
92
|
+
return (_ctx, _cache) => {
|
|
93
|
+
return openBlock(), createElementBlock("div", _hoisted_1, [
|
|
94
|
+
createVNode(unref(Space), { size: "small" }, {
|
|
95
|
+
default: withCtx(() => [
|
|
96
|
+
createVNode(unref(Input), {
|
|
97
|
+
modelValue: filter.value.keywords,
|
|
98
|
+
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => filter.value.keywords = $event),
|
|
99
|
+
"allow-clear": "",
|
|
100
|
+
class: "filter-item keyword",
|
|
101
|
+
placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9\u6807\u9898",
|
|
102
|
+
style: { width: "240px" },
|
|
103
|
+
onPressEnter: handleSearch
|
|
104
|
+
}, {
|
|
105
|
+
prepend: withCtx(() => [
|
|
106
|
+
createVNode(unref(Select), {
|
|
107
|
+
modelValue: filter.value.wordState,
|
|
108
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => filter.value.wordState = $event),
|
|
109
|
+
placeholder: "\u8BF7\u9009\u62E9",
|
|
110
|
+
onSelect: checkout
|
|
111
|
+
}, {
|
|
112
|
+
default: withCtx(() => [
|
|
113
|
+
(openBlock(), createElementBlock(Fragment, null, renderList(wordStateOptions, (item, index) => {
|
|
114
|
+
return createVNode(unref(Option), {
|
|
115
|
+
key: index,
|
|
116
|
+
value: item.value,
|
|
117
|
+
label: item.label
|
|
118
|
+
}, {
|
|
119
|
+
default: withCtx(() => [
|
|
120
|
+
createElementVNode("div", _hoisted_2, [
|
|
121
|
+
createElementVNode("span", null, toDisplayString(item.label), 1),
|
|
122
|
+
createVNode(unref(Tooltip), {
|
|
123
|
+
effect: "dark",
|
|
124
|
+
content: item.desc,
|
|
125
|
+
position: "right"
|
|
126
|
+
}, {
|
|
127
|
+
default: withCtx(() => [
|
|
128
|
+
createVNode(unref(IconInfoCircle))
|
|
129
|
+
]),
|
|
130
|
+
_: 2
|
|
131
|
+
}, 1032, ["content"])
|
|
132
|
+
])
|
|
133
|
+
]),
|
|
134
|
+
_: 2
|
|
135
|
+
}, 1032, ["value", "label"]);
|
|
136
|
+
}), 64))
|
|
137
|
+
]),
|
|
138
|
+
_: 1
|
|
139
|
+
}, 8, ["modelValue"])
|
|
140
|
+
]),
|
|
141
|
+
_: 1
|
|
142
|
+
}, 8, ["modelValue"])
|
|
143
|
+
]),
|
|
144
|
+
_: 1
|
|
145
|
+
}),
|
|
146
|
+
_ctx.typeKey && _ctx.typeKey !== "ZQ" ? (openBlock(), createElementBlock("div", _hoisted_3, [
|
|
147
|
+
createVNode(unref(Select), {
|
|
148
|
+
modelValue: filter.value.order,
|
|
149
|
+
"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => filter.value.order = $event),
|
|
150
|
+
class: "filter-item",
|
|
151
|
+
placeholder: "\u53D1\u5E03\u65F6\u95F4"
|
|
152
|
+
}, {
|
|
153
|
+
default: withCtx(() => [
|
|
154
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(sortMethodOptions.value, (item) => {
|
|
155
|
+
return openBlock(), createBlock(unref(Option), {
|
|
156
|
+
key: item.value,
|
|
157
|
+
label: item.label,
|
|
158
|
+
value: item.value
|
|
159
|
+
}, null, 8, ["label", "value"]);
|
|
160
|
+
}), 128))
|
|
161
|
+
]),
|
|
162
|
+
_: 1
|
|
163
|
+
}, 8, ["modelValue"])
|
|
164
|
+
])) : createCommentVNode("v-if", true)
|
|
165
|
+
]);
|
|
166
|
+
};
|
|
167
|
+
}
|
|
168
|
+
});
|
|
169
|
+
export { _sfc_main as default };
|
|
File without changes
|
|
File without changes
|
|
@@ -0,0 +1,209 @@
|
|
|
1
|
+
import { defineComponent, ref, onMounted, openBlock, createElementBlock, createVNode, unref, isRef, withCtx, createBlock, createElementVNode, toDisplayString, renderSlot, withDirectives, vShow } from "vue";
|
|
2
|
+
import { IconRight, IconDown } from "@arco-design/web-vue/es/icon";
|
|
3
|
+
import { Table, Checkbox, Pagination } from "@arco-design/web-vue";
|
|
4
|
+
import _sfc_main$2 from "../../../typeIcons/component.js";
|
|
5
|
+
import _sfc_main$1 from "./MediaFilter/index.js";
|
|
6
|
+
import _sfc_main$3 from "../../../dataTags/component.js";
|
|
7
|
+
import { timeFormat } from "../../../utils/index.js";
|
|
8
|
+
import { useViewAllColumnState } from "./script/useViewAllColumnState.js";
|
|
9
|
+
import { useTableColumns } from "./script/useTableColumns.js";
|
|
10
|
+
import "./index.vue_vue_type_style_index_0_scoped_true_lang.js";
|
|
11
|
+
import _export_sfc from "../../../_virtual/plugin-vue_export-helper.js";
|
|
12
|
+
const _hoisted_1 = { class: "view-all-column-container" };
|
|
13
|
+
const _hoisted_2 = {
|
|
14
|
+
key: 0,
|
|
15
|
+
class: "content-table-view"
|
|
16
|
+
};
|
|
17
|
+
const _hoisted_3 = { class: "title-span" };
|
|
18
|
+
const _hoisted_4 = { class: "title" };
|
|
19
|
+
const _hoisted_5 = { class: "title-span" };
|
|
20
|
+
const _hoisted_6 = { class: "title-span" };
|
|
21
|
+
const _hoisted_7 = {
|
|
22
|
+
key: 1,
|
|
23
|
+
class: "content-table-view"
|
|
24
|
+
};
|
|
25
|
+
const _hoisted_8 = { class: "title-span" };
|
|
26
|
+
const _hoisted_9 = { class: "title" };
|
|
27
|
+
const _hoisted_10 = { class: "title-span" };
|
|
28
|
+
const _hoisted_11 = { class: "title-span" };
|
|
29
|
+
const _hoisted_12 = { class: "bottom-view" };
|
|
30
|
+
const _hoisted_13 = { class: "left" };
|
|
31
|
+
const _sfc_main = defineComponent({
|
|
32
|
+
...{ name: "ViewAllColumn" },
|
|
33
|
+
__name: "index",
|
|
34
|
+
props: {
|
|
35
|
+
maxSelect: {},
|
|
36
|
+
defaultSelectedData: {},
|
|
37
|
+
typeData: {},
|
|
38
|
+
series: {},
|
|
39
|
+
banner: {},
|
|
40
|
+
userInfo: {},
|
|
41
|
+
typeKey: {},
|
|
42
|
+
rid: {}
|
|
43
|
+
},
|
|
44
|
+
emits: ["change"],
|
|
45
|
+
setup(__props, { emit: __emit }) {
|
|
46
|
+
const emit = __emit;
|
|
47
|
+
const props = __props;
|
|
48
|
+
const listMinHeight = ref(0);
|
|
49
|
+
const categoryCascaderData = ref([]);
|
|
50
|
+
const scrollPercent = { y: "100%" };
|
|
51
|
+
const {
|
|
52
|
+
selectedData,
|
|
53
|
+
mediaFileData,
|
|
54
|
+
dataLoading,
|
|
55
|
+
group_id,
|
|
56
|
+
page,
|
|
57
|
+
isItemChecked,
|
|
58
|
+
tableCellMouseEnter,
|
|
59
|
+
tableCellMouseLeave,
|
|
60
|
+
selectTableCell,
|
|
61
|
+
selectTableAll,
|
|
62
|
+
search,
|
|
63
|
+
pageChangeHandle,
|
|
64
|
+
loadData,
|
|
65
|
+
loadMore
|
|
66
|
+
} = useViewAllColumnState(props, emit);
|
|
67
|
+
const { columns, politicalColumns } = useTableColumns(
|
|
68
|
+
props,
|
|
69
|
+
selectedData,
|
|
70
|
+
isItemChecked
|
|
71
|
+
);
|
|
72
|
+
onMounted(() => {
|
|
73
|
+
loadData();
|
|
74
|
+
});
|
|
75
|
+
return (_ctx, _cache) => {
|
|
76
|
+
return openBlock(), createElementBlock("div", _hoisted_1, [
|
|
77
|
+
createVNode(_sfc_main$1, {
|
|
78
|
+
group_id: unref(group_id),
|
|
79
|
+
"onUpdate:group_id": _cache[0] || (_cache[0] = ($event) => isRef(group_id) ? group_id.value = $event : null),
|
|
80
|
+
height: listMinHeight.value,
|
|
81
|
+
tree: categoryCascaderData.value,
|
|
82
|
+
"type-key": _ctx.typeKey,
|
|
83
|
+
onSearch: unref(search)
|
|
84
|
+
}, null, 8, ["group_id", "height", "tree", "type-key", "onSearch"]),
|
|
85
|
+
_ctx.typeKey && _ctx.typeKey !== "ZQ" ? (openBlock(), createElementBlock("div", _hoisted_2, [
|
|
86
|
+
createVNode(unref(Table), {
|
|
87
|
+
bordered: false,
|
|
88
|
+
columns: unref(columns),
|
|
89
|
+
data: unref(mediaFileData),
|
|
90
|
+
pagination: false,
|
|
91
|
+
loading: unref(dataLoading),
|
|
92
|
+
scroll: scrollPercent,
|
|
93
|
+
"load-more": unref(loadMore),
|
|
94
|
+
onCellMouseEnter: unref(tableCellMouseEnter),
|
|
95
|
+
onCellMouseLeave: unref(tableCellMouseLeave),
|
|
96
|
+
onRowClick: unref(selectTableCell)
|
|
97
|
+
}, {
|
|
98
|
+
"expand-icon": withCtx(({ expanded }) => [
|
|
99
|
+
!expanded ? (openBlock(), createBlock(unref(IconRight), { key: 0 })) : (openBlock(), createBlock(unref(IconDown), { key: 1 }))
|
|
100
|
+
]),
|
|
101
|
+
selectTitle: withCtx(() => [
|
|
102
|
+
createVNode(unref(Checkbox), {
|
|
103
|
+
"model-value": unref(selectedData).length === unref(mediaFileData).length,
|
|
104
|
+
class: "icon",
|
|
105
|
+
onChange: unref(selectTableAll)
|
|
106
|
+
}, null, 8, ["model-value", "onChange"])
|
|
107
|
+
]),
|
|
108
|
+
select: withCtx(({ record }) => [
|
|
109
|
+
createVNode(unref(Checkbox), {
|
|
110
|
+
"model-value": unref(isItemChecked)(unref(selectedData), record),
|
|
111
|
+
class: "icon"
|
|
112
|
+
}, null, 8, ["model-value"])
|
|
113
|
+
]),
|
|
114
|
+
title: withCtx(({ record }) => [
|
|
115
|
+
createElementVNode("span", _hoisted_3, [
|
|
116
|
+
createVNode(_sfc_main$2, {
|
|
117
|
+
type: record.series,
|
|
118
|
+
class: "icon",
|
|
119
|
+
doc: true
|
|
120
|
+
}, null, 8, ["type"]),
|
|
121
|
+
createElementVNode("span", _hoisted_4, toDisplayString(record.title || record.alias || "--"), 1)
|
|
122
|
+
])
|
|
123
|
+
]),
|
|
124
|
+
series: withCtx(({ record }) => [
|
|
125
|
+
createVNode(_sfc_main$3, { item: record }, null, 8, ["item"])
|
|
126
|
+
]),
|
|
127
|
+
duty_editor: withCtx(({ record }) => [
|
|
128
|
+
createElementVNode("span", _hoisted_5, [
|
|
129
|
+
createElementVNode("span", null, toDisplayString(record.duty_editor || "--"), 1)
|
|
130
|
+
])
|
|
131
|
+
]),
|
|
132
|
+
pub_time: withCtx(({ record }) => [
|
|
133
|
+
createElementVNode("span", _hoisted_6, [
|
|
134
|
+
createElementVNode("span", null, toDisplayString(unref(timeFormat)(record.pub_time)), 1)
|
|
135
|
+
])
|
|
136
|
+
]),
|
|
137
|
+
_: 1
|
|
138
|
+
}, 8, ["columns", "data", "loading", "load-more", "onCellMouseEnter", "onCellMouseLeave", "onRowClick"])
|
|
139
|
+
])) : (openBlock(), createElementBlock("div", _hoisted_7, [
|
|
140
|
+
createVNode(unref(Table), {
|
|
141
|
+
bordered: false,
|
|
142
|
+
columns: unref(politicalColumns),
|
|
143
|
+
data: unref(mediaFileData),
|
|
144
|
+
pagination: false,
|
|
145
|
+
loading: unref(dataLoading),
|
|
146
|
+
scroll: scrollPercent,
|
|
147
|
+
onCellMouseEnter: unref(tableCellMouseEnter),
|
|
148
|
+
onCellMouseLeave: unref(tableCellMouseLeave),
|
|
149
|
+
onRowClick: unref(selectTableCell)
|
|
150
|
+
}, {
|
|
151
|
+
selectTitle: withCtx(() => [
|
|
152
|
+
createVNode(unref(Checkbox), {
|
|
153
|
+
"model-value": unref(selectedData).length === unref(mediaFileData).length,
|
|
154
|
+
class: "icon",
|
|
155
|
+
onChange: unref(selectTableAll)
|
|
156
|
+
}, null, 8, ["model-value", "onChange"])
|
|
157
|
+
]),
|
|
158
|
+
select: withCtx(({ record }) => [
|
|
159
|
+
createVNode(unref(Checkbox), {
|
|
160
|
+
"model-value": unref(isItemChecked)(unref(selectedData), record),
|
|
161
|
+
class: "icon"
|
|
162
|
+
}, null, 8, ["model-value"])
|
|
163
|
+
]),
|
|
164
|
+
name: withCtx(({ record }) => [
|
|
165
|
+
createElementVNode("span", _hoisted_8, [
|
|
166
|
+
createVNode(_sfc_main$2, {
|
|
167
|
+
type: record.series,
|
|
168
|
+
class: "icon",
|
|
169
|
+
doc: ""
|
|
170
|
+
}, null, 8, ["type"]),
|
|
171
|
+
createElementVNode("span", _hoisted_9, toDisplayString(record.name || record.alias || "--"), 1)
|
|
172
|
+
])
|
|
173
|
+
]),
|
|
174
|
+
series: withCtx(({ record }) => [
|
|
175
|
+
createVNode(_sfc_main$3, { item: record }, null, 8, ["item"])
|
|
176
|
+
]),
|
|
177
|
+
position: withCtx(({ record }) => [
|
|
178
|
+
createElementVNode("span", _hoisted_10, [
|
|
179
|
+
createElementVNode("span", null, toDisplayString(record.position || "--"), 1)
|
|
180
|
+
])
|
|
181
|
+
]),
|
|
182
|
+
city_alias: withCtx(({ record }) => [
|
|
183
|
+
createElementVNode("span", _hoisted_11, [
|
|
184
|
+
createElementVNode("span", null, toDisplayString(record.city_alias || "--"), 1)
|
|
185
|
+
])
|
|
186
|
+
]),
|
|
187
|
+
_: 1
|
|
188
|
+
}, 8, ["columns", "data", "loading", "onCellMouseEnter", "onCellMouseLeave", "onRowClick"])
|
|
189
|
+
])),
|
|
190
|
+
createElementVNode("div", _hoisted_12, [
|
|
191
|
+
createElementVNode("div", _hoisted_13, [
|
|
192
|
+
renderSlot(_ctx.$slots, "store", {}, void 0, true),
|
|
193
|
+
withDirectives(createVNode(unref(Pagination), {
|
|
194
|
+
current: unref(page).index,
|
|
195
|
+
"page-size": unref(page).size,
|
|
196
|
+
total: unref(page).total,
|
|
197
|
+
onChange: unref(pageChangeHandle)
|
|
198
|
+
}, null, 8, ["current", "page-size", "total", "onChange"]), [
|
|
199
|
+
[vShow, unref(mediaFileData).length > 0]
|
|
200
|
+
])
|
|
201
|
+
]),
|
|
202
|
+
renderSlot(_ctx.$slots, "options", {}, void 0, true)
|
|
203
|
+
])
|
|
204
|
+
]);
|
|
205
|
+
};
|
|
206
|
+
}
|
|
207
|
+
});
|
|
208
|
+
var ViewAllColumn = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ac92e0de"]]);
|
|
209
|
+
export { ViewAllColumn as default };
|