@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.
Files changed (101) hide show
  1. package/README.md +103 -76
  2. package/dist/index.css +49 -4
  3. package/dist/index.min.css +1 -1
  4. package/es/baseFilter/component.js +71 -14
  5. package/es/config.js +1 -1
  6. package/es/contentDetailList/component.js +24 -0
  7. package/es/contentDetailList/components/Content/index.js +2 -1
  8. package/es/contentDetailList/components/Doc/index.js +6 -0
  9. package/es/docHistory/component.js +41 -12
  10. package/es/docHistory/scripts/diff.js +4 -3
  11. package/es/docHistory/style/index.css +4 -0
  12. package/es/docHistory/style/index.less +5 -0
  13. package/es/hooks/useAttachement.js +2 -9
  14. package/es/hooks/usePopper.d.ts +1 -1
  15. package/es/hooks/usePopper.js +3 -3
  16. package/es/hooks/useUpload.d.ts +50 -2
  17. package/es/hooks/useUpload.js +43 -4
  18. package/es/index.css +49 -4
  19. package/es/index.d.ts +1 -0
  20. package/es/index.js +1 -0
  21. package/es/selectAddTo/component.d.ts +0 -0
  22. package/es/selectAddTo/component.js +125 -0
  23. package/es/selectAddTo/component.vue_vue_type_style_index_0_scoped_true_lang.js +2 -0
  24. package/es/selectAddTo/components/ViewAllColumn/MediaFilter/index.d.ts +0 -0
  25. package/es/selectAddTo/components/ViewAllColumn/MediaFilter/index.js +169 -0
  26. package/es/selectAddTo/components/ViewAllColumn/columnTree/index.d.ts +0 -0
  27. package/es/selectAddTo/components/ViewAllColumn/index.d.ts +0 -0
  28. package/es/selectAddTo/components/ViewAllColumn/index.js +209 -0
  29. package/es/selectAddTo/components/ViewAllColumn/index.vue_vue_type_style_index_0_scoped_true_lang.js +2 -0
  30. package/es/selectAddTo/components/ViewAllColumn/script/useTableColumns.js +78 -0
  31. package/es/selectAddTo/components/ViewAllColumn/script/useViewAllColumnState.d.ts +144 -0
  32. package/es/selectAddTo/components/ViewAllColumn/script/useViewAllColumnState.js +193 -0
  33. package/es/selectAddTo/components/ViewAllColumn/types/index.d.ts +59 -0
  34. package/es/selectAddTo/index.d.ts +2 -0
  35. package/es/selectAddTo/index.js +7 -0
  36. package/es/selectAddTo/script/api.d.ts +18 -0
  37. package/es/selectAddTo/script/api.js +30 -0
  38. package/es/selectAddTo/script/index.d.ts +2 -0
  39. package/es/selectAddTo/script/useSelectAddToState.d.ts +21 -0
  40. package/es/selectAddTo/script/useSelectAddToState.js +106 -0
  41. package/es/selectAddTo/style/css.js +1 -0
  42. package/es/selectAddTo/style/index.css +3 -0
  43. package/es/selectAddTo/style/index.d.ts +1 -0
  44. package/es/selectAddTo/style/index.js +1 -0
  45. package/es/selectAddTo/style/index.less +3 -0
  46. package/es/selectAddTo/types/index.d.ts +42 -0
  47. package/es/selectResourceModal/__demo__/module/DivWrapper.d.ts +268 -0
  48. package/es/selectResourceModal/__demo__/module/basic.d.ts +299 -0
  49. package/es/selectResourceModal/components/List/ListLocal/index.js +8 -3
  50. package/es/selectResourceModal/components/List/ListNormal/Filter.js +201 -89
  51. package/es/selectResourceModal/components/List/ListNormal/index.js +23 -7
  52. package/es/selectResourceModal/hooks/useResponsiveFilter.d.ts +21 -0
  53. package/es/selectResourceModal/hooks/useResponsiveFilter.js +142 -0
  54. package/es/selectResourceModal/scripts/useCompoLf.js +1 -1
  55. package/es/selectResourceModal/style/index.css +45 -4
  56. package/es/selectResourceModal/style/index.less +14 -0
  57. package/es/selectResourceModal/style/list.less +40 -4
  58. package/es/selectThumb/component.js +16 -27
  59. package/es/style.css +57 -0
  60. package/es/typeIcons/component.js +1 -1
  61. package/es/utils/index.js +6 -6
  62. package/lib/baseFilter/component.js +69 -12
  63. package/lib/config.js +1 -1
  64. package/lib/contentDetailList/component.js +24 -0
  65. package/lib/contentDetailList/components/Content/index.js +2 -1
  66. package/lib/contentDetailList/components/Doc/index.js +6 -0
  67. package/lib/docHistory/component.js +39 -10
  68. package/lib/docHistory/scripts/diff.js +4 -3
  69. package/lib/docHistory/style/index.css +4 -0
  70. package/lib/docHistory/style/index.less +5 -0
  71. package/lib/hooks/useAttachement.js +2 -9
  72. package/lib/hooks/usePopper.js +3 -3
  73. package/lib/hooks/useUpload.js +43 -3
  74. package/lib/index.css +49 -4
  75. package/lib/index.js +2 -0
  76. package/lib/selectAddTo/component.js +126 -0
  77. package/lib/selectAddTo/component.vue_vue_type_style_index_0_scoped_true_lang.js +3 -0
  78. package/lib/selectAddTo/components/ViewAllColumn/MediaFilter/index.js +170 -0
  79. package/lib/selectAddTo/components/ViewAllColumn/index.js +210 -0
  80. package/lib/selectAddTo/components/ViewAllColumn/index.vue_vue_type_style_index_0_scoped_true_lang.js +3 -0
  81. package/lib/selectAddTo/components/ViewAllColumn/script/useTableColumns.js +80 -0
  82. package/lib/selectAddTo/components/ViewAllColumn/script/useViewAllColumnState.js +195 -0
  83. package/lib/selectAddTo/index.js +8 -0
  84. package/lib/selectAddTo/script/api.js +35 -0
  85. package/lib/selectAddTo/script/useSelectAddToState.js +108 -0
  86. package/lib/selectAddTo/style/css.js +2 -0
  87. package/lib/selectAddTo/style/index.css +3 -0
  88. package/lib/selectAddTo/style/index.js +2 -0
  89. package/lib/selectAddTo/style/index.less +3 -0
  90. package/lib/selectResourceModal/components/List/ListLocal/index.js +6 -1
  91. package/lib/selectResourceModal/components/List/ListNormal/Filter.js +198 -86
  92. package/lib/selectResourceModal/components/List/ListNormal/index.js +22 -6
  93. package/lib/selectResourceModal/hooks/useResponsiveFilter.js +144 -0
  94. package/lib/selectResourceModal/scripts/useCompoLf.js +1 -1
  95. package/lib/selectResourceModal/style/index.css +45 -4
  96. package/lib/selectResourceModal/style/index.less +14 -0
  97. package/lib/selectResourceModal/style/list.less +40 -4
  98. package/lib/selectThumb/component.js +16 -27
  99. package/lib/typeIcons/component.js +1 -1
  100. package/lib/utils/index.js +6 -6
  101. 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(5, 1fr);
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
- justify-content: space-between;
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 };
@@ -0,0 +1,2 @@
1
+ var component_vue_vue_type_style_index_0_scoped_true_lang = "";
2
+ export { component_vue_vue_type_style_index_0_scoped_true_lang as default };
@@ -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 };
@@ -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 };
@@ -0,0 +1,2 @@
1
+ var index_vue_vue_type_style_index_0_scoped_true_lang = "";
2
+ export { index_vue_vue_type_style_index_0_scoped_true_lang as default };