@ctzy-web-client/plugin-component-vue 1.0.30 → 1.0.32

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 (16) hide show
  1. package/es/advance-select/advance-option.mjs +4 -4
  2. package/es/components.css +1 -0
  3. package/es/pct-filter-panel/pct-compents/pct-multiple-menu-condition.mjs +271 -131
  4. package/lib/advance-select/advance-option.js +4 -4
  5. package/lib/components.css +1 -0
  6. package/lib/pct-filter-panel/pct-compents/pct-multiple-menu-condition.js +269 -129
  7. package/package.json +1 -1
  8. package/src/advance-select/advance-option.vue +2 -2
  9. package/src/pct-filter-panel/pct-compents/pct-multiple-menu-condition.vue +118 -23
  10. package/style/index.css +1 -1
  11. package/style/pct-filter-panel.css +1 -1
  12. package/style/src/pct-filter-panel.scss +19 -0
  13. package/es/utils.css +0 -1
  14. package/lib/utils.css +0 -1
  15. /package/es/advance-select/{advance-option.vue_vue_type_style_index_0_scoped_4c0fde1d_lang.mjs → advance-option.vue_vue_type_style_index_0_scoped_1e505c71_lang.mjs} +0 -0
  16. /package/lib/advance-select/{advance-option.vue_vue_type_style_index_0_scoped_4c0fde1d_lang.js → advance-option.vue_vue_type_style_index_0_scoped_1e505c71_lang.js} +0 -0
package/lib/pct-filter-panel/pct-compents/pct-multiple-menu-condition.js CHANGED
@@ -20,7 +20,51 @@ if (typeof __name === 'undefined') {
20
20
  });
21
21
  }
22
22
  }
23
- const _hoisted_1 = { key: 0 };
23
+ const _hoisted_1 = {
24
+ key: 0,
25
+ style: { "display": "flex", "align-items": "center", "flex-wrap": "wrap", "gap": "4px" }
26
+ };
27
+ const _hoisted_2 = {
28
+ key: 0,
29
+ style: { "flex": "1", "min-width": "80px", "position": "relative" }
30
+ };
31
+ const _hoisted_3 = {
32
+ key: 0,
33
+ style: { "color": "#999", "cursor": "text" }
34
+ };
35
+ const _hoisted_4 = {
36
+ key: 1,
37
+ style: { "color": "#333" }
38
+ };
39
+ const _hoisted_5 = {
40
+ key: 2,
41
+ class: "cursor-blink"
42
+ };
43
+ const _hoisted_6 = {
44
+ key: 1,
45
+ style: { "display": "flex", "align-items": "center", "justify-content": "space-between", "width": "100%" }
46
+ };
47
+ const _hoisted_7 = {
48
+ key: 1,
49
+ style: { "color": "#333" }
50
+ };
51
+ const _hoisted_8 = {
52
+ key: 2,
53
+ class: "cursor-blink"
54
+ };
55
+ const _hoisted_9 = { style: { "flex": "1", "position": "relative", "cursor": "text" } };
56
+ const _hoisted_10 = {
57
+ key: 1,
58
+ style: { "display": "flex", "align-items": "center", "width": "100%" }
59
+ };
60
+ const _hoisted_11 = {
61
+ key: 1,
62
+ style: { "color": "#333" }
63
+ };
64
+ const _hoisted_12 = {
65
+ key: 2,
66
+ class: "cursor-blink"
67
+ };
24
68
  const __default__ = vue.defineComponent({
25
69
  name: "BwaPctMultipleMenuCondition",
26
70
  __conditionTitle__: "\u591A\u9009\u5217\u8868",
@@ -100,6 +144,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
100
144
  const ns = webBaseClientVue.useNamespace("pctfilterpanel-item");
101
145
  const isShowPopper = vue.ref(false);
102
146
  const isHoverIcon = vue.ref(false);
147
+ const isSearchActive = vue.ref(false);
148
+ const inputRef = vue.ref(null);
103
149
  const attrs = vue.useAttrs();
104
150
  const showTitle = vue.computed(() => attrs.showTitle);
105
151
  const data = vue.ref([]);
@@ -150,6 +196,32 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
150
196
  }
151
197
  isShowPopper.value = !isShowPopper.value;
152
198
  };
199
+ const handleContentClick = (event) => {
200
+ var _a2, _b;
201
+ event.stopPropagation();
202
+ isShowPopper.value = true;
203
+ if (props.showSearch && !((_b = (_a2 = column.value) == null ? void 0 : _a2.componentProps) == null ? void 0 : _b.options)) {
204
+ vue.nextTick(() => {
205
+ if (inputRef.value) {
206
+ inputRef.value.focus();
207
+ isSearchActive.value = true;
208
+ }
209
+ });
210
+ }
211
+ };
212
+ const handleInputFocus = () => {
213
+ isSearchActive.value = true;
214
+ isShowPopper.value = true;
215
+ };
216
+ const handleInputBlur = (event) => {
217
+ const target = event.relatedTarget;
218
+ if (target && target.closest(".bwa-advance-select__popper")) {
219
+ return;
220
+ }
221
+ setTimeout(() => {
222
+ isSearchActive.value = false;
223
+ }, 200);
224
+ };
153
225
  const getData = async (query) => {
154
226
  var _a2;
155
227
  loading.value = true;
@@ -183,8 +255,21 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
183
255
  }
184
256
  };
185
257
  const search = vue.ref("");
258
+ let searchTimeout = null;
186
259
  vue.watch(() => search.value, (val) => {
187
260
  handleFieldSearch(val);
261
+ if (searchTimeout) {
262
+ clearTimeout(searchTimeout);
263
+ }
264
+ searchTimeout = setTimeout(() => {
265
+ var _a2, _b;
266
+ if (val && props.showSearch && !((_b = (_a2 = column.value) == null ? void 0 : _a2.componentProps) == null ? void 0 : _b.options)) {
267
+ isShowPopper.value = true;
268
+ if (column.value.componentProps) {
269
+ getData(val);
270
+ }
271
+ }
272
+ }, 500);
188
273
  });
189
274
  const modelValue = vue.computed({
190
275
  get: () => {
@@ -218,7 +303,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
218
303
  showLetterAvatar: showLetterAvatarStatus.value,
219
304
  multiple: __props.multiple,
220
305
  modelValue: modelValue.value,
221
- "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => modelValue.value = $event),
306
+ "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => modelValue.value = $event),
222
307
  onSearch: handleFieldSearch,
223
308
  class: vue.normalizeClass(vue.unref(ns).e("options")),
224
309
  onVisibleChange: visibleChange,
@@ -232,142 +317,197 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
232
317
  ref_key: "advanceSelectRef",
233
318
  ref: advanceSelectRef
234
319
  }, {
235
- "reference-content": vue.withCtx(({ selected }) => [
236
- __props.multiple ? (vue.openBlock(), vue.createElementBlock("div", {
237
- key: 0,
238
- class: vue.normalizeClass(vue.unref(ns).e("content"))
239
- }, [
240
- selected && selected.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
241
- vue.createVNode(vue.unref(ElementPlus.ElTooltip), {
242
- content: selected[0].label,
243
- placement: "top",
244
- effect: "light",
245
- "append-to": ".bwa-application"
320
+ "reference-content": vue.withCtx(({ selected }) => {
321
+ var _a2, _b, _c, _d;
322
+ return [
323
+ vue.createCommentVNode(" \u591A\u9009\u6A21\u5F0F "),
324
+ __props.multiple ? (vue.openBlock(), vue.createElementBlock("div", {
325
+ key: 0,
326
+ class: vue.normalizeClass(vue.unref(ns).e("content")),
327
+ onClick: handleContentClick
328
+ }, [
329
+ selected && selected.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
330
+ vue.createVNode(vue.unref(ElementPlus.ElTooltip), {
331
+ content: selected[0].label,
332
+ placement: "top",
333
+ effect: "light",
334
+ "append-to": ".bwa-application"
335
+ }, {
336
+ default: vue.withCtx(() => [
337
+ vue.createVNode(vue.unref(ElementPlus.ElTag), {
338
+ class: vue.normalizeClass(vue.unref(ns).e("tag")),
339
+ closable: "",
340
+ onClose: ($event) => handleClose(selected[0]),
341
+ type: "info"
342
+ }, {
343
+ default: vue.withCtx(() => [
344
+ vue.createTextVNode(vue.toDisplayString(selected[0].label), 1)
345
+ ]),
346
+ _: 2
347
+ }, 1032, ["class", "onClose"])
348
+ ]),
349
+ _: 2
350
+ }, 1032, ["content"]),
351
+ vue.createVNode(vue.unref(ElementPlus.ElTooltip), {
352
+ content: "Bottom center",
353
+ placement: "top",
354
+ effect: "light",
355
+ "append-to": ".bwa-application"
356
+ }, {
357
+ content: vue.withCtx(() => [
358
+ vue.createElementVNode("div", {
359
+ class: vue.normalizeClass(vue.unref(ns).e("tag_box"))
360
+ }, [
361
+ (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(selected, (item, index) => {
362
+ return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
363
+ index !== 0 ? (vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElTag), {
364
+ key: 0,
365
+ class: vue.normalizeClass(vue.unref(ns).e("tag_details")),
366
+ type: "info",
367
+ closable: "",
368
+ onClose: ($event) => handleClose(item)
369
+ }, {
370
+ default: vue.withCtx(() => [
371
+ vue.createTextVNode(vue.toDisplayString(item.label), 1)
372
+ ]),
373
+ _: 2
374
+ }, 1032, ["class", "onClose"])) : vue.createCommentVNode("v-if", true)
375
+ ], 64);
376
+ }), 256))
377
+ ], 2)
378
+ ]),
379
+ default: vue.withCtx(() => [
380
+ selected.length > 1 ? (vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElTag), {
381
+ key: 0,
382
+ class: vue.normalizeClass(vue.unref(ns).e("tag")),
383
+ type: "info"
384
+ }, {
385
+ default: vue.withCtx(() => [
386
+ vue.createTextVNode("+" + vue.toDisplayString(selected.length - 1), 1)
387
+ ]),
388
+ _: 2
389
+ }, 1032, ["class"])) : vue.createCommentVNode("v-if", true)
390
+ ]),
391
+ _: 2
392
+ }, 1024),
393
+ vue.createCommentVNode(" \u641C\u7D22\u8F93\u5165\u533A\u57DF "),
394
+ props.showSearch && !((_a2 = column.value.componentProps) == null ? void 0 : _a2.options) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
395
+ !isSearchActive.value && !search.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3, vue.toDisplayString(searchPlaceholderStr.value || "\u641C\u7D22"), 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, vue.toDisplayString(search.value), 1)),
396
+ vue.createCommentVNode(" \u95EA\u70C1\u5149\u6807 "),
397
+ isSearchActive.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5)) : vue.createCommentVNode("v-if", true),
398
+ vue.createCommentVNode(" \u9690\u85CF\u7684\u8F93\u5165\u6846 "),
399
+ props.showSearch && !((_b = column.value.componentProps) == null ? void 0 : _b.options) ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
400
+ key: 3,
401
+ ref_key: "inputRef",
402
+ ref: inputRef,
403
+ "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => search.value = $event),
404
+ type: "text",
405
+ style: { "position": "absolute", "top": "0", "left": "0", "width": "100%", "height": "100%", "opacity": "0", "cursor": "text" },
406
+ onFocus: handleInputFocus,
407
+ onBlur: handleInputBlur,
408
+ onClick: _cache[1] || (_cache[1] = vue.withModifiers(() => {
409
+ }, ["stop"]))
410
+ }, null, 544)), [
411
+ [vue.vModelText, search.value]
412
+ ]) : vue.createCommentVNode("v-if", true)
413
+ ])) : vue.createCommentVNode("v-if", true)
414
+ ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
415
+ vue.createElementVNode("div", {
416
+ style: { "flex": "1", "position": "relative", "cursor": "text" },
417
+ onClick: handleContentClick
418
+ }, [
419
+ !isSearchActive.value && !search.value ? (vue.openBlock(), vue.createElementBlock("span", {
420
+ key: 0,
421
+ class: vue.normalizeClass(vue.unref(ns).e("contentBox_placeholder"))
422
+ }, vue.toDisplayString(placeholderStr.value), 3)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_7, vue.toDisplayString(search.value), 1)),
423
+ vue.createCommentVNode(" \u95EA\u70C1\u5149\u6807 "),
424
+ isSearchActive.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_8)) : vue.createCommentVNode("v-if", true),
425
+ vue.createCommentVNode(" \u9690\u85CF\u7684\u8F93\u5165\u6846 "),
426
+ props.showSearch && !((_c = column.value.componentProps) == null ? void 0 : _c.options) ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
427
+ key: 3,
428
+ ref_key: "inputRef",
429
+ ref: inputRef,
430
+ "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => search.value = $event),
431
+ type: "text",
432
+ style: { "position": "absolute", "top": "0", "left": "0", "width": "100%", "height": "100%", "opacity": "0", "cursor": "text" },
433
+ onFocus: handleInputFocus,
434
+ onBlur: handleInputBlur,
435
+ onClick: _cache[3] || (_cache[3] = vue.withModifiers(() => {
436
+ }, ["stop"]))
437
+ }, null, 544)), [
438
+ [vue.vModelText, search.value]
439
+ ]) : vue.createCommentVNode("v-if", true)
440
+ ])
441
+ ])),
442
+ vue.createVNode(vue.unref(ElementPlus.ElIcon), {
443
+ onMouseenter: _cache[4] || (_cache[4] = ($event) => isHoverIcon.value = true),
444
+ onMouseleave: _cache[5] || (_cache[5] = ($event) => isHoverIcon.value = false),
445
+ onClick: vue.withModifiers(handleIconClick, ["stop"]),
446
+ class: vue.normalizeClass(vue.unref(ns).be("option", "selected"))
246
447
  }, {
247
448
  default: vue.withCtx(() => [
248
- vue.createVNode(vue.unref(ElementPlus.ElTag), {
249
- class: vue.normalizeClass(vue.unref(ns).e("tag")),
250
- closable: "",
251
- onClose: ($event) => handleClose(selected[0]),
252
- type: "info"
253
- }, {
254
- default: vue.withCtx(() => [
255
- vue.createTextVNode(vue.toDisplayString(selected[0].label), 1)
256
- ]),
257
- _: 2
258
- }, 1032, ["class", "onClose"])
449
+ isHoverIcon.value && selected.length > 0 ? (vue.openBlock(), vue.createBlock(_component_CircleClose, {
450
+ key: 0,
451
+ class: "delete-icon"
452
+ })) : isShowPopper.value ? (vue.openBlock(), vue.createBlock(vue.unref(icons.ArrowUp), { key: 1 })) : (vue.openBlock(), vue.createBlock(vue.unref(icons.ArrowDown), { key: 2 }))
259
453
  ]),
260
454
  _: 2
261
- }, 1032, ["content"]),
262
- vue.createVNode(vue.unref(ElementPlus.ElTooltip), {
263
- content: "Bottom center",
264
- placement: "top",
265
- effect: "light",
266
- "append-to": ".bwa-application"
267
- }, {
268
- content: vue.withCtx(() => [
269
- vue.createElementVNode("div", {
270
- class: vue.normalizeClass(vue.unref(ns).e("tag_box"))
271
- }, [
272
- (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(selected, (item, index) => {
273
- return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
274
- index !== 0 ? (vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElTag), {
275
- key: 0,
276
- class: vue.normalizeClass(vue.unref(ns).e("tag_details")),
277
- type: "info",
278
- closable: "",
279
- onClose: ($event) => handleClose(item)
280
- }, {
281
- default: vue.withCtx(() => [
282
- vue.createTextVNode(vue.toDisplayString(item.label), 1)
283
- ]),
284
- _: 2
285
- }, 1032, ["class", "onClose"])) : vue.createCommentVNode("v-if", true)
286
- ], 64);
287
- }), 256))
288
- ], 2)
289
- ]),
290
- default: vue.withCtx(() => [
291
- selected.length > 1 ? (vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElTag), {
292
- key: 0,
293
- class: vue.normalizeClass(vue.unref(ns).e("tag")),
294
- type: "info"
455
+ }, 1032, ["class"])
456
+ ], 2)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
457
+ vue.createCommentVNode(" \u5355\u9009\u6A21\u5F0F "),
458
+ vue.createElementVNode("div", {
459
+ class: vue.normalizeClass(vue.unref(ns).e("content")),
460
+ onClick: handleContentClick
461
+ }, [
462
+ vue.createElementVNode("div", _hoisted_9, [
463
+ vue.createVNode(vue.unref(ElementPlus.ElTooltip), {
464
+ disabled: !selected.label,
465
+ content: selected.label,
466
+ placement: "top",
467
+ effect: "light",
468
+ "append-to": ".bwa-application"
295
469
  }, {
296
470
  default: vue.withCtx(() => [
297
- vue.createTextVNode("+" + vue.toDisplayString(selected.length - 1), 1)
471
+ selected.label ? (vue.openBlock(), vue.createElementBlock("div", {
472
+ key: 0,
473
+ class: vue.normalizeClass([vue.unref(ns).e("contentBox"), vue.unref(ns).e("contentBox_label")])
474
+ }, vue.toDisplayString(selected.label || placeholderStr.value), 3)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_10, [
475
+ !isSearchActive.value && !search.value ? (vue.openBlock(), vue.createElementBlock("span", {
476
+ key: 0,
477
+ class: vue.normalizeClass(vue.unref(ns).e("contentBox_placeholder"))
478
+ }, vue.toDisplayString(placeholderStr.value), 3)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_11, vue.toDisplayString(search.value), 1)),
479
+ vue.createCommentVNode(" \u95EA\u70C1\u5149\u6807 "),
480
+ isSearchActive.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_12)) : vue.createCommentVNode("v-if", true)
481
+ ]))
298
482
  ]),
299
483
  _: 2
300
- }, 1032, ["class"])) : vue.createCommentVNode("v-if", true)
484
+ }, 1032, ["disabled", "content"]),
485
+ vue.createCommentVNode(" \u9690\u85CF\u7684\u8F93\u5165\u6846 "),
486
+ props.showSearch && !((_d = column.value.componentProps) == null ? void 0 : _d.options) ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
487
+ key: 0,
488
+ ref_key: "inputRef",
489
+ ref: inputRef,
490
+ "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => search.value = $event),
491
+ type: "text",
492
+ style: { "position": "absolute", "top": "0", "left": "0", "width": "100%", "height": "100%", "opacity": "0", "cursor": "text" },
493
+ onFocus: handleInputFocus,
494
+ onBlur: handleInputBlur,
495
+ onClick: _cache[7] || (_cache[7] = vue.withModifiers(() => {
496
+ }, ["stop"]))
497
+ }, null, 544)), [
498
+ [vue.vModelText, search.value]
499
+ ]) : vue.createCommentVNode("v-if", true)
301
500
  ]),
302
- _: 2
303
- }, 1024)
304
- ])) : (vue.openBlock(), vue.createElementBlock("div", {
305
- key: 1,
306
- class: vue.normalizeClass(vue.unref(ns).e("contentBox_placeholder"))
307
- }, vue.toDisplayString(placeholderStr.value), 3)),
308
- vue.createVNode(vue.unref(ElementPlus.ElIcon), {
309
- onMouseenter: _cache[0] || (_cache[0] = ($event) => isHoverIcon.value = true),
310
- onMouseleave: _cache[1] || (_cache[1] = ($event) => isHoverIcon.value = false),
311
- onClick: vue.withModifiers(handleIconClick, ["stop"]),
312
- class: vue.normalizeClass(vue.unref(ns).be("option", "selected"))
313
- }, {
314
- default: vue.withCtx(() => [
315
- isHoverIcon.value && selected.length > 0 ? (vue.openBlock(), vue.createBlock(_component_CircleClose, {
316
- key: 0,
317
- class: "delete-icon"
318
- })) : isShowPopper.value ? (vue.openBlock(), vue.createBlock(vue.unref(icons.ArrowUp), { key: 1 })) : (vue.openBlock(), vue.createBlock(vue.unref(icons.ArrowDown), { key: 2 }))
319
- ]),
320
- _: 2
321
- }, 1032, ["class"])
322
- ], 2)) : (vue.openBlock(), vue.createElementBlock("div", {
323
- key: 1,
324
- class: vue.normalizeClass(vue.unref(ns).e("content"))
325
- }, [
326
- vue.createVNode(vue.unref(ElementPlus.ElTooltip), {
327
- disabled: !selected.label,
328
- content: selected.label,
329
- placement: "top",
330
- effect: "light",
331
- "append-to": ".bwa-application"
332
- }, {
333
- default: vue.withCtx(() => [
334
- selected.label ? (vue.openBlock(), vue.createElementBlock("div", {
335
- key: 0,
336
- class: vue.normalizeClass([vue.unref(ns).e("contentBox"), vue.unref(ns).e("contentBox_label")])
337
- }, vue.toDisplayString(selected.label || placeholderStr.value), 3)) : (vue.openBlock(), vue.createElementBlock("div", {
338
- key: 1,
339
- class: vue.normalizeClass([vue.unref(ns).e("contentBox"), vue.unref(ns).e("contentBox_placeholder")])
340
- }, vue.toDisplayString(placeholderStr.value), 3))
341
- ]),
342
- _: 2
343
- }, 1032, ["disabled", "content"]),
344
- vue.createVNode(vue.unref(ElementPlus.ElIcon), {
345
- class: vue.normalizeClass(vue.unref(ns).be("option", "selected"))
346
- }, {
347
- default: vue.withCtx(() => [
348
- isShowPopper.value ? (vue.openBlock(), vue.createBlock(vue.unref(icons.ArrowUp), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(icons.ArrowDown), { key: 1 }))
349
- ]),
350
- _: 1
351
- }, 8, ["class"])
352
- ], 2))
353
- ]),
354
- contentTop: vue.withCtx(() => {
355
- var _a2;
356
- return [
357
- __props.showSearch && !((_a2 = column.value.componentProps) == null ? void 0 : _a2.options) ? (vue.openBlock(), vue.createElementBlock("div", {
358
- key: 0,
359
- class: vue.normalizeClass(vue.unref(ns).e("contentTop"))
360
- }, [
361
- vue.createVNode(vue.unref(ElementPlus.ElInput), {
362
- modelValue: search.value,
363
- "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => search.value = $event),
364
- class: vue.normalizeClass(vue.unref(ns).e("select")),
365
- placeholder: searchPlaceholderStr.value,
366
- type: "text",
367
- "prefix-icon": "Search",
368
- clearable: ""
369
- }, null, 8, ["modelValue", "class", "placeholder"])
370
- ], 2)) : vue.createCommentVNode("v-if", true)
501
+ vue.createVNode(vue.unref(ElementPlus.ElIcon), {
502
+ class: vue.normalizeClass(vue.unref(ns).be("option", "selected"))
503
+ }, {
504
+ default: vue.withCtx(() => [
505
+ isShowPopper.value ? (vue.openBlock(), vue.createBlock(vue.unref(icons.ArrowUp), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(icons.ArrowDown), { key: 1 }))
506
+ ]),
507
+ _: 1
508
+ }, 8, ["class"])
509
+ ], 2)
510
+ ], 2112))
371
511
  ];
372
512
  }),
373
513
  contentBottom: vue.withCtx(() => [
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ctzy-web-client/plugin-component-vue",
3
- "version": "1.0.30",
3
+ "version": "1.0.32",
4
4
  "main": "lib/index.js",
5
5
  "module": "es/index.mjs",
6
6
  "exports": {
package/src/advance-select/advance-option.vue CHANGED
@@ -6,8 +6,8 @@
6
6
  <ElTooltip placement="top" append-to=".bwa-application" :disabled="currentLabel.length < 16">
7
7
  <div :class="ns.be('option', 'content-label')" ref="contentText">
8
8
 
9
- <div v-if="!showLetterAvatarStatus" :class="ns.be('option', 'content-label')" style="width: 178px">{{ currentLabel }}</div>
10
- <div v-if="showLetterAvatarStatus" :class="ns.be('option', 'content-label')" style="width: 178px;display: flex;align-items: center;" >
9
+ <div v-if="!showLetterAvatarStatus" :class="ns.be('option', 'content-label')" style="width: 100%;min-width: 178px;">{{ currentLabel }}</div>
10
+ <div v-if="showLetterAvatarStatus" :class="ns.be('option', 'content-label')" style="width: 100%;min-width: 178px;display: flex;align-items: center;" >
11
11
  <div class="letter-circle" :style="{ backgroundColor: (processLabel(currentLabel).color) }">
12
12
  {{ processLabel(currentLabel).firstLetter }}
13
13
  </div>