@ironsource/shared-ui 1.4.2-test.12 → 1.4.2-test.14
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/FloatingToolbar.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
- package/IncludeExclude.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
- package/IncludeExcludeOptionDraggable.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
- package/README.md +0 -1
- package/Table.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
- package/components/appIcon/AppIcon.vue.d.ts +1 -1
- package/components/appIcon/AppIcon.vue.js +3 -3
- package/components/appIcon/index.d.ts +1 -1
- package/components/appTrigger/AppTrigger.vue.d.ts +1 -1
- package/components/appTrigger/AppTrigger.vue.js +25 -22
- package/components/appTrigger/index.d.ts +1 -1
- package/components/autocompleteDropdown/AutocompleteDropdown.vue.d.ts +1 -1
- package/components/autocompleteDropdown/AutocompleteDropdown.vue.js +16 -14
- package/components/autocompleteDropdown/AutocompleteInput.vue.d.ts +1 -1
- package/components/autocompleteDropdown/AutocompleteInput.vue.js +7 -7
- package/components/autocompleteDropdown/GroupOption.vue.d.ts +1 -1
- package/components/autocompleteDropdown/GroupOption.vue.js +4 -3
- package/components/autocompleteDropdown/index.d.ts +1 -1
- package/components/banner/Banner.vue.d.ts +1 -1
- package/components/banner/Banner.vue.js +4 -4
- package/components/banner/index.d.ts +1 -1
- package/components/button/Button.vue.d.ts +1 -1
- package/components/button/Button.vue.js +12 -12
- package/components/button/ButtonBase.vue.d.ts +1 -1
- package/components/button/ButtonBase.vue.js +12 -11
- package/components/button/IconButton.vue.d.ts +1 -1
- package/components/button/IconButton.vue.js +5 -5
- package/components/button/ScrollButton.vue.d.ts +1 -1
- package/components/button/ScrollButton.vue.js +9 -8
- package/components/button/index.d.ts +3 -3
- package/components/checkbox/Checkbox.vue.d.ts +1 -1
- package/components/checkbox/Checkbox.vue.js +16 -15
- package/components/checkbox/index.d.ts +1 -1
- package/components/chip/Chip.vue.d.ts +1 -1
- package/components/chip/Chip.vue.js +5 -5
- package/components/chip/index.d.ts +1 -1
- package/components/datePicker/DatePicker.vue.d.ts +1 -1
- package/components/datePicker/DatePicker.vue.js +11 -11
- package/components/datePicker/DatePickerMonth.vue.d.ts +1 -1
- package/components/datePicker/DatePickerMonth.vue.js +4 -4
- package/components/datePicker/index.d.ts +1 -1
- package/components/dateRange/CalendarMonth.vue.d.ts +1 -1
- package/components/dateRange/CalendarMonth.vue.js +20 -19
- package/components/dateRange/DateRange.vue.d.ts +1 -1
- package/components/dateRange/DateRange.vue.js +28 -26
- package/components/dateRange/DateRangePicker.vue.d.ts +1 -1
- package/components/dateRange/index.d.ts +1 -1
- package/components/dialog/Dialog.vue.d.ts +1 -1
- package/components/dialog/Dialog.vue.js +16 -16
- package/components/dialog/index.d.ts +1 -1
- package/components/dropdown/Dropdown.vue.d.ts +1 -1
- package/components/dropdown/Dropdown.vue.js +60 -57
- package/components/dropdown/Label.vue.d.ts +1 -1
- package/components/dropdown/Label.vue.js +4 -3
- package/components/dropdown/Option.vue.d.ts +1 -1
- package/components/dropdown/Option.vue.js +17 -16
- package/components/dropdown/SearchInput.vue.d.ts +1 -1
- package/components/dropdown/SearchInput.vue.js +6 -6
- package/components/dropdown/index.d.ts +1 -398
- package/components/emptyState/EmptyState.vue.d.ts +1 -1
- package/components/emptyState/EmptyState.vue.js +21 -19
- package/components/emptyState/index.d.ts +1 -1
- package/components/filterDropdown/AddFilterButton.vue.d.ts +1 -1
- package/components/filterDropdown/AddFilterButton.vue.js +7 -7
- package/components/filterDropdown/FilterDropdown.vue.d.ts +1 -1
- package/components/filterDropdown/FilterDropdown.vue.js +17 -15
- package/components/filterDropdown/index.d.ts +2 -2
- package/components/filtersPanel/FilterSearchInput.vue.d.ts +1 -1
- package/components/filtersPanel/FilterSearchInput.vue.js +7 -7
- package/components/filtersPanel/FiltersPanel.vue.d.ts +1 -1
- package/components/filtersPanel/FiltersPanel.vue.js +8 -8
- package/components/filtersPanel/index.d.ts +1 -1
- package/components/floatingToolbar/FloatingToolbar.vue.d.ts +1 -1
- package/components/floatingToolbar/FloatingToolbar.vue.js +3 -3
- package/components/floatingToolbar/index.d.ts +1 -1
- package/components/icon/Icon.vue.d.ts +1 -1
- package/components/icon/Icon.vue.js +4 -4
- package/components/icon/index.d.ts +1 -1
- package/components/icon/storyComponents/Code.vue.d.ts +1 -1
- package/components/icon/storyComponents/IconWrapper.vue.d.ts +1 -1
- package/components/icon/storyComponents/Page.vue.d.ts +1 -1
- package/components/includeExclude/IncludeExclude.vue.d.ts +1 -1
- package/components/includeExclude/IncludeExclude.vue.js +54 -51
- package/components/includeExclude/IncludeExcludeAppHeader.vue.d.ts +1 -1
- package/components/includeExclude/IncludeExcludeAppHeader.vue.js +26 -25
- package/components/includeExclude/IncludeExcludeAppTrigger.vue.d.ts +1 -1
- package/components/includeExclude/IncludeExcludeAppTrigger.vue.js +22 -19
- package/components/includeExclude/IncludeExcludeChipFilter.vue.d.ts +1 -1
- package/components/includeExclude/IncludeExcludeChipFilter.vue.js +42 -40
- package/components/includeExclude/IncludeExcludeOption.vue.d.ts +1 -1
- package/components/includeExclude/IncludeExcludeOption.vue.js +22 -21
- package/components/includeExclude/IncludeExcludeOptionDraggable.vue.d.ts +1 -1
- package/components/includeExclude/IncludeExcludeOptionDraggable.vue.js +23 -19
- package/components/includeExclude/index.d.ts +5 -5
- package/components/input/DollarInput.vue.d.ts +1 -1
- package/components/input/DollarInput.vue.js +3 -2
- package/components/input/Input.vue.d.ts +1 -1
- package/components/input/Input.vue.js +33 -30
- package/components/input/PasswordInput.vue.d.ts +1 -1
- package/components/input/PasswordInput.vue.js +3 -2
- package/components/input/PercentageInput.vue.d.ts +1 -1
- package/components/input/PercentageInput.vue.js +3 -2
- package/components/input/index.d.ts +2 -2
- package/components/menu/Menu.vue.d.ts +1 -1
- package/components/menu/Menu.vue.js +4 -4
- package/components/menu/index.d.ts +1 -1
- package/components/menuItem/MenuItem.vue.d.ts +1 -1
- package/components/menuItem/MenuItem.vue.js +4 -3
- package/components/menuItem/index.d.ts +1 -1
- package/components/popover/Popover.vue.d.ts +1 -1
- package/components/popover/Popover.vue.js +7 -7
- package/components/popover/index.d.ts +1 -1
- package/components/radioButton/RadioButton.vue.d.ts +1 -1
- package/components/radioButton/RadioButton.vue.js +9 -9
- package/components/radioButton/RadioGroup.vue.d.ts +1 -1
- package/components/radioButton/RadioGroup.vue.js +3 -3
- package/components/radioButton/index.d.ts +2 -2
- package/components/radioButton/useRadio.d.ts +1 -1
- package/components/search/Search.vue.d.ts +1 -1
- package/components/search/Search.vue.js +15 -15
- package/components/search/index.d.ts +1 -1
- package/components/skeleton/Skeleton.vue.d.ts +1 -1
- package/components/skeleton/Skeleton.vue.js +2 -2
- package/components/skeleton/index.d.ts +1 -1
- package/components/snackbar/Snackbar.vue.d.ts +1 -1
- package/components/snackbar/Snackbar.vue.js +26 -26
- package/components/switch/Switch.vue.d.ts +1 -1
- package/components/switch/Switch.vue.js +9 -9
- package/components/switch/index.d.ts +1 -1
- package/components/table/Pagination.vue.d.ts +1 -1
- package/components/table/Table.vue.d.ts +4 -1
- package/components/table/Table.vue.js +38 -34
- package/components/table/TableHeaderSorter.vue.d.ts +1 -1
- package/components/table/TableHeaderSorter.vue.js +4 -4
- package/components/table/index.d.ts +4 -1
- package/components/table-cells/Editable.vue.d.ts +1 -1
- package/components/table-cells/Editable.vue.js +4 -4
- package/components/table-cells/index.d.ts +1 -1
- package/components/tabs/Tabs.vue.d.ts +1 -1
- package/components/tabs/Tabs.vue.js +16 -15
- package/components/tabs/index.d.ts +1 -1
- package/components/textArea/TextArea.vue.d.ts +1 -1
- package/components/textArea/TextArea.vue.js +13 -12
- package/components/textArea/index.d.ts +1 -1
- package/components/toggle/Toggle.vue.d.ts +1 -1
- package/components/toggle/Toggle.vue.js +17 -16
- package/components/toggle/index.d.ts +1 -1
- package/components/tooltip/TextWithTitleContent.vue.d.ts +1 -1
- package/components/tooltip/TextWithTitleContent.vue.js +8 -7
- package/components/tooltip/Tooltip.vue.d.ts +1 -1
- package/components/tooltip/Tooltip.vue.js +11 -10
- package/components/tooltip/index.d.ts +1 -1
- package/components/tooltip/storybookComponents/CustomTooltip.vue.d.ts +1 -1
- package/components/typography/Heading.vue.d.ts +1 -1
- package/components/typography/Heading.vue.js +4 -4
- package/components/typography/Text.vue.d.ts +1 -1
- package/components/typography/Text.vue.js +3 -3
- package/components/typography/index.d.ts +2 -2
- package/index.vue.js +3 -3
- package/package.json +5 -3
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { defineComponent, computed, ref, watch, provide, openBlock, createBlock, unref, withCtx, createElementVNode, renderSlot, normalizeClass, createTextVNode, toDisplayString, createCommentVNode, createVNode, Transition, createElementBlock, mergeProps, Fragment, renderList, toRaw, isRef, nextTick } from 'vue';
|
|
2
2
|
import _sfc_main$1 from '../popover/Popover.vue.js';
|
|
3
3
|
import Button from '../button/Button.vue.js';
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
4
|
+
import '../button/IconButton.vue.js';
|
|
5
|
+
import '../button/ScrollButton.vue.js';
|
|
6
|
+
import Search from '../search/Search.vue.js';
|
|
7
|
+
import '../typography/Heading.vue.js';
|
|
8
|
+
import Text from '../typography/Text.vue.js';
|
|
8
9
|
import Checkbox from '../checkbox/Checkbox.vue.js';
|
|
9
10
|
import Skeleton from '../skeleton/Skeleton.vue.js';
|
|
10
11
|
import EmptyState from '../emptyState/EmptyState.vue.js';
|
|
@@ -12,7 +13,8 @@ import { useToggle } from '../../composables/useToggle.vue.js';
|
|
|
12
13
|
import { IncludeExcludeContext } from './IncludeExcludeContext.vue.js';
|
|
13
14
|
import { onClickOutside, useClamp, useVirtualList } from '@vueuse/core';
|
|
14
15
|
import draggable from 'vuedraggable';
|
|
15
|
-
/* empty css */
|
|
16
|
+
/* empty css */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
|
|
17
|
+
|
|
16
18
|
import "../../IncludeExclude.vue_vue_type_style_index_0_scoped_true_lang.css";
|
|
17
19
|
const _hoisted_1 = { class: "include-exclude-header" };
|
|
18
20
|
const _hoisted_2 = { class: "include-exclude-header-left-section" };
|
|
@@ -47,16 +49,21 @@ const _hoisted_18 = { key: 2 };
|
|
|
47
49
|
const _hoisted_19 = { class: "loader-wrapper" };
|
|
48
50
|
const _hoisted_20 = { class: "include-exclude-footer" };
|
|
49
51
|
const _hoisted_21 = { class: "include-exclude-footer-buttons" };
|
|
50
|
-
const
|
|
52
|
+
const scrollPrerenderedItems = 50;
|
|
53
|
+
const skeletonItems = 3;
|
|
54
|
+
const boxDistanceBottom = 6;
|
|
55
|
+
const OPTION_HEIGHT = 32;
|
|
56
|
+
const OPTION_WITH_SUBTITLE_HEIGHT = 48;
|
|
57
|
+
const _sfc_main = defineComponent({
|
|
51
58
|
__name: "IncludeExclude",
|
|
52
59
|
props: {
|
|
53
60
|
titleText: { default: "" },
|
|
54
61
|
loading: { type: Boolean, default: false },
|
|
55
62
|
disabled: { type: Boolean, default: false },
|
|
56
|
-
modelValue:
|
|
63
|
+
modelValue: {},
|
|
57
64
|
clearable: { type: Boolean },
|
|
58
65
|
placement: { default: "bottom-start" },
|
|
59
|
-
options:
|
|
66
|
+
options: {},
|
|
60
67
|
autoFocus: { type: Boolean, default: true },
|
|
61
68
|
onSearch: { type: Function, default: () => true },
|
|
62
69
|
searchPlaceholder: { default: "Search" },
|
|
@@ -68,18 +75,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
68
75
|
distanceOffset: { default: 0 },
|
|
69
76
|
skiddingOffset: { default: 0 },
|
|
70
77
|
hasSubtitle: { type: Boolean, default: false },
|
|
71
|
-
keyField:
|
|
78
|
+
keyField: {},
|
|
72
79
|
isDraggable: { type: Boolean, default: false },
|
|
73
80
|
draggableArgs: { default: null }
|
|
74
81
|
},
|
|
75
82
|
emits: ["update:modelValue", "changeDragDrop"],
|
|
76
83
|
setup(__props, { emit }) {
|
|
77
84
|
const props = __props;
|
|
78
|
-
const scrollPrerenderedItems = 50;
|
|
79
|
-
const skeletonItems = 3;
|
|
80
|
-
const boxDistanceBottom = 6;
|
|
81
|
-
const OPTION_HEIGHT = 32;
|
|
82
|
-
const OPTION_WITH_SUBTITLE_HEIGHT = 48;
|
|
83
85
|
const popoverDistance = computed(() => {
|
|
84
86
|
const notTopDistance = props.placement?.includes("bottom") ? boxDistanceBottom : 0;
|
|
85
87
|
return props.isOnTop ? -buttonRef.value?.getBoundingClientRect().height : notTopDistance;
|
|
@@ -206,6 +208,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
206
208
|
afterClose();
|
|
207
209
|
}
|
|
208
210
|
toggle(value);
|
|
211
|
+
expandCollapseIds.value = [];
|
|
209
212
|
};
|
|
210
213
|
onClickOutside(popoverWrapperRef, () => {
|
|
211
214
|
if (open.value) {
|
|
@@ -317,11 +320,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
317
320
|
};
|
|
318
321
|
return (_ctx, _cache) => {
|
|
319
322
|
return openBlock(), createBlock(unref(_sfc_main$1), {
|
|
320
|
-
distance:
|
|
321
|
-
skidding:
|
|
323
|
+
distance: popoverDistance.value + _ctx.distanceOffset,
|
|
324
|
+
skidding: _ctx.skiddingOffset,
|
|
322
325
|
trigger: "managed",
|
|
323
|
-
open: unref(open) ||
|
|
324
|
-
placement:
|
|
326
|
+
open: unref(open) || _ctx.alwayesOpen,
|
|
327
|
+
placement: _ctx.placement
|
|
325
328
|
}, {
|
|
326
329
|
trigger: withCtx(() => [
|
|
327
330
|
createElementVNode("div", {
|
|
@@ -345,20 +348,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
345
348
|
ref_key: "popoverWrapperRef",
|
|
346
349
|
ref: popoverWrapperRef,
|
|
347
350
|
class: normalizeClass(["include-exclude-content", {
|
|
348
|
-
"include-exclude-content-draggable":
|
|
351
|
+
"include-exclude-content-draggable": _ctx.isDraggable
|
|
349
352
|
}])
|
|
350
353
|
}, [
|
|
351
354
|
createElementVNode("div", _hoisted_1, [
|
|
352
355
|
createElementVNode("div", _hoisted_2, [
|
|
353
356
|
renderSlot(_ctx.$slots, "header-left-section", {}, () => [
|
|
354
|
-
|
|
357
|
+
_ctx.titleText ? (openBlock(), createBlock(unref(Text), {
|
|
355
358
|
key: 0,
|
|
356
359
|
class: "include-exclude-header-left-section-title",
|
|
357
360
|
size: "md",
|
|
358
361
|
strong: ""
|
|
359
362
|
}, {
|
|
360
363
|
default: withCtx(() => [
|
|
361
|
-
createTextVNode(toDisplayString(
|
|
364
|
+
createTextVNode(toDisplayString(_ctx.titleText), 1)
|
|
362
365
|
]),
|
|
363
366
|
_: 1
|
|
364
367
|
})) : createCommentVNode("", true)
|
|
@@ -373,8 +376,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
373
376
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => query.value = $event),
|
|
374
377
|
class: "include-exclude-header-right-section-search-input",
|
|
375
378
|
variant: "transparent",
|
|
376
|
-
placeholder:
|
|
377
|
-
disabled:
|
|
379
|
+
placeholder: _ctx.searchPlaceholder,
|
|
380
|
+
disabled: _ctx.loading
|
|
378
381
|
}, null, 8, ["modelValue", "placeholder", "disabled"])
|
|
379
382
|
], true)
|
|
380
383
|
])
|
|
@@ -385,7 +388,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
385
388
|
mode: "out-in"
|
|
386
389
|
}, {
|
|
387
390
|
default: withCtx(() => [
|
|
388
|
-
!
|
|
391
|
+
!filteredOptions.value?.length && !_ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_5, [
|
|
389
392
|
renderSlot(_ctx.$slots, "no-result", {}, () => [
|
|
390
393
|
createVNode(unref(EmptyState), {
|
|
391
394
|
size: "lg",
|
|
@@ -399,20 +402,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
399
402
|
createElementVNode("div", _hoisted_7, [
|
|
400
403
|
createElementVNode("div", {
|
|
401
404
|
class: normalizeClass(["include-exclude-list-header", {
|
|
402
|
-
"include-exclude-list-header-loading":
|
|
403
|
-
"include-exclude-list-header-loaded": !
|
|
405
|
+
"include-exclude-list-header-loading": _ctx.loading,
|
|
406
|
+
"include-exclude-list-header-loaded": !_ctx.loading
|
|
404
407
|
}])
|
|
405
408
|
}, [
|
|
406
|
-
!
|
|
409
|
+
!_ctx.loading ? (openBlock(), createBlock(unref(Checkbox), {
|
|
407
410
|
key: 0,
|
|
408
411
|
size: "sm",
|
|
409
|
-
"is-checked":
|
|
410
|
-
"is-indeterminate":
|
|
411
|
-
disabled: !
|
|
412
|
+
"is-checked": isAllFilteredSelected.value,
|
|
413
|
+
"is-indeterminate": selectedOption.value?.length > 0 && !isAllFilteredSelected.value,
|
|
414
|
+
disabled: !filteredOptions.value?.length,
|
|
412
415
|
label: "Select all",
|
|
413
416
|
onClick: toggleSelectAll
|
|
414
417
|
}, null, 8, ["is-checked", "is-indeterminate", "disabled"])) : createCommentVNode("", true),
|
|
415
|
-
|
|
418
|
+
_ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_8, [
|
|
416
419
|
createVNode(unref(Skeleton), {
|
|
417
420
|
class: "dot-skeleton",
|
|
418
421
|
round: ""
|
|
@@ -422,10 +425,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
422
425
|
], 2),
|
|
423
426
|
createElementVNode("div", mergeProps({ class: "include-exclude-list" }, unref(containerProps), {
|
|
424
427
|
class: {
|
|
425
|
-
"include-exclude-list-draggable":
|
|
428
|
+
"include-exclude-list-draggable": _ctx.isDraggable
|
|
426
429
|
}
|
|
427
430
|
}), [
|
|
428
|
-
!
|
|
431
|
+
!_ctx.loading ? (openBlock(), createElementBlock("ul", mergeProps({ key: 0 }, unref(wrapperProps), {
|
|
429
432
|
ref_key: "listRef",
|
|
430
433
|
ref: listRef,
|
|
431
434
|
tabindex: "1"
|
|
@@ -433,8 +436,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
433
436
|
(openBlock(true), createElementBlock(Fragment, null, renderList(unref(virtualOptions), ({ data, index }) => {
|
|
434
437
|
return openBlock(), createElementBlock("li", {
|
|
435
438
|
key: index,
|
|
436
|
-
"aria-selected": toRaw(
|
|
437
|
-
"aria-disabled": !!
|
|
439
|
+
"aria-selected": toRaw(selectedOption.value) === data,
|
|
440
|
+
"aria-disabled": !!_ctx.disabled,
|
|
438
441
|
onClick: () => onSelect(data)
|
|
439
442
|
}, [
|
|
440
443
|
data.groupOption ? (openBlock(), createElementBlock("div", {
|
|
@@ -448,13 +451,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
448
451
|
key: 1,
|
|
449
452
|
showCheckbox: true,
|
|
450
453
|
option: data,
|
|
451
|
-
selected: toRaw(
|
|
454
|
+
selected: toRaw(selectedOption.value) === data,
|
|
452
455
|
active: toRaw(unref(activeIndex)) === index
|
|
453
456
|
}, void 0, true) : createCommentVNode("", true)
|
|
454
457
|
], 8, _hoisted_9);
|
|
455
458
|
}), 128))
|
|
456
459
|
], 16)) : createCommentVNode("", true),
|
|
457
|
-
|
|
460
|
+
_ctx.loading ? (openBlock(), createElementBlock("ul", _hoisted_11, [
|
|
458
461
|
(openBlock(), createElementBlock(Fragment, null, renderList(skeletonItems, (n) => {
|
|
459
462
|
return createElementVNode("li", {
|
|
460
463
|
key: n,
|
|
@@ -475,28 +478,28 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
475
478
|
createElementVNode("div", _hoisted_13, [
|
|
476
479
|
createElementVNode("div", {
|
|
477
480
|
class: normalizeClass(["include-exclude-selected-header", {
|
|
478
|
-
"include-exclude-list-selected-header-loading":
|
|
479
|
-
"include-exclude-list-header-loaded": !
|
|
481
|
+
"include-exclude-list-selected-header-loading": _ctx.loading,
|
|
482
|
+
"include-exclude-list-header-loaded": !_ctx.loading
|
|
480
483
|
}])
|
|
481
484
|
}, [
|
|
482
|
-
|
|
485
|
+
_ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_14, [
|
|
483
486
|
createVNode(unref(Skeleton), { round: "" })
|
|
484
487
|
])) : createCommentVNode("", true),
|
|
485
488
|
createElementVNode("div", _hoisted_15, [
|
|
486
|
-
!
|
|
489
|
+
!_ctx.loading ? (openBlock(), createBlock(unref(Text), {
|
|
487
490
|
key: 0,
|
|
488
491
|
class: "include-exclude-selected-header-left-selected",
|
|
489
492
|
size: "sm"
|
|
490
493
|
}, {
|
|
491
494
|
default: withCtx(() => [
|
|
492
|
-
createTextVNode(toDisplayString(
|
|
495
|
+
createTextVNode(toDisplayString(selectedOption.value?.length) + " Selected", 1)
|
|
493
496
|
]),
|
|
494
497
|
_: 1
|
|
495
498
|
})) : createCommentVNode("", true)
|
|
496
499
|
]),
|
|
497
500
|
createElementVNode("div", _hoisted_16, [
|
|
498
501
|
renderSlot(_ctx.$slots, "selected-header-right", {}, () => [
|
|
499
|
-
|
|
502
|
+
selectedOption.value?.length && !_ctx.loading && _ctx.showClearAll ? (openBlock(), createBlock(unref(Button), {
|
|
500
503
|
key: 0,
|
|
501
504
|
variant: "link",
|
|
502
505
|
theme: "third",
|
|
@@ -514,10 +517,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
514
517
|
], 2),
|
|
515
518
|
createElementVNode("div", mergeProps({
|
|
516
519
|
class: ["include-exclude-selected-list", {
|
|
517
|
-
"include-exclude-list-draggable":
|
|
520
|
+
"include-exclude-list-draggable": _ctx.isDraggable
|
|
518
521
|
}]
|
|
519
522
|
}, unref(containerPropsSelected)), [
|
|
520
|
-
|
|
523
|
+
selectedOption.value?.length && !_ctx.loading && !_ctx.isDraggable ? (openBlock(), createElementBlock("ul", mergeProps({ key: 0 }, unref(wrapperPropsSelected), {
|
|
521
524
|
ref: "SelectedlistRef",
|
|
522
525
|
tabindex: "2"
|
|
523
526
|
}), [
|
|
@@ -525,25 +528,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
525
528
|
return openBlock(), createElementBlock("li", { key: index }, [
|
|
526
529
|
renderSlot(_ctx.$slots, "selected_option", {
|
|
527
530
|
option: data,
|
|
528
|
-
selected: toRaw(
|
|
531
|
+
selected: toRaw(selectedOption.value) === data,
|
|
529
532
|
active: toRaw(unref(activeIndex)) === index
|
|
530
533
|
}, void 0, true)
|
|
531
534
|
]);
|
|
532
535
|
}), 128))
|
|
533
536
|
], 16)) : createCommentVNode("", true),
|
|
534
|
-
|
|
537
|
+
selectedOption.value?.length && !_ctx.loading && _ctx.isDraggable ? (openBlock(), createElementBlock("ul", mergeProps({ key: 1 }, unref(wrapperPropsSelected), {
|
|
535
538
|
ref: "SelectedlistRef",
|
|
536
539
|
tabindex: "2"
|
|
537
540
|
}), [
|
|
538
541
|
createVNode(unref(draggable), mergeProps({
|
|
539
542
|
modelValue: unref(virtualOptionsSelected),
|
|
540
543
|
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(virtualOptionsSelected) ? virtualOptionsSelected.value = $event : null)
|
|
541
|
-
},
|
|
544
|
+
}, _ctx.draggableArgs, { onChange: onChangeDragDrop }), {
|
|
542
545
|
item: withCtx(({ element }) => [
|
|
543
546
|
createElementVNode("div", _hoisted_17, [
|
|
544
547
|
renderSlot(_ctx.$slots, "selected_option_draggable", {
|
|
545
548
|
option: element.data,
|
|
546
|
-
selected: toRaw(
|
|
549
|
+
selected: toRaw(selectedOption.value) === element.data,
|
|
547
550
|
active: toRaw(unref(activeIndex)) === element.data.draggableItemKey
|
|
548
551
|
}, void 0, true)
|
|
549
552
|
])
|
|
@@ -551,7 +554,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
551
554
|
_: 3
|
|
552
555
|
}, 16, ["modelValue"])
|
|
553
556
|
], 16)) : createCommentVNode("", true),
|
|
554
|
-
|
|
557
|
+
_ctx.loading ? (openBlock(), createElementBlock("ul", _hoisted_18, [
|
|
555
558
|
(openBlock(), createElementBlock(Fragment, null, renderList(skeletonItems, (n) => {
|
|
556
559
|
return createElementVNode("li", {
|
|
557
560
|
key: n,
|
|
@@ -613,6 +616,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
613
616
|
};
|
|
614
617
|
}
|
|
615
618
|
});
|
|
616
|
-
var IncludeExclude = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
619
|
+
var IncludeExclude = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9f5c6778"]]);
|
|
617
620
|
|
|
618
621
|
export { IncludeExclude as default };
|
|
@@ -70,7 +70,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
70
70
|
imgProps: any;
|
|
71
71
|
optionProps: any;
|
|
72
72
|
isLoading: boolean;
|
|
73
|
-
}>;
|
|
73
|
+
}, {}>;
|
|
74
74
|
export default _default;
|
|
75
75
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
76
76
|
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
@@ -4,12 +4,13 @@ import AppIcon from '../appIcon/AppIcon.vue.js';
|
|
|
4
4
|
import { useSearch } from '../../composables/useSearch.vue.js';
|
|
5
5
|
import IncludeExclude from './IncludeExclude.vue.js';
|
|
6
6
|
import IncludeExcludeOption from './IncludeExcludeOption.vue.js';
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
/* empty css
|
|
7
|
+
import './IncludeExcludeOptionDraggable.vue.js';
|
|
8
|
+
import IncludeExcludeAppTrigger from './IncludeExcludeAppTrigger.vue.js';
|
|
9
|
+
import './IncludeExcludeChipFilter.vue.js';
|
|
10
|
+
/* empty css */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
|
|
11
|
+
|
|
11
12
|
import "../../IncludeExcludeAppHeader.vue_vue_type_style_index_0_scoped_true_lang.css";
|
|
12
|
-
const _sfc_main =
|
|
13
|
+
const _sfc_main = defineComponent({
|
|
13
14
|
__name: "IncludeExcludeAppHeader",
|
|
14
15
|
props: {
|
|
15
16
|
imgProps: { default: void 0 },
|
|
@@ -21,9 +22,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
21
22
|
keyField: { default: "appKey" },
|
|
22
23
|
subTitleKey: { default: "appKey" },
|
|
23
24
|
searchAttribute: { default: "name" },
|
|
24
|
-
applications:
|
|
25
|
+
applications: {},
|
|
25
26
|
titleText: { default: "Application" },
|
|
26
|
-
modelValue:
|
|
27
|
+
modelValue: {},
|
|
27
28
|
distanceOffset: { default: 4 },
|
|
28
29
|
skiddingOffset: { default: 4 },
|
|
29
30
|
isLoading: { type: Boolean, default: false }
|
|
@@ -36,22 +37,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
36
37
|
return openBlock(), createBlock(unref(IncludeExclude), mergeProps(_ctx.$attrs, {
|
|
37
38
|
modelValue: selectedOptionRef.value,
|
|
38
39
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedOptionRef.value = $event),
|
|
39
|
-
loading:
|
|
40
|
-
"distance-offset":
|
|
41
|
-
"skidding-offset":
|
|
42
|
-
"title-text":
|
|
40
|
+
loading: _ctx.isLoading,
|
|
41
|
+
"distance-offset": _ctx.distanceOffset,
|
|
42
|
+
"skidding-offset": _ctx.skiddingOffset,
|
|
43
|
+
"title-text": _ctx.titleText,
|
|
43
44
|
"is-on-top": true,
|
|
44
|
-
options:
|
|
45
|
-
"has-subtitle":
|
|
46
|
-
"search-placeholder":
|
|
45
|
+
options: _ctx.applications,
|
|
46
|
+
"has-subtitle": _ctx.showSubTitle,
|
|
47
|
+
"search-placeholder": _ctx.searchPlaceholder,
|
|
47
48
|
"on-search": unref(search),
|
|
48
|
-
"key-field":
|
|
49
|
+
"key-field": _ctx.keyField
|
|
49
50
|
}), {
|
|
50
51
|
trigger: withCtx(() => [
|
|
51
52
|
createVNode(unref(IncludeExcludeAppTrigger), {
|
|
52
53
|
selected: selectedOptionRef.value,
|
|
53
|
-
options:
|
|
54
|
-
loading:
|
|
54
|
+
options: _ctx.applications,
|
|
55
|
+
loading: _ctx.isLoading
|
|
55
56
|
}, null, 8, ["selected", "options", "loading"])
|
|
56
57
|
]),
|
|
57
58
|
option: withCtx(({ option, showCheckbox }) => [
|
|
@@ -59,12 +60,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
59
60
|
option,
|
|
60
61
|
"show-checkbox": showCheckbox,
|
|
61
62
|
"title-text": option?.name,
|
|
62
|
-
subtitle:
|
|
63
|
+
subtitle: _ctx.showSubTitle ? option[_ctx.subTitleKey] : ""
|
|
63
64
|
}, createSlots({
|
|
64
65
|
image: withCtx(() => [
|
|
65
|
-
createVNode(unref(AppIcon), mergeProps(
|
|
66
|
+
createVNode(unref(AppIcon), mergeProps(_ctx.imgProps, {
|
|
66
67
|
src: option.icon,
|
|
67
|
-
size:
|
|
68
|
+
size: _ctx.showSubTitle ? "lg" : "md"
|
|
68
69
|
}), null, 16, ["src", "size"])
|
|
69
70
|
]),
|
|
70
71
|
default: withCtx(() => [
|
|
@@ -72,7 +73,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
72
73
|
]),
|
|
73
74
|
_: 2
|
|
74
75
|
}, [
|
|
75
|
-
|
|
76
|
+
_ctx.showIcon ? {
|
|
76
77
|
name: "icon-start",
|
|
77
78
|
fn: withCtx(() => [
|
|
78
79
|
createVNode(unref(Icon), {
|
|
@@ -88,18 +89,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
88
89
|
"show-checkbox": false,
|
|
89
90
|
clearable: true,
|
|
90
91
|
option,
|
|
91
|
-
subtitle:
|
|
92
|
+
subtitle: _ctx.showSubTitle ? option[_ctx.subTitleKey] : "",
|
|
92
93
|
"title-text": option?.name
|
|
93
94
|
}, createSlots({
|
|
94
95
|
image: withCtx(() => [
|
|
95
|
-
createVNode(unref(AppIcon), mergeProps(
|
|
96
|
+
createVNode(unref(AppIcon), mergeProps(_ctx.imgProps, {
|
|
96
97
|
src: option.icon,
|
|
97
|
-
size:
|
|
98
|
+
size: _ctx.showSubTitle ? "lg" : "md"
|
|
98
99
|
}), null, 16, ["src", "size"])
|
|
99
100
|
]),
|
|
100
101
|
_: 2
|
|
101
102
|
}, [
|
|
102
|
-
|
|
103
|
+
_ctx.showIcon ? {
|
|
103
104
|
name: "icon-start",
|
|
104
105
|
fn: withCtx(() => [
|
|
105
106
|
createVNode(unref(Icon), {
|
|
@@ -19,7 +19,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
19
19
|
loading: boolean;
|
|
20
20
|
selected: Application[];
|
|
21
21
|
options: Application[];
|
|
22
|
-
}>;
|
|
22
|
+
}, {}>;
|
|
23
23
|
export default _default;
|
|
24
24
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
25
25
|
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
@@ -1,14 +1,18 @@
|
|
|
1
|
-
import { defineComponent, computed, openBlock, createElementBlock, normalizeClass,
|
|
2
|
-
import
|
|
3
|
-
|
|
1
|
+
import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, renderSlot, createElementVNode, createBlock, unref, createCommentVNode, createVNode, withCtx, createTextVNode, toDisplayString } from 'vue';
|
|
2
|
+
import '../button/Button.vue.js';
|
|
3
|
+
import IconButton from '../button/IconButton.vue.js';
|
|
4
|
+
import '../button/ScrollButton.vue.js';
|
|
5
|
+
import '../typography/Heading.vue.js';
|
|
4
6
|
import Text from '../typography/Text.vue.js';
|
|
5
|
-
|
|
7
|
+
import Icon from '../icon/Icon.vue.js';
|
|
6
8
|
import _sfc_main$1 from '../tooltip/Tooltip.vue.js';
|
|
7
|
-
|
|
8
|
-
/* empty css */
|
|
9
|
+
import AppIcon from '../appIcon/AppIcon.vue.js';
|
|
10
|
+
/* empty css */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
|
|
11
|
+
|
|
9
12
|
import "../../IncludeExcludeAppTrigger.vue_vue_type_style_index_0_scoped_true_lang.css";
|
|
10
13
|
const _hoisted_1 = { class: "include-exclude-trigger-left-image" };
|
|
11
|
-
const
|
|
14
|
+
const allTitle = "All apps selected";
|
|
15
|
+
const _sfc_main = defineComponent({
|
|
12
16
|
__name: "IncludeExcludeAppTrigger",
|
|
13
17
|
props: {
|
|
14
18
|
selected: { default: null },
|
|
@@ -17,7 +21,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
17
21
|
},
|
|
18
22
|
setup(__props) {
|
|
19
23
|
const props = __props;
|
|
20
|
-
const allTitle = "All apps selected";
|
|
21
24
|
const title = computed(() => {
|
|
22
25
|
if (allMode.value) {
|
|
23
26
|
return allTitle;
|
|
@@ -81,15 +84,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
81
84
|
return (_ctx, _cache) => {
|
|
82
85
|
return openBlock(), createElementBlock("div", {
|
|
83
86
|
class: normalizeClass(["include-exclude-trigger-container", {
|
|
84
|
-
"include-exclude-trigger-container--with-icons":
|
|
87
|
+
"include-exclude-trigger-container--with-icons": selectedSize.value > 0 || allMode.value
|
|
85
88
|
}])
|
|
86
89
|
}, [
|
|
87
90
|
renderSlot(_ctx.$slots, "left-image", {}, () => [
|
|
88
91
|
createElementVNode("div", _hoisted_1, [
|
|
89
|
-
|
|
92
|
+
appImage.value ? (openBlock(), createBlock(unref(AppIcon), {
|
|
90
93
|
key: 0,
|
|
91
94
|
size: "xl",
|
|
92
|
-
src:
|
|
95
|
+
src: appImage.value
|
|
93
96
|
}, null, 8, ["src"])) : (openBlock(), createBlock(unref(Icon), {
|
|
94
97
|
key: 1,
|
|
95
98
|
class: "trigger-icon",
|
|
@@ -99,21 +102,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
99
102
|
])
|
|
100
103
|
], true),
|
|
101
104
|
renderSlot(_ctx.$slots, "left-icon", {}, () => [
|
|
102
|
-
|
|
105
|
+
osIcon.value ? (openBlock(), createBlock(unref(Icon), {
|
|
103
106
|
key: 0,
|
|
104
107
|
class: "include-exclude-trigger-left-icon",
|
|
105
|
-
name:
|
|
108
|
+
name: osIcon.value,
|
|
106
109
|
"font-size": "md"
|
|
107
110
|
}, null, 8, ["name"])) : createCommentVNode("", true)
|
|
108
111
|
], true),
|
|
109
112
|
createElementVNode("div", {
|
|
110
113
|
class: normalizeClass(["include-exclude-trigger-middle-section", {
|
|
111
|
-
"include-exclude-trigger-middle-section--single":
|
|
112
|
-
"include-exclude-trigger-middle-section--loading":
|
|
114
|
+
"include-exclude-trigger-middle-section--single": singleApp.value,
|
|
115
|
+
"include-exclude-trigger-middle-section--loading": _ctx.loading || !_ctx.options?.length
|
|
113
116
|
}])
|
|
114
117
|
}, [
|
|
115
118
|
renderSlot(_ctx.$slots, "title", {}, () => [
|
|
116
|
-
createVNode(unref(_sfc_main$1), { text:
|
|
119
|
+
createVNode(unref(_sfc_main$1), { text: title.value }, {
|
|
117
120
|
default: withCtx(() => [
|
|
118
121
|
createVNode(unref(Text), {
|
|
119
122
|
strong: "",
|
|
@@ -122,7 +125,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
122
125
|
size: "sm"
|
|
123
126
|
}, {
|
|
124
127
|
default: withCtx(() => [
|
|
125
|
-
createTextVNode(toDisplayString(
|
|
128
|
+
createTextVNode(toDisplayString(title.value), 1)
|
|
126
129
|
]),
|
|
127
130
|
_: 1
|
|
128
131
|
})
|
|
@@ -132,7 +135,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
132
135
|
], true),
|
|
133
136
|
renderSlot(_ctx.$slots, "description", {}, () => [
|
|
134
137
|
createElementVNode("div", null, [
|
|
135
|
-
createVNode(unref(_sfc_main$1), { text:
|
|
138
|
+
createVNode(unref(_sfc_main$1), { text: description.value }, {
|
|
136
139
|
default: withCtx(() => [
|
|
137
140
|
createVNode(unref(Text), {
|
|
138
141
|
class: "include-exclude-trigger-description",
|
|
@@ -140,7 +143,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
140
143
|
"is-truncated": ""
|
|
141
144
|
}, {
|
|
142
145
|
default: withCtx(() => [
|
|
143
|
-
createTextVNode(toDisplayString(
|
|
146
|
+
createTextVNode(toDisplayString(description.value), 1)
|
|
144
147
|
]),
|
|
145
148
|
_: 1
|
|
146
149
|
})
|
|
@@ -98,7 +98,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
98
98
|
textKey: string;
|
|
99
99
|
showImage: boolean;
|
|
100
100
|
triggerTextFunc: (option: unknown) => string;
|
|
101
|
-
}>;
|
|
101
|
+
}, {}>;
|
|
102
102
|
export default _default;
|
|
103
103
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
104
104
|
type __VLS_TypePropsToRuntimeProps<T> = {
|