lkt-step-process 2.0.10 → 2.0.12
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/build.d.ts +3 -3
- package/dist/build.js +196 -154
- package/dist/components/ButtonNav.vue.d.ts +2 -2
- package/dist/lib-components/LktStepProcess.vue.d.ts +11697 -305
- package/package.json +5 -2
- package/src/components/ButtonNav.vue +1 -3
- package/src/lib-components/LktStepProcess.vue +71 -11
package/dist/build.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export {
|
|
2
|
-
declare namespace
|
|
3
|
-
function install(e: any,
|
|
1
|
+
export { Rt as default };
|
|
2
|
+
declare namespace Rt {
|
|
3
|
+
function install(e: any, t?: {}): void;
|
|
4
4
|
}
|
package/dist/build.js
CHANGED
|
@@ -1,48 +1,68 @@
|
|
|
1
|
-
var
|
|
2
|
-
var
|
|
3
|
-
var
|
|
4
|
-
import {
|
|
1
|
+
var de = Object.defineProperty;
|
|
2
|
+
var ve = (e, t, u) => t in e ? de(e, t, { enumerable: !0, configurable: !0, writable: !0, value: u }) : e[t] = u;
|
|
3
|
+
var n = (e, t, u) => ve(e, typeof t != "symbol" ? t + "" : t, u);
|
|
4
|
+
import { ref as k, defineComponent as ae, useSlots as re, resolveComponent as F, createElementBlock as B, openBlock as v, withDirectives as q, createCommentVNode as g, createBlock as N, mergeProps as D, vShow as Q, unref as _, renderSlot as H, normalizeProps as V, Fragment as W, renderList as ne, mergeDefaults as pe, watch as E, computed as b, onMounted as fe, normalizeClass as me, createSlots as Y, withCtx as Z, guardReactiveProps as ee, createElementVNode as ye } from "vue";
|
|
5
5
|
import "lkt-string-tools";
|
|
6
|
+
import "lkt-object-tools";
|
|
6
7
|
import "lkt-data-state";
|
|
7
|
-
var
|
|
8
|
-
constructor(
|
|
8
|
+
var ke = ((e) => (e.Button = "button", e.Submit = "submit", e.Reset = "reset", e.Anchor = "anchor", e.Content = "content", e.Switch = "switch", e.HiddenSwitch = "hidden-switch", e.Split = "split", e.SplitLazy = "split-lazy", e.SplitEver = "split-ever", e.Tooltip = "tooltip", e.TooltipLazy = "tooltip-lazy", e.TooltipEver = "tooltip-ever", e.FileUpload = "file-upload", e.ImageUpload = "image-upload", e.InvisibleWrapper = "invisible-wrapper", e.Menu = "menu", e.Tab = "tab", e))(ke || {}), he = ((e) => (e.Text = "text", e.Email = "email", e.Tel = "tel", e.Password = "password", e.Search = "search", e.Number = "number", e.Color = "color", e.Range = "range", e.Textarea = "textarea", e.Html = "html", e.Date = "date", e.Time = "time", e.DateTime = "datetime", e.File = "file", e.Image = "image", e.Select = "select", e.Check = "check", e.Switch = "switch", e.Calc = "calc", e.Card = "card", e.Table = "table", e.Radio = "radio", e.ToggleButtonGroup = "toggle-button-group", e.DayOfWeek = "day-of-week", e))(he || {}), be = ["lktDateProps", "lktStrictItem", "lktExcludedProps"], x, xe = (x = class {
|
|
9
|
+
constructor(t) {
|
|
9
10
|
}
|
|
10
|
-
feed(
|
|
11
|
-
if (typeof
|
|
11
|
+
feed(t = {}, u = this) {
|
|
12
|
+
if (typeof t == "object") for (let [r, S] of Object.entries(t)) u.assignProp(r, S);
|
|
12
13
|
}
|
|
13
|
-
assignProp(
|
|
14
|
-
if (!(
|
|
15
|
-
if (
|
|
16
|
-
this[
|
|
14
|
+
assignProp(t, u) {
|
|
15
|
+
if (!(be.includes(t) || x.lktExcludedProps.includes(t))) {
|
|
16
|
+
if (x.lktDateProps.includes(t)) {
|
|
17
|
+
this[t] = new Date(u);
|
|
17
18
|
return;
|
|
18
19
|
}
|
|
19
|
-
this[
|
|
20
|
+
this[t] = u;
|
|
20
21
|
}
|
|
21
22
|
}
|
|
22
|
-
},
|
|
23
|
-
constructor(
|
|
23
|
+
}, n(x, "lktAllowUndefinedProps", []), n(x, "lktExcludedProps", []), n(x, "lktDateProps", []), n(x, "lktStrictItem", !1), n(x, "lktDefaultValues", []), x), ge = ((e) => (e.Auto = "auto", e.Always = "always", e.Lazy = "lazy", e.Ever = "ever", e))(ge || {}), Se = ((e) => (e.Transform = "transform", e.Height = "height", e.Display = "display", e))(Se || {}), Be = ((e) => (e.Href = "href", e.RouterLink = "router-link", e.RouterLinkBack = "router-link-back", e.Mail = "mail", e.Tel = "tel", e.Tab = "tab", e.Download = "download", e.Action = "action", e.Legacy = "", e))(Be || {}), Le = ((e) => (e.Static = "static", e.Parallax = "parallax", e))(Le || {}), Ae = ((e) => (e.None = "", e.Field = "field", e.Button = "button", e.Anchor = "anchor", e.Content = "content", e.InlineDrop = "inline-drop", e.ColumnIndex = "column-index", e))(Ae || {}), Ce = ((e) => (e.Date = "date", e.Number = "number", e.Timer = "timer", e.Chrono = "chrono", e))(Ce || {}), Me = ((e) => (e.Auto = "auto", e.Progress = "progress", e))(Me || {}), Ne = ((e) => (e.A0 = "a0", e.A1 = "a1", e.A2 = "a2", e.A3 = "a3", e.A4 = "a4", e.A5 = "a5", e.A6 = "a6", e.A7 = "a7", e.A8 = "a8", e.A9 = "a9", e))(Ne || {}), De = ((e) => (e.List = "list", e.Inline = "inline", e.Count = "count", e.Table = "table", e))(De || {}), Pe = ((e) => (e.HTTPResponse = "http-response", e.MinStringLength = "min-str", e.MinNumber = "min-num", e.MaxStringLength = "max-str", e.MaxNumber = "max-num", e.Email = "email", e.Empty = "empty", e.EqualTo = "equal-to", e.MinNumbers = "min-numbers", e.MaxNumbers = "max-numbers", e.MinChars = "min-chars", e.MaxChars = "max-chars", e.MinUpperChars = "min-upper-chars", e.MaxUpperChars = "max-upper-chars", e.MinLowerChars = "min-lower-chars", e.MaxLowerChars = "max-lower-chars", e.MinSpecialChars = "min-special-chars", e.MaxSpecialChars = "max-special-chars", e))(Pe || {}), Te = ((e) => (e.Ok = "ok", e.Ko = "ko", e.Info = "info", e))(Te || {}), we = ((e) => (e.StorageUnit = "unit", e.Directory = "dir", e.Image = "img", e.Video = "vid", e.File = "file", e))(we || {}), Ie = ((e) => (e.H1 = "h1", e.H2 = "h2", e.H3 = "h3", e.H4 = "h4", e.H5 = "h5", e.H6 = "h6", e))(Ie || {}), Oe = ((e) => (e.NotDefined = "", e.Button = "button", e))(Oe || {}), Re = ((e) => (e.Start = "start", e.End = "end", e))(Re || {}), Ee = ((e) => (e.Create = "create", e.Update = "update", e.Read = "read", e))(Ee || {}), He = ((e) => (e.Inline = "inline", e.Modal = "modal", e))(He || {}), X = ((e) => (e.Top = "top", e.Bottom = "bottom", e.Hidden = "hidden", e))(X || {}), U = ((e) => (e.Changed = "changed", e.Always = "always", e.Never = "never", e))(U || {}), Ve = ((e) => (e.Manual = "manual", e.Auto = "auto", e.Delay = "delay", e))(Ve || {}), Fe = ((e) => (e.Toast = "toast", e.Inline = "inline", e.Silent = "silent", e))(Fe || {}), _e = ((e) => (e.Current = "current", e.Modifications = "modifications", e.SplitView = "split-view", e.Differences = "differences", e))(_e || {}), je = ((e) => (e.Hidden = "hidden", e.Always = "always", e.TabList = "tablist", e))(je || {}), ze = ((e) => (e.Anchor = "anchor", e.Button = "button", e.Header = "header", e.Entry = "entry", e))(ze || {}), We = ((e) => (e.Modal = "modal", e.Confirm = "confirm", e))(We || {}), Xe = ((e) => (e.Pages = "pages", e.PrevNext = "prev-next", e.PagesPrevNext = "pages-prev-next", e.PagesPrevNextFirstLast = "pages-prev-next-first-last", e.LoadMore = "load-more", e.Infinite = "infinite", e.TimelineAsc = "timeline-asc", e.TimelineDesc = "timeline-desc", e.TimelineAscDesc = "timeline-asc-desc", e))(Xe || {}), Ue = ((e) => (e.None = "", e.Incremental = "incremental", e.Decremental = "decremental", e))(Ue || {}), $e = ((e) => (e.NotDefined = "", e.Hidden = "hidden", e.Integer = "integer", e.Decimal = "decimal", e.Auto = "auto", e))($e || {}), Je = ((e) => (e.Bar = "bar", e.Circle = "circle", e))(Je || {}), z, Ge = (z = class extends xe {
|
|
24
|
+
constructor(t = {}) {
|
|
24
25
|
super();
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
this.feed(
|
|
26
|
+
n(this, "modelValue", "");
|
|
27
|
+
n(this, "loading", !1);
|
|
28
|
+
n(this, "steps", []);
|
|
29
|
+
n(this, "header", {});
|
|
30
|
+
n(this, "nextButton", {});
|
|
31
|
+
n(this, "prevButton", {});
|
|
32
|
+
n(this, "buttonNavPosition", "top");
|
|
33
|
+
n(this, "buttonNavVisibility", "always");
|
|
34
|
+
this.feed(t);
|
|
34
35
|
}
|
|
35
|
-
},
|
|
36
|
-
|
|
37
|
-
|
|
36
|
+
}, n(z, "lktDefaultValues", ["modelValue", "loading", "steps", "header", "nextButton", "prevButton", "buttonNavPosition", "buttonNavVisibility"]), z), Ke = ((e) => (e.Table = "table", e.Item = "item", e.Ul = "ul", e.Ol = "ol", e.Carousel = "carousel", e.Accordion = "accordion", e.Calendar = "calendar", e))(Ke || {}), qe = ((e) => (e[e.Auto = 0] = "Auto", e[e.PreferItem = 1] = "PreferItem", e[e.PreferCustomItem = 2] = "PreferCustomItem", e[e.PreferColumns = 3] = "PreferColumns", e))(qe || {}), Qe = ((e) => (e.NotDefined = "", e.ActionIcon = "action-icon", e))(Qe || {}), Ye = ((e) => (e.Message = "message", e.Button = "button", e))(Ye || {}), Ze = ((e) => (e.Left = "left", e.Center = "center", e.Right = "right", e))(Ze || {}), et = ((e) => (e.Fixed = "fixed", e.Absolute = "absolute", e))(et || {}), tt = ((e) => (e.Top = "top", e.Bottom = "bottom", e.Center = "center", e.ReferrerCenter = "referrer-center", e))(tt || {}), at = ((e) => (e.Left = "left", e.Right = "right", e.Center = "center", e.LeftCorner = "left-corner", e.RightCorner = "right-corner", e))(at || {}), rt = ((e) => (e.Relative = "relative", e.Full = "full", e))(rt || {}), nt = ((e) => (e.LktAnchor = "lkt-anchor", e.LktLayoutAccordion = "lkt-layout-accordion", e.LktTextAccordion = "lkt-text-accordion", e.LktLayoutBox = "lkt-layout-box", e.LktTextBox = "lkt-text-box", e.LktLayoutBanner = "lkt-layout-banner", e.LktTextBanner = "lkt-text-banner", e.LktButton = "lkt-button", e.LktLayout = "lkt-layout", e.LktHeader = "lkt-header", e.LktIcon = "lkt-icon", e.LktIcons = "lkt-icons", e.LktImage = "lkt-image", e.LktText = "lkt-text", e))(nt || {}), ot = ((e) => (e.Grid = "grid", e.FlexRow = "flex-row", e.FlexRows = "flex-rows", e.FlexColumn = "flex-column", e))(ot || {}), lt = ((e) => (e.Draft = "draft", e.Public = "public", e.Scheduled = "scheduled", e))(lt || {}), st = ((e) => (e[e.XXS = 1] = "XXS", e[e.XS = 2] = "XS", e[e.SM = 3] = "SM", e[e.MD = 4] = "MD", e[e.LG = 5] = "LG", e[e.XL = 6] = "XL", e[e.XXL = 7] = "XXL", e))(st || {}), ut = ((e) => (e.PrevButton = "prev", e.NextButton = "next", e.DatePicker = "datePicker", e.GoToCurrent = "goToCurrent", e))(ut || {}), it = ((e) => (e[e.Sunday = 0] = "Sunday", e[e.Monday = 1] = "Monday", e[e.Tuesday = 2] = "Tuesday", e[e.Wednesday = 3] = "Wednesday", e[e.Thursday = 4] = "Thursday", e[e.Friday = 5] = "Friday", e[e.Saturday = 6] = "Saturday", e))(it || {}), ct = ((e) => (e.None = "", e.Focus = "focus", e.Blur = "blur", e.Always = "always", e))(ct || {}), dt = ((e) => (e.Error = "error", e.Errors = "errors", e.All = "all", e))(dt || {}), vt = ((e) => (e.Message = "message", e.Inline = "inline", e))(vt || {}), pt = ((e) => (e.Auto = "auto", e.Local = "local", e.Remote = "remote", e.External = "external", e))(pt || {}), ft = ((e) => (e.Text = "text", e.Textarea = "textarea", e.Html = "html", e.Many = "many", e))(ft || {}), mt = ((e) => (e.Refresh = "refresh", e.Close = "close", e.ReOpen = "reOpen", e.Exec = "exec", e.Open = "open", e))(mt || {}), yt = ((e) => (e.Asc = "asc", e.Desc = "desc", e))(yt || {}), kt = ((e) => (e.Always = "always", e.Lazy = "lazy", e.Ever = "ever", e))(kt || {}), ht = ((e) => (e.Create = "create", e.Update = "update", e.Edit = "edit", e.Drop = "drop", e.Sort = "sort", e.SwitchEditMode = "switch-edit-mode", e.InlineEdit = "inline-edit", e.InlineCreate = "inline-create", e.ModalCreate = "modal-create", e.InlineCreateEver = "inline-create-ever", e))(ht || {}), bt = ((e) => (e.Lazy = "lazy", e.Ever = "ever", e))(bt || {}), xt = ((e) => (e.Page = "page", e.Element = "element", e))(xt || {}), p;
|
|
37
|
+
p = class {
|
|
38
|
+
}, n(p, "lktAppSize", k(4)), n(p, "lktAdminEnabled", k(!0)), n(p, "lktAppLoading", k(!0)), n(p, "lktAppReady", k(!1)), n(p, "lktAppSetup", k({})), n(p, "lktMainMenu"), n(p, "lktBottomBar"), n(p, "hasMainHeader", !0), n(p, "hasMainMenu", !0), n(p, "hasBottomBar", !0), n(p, "replaceMainMenuButtonWithBack", !1), n(p, "setup"), n(p, "mainHeader", k(void 0));
|
|
39
|
+
var d;
|
|
40
|
+
d = class {
|
|
41
|
+
static setup(t) {
|
|
42
|
+
t.firstDayOfWeek && (d.firstDayOfWeek.value = t.firstDayOfWeek), t.days && (d.days = t.days), t.months && (d.months = t.months), t.smDays && (d.smDays = t.smDays), t.smMonths && (d.smMonths = t.smMonths);
|
|
43
|
+
}
|
|
44
|
+
static getDaysAsOptions() {
|
|
45
|
+
let t = [], u = d.firstDayOfWeek.value;
|
|
46
|
+
for (let r = u; r < 7; ++r) t.push({ value: r, label: d.days[r] });
|
|
47
|
+
--u;
|
|
48
|
+
for (let r = u; r >= 0; --r) t.push({ value: r, label: d.days[r] });
|
|
49
|
+
return t;
|
|
50
|
+
}
|
|
51
|
+
}, n(d, "firstDayOfWeek", k(0)), n(d, "days", ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"]), n(d, "months", ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]), n(d, "smDays", ["Sun", "Mon", "Tu", "Wed", "Th", "Fri", "Sat"]), n(d, "smMonths", ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]);
|
|
52
|
+
var gt = ((e) => (e.Quick = "quick", e.Full = "full", e))(gt || {});
|
|
53
|
+
function St(e) {
|
|
54
|
+
let t = new e(), u = {};
|
|
38
55
|
if (!Array.isArray(e.lktDefaultValues)) throw new Error("lktDefaultValues must be a keys array.");
|
|
39
|
-
for (let
|
|
40
|
-
return
|
|
56
|
+
for (let r of e.lktDefaultValues) r in t && (u[r] = t[r]);
|
|
57
|
+
return u;
|
|
41
58
|
}
|
|
42
|
-
const
|
|
59
|
+
const Bt = { class: "lkt-step-process--nav" }, Lt = {
|
|
60
|
+
key: 1,
|
|
61
|
+
class: "lkt-step-process--nav-info"
|
|
62
|
+
}, At = {
|
|
43
63
|
key: 1,
|
|
44
64
|
class: "lkt-step-process--dots"
|
|
45
|
-
},
|
|
65
|
+
}, te = /* @__PURE__ */ ae({
|
|
46
66
|
__name: "ButtonNav",
|
|
47
67
|
props: {
|
|
48
68
|
prevButton: { type: [Object, Boolean] },
|
|
@@ -55,60 +75,54 @@ const ut = { class: "lkt-step-process--nav" }, it = { class: "lkt-step-process--
|
|
|
55
75
|
dotsNumbers: { type: Boolean }
|
|
56
76
|
},
|
|
57
77
|
emits: ["prev", "next"],
|
|
58
|
-
setup(e, { expose:
|
|
59
|
-
const
|
|
60
|
-
return
|
|
78
|
+
setup(e, { expose: t, emit: u }) {
|
|
79
|
+
const r = re(), S = k(null), L = k(null);
|
|
80
|
+
return t({
|
|
61
81
|
goNext: () => {
|
|
62
|
-
|
|
82
|
+
L.value.click();
|
|
63
83
|
},
|
|
64
84
|
goPrev: () => {
|
|
65
|
-
|
|
85
|
+
S.value.click();
|
|
66
86
|
}
|
|
67
|
-
}), (
|
|
68
|
-
const
|
|
69
|
-
return
|
|
70
|
-
|
|
87
|
+
}), (o, h) => {
|
|
88
|
+
const i = F("lkt-button"), P = F("lkt-dot");
|
|
89
|
+
return v(), B("div", Bt, [
|
|
90
|
+
o.prevButton ? q((v(), N(i, D({
|
|
71
91
|
key: 0,
|
|
72
92
|
ref_key: "prevButtonRef",
|
|
73
|
-
ref:
|
|
74
|
-
},
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
[
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
amountOfSteps:
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
(s(!0), y(O, null, Y(r.amountOfSteps, (c) => (s(), N(T, C({ ref_for: !0 }, {
|
|
88
|
-
text: r.dotsNumbers ? c : "",
|
|
89
|
-
class: c === r.currentStepIndex + 1 ? "is-active" : ""
|
|
93
|
+
ref: S
|
|
94
|
+
}, o.prevButton, { class: "is-prev-button" }), null, 16)), [
|
|
95
|
+
[Q, !o.isLoading]
|
|
96
|
+
]) : g("", !0),
|
|
97
|
+
_(r)["nav-info"] || o.dots && o.amountOfSteps > 0 ? (v(), B("div", Lt, [
|
|
98
|
+
_(r)["nav-info"] ? H(o.$slots, "nav-info", V(D({ key: 0 }, {
|
|
99
|
+
currentStep: o.currentStep,
|
|
100
|
+
currentStepIndex: o.currentStepIndex,
|
|
101
|
+
amountOfSteps: o.amountOfSteps
|
|
102
|
+
}))) : g("", !0),
|
|
103
|
+
o.dots && o.amountOfSteps > 0 ? (v(), B("div", At, [
|
|
104
|
+
(v(!0), B(W, null, ne(o.amountOfSteps, (R) => (v(), N(P, D({ ref_for: !0 }, {
|
|
105
|
+
text: o.dotsNumbers ? R : "",
|
|
106
|
+
class: R === o.currentStepIndex + 1 ? "is-active" : ""
|
|
90
107
|
}), null, 16))), 256))
|
|
91
|
-
])) :
|
|
92
|
-
]),
|
|
93
|
-
|
|
94
|
-
key:
|
|
108
|
+
])) : g("", !0)
|
|
109
|
+
])) : g("", !0),
|
|
110
|
+
o.nextButton ? q((v(), N(i, D({
|
|
111
|
+
key: 2,
|
|
95
112
|
ref_key: "nextButtonRef",
|
|
96
|
-
ref:
|
|
97
|
-
},
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
}), null, 16)), [
|
|
101
|
-
[z, !r.isLoading]
|
|
102
|
-
]) : f("", !0)
|
|
113
|
+
ref: L
|
|
114
|
+
}, o.nextButton, { class: "is-next-button" }), null, 16)), [
|
|
115
|
+
[Q, !o.isLoading]
|
|
116
|
+
]) : g("", !0)
|
|
103
117
|
]);
|
|
104
118
|
};
|
|
105
119
|
}
|
|
106
|
-
}),
|
|
120
|
+
}), Ct = {
|
|
107
121
|
key: 2,
|
|
108
122
|
class: "lkt-step-process--content"
|
|
109
|
-
},
|
|
123
|
+
}, Mt = { class: "lkt-grid-1" }, Nt = { key: 0 }, Dt = /* @__PURE__ */ ae({
|
|
110
124
|
__name: "LktStepProcess",
|
|
111
|
-
props: /* @__PURE__ */
|
|
125
|
+
props: /* @__PURE__ */ pe({
|
|
112
126
|
modelValue: {},
|
|
113
127
|
loading: { type: Boolean },
|
|
114
128
|
steps: {},
|
|
@@ -119,7 +133,7 @@ const ut = { class: "lkt-step-process--nav" }, it = { class: "lkt-step-process--
|
|
|
119
133
|
buttonNavVisibility: {},
|
|
120
134
|
dots: { type: Boolean },
|
|
121
135
|
dotsNumbers: { type: Boolean }
|
|
122
|
-
},
|
|
136
|
+
}, St(Ge)),
|
|
123
137
|
emits: [
|
|
124
138
|
"next",
|
|
125
139
|
"prev",
|
|
@@ -127,117 +141,145 @@ const ut = { class: "lkt-step-process--nav" }, it = { class: "lkt-step-process--
|
|
|
127
141
|
"update:modelValue",
|
|
128
142
|
"update:loading"
|
|
129
143
|
],
|
|
130
|
-
setup(e, { expose:
|
|
131
|
-
const
|
|
132
|
-
|
|
133
|
-
const
|
|
134
|
-
let
|
|
135
|
-
for (let
|
|
136
|
-
return
|
|
137
|
-
}),
|
|
138
|
-
var
|
|
139
|
-
if (((
|
|
144
|
+
setup(e, { expose: t, emit: u }) {
|
|
145
|
+
const r = e, S = re(), L = u, o = k(r.loading), h = k(r.modelValue), i = k(r.steps), P = k(null);
|
|
146
|
+
E(() => r.loading, (a) => o.value = a), E(() => r.modelValue, (a) => h.value = a), E(o, (a) => L("update:loading", a)), E(h, (a) => L("update:modelValue", a));
|
|
147
|
+
const R = b(() => {
|
|
148
|
+
let a = [];
|
|
149
|
+
for (let l in S) l.indexOf("step-") !== -1 && a.push(l.substring(5));
|
|
150
|
+
return a;
|
|
151
|
+
}), A = b(() => i.value.findIndex((a) => a.key === h.value)), s = b(() => i.value[A.value]), oe = b(() => A.value === 0), $ = b(() => {
|
|
152
|
+
var f, m, c, y, C, T, w, I;
|
|
153
|
+
if (((f = s.value) == null ? void 0 : f.prevButton) === !1 || r.prevButton === !1 && !((m = s.value) != null && m.prevButton) || typeof s.value == "object" && (typeof ((c = s.value) == null ? void 0 : c.prevHidden) == "function" && s.value.prevHidden(s.value, i.value) || typeof ((y = s.value) == null ? void 0 : y.prevHidden) == "boolean" && ((C = s.value) == null ? void 0 : C.prevHidden) === !0))
|
|
140
154
|
return !1;
|
|
141
|
-
let
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
155
|
+
let a = { ...r.prevButton };
|
|
156
|
+
typeof ((T = s.value) == null ? void 0 : T.prevButton) == "object" && (a = { ...a, ...(w = s.value) == null ? void 0 : w.prevButton }), typeof a.disabled > "u" && (a.disabled = oe.value);
|
|
157
|
+
const l = (I = a.events) == null ? void 0 : I.click;
|
|
158
|
+
return {
|
|
159
|
+
...a,
|
|
160
|
+
events: {
|
|
161
|
+
...a.events,
|
|
162
|
+
click: (M) => {
|
|
163
|
+
var O;
|
|
164
|
+
typeof l == "function" && l(M), ((O = M.httpResponse) == null ? void 0 : O.success) !== !1 && ce(M);
|
|
165
|
+
}
|
|
166
|
+
}
|
|
167
|
+
};
|
|
168
|
+
}), J = b(() => {
|
|
169
|
+
var f, m, c, y, C, T, w, I;
|
|
170
|
+
if (((f = s.value) == null ? void 0 : f.nextButton) === !1 || r.nextButton === !1 && !((m = s.value) != null && m.nextButton) || typeof s.value == "object" && (typeof ((c = s.value) == null ? void 0 : c.nextHidden) == "function" && s.value.nextHidden(s.value, i.value) || typeof ((y = s.value) == null ? void 0 : y.nextHidden) == "boolean" && ((C = s.value) == null ? void 0 : C.nextHidden) === !0))
|
|
146
171
|
return !1;
|
|
147
|
-
let
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
},
|
|
164
|
-
|
|
172
|
+
let a = { ...r.nextButton };
|
|
173
|
+
typeof ((T = s.value) == null ? void 0 : T.nextButton) == "object" && (a = { ...a, ...(w = s.value) == null ? void 0 : w.nextButton });
|
|
174
|
+
const l = (I = a.events) == null ? void 0 : I.click;
|
|
175
|
+
return {
|
|
176
|
+
...a,
|
|
177
|
+
events: {
|
|
178
|
+
...a.events,
|
|
179
|
+
click: (M) => {
|
|
180
|
+
var O;
|
|
181
|
+
typeof l == "function" && l(M), ((O = M.httpResponse) == null ? void 0 : O.success) !== !1 && ie(M);
|
|
182
|
+
}
|
|
183
|
+
}
|
|
184
|
+
};
|
|
185
|
+
}), le = b(() => {
|
|
186
|
+
const a = [];
|
|
187
|
+
return h.value && a.push(`step-${h.value}`), a.join(" ");
|
|
188
|
+
}), se = b(() => r.buttonNavVisibility === U.Never ? !1 : !r.buttonNavPosition || r.buttonNavPosition === X.Top), ue = b(() => r.buttonNavVisibility === U.Never ? !1 : r.buttonNavPosition === X.Bottom), j = b(() => i.value.length), G = b(() => ({
|
|
189
|
+
isLoading: o.value,
|
|
190
|
+
prevButton: $.value,
|
|
191
|
+
nextButton: J.value,
|
|
192
|
+
currentStep: h.value,
|
|
193
|
+
currentStepIndex: A.value,
|
|
194
|
+
amountOfSteps: j.value,
|
|
195
|
+
dots: r.dots,
|
|
196
|
+
dotsNumbers: r.dotsNumbers
|
|
197
|
+
})), K = b(() => typeof $.value == "object" || typeof J.value == "object" || r.dots || typeof S["nav-info"] < "u"), ie = (a) => {
|
|
198
|
+
var m;
|
|
199
|
+
let l = (m = i.value[A.value]) == null ? void 0 : m.nextKey, f = A.value + 1;
|
|
200
|
+
if (typeof l == "function" && (l = l()), typeof l == "string") {
|
|
201
|
+
let c = i.value.findIndex((y) => y.key === l);
|
|
202
|
+
c > -1 && (f = c);
|
|
203
|
+
}
|
|
204
|
+
h.value = i.value[f].key, A.value === i.value.length - 1 ? L("finish", a) : L("next", a);
|
|
205
|
+
}, ce = (a) => {
|
|
206
|
+
var m;
|
|
207
|
+
let l = (m = i.value[A.value]) == null ? void 0 : m.prevKey, f = A.value - 1;
|
|
208
|
+
if (typeof l == "function" && (l = l()), typeof l == "string") {
|
|
209
|
+
let c = i.value.findIndex((y) => y.key === l);
|
|
210
|
+
c > -1 && (f = c);
|
|
211
|
+
}
|
|
212
|
+
h.value = i.value[f].key, L("prev", a);
|
|
165
213
|
};
|
|
166
|
-
return
|
|
214
|
+
return t({
|
|
167
215
|
goNext: () => {
|
|
168
|
-
|
|
216
|
+
P.value.goNext();
|
|
169
217
|
},
|
|
170
218
|
goPrev: () => {
|
|
171
|
-
|
|
219
|
+
P.value.goPrev();
|
|
172
220
|
},
|
|
173
|
-
startLoader: () =>
|
|
174
|
-
stopLoader: () =>
|
|
175
|
-
}),
|
|
176
|
-
!
|
|
177
|
-
}), (
|
|
178
|
-
const
|
|
179
|
-
return
|
|
180
|
-
class:
|
|
221
|
+
startLoader: () => o.value = !0,
|
|
222
|
+
stopLoader: () => o.value = !1
|
|
223
|
+
}), fe(() => {
|
|
224
|
+
!h.value && i.value.length > 0 && (h.value = i.value[0].key);
|
|
225
|
+
}), (a, l) => {
|
|
226
|
+
const f = F("lkt-header"), m = F("lkt-loader");
|
|
227
|
+
return v(), B("article", {
|
|
228
|
+
class: me(["lkt-step-process", le.value])
|
|
181
229
|
}, [
|
|
182
|
-
|
|
183
|
-
|
|
230
|
+
a.header && Object.keys(a.header).length > 0 ? (v(), N(f, V(D({ key: 0 }, a.header)), null, 16)) : g("", !0),
|
|
231
|
+
se.value && K.value ? (v(), N(te, D({
|
|
184
232
|
key: 1,
|
|
185
233
|
ref_key: "navRef",
|
|
186
|
-
ref:
|
|
187
|
-
},
|
|
188
|
-
|
|
189
|
-
onNext: X
|
|
190
|
-
}), U({ _: 2 }, [
|
|
191
|
-
E(b)["nav-info"] ? {
|
|
234
|
+
ref: P
|
|
235
|
+
}, G.value), Y({ _: 2 }, [
|
|
236
|
+
_(S)["nav-info"] ? {
|
|
192
237
|
name: "nav-info",
|
|
193
|
-
fn:
|
|
194
|
-
|
|
195
|
-
currentStep:
|
|
196
|
-
currentStepIndex:
|
|
197
|
-
amountOfSteps:
|
|
238
|
+
fn: Z(({ currentStep: c, currentStepIndex: y, amountOfSteps: C }) => [
|
|
239
|
+
H(a.$slots, "nav-info", V(ee({
|
|
240
|
+
currentStep: c,
|
|
241
|
+
currentStepIndex: y,
|
|
242
|
+
amountOfSteps: j.value
|
|
198
243
|
})))
|
|
199
244
|
]),
|
|
200
245
|
key: "0"
|
|
201
246
|
} : void 0
|
|
202
|
-
]), 1040)) :
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
(
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
])) :
|
|
247
|
+
]), 1040)) : g("", !0),
|
|
248
|
+
o.value ? g("", !0) : (v(), B("div", Ct, [
|
|
249
|
+
ye("div", Mt, [
|
|
250
|
+
(v(!0), B(W, null, ne(R.value, (c) => (v(), B(W, null, [
|
|
251
|
+
c === h.value ? (v(), B("div", Nt, [
|
|
252
|
+
H(a.$slots, "step-" + c, { config: i.value })
|
|
253
|
+
])) : g("", !0)
|
|
209
254
|
], 64))), 256))
|
|
210
255
|
])
|
|
211
256
|
])),
|
|
212
|
-
|
|
213
|
-
|
|
257
|
+
o.value ? (v(), N(m, { key: 3 })) : g("", !0),
|
|
258
|
+
ue.value && K.value ? (v(), N(te, D({
|
|
214
259
|
key: 4,
|
|
215
260
|
ref_key: "navRef",
|
|
216
|
-
ref:
|
|
217
|
-
},
|
|
218
|
-
|
|
219
|
-
onNext: X
|
|
220
|
-
}), U({ _: 2 }, [
|
|
221
|
-
E(b)["nav-info"] ? {
|
|
261
|
+
ref: P
|
|
262
|
+
}, G.value), Y({ _: 2 }, [
|
|
263
|
+
_(S)["nav-info"] ? {
|
|
222
264
|
name: "nav-info",
|
|
223
|
-
fn:
|
|
224
|
-
|
|
225
|
-
currentStep:
|
|
226
|
-
currentStepIndex:
|
|
227
|
-
amountOfSteps:
|
|
265
|
+
fn: Z(({ currentStep: c, currentStepIndex: y, amountOfSteps: C }) => [
|
|
266
|
+
H(a.$slots, "nav-info", V(ee({
|
|
267
|
+
currentStep: c,
|
|
268
|
+
currentStepIndex: y,
|
|
269
|
+
amountOfSteps: j.value
|
|
228
270
|
})))
|
|
229
271
|
]),
|
|
230
272
|
key: "0"
|
|
231
273
|
} : void 0
|
|
232
|
-
]), 1040)) :
|
|
274
|
+
]), 1040)) : g("", !0)
|
|
233
275
|
], 2);
|
|
234
276
|
};
|
|
235
277
|
}
|
|
236
|
-
}),
|
|
237
|
-
install: (e,
|
|
238
|
-
e.component("lkt-step-process",
|
|
278
|
+
}), Rt = {
|
|
279
|
+
install: (e, t = {}) => {
|
|
280
|
+
e.component("lkt-step-process", Dt);
|
|
239
281
|
}
|
|
240
282
|
};
|
|
241
283
|
export {
|
|
242
|
-
|
|
284
|
+
Rt as default
|
|
243
285
|
};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { ButtonNavProps } from '../config/ButtonNavProps';
|
|
2
|
-
declare var
|
|
2
|
+
declare var __VLS_7: {
|
|
3
3
|
currentStep: string;
|
|
4
4
|
currentStepIndex: number;
|
|
5
5
|
amountOfSteps: number;
|
|
6
6
|
};
|
|
7
7
|
type __VLS_Slots = {} & {
|
|
8
|
-
'nav-info'?: (props: typeof
|
|
8
|
+
'nav-info'?: (props: typeof __VLS_7) => any;
|
|
9
9
|
};
|
|
10
10
|
declare const __VLS_component: import("vue").DefineComponent<ButtonNavProps, {
|
|
11
11
|
goNext: () => void;
|