@agrotools1/at-components 0.5.0 → 0.5.1-2
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/Checkbox/Checkbox.vue.js +1 -1
- package/dist/DataTable/DataTable.d.ts +10 -0
- package/dist/DataTable/DataTable.vue.js +56 -50
- package/dist/DataTable/DataTable.vue2.js +31 -26
- package/dist/DataTable/index.d.ts +10 -0
- package/dist/Dropdown/Checklist/Dropdown.Checklist.d.ts +2 -0
- package/dist/Dropdown/Dropdown.core.d.ts +22 -3
- package/dist/Dropdown/Dropdown.core.vue.js +23 -20
- package/dist/Dropdown/Dropdown.core.vue2.js +62 -26
- package/dist/Dropdown/Dropdown.core.vue3.js +2 -2
- package/dist/Dropdown/Dropdown.types.d.ts +2 -0
- package/dist/Filter/components/Filter.types.d.ts +2 -0
- package/dist/Filter/components/Filter.vue.js +64 -62
- package/dist/Filter/components/Filter.vue2.js +57 -52
- package/dist/Input/Input.core.d.ts +9 -0
- package/dist/Input/Input.core.vue.js +25 -19
- package/dist/Input/Input.core.vue2.js +9 -5
- package/dist/Input/index.d.ts +9 -0
- package/dist/List/components/List.d.ts +18 -0
- package/dist/List/components/List.types.d.ts +2 -0
- package/dist/List/components/List.vue.js +33 -30
- package/dist/List/components/List.vue2.js +20 -12
- package/dist/Loading/Loading.d.ts +4 -0
- package/dist/Loading/Loading.vue.js +18 -0
- package/dist/Loading/Loading.vue2.js +10 -0
- package/dist/Loading/Loading.vue3.js +4 -0
- package/dist/Loading/index.d.ts +1 -0
- package/dist/Modal/Modal.vue2.js +5 -2
- package/dist/ProgressBar/ProgressBar.d.ts +2 -2
- package/dist/ProgressBar/ProgressBar.vue.js +4 -4
- package/dist/ProgressBar/ProgressBar.vue2.js +48 -38
- package/dist/Search/Search.d.ts +15 -7
- package/dist/Search/Search.vue.js +36 -25
- package/dist/Search/Search.vue2.js +21 -17
- package/dist/Select/Multiple/Select.multiple.d.ts +11 -0
- package/dist/Select/Multiple/Select.multiple.vue.js +10 -9
- package/dist/Select/Multiple/Select.multiple.vue2.js +7 -2
- package/dist/Select/Select.core.d.ts +11 -0
- package/dist/Select/Select.core.vue.js +8 -7
- package/dist/Select/Select.core.vue2.js +8 -3
- package/dist/Select/Single/Select.single.d.ts +11 -0
- package/dist/Select/Single/Select.single.vue.js +13 -12
- package/dist/Select/Single/Select.single.vue2.js +14 -9
- package/dist/Select/index.d.ts +22 -0
- package/dist/Skeleton/Skeleton.d.ts +25 -0
- package/dist/Skeleton/Skeleton.vue.js +16 -0
- package/dist/Skeleton/Skeleton.vue2.js +19 -0
- package/dist/Skeleton/index.d.ts +1 -22
- package/dist/Stepper/Stepper.vue.js +10 -10
- package/dist/TableConfig/TableConfig.d.ts +9 -0
- package/dist/TableConfig/TableConfig.vue.js +7 -6
- package/dist/TableConfig/TableConfig.vue2.js +10 -6
- package/dist/Tabs/Tabs.d.ts +13 -0
- package/dist/Tabs/Tabs.vue.js +21 -17
- package/dist/Tabs/Tabs.vue2.js +31 -22
- package/dist/index.d.ts +2 -0
- package/dist/index.js +50 -46
- package/dist/style.css +1 -1
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import $ from "./Stepper.vue2.js";
|
|
2
|
-
import { resolveComponent as u, openBlock as s, createElementBlock as n, normalizeClass as o, createElementVNode as
|
|
2
|
+
import { resolveComponent as u, openBlock as s, createElementBlock as n, normalizeClass as o, createElementVNode as i, normalizeStyle as z, Fragment as S, renderList as y, createBlock as a, resolveDynamicComponent as l, createCommentVNode as p, toDisplayString as c, createVNode as d, withCtx as f, createTextVNode as m } from "vue";
|
|
3
3
|
import "./Stepper.vue3.js";
|
|
4
4
|
import k from "../_virtual/_plugin-vue_export-helper.js";
|
|
5
5
|
function E(e, C, I, g, b, A) {
|
|
@@ -7,14 +7,14 @@ function E(e, C, I, g, b, A) {
|
|
|
7
7
|
return s(), n("div", {
|
|
8
8
|
class: o(e.$props.direction === "vertical" ? "stepper-vertical" : "")
|
|
9
9
|
}, [
|
|
10
|
-
|
|
10
|
+
i("div", {
|
|
11
11
|
ref: "stepperElementCollection",
|
|
12
12
|
class: o([
|
|
13
13
|
"stepper",
|
|
14
14
|
e.$props.direction === "vertical" ? "vertical-stepper" : "horizontal-stepper"
|
|
15
15
|
])
|
|
16
16
|
}, [
|
|
17
|
-
|
|
17
|
+
i("div", {
|
|
18
18
|
class: o([
|
|
19
19
|
"stepper-line",
|
|
20
20
|
e.$props.direction === "vertical" ? "vertical-stepper-line" : "horizontal-stepper-line"
|
|
@@ -29,30 +29,30 @@ function E(e, C, I, g, b, A) {
|
|
|
29
29
|
"stepper-item-horizontal": e.$props.direction === "horizontal" ? !0 : ""
|
|
30
30
|
}])
|
|
31
31
|
}, [
|
|
32
|
-
|
|
32
|
+
i("div", {
|
|
33
33
|
class: o(["stepper-item-counter", {
|
|
34
34
|
current: e.$props.step === t,
|
|
35
35
|
success: r.isSuccess === !0 && r.isError === !1,
|
|
36
36
|
error: r.isError
|
|
37
37
|
}])
|
|
38
38
|
}, [
|
|
39
|
-
e.$props.step === t && r.isSuccess === !1 && r.isError === !1 && e.$props.numberedStep === !1 ? (s(),
|
|
39
|
+
e.$props.step === t && r.isSuccess === !1 && r.isError === !1 && e.$props.numberedStep === !1 ? (s(), a(l(r.stepIcon), {
|
|
40
40
|
key: 0,
|
|
41
41
|
size: "20",
|
|
42
42
|
class: "step-icon",
|
|
43
43
|
color: "var(--at-primary-color-1)"
|
|
44
44
|
})) : p("", !0),
|
|
45
|
-
e.$props.step !== t && r.isSuccess === !1 && r.isError === !1 && e.$props.numberedStep === !1 ? (s(),
|
|
45
|
+
e.$props.step !== t && r.isSuccess === !1 && r.isError === !1 && e.$props.numberedStep === !1 ? (s(), a(l(r.stepInactiveIcon), {
|
|
46
46
|
key: 1,
|
|
47
47
|
size: "20",
|
|
48
48
|
color: "var(--at-dark-grey)"
|
|
49
49
|
})) : p("", !0),
|
|
50
|
-
r.isSuccess && r.isError === !1 ? (s(),
|
|
50
|
+
r.isSuccess && r.isError === !1 ? (s(), a(l(e.AtCheckCircleSolidIcon), {
|
|
51
51
|
key: 2,
|
|
52
52
|
size: "20",
|
|
53
53
|
color: "var(--at-white)"
|
|
54
54
|
})) : p("", !0),
|
|
55
|
-
r.isError ? (s(),
|
|
55
|
+
r.isError ? (s(), a(l(e.AtWarningSolidIcon), {
|
|
56
56
|
key: 3,
|
|
57
57
|
id: "errorIcon",
|
|
58
58
|
size: "20",
|
|
@@ -63,7 +63,7 @@ function E(e, C, I, g, b, A) {
|
|
|
63
63
|
class: o(["number", e.$props.step === t ? "current-number" : ""])
|
|
64
64
|
}, c(t + 1), 3)) : p("", !0)
|
|
65
65
|
], 2),
|
|
66
|
-
|
|
66
|
+
i("div", {
|
|
67
67
|
class: o(["stepper-item-counter-content", {
|
|
68
68
|
"stepper-item-counter-content-horizontal": e.$props.direction === "horizontal"
|
|
69
69
|
}])
|
|
@@ -94,7 +94,7 @@ function E(e, C, I, g, b, A) {
|
|
|
94
94
|
], 2)
|
|
95
95
|
], 2);
|
|
96
96
|
}
|
|
97
|
-
const D = /* @__PURE__ */ k($, [["render", E], ["__scopeId", "data-v-
|
|
97
|
+
const D = /* @__PURE__ */ k($, [["render", E], ["__scopeId", "data-v-de902772"]]);
|
|
98
98
|
export {
|
|
99
99
|
D as default
|
|
100
100
|
};
|
|
@@ -11,6 +11,7 @@ export interface TableConfigProps {
|
|
|
11
11
|
resumedResponse?: boolean;
|
|
12
12
|
checkAllText?: string;
|
|
13
13
|
position?: "left" | "right";
|
|
14
|
+
id?: string;
|
|
14
15
|
}
|
|
15
16
|
declare const _default: import("vue").DefineComponent<{
|
|
16
17
|
dropDownList: {
|
|
@@ -49,6 +50,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
49
50
|
type: PropType<"left" | "right" | undefined>;
|
|
50
51
|
default: string;
|
|
51
52
|
};
|
|
53
|
+
id: {
|
|
54
|
+
type: PropType<string | undefined>;
|
|
55
|
+
required: false;
|
|
56
|
+
};
|
|
52
57
|
}, {
|
|
53
58
|
isDialogOpen: import("vue").Ref<boolean>;
|
|
54
59
|
getButtonColor: import("vue").ComputedRef<"primary" | "secondary">;
|
|
@@ -111,6 +116,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
111
116
|
type: PropType<"left" | "right" | undefined>;
|
|
112
117
|
default: string;
|
|
113
118
|
};
|
|
119
|
+
id: {
|
|
120
|
+
type: PropType<string | undefined>;
|
|
121
|
+
required: false;
|
|
122
|
+
};
|
|
114
123
|
}>> & {
|
|
115
124
|
onOnSave?: ((...args: any[]) => any) | undefined;
|
|
116
125
|
}, {
|
|
@@ -1,12 +1,13 @@
|
|
|
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 h(o, r, A, b, 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
|
+
id: o.id,
|
|
10
11
|
"is-open": o.isDialogOpen,
|
|
11
12
|
"onUpdate:isOpen": r[0] || (r[0] = (u) => o.isDialogOpen = u),
|
|
12
13
|
position: o.position
|
|
@@ -59,10 +60,10 @@ function b(o, r, h, A, _, S) {
|
|
|
59
60
|
])
|
|
60
61
|
]),
|
|
61
62
|
_: 1
|
|
62
|
-
}, 8, ["is-open", "position"])
|
|
63
|
+
}, 8, ["id", "is-open", "position"])
|
|
63
64
|
]);
|
|
64
65
|
}
|
|
65
|
-
const D = /* @__PURE__ */ k(
|
|
66
|
+
const D = /* @__PURE__ */ k(m, [["render", h], ["__scopeId", "data-v-4326c741"]]);
|
|
66
67
|
export {
|
|
67
68
|
D as default
|
|
68
69
|
};
|
|
@@ -5,7 +5,7 @@ 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
|
-
},
|
|
8
|
+
}, q = g({
|
|
9
9
|
name: "AtTableConfig",
|
|
10
10
|
components: {
|
|
11
11
|
AtChecklist: x,
|
|
@@ -49,6 +49,10 @@ const C = {
|
|
|
49
49
|
position: {
|
|
50
50
|
type: String,
|
|
51
51
|
default: "left"
|
|
52
|
+
},
|
|
53
|
+
id: {
|
|
54
|
+
type: String,
|
|
55
|
+
required: !1
|
|
52
56
|
}
|
|
53
57
|
},
|
|
54
58
|
emits: ["onSave"],
|
|
@@ -59,9 +63,9 @@ const C = {
|
|
|
59
63
|
s.value = JSON.parse(JSON.stringify(i.dropDownList)), n.value = JSON.parse(JSON.stringify(s.value));
|
|
60
64
|
};
|
|
61
65
|
a();
|
|
62
|
-
const r = () => t.value = !1,
|
|
66
|
+
const r = () => t.value = !1, d = () => {
|
|
63
67
|
r();
|
|
64
|
-
},
|
|
68
|
+
}, f = () => {
|
|
65
69
|
const e = [];
|
|
66
70
|
return n.value.forEach((o, m) => {
|
|
67
71
|
e[m] = s.value.find((S) => S.text === o.text) ?? {};
|
|
@@ -72,12 +76,12 @@ const C = {
|
|
|
72
76
|
getButtonColor: u,
|
|
73
77
|
list: s,
|
|
74
78
|
toggleDropdown: p,
|
|
75
|
-
handleClose:
|
|
79
|
+
handleClose: d,
|
|
76
80
|
handleSorted: (e) => {
|
|
77
81
|
n.value = e;
|
|
78
82
|
},
|
|
79
83
|
save: () => {
|
|
80
|
-
const e =
|
|
84
|
+
const e = f();
|
|
81
85
|
c("onSave", e), r();
|
|
82
86
|
},
|
|
83
87
|
cancel: () => {
|
|
@@ -93,5 +97,5 @@ const C = {
|
|
|
93
97
|
}
|
|
94
98
|
});
|
|
95
99
|
export {
|
|
96
|
-
|
|
100
|
+
q as default
|
|
97
101
|
};
|
package/dist/Tabs/Tabs.d.ts
CHANGED
|
@@ -14,10 +14,12 @@ type AtTabProp = {
|
|
|
14
14
|
disabled?: boolean;
|
|
15
15
|
notifications?: number;
|
|
16
16
|
icon?: AtTabIconProp;
|
|
17
|
+
fullSize?: boolean;
|
|
17
18
|
};
|
|
18
19
|
export type AtTabsProps = {
|
|
19
20
|
tabs: AtTabProp[];
|
|
20
21
|
selectedTabIndex?: number;
|
|
22
|
+
fullSize?: boolean;
|
|
21
23
|
};
|
|
22
24
|
declare const _default: import("vue").DefineComponent<{
|
|
23
25
|
tabs: {
|
|
@@ -29,6 +31,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
29
31
|
type: NumberConstructor;
|
|
30
32
|
default: number;
|
|
31
33
|
};
|
|
34
|
+
fullSize: {
|
|
35
|
+
type: PropType<boolean | undefined>;
|
|
36
|
+
default: boolean;
|
|
37
|
+
};
|
|
32
38
|
}, {
|
|
33
39
|
tabsList: import("vue").ComputedRef<AtTabProp[]>;
|
|
34
40
|
selectedTab: import("vue").Ref<{
|
|
@@ -39,8 +45,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
39
45
|
disabled?: boolean | undefined;
|
|
40
46
|
notifications?: number | undefined;
|
|
41
47
|
icon?: "AtAngleUpSolidIcon" | "AtAngleDownSolidIcon" | "AtCheckCircleSolidIcon" | "AtWarningSolidIcon" | "AtCircleXMarkSolidIcon" | "AtCircleMinusSolidIcon" | "AtCircleQuestionSolidIcon" | "AtArrowRightSolidIcon" | "AtAnalisesRegularIcon" | "AtAnalisesSolidIcon" | "AtAngleLeftSolidIcon" | "AtAngleRightSolidIcon" | "AtArrowDownSolidIcon" | "AtArrowLeftSolidIcon" | "AtArrowUpSolidIcon" | "AtArvoreRegularIcon" | "AtArvoreSolidIcon" | "AtCurralRegularIcon" | "AtCurralSolidIcon" | "AtBellRegularIcon" | "AtBellSolidIcon" | "AtBoldRegularIcon" | "AtBookmarkRegularIcon" | "AtBookmarkSolidIcon" | "AtCadastroRegularIcon" | "AtCadastroSolidIcon" | "AtCalculadoraDeCarbonoIcon" | "AtCalendarRegularIcon" | "AtCalendarSolidIcon" | "AtCarbonoSolidIcon" | "AtCentralAlertasRegularIcon" | "AtCentralAlertasSolidIcon" | "AtCentralFornecimentoRegularIcon" | "AtCentralFornecimentoSolidIcon" | "AtCheckCircleRegularIcon" | "AtCheckSolidIcon" | "AtChuvaRegularIcon" | "AtChuvaSolidIcon" | "AtCircleExclamationRegularIcon" | "AtCircleExclamationSolidIcon" | "AtCircleMinusRegularIcon" | "AtCirclePlusRegularIcon" | "AtCirclePlusSolidIcon" | "AtCircleQuestionRegularIcon" | "AtCircleXMarkRegularIcon" | "AtClipeRegularIcon" | "AtCloseSolidIcon" | "AtCloudDownloadRegularIcon" | "AtCloundDownloadSolidIcon" | "AtCofreDigitalRegularIcon" | "AtCofreDigitalSolidIcon" | "AtCopilotoRegularIcon" | "AtCopilotoSolidIcon" | "AtCopyRegularIcon" | "AtCopySolidIcon" | "AtDesmatamentoSolidIcon" | "AtDoubleArrowLeftSolidIcon" | "AtDoubleArrowRightSolidIcon" | "AtDownloadSolidIcon" | "AtDragOrderRegularIcon" | "AtDrawGeometryRegularIcon" | "AtDrawGeometrySolidIcon" | "AtDrawPolygonRegularIcon" | "AtEdicaoGeometriaRegularIcon" | "AtEdicaoGeometriaSolidIcon" | "AtEditRegularIcon" | "AtEditSolidIcon" | "AtEllipsesHorizontalSolidIcon" | "AtEllipsesVerticalSolidIcon" | "AtEnergyRegularIcon" | "AtEnergySolidIcon" | "AtExcelRegularIcon" | "AtExcelSolidIcon" | "AtExitRegularIcon" | "AtEyeAtivoRegularIcon" | "AtEyeAtivoSolidIcon" | "AtEyeInativoRegularIcon" | "AtEyeInativoSolidIcon" | "AtFavoritasRegularIcon" | "AtFavoritasSolidIcon" | "AtFenceRegularIcon" | "AtFenceSolidIcon" | "AtFilterRegularIcon" | "AtFilterSolidIcon" | "AtFireRegularIcon" | "AtFireSolidIcon" | "AtFolderRegularIcon" | "AtFolderSolidIcon" | "AtGasRegularIcon" | "AtGasSolidIcon" | "AtGeadaRegularIcon" | "AtGeadaSolidIcon" | "AtGraficoRegularIcon" | "AtGroupRegularIcon" | "AtGroupSolidIcon" | "AtHeadsetRegularIcon" | "AtHeadsetSolidIcon" | "AtHelpRegularIcon" | "AtHelpSolidIcon" | "AtHomeRegularIcon" | "AtHomeSolidIcon" | "AtIdentificarRegularIcon" | "AtIdentificarSolidIcon" | "AtImagensRegularIcon" | "AtImagensSolidIcon" | "AtInfoRegularIcon" | "AtInfoSolidIcon" | "AtItalicoRegularIcon" | "AtKeyboardRegularIcon" | "AtKeyboardSolidIcon" | "AtLayersRegularIcon" | "AtLayersSolidIcon" | "AtLegendaMapaRegularIcon" | "AtLegendaMapaSolidIcon" | "AtListRegularIcon" | "AtLocationCrosshairsRegularIcon" | "AtLocationCrosshairsSolidIcon" | "AtLockRegularIcon" | "AtLockSolidIcon" | "AtMailIcon" | "AtMapRegularIcon" | "AtMapSolidIcon" | "AtMarkerRegularIcon" | "AtMarkerSolidIcon" | "AtMirrorRegularIcon" | "AtMonitoramentoRegularIcon" | "AtMonitoramentoSolidIcon" | "AtMoveRegularIcon" | "AtOpacityRegularIcon" | "AtOrdenacaoRegularIcon" | "AtOrdenarRegularIcon" | "AtPdfRegularIcon" | "AtPdfSolidIcon" | "AtPinRegularIcon" | "AtPinSolidIcon" | "AtPlantRegularIcon" | "AtPlantSolidIcon" | "AtPrintSolidIcon" | "AtRatingRegularIcon" | "AtRatingSolidIcon" | "AtRefreshSolidIcon" | "AtUserRegularIcon" | "AtRenovabioSolidIcon" | "AtRulerRegularIcon" | "AtRulerSolidIcon" | "AtSateliteRegularIcon" | "AtSateliteSolidIcon" | "AtSaveRegularIcon" | "AtSaveSolidIcon" | "AtSearchIcon" | "AtSecaRegularIcon" | "AtSecaSolidIcon" | "AtSettingsRegularIcon" | "AtSettingsSolidIcon" | "AtSobreposicaoRegularIcon" | "AtSobreposicaoSolidIcon" | "AtSublinhadoRegularIcon" | "AtSubterritorioRegularIcon" | "AtSubterritorioSolidIcon" | "AtTelephoneIcon" | "AtTemperatureRegularIcon" | "AtTemperatureSolidIcon" | "AtTempestadeRegularIcon" | "AtTempestadeSolidIcon" | "AtTimelineRegularIcon" | "AtTimelineSolidIcon" | "AtToolRegularIcon" | "AtToolSolidIcon" | "AtTrashRegularIcon" | "AtTrashSolidIcon" | "AtUnlockRegularIcon" | "AtUnlockSolidIcon" | "AtUploadSolidIcon" | "AtUserMinusRegularIcon" | "AtUserMinusSolidIcon" | "AtUserPlusRegularIcon" | "AtUserPlusSolidIcon" | "AtUserSolidIcon" | "AtVentosRegularIcon" | "AtWarningRegularIcon" | "AtWorldSolidIcon" | "AtWorldRegularIcon" | "AtZoomInAreaSolidIcon" | "AtFlagBrazilIcon" | "AtFlagSpainIcon" | "AtFlagUnitedStatesIcon" | undefined;
|
|
48
|
+
fullSize?: boolean | undefined;
|
|
42
49
|
}>;
|
|
43
50
|
selectedTabIndexRef: import("vue").Ref<number>;
|
|
51
|
+
contentStyle: import("vue").Ref<any>;
|
|
44
52
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
45
53
|
tabs: {
|
|
46
54
|
type: PropType<AtTabProp[]>;
|
|
@@ -51,7 +59,12 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
51
59
|
type: NumberConstructor;
|
|
52
60
|
default: number;
|
|
53
61
|
};
|
|
62
|
+
fullSize: {
|
|
63
|
+
type: PropType<boolean | undefined>;
|
|
64
|
+
default: boolean;
|
|
65
|
+
};
|
|
54
66
|
}>>, {
|
|
67
|
+
fullSize: boolean | undefined;
|
|
55
68
|
tabs: AtTabProp[];
|
|
56
69
|
selectedTabIndex: number;
|
|
57
70
|
}, {}>;
|
package/dist/Tabs/Tabs.vue.js
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { resolveComponent as
|
|
1
|
+
import m from "./Tabs.vue2.js";
|
|
2
|
+
import { resolveComponent as f, openBlock as n, createElementBlock as c, createElementVNode as a, Fragment as p, renderList as _, createBlock as l, normalizeStyle as u, resolveDynamicComponent as b } from "vue";
|
|
3
3
|
import "./Tabs.vue3.js";
|
|
4
4
|
import T from "../_virtual/_plugin-vue_export-helper.js";
|
|
5
|
-
const
|
|
5
|
+
const k = { class: "Tabs_container" }, y = {
|
|
6
6
|
class: "Tabs_tablist",
|
|
7
7
|
role: "tablist",
|
|
8
8
|
"aria-orientation": "horizontal",
|
|
9
9
|
"tab-index": "0"
|
|
10
|
-
}
|
|
11
|
-
function B(t, v, $, C, I
|
|
12
|
-
var
|
|
13
|
-
const
|
|
14
|
-
return n(), c("section",
|
|
15
|
-
a("div",
|
|
16
|
-
(n(!0), c(
|
|
10
|
+
};
|
|
11
|
+
function B(t, h, v, $, C, I) {
|
|
12
|
+
var i;
|
|
13
|
+
const r = f("TabButton");
|
|
14
|
+
return n(), c("section", k, [
|
|
15
|
+
a("div", y, [
|
|
16
|
+
(n(!0), c(p, null, _(t.tabsList, (e, o) => (n(), l(r, {
|
|
17
17
|
key: o,
|
|
18
18
|
"is-selected": o === t.selectedTabIndexRef,
|
|
19
19
|
title: e.title,
|
|
@@ -21,17 +21,21 @@ function B(t, v, $, C, I, y) {
|
|
|
21
21
|
icon: e.icon,
|
|
22
22
|
"data-index": o,
|
|
23
23
|
"on-click": (d) => {
|
|
24
|
-
var
|
|
25
|
-
(
|
|
24
|
+
var s;
|
|
25
|
+
(s = e.onClick) == null || s.call(e, d), t.selectedTabIndexRef = o;
|
|
26
26
|
}
|
|
27
27
|
}, null, 8, ["is-selected", "title", "notifications", "icon", "data-index", "on-click"]))), 128))
|
|
28
28
|
]),
|
|
29
|
-
a("main",
|
|
30
|
-
|
|
31
|
-
|
|
29
|
+
a("main", {
|
|
30
|
+
id: "tab-content",
|
|
31
|
+
class: "Tabs_content",
|
|
32
|
+
style: u(t.contentStyle)
|
|
33
|
+
}, [
|
|
34
|
+
(n(), l(b((i = t.selectedTab) == null ? void 0 : i.slot)))
|
|
35
|
+
], 4)
|
|
32
36
|
]);
|
|
33
37
|
}
|
|
34
|
-
const
|
|
38
|
+
const S = /* @__PURE__ */ T(m, [["render", B], ["__scopeId", "data-v-bfea5fbc"]]);
|
|
35
39
|
export {
|
|
36
|
-
|
|
40
|
+
S as default
|
|
37
41
|
};
|
package/dist/Tabs/Tabs.vue2.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import
|
|
3
|
-
const T =
|
|
1
|
+
import { defineComponent as m, ref as c, computed as x, onMounted as h, watch as r } from "vue";
|
|
2
|
+
import p from "./Tab/Tab.vue.js";
|
|
3
|
+
const T = m({
|
|
4
4
|
name: "AtTabs",
|
|
5
5
|
components: {
|
|
6
|
-
TabButton:
|
|
6
|
+
TabButton: p
|
|
7
7
|
},
|
|
8
8
|
props: {
|
|
9
9
|
tabs: {
|
|
@@ -14,34 +14,43 @@ const T = f({
|
|
|
14
14
|
selectedTabIndex: {
|
|
15
15
|
type: Number,
|
|
16
16
|
default: 0
|
|
17
|
+
},
|
|
18
|
+
fullSize: {
|
|
19
|
+
type: Boolean,
|
|
20
|
+
default: !1
|
|
17
21
|
}
|
|
18
22
|
},
|
|
19
|
-
setup(
|
|
20
|
-
const e =
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
23
|
+
setup(u) {
|
|
24
|
+
const e = c(u.selectedTabIndex ?? 0), o = window.history.state, a = x(() => u.tabs), s = c(u.tabs[e.value ?? 0]), d = c(), i = () => {
|
|
25
|
+
var n, f;
|
|
26
|
+
const t = (n = document.getElementById("tab-content")) == null ? void 0 : n.getBoundingClientRect(), l = ((t == null ? void 0 : t.top) ?? 0) + 24;
|
|
27
|
+
(u.fullSize || (f = s.value) != null && f.fullSize) && (d.value = { "min-height": `calc(100vh - ${l}px)` });
|
|
28
|
+
}, v = () => {
|
|
29
|
+
const t = o == null ? void 0 : o.current, l = a.value.findIndex((n) => n.routeName === t);
|
|
30
|
+
l !== -1 ? e.value = l : e.value = 0, i(), window.addEventListener("resize", i);
|
|
31
|
+
}, b = () => {
|
|
32
|
+
const t = a.value.findIndex(
|
|
33
|
+
(l, n) => n === e.value
|
|
26
34
|
);
|
|
27
|
-
|
|
35
|
+
t !== -1 ? e.value = t : e.value = 0;
|
|
28
36
|
};
|
|
29
|
-
return
|
|
30
|
-
|
|
31
|
-
}),
|
|
37
|
+
return h(() => {
|
|
38
|
+
v();
|
|
39
|
+
}), r(
|
|
32
40
|
() => e.value,
|
|
33
41
|
() => {
|
|
34
|
-
|
|
42
|
+
s.value = a.value[e.value];
|
|
35
43
|
}
|
|
36
|
-
),
|
|
37
|
-
() =>
|
|
44
|
+
), r(
|
|
45
|
+
() => a.value,
|
|
38
46
|
() => {
|
|
39
|
-
|
|
47
|
+
b();
|
|
40
48
|
}
|
|
41
49
|
), {
|
|
42
|
-
tabsList:
|
|
43
|
-
selectedTab:
|
|
44
|
-
selectedTabIndexRef: e
|
|
50
|
+
tabsList: a,
|
|
51
|
+
selectedTab: s,
|
|
52
|
+
selectedTabIndexRef: e,
|
|
53
|
+
contentStyle: d
|
|
45
54
|
};
|
|
46
55
|
}
|
|
47
56
|
});
|
package/dist/index.d.ts
CHANGED
|
@@ -12,6 +12,7 @@ export * from "./Illustration";
|
|
|
12
12
|
export * from "./Input";
|
|
13
13
|
export * from "./Legend";
|
|
14
14
|
export * from "./List";
|
|
15
|
+
export * from "./Loading";
|
|
15
16
|
export * from "./Map";
|
|
16
17
|
export * from "./Modal";
|
|
17
18
|
export * from "./Notifications";
|
|
@@ -19,6 +20,7 @@ export * from "./ProgressBar";
|
|
|
19
20
|
export * from "./RadioButton";
|
|
20
21
|
export * from "./Search";
|
|
21
22
|
export * from "./Select";
|
|
23
|
+
export * from "./Skeleton";
|
|
22
24
|
export * from "./Stepper";
|
|
23
25
|
export * from "./TableConfig";
|
|
24
26
|
export * from "./Tabs";
|
package/dist/index.js
CHANGED
|
@@ -1,60 +1,64 @@
|
|
|
1
|
-
import { default as
|
|
2
|
-
import { default as
|
|
3
|
-
import { default as
|
|
1
|
+
import { default as e } from "./Accordion/Accordion.vue.js";
|
|
2
|
+
import { default as a } from "./Avatar/Avatar.vue.js";
|
|
3
|
+
import { default as l } from "./Button/Button.vue.js";
|
|
4
4
|
import { default as s } from "./CardWithInsights/CardWithInsights.vue.js";
|
|
5
5
|
import { default as x } from "./Checkbox/Checkbox.vue.js";
|
|
6
6
|
import { default as u } from "./ColorPicker/ColorPicker.vue.js";
|
|
7
7
|
import { AtDataTable as i } from "./DataTable/index.js";
|
|
8
|
-
import { default as
|
|
8
|
+
import { default as g } from "./DatePicker/DatePicker.vue.js";
|
|
9
9
|
import { default as T } from "./Faq/Faq.vue.js";
|
|
10
10
|
import { default as b } from "./Filter/components/Filter.vue.js";
|
|
11
|
-
import { default as
|
|
12
|
-
import { AtInput as
|
|
13
|
-
import { default as
|
|
14
|
-
import { default as
|
|
15
|
-
import { default as M } from "./
|
|
16
|
-
import { default as v } from "./
|
|
17
|
-
import { default as R } from "./
|
|
18
|
-
import { default as W } from "./
|
|
19
|
-
import { default as w } from "./
|
|
20
|
-
import { default as z } from "./
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import { default as O } from "./
|
|
24
|
-
import { default as V } from "./
|
|
25
|
-
import { default as Y } from "./
|
|
26
|
-
import {
|
|
27
|
-
import { default as tt } from "./
|
|
28
|
-
import {
|
|
29
|
-
import { default as
|
|
11
|
+
import { default as C } from "./Illustration/Illustration.vue.js";
|
|
12
|
+
import { AtInput as B } from "./Input/index.js";
|
|
13
|
+
import { default as L } from "./Legend/Legend.vue.js";
|
|
14
|
+
import { default as D } from "./List/components/List.vue.js";
|
|
15
|
+
import { default as M } from "./Loading/Loading.vue.js";
|
|
16
|
+
import { default as v } from "./Map/Map.vue.js";
|
|
17
|
+
import { default as R } from "./Modal/Modal.vue.js";
|
|
18
|
+
import { default as W } from "./Notifications/Notifications.vue.js";
|
|
19
|
+
import { default as w } from "./ProgressBar/ProgressBar.vue.js";
|
|
20
|
+
import { default as z } from "./RadioButton/RadioButton.vue.js";
|
|
21
|
+
import { default as G } from "./Search/Search.vue.js";
|
|
22
|
+
import { AtSelect as J } from "./Select/index.js";
|
|
23
|
+
import { default as O } from "./Skeleton/Skeleton.vue.js";
|
|
24
|
+
import { default as V } from "./Stepper/Stepper.vue.js";
|
|
25
|
+
import { default as Y } from "./TableConfig/TableConfig.vue.js";
|
|
26
|
+
import { default as _ } from "./Tabs/Tabs.vue.js";
|
|
27
|
+
import { default as tt } from "./Tag/Tag.vue.js";
|
|
28
|
+
import { AtTipograph as et } from "./Tipograph/index.js";
|
|
29
|
+
import { default as at } from "./Toggle/Toggle.vue.js";
|
|
30
|
+
import { default as lt } from "./Tooltip/Tooltip.vue.js";
|
|
31
|
+
import { default as st } from "./Upload/Upload.vue.js";
|
|
30
32
|
export {
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
33
|
+
e as AtAccordion,
|
|
34
|
+
a as AtAvatar,
|
|
35
|
+
l as AtButton,
|
|
34
36
|
s as AtCardWithInsights,
|
|
35
37
|
x as AtCheckbox,
|
|
36
38
|
i as AtDataTable,
|
|
37
|
-
|
|
39
|
+
g as AtDatePicker,
|
|
38
40
|
b as AtFilter,
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
M as
|
|
44
|
-
v as
|
|
45
|
-
R as
|
|
46
|
-
W as
|
|
47
|
-
w as
|
|
48
|
-
z as
|
|
49
|
-
G as
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
Y as
|
|
53
|
-
_ as
|
|
54
|
-
tt as
|
|
55
|
-
|
|
41
|
+
C as AtIllustration,
|
|
42
|
+
B as AtInput,
|
|
43
|
+
L as AtLegend,
|
|
44
|
+
D as AtList,
|
|
45
|
+
M as AtLoading,
|
|
46
|
+
v as AtMap,
|
|
47
|
+
R as AtModal,
|
|
48
|
+
W as AtNotifications,
|
|
49
|
+
w as AtProgressBar,
|
|
50
|
+
z as AtRadioButton,
|
|
51
|
+
G as AtSearch,
|
|
52
|
+
J as AtSelect,
|
|
53
|
+
O as AtSkeleton,
|
|
54
|
+
Y as AtTableConfig,
|
|
55
|
+
_ as AtTabs,
|
|
56
|
+
tt as AtTag,
|
|
57
|
+
et as AtTipograph,
|
|
58
|
+
at as AtToggle,
|
|
59
|
+
lt as AtTooltip,
|
|
56
60
|
u as ColorPicker,
|
|
57
61
|
T as Faq,
|
|
58
|
-
|
|
59
|
-
|
|
62
|
+
V as Stepper,
|
|
63
|
+
st as Upload
|
|
60
64
|
};
|