@cmstops/pro-compo 0.1.24 → 0.1.26
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 +24 -0
- package/dist/index.min.css +1 -1
- package/es/appCenter/script/routeMap.js +0 -1
- package/es/baseFilter/component.js +124 -62
- package/es/baseFilter/components/filterItem.d.ts +0 -0
- package/es/baseFilter/components/filterItem.js +18 -0
- package/es/baseFilter/style/index.css +24 -0
- package/es/baseFilter/style/index.less +26 -0
- package/es/contentDetailList/components/Content/KongoNavItem/index.js +13 -12
- package/es/index.css +24 -0
- package/es/messageBox/component.js +0 -1
- package/es/messageBox/list.js +0 -1
- package/es/selectThumb/component.js +0 -1
- package/es/uploadBefore/component.js +0 -1
- package/es/uploadBefore/components/UploadBefore.js +0 -1
- package/es/utils/doc.js +1 -1
- package/es/utils/request.js +0 -2
- package/es/utils/tusUpload.js +0 -2
- package/es/utils/typeMap.js +1 -1
- package/lib/appCenter/script/routeMap.js +0 -1
- package/lib/baseFilter/component.js +123 -61
- package/lib/baseFilter/components/filterItem.js +19 -0
- package/lib/baseFilter/style/index.css +24 -0
- package/lib/baseFilter/style/index.less +26 -0
- package/lib/contentDetailList/components/Content/KongoNavItem/index.js +13 -12
- package/lib/index.css +24 -0
- package/lib/messageBox/component.js +0 -1
- package/lib/messageBox/list.js +0 -1
- package/lib/selectThumb/component.js +0 -1
- package/lib/uploadBefore/component.js +0 -1
- package/lib/uploadBefore/components/UploadBefore.js +0 -1
- package/lib/utils/doc.js +1 -1
- package/lib/utils/request.js +0 -2
- package/lib/utils/tusUpload.js +0 -2
- package/lib/utils/typeMap.js +1 -1
- package/package.json +1 -1
|
@@ -5,6 +5,32 @@
|
|
|
5
5
|
.left {
|
|
6
6
|
display: flex;
|
|
7
7
|
align-items: center;
|
|
8
|
+
.form-ul {
|
|
9
|
+
display: flex;
|
|
10
|
+
align-items: center;
|
|
11
|
+
}
|
|
12
|
+
.filter-item-view {
|
|
13
|
+
margin-right: 1rem;
|
|
14
|
+
&.value {
|
|
15
|
+
.arco-picker,
|
|
16
|
+
.arco-picker-input-active input,
|
|
17
|
+
.arco-input-search,
|
|
18
|
+
.arco-select-view-single,
|
|
19
|
+
.arco-icon-hover,
|
|
20
|
+
.arco-icon-hover::before{
|
|
21
|
+
background-color: rgb(var(--primary-1));
|
|
22
|
+
}
|
|
23
|
+
.arco-picker input,
|
|
24
|
+
.arco-input-search,
|
|
25
|
+
.arco-select-view-single,
|
|
26
|
+
.arco-select-view-suffix,
|
|
27
|
+
.arco-picker-separator,
|
|
28
|
+
.arco-picker-suffix-icon,
|
|
29
|
+
.arco-icon-hover {
|
|
30
|
+
color: rgb(var(--primary-6));
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
}
|
|
8
34
|
}
|
|
9
35
|
.right {}
|
|
10
36
|
}
|
|
@@ -39,27 +39,28 @@ const _sfc_main = defineComponent({
|
|
|
39
39
|
return null;
|
|
40
40
|
return res.data[0].thumb;
|
|
41
41
|
});
|
|
42
|
+
const payload = computed(() => {
|
|
43
|
+
if (!props.item)
|
|
44
|
+
return null;
|
|
45
|
+
const _item = typeof props.item === "string" ? JSON.parse(props.item) : props.item;
|
|
46
|
+
return _item.payload;
|
|
47
|
+
});
|
|
42
48
|
const showValue = computed(() => {
|
|
43
|
-
|
|
49
|
+
const _payload = payload.value;
|
|
50
|
+
if (!_payload)
|
|
44
51
|
return "";
|
|
45
52
|
if (props.item.series === "category_list")
|
|
46
|
-
return
|
|
53
|
+
return _payload.rootAlias;
|
|
47
54
|
if (props.item.series === "service")
|
|
48
|
-
return
|
|
55
|
+
return _payload.label;
|
|
49
56
|
if (props.item.series === "document")
|
|
50
|
-
return
|
|
57
|
+
return _payload.title;
|
|
51
58
|
if (props.item.series === "url")
|
|
52
|
-
return
|
|
59
|
+
return _payload.relation_url;
|
|
53
60
|
if (props.item.series === "app")
|
|
54
|
-
return
|
|
61
|
+
return _payload.label;
|
|
55
62
|
return "";
|
|
56
63
|
});
|
|
57
|
-
computed(() => {
|
|
58
|
-
if (!props.item.payload)
|
|
59
|
-
return null;
|
|
60
|
-
const _payload = typeof props.item.payload === "string" ? JSON.parse(props.item.payload) : props.item.payload;
|
|
61
|
-
return _payload;
|
|
62
|
-
});
|
|
63
64
|
const clickTitle = () => {
|
|
64
65
|
emit("clickTitle", props.item);
|
|
65
66
|
};
|
package/es/index.css
CHANGED
|
@@ -2914,3 +2914,27 @@
|
|
|
2914
2914
|
display: flex;
|
|
2915
2915
|
align-items: center;
|
|
2916
2916
|
}
|
|
2917
|
+
.base-filter-container .left .form-ul {
|
|
2918
|
+
display: flex;
|
|
2919
|
+
align-items: center;
|
|
2920
|
+
}
|
|
2921
|
+
.base-filter-container .left .filter-item-view {
|
|
2922
|
+
margin-right: 1rem;
|
|
2923
|
+
}
|
|
2924
|
+
.base-filter-container .left .filter-item-view.value .arco-picker,
|
|
2925
|
+
.base-filter-container .left .filter-item-view.value .arco-picker-input-active input,
|
|
2926
|
+
.base-filter-container .left .filter-item-view.value .arco-input-search,
|
|
2927
|
+
.base-filter-container .left .filter-item-view.value .arco-select-view-single,
|
|
2928
|
+
.base-filter-container .left .filter-item-view.value .arco-icon-hover,
|
|
2929
|
+
.base-filter-container .left .filter-item-view.value .arco-icon-hover::before {
|
|
2930
|
+
background-color: rgb(var(--primary-1));
|
|
2931
|
+
}
|
|
2932
|
+
.base-filter-container .left .filter-item-view.value .arco-picker input,
|
|
2933
|
+
.base-filter-container .left .filter-item-view.value .arco-input-search,
|
|
2934
|
+
.base-filter-container .left .filter-item-view.value .arco-select-view-single,
|
|
2935
|
+
.base-filter-container .left .filter-item-view.value .arco-select-view-suffix,
|
|
2936
|
+
.base-filter-container .left .filter-item-view.value .arco-picker-separator,
|
|
2937
|
+
.base-filter-container .left .filter-item-view.value .arco-picker-suffix-icon,
|
|
2938
|
+
.base-filter-container .left .filter-item-view.value .arco-icon-hover {
|
|
2939
|
+
color: rgb(var(--primary-6));
|
|
2940
|
+
}
|
package/es/messageBox/list.js
CHANGED
|
@@ -50,7 +50,6 @@ const _sfc_main = defineComponent({
|
|
|
50
50
|
approval_retrial: { label: "\u60A8\u63D0\u4EA4\u4E86\u4E00\u9879\u5185\u5BB9\u5BA1\u6838\u88AB\u9A73\u56DE\u91CD\u5BA1" }
|
|
51
51
|
});
|
|
52
52
|
const openApprovalDetail = (msg) => {
|
|
53
|
-
console.log(msg);
|
|
54
53
|
};
|
|
55
54
|
const handleScroll = (e) => {
|
|
56
55
|
e && e.stopPropagation();
|
package/es/utils/doc.js
CHANGED
|
@@ -90,7 +90,7 @@ const typeOptions = () => {
|
|
|
90
90
|
label: docSeries[key].replace("\u7A3F\u4EF6", "")
|
|
91
91
|
};
|
|
92
92
|
});
|
|
93
|
-
return
|
|
93
|
+
return arr;
|
|
94
94
|
};
|
|
95
95
|
const approvalItem = (item) => {
|
|
96
96
|
if (!(item.approval_status && item.approval_status.current_processes)) {
|
package/es/utils/request.js
CHANGED
|
@@ -14,7 +14,6 @@ function request(BASE_API, options) {
|
|
|
14
14
|
return config;
|
|
15
15
|
},
|
|
16
16
|
(error) => {
|
|
17
|
-
console.log(error);
|
|
18
17
|
return Promise.reject(error);
|
|
19
18
|
}
|
|
20
19
|
);
|
|
@@ -27,7 +26,6 @@ function request(BASE_API, options) {
|
|
|
27
26
|
return res;
|
|
28
27
|
},
|
|
29
28
|
(error) => {
|
|
30
|
-
console.log(`err${error}`);
|
|
31
29
|
return Promise.reject(error);
|
|
32
30
|
}
|
|
33
31
|
);
|
package/es/utils/tusUpload.js
CHANGED
|
@@ -9,7 +9,6 @@ function uploadByTUS(file, progressCallback) {
|
|
|
9
9
|
xhr.withCredentials = true;
|
|
10
10
|
},
|
|
11
11
|
onError: (error) => {
|
|
12
|
-
console.log(error);
|
|
13
12
|
reject(error);
|
|
14
13
|
},
|
|
15
14
|
onProgress: (bytesSent, bytesTotal) => {
|
|
@@ -24,7 +23,6 @@ function uploadByTUS(file, progressCallback) {
|
|
|
24
23
|
}
|
|
25
24
|
function uploadConfig(file) {
|
|
26
25
|
const fType = getFileType(file);
|
|
27
|
-
console.log(DEFAULT_UPLOAD_URL);
|
|
28
26
|
return {
|
|
29
27
|
endpoint: DEFAULT_UPLOAD_URL,
|
|
30
28
|
chunkSize: DEFAULT_UPLOAD_CHUNK_SIZE,
|
package/es/utils/typeMap.js
CHANGED
|
@@ -104,7 +104,6 @@ async function routeMap(BASE_API, rid = auth.getRID(), listType, app = null) {
|
|
|
104
104
|
window.open(`${origin}/#/popManagement/${rid}`, "_blank");
|
|
105
105
|
return;
|
|
106
106
|
}
|
|
107
|
-
console.log(`/media/enterprisepublish/${rid}`);
|
|
108
107
|
window.open(`${origin}/#/media/enterprisepublish/${rid}`, "_blank");
|
|
109
108
|
}
|
|
110
109
|
module.exports = routeMap;
|
|
@@ -3,6 +3,7 @@ var vue = require("vue");
|
|
|
3
3
|
var webVue = require("@arco-design/web-vue");
|
|
4
4
|
var doc = require("../utils/doc.js");
|
|
5
5
|
var typeMap = require("../utils/typeMap.js");
|
|
6
|
+
var filterItem = require("./components/filterItem.js");
|
|
6
7
|
var config = require("../config.js");
|
|
7
8
|
const _hoisted_1 = { class: "base-filter-container" };
|
|
8
9
|
const _hoisted_2 = { class: "left" };
|
|
@@ -34,8 +35,21 @@ const _sfc_main = vue.defineComponent({
|
|
|
34
35
|
});
|
|
35
36
|
const formKeys = vue.computed(() => Object.keys(form.value));
|
|
36
37
|
const hasKey = (key) => formKeys.value.includes(key);
|
|
38
|
+
const hasValue = vue.computed(() => {
|
|
39
|
+
return (key) => {
|
|
40
|
+
var _a, _b;
|
|
41
|
+
if (typeof form.value[key] === "object" && Object.prototype.hasOwnProperty.call(form.value[key], "range")) {
|
|
42
|
+
return ((_a = form.value[key].range) == null ? void 0 : _a.length) > 0;
|
|
43
|
+
}
|
|
44
|
+
const bool = form.value[key] !== ((_b = columnsMap.value[key]) == null ? void 0 : _b.defaultValue);
|
|
45
|
+
if (bool) {
|
|
46
|
+
return true;
|
|
47
|
+
}
|
|
48
|
+
return false;
|
|
49
|
+
};
|
|
50
|
+
});
|
|
37
51
|
const styleWidth = (item) => {
|
|
38
|
-
if (item.range) {
|
|
52
|
+
if (typeof item === "object" && Object.prototype.hasOwnProperty.call(item, "range")) {
|
|
39
53
|
return item.width ? item.width : "260px";
|
|
40
54
|
}
|
|
41
55
|
return item.width ? item.width : "150px";
|
|
@@ -59,15 +73,15 @@ const _sfc_main = vue.defineComponent({
|
|
|
59
73
|
});
|
|
60
74
|
render.value = true;
|
|
61
75
|
form.value = _form;
|
|
62
|
-
console.log("_form", _form);
|
|
63
76
|
};
|
|
64
77
|
const formMatte = (_form) => {
|
|
65
78
|
Object.keys(_form).forEach((key) => {
|
|
66
|
-
|
|
67
|
-
if (((_b = (_a = _form[key]) == null ? void 0 : _a.range) == null ? void 0 : _b.length) > 0) {
|
|
79
|
+
if (typeof _form[key] === "object" && Object.prototype.hasOwnProperty.call(_form[key], "range")) {
|
|
68
80
|
Object.keys(_form[key]).forEach((k, index) => {
|
|
69
|
-
|
|
70
|
-
|
|
81
|
+
var _a;
|
|
82
|
+
const _time = ((_a = _form[key]) == null ? void 0 : _a.range) || {};
|
|
83
|
+
if (k !== "range" && k !== "width" && _time[index - 1]) {
|
|
84
|
+
_form[k] = Math.floor(_time[index - 1] / 1e3);
|
|
71
85
|
}
|
|
72
86
|
});
|
|
73
87
|
}
|
|
@@ -103,79 +117,127 @@ const _sfc_main = vue.defineComponent({
|
|
|
103
117
|
vue.watch(
|
|
104
118
|
() => form.value,
|
|
105
119
|
() => {
|
|
106
|
-
emit("search", formMatte(vue.toRaw(form.value)));
|
|
120
|
+
emit("search", formMatte(vue.toRaw({ ...form.value })));
|
|
107
121
|
},
|
|
108
122
|
{ deep: true }
|
|
109
123
|
);
|
|
110
124
|
const seriesOptions = doc.typeOptions();
|
|
111
125
|
return (_ctx, _cache) => {
|
|
112
|
-
var _a, _b, _c, _d;
|
|
113
126
|
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
|
|
114
127
|
vue.createElementVNode("div", _hoisted_2, [
|
|
115
128
|
render.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
|
|
116
|
-
hasKey("word") ? (vue.openBlock(), vue.createBlock(
|
|
129
|
+
hasKey("word") ? (vue.openBlock(), vue.createBlock(filterItem, {
|
|
117
130
|
key: 0,
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
131
|
+
active: hasValue.value("word")
|
|
132
|
+
}, {
|
|
133
|
+
default: vue.withCtx(() => {
|
|
134
|
+
var _a;
|
|
135
|
+
return [
|
|
136
|
+
vue.createVNode(vue.unref(webVue.InputSearch), {
|
|
137
|
+
modelValue: form.value.word,
|
|
138
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => form.value.word = $event),
|
|
139
|
+
style: vue.normalizeStyle({ width: styleWidth(columnsMap.value.word) }),
|
|
140
|
+
"allow-clear": "",
|
|
141
|
+
size: "medium",
|
|
142
|
+
placeholder: `\u8BF7\u8F93\u5165${(_a = columnsMap.value.word) == null ? void 0 : _a.label}`
|
|
143
|
+
}, null, 8, ["modelValue", "style", "placeholder"])
|
|
144
|
+
];
|
|
145
|
+
}),
|
|
146
|
+
_: 1
|
|
147
|
+
}, 8, ["active"])) : vue.createCommentVNode("v-if", true),
|
|
148
|
+
hasKey("series") ? (vue.openBlock(), vue.createBlock(filterItem, {
|
|
126
149
|
key: 1,
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
150
|
+
active: hasValue.value("series")
|
|
151
|
+
}, {
|
|
152
|
+
default: vue.withCtx(() => {
|
|
153
|
+
var _a;
|
|
154
|
+
return [
|
|
155
|
+
vue.createVNode(vue.unref(webVue.Select), {
|
|
156
|
+
modelValue: form.value.series,
|
|
157
|
+
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => form.value.series = $event),
|
|
158
|
+
"allow-clear": "",
|
|
159
|
+
style: vue.normalizeStyle({ width: styleWidth(columnsMap.value.series) }),
|
|
160
|
+
placeholder: `\u8BF7\u9009\u62E9${(_a = columnsMap.value.series) == null ? void 0 : _a.label}`
|
|
161
|
+
}, {
|
|
162
|
+
default: vue.withCtx(() => [
|
|
163
|
+
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(seriesOptions), (opt) => {
|
|
164
|
+
return vue.openBlock(), vue.createBlock(vue.unref(webVue.Option), {
|
|
165
|
+
key: opt.value,
|
|
166
|
+
label: opt.label,
|
|
167
|
+
value: opt.value
|
|
168
|
+
}, null, 8, ["label", "value"]);
|
|
169
|
+
}), 128))
|
|
170
|
+
]),
|
|
171
|
+
_: 1
|
|
172
|
+
}, 8, ["modelValue", "style", "placeholder"])
|
|
173
|
+
];
|
|
174
|
+
}),
|
|
175
|
+
_: 1
|
|
176
|
+
}, 8, ["active"])) : vue.createCommentVNode("v-if", true),
|
|
177
|
+
hasKey("pub_time") ? (vue.openBlock(), vue.createBlock(filterItem, {
|
|
178
|
+
key: 2,
|
|
179
|
+
active: hasValue.value("pub_time")
|
|
131
180
|
}, {
|
|
132
181
|
default: vue.withCtx(() => [
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
182
|
+
vue.createVNode(vue.unref(webVue.RangePicker), {
|
|
183
|
+
modelValue: form.value.pub_time.range,
|
|
184
|
+
"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => form.value.pub_time.range = $event),
|
|
185
|
+
style: vue.normalizeStyle({ width: styleWidth(form.value.pub_time) }),
|
|
186
|
+
"value-format": "timestamp",
|
|
187
|
+
onClick: _cache[3] || (_cache[3] = vue.withModifiers(() => {
|
|
188
|
+
}, ["stop"]))
|
|
189
|
+
}, null, 8, ["modelValue", "style"])
|
|
140
190
|
]),
|
|
141
191
|
_: 1
|
|
142
|
-
}, 8, ["
|
|
143
|
-
hasKey("
|
|
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), {
|
|
192
|
+
}, 8, ["active"])) : vue.createCommentVNode("v-if", true),
|
|
193
|
+
hasKey("mp_name") ? (vue.openBlock(), vue.createBlock(filterItem, {
|
|
153
194
|
key: 3,
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
195
|
+
active: hasValue.value("mp_name")
|
|
196
|
+
}, {
|
|
197
|
+
default: vue.withCtx(() => {
|
|
198
|
+
var _a;
|
|
199
|
+
return [
|
|
200
|
+
vue.createVNode(vue.unref(webVue.InputSearch), {
|
|
201
|
+
modelValue: form.value.mp_name,
|
|
202
|
+
"onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => form.value.mp_name = $event),
|
|
203
|
+
style: vue.normalizeStyle({ width: styleWidth(columnsMap.value.mp_name) }),
|
|
204
|
+
"allow-clear": "",
|
|
205
|
+
size: "medium",
|
|
206
|
+
placeholder: `\u8BF7\u8F93\u5165${(_a = columnsMap.value.mp_name) == null ? void 0 : _a.label}`
|
|
207
|
+
}, null, 8, ["modelValue", "style", "placeholder"])
|
|
208
|
+
];
|
|
209
|
+
}),
|
|
210
|
+
_: 1
|
|
211
|
+
}, 8, ["active"])) : vue.createCommentVNode("v-if", true),
|
|
212
|
+
hasKey("mp_type") ? (vue.openBlock(), vue.createBlock(filterItem, {
|
|
162
213
|
key: 4,
|
|
163
|
-
|
|
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}`
|
|
214
|
+
active: hasValue.value("mp_type")
|
|
167
215
|
}, {
|
|
168
|
-
default: vue.withCtx(() =>
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
216
|
+
default: vue.withCtx(() => {
|
|
217
|
+
var _a;
|
|
218
|
+
return [
|
|
219
|
+
vue.createVNode(vue.unref(webVue.Select), {
|
|
220
|
+
modelValue: form.value.mp_type,
|
|
221
|
+
"onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => form.value.mp_type = $event),
|
|
222
|
+
style: vue.normalizeStyle([{ width: styleWidth(columnsMap.value.mp_type) }, { "width": "150px" }]),
|
|
223
|
+
"allow-clear": "",
|
|
224
|
+
placeholder: `\u8BF7\u9009\u62E9${(_a = columnsMap.value.mp_type) == null ? void 0 : _a.label}`
|
|
225
|
+
}, {
|
|
226
|
+
default: vue.withCtx(() => [
|
|
227
|
+
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(_mpTypeOptions), (opt) => {
|
|
228
|
+
return vue.openBlock(), vue.createBlock(vue.unref(webVue.Option), {
|
|
229
|
+
key: opt.value,
|
|
230
|
+
label: opt.label,
|
|
231
|
+
value: opt.value
|
|
232
|
+
}, null, 8, ["label", "value"]);
|
|
233
|
+
}), 128))
|
|
234
|
+
]),
|
|
235
|
+
_: 1
|
|
236
|
+
}, 8, ["modelValue", "style", "placeholder"])
|
|
237
|
+
];
|
|
238
|
+
}),
|
|
177
239
|
_: 1
|
|
178
|
-
}, 8, ["
|
|
240
|
+
}, 8, ["active"])) : vue.createCommentVNode("v-if", true)
|
|
179
241
|
])) : vue.createCommentVNode("v-if", true)
|
|
180
242
|
]),
|
|
181
243
|
vue.createElementVNode("div", _hoisted_4, [
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var vue = require("vue");
|
|
3
|
+
const _sfc_main = vue.defineComponent({
|
|
4
|
+
...{ name: "filter-item-view" },
|
|
5
|
+
__name: "filterItem",
|
|
6
|
+
props: {
|
|
7
|
+
active: { type: Boolean }
|
|
8
|
+
},
|
|
9
|
+
setup(__props) {
|
|
10
|
+
return (_ctx, _cache) => {
|
|
11
|
+
return vue.openBlock(), vue.createElementBlock("div", {
|
|
12
|
+
class: vue.normalizeClass(["filter-item-view", { value: _ctx.active }])
|
|
13
|
+
}, [
|
|
14
|
+
vue.renderSlot(_ctx.$slots, "default")
|
|
15
|
+
], 2);
|
|
16
|
+
};
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
module.exports = _sfc_main;
|
|
@@ -7,3 +7,27 @@
|
|
|
7
7
|
display: flex;
|
|
8
8
|
align-items: center;
|
|
9
9
|
}
|
|
10
|
+
.base-filter-container .left .form-ul {
|
|
11
|
+
display: flex;
|
|
12
|
+
align-items: center;
|
|
13
|
+
}
|
|
14
|
+
.base-filter-container .left .filter-item-view {
|
|
15
|
+
margin-right: 1rem;
|
|
16
|
+
}
|
|
17
|
+
.base-filter-container .left .filter-item-view.value .arco-picker,
|
|
18
|
+
.base-filter-container .left .filter-item-view.value .arco-picker-input-active input,
|
|
19
|
+
.base-filter-container .left .filter-item-view.value .arco-input-search,
|
|
20
|
+
.base-filter-container .left .filter-item-view.value .arco-select-view-single,
|
|
21
|
+
.base-filter-container .left .filter-item-view.value .arco-icon-hover,
|
|
22
|
+
.base-filter-container .left .filter-item-view.value .arco-icon-hover::before {
|
|
23
|
+
background-color: rgb(var(--primary-1));
|
|
24
|
+
}
|
|
25
|
+
.base-filter-container .left .filter-item-view.value .arco-picker input,
|
|
26
|
+
.base-filter-container .left .filter-item-view.value .arco-input-search,
|
|
27
|
+
.base-filter-container .left .filter-item-view.value .arco-select-view-single,
|
|
28
|
+
.base-filter-container .left .filter-item-view.value .arco-select-view-suffix,
|
|
29
|
+
.base-filter-container .left .filter-item-view.value .arco-picker-separator,
|
|
30
|
+
.base-filter-container .left .filter-item-view.value .arco-picker-suffix-icon,
|
|
31
|
+
.base-filter-container .left .filter-item-view.value .arco-icon-hover {
|
|
32
|
+
color: rgb(var(--primary-6));
|
|
33
|
+
}
|
|
@@ -5,6 +5,32 @@
|
|
|
5
5
|
.left {
|
|
6
6
|
display: flex;
|
|
7
7
|
align-items: center;
|
|
8
|
+
.form-ul {
|
|
9
|
+
display: flex;
|
|
10
|
+
align-items: center;
|
|
11
|
+
}
|
|
12
|
+
.filter-item-view {
|
|
13
|
+
margin-right: 1rem;
|
|
14
|
+
&.value {
|
|
15
|
+
.arco-picker,
|
|
16
|
+
.arco-picker-input-active input,
|
|
17
|
+
.arco-input-search,
|
|
18
|
+
.arco-select-view-single,
|
|
19
|
+
.arco-icon-hover,
|
|
20
|
+
.arco-icon-hover::before{
|
|
21
|
+
background-color: rgb(var(--primary-1));
|
|
22
|
+
}
|
|
23
|
+
.arco-picker input,
|
|
24
|
+
.arco-input-search,
|
|
25
|
+
.arco-select-view-single,
|
|
26
|
+
.arco-select-view-suffix,
|
|
27
|
+
.arco-picker-separator,
|
|
28
|
+
.arco-picker-suffix-icon,
|
|
29
|
+
.arco-icon-hover {
|
|
30
|
+
color: rgb(var(--primary-6));
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
}
|
|
8
34
|
}
|
|
9
35
|
.right {}
|
|
10
36
|
}
|
|
@@ -40,27 +40,28 @@ const _sfc_main = vue.defineComponent({
|
|
|
40
40
|
return null;
|
|
41
41
|
return res.data[0].thumb;
|
|
42
42
|
});
|
|
43
|
+
const payload = vue.computed(() => {
|
|
44
|
+
if (!props.item)
|
|
45
|
+
return null;
|
|
46
|
+
const _item = typeof props.item === "string" ? JSON.parse(props.item) : props.item;
|
|
47
|
+
return _item.payload;
|
|
48
|
+
});
|
|
43
49
|
const showValue = vue.computed(() => {
|
|
44
|
-
|
|
50
|
+
const _payload = payload.value;
|
|
51
|
+
if (!_payload)
|
|
45
52
|
return "";
|
|
46
53
|
if (props.item.series === "category_list")
|
|
47
|
-
return
|
|
54
|
+
return _payload.rootAlias;
|
|
48
55
|
if (props.item.series === "service")
|
|
49
|
-
return
|
|
56
|
+
return _payload.label;
|
|
50
57
|
if (props.item.series === "document")
|
|
51
|
-
return
|
|
58
|
+
return _payload.title;
|
|
52
59
|
if (props.item.series === "url")
|
|
53
|
-
return
|
|
60
|
+
return _payload.relation_url;
|
|
54
61
|
if (props.item.series === "app")
|
|
55
|
-
return
|
|
62
|
+
return _payload.label;
|
|
56
63
|
return "";
|
|
57
64
|
});
|
|
58
|
-
vue.computed(() => {
|
|
59
|
-
if (!props.item.payload)
|
|
60
|
-
return null;
|
|
61
|
-
const _payload = typeof props.item.payload === "string" ? JSON.parse(props.item.payload) : props.item.payload;
|
|
62
|
-
return _payload;
|
|
63
|
-
});
|
|
64
65
|
const clickTitle = () => {
|
|
65
66
|
emit("clickTitle", props.item);
|
|
66
67
|
};
|
package/lib/index.css
CHANGED
|
@@ -2914,3 +2914,27 @@
|
|
|
2914
2914
|
display: flex;
|
|
2915
2915
|
align-items: center;
|
|
2916
2916
|
}
|
|
2917
|
+
.base-filter-container .left .form-ul {
|
|
2918
|
+
display: flex;
|
|
2919
|
+
align-items: center;
|
|
2920
|
+
}
|
|
2921
|
+
.base-filter-container .left .filter-item-view {
|
|
2922
|
+
margin-right: 1rem;
|
|
2923
|
+
}
|
|
2924
|
+
.base-filter-container .left .filter-item-view.value .arco-picker,
|
|
2925
|
+
.base-filter-container .left .filter-item-view.value .arco-picker-input-active input,
|
|
2926
|
+
.base-filter-container .left .filter-item-view.value .arco-input-search,
|
|
2927
|
+
.base-filter-container .left .filter-item-view.value .arco-select-view-single,
|
|
2928
|
+
.base-filter-container .left .filter-item-view.value .arco-icon-hover,
|
|
2929
|
+
.base-filter-container .left .filter-item-view.value .arco-icon-hover::before {
|
|
2930
|
+
background-color: rgb(var(--primary-1));
|
|
2931
|
+
}
|
|
2932
|
+
.base-filter-container .left .filter-item-view.value .arco-picker input,
|
|
2933
|
+
.base-filter-container .left .filter-item-view.value .arco-input-search,
|
|
2934
|
+
.base-filter-container .left .filter-item-view.value .arco-select-view-single,
|
|
2935
|
+
.base-filter-container .left .filter-item-view.value .arco-select-view-suffix,
|
|
2936
|
+
.base-filter-container .left .filter-item-view.value .arco-picker-separator,
|
|
2937
|
+
.base-filter-container .left .filter-item-view.value .arco-picker-suffix-icon,
|
|
2938
|
+
.base-filter-container .left .filter-item-view.value .arco-icon-hover {
|
|
2939
|
+
color: rgb(var(--primary-6));
|
|
2940
|
+
}
|
package/lib/messageBox/list.js
CHANGED
|
@@ -51,7 +51,6 @@ const _sfc_main = vue.defineComponent({
|
|
|
51
51
|
approval_retrial: { label: "\u60A8\u63D0\u4EA4\u4E86\u4E00\u9879\u5185\u5BB9\u5BA1\u6838\u88AB\u9A73\u56DE\u91CD\u5BA1" }
|
|
52
52
|
});
|
|
53
53
|
const openApprovalDetail = (msg) => {
|
|
54
|
-
console.log(msg);
|
|
55
54
|
};
|
|
56
55
|
const handleScroll = (e) => {
|
|
57
56
|
e && e.stopPropagation();
|