@agrotools1/at-components 0.6.11 → 0.6.13
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/dist/Faq/Faq.d.ts +1 -0
- package/dist/Faq/Faq.vue.js +21 -42
- package/dist/Faq/Faq.vue2.js +11 -12
- package/dist/Faq/FaqItem/FaqItem.d.ts +35 -0
- package/dist/Faq/FaqItem/FaqItem.vue.js +56 -0
- package/dist/Faq/FaqItem/FaqItem.vue2.js +32 -0
- package/dist/Faq/FaqItem/FaqItem.vue3.js +4 -0
- package/dist/Faq/FaqItem/index.d.ts +1 -0
- package/dist/Modal/Modal.vue2.js +4 -2
- package/dist/Search/Search.d.ts +12 -1
- package/dist/Search/Search.vue.js +1 -1
- package/dist/Search/Search.vue2.js +38 -31
- package/dist/TableConfig/TableConfig.vue.js +5 -5
- package/dist/TableConfig/TableConfig.vue2.js +18 -18
- package/dist/Tooltip/Tooltip.d.ts +33 -2
- package/dist/Tooltip/Tooltip.vue.js +44 -23
- package/dist/Tooltip/Tooltip.vue2.js +92 -59
- package/dist/Tooltip/Tooltip.vue3.js +2 -2
- package/dist/index.d.ts +1 -0
- package/dist/index.js +48 -46
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/Faq/Faq.d.ts
CHANGED
package/dist/Faq/Faq.vue.js
CHANGED
|
@@ -1,62 +1,41 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { resolveComponent as e, openBlock as
|
|
1
|
+
import l from "./Faq.vue2.js";
|
|
2
|
+
import { resolveComponent as e, openBlock as d, createElementBlock as m, createElementVNode as p, createVNode as o, withCtx as s, createTextVNode as n, toDisplayString as a } from "vue";
|
|
3
3
|
import "./Faq.vue3.js";
|
|
4
4
|
import "./Faq.vue4.js";
|
|
5
|
-
import
|
|
6
|
-
const
|
|
7
|
-
function
|
|
8
|
-
const
|
|
9
|
-
return
|
|
10
|
-
|
|
11
|
-
|
|
5
|
+
import _ from "../_virtual/_plugin-vue_export-helper.js";
|
|
6
|
+
const f = { class: "card" }, u = { class: "faq-title-card" };
|
|
7
|
+
function q(t, A, h, v, B, $) {
|
|
8
|
+
const i = e("AtTitle"), r = e("AtButton"), c = e("AtFaqItem");
|
|
9
|
+
return d(), m("div", f, [
|
|
10
|
+
p("div", u, [
|
|
11
|
+
o(i, {
|
|
12
12
|
as: "h6",
|
|
13
13
|
bold: !0,
|
|
14
14
|
class: "faq-title"
|
|
15
15
|
}, {
|
|
16
|
-
default:
|
|
17
|
-
|
|
16
|
+
default: s(() => [
|
|
17
|
+
n(a(t.title), 1)
|
|
18
18
|
]),
|
|
19
19
|
_: 1
|
|
20
20
|
}),
|
|
21
|
-
|
|
21
|
+
o(r, {
|
|
22
22
|
class: "faq-button",
|
|
23
23
|
variant: "secondary",
|
|
24
|
-
onClick:
|
|
24
|
+
onClick: t.toogleListQuestions
|
|
25
25
|
}, {
|
|
26
|
-
default:
|
|
27
|
-
|
|
26
|
+
default: s(() => [
|
|
27
|
+
n(a(t.$props.faqButtonText), 1)
|
|
28
28
|
]),
|
|
29
29
|
_: 1
|
|
30
30
|
}, 8, ["onClick"])
|
|
31
31
|
]),
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
size: "p2",
|
|
37
|
-
style: { "margin-bottom": "0px" }
|
|
38
|
-
}, {
|
|
39
|
-
default: n(() => [
|
|
40
|
-
r(c(d.title), 1)
|
|
41
|
-
]),
|
|
42
|
-
_: 2
|
|
43
|
-
}, 1024),
|
|
44
|
-
t(l, {
|
|
45
|
-
class: "faq-item-button",
|
|
46
|
-
"only-icon": "",
|
|
47
|
-
onClick: d.function
|
|
48
|
-
}, {
|
|
49
|
-
default: n(() => [
|
|
50
|
-
t(m, { size: "16" })
|
|
51
|
-
]),
|
|
52
|
-
_: 2
|
|
53
|
-
}, 1032, ["onClick"])
|
|
54
|
-
])
|
|
55
|
-
]))), 128))
|
|
56
|
-
])
|
|
32
|
+
o(c, {
|
|
33
|
+
items: t.items,
|
|
34
|
+
"full-size": ""
|
|
35
|
+
}, null, 8, ["items"])
|
|
57
36
|
]);
|
|
58
37
|
}
|
|
59
|
-
const
|
|
38
|
+
const N = /* @__PURE__ */ _(l, [["render", q], ["__scopeId", "data-v-f954d523"]]);
|
|
60
39
|
export {
|
|
61
|
-
|
|
40
|
+
N as default
|
|
62
41
|
};
|
package/dist/Faq/Faq.vue2.js
CHANGED
|
@@ -1,14 +1,13 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
const
|
|
1
|
+
import { defineComponent as r, ref as o } from "vue";
|
|
2
|
+
import i from "../Button/Button.vue.js";
|
|
3
|
+
import { AtTipograph as a } from "../Tipograph/index.js";
|
|
4
|
+
import n from "./FaqItem/FaqItem.vue.js";
|
|
5
|
+
const l = r({
|
|
6
6
|
name: "Faq",
|
|
7
7
|
components: {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
AtButton: n
|
|
8
|
+
AtTitle: a.Title,
|
|
9
|
+
AtButton: i,
|
|
10
|
+
AtFaqItem: n
|
|
12
11
|
},
|
|
13
12
|
props: {
|
|
14
13
|
title: {
|
|
@@ -26,11 +25,11 @@ const f = o({
|
|
|
26
25
|
items: {
|
|
27
26
|
type: Array,
|
|
28
27
|
required: !0,
|
|
29
|
-
validator: (t) => Array.isArray(t) && t.every((
|
|
28
|
+
validator: (t) => Array.isArray(t) && t.every((e) => typeof e == "object")
|
|
30
29
|
}
|
|
31
30
|
},
|
|
32
31
|
setup() {
|
|
33
|
-
const t =
|
|
32
|
+
const t = o(!1);
|
|
34
33
|
return {
|
|
35
34
|
buttonInteraction: t,
|
|
36
35
|
toogleListQuestions: () => t.value = !t.value
|
|
@@ -38,5 +37,5 @@ const f = o({
|
|
|
38
37
|
}
|
|
39
38
|
});
|
|
40
39
|
export {
|
|
41
|
-
|
|
40
|
+
l as default
|
|
42
41
|
};
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { type PropType } from "vue";
|
|
2
|
+
import type { FaqType } from "../Faq";
|
|
3
|
+
declare const _default: import("vue").DefineComponent<{
|
|
4
|
+
items: {
|
|
5
|
+
type: PropType<FaqType[]>;
|
|
6
|
+
required: true;
|
|
7
|
+
validator: (value: Array<FaqType>) => boolean;
|
|
8
|
+
};
|
|
9
|
+
fullSize: {
|
|
10
|
+
type: BooleanConstructor;
|
|
11
|
+
default: boolean;
|
|
12
|
+
};
|
|
13
|
+
fixedTop: {
|
|
14
|
+
type: BooleanConstructor;
|
|
15
|
+
default: boolean;
|
|
16
|
+
};
|
|
17
|
+
}, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
18
|
+
items: {
|
|
19
|
+
type: PropType<FaqType[]>;
|
|
20
|
+
required: true;
|
|
21
|
+
validator: (value: Array<FaqType>) => boolean;
|
|
22
|
+
};
|
|
23
|
+
fullSize: {
|
|
24
|
+
type: BooleanConstructor;
|
|
25
|
+
default: boolean;
|
|
26
|
+
};
|
|
27
|
+
fixedTop: {
|
|
28
|
+
type: BooleanConstructor;
|
|
29
|
+
default: boolean;
|
|
30
|
+
};
|
|
31
|
+
}>>, {
|
|
32
|
+
fullSize: boolean;
|
|
33
|
+
fixedTop: boolean;
|
|
34
|
+
}, {}>;
|
|
35
|
+
export default _default;
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import _ from "./FaqItem.vue2.js";
|
|
2
|
+
import { resolveComponent as i, openBlock as n, createBlock as u, Teleport as g, createElementVNode as a, normalizeClass as h, createElementBlock as l, Fragment as A, renderList as b, createVNode as e, withCtx as r, createTextVNode as c, toDisplayString as d } from "vue";
|
|
3
|
+
import "./FaqItem.vue3.js";
|
|
4
|
+
import x from "../../_virtual/_plugin-vue_export-helper.js";
|
|
5
|
+
const k = { class: "faq-items" }, q = { class: "faq-text" };
|
|
6
|
+
function y(t, z, T, B, C, S) {
|
|
7
|
+
const s = i("AtParagraph"), p = i("AtArrowRightSolidIcon"), m = i("AtButton");
|
|
8
|
+
return n(), u(g, {
|
|
9
|
+
to: "body",
|
|
10
|
+
disabled: !t.fixedTop
|
|
11
|
+
}, [
|
|
12
|
+
a("ul", {
|
|
13
|
+
class: h(["faq-items-list", ["faq-item-list", { fullSize: t.fullSize, fixedTop: t.fixedTop }]])
|
|
14
|
+
}, [
|
|
15
|
+
(n(!0), l(A, null, b(t.items, (o, f) => (n(), l("li", { key: f }, [
|
|
16
|
+
a("div", k, [
|
|
17
|
+
a("div", q, [
|
|
18
|
+
e(s, {
|
|
19
|
+
size: "p2",
|
|
20
|
+
style: { "margin-bottom": "0px" }
|
|
21
|
+
}, {
|
|
22
|
+
default: r(() => [
|
|
23
|
+
c(d(o.title), 1)
|
|
24
|
+
]),
|
|
25
|
+
_: 2
|
|
26
|
+
}, 1024),
|
|
27
|
+
e(s, {
|
|
28
|
+
size: "p2",
|
|
29
|
+
style: { "margin-bottom": "0px" },
|
|
30
|
+
weight: "bold"
|
|
31
|
+
}, {
|
|
32
|
+
default: r(() => [
|
|
33
|
+
c(d(o.actionTitle), 1)
|
|
34
|
+
]),
|
|
35
|
+
_: 2
|
|
36
|
+
}, 1024)
|
|
37
|
+
]),
|
|
38
|
+
e(m, {
|
|
39
|
+
class: "faq-item-button",
|
|
40
|
+
"only-icon": "",
|
|
41
|
+
onClick: o.function
|
|
42
|
+
}, {
|
|
43
|
+
default: r(() => [
|
|
44
|
+
e(p, { size: "16" })
|
|
45
|
+
]),
|
|
46
|
+
_: 2
|
|
47
|
+
}, 1032, ["onClick"])
|
|
48
|
+
])
|
|
49
|
+
]))), 128))
|
|
50
|
+
], 2)
|
|
51
|
+
], 8, ["disabled"]);
|
|
52
|
+
}
|
|
53
|
+
const N = /* @__PURE__ */ x(_, [["render", y], ["__scopeId", "data-v-dd054ba9"]]);
|
|
54
|
+
export {
|
|
55
|
+
N as default
|
|
56
|
+
};
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { defineComponent as r } from "vue";
|
|
2
|
+
import { AtArrowRightSolidIcon as e } from "../../node_modules/.pnpm/agrotools-icons@0.2.6/node_modules/agrotools-icons/dist/AtArrowRightSolidIcon/index.js";
|
|
3
|
+
import { AtTipograph as a } from "../../Tipograph/index.js";
|
|
4
|
+
import p from "../../Button/Button.vue.js";
|
|
5
|
+
const l = r({
|
|
6
|
+
name: "AtFaqItem",
|
|
7
|
+
components: {
|
|
8
|
+
AtArrowRightSolidIcon: e,
|
|
9
|
+
AtButton: p,
|
|
10
|
+
AtParagraph: a.Paragraph
|
|
11
|
+
},
|
|
12
|
+
props: {
|
|
13
|
+
items: {
|
|
14
|
+
type: Array,
|
|
15
|
+
required: !0,
|
|
16
|
+
validator: (t) => Array.isArray(t) && t.every((o) => typeof o == "object")
|
|
17
|
+
},
|
|
18
|
+
fullSize: {
|
|
19
|
+
type: Boolean,
|
|
20
|
+
default: !1
|
|
21
|
+
},
|
|
22
|
+
fixedTop: {
|
|
23
|
+
type: Boolean,
|
|
24
|
+
default: !1
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
setup() {
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
export {
|
|
31
|
+
l as default
|
|
32
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as AtFaqItem } from "./FaqItem";
|
package/dist/Modal/Modal.vue2.js
CHANGED
|
@@ -21,6 +21,8 @@ import "../DatePicker/DatePicker.scss.js";
|
|
|
21
21
|
import "../Faq/Faq.vue2.js";
|
|
22
22
|
import "../Faq/Faq.vue3.js";
|
|
23
23
|
import "../Faq/Faq.vue4.js";
|
|
24
|
+
import "../Faq/FaqItem/FaqItem.vue2.js";
|
|
25
|
+
import "../Faq/FaqItem/FaqItem.vue3.js";
|
|
24
26
|
import "../Filter/components/Filter.vue2.js";
|
|
25
27
|
import "../Filter/components/Filter.vue3.js";
|
|
26
28
|
import "../Illustration/Illustration.vue2.js";
|
|
@@ -68,7 +70,7 @@ import "../Tooltip/Tooltip.vue3.js";
|
|
|
68
70
|
import "../Upload/Upload.vue2.js";
|
|
69
71
|
import "../Upload/Upload.vue3.js";
|
|
70
72
|
import f from "./images/cross.svg.js";
|
|
71
|
-
const
|
|
73
|
+
const zt = a({
|
|
72
74
|
name: "AtModal",
|
|
73
75
|
components: { AtButton: l, AtCheckbox: u },
|
|
74
76
|
props: {
|
|
@@ -130,5 +132,5 @@ const jt = a({
|
|
|
130
132
|
}
|
|
131
133
|
});
|
|
132
134
|
export {
|
|
133
|
-
|
|
135
|
+
zt as default
|
|
134
136
|
};
|
package/dist/Search/Search.d.ts
CHANGED
|
@@ -12,6 +12,7 @@ export interface SearchProps {
|
|
|
12
12
|
value: boolean;
|
|
13
13
|
message: string;
|
|
14
14
|
};
|
|
15
|
+
isLoading: boolean;
|
|
15
16
|
}
|
|
16
17
|
declare const _default: import("vue").DefineComponent<{
|
|
17
18
|
label: {
|
|
@@ -54,6 +55,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
54
55
|
type: StringConstructor;
|
|
55
56
|
required: false;
|
|
56
57
|
};
|
|
58
|
+
isLoading: {
|
|
59
|
+
type: () => SearchProps["isLoading"];
|
|
60
|
+
default: boolean;
|
|
61
|
+
};
|
|
57
62
|
}, {
|
|
58
63
|
atSearch: import("vue").Ref<HTMLDivElement | null>;
|
|
59
64
|
autocompleteListIsOpen: ComputedRef<boolean>;
|
|
@@ -67,7 +72,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
67
72
|
closeList: () => void;
|
|
68
73
|
handleChangeValue: (value: string) => Promise<void>;
|
|
69
74
|
handleSelectedItem: (item: DropdownListItem) => void;
|
|
70
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "onSelectedItem")[], "update:modelValue" | "onSelectedItem", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
75
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "onSelectedItem" | "onClear")[], "update:modelValue" | "onSelectedItem" | "onClear", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
71
76
|
label: {
|
|
72
77
|
type: StringConstructor;
|
|
73
78
|
default: string;
|
|
@@ -108,9 +113,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
108
113
|
type: StringConstructor;
|
|
109
114
|
required: false;
|
|
110
115
|
};
|
|
116
|
+
isLoading: {
|
|
117
|
+
type: () => SearchProps["isLoading"];
|
|
118
|
+
default: boolean;
|
|
119
|
+
};
|
|
111
120
|
}>> & {
|
|
112
121
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
113
122
|
onOnSelectedItem?: ((...args: any[]) => any) | undefined;
|
|
123
|
+
onOnClear?: ((...args: any[]) => any) | undefined;
|
|
114
124
|
}, {
|
|
115
125
|
label: string;
|
|
116
126
|
error: {
|
|
@@ -119,6 +129,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
119
129
|
} | undefined;
|
|
120
130
|
withIcon: boolean;
|
|
121
131
|
modelValue: string;
|
|
132
|
+
isLoading: boolean;
|
|
122
133
|
autoCompleteList: DropdownListItem[];
|
|
123
134
|
isDisabled: boolean | undefined;
|
|
124
135
|
hasAutoComplete: boolean;
|
|
@@ -43,7 +43,7 @@ function h(e, f, b, I, S, C) {
|
|
|
43
43
|
}, 8, ["id", "drop-down-list", "is-open", "show-no-result-message", "onOnSave"])
|
|
44
44
|
], 2);
|
|
45
45
|
}
|
|
46
|
-
const V = /* @__PURE__ */ m(r, [["render", h], ["__scopeId", "data-v-
|
|
46
|
+
const V = /* @__PURE__ */ m(r, [["render", h], ["__scopeId", "data-v-f5e71e70"]]);
|
|
47
47
|
export {
|
|
48
48
|
V as default
|
|
49
49
|
};
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as A, ref as o, computed as n } from "vue";
|
|
2
2
|
import { AtCircleXMarkSolidIcon as V } from "../node_modules/.pnpm/agrotools-icons@0.2.6/node_modules/agrotools-icons/dist/AtCircleXMarkSolidIcon/index.js";
|
|
3
3
|
import { AtSearchIcon as O } from "../node_modules/.pnpm/agrotools-icons@0.2.6/node_modules/agrotools-icons/dist/AtSearchIcon/index.js";
|
|
4
4
|
import { AtInput as w } from "../Input/index.js";
|
|
5
5
|
import x from "../List/components/List.vue.js";
|
|
6
|
-
const
|
|
6
|
+
const B = {
|
|
7
7
|
AtSearchIcon: O,
|
|
8
8
|
AtCircleXMarkSolidIcon: V
|
|
9
|
-
}, D =
|
|
9
|
+
}, D = A({
|
|
10
10
|
name: "AtSearch",
|
|
11
11
|
components: {
|
|
12
12
|
AtInput: w.Text,
|
|
13
13
|
AtLista: x,
|
|
14
|
-
...
|
|
14
|
+
...B
|
|
15
15
|
},
|
|
16
16
|
props: {
|
|
17
17
|
label: {
|
|
@@ -54,55 +54,62 @@ const F = {
|
|
|
54
54
|
id: {
|
|
55
55
|
type: String,
|
|
56
56
|
required: !1
|
|
57
|
+
},
|
|
58
|
+
isLoading: {
|
|
59
|
+
type: Boolean,
|
|
60
|
+
default: !1
|
|
57
61
|
}
|
|
58
62
|
},
|
|
59
|
-
emits: ["update:modelValue", "onSelectedItem"],
|
|
60
|
-
setup(t, { emit:
|
|
61
|
-
const s =
|
|
62
|
-
() =>
|
|
63
|
-
|
|
63
|
+
emits: ["update:modelValue", "onSelectedItem", "onClear"],
|
|
64
|
+
setup(t, { emit: l }) {
|
|
65
|
+
const s = o([]), u = o(!1), c = o(null), h = n(
|
|
66
|
+
() => {
|
|
67
|
+
var e;
|
|
68
|
+
return u.value && t.hasAutoComplete && (!!t.modelValue || t.hasFilterOption) && !(!((e = m.value) != null && e.length) && f.value);
|
|
69
|
+
}
|
|
70
|
+
), v = () => {
|
|
64
71
|
var e;
|
|
65
72
|
u.value = !0, (e = c.value) == null || e.classList.add("focused");
|
|
66
|
-
},
|
|
73
|
+
}, I = () => {
|
|
67
74
|
var e;
|
|
68
75
|
setTimeout(() => {
|
|
69
76
|
u.value = !1;
|
|
70
77
|
}, 200), (e = c.value) == null || e.classList.remove("focused");
|
|
71
|
-
}, a =
|
|
72
|
-
|
|
73
|
-
},
|
|
78
|
+
}, a = o(!1), L = async (e) => {
|
|
79
|
+
l("update:modelValue", e), t.searchEndpoint && (a.value = !0, s.value = await t.searchEndpoint(e), a.value = !1);
|
|
80
|
+
}, m = n(() => {
|
|
74
81
|
var e;
|
|
75
82
|
if (t.hasFilterOption) {
|
|
76
|
-
const i = (d,
|
|
83
|
+
const i = (d, p) => d.text.toUpperCase().includes(p.toUpperCase());
|
|
77
84
|
return t.autoCompleteList.filter(
|
|
78
85
|
(d) => i(d, t.modelValue)
|
|
79
86
|
);
|
|
80
87
|
}
|
|
81
88
|
return (e = s.value) != null && e.length ? s.value : t.autoCompleteList;
|
|
82
|
-
}), r =
|
|
89
|
+
}), r = o(), S = (e) => {
|
|
83
90
|
const i = e.text;
|
|
84
|
-
r.value = e,
|
|
85
|
-
},
|
|
86
|
-
|
|
87
|
-
},
|
|
88
|
-
() => t.withIcon && a.value && !r.value
|
|
89
|
-
),
|
|
91
|
+
r.value = e, l("onSelectedItem", e), l("update:modelValue", i);
|
|
92
|
+
}, C = () => {
|
|
93
|
+
l("onSelectedItem", null), l("onClear"), a.value = !1, r.value = null;
|
|
94
|
+
}, f = n(
|
|
95
|
+
() => t.withIcon && a.value && !r.value || t.isLoading
|
|
96
|
+
), y = n(
|
|
90
97
|
() => t.isDisabled ? "var(--at-medium-grey)" : ""
|
|
91
|
-
),
|
|
98
|
+
), g = n(
|
|
92
99
|
() => !!t.modelValue && !a.value
|
|
93
100
|
);
|
|
94
101
|
return {
|
|
95
102
|
atSearch: c,
|
|
96
|
-
autocompleteListIsOpen:
|
|
97
|
-
autoCompleteListFiltered:
|
|
103
|
+
autocompleteListIsOpen: h,
|
|
104
|
+
autoCompleteListFiltered: m,
|
|
98
105
|
isLoading: a,
|
|
99
|
-
showSearchIcon:
|
|
100
|
-
getShowNoResultMessage:
|
|
101
|
-
getSearchIconColor:
|
|
102
|
-
clear:
|
|
103
|
-
openList:
|
|
104
|
-
closeList:
|
|
105
|
-
handleChangeValue:
|
|
106
|
+
showSearchIcon: f,
|
|
107
|
+
getShowNoResultMessage: g,
|
|
108
|
+
getSearchIconColor: y,
|
|
109
|
+
clear: C,
|
|
110
|
+
openList: v,
|
|
111
|
+
closeList: I,
|
|
112
|
+
handleChangeValue: L,
|
|
106
113
|
handleSelectedItem: S
|
|
107
114
|
};
|
|
108
115
|
}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { resolveComponent as n, openBlock as
|
|
1
|
+
import m from "./TableConfig.vue2.js";
|
|
2
|
+
import { resolveComponent as n, openBlock as f, createElementBlock as C, createVNode as t, withCtx as e, createElementVNode as s, createTextVNode as i, toDisplayString as a } from "vue";
|
|
3
3
|
import "./TableConfig.vue3.js";
|
|
4
4
|
import k from "../_virtual/_plugin-vue_export-helper.js";
|
|
5
5
|
const g = { class: "tableConfig" }, v = { class: "at-dropdown-footer" };
|
|
6
|
-
function
|
|
6
|
+
function b(o, r, h, A, S, _) {
|
|
7
7
|
const d = n("AtSettingsSolidIcon"), l = n("AtButton"), c = n("AtChecklist"), p = n("AtDropdown");
|
|
8
|
-
return
|
|
8
|
+
return f(), C("section", null, [
|
|
9
9
|
t(p, {
|
|
10
10
|
id: o.id,
|
|
11
11
|
"is-open": o.isDialogOpen,
|
|
@@ -63,7 +63,7 @@ function h(o, r, A, b, S, _) {
|
|
|
63
63
|
}, 8, ["id", "is-open", "position"])
|
|
64
64
|
]);
|
|
65
65
|
}
|
|
66
|
-
const D = /* @__PURE__ */ k(
|
|
66
|
+
const D = /* @__PURE__ */ k(m, [["render", b], ["__scopeId", "data-v-c768db66"]]);
|
|
67
67
|
export {
|
|
68
68
|
D as default
|
|
69
69
|
};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as v, ref as i, computed as m } from "vue";
|
|
2
2
|
import { AtSettingsSolidIcon as y } from "../node_modules/.pnpm/agrotools-icons@0.2.6/node_modules/agrotools-icons/dist/AtSettingsSolidIcon/index.js";
|
|
3
3
|
import h from "../Button/Button.vue.js";
|
|
4
4
|
import x from "../Dropdown/Checklist/Dropdown.Checklist.vue.js";
|
|
5
5
|
import A from "../Dropdown/Dropdown.core.vue.js";
|
|
6
6
|
const C = {
|
|
7
7
|
AtSettingsSolidIcon: y
|
|
8
|
-
}, q =
|
|
8
|
+
}, q = v({
|
|
9
9
|
name: "AtTableConfig",
|
|
10
10
|
components: {
|
|
11
11
|
AtChecklist: x,
|
|
@@ -56,33 +56,33 @@ const C = {
|
|
|
56
56
|
}
|
|
57
57
|
},
|
|
58
58
|
emits: ["onSave"],
|
|
59
|
-
setup(
|
|
60
|
-
const
|
|
61
|
-
() =>
|
|
62
|
-
), s =
|
|
63
|
-
s.value = JSON.parse(JSON.stringify(
|
|
59
|
+
setup(c, { emit: p }) {
|
|
60
|
+
const o = i(!1), u = () => o.value = !o.value, d = m(
|
|
61
|
+
() => o.value ? "primary" : "secondary"
|
|
62
|
+
), s = i([]), n = i([]), a = () => {
|
|
63
|
+
s.value = JSON.parse(JSON.stringify(c.dropDownList)), n.value = JSON.parse(JSON.stringify(s.value));
|
|
64
64
|
};
|
|
65
65
|
a();
|
|
66
|
-
const r = () =>
|
|
66
|
+
const r = () => o.value = !1, f = () => {
|
|
67
67
|
r();
|
|
68
|
-
},
|
|
68
|
+
}, S = () => {
|
|
69
69
|
const e = [];
|
|
70
|
-
return n.value.forEach((
|
|
71
|
-
e[
|
|
72
|
-
}),
|
|
70
|
+
return n.value.forEach((t, g) => {
|
|
71
|
+
e[g] = s.value.find((l) => (l == null ? void 0 : l.text) === (t == null ? void 0 : t.text)) ?? {};
|
|
72
|
+
}), c.resumedResponse ? e.filter((t) => t.value).map((t) => t.text) : e;
|
|
73
73
|
};
|
|
74
74
|
return {
|
|
75
|
-
isDialogOpen:
|
|
76
|
-
getButtonColor:
|
|
75
|
+
isDialogOpen: o,
|
|
76
|
+
getButtonColor: d,
|
|
77
77
|
list: s,
|
|
78
|
-
toggleDropdown:
|
|
79
|
-
handleClose:
|
|
78
|
+
toggleDropdown: u,
|
|
79
|
+
handleClose: f,
|
|
80
80
|
handleSorted: (e) => {
|
|
81
81
|
n.value = e;
|
|
82
82
|
},
|
|
83
83
|
save: () => {
|
|
84
|
-
const e =
|
|
85
|
-
|
|
84
|
+
const e = S();
|
|
85
|
+
p("onSave", e), r();
|
|
86
86
|
},
|
|
87
87
|
cancel: () => {
|
|
88
88
|
a(), r();
|
|
@@ -2,6 +2,8 @@ import type { CSSProperties } from "vue";
|
|
|
2
2
|
export interface TooltipProps {
|
|
3
3
|
position: "bottom-left" | "bottom-center" | "bottom-right" | "top-left" | "top-center" | "top-right" | "left-bottom" | "left-center" | "right-bottom" | "right-center";
|
|
4
4
|
text: string;
|
|
5
|
+
copy: boolean;
|
|
6
|
+
maxTextLength: number;
|
|
5
7
|
}
|
|
6
8
|
declare const _default: import("vue").DefineComponent<{
|
|
7
9
|
text: {
|
|
@@ -9,6 +11,16 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
9
11
|
type: () => TooltipProps["text"];
|
|
10
12
|
default: string;
|
|
11
13
|
};
|
|
14
|
+
maxTextLength: {
|
|
15
|
+
required: false;
|
|
16
|
+
type: () => TooltipProps["maxTextLength"];
|
|
17
|
+
default: number;
|
|
18
|
+
};
|
|
19
|
+
copy: {
|
|
20
|
+
type: () => TooltipProps["copy"];
|
|
21
|
+
required: false;
|
|
22
|
+
default: boolean;
|
|
23
|
+
};
|
|
12
24
|
position: {
|
|
13
25
|
required: false;
|
|
14
26
|
type: () => TooltipProps["position"];
|
|
@@ -24,22 +36,41 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
24
36
|
tooltipStyle: import("vue").Ref<CSSProperties | undefined>;
|
|
25
37
|
tooltipClass: import("vue").Ref<string>;
|
|
26
38
|
visible: import("vue").Ref<boolean>;
|
|
39
|
+
wrapper: import("vue").Ref<HTMLDivElement | undefined>;
|
|
40
|
+
tooltip: import("vue").Ref<HTMLDivElement | undefined>;
|
|
41
|
+
formatedText: import("vue").ComputedRef<string>;
|
|
27
42
|
show: () => void;
|
|
28
43
|
hide: () => void;
|
|
29
|
-
|
|
44
|
+
handleMouseOut: (event: MouseEvent) => void;
|
|
45
|
+
copyText: (text: string) => Promise<void>;
|
|
46
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "copiedText"[], "copiedText", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
30
47
|
text: {
|
|
31
48
|
required: true;
|
|
32
49
|
type: () => TooltipProps["text"];
|
|
33
50
|
default: string;
|
|
34
51
|
};
|
|
52
|
+
maxTextLength: {
|
|
53
|
+
required: false;
|
|
54
|
+
type: () => TooltipProps["maxTextLength"];
|
|
55
|
+
default: number;
|
|
56
|
+
};
|
|
57
|
+
copy: {
|
|
58
|
+
type: () => TooltipProps["copy"];
|
|
59
|
+
required: false;
|
|
60
|
+
default: boolean;
|
|
61
|
+
};
|
|
35
62
|
position: {
|
|
36
63
|
required: false;
|
|
37
64
|
type: () => TooltipProps["position"];
|
|
38
65
|
default: string;
|
|
39
66
|
validator: (value: string) => boolean;
|
|
40
67
|
};
|
|
41
|
-
}
|
|
68
|
+
}>> & {
|
|
69
|
+
onCopiedText?: ((...args: any[]) => any) | undefined;
|
|
70
|
+
}, {
|
|
42
71
|
text: string;
|
|
72
|
+
copy: boolean;
|
|
43
73
|
position: "top-left" | "top-right" | "bottom-left" | "bottom-right" | "top-center" | "bottom-center" | "left-bottom" | "left-center" | "right-bottom" | "right-center";
|
|
74
|
+
maxTextLength: number;
|
|
44
75
|
}, {}>;
|
|
45
76
|
export default _default;
|