@ironsource/shared-ui 2.1.11-rc.23 → 2.1.11-rc.25
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/ConditionalDropdown.vue_vue_type_style_index_0_scoped_3d7ef976_lang.css +1 -0
- package/components/dropdown/v4/ConditionalDropdown.vue.d.ts +5 -0
- package/components/dropdown/v4/ConditionalDropdown.vue.js +3 -3
- package/components/dropdown/v4/ConditionalDropdown.vue2.js +50 -47
- package/components/dropdown/v4/index.d.ts +9 -0
- package/components/table/common/Table.common.js +61 -61
- package/components/table/common/Table.types.d.ts +1 -1
- package/index.d.ts +18 -0
- package/index.js +1 -1
- package/package.json +1 -1
- package/ConditionalDropdown.vue_vue_type_style_index_0_scoped_93545ce0_lang.css +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.custom-list-area[data-v-3d7ef976]{color:var(--text-secondary);width:100%;text-align:center;box-sizing:border-box;padding:53px 43px}.inline-search[data-v-3d7ef976]{width:100%}.contain-accept[data-v-3d7ef976]{padding:6px 8px;margin-bottom:4px;cursor:pointer}.contain-accept[data-v-3d7ef976]:hover{background-color:var(--action-hover);border-radius:.5rem}.contain-accept--query[data-v-3d7ef976]{margin-left:4px;display:inline-flex;color:var(--primary-main)}
|
|
@@ -14,6 +14,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
14
14
|
optionNameKey: string;
|
|
15
15
|
minCharsToStart?: number;
|
|
16
16
|
isOpen?: boolean;
|
|
17
|
+
searchQuery?: string;
|
|
17
18
|
}>, {
|
|
18
19
|
label: string;
|
|
19
20
|
testId: string;
|
|
@@ -21,6 +22,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
21
22
|
optionNameKey: string;
|
|
22
23
|
minCharsToStart: number;
|
|
23
24
|
isOpen: boolean;
|
|
25
|
+
searchQuery: string;
|
|
24
26
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
25
27
|
"update:selectedCondition": (value: SelectedCondition) => void;
|
|
26
28
|
"update:appliedSelections": (value: unknown) => void;
|
|
@@ -36,6 +38,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
36
38
|
optionNameKey: string;
|
|
37
39
|
minCharsToStart?: number;
|
|
38
40
|
isOpen?: boolean;
|
|
41
|
+
searchQuery?: string;
|
|
39
42
|
}>, {
|
|
40
43
|
label: string;
|
|
41
44
|
testId: string;
|
|
@@ -43,6 +46,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
43
46
|
optionNameKey: string;
|
|
44
47
|
minCharsToStart: number;
|
|
45
48
|
isOpen: boolean;
|
|
49
|
+
searchQuery: string;
|
|
46
50
|
}>>> & {
|
|
47
51
|
onClear?: () => any;
|
|
48
52
|
"onUpdate:selectedCondition"?: (value: SelectedCondition) => any;
|
|
@@ -54,6 +58,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
54
58
|
optionNameKey: string;
|
|
55
59
|
comparingKey: string;
|
|
56
60
|
minCharsToStart: number;
|
|
61
|
+
searchQuery: string;
|
|
57
62
|
}>;
|
|
58
63
|
export default _default;
|
|
59
64
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./ConditionalDropdown.vue2.js";
|
|
2
2
|
/* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
-
// import "../../../ConditionalDropdown.
|
|
4
|
-
const
|
|
3
|
+
// import "../../../ConditionalDropdown.vue_vue_type_style_index_0_scoped_3d7ef976_lang.css"; //*');
|
|
4
|
+
const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-3d7ef976"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
p as default
|
|
7
7
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import "../../../ConditionalDropdown.
|
|
1
|
+
import "../../../ConditionalDropdown.vue_vue_type_style_index_0_scoped_3d7ef976_lang.css"; import { defineComponent as Q, computed as f, ref as u, watch as C, onMounted as B, openBlock as k, createBlock as E, unref as s, withCtx as m, createVNode as h, mergeProps as A, createElementVNode as F, isRef as M, createElementBlock as U, createTextVNode as $, toDisplayString as z, createCommentVNode as P } from "vue";
|
|
2
2
|
import w from "./DropdownV4.vue.js";
|
|
3
3
|
import "./DefaultDropdownTrigger.vue.js";
|
|
4
4
|
import "./IconButtonDropdownTrigger.vue.js";
|
|
@@ -10,12 +10,12 @@ import "./TreeDropdown.vue.js";
|
|
|
10
10
|
import "./OptionV4.vue.js";
|
|
11
11
|
import "./ConditionalDropdown.vue.js";
|
|
12
12
|
import L from "../../search/v4/SearchV4.vue.js";
|
|
13
|
-
import
|
|
14
|
-
import { useDebounceFn as
|
|
15
|
-
const
|
|
13
|
+
import R from "../../typography/v4/Typography.vue.js";
|
|
14
|
+
import { useDebounceFn as j } from "@vueuse/core";
|
|
15
|
+
const q = { class: "conditional-container" }, G = {
|
|
16
16
|
key: 0,
|
|
17
17
|
class: "custom-list-area"
|
|
18
|
-
}, se = /* @__PURE__ */
|
|
18
|
+
}, se = /* @__PURE__ */ Q({
|
|
19
19
|
__name: "ConditionalDropdown",
|
|
20
20
|
props: {
|
|
21
21
|
selectedCondition: null,
|
|
@@ -27,58 +27,59 @@ const j = { class: "conditional-container" }, q = {
|
|
|
27
27
|
fetchFnCallback: null,
|
|
28
28
|
optionNameKey: { default: "name" },
|
|
29
29
|
minCharsToStart: { default: 3 },
|
|
30
|
-
isOpen: { type: Boolean, default: !1 }
|
|
30
|
+
isOpen: { type: Boolean, default: !1 },
|
|
31
|
+
searchQuery: { default: "" }
|
|
31
32
|
},
|
|
32
33
|
emits: ["update:selectedCondition", "update:appliedSelections", "clear"],
|
|
33
34
|
setup(c, { emit: y }) {
|
|
34
|
-
const
|
|
35
|
-
get: () =>
|
|
35
|
+
const e = c, g = f({
|
|
36
|
+
get: () => e.appliedSelections,
|
|
36
37
|
set: (o) => {
|
|
37
38
|
y("update:appliedSelections", o);
|
|
38
39
|
}
|
|
39
40
|
}), a = f({
|
|
40
|
-
get: () =>
|
|
41
|
+
get: () => e.selectedCondition || e.conditionalOptions[0],
|
|
41
42
|
set: (o) => {
|
|
42
43
|
y("update:selectedCondition", o);
|
|
43
44
|
}
|
|
44
|
-
}), d =
|
|
45
|
+
}), d = u(!0), l = u([]), p = u([]), S = u(!0), r = u(!1), t = u(e.searchQuery), N = u(""), v = u(e.label), D = f(() => (!t.value || t.value?.length < e.minCharsToStart) && !l.value.length ? `Enter at least ${e.minCharsToStart} keywords to begin` : "No results found"), T = f(() => {
|
|
45
46
|
const o = d.value ? 2.5 : 4;
|
|
46
|
-
return
|
|
47
|
-
}), K =
|
|
47
|
+
return l.value.length ? null : o;
|
|
48
|
+
}), K = j(async (o) => {
|
|
48
49
|
try {
|
|
49
50
|
r.value = !0;
|
|
50
|
-
const i = await
|
|
51
|
-
r.value = !1,
|
|
51
|
+
const i = await e.fetchFnCallback(o);
|
|
52
|
+
r.value = !1, l.value = i, O();
|
|
52
53
|
} catch (i) {
|
|
53
54
|
console.error("Error fetching data:", i);
|
|
54
55
|
}
|
|
55
|
-
}, 400),
|
|
56
|
-
o.length >=
|
|
56
|
+
}, 400), b = (o) => {
|
|
57
|
+
o.length >= e.minCharsToStart ? K(o) : l.value = [];
|
|
57
58
|
}, O = () => {
|
|
58
|
-
|
|
59
|
-
name:
|
|
59
|
+
t.value && l.value.length && !r.value && !a.value.multi ? l.value[0].conditionalOptions ? l.value[0] = {
|
|
60
|
+
name: t.value,
|
|
60
61
|
conditionalOptions: !0,
|
|
61
62
|
conditionalName: a.value.label,
|
|
62
|
-
[
|
|
63
|
-
} :
|
|
63
|
+
[e.comparingKey]: t.value
|
|
64
|
+
} : l.value = [
|
|
64
65
|
{
|
|
65
|
-
name:
|
|
66
|
+
name: t.value,
|
|
66
67
|
conditionalOptions: !0,
|
|
67
68
|
conditionalName: a.value.label,
|
|
68
|
-
[
|
|
69
|
+
[e.comparingKey]: t.value
|
|
69
70
|
},
|
|
70
|
-
...
|
|
71
|
-
] :
|
|
71
|
+
...l.value
|
|
72
|
+
] : l.value.length && l.value[0].conditionalOptions && l.value.shift();
|
|
72
73
|
};
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
}),
|
|
74
|
+
C(t, () => {
|
|
75
|
+
b(t.value);
|
|
76
|
+
}), C(a, () => {
|
|
76
77
|
O();
|
|
77
78
|
});
|
|
78
79
|
const V = () => {
|
|
79
|
-
N.value =
|
|
80
|
+
N.value = t.value, v.value = `${e.label} ${a.value.label.toLowerCase()}`, g.value = d.value ? [...p.value] : { ...p.value }, S.value = d.value;
|
|
80
81
|
};
|
|
81
|
-
|
|
82
|
+
C(a, () => {
|
|
82
83
|
a.value.multi ? (r.value = !0, p.value = [], setTimeout(() => {
|
|
83
84
|
r.value = !1, d.value = !0;
|
|
84
85
|
}, 100)) : setTimeout(() => {
|
|
@@ -86,41 +87,43 @@ const j = { class: "conditional-container" }, q = {
|
|
|
86
87
|
}, 100);
|
|
87
88
|
});
|
|
88
89
|
const x = () => {
|
|
89
|
-
p.value = [], g.value = [], a.value = null, v.value =
|
|
90
|
+
p.value = [], g.value = [], a.value = null, v.value = e.label, t.value = "", y("clear");
|
|
90
91
|
};
|
|
91
|
-
return (
|
|
92
|
+
return B(() => {
|
|
93
|
+
e.searchQuery && b(e.searchQuery);
|
|
94
|
+
}), (o, i) => (k(), E(s(w), {
|
|
92
95
|
selected: p.value,
|
|
93
96
|
"onUpdate:selected": i[2] || (i[2] = (n) => p.value = n),
|
|
94
97
|
"predefined-trigger": "chip",
|
|
95
98
|
"display-value": (n) => n?.[c.optionNameKey],
|
|
96
99
|
multi: d.value,
|
|
97
|
-
options:
|
|
100
|
+
options: l.value,
|
|
98
101
|
placeholder: v.value,
|
|
99
102
|
"search-placeholder": "Search",
|
|
100
103
|
"option-name-key": c.optionNameKey,
|
|
101
104
|
"with-conditions": "",
|
|
102
105
|
"inline-search": "",
|
|
103
|
-
"custom-number-of-displayed-options":
|
|
106
|
+
"custom-number-of-displayed-options": s(T),
|
|
104
107
|
"options-list-width": "330px",
|
|
105
108
|
loading: r.value,
|
|
106
109
|
"comparing-key": c.comparingKey,
|
|
107
110
|
"is-open": c.isOpen,
|
|
108
|
-
onOnsearch:
|
|
111
|
+
onOnsearch: b,
|
|
109
112
|
onApply: V
|
|
110
113
|
}, {
|
|
111
114
|
"dropdown-trigger": m(({ defaultTriggerProps: n }) => [
|
|
112
|
-
h(
|
|
115
|
+
h(s(I), A(n, {
|
|
113
116
|
label: v.value,
|
|
114
|
-
"selected-option":
|
|
115
|
-
multi:
|
|
117
|
+
"selected-option": s(g),
|
|
118
|
+
multi: S.value,
|
|
116
119
|
onClear: x
|
|
117
120
|
}), null, 16, ["label", "selected-option", "multi"])
|
|
118
121
|
]),
|
|
119
122
|
"dropdown-conditions": m(() => [
|
|
120
|
-
F("div",
|
|
121
|
-
h(
|
|
122
|
-
selected:
|
|
123
|
-
"onUpdate:selected": i[0] || (i[0] = (n) =>
|
|
123
|
+
F("div", q, [
|
|
124
|
+
h(s(w), {
|
|
125
|
+
selected: s(a),
|
|
126
|
+
"onUpdate:selected": i[0] || (i[0] = (n) => M(a) ? a.value = n : null),
|
|
124
127
|
options: c.conditionalOptions,
|
|
125
128
|
"option-name-key": "label",
|
|
126
129
|
"display-value": (n) => n?.label,
|
|
@@ -130,9 +133,9 @@ const j = { class: "conditional-container" }, q = {
|
|
|
130
133
|
])
|
|
131
134
|
]),
|
|
132
135
|
"inline-search": m(() => [
|
|
133
|
-
h(
|
|
134
|
-
modelValue:
|
|
135
|
-
"onUpdate:modelValue": i[1] || (i[1] = (n) =>
|
|
136
|
+
h(s(L), {
|
|
137
|
+
modelValue: t.value,
|
|
138
|
+
"onUpdate:modelValue": i[1] || (i[1] = (n) => t.value = n),
|
|
136
139
|
class: "inline-search",
|
|
137
140
|
placeholder: "Search",
|
|
138
141
|
variant: "transparent",
|
|
@@ -141,10 +144,10 @@ const j = { class: "conditional-container" }, q = {
|
|
|
141
144
|
}, null, 8, ["modelValue"])
|
|
142
145
|
]),
|
|
143
146
|
"custom-list-area": m(() => [
|
|
144
|
-
!
|
|
145
|
-
h(
|
|
147
|
+
!l.value.length && !r.value ? (k(), U("div", G, [
|
|
148
|
+
h(R, { variant: "body1" }, {
|
|
146
149
|
default: m(() => [
|
|
147
|
-
z(
|
|
150
|
+
$(z(s(D)), 1)
|
|
148
151
|
]),
|
|
149
152
|
_: 1
|
|
150
153
|
})
|
|
@@ -3544,6 +3544,10 @@ declare const DropdownTypes: () => (({
|
|
|
3544
3544
|
type: import("vue").PropType<number>;
|
|
3545
3545
|
default: number;
|
|
3546
3546
|
};
|
|
3547
|
+
searchQuery: {
|
|
3548
|
+
type: import("vue").PropType<string>;
|
|
3549
|
+
default: string;
|
|
3550
|
+
};
|
|
3547
3551
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
3548
3552
|
"update:selectedCondition": (value: {
|
|
3549
3553
|
label: string;
|
|
@@ -3604,6 +3608,10 @@ declare const DropdownTypes: () => (({
|
|
|
3604
3608
|
type: import("vue").PropType<number>;
|
|
3605
3609
|
default: number;
|
|
3606
3610
|
};
|
|
3611
|
+
searchQuery: {
|
|
3612
|
+
type: import("vue").PropType<string>;
|
|
3613
|
+
default: string;
|
|
3614
|
+
};
|
|
3607
3615
|
}>> & {
|
|
3608
3616
|
onClear?: () => any;
|
|
3609
3617
|
"onUpdate:selectedCondition"?: (value: {
|
|
@@ -3619,5 +3627,6 @@ declare const DropdownTypes: () => (({
|
|
|
3619
3627
|
optionNameKey: string;
|
|
3620
3628
|
comparingKey: string;
|
|
3621
3629
|
minCharsToStart: number;
|
|
3630
|
+
searchQuery: string;
|
|
3622
3631
|
}>)[];
|
|
3623
3632
|
export { Dropdown, DefaultDropdownTrigger, IconButtonDropdownTrigger, ChipDropdownTrigger, ButtonDropdownTrigger, ButtonFilterDropdownTrigger, AppDropdownTrigger, DropdownTypes, Option, TreeDropdown, ConditionalDropdown, };
|
|
@@ -1,121 +1,121 @@
|
|
|
1
|
-
import { useSlots as G, ref as
|
|
1
|
+
import { useSlots as G, ref as a, provide as N, computed as l, onMounted as V, nextTick as j } from "vue";
|
|
2
2
|
import { useVirtualList as q, useInfiniteScroll as F } from "@vueuse/core";
|
|
3
3
|
import { TableContext as J } from "./TableContext.js";
|
|
4
|
-
const Q = 46, U = 46, tt = (e,
|
|
5
|
-
const
|
|
4
|
+
const Q = 46, U = 46, tt = (e, d) => {
|
|
5
|
+
const y = G(), u = a([]);
|
|
6
6
|
N(J, {
|
|
7
|
-
onClose({ rowIndex: t, cellIndex: o, value:
|
|
8
|
-
|
|
7
|
+
onClose({ rowIndex: t, cellIndex: o, value: s } = {}) {
|
|
8
|
+
u.value = [...u.value, t], d("saveRow", {
|
|
9
9
|
rowIndex: t,
|
|
10
10
|
cellIndex: o,
|
|
11
|
-
value:
|
|
11
|
+
value: s,
|
|
12
12
|
confirm: () => {
|
|
13
|
-
|
|
13
|
+
u.value = u.value.filter((n) => n !== t);
|
|
14
14
|
}
|
|
15
15
|
});
|
|
16
16
|
},
|
|
17
17
|
setActiveMenuRow(t) {
|
|
18
|
-
|
|
18
|
+
R.value = t;
|
|
19
19
|
}
|
|
20
20
|
});
|
|
21
|
-
const
|
|
22
|
-
const t = (
|
|
23
|
-
return e.columns.reduce((o,
|
|
24
|
-
const
|
|
25
|
-
return `${o} ${
|
|
21
|
+
const x = l(() => !!e.selection), b = l(() => {
|
|
22
|
+
const t = (x.value ? `${U}px ` : "") + (g.value ? `${Q}px ` : "");
|
|
23
|
+
return e.columns.reduce((o, { width: s, colSpan: n }) => {
|
|
24
|
+
const i = typeof s == "number" ? `${s}px` : s, m = i || `${n || 1}fr`;
|
|
25
|
+
return `${o} ${m}`;
|
|
26
26
|
}, t);
|
|
27
|
-
}), g =
|
|
27
|
+
}), g = l(() => !!y.expanded), A = a(null), R = a(null), T = l(() => Array(e.loadingRowCount).fill(
|
|
28
28
|
Array(e.columns.length).fill("")
|
|
29
|
-
)), H =
|
|
29
|
+
)), H = l(() => e.rows.length && Array.isArray(e.rows[0]) ? e.isLoading ? [...e.rows, ...T.value] : e.rows : e.isLoading ? [
|
|
30
30
|
...e.rows.map((o) => o[e.rowDataKey]),
|
|
31
|
-
...
|
|
32
|
-
] : e.rows.map((o) => o[e.rowDataKey])), { list:
|
|
31
|
+
...T.value
|
|
32
|
+
] : e.rows.map((o) => o[e.rowDataKey])), { list: C, containerProps: r, wrapperProps: $, scrollTo: k } = q(
|
|
33
33
|
H,
|
|
34
34
|
{
|
|
35
35
|
itemHeight: g.value ? (t) => w[t] ?? e.rowHeight : e.rowHeight
|
|
36
36
|
}
|
|
37
|
-
),
|
|
38
|
-
|
|
37
|
+
), B = a(null), h = a(0), I = l(() => !!y.search), O = (t) => {
|
|
38
|
+
r.onScroll(), h.value = t.target.scrollLeft + t.target.getBoundingClientRect().width, d("onScroll", t.target.scrollTop);
|
|
39
39
|
};
|
|
40
40
|
V(() => {
|
|
41
|
-
h.value =
|
|
42
|
-
|
|
41
|
+
h.value = r.ref.value?.getBoundingClientRect().width, e.defaultScrollPosition && setTimeout(() => {
|
|
42
|
+
r.ref.value?.scrollTo({
|
|
43
43
|
top: e.defaultScrollPosition,
|
|
44
44
|
behavior: "smooth"
|
|
45
45
|
});
|
|
46
46
|
}, 300);
|
|
47
47
|
});
|
|
48
|
-
const
|
|
49
|
-
const [t] =
|
|
48
|
+
const P = l(() => {
|
|
49
|
+
const [t] = C.value;
|
|
50
50
|
return t && t.index > 0;
|
|
51
|
-
}),
|
|
51
|
+
}), L = l(() => r.style), E = l(() => e.columns.reduce((t, o) => (o.isSticky && (t[o.id] = _(o)), t), {}));
|
|
52
52
|
F(
|
|
53
|
-
|
|
53
|
+
r.ref,
|
|
54
54
|
() => {
|
|
55
|
-
e.isInfiniteScroll &&
|
|
55
|
+
e.isInfiniteScroll && d("loadMore");
|
|
56
56
|
},
|
|
57
57
|
{ distance: e.infiniteScrollThreshold }
|
|
58
58
|
);
|
|
59
|
-
function
|
|
60
|
-
|
|
59
|
+
function D() {
|
|
60
|
+
r.ref.value?.scrollTo({
|
|
61
61
|
top: 0,
|
|
62
62
|
behavior: "smooth"
|
|
63
63
|
});
|
|
64
64
|
}
|
|
65
|
-
function
|
|
65
|
+
function M(t) {
|
|
66
66
|
if (!e.sort)
|
|
67
67
|
return;
|
|
68
68
|
const o = e.sort.sortBy === t.id;
|
|
69
69
|
if (!(t.isSortable || t.isSortable === void 0))
|
|
70
70
|
return;
|
|
71
|
-
let n = e.sort.sortOrder,
|
|
72
|
-
o ? n = e.sort.sortOrder === "asc" ? "desc" : "asc" :
|
|
71
|
+
let n = e.sort.sortOrder, i = e.sort.sortBy;
|
|
72
|
+
o ? n = e.sort.sortOrder === "asc" ? "desc" : "asc" : i = t.id, d("update:sort", { sortBy: i, sortOrder: n });
|
|
73
73
|
}
|
|
74
|
-
function
|
|
75
|
-
const { isSticky: o, width:
|
|
76
|
-
if (!o || !
|
|
74
|
+
function _(t) {
|
|
75
|
+
const { isSticky: o, width: s } = t;
|
|
76
|
+
if (!o || !s)
|
|
77
77
|
return null;
|
|
78
|
-
const n = e.columns.findIndex((
|
|
78
|
+
const n = e.columns.findIndex((c) => c.id === t.id), i = e.columns.reduce((c, v, S) => S < n ? c + v.width : c, 0), m = e.columns.reduce((c, v, S) => S > n ? c + v.width : c, 0);
|
|
79
79
|
return {
|
|
80
|
-
...t.isStickyRight ? { right: `${
|
|
80
|
+
...t.isStickyRight ? { right: `${m}px` } : { left: `${i}px` },
|
|
81
81
|
zIndex: 1
|
|
82
82
|
};
|
|
83
83
|
}
|
|
84
|
-
const
|
|
85
|
-
const
|
|
86
|
-
if (
|
|
87
|
-
|
|
84
|
+
const f = a([]), w = {}, K = (t) => f.value.includes(t), W = async (t, o) => {
|
|
85
|
+
const s = f.value.indexOf(t);
|
|
86
|
+
if (s === -1) {
|
|
87
|
+
f.value.push(t);
|
|
88
88
|
const n = o.target.closest("tr");
|
|
89
89
|
await j(), n && (w[t] = n.offsetHeight);
|
|
90
90
|
} else
|
|
91
|
-
|
|
92
|
-
},
|
|
91
|
+
f.value.splice(s, 1), delete w[t];
|
|
92
|
+
}, X = l(() => `${e.rowHeight}px`), z = l(
|
|
93
93
|
() => `1 / span ${e.columns.length + 1}`
|
|
94
94
|
);
|
|
95
95
|
return {
|
|
96
|
-
list:
|
|
97
|
-
containerProps:
|
|
96
|
+
list: C,
|
|
97
|
+
containerProps: r,
|
|
98
98
|
wrapperProps: $,
|
|
99
99
|
activeRow: A,
|
|
100
|
-
gridColumnTemplate:
|
|
101
|
-
floatingActionRef:
|
|
102
|
-
scrollToTop:
|
|
103
|
-
toggleSortOrder:
|
|
104
|
-
columnsStickyPositions:
|
|
105
|
-
hasSearchSlot:
|
|
106
|
-
showBackToTopButton:
|
|
107
|
-
containerStyle:
|
|
108
|
-
onScroll:
|
|
109
|
-
scrollTo:
|
|
110
|
-
savingRows:
|
|
100
|
+
gridColumnTemplate: b,
|
|
101
|
+
floatingActionRef: B,
|
|
102
|
+
scrollToTop: D,
|
|
103
|
+
toggleSortOrder: M,
|
|
104
|
+
columnsStickyPositions: E,
|
|
105
|
+
hasSearchSlot: I,
|
|
106
|
+
showBackToTopButton: P,
|
|
107
|
+
containerStyle: L,
|
|
108
|
+
onScroll: O,
|
|
109
|
+
scrollTo: k,
|
|
110
|
+
savingRows: u,
|
|
111
111
|
floatingActionPosition: h,
|
|
112
112
|
hasExpandSlot: g,
|
|
113
|
-
hasCheckboxes:
|
|
114
|
-
toggleExpandRow:
|
|
115
|
-
isRowExpanded:
|
|
116
|
-
cssRowHeight:
|
|
117
|
-
cssExpandGridCol:
|
|
118
|
-
activeMenuRow:
|
|
113
|
+
hasCheckboxes: x,
|
|
114
|
+
toggleExpandRow: W,
|
|
115
|
+
isRowExpanded: K,
|
|
116
|
+
cssRowHeight: X,
|
|
117
|
+
cssExpandGridCol: z,
|
|
118
|
+
activeMenuRow: R
|
|
119
119
|
};
|
|
120
120
|
};
|
|
121
121
|
export {
|
package/index.d.ts
CHANGED
|
@@ -22242,6 +22242,10 @@ declare const _default: {
|
|
|
22242
22242
|
type: import("vue").PropType<number>;
|
|
22243
22243
|
default: number;
|
|
22244
22244
|
};
|
|
22245
|
+
searchQuery: {
|
|
22246
|
+
type: import("vue").PropType<string>;
|
|
22247
|
+
default: string;
|
|
22248
|
+
};
|
|
22245
22249
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
22246
22250
|
"update:selectedCondition": (value: {
|
|
22247
22251
|
label: string;
|
|
@@ -22302,6 +22306,10 @@ declare const _default: {
|
|
|
22302
22306
|
type: import("vue").PropType<number>;
|
|
22303
22307
|
default: number;
|
|
22304
22308
|
};
|
|
22309
|
+
searchQuery: {
|
|
22310
|
+
type: import("vue").PropType<string>;
|
|
22311
|
+
default: string;
|
|
22312
|
+
};
|
|
22305
22313
|
}>> & {
|
|
22306
22314
|
onClear?: () => any;
|
|
22307
22315
|
"onUpdate:selectedCondition"?: (value: {
|
|
@@ -22317,6 +22325,7 @@ declare const _default: {
|
|
|
22317
22325
|
optionNameKey: string;
|
|
22318
22326
|
comparingKey: string;
|
|
22319
22327
|
minCharsToStart: number;
|
|
22328
|
+
searchQuery: string;
|
|
22320
22329
|
}>)[];
|
|
22321
22330
|
Option: {
|
|
22322
22331
|
new (...args: any[]): {
|
|
@@ -23319,6 +23328,10 @@ declare const _default: {
|
|
|
23319
23328
|
type: import("vue").PropType<number>;
|
|
23320
23329
|
default: number;
|
|
23321
23330
|
};
|
|
23331
|
+
searchQuery: {
|
|
23332
|
+
type: import("vue").PropType<string>;
|
|
23333
|
+
default: string;
|
|
23334
|
+
};
|
|
23322
23335
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
23323
23336
|
"update:selectedCondition": (value: {
|
|
23324
23337
|
label: string;
|
|
@@ -23379,6 +23392,10 @@ declare const _default: {
|
|
|
23379
23392
|
type: import("vue").PropType<number>;
|
|
23380
23393
|
default: number;
|
|
23381
23394
|
};
|
|
23395
|
+
searchQuery: {
|
|
23396
|
+
type: import("vue").PropType<string>;
|
|
23397
|
+
default: string;
|
|
23398
|
+
};
|
|
23382
23399
|
}>> & {
|
|
23383
23400
|
onClear?: () => any;
|
|
23384
23401
|
"onUpdate:selectedCondition"?: (value: {
|
|
@@ -23394,6 +23411,7 @@ declare const _default: {
|
|
|
23394
23411
|
optionNameKey: string;
|
|
23395
23412
|
comparingKey: string;
|
|
23396
23413
|
minCharsToStart: number;
|
|
23414
|
+
searchQuery: string;
|
|
23397
23415
|
}>;
|
|
23398
23416
|
Label: {
|
|
23399
23417
|
new (...args: any[]): {
|
package/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import './
|
|
1
|
+
import './AppTrigger.vue_vue_type_style_index_0_scoped_121aac8b_lang.css';
|
|
2
2
|
import { AppTriggerTypes as ro } from "./components/appTrigger/index.js";
|
|
3
3
|
import { AutocompleteDropdownTypes as mo } from "./components/autocompleteDropdown/index.js";
|
|
4
4
|
import { MenuItemTypes as po } from "./components/menuItem/index.js";
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.custom-list-area[data-v-93545ce0]{color:var(--text-secondary);width:100%;text-align:center;box-sizing:border-box;padding:53px 43px}.inline-search[data-v-93545ce0]{width:100%}.contain-accept[data-v-93545ce0]{padding:6px 8px;margin-bottom:4px;cursor:pointer}.contain-accept[data-v-93545ce0]:hover{background-color:var(--action-hover);border-radius:.5rem}.contain-accept--query[data-v-93545ce0]{margin-left:4px;display:inline-flex;color:var(--primary-main)}
|