@ironsource/shared-ui 1.4.2-test.7 → 1.4.2-test.9
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/Banner.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
- package/CalendarMonth.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
- package/Dialog.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
- package/Editable.vue_vue_type_style_index_0_scoped_true_lang.css +1 -1
- 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/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 +22 -25
- package/components/appTrigger/index.d.ts +1 -1
- package/components/autocompleteDropdown/AutocompleteDropdown.vue.d.ts +1 -1
- package/components/autocompleteDropdown/AutocompleteDropdown.vue.js +14 -16
- 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 +3 -4
- package/components/autocompleteDropdown/index.d.ts +1 -1
- package/components/banner/Banner.vue.d.ts +1 -1
- package/components/banner/Banner.vue.js +6 -6
- 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 +11 -12
- 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 +8 -9
- package/components/button/index.d.ts +3 -3
- package/components/checkbox/Checkbox.vue.d.ts +1 -1
- package/components/checkbox/Checkbox.vue.js +15 -16
- 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 -21
- package/components/dateRange/DateRange.vue.d.ts +1 -1
- package/components/dateRange/DateRange.vue.js +26 -28
- 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 +17 -17
- package/components/dialog/index.d.ts +1 -1
- package/components/dropdown/Dropdown.vue.d.ts +1 -1
- package/components/dropdown/Dropdown.vue.js +57 -60
- package/components/dropdown/Label.vue.d.ts +1 -1
- package/components/dropdown/Label.vue.js +3 -4
- package/components/dropdown/Option.vue.d.ts +1 -1
- package/components/dropdown/Option.vue.js +16 -17
- package/components/dropdown/SearchInput.vue.d.ts +1 -1
- package/components/dropdown/SearchInput.vue.js +6 -6
- package/components/dropdown/index.d.ts +398 -1
- package/components/emptyState/EmptyState.vue.d.ts +1 -1
- package/components/emptyState/EmptyState.vue.js +19 -21
- 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 +15 -17
- 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 +53 -69
- package/components/includeExclude/IncludeExcludeAppHeader.vue.d.ts +1 -1
- package/components/includeExclude/IncludeExcludeAppHeader.vue.js +25 -26
- package/components/includeExclude/IncludeExcludeAppTrigger.vue.d.ts +1 -1
- package/components/includeExclude/IncludeExcludeAppTrigger.vue.js +19 -22
- package/components/includeExclude/IncludeExcludeChipFilter.vue.d.ts +1 -1
- package/components/includeExclude/IncludeExcludeChipFilter.vue.js +40 -42
- package/components/includeExclude/IncludeExcludeOption.vue.d.ts +1 -1
- package/components/includeExclude/IncludeExcludeOption.vue.js +21 -22
- package/components/includeExclude/IncludeExcludeOptionDraggable.vue.d.ts +1 -1
- package/components/includeExclude/IncludeExcludeOptionDraggable.vue.js +17 -18
- package/components/includeExclude/index.d.ts +5 -5
- package/components/input/DollarInput.vue.d.ts +1 -1
- package/components/input/DollarInput.vue.js +2 -3
- package/components/input/Input.vue.d.ts +1 -1
- package/components/input/Input.vue.js +30 -33
- package/components/input/PasswordInput.vue.d.ts +1 -1
- package/components/input/PasswordInput.vue.js +2 -3
- package/components/input/PercentageInput.vue.d.ts +1 -1
- package/components/input/PercentageInput.vue.js +2 -3
- 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 +3 -4
- 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 +1 -1
- package/components/table/Table.vue.js +32 -35
- package/components/table/TableHeaderSorter.vue.d.ts +1 -1
- package/components/table/TableHeaderSorter.vue.js +4 -4
- package/components/table/index.d.ts +1 -1
- package/components/table-cells/Editable.vue.d.ts +1 -1
- package/components/table-cells/Editable.vue.js +5 -5
- package/components/table-cells/index.d.ts +1 -1
- package/components/tabs/Tabs.vue.d.ts +1 -1
- package/components/tabs/Tabs.vue.js +15 -16
- package/components/tabs/index.d.ts +1 -1
- package/components/textArea/TextArea.vue.d.ts +1 -1
- package/components/textArea/TextArea.vue.js +12 -13
- package/components/textArea/index.d.ts +1 -1
- package/components/toggle/Toggle.vue.d.ts +1 -1
- package/components/toggle/Toggle.vue.js +14 -15
- package/components/toggle/index.d.ts +1 -1
- package/components/tooltip/TextWithTitleContent.vue.d.ts +1 -1
- package/components/tooltip/TextWithTitleContent.vue.js +7 -8
- package/components/tooltip/Tooltip.vue.d.ts +1 -1
- package/components/tooltip/Tooltip.vue.js +10 -11
- 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 +1 -1
|
@@ -1,21 +1,18 @@
|
|
|
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
|
-
import '
|
|
5
|
-
import '../
|
|
6
|
-
|
|
7
|
-
import '../
|
|
8
|
-
import Text from '../typography/Text.vue.js';
|
|
4
|
+
/* empty css */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
|
|
5
|
+
/* empty css */import Text from '../typography/Text.vue.js';
|
|
6
|
+
/* empty css *//* empty css *//* empty css */import 'floating-vue';
|
|
7
|
+
/* empty css *//* empty css */import Search from '../search/Search.vue.js';
|
|
9
8
|
import Checkbox from '../checkbox/Checkbox.vue.js';
|
|
10
|
-
import Icon from '../icon/Icon.vue.js';
|
|
11
9
|
import Skeleton from '../skeleton/Skeleton.vue.js';
|
|
12
10
|
import EmptyState from '../emptyState/EmptyState.vue.js';
|
|
13
11
|
import { useToggle } from '../../composables/useToggle.vue.js';
|
|
14
12
|
import { IncludeExcludeContext } from './IncludeExcludeContext.vue.js';
|
|
15
13
|
import { onClickOutside, useClamp, useVirtualList } from '@vueuse/core';
|
|
16
14
|
import draggable from 'vuedraggable';
|
|
17
|
-
/* empty css */
|
|
18
|
-
|
|
15
|
+
/* empty css */
|
|
19
16
|
import "../../IncludeExclude.vue_vue_type_style_index_0_scoped_true_lang.css";
|
|
20
17
|
const _hoisted_1 = { class: "include-exclude-header" };
|
|
21
18
|
const _hoisted_2 = { class: "include-exclude-header-left-section" };
|
|
@@ -50,21 +47,16 @@ const _hoisted_18 = { key: 2 };
|
|
|
50
47
|
const _hoisted_19 = { class: "loader-wrapper" };
|
|
51
48
|
const _hoisted_20 = { class: "include-exclude-footer" };
|
|
52
49
|
const _hoisted_21 = { class: "include-exclude-footer-buttons" };
|
|
53
|
-
const
|
|
54
|
-
const skeletonItems = 3;
|
|
55
|
-
const boxDistanceBottom = 6;
|
|
56
|
-
const OPTION_HEIGHT = 32;
|
|
57
|
-
const OPTION_WITH_SUBTITLE_HEIGHT = 48;
|
|
58
|
-
const _sfc_main = defineComponent({
|
|
50
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
59
51
|
__name: "IncludeExclude",
|
|
60
52
|
props: {
|
|
61
53
|
titleText: { default: "" },
|
|
62
54
|
loading: { type: Boolean, default: false },
|
|
63
55
|
disabled: { type: Boolean, default: false },
|
|
64
|
-
modelValue:
|
|
56
|
+
modelValue: null,
|
|
65
57
|
clearable: { type: Boolean },
|
|
66
58
|
placement: { default: "bottom-start" },
|
|
67
|
-
options:
|
|
59
|
+
options: null,
|
|
68
60
|
autoFocus: { type: Boolean, default: true },
|
|
69
61
|
onSearch: { type: Function, default: () => true },
|
|
70
62
|
searchPlaceholder: { default: "Search" },
|
|
@@ -76,13 +68,18 @@ const _sfc_main = defineComponent({
|
|
|
76
68
|
distanceOffset: { default: 0 },
|
|
77
69
|
skiddingOffset: { default: 0 },
|
|
78
70
|
hasSubtitle: { type: Boolean, default: false },
|
|
79
|
-
keyField:
|
|
71
|
+
keyField: null,
|
|
80
72
|
isDraggable: { type: Boolean, default: false },
|
|
81
73
|
draggableArgs: { default: null }
|
|
82
74
|
},
|
|
83
75
|
emits: ["update:modelValue", "changeDragDrop"],
|
|
84
76
|
setup(__props, { emit }) {
|
|
85
77
|
const props = __props;
|
|
78
|
+
const scrollPrerenderedItems = 10;
|
|
79
|
+
const skeletonItems = 3;
|
|
80
|
+
const boxDistanceBottom = 6;
|
|
81
|
+
const OPTION_HEIGHT = 32;
|
|
82
|
+
const OPTION_WITH_SUBTITLE_HEIGHT = 48;
|
|
86
83
|
const popoverDistance = computed(() => {
|
|
87
84
|
const notTopDistance = props.placement?.includes("bottom") ? boxDistanceBottom : 0;
|
|
88
85
|
return props.isOnTop ? -buttonRef.value?.getBoundingClientRect().height : notTopDistance;
|
|
@@ -301,7 +298,7 @@ const _sfc_main = defineComponent({
|
|
|
301
298
|
};
|
|
302
299
|
const expandCollapseIds = ref([]);
|
|
303
300
|
const isCollapsed = (option) => {
|
|
304
|
-
return expandCollapseIds.value.includes(option?.
|
|
301
|
+
return expandCollapseIds.value.includes(option?.[props.keyField]);
|
|
305
302
|
};
|
|
306
303
|
const toggleCollapse = (option) => {
|
|
307
304
|
if (option.groupOption) {
|
|
@@ -314,11 +311,11 @@ const _sfc_main = defineComponent({
|
|
|
314
311
|
};
|
|
315
312
|
return (_ctx, _cache) => {
|
|
316
313
|
return openBlock(), createBlock(unref(_sfc_main$1), {
|
|
317
|
-
distance: popoverDistance
|
|
318
|
-
skidding:
|
|
314
|
+
distance: unref(popoverDistance) + __props.distanceOffset,
|
|
315
|
+
skidding: __props.skiddingOffset,
|
|
319
316
|
trigger: "managed",
|
|
320
|
-
open: unref(open) ||
|
|
321
|
-
placement:
|
|
317
|
+
open: unref(open) || __props.alwayesOpen,
|
|
318
|
+
placement: __props.placement
|
|
322
319
|
}, {
|
|
323
320
|
trigger: withCtx(() => [
|
|
324
321
|
createElementVNode("div", {
|
|
@@ -342,20 +339,20 @@ const _sfc_main = defineComponent({
|
|
|
342
339
|
ref_key: "popoverWrapperRef",
|
|
343
340
|
ref: popoverWrapperRef,
|
|
344
341
|
class: normalizeClass(["include-exclude-content", {
|
|
345
|
-
"include-exclude-content-draggable":
|
|
342
|
+
"include-exclude-content-draggable": __props.isDraggable
|
|
346
343
|
}])
|
|
347
344
|
}, [
|
|
348
345
|
createElementVNode("div", _hoisted_1, [
|
|
349
346
|
createElementVNode("div", _hoisted_2, [
|
|
350
347
|
renderSlot(_ctx.$slots, "header-left-section", {}, () => [
|
|
351
|
-
|
|
348
|
+
__props.titleText ? (openBlock(), createBlock(unref(Text), {
|
|
352
349
|
key: 0,
|
|
353
350
|
class: "include-exclude-header-left-section-title",
|
|
354
351
|
size: "md",
|
|
355
352
|
strong: ""
|
|
356
353
|
}, {
|
|
357
354
|
default: withCtx(() => [
|
|
358
|
-
createTextVNode(toDisplayString(
|
|
355
|
+
createTextVNode(toDisplayString(__props.titleText), 1)
|
|
359
356
|
]),
|
|
360
357
|
_: 1
|
|
361
358
|
})) : createCommentVNode("", true)
|
|
@@ -370,8 +367,8 @@ const _sfc_main = defineComponent({
|
|
|
370
367
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => query.value = $event),
|
|
371
368
|
class: "include-exclude-header-right-section-search-input",
|
|
372
369
|
variant: "transparent",
|
|
373
|
-
placeholder:
|
|
374
|
-
disabled:
|
|
370
|
+
placeholder: __props.searchPlaceholder,
|
|
371
|
+
disabled: __props.loading
|
|
375
372
|
}, null, 8, ["modelValue", "placeholder", "disabled"])
|
|
376
373
|
], true)
|
|
377
374
|
])
|
|
@@ -382,7 +379,7 @@ const _sfc_main = defineComponent({
|
|
|
382
379
|
mode: "out-in"
|
|
383
380
|
}, {
|
|
384
381
|
default: withCtx(() => [
|
|
385
|
-
!filteredOptions
|
|
382
|
+
!unref(filteredOptions)?.length && !__props.loading ? (openBlock(), createElementBlock("div", _hoisted_5, [
|
|
386
383
|
renderSlot(_ctx.$slots, "no-result", {}, () => [
|
|
387
384
|
createVNode(unref(EmptyState), {
|
|
388
385
|
size: "lg",
|
|
@@ -396,20 +393,20 @@ const _sfc_main = defineComponent({
|
|
|
396
393
|
createElementVNode("div", _hoisted_7, [
|
|
397
394
|
createElementVNode("div", {
|
|
398
395
|
class: normalizeClass(["include-exclude-list-header", {
|
|
399
|
-
"include-exclude-list-header-loading":
|
|
400
|
-
"include-exclude-list-header-loaded": !
|
|
396
|
+
"include-exclude-list-header-loading": __props.loading,
|
|
397
|
+
"include-exclude-list-header-loaded": !__props.loading
|
|
401
398
|
}])
|
|
402
399
|
}, [
|
|
403
|
-
!
|
|
400
|
+
!__props.loading ? (openBlock(), createBlock(unref(Checkbox), {
|
|
404
401
|
key: 0,
|
|
405
402
|
size: "sm",
|
|
406
|
-
"is-checked": isAllFilteredSelected
|
|
407
|
-
"is-indeterminate": selectedOption
|
|
408
|
-
disabled: !filteredOptions
|
|
403
|
+
"is-checked": unref(isAllFilteredSelected),
|
|
404
|
+
"is-indeterminate": unref(selectedOption)?.length > 0 && !unref(isAllFilteredSelected),
|
|
405
|
+
disabled: !unref(filteredOptions)?.length,
|
|
409
406
|
label: "Select all",
|
|
410
407
|
onClick: toggleSelectAll
|
|
411
408
|
}, null, 8, ["is-checked", "is-indeterminate", "disabled"])) : createCommentVNode("", true),
|
|
412
|
-
|
|
409
|
+
__props.loading ? (openBlock(), createElementBlock("div", _hoisted_8, [
|
|
413
410
|
createVNode(unref(Skeleton), {
|
|
414
411
|
class: "dot-skeleton",
|
|
415
412
|
round: ""
|
|
@@ -419,10 +416,10 @@ const _sfc_main = defineComponent({
|
|
|
419
416
|
], 2),
|
|
420
417
|
createElementVNode("div", mergeProps({ class: "include-exclude-list" }, unref(containerProps), {
|
|
421
418
|
class: {
|
|
422
|
-
"include-exclude-list-draggable":
|
|
419
|
+
"include-exclude-list-draggable": __props.isDraggable
|
|
423
420
|
}
|
|
424
421
|
}), [
|
|
425
|
-
!
|
|
422
|
+
!__props.loading ? (openBlock(), createElementBlock("ul", mergeProps({ key: 0 }, unref(wrapperProps), {
|
|
426
423
|
ref_key: "listRef",
|
|
427
424
|
ref: listRef,
|
|
428
425
|
tabindex: "1"
|
|
@@ -430,8 +427,8 @@ const _sfc_main = defineComponent({
|
|
|
430
427
|
(openBlock(true), createElementBlock(Fragment, null, renderList(unref(virtualOptions), ({ data, index }) => {
|
|
431
428
|
return openBlock(), createElementBlock("li", {
|
|
432
429
|
key: index,
|
|
433
|
-
"aria-selected": toRaw(selectedOption
|
|
434
|
-
"aria-disabled": !!
|
|
430
|
+
"aria-selected": toRaw(unref(selectedOption)) === data,
|
|
431
|
+
"aria-disabled": !!__props.disabled,
|
|
435
432
|
onClick: () => onSelect(data)
|
|
436
433
|
}, [
|
|
437
434
|
data.groupOption ? (openBlock(), createElementBlock("div", {
|
|
@@ -439,32 +436,19 @@ const _sfc_main = defineComponent({
|
|
|
439
436
|
class: "option-collapse",
|
|
440
437
|
onClick: ($event) => toggleCollapse(data)
|
|
441
438
|
}, [
|
|
442
|
-
|
|
443
|
-
strong: "",
|
|
444
|
-
"is-truncated": "",
|
|
445
|
-
size: "md"
|
|
446
|
-
}, {
|
|
447
|
-
default: withCtx(() => [
|
|
448
|
-
createTextVNode(toDisplayString(data.titleText), 1)
|
|
449
|
-
]),
|
|
450
|
-
_: 2
|
|
451
|
-
}, 1024),
|
|
452
|
-
createVNode(unref(Icon), {
|
|
453
|
-
"font-size": "sm",
|
|
454
|
-
name: data?.groupOption?.isCollapse ? "angle-up" : "angle-down"
|
|
455
|
-
}, null, 8, ["name"])
|
|
439
|
+
renderSlot(_ctx.$slots, "option-group", { option: data }, void 0, true)
|
|
456
440
|
], 8, _hoisted_10)) : createCommentVNode("", true),
|
|
457
441
|
!data.groupOption && !isCollapsed(data) ? renderSlot(_ctx.$slots, "option", {
|
|
458
442
|
key: 1,
|
|
459
443
|
showCheckbox: true,
|
|
460
444
|
option: data,
|
|
461
|
-
selected: toRaw(selectedOption
|
|
445
|
+
selected: toRaw(unref(selectedOption)) === data,
|
|
462
446
|
active: toRaw(unref(activeIndex)) === index
|
|
463
447
|
}, void 0, true) : createCommentVNode("", true)
|
|
464
448
|
], 8, _hoisted_9);
|
|
465
449
|
}), 128))
|
|
466
450
|
], 16)) : createCommentVNode("", true),
|
|
467
|
-
|
|
451
|
+
__props.loading ? (openBlock(), createElementBlock("ul", _hoisted_11, [
|
|
468
452
|
(openBlock(), createElementBlock(Fragment, null, renderList(skeletonItems, (n) => {
|
|
469
453
|
return createElementVNode("li", {
|
|
470
454
|
key: n,
|
|
@@ -485,28 +469,28 @@ const _sfc_main = defineComponent({
|
|
|
485
469
|
createElementVNode("div", _hoisted_13, [
|
|
486
470
|
createElementVNode("div", {
|
|
487
471
|
class: normalizeClass(["include-exclude-selected-header", {
|
|
488
|
-
"include-exclude-list-selected-header-loading":
|
|
489
|
-
"include-exclude-list-header-loaded": !
|
|
472
|
+
"include-exclude-list-selected-header-loading": __props.loading,
|
|
473
|
+
"include-exclude-list-header-loaded": !__props.loading
|
|
490
474
|
}])
|
|
491
475
|
}, [
|
|
492
|
-
|
|
476
|
+
__props.loading ? (openBlock(), createElementBlock("div", _hoisted_14, [
|
|
493
477
|
createVNode(unref(Skeleton), { round: "" })
|
|
494
478
|
])) : createCommentVNode("", true),
|
|
495
479
|
createElementVNode("div", _hoisted_15, [
|
|
496
|
-
!
|
|
480
|
+
!__props.loading ? (openBlock(), createBlock(unref(Text), {
|
|
497
481
|
key: 0,
|
|
498
482
|
class: "include-exclude-selected-header-left-selected",
|
|
499
483
|
size: "sm"
|
|
500
484
|
}, {
|
|
501
485
|
default: withCtx(() => [
|
|
502
|
-
createTextVNode(toDisplayString(selectedOption
|
|
486
|
+
createTextVNode(toDisplayString(unref(selectedOption)?.length) + " Selected", 1)
|
|
503
487
|
]),
|
|
504
488
|
_: 1
|
|
505
489
|
})) : createCommentVNode("", true)
|
|
506
490
|
]),
|
|
507
491
|
createElementVNode("div", _hoisted_16, [
|
|
508
492
|
renderSlot(_ctx.$slots, "selected-header-right", {}, () => [
|
|
509
|
-
selectedOption
|
|
493
|
+
unref(selectedOption)?.length && !__props.loading && __props.showClearAll ? (openBlock(), createBlock(unref(Button), {
|
|
510
494
|
key: 0,
|
|
511
495
|
variant: "link",
|
|
512
496
|
theme: "third",
|
|
@@ -524,10 +508,10 @@ const _sfc_main = defineComponent({
|
|
|
524
508
|
], 2),
|
|
525
509
|
createElementVNode("div", mergeProps({
|
|
526
510
|
class: ["include-exclude-selected-list", {
|
|
527
|
-
"include-exclude-list-draggable":
|
|
511
|
+
"include-exclude-list-draggable": __props.isDraggable
|
|
528
512
|
}]
|
|
529
513
|
}, unref(containerPropsSelected)), [
|
|
530
|
-
selectedOption
|
|
514
|
+
unref(selectedOption)?.length && !__props.loading && !__props.isDraggable ? (openBlock(), createElementBlock("ul", mergeProps({ key: 0 }, unref(wrapperPropsSelected), {
|
|
531
515
|
ref: "SelectedlistRef",
|
|
532
516
|
tabindex: "2"
|
|
533
517
|
}), [
|
|
@@ -535,25 +519,25 @@ const _sfc_main = defineComponent({
|
|
|
535
519
|
return openBlock(), createElementBlock("li", { key: index }, [
|
|
536
520
|
renderSlot(_ctx.$slots, "selected_option", {
|
|
537
521
|
option: data,
|
|
538
|
-
selected: toRaw(selectedOption
|
|
522
|
+
selected: toRaw(unref(selectedOption)) === data,
|
|
539
523
|
active: toRaw(unref(activeIndex)) === index
|
|
540
524
|
}, void 0, true)
|
|
541
525
|
]);
|
|
542
526
|
}), 128))
|
|
543
527
|
], 16)) : createCommentVNode("", true),
|
|
544
|
-
selectedOption
|
|
528
|
+
unref(selectedOption)?.length && !__props.loading && __props.isDraggable ? (openBlock(), createElementBlock("ul", mergeProps({ key: 1 }, unref(wrapperPropsSelected), {
|
|
545
529
|
ref: "SelectedlistRef",
|
|
546
530
|
tabindex: "2"
|
|
547
531
|
}), [
|
|
548
532
|
createVNode(unref(draggable), mergeProps({
|
|
549
533
|
modelValue: unref(virtualOptionsSelected),
|
|
550
534
|
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(virtualOptionsSelected) ? virtualOptionsSelected.value = $event : null)
|
|
551
|
-
},
|
|
535
|
+
}, __props.draggableArgs, { onEnd: onChangeDragDrop }), {
|
|
552
536
|
item: withCtx(({ element }) => [
|
|
553
537
|
createElementVNode("div", _hoisted_17, [
|
|
554
538
|
renderSlot(_ctx.$slots, "selected_option_draggable", {
|
|
555
539
|
option: element.data,
|
|
556
|
-
selected: toRaw(selectedOption
|
|
540
|
+
selected: toRaw(unref(selectedOption)) === element.data,
|
|
557
541
|
active: toRaw(unref(activeIndex)) === element.data.draggableItemKey
|
|
558
542
|
}, void 0, true)
|
|
559
543
|
])
|
|
@@ -561,7 +545,7 @@ const _sfc_main = defineComponent({
|
|
|
561
545
|
_: 3
|
|
562
546
|
}, 16, ["modelValue"])
|
|
563
547
|
], 16)) : createCommentVNode("", true),
|
|
564
|
-
|
|
548
|
+
__props.loading ? (openBlock(), createElementBlock("ul", _hoisted_18, [
|
|
565
549
|
(openBlock(), createElementBlock(Fragment, null, renderList(skeletonItems, (n) => {
|
|
566
550
|
return createElementVNode("li", {
|
|
567
551
|
key: n,
|
|
@@ -623,6 +607,6 @@ const _sfc_main = defineComponent({
|
|
|
623
607
|
};
|
|
624
608
|
}
|
|
625
609
|
});
|
|
626
|
-
var IncludeExclude = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
610
|
+
var IncludeExclude = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-302e6d9c"]]);
|
|
627
611
|
|
|
628
612
|
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,13 +4,12 @@ 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
|
-
import '
|
|
8
|
-
|
|
9
|
-
import './
|
|
10
|
-
/* empty css
|
|
11
|
-
|
|
7
|
+
/* empty css */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
|
|
8
|
+
/* empty css *//* empty css */import 'floating-vue';
|
|
9
|
+
/* empty css *//* empty css */import IncludeExcludeAppTrigger from './IncludeExcludeAppTrigger.vue.js';
|
|
10
|
+
/* empty css *//* empty css *//* empty css */
|
|
12
11
|
import "../../IncludeExcludeAppHeader.vue_vue_type_style_index_0_scoped_true_lang.css";
|
|
13
|
-
const _sfc_main = defineComponent({
|
|
12
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
14
13
|
__name: "IncludeExcludeAppHeader",
|
|
15
14
|
props: {
|
|
16
15
|
imgProps: { default: void 0 },
|
|
@@ -22,9 +21,9 @@ const _sfc_main = defineComponent({
|
|
|
22
21
|
keyField: { default: "appKey" },
|
|
23
22
|
subTitleKey: { default: "appKey" },
|
|
24
23
|
searchAttribute: { default: "name" },
|
|
25
|
-
applications:
|
|
24
|
+
applications: null,
|
|
26
25
|
titleText: { default: "Application" },
|
|
27
|
-
modelValue:
|
|
26
|
+
modelValue: null,
|
|
28
27
|
distanceOffset: { default: 4 },
|
|
29
28
|
skiddingOffset: { default: 4 },
|
|
30
29
|
isLoading: { type: Boolean, default: false }
|
|
@@ -37,22 +36,22 @@ const _sfc_main = defineComponent({
|
|
|
37
36
|
return openBlock(), createBlock(unref(IncludeExclude), mergeProps(_ctx.$attrs, {
|
|
38
37
|
modelValue: selectedOptionRef.value,
|
|
39
38
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedOptionRef.value = $event),
|
|
40
|
-
loading:
|
|
41
|
-
"distance-offset":
|
|
42
|
-
"skidding-offset":
|
|
43
|
-
"title-text":
|
|
39
|
+
loading: __props.isLoading,
|
|
40
|
+
"distance-offset": __props.distanceOffset,
|
|
41
|
+
"skidding-offset": __props.skiddingOffset,
|
|
42
|
+
"title-text": __props.titleText,
|
|
44
43
|
"is-on-top": true,
|
|
45
|
-
options:
|
|
46
|
-
"has-subtitle":
|
|
47
|
-
"search-placeholder":
|
|
44
|
+
options: __props.applications,
|
|
45
|
+
"has-subtitle": __props.showSubTitle,
|
|
46
|
+
"search-placeholder": __props.searchPlaceholder,
|
|
48
47
|
"on-search": unref(search),
|
|
49
|
-
"key-field":
|
|
48
|
+
"key-field": __props.keyField
|
|
50
49
|
}), {
|
|
51
50
|
trigger: withCtx(() => [
|
|
52
51
|
createVNode(unref(IncludeExcludeAppTrigger), {
|
|
53
52
|
selected: selectedOptionRef.value,
|
|
54
|
-
options:
|
|
55
|
-
loading:
|
|
53
|
+
options: __props.applications,
|
|
54
|
+
loading: __props.isLoading
|
|
56
55
|
}, null, 8, ["selected", "options", "loading"])
|
|
57
56
|
]),
|
|
58
57
|
option: withCtx(({ option, showCheckbox }) => [
|
|
@@ -60,12 +59,12 @@ const _sfc_main = defineComponent({
|
|
|
60
59
|
option,
|
|
61
60
|
"show-checkbox": showCheckbox,
|
|
62
61
|
"title-text": option?.name,
|
|
63
|
-
subtitle:
|
|
62
|
+
subtitle: __props.showSubTitle ? option[__props.subTitleKey] : ""
|
|
64
63
|
}, createSlots({
|
|
65
64
|
image: withCtx(() => [
|
|
66
|
-
createVNode(unref(AppIcon), mergeProps(
|
|
65
|
+
createVNode(unref(AppIcon), mergeProps(__props.imgProps, {
|
|
67
66
|
src: option.icon,
|
|
68
|
-
size:
|
|
67
|
+
size: __props.showSubTitle ? "lg" : "md"
|
|
69
68
|
}), null, 16, ["src", "size"])
|
|
70
69
|
]),
|
|
71
70
|
default: withCtx(() => [
|
|
@@ -73,7 +72,7 @@ const _sfc_main = defineComponent({
|
|
|
73
72
|
]),
|
|
74
73
|
_: 2
|
|
75
74
|
}, [
|
|
76
|
-
|
|
75
|
+
__props.showIcon ? {
|
|
77
76
|
name: "icon-start",
|
|
78
77
|
fn: withCtx(() => [
|
|
79
78
|
createVNode(unref(Icon), {
|
|
@@ -89,18 +88,18 @@ const _sfc_main = defineComponent({
|
|
|
89
88
|
"show-checkbox": false,
|
|
90
89
|
clearable: true,
|
|
91
90
|
option,
|
|
92
|
-
subtitle:
|
|
91
|
+
subtitle: __props.showSubTitle ? option[__props.subTitleKey] : "",
|
|
93
92
|
"title-text": option?.name
|
|
94
93
|
}, createSlots({
|
|
95
94
|
image: withCtx(() => [
|
|
96
|
-
createVNode(unref(AppIcon), mergeProps(
|
|
95
|
+
createVNode(unref(AppIcon), mergeProps(__props.imgProps, {
|
|
97
96
|
src: option.icon,
|
|
98
|
-
size:
|
|
97
|
+
size: __props.showSubTitle ? "lg" : "md"
|
|
99
98
|
}), null, 16, ["src", "size"])
|
|
100
99
|
]),
|
|
101
100
|
_: 2
|
|
102
101
|
}, [
|
|
103
|
-
|
|
102
|
+
__props.showIcon ? {
|
|
104
103
|
name: "icon-start",
|
|
105
104
|
fn: withCtx(() => [
|
|
106
105
|
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,18 +1,14 @@
|
|
|
1
|
-
import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, renderSlot, createElementVNode, createBlock,
|
|
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';
|
|
6
|
-
import Text from '../typography/Text.vue.js';
|
|
1
|
+
import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, renderSlot, createElementVNode, createBlock, createCommentVNode, createVNode, withCtx, createTextVNode, toDisplayString } from 'vue';
|
|
7
2
|
import Icon from '../icon/Icon.vue.js';
|
|
3
|
+
/* empty css */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
|
|
4
|
+
import Text from '../typography/Text.vue.js';
|
|
5
|
+
/* empty css *//* empty css */import IconButton from '../button/IconButton.vue.js';
|
|
8
6
|
import _sfc_main$1 from '../tooltip/Tooltip.vue.js';
|
|
9
|
-
import AppIcon from '../appIcon/AppIcon.vue.js';
|
|
10
|
-
/* empty css */
|
|
11
|
-
|
|
7
|
+
/* empty css */import AppIcon from '../appIcon/AppIcon.vue.js';
|
|
8
|
+
/* empty css */
|
|
12
9
|
import "../../IncludeExcludeAppTrigger.vue_vue_type_style_index_0_scoped_true_lang.css";
|
|
13
10
|
const _hoisted_1 = { class: "include-exclude-trigger-left-image" };
|
|
14
|
-
const
|
|
15
|
-
const _sfc_main = defineComponent({
|
|
11
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
16
12
|
__name: "IncludeExcludeAppTrigger",
|
|
17
13
|
props: {
|
|
18
14
|
selected: { default: null },
|
|
@@ -21,6 +17,7 @@ const _sfc_main = defineComponent({
|
|
|
21
17
|
},
|
|
22
18
|
setup(__props) {
|
|
23
19
|
const props = __props;
|
|
20
|
+
const allTitle = "All apps selected";
|
|
24
21
|
const title = computed(() => {
|
|
25
22
|
if (allMode.value) {
|
|
26
23
|
return allTitle;
|
|
@@ -84,15 +81,15 @@ const _sfc_main = defineComponent({
|
|
|
84
81
|
return (_ctx, _cache) => {
|
|
85
82
|
return openBlock(), createElementBlock("div", {
|
|
86
83
|
class: normalizeClass(["include-exclude-trigger-container", {
|
|
87
|
-
"include-exclude-trigger-container--with-icons": selectedSize
|
|
84
|
+
"include-exclude-trigger-container--with-icons": unref(selectedSize) > 0 || unref(allMode)
|
|
88
85
|
}])
|
|
89
86
|
}, [
|
|
90
87
|
renderSlot(_ctx.$slots, "left-image", {}, () => [
|
|
91
88
|
createElementVNode("div", _hoisted_1, [
|
|
92
|
-
appImage
|
|
89
|
+
unref(appImage) ? (openBlock(), createBlock(unref(AppIcon), {
|
|
93
90
|
key: 0,
|
|
94
91
|
size: "xl",
|
|
95
|
-
src: appImage
|
|
92
|
+
src: unref(appImage)
|
|
96
93
|
}, null, 8, ["src"])) : (openBlock(), createBlock(unref(Icon), {
|
|
97
94
|
key: 1,
|
|
98
95
|
class: "trigger-icon",
|
|
@@ -102,21 +99,21 @@ const _sfc_main = defineComponent({
|
|
|
102
99
|
])
|
|
103
100
|
], true),
|
|
104
101
|
renderSlot(_ctx.$slots, "left-icon", {}, () => [
|
|
105
|
-
osIcon
|
|
102
|
+
unref(osIcon) ? (openBlock(), createBlock(unref(Icon), {
|
|
106
103
|
key: 0,
|
|
107
104
|
class: "include-exclude-trigger-left-icon",
|
|
108
|
-
name: osIcon
|
|
105
|
+
name: unref(osIcon),
|
|
109
106
|
"font-size": "md"
|
|
110
107
|
}, null, 8, ["name"])) : createCommentVNode("", true)
|
|
111
108
|
], true),
|
|
112
109
|
createElementVNode("div", {
|
|
113
110
|
class: normalizeClass(["include-exclude-trigger-middle-section", {
|
|
114
|
-
"include-exclude-trigger-middle-section--single": singleApp
|
|
115
|
-
"include-exclude-trigger-middle-section--loading":
|
|
111
|
+
"include-exclude-trigger-middle-section--single": unref(singleApp),
|
|
112
|
+
"include-exclude-trigger-middle-section--loading": __props.loading || !__props.options?.length
|
|
116
113
|
}])
|
|
117
114
|
}, [
|
|
118
115
|
renderSlot(_ctx.$slots, "title", {}, () => [
|
|
119
|
-
createVNode(unref(_sfc_main$1), { text: title
|
|
116
|
+
createVNode(unref(_sfc_main$1), { text: unref(title) }, {
|
|
120
117
|
default: withCtx(() => [
|
|
121
118
|
createVNode(unref(Text), {
|
|
122
119
|
strong: "",
|
|
@@ -125,7 +122,7 @@ const _sfc_main = defineComponent({
|
|
|
125
122
|
size: "sm"
|
|
126
123
|
}, {
|
|
127
124
|
default: withCtx(() => [
|
|
128
|
-
createTextVNode(toDisplayString(title
|
|
125
|
+
createTextVNode(toDisplayString(unref(title)), 1)
|
|
129
126
|
]),
|
|
130
127
|
_: 1
|
|
131
128
|
})
|
|
@@ -135,7 +132,7 @@ const _sfc_main = defineComponent({
|
|
|
135
132
|
], true),
|
|
136
133
|
renderSlot(_ctx.$slots, "description", {}, () => [
|
|
137
134
|
createElementVNode("div", null, [
|
|
138
|
-
createVNode(unref(_sfc_main$1), { text: description
|
|
135
|
+
createVNode(unref(_sfc_main$1), { text: unref(description) }, {
|
|
139
136
|
default: withCtx(() => [
|
|
140
137
|
createVNode(unref(Text), {
|
|
141
138
|
class: "include-exclude-trigger-description",
|
|
@@ -143,7 +140,7 @@ const _sfc_main = defineComponent({
|
|
|
143
140
|
"is-truncated": ""
|
|
144
141
|
}, {
|
|
145
142
|
default: withCtx(() => [
|
|
146
|
-
createTextVNode(toDisplayString(description
|
|
143
|
+
createTextVNode(toDisplayString(unref(description)), 1)
|
|
147
144
|
]),
|
|
148
145
|
_: 1
|
|
149
146
|
})
|
|
@@ -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> = {
|