@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.
Files changed (36) hide show
  1. package/dist/index.css +24 -0
  2. package/dist/index.min.css +1 -1
  3. package/es/appCenter/script/routeMap.js +0 -1
  4. package/es/baseFilter/component.js +124 -62
  5. package/es/baseFilter/components/filterItem.d.ts +0 -0
  6. package/es/baseFilter/components/filterItem.js +18 -0
  7. package/es/baseFilter/style/index.css +24 -0
  8. package/es/baseFilter/style/index.less +26 -0
  9. package/es/contentDetailList/components/Content/KongoNavItem/index.js +13 -12
  10. package/es/index.css +24 -0
  11. package/es/messageBox/component.js +0 -1
  12. package/es/messageBox/list.js +0 -1
  13. package/es/selectThumb/component.js +0 -1
  14. package/es/uploadBefore/component.js +0 -1
  15. package/es/uploadBefore/components/UploadBefore.js +0 -1
  16. package/es/utils/doc.js +1 -1
  17. package/es/utils/request.js +0 -2
  18. package/es/utils/tusUpload.js +0 -2
  19. package/es/utils/typeMap.js +1 -1
  20. package/lib/appCenter/script/routeMap.js +0 -1
  21. package/lib/baseFilter/component.js +123 -61
  22. package/lib/baseFilter/components/filterItem.js +19 -0
  23. package/lib/baseFilter/style/index.css +24 -0
  24. package/lib/baseFilter/style/index.less +26 -0
  25. package/lib/contentDetailList/components/Content/KongoNavItem/index.js +13 -12
  26. package/lib/index.css +24 -0
  27. package/lib/messageBox/component.js +0 -1
  28. package/lib/messageBox/list.js +0 -1
  29. package/lib/selectThumb/component.js +0 -1
  30. package/lib/uploadBefore/component.js +0 -1
  31. package/lib/uploadBefore/components/UploadBefore.js +0 -1
  32. package/lib/utils/doc.js +1 -1
  33. package/lib/utils/request.js +0 -2
  34. package/lib/utils/tusUpload.js +0 -2
  35. package/lib/utils/typeMap.js +1 -1
  36. 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
- if (!props.item.payload)
49
+ const _payload = payload.value;
50
+ if (!_payload)
44
51
  return "";
45
52
  if (props.item.series === "category_list")
46
- return props.payload.rootAlias;
53
+ return _payload.rootAlias;
47
54
  if (props.item.series === "service")
48
- return props.payload.label;
55
+ return _payload.label;
49
56
  if (props.item.series === "document")
50
- return props.payload.title;
57
+ return _payload.title;
51
58
  if (props.item.series === "url")
52
- return props.payload.relation_url;
59
+ return _payload.relation_url;
53
60
  if (props.item.series === "app")
54
- return props.payload.label;
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
+ }
@@ -38,7 +38,6 @@ const _sfc_main = defineComponent({
38
38
  setData();
39
39
  }
40
40
  } catch (error) {
41
- console.log(error);
42
41
  }
43
42
  };
44
43
  const setData = async () => {
@@ -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();
@@ -106,7 +106,6 @@ const _sfc_main = defineComponent({
106
106
  });
107
107
  }
108
108
  if (props.mode === "smiple") {
109
- console.log(temp);
110
109
  emit("update:dataValue", ((_a = temp.data[0]) == null ? void 0 : _a.url) || "");
111
110
  } else {
112
111
  if (!temp.data) {
@@ -54,7 +54,6 @@ const _sfc_main = defineComponent({
54
54
  { rid: 4, dirId: 0, url: uploadRet.url },
55
55
  baseApi.value,
56
56
  (data) => {
57
- console.log(data);
58
57
  }
59
58
  );
60
59
  return true;
@@ -87,7 +87,6 @@ const _sfc_main = defineComponent({
87
87
  templateDict.set(item.id, item);
88
88
  });
89
89
  } catch (e) {
90
- console.log(e);
91
90
  }
92
91
  };
93
92
  const handleClose = () => {
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 [{ value: "", label: "\u5168\u90E8" }, ...arr];
93
+ return arr;
94
94
  };
95
95
  const approvalItem = (item) => {
96
96
  if (!(item.approval_status && item.approval_status.current_processes)) {
@@ -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
  );
@@ -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,
@@ -70,7 +70,7 @@ const mpTypeOptions = () => {
70
70
  label: mp_type_map[key]
71
71
  };
72
72
  });
73
- return [{ value: "", label: "\u5168\u90E8" }, ...arr];
73
+ return arr;
74
74
  };
75
75
  const kongo_source_map = {
76
76
  app: "\u5E94\u7528",
@@ -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
- var _a, _b;
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
- if (k !== "range" && k !== "width") {
70
- _form[k] = Math.floor(_form[key].range[index - 1] / 1e3);
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(vue.unref(webVue.InputSearch), {
129
+ hasKey("word") ? (vue.openBlock(), vue.createBlock(filterItem, {
117
130
  key: 0,
118
- modelValue: form.value.word,
119
- "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => form.value.word = $event),
120
- style: vue.normalizeStyle({ width: styleWidth(columnsMap.value.word) }),
121
- "allow-clear": "",
122
- size: "medium",
123
- placeholder: `\u8BF7\u8F93\u5165${(_a = columnsMap.value.word) == null ? void 0 : _a.label}`
124
- }, null, 8, ["modelValue", "style", "placeholder"])) : vue.createCommentVNode("v-if", true),
125
- hasKey("series") ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Select), {
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
- modelValue: form.value.series,
128
- "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => form.value.series = $event),
129
- style: vue.normalizeStyle({ width: styleWidth(columnsMap.value.series) }),
130
- placeholder: `\u8BF7\u9009\u62E9${(_b = columnsMap.value.series) == null ? void 0 : _b.label}`
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
- (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(seriesOptions), (opt) => {
134
- return vue.openBlock(), vue.createBlock(vue.unref(webVue.Option), {
135
- key: opt.value,
136
- label: opt.label,
137
- value: opt.value
138
- }, null, 8, ["label", "value"]);
139
- }), 128))
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, ["modelValue", "style", "placeholder"])) : vue.createCommentVNode("v-if", true),
143
- hasKey("pub_time") ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.RangePicker), {
144
- key: 2,
145
- modelValue: form.value.pub_time.range,
146
- "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => form.value.pub_time.range = $event),
147
- style: vue.normalizeStyle({ width: styleWidth(form.value.pub_time) }),
148
- "value-format": "timestamp",
149
- onClick: _cache[3] || (_cache[3] = vue.withModifiers(() => {
150
- }, ["stop"]))
151
- }, null, 8, ["modelValue", "style"])) : vue.createCommentVNode("v-if", true),
152
- hasKey("mp_name") ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.InputSearch), {
192
+ }, 8, ["active"])) : vue.createCommentVNode("v-if", true),
193
+ hasKey("mp_name") ? (vue.openBlock(), vue.createBlock(filterItem, {
153
194
  key: 3,
154
- modelValue: form.value.mp_name,
155
- "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => form.value.mp_name = $event),
156
- style: vue.normalizeStyle({ width: styleWidth(columnsMap.value.mp_name) }),
157
- "allow-clear": "",
158
- size: "medium",
159
- placeholder: `\u8BF7\u8F93\u5165${(_c = columnsMap.value.mp_name) == null ? void 0 : _c.label}`
160
- }, null, 8, ["modelValue", "style", "placeholder"])) : vue.createCommentVNode("v-if", true),
161
- hasKey("mp_type") ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Select), {
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
- modelValue: form.value.mp_type,
164
- "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => form.value.mp_type = $event),
165
- style: vue.normalizeStyle([{ width: styleWidth(columnsMap.value.mp_type) }, { "width": "150px" }]),
166
- placeholder: `\u8BF7\u9009\u62E9${(_d = columnsMap.value.mp_type) == null ? void 0 : _d.label}`
214
+ active: hasValue.value("mp_type")
167
215
  }, {
168
- default: vue.withCtx(() => [
169
- (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(_mpTypeOptions), (opt) => {
170
- return vue.openBlock(), vue.createBlock(vue.unref(webVue.Option), {
171
- key: opt.value,
172
- label: opt.label,
173
- value: opt.value
174
- }, null, 8, ["label", "value"]);
175
- }), 128))
176
- ]),
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, ["modelValue", "style", "placeholder"])) : vue.createCommentVNode("v-if", true)
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
- if (!props.item.payload)
50
+ const _payload = payload.value;
51
+ if (!_payload)
45
52
  return "";
46
53
  if (props.item.series === "category_list")
47
- return props.payload.rootAlias;
54
+ return _payload.rootAlias;
48
55
  if (props.item.series === "service")
49
- return props.payload.label;
56
+ return _payload.label;
50
57
  if (props.item.series === "document")
51
- return props.payload.title;
58
+ return _payload.title;
52
59
  if (props.item.series === "url")
53
- return props.payload.relation_url;
60
+ return _payload.relation_url;
54
61
  if (props.item.series === "app")
55
- return props.payload.label;
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
+ }
@@ -39,7 +39,6 @@ const _sfc_main = vue.defineComponent({
39
39
  setData();
40
40
  }
41
41
  } catch (error) {
42
- console.log(error);
43
42
  }
44
43
  };
45
44
  const setData = async () => {
@@ -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();
@@ -107,7 +107,6 @@ const _sfc_main = vue.defineComponent({
107
107
  });
108
108
  }
109
109
  if (props.mode === "smiple") {
110
- console.log(temp);
111
110
  emit("update:dataValue", ((_a = temp.data[0]) == null ? void 0 : _a.url) || "");
112
111
  } else {
113
112
  if (!temp.data) {
@@ -55,7 +55,6 @@ const _sfc_main = vue.defineComponent({
55
55
  { rid: 4, dirId: 0, url: uploadRet.url },
56
56
  baseApi.value,
57
57
  (data) => {
58
- console.log(data);
59
58
  }
60
59
  );
61
60
  return true;
@@ -88,7 +88,6 @@ const _sfc_main = vue.defineComponent({
88
88
  templateDict.set(item.id, item);
89
89
  });
90
90
  } catch (e) {
91
- console.log(e);
92
91
  }
93
92
  };
94
93
  const handleClose = () => {