|
@@ -1,4 +1,4 @@
|
|
|
-import { defineComponent as Y, createVNode as m, computed as O, resolveComponent as G, openBlock as x, createElementBlock as H, normalizeStyle as F, withCtx as P, createElementVNode as B, toDisplayString as Z, renderSlot as R, createCommentVNode as T, Fragment as tt, renderList as et, createBlock as L, normalizeClass as at, createTextVNode as K } from "vue";
|
|
|
|
|
|
|
+import { defineComponent as Y, createVNode as p, computed as O, resolveComponent as j, openBlock as x, createElementBlock as H, withCtx as P, createElementVNode as B, toDisplayString as Z, renderSlot as R, createCommentVNode as T, Fragment as tt, renderList as et, createBlock as L, normalizeClass as at, normalizeStyle as G, createTextVNode as K } from "vue";
|
|
|
import { c as U, _ as z, o as nt, a2 as X, P as g, ap as ct, a4 as D, a3 as ot, ac as dt, d as c, q as pt, t as mt, g as gt, m as ht, r as ut, i as ft, u as $t, aq as St, ar as bt, as as yt, at as vt, j as Ct, a1 as It, a9 as xt, l as wt, au as _t, av as Tt, U as zt, aw as Ht } from "./index2.js";
|
|
import { c as U, _ as z, o as nt, a2 as X, P as g, ap as ct, a4 as D, a3 as ot, ac as dt, d as c, q as pt, t as mt, g as gt, m as ht, r as ut, i as ft, u as $t, aq as St, ar as bt, as as yt, at as vt, j as Ct, a1 as It, a9 as xt, l as wt, au as _t, av as Tt, U as zt, aw as Ht } from "./index2.js";
|
|
|
import { P as Bt } from "./index18.js";
|
|
import { P as Bt } from "./index18.js";
|
|
|
function it(t) {
|
|
function it(t) {
|
|
@@ -50,32 +50,32 @@ const rt = () => ({
|
|
|
emit: n,
|
|
emit: n,
|
|
|
attrs: o
|
|
attrs: o
|
|
|
} = e;
|
|
} = e;
|
|
|
- const r = (p) => {
|
|
|
|
|
- n("click", p), n("stepClick", t.stepIndex);
|
|
|
|
|
- }, u = (p) => {
|
|
|
|
|
|
|
+ const r = (d) => {
|
|
|
|
|
+ n("click", d), n("stepClick", t.stepIndex);
|
|
|
|
|
+ }, u = (d) => {
|
|
|
let {
|
|
let {
|
|
|
icon: s,
|
|
icon: s,
|
|
|
title: a,
|
|
title: a,
|
|
|
description: f
|
|
description: f
|
|
|
- } = p;
|
|
|
|
|
|
|
+ } = d;
|
|
|
const {
|
|
const {
|
|
|
prefixCls: l,
|
|
prefixCls: l,
|
|
|
stepNumber: I,
|
|
stepNumber: I,
|
|
|
status: h,
|
|
status: h,
|
|
|
iconPrefix: y,
|
|
iconPrefix: y,
|
|
|
- icons: d,
|
|
|
|
|
|
|
+ icons: m,
|
|
|
progressDot: $ = i.progressDot,
|
|
progressDot: $ = i.progressDot,
|
|
|
stepIcon: _ = i.stepIcon
|
|
stepIcon: _ = i.stepIcon
|
|
|
} = t;
|
|
} = t;
|
|
|
let S;
|
|
let S;
|
|
|
const v = U(`${l}-icon`, `${y}icon`, {
|
|
const v = U(`${l}-icon`, `${y}icon`, {
|
|
|
[`${y}icon-${s}`]: s && it(s),
|
|
[`${y}icon-${s}`]: s && it(s),
|
|
|
- [`${y}icon-check`]: !s && h === "finish" && (d && !d.finish || !d),
|
|
|
|
|
- [`${y}icon-cross`]: !s && h === "error" && (d && !d.error || !d)
|
|
|
|
|
- }), b = m("span", {
|
|
|
|
|
|
|
+ [`${y}icon-check`]: !s && h === "finish" && (m && !m.finish || !m),
|
|
|
|
|
+ [`${y}icon-cross`]: !s && h === "error" && (m && !m.error || !m)
|
|
|
|
|
+ }), b = p("span", {
|
|
|
class: `${l}-icon-dot`
|
|
class: `${l}-icon-dot`
|
|
|
}, null);
|
|
}, null);
|
|
|
- return $ ? typeof $ == "function" ? S = m("span", {
|
|
|
|
|
|
|
+ return $ ? typeof $ == "function" ? S = p("span", {
|
|
|
class: `${l}-icon`
|
|
class: `${l}-icon`
|
|
|
}, [$({
|
|
}, [$({
|
|
|
iconDot: b,
|
|
iconDot: b,
|
|
@@ -84,17 +84,17 @@ const rt = () => ({
|
|
|
title: a,
|
|
title: a,
|
|
|
description: f,
|
|
description: f,
|
|
|
prefixCls: l
|
|
prefixCls: l
|
|
|
- })]) : S = m("span", {
|
|
|
|
|
|
|
+ })]) : S = p("span", {
|
|
|
class: `${l}-icon`
|
|
class: `${l}-icon`
|
|
|
- }, [b]) : s && !it(s) ? S = m("span", {
|
|
|
|
|
|
|
+ }, [b]) : s && !it(s) ? S = p("span", {
|
|
|
class: `${l}-icon`
|
|
class: `${l}-icon`
|
|
|
- }, [s]) : d && d.finish && h === "finish" ? S = m("span", {
|
|
|
|
|
|
|
+ }, [s]) : m && m.finish && h === "finish" ? S = p("span", {
|
|
|
class: `${l}-icon`
|
|
class: `${l}-icon`
|
|
|
- }, [d.finish]) : d && d.error && h === "error" ? S = m("span", {
|
|
|
|
|
|
|
+ }, [m.finish]) : m && m.error && h === "error" ? S = p("span", {
|
|
|
class: `${l}-icon`
|
|
class: `${l}-icon`
|
|
|
- }, [d.error]) : s || h === "finish" || h === "error" ? S = m("span", {
|
|
|
|
|
|
|
+ }, [m.error]) : s || h === "finish" || h === "error" ? S = p("span", {
|
|
|
class: v
|
|
class: v
|
|
|
- }, null) : S = m("span", {
|
|
|
|
|
|
|
+ }, null) : S = p("span", {
|
|
|
class: `${l}-icon`
|
|
class: `${l}-icon`
|
|
|
}, [I]), _ && (S = _({
|
|
}, [I]), _ && (S = _({
|
|
|
index: I - 1,
|
|
index: I - 1,
|
|
@@ -105,16 +105,16 @@ const rt = () => ({
|
|
|
})), S;
|
|
})), S;
|
|
|
};
|
|
};
|
|
|
return () => {
|
|
return () => {
|
|
|
- var p, s, a, f;
|
|
|
|
|
|
|
+ var d, s, a, f;
|
|
|
const {
|
|
const {
|
|
|
prefixCls: l,
|
|
prefixCls: l,
|
|
|
itemWidth: I,
|
|
itemWidth: I,
|
|
|
active: h,
|
|
active: h,
|
|
|
status: y = "wait",
|
|
status: y = "wait",
|
|
|
- tailContent: d,
|
|
|
|
|
|
|
+ tailContent: m,
|
|
|
adjustMarginRight: $,
|
|
adjustMarginRight: $,
|
|
|
disabled: _,
|
|
disabled: _,
|
|
|
- title: S = (p = i.title) === null || p === void 0 ? void 0 : p.call(i),
|
|
|
|
|
|
|
+ title: S = (d = i.title) === null || d === void 0 ? void 0 : d.call(i),
|
|
|
description: v = (s = i.description) === null || s === void 0 ? void 0 : s.call(i),
|
|
description: v = (s = i.description) === null || s === void 0 ? void 0 : s.call(i),
|
|
|
subTitle: b = (a = i.subTitle) === null || a === void 0 ? void 0 : a.call(i),
|
|
subTitle: b = (a = i.subTitle) === null || a === void 0 ? void 0 : a.call(i),
|
|
|
icon: C = (f = i.icon) === null || f === void 0 ? void 0 : f.call(i),
|
|
icon: C = (f = i.icon) === null || f === void 0 ? void 0 : f.call(i),
|
|
@@ -130,30 +130,30 @@ const rt = () => ({
|
|
|
onClick: w || Dt
|
|
onClick: w || Dt
|
|
|
};
|
|
};
|
|
|
W && !_ && (M.role = "button", M.tabindex = 0, M.onClick = r);
|
|
W && !_ && (M.role = "button", M.tabindex = 0, M.onClick = r);
|
|
|
- const j = m("div", z(z({}, nt(o, ["__legacy"])), {}, {
|
|
|
|
|
|
|
+ const F = p("div", z(z({}, nt(o, ["__legacy"])), {}, {
|
|
|
class: [Q, o.class],
|
|
class: [Q, o.class],
|
|
|
style: [o.style, N]
|
|
style: [o.style, N]
|
|
|
- }), [m("div", z(z({}, M), {}, {
|
|
|
|
|
|
|
+ }), [p("div", z(z({}, M), {}, {
|
|
|
class: `${l}-item-container`
|
|
class: `${l}-item-container`
|
|
|
- }), [m("div", {
|
|
|
|
|
|
|
+ }), [p("div", {
|
|
|
class: `${l}-item-tail`
|
|
class: `${l}-item-tail`
|
|
|
- }, [d]), m("div", {
|
|
|
|
|
|
|
+ }, [m]), p("div", {
|
|
|
class: `${l}-item-icon`
|
|
class: `${l}-item-icon`
|
|
|
}, [u({
|
|
}, [u({
|
|
|
icon: C,
|
|
icon: C,
|
|
|
title: S,
|
|
title: S,
|
|
|
description: v
|
|
description: v
|
|
|
- })]), m("div", {
|
|
|
|
|
|
|
+ })]), p("div", {
|
|
|
class: `${l}-item-content`
|
|
class: `${l}-item-content`
|
|
|
- }, [m("div", {
|
|
|
|
|
|
|
+ }, [p("div", {
|
|
|
class: `${l}-item-title`
|
|
class: `${l}-item-title`
|
|
|
- }, [S, b && m("div", {
|
|
|
|
|
|
|
+ }, [S, b && p("div", {
|
|
|
title: typeof b == "string" ? b : void 0,
|
|
title: typeof b == "string" ? b : void 0,
|
|
|
class: `${l}-item-subtitle`
|
|
class: `${l}-item-subtitle`
|
|
|
- }, [b])]), v && m("div", {
|
|
|
|
|
|
|
+ }, [b])]), v && p("div", {
|
|
|
class: `${l}-item-description`
|
|
class: `${l}-item-description`
|
|
|
}, [v])])])]);
|
|
}, [v])])])]);
|
|
|
- return t.itemRender ? t.itemRender(j) : j;
|
|
|
|
|
|
|
+ return t.itemRender ? t.itemRender(F) : F;
|
|
|
};
|
|
};
|
|
|
}
|
|
}
|
|
|
});
|
|
});
|
|
@@ -195,24 +195,24 @@ const Pt = Y({
|
|
|
slots: i,
|
|
slots: i,
|
|
|
emit: n
|
|
emit: n
|
|
|
} = e;
|
|
} = e;
|
|
|
- const o = (p) => {
|
|
|
|
|
|
|
+ const o = (d) => {
|
|
|
const {
|
|
const {
|
|
|
current: s
|
|
current: s
|
|
|
} = t;
|
|
} = t;
|
|
|
- s !== p && n("change", p);
|
|
|
|
|
- }, r = (p, s, a) => {
|
|
|
|
|
|
|
+ s !== d && n("change", d);
|
|
|
|
|
+ }, r = (d, s, a) => {
|
|
|
const {
|
|
const {
|
|
|
prefixCls: f,
|
|
prefixCls: f,
|
|
|
iconPrefix: l,
|
|
iconPrefix: l,
|
|
|
status: I,
|
|
status: I,
|
|
|
current: h,
|
|
current: h,
|
|
|
initial: y,
|
|
initial: y,
|
|
|
- icons: d,
|
|
|
|
|
|
|
+ icons: m,
|
|
|
stepIcon: $ = i.stepIcon,
|
|
stepIcon: $ = i.stepIcon,
|
|
|
isInline: _,
|
|
isInline: _,
|
|
|
itemRender: S,
|
|
itemRender: S,
|
|
|
progressDot: v = i.progressDot
|
|
progressDot: v = i.progressDot
|
|
|
- } = t, b = _ || v, C = c(c({}, p), {
|
|
|
|
|
|
|
+ } = t, b = _ || v, C = c(c({}, d), {
|
|
|
class: ""
|
|
class: ""
|
|
|
}), w = y + s, W = {
|
|
}), w = y + s, W = {
|
|
|
active: w === h,
|
|
active: w === h,
|
|
@@ -223,15 +223,15 @@ const Pt = Y({
|
|
|
iconPrefix: l,
|
|
iconPrefix: l,
|
|
|
progressDot: b,
|
|
progressDot: b,
|
|
|
stepIcon: $,
|
|
stepIcon: $,
|
|
|
- icons: d,
|
|
|
|
|
|
|
+ icons: m,
|
|
|
onStepClick: o
|
|
onStepClick: o
|
|
|
};
|
|
};
|
|
|
- return I === "error" && s === h - 1 && (C.class = `${f}-next-error`), C.status || (w === h ? C.status = I : w < h ? C.status = "finish" : C.status = "wait"), _ && (C.icon = void 0, C.subTitle = void 0), a ? a(c(c({}, C), W)) : (S && (C.itemRender = (A) => S(C, A)), m(st, z(z(z({}, C), W), {}, {
|
|
|
|
|
|
|
+ return I === "error" && s === h - 1 && (C.class = `${f}-next-error`), C.status || (w === h ? C.status = I : w < h ? C.status = "finish" : C.status = "wait"), _ && (C.icon = void 0, C.subTitle = void 0), a ? a(c(c({}, C), W)) : (S && (C.itemRender = (A) => S(C, A)), p(st, z(z(z({}, C), W), {}, {
|
|
|
__legacy: !1
|
|
__legacy: !1
|
|
|
}), null));
|
|
}), null));
|
|
|
- }, u = (p, s) => r(c({}, p.props), s, (a) => pt(p, a));
|
|
|
|
|
|
|
+ }, u = (d, s) => r(c({}, d.props), s, (a) => pt(d, a));
|
|
|
return () => {
|
|
return () => {
|
|
|
- var p;
|
|
|
|
|
|
|
+ var d;
|
|
|
const {
|
|
const {
|
|
|
prefixCls: s,
|
|
prefixCls: s,
|
|
|
direction: a,
|
|
direction: a,
|
|
@@ -240,23 +240,23 @@ const Pt = Y({
|
|
|
iconPrefix: I,
|
|
iconPrefix: I,
|
|
|
status: h,
|
|
status: h,
|
|
|
size: y,
|
|
size: y,
|
|
|
- current: d,
|
|
|
|
|
|
|
+ current: m,
|
|
|
progressDot: $ = i.progressDot,
|
|
progressDot: $ = i.progressDot,
|
|
|
initial: _,
|
|
initial: _,
|
|
|
icons: S,
|
|
icons: S,
|
|
|
items: v,
|
|
items: v,
|
|
|
isInline: b,
|
|
isInline: b,
|
|
|
itemRender: C
|
|
itemRender: C
|
|
|
- } = t, w = Wt(t, ["prefixCls", "direction", "type", "labelPlacement", "iconPrefix", "status", "size", "current", "progressDot", "initial", "icons", "items", "isInline", "itemRender"]), W = f === "navigation", A = b || $, Q = b ? "horizontal" : a, N = b ? void 0 : y, M = A ? "vertical" : l, j = U(s, `${s}-${a}`, {
|
|
|
|
|
|
|
+ } = t, w = Wt(t, ["prefixCls", "direction", "type", "labelPlacement", "iconPrefix", "status", "size", "current", "progressDot", "initial", "icons", "items", "isInline", "itemRender"]), W = f === "navigation", A = b || $, Q = b ? "horizontal" : a, N = b ? void 0 : y, M = A ? "vertical" : l, F = U(s, `${s}-${a}`, {
|
|
|
[`${s}-${N}`]: N,
|
|
[`${s}-${N}`]: N,
|
|
|
[`${s}-label-${M}`]: Q === "horizontal",
|
|
[`${s}-label-${M}`]: Q === "horizontal",
|
|
|
[`${s}-dot`]: !!A,
|
|
[`${s}-dot`]: !!A,
|
|
|
[`${s}-navigation`]: W,
|
|
[`${s}-navigation`]: W,
|
|
|
[`${s}-inline`]: b
|
|
[`${s}-inline`]: b
|
|
|
});
|
|
});
|
|
|
- return m("div", z({
|
|
|
|
|
- class: j
|
|
|
|
|
- }, w), [v.filter((J) => J).map((J, lt) => r(J, lt)), dt((p = i.default) === null || p === void 0 ? void 0 : p.call(i)).map(u)]);
|
|
|
|
|
|
|
+ return p("div", z({
|
|
|
|
|
+ class: F
|
|
|
|
|
+ }, w), [v.filter((J) => J).map((J, lt) => r(J, lt)), dt((d = i.default) === null || d === void 0 ? void 0 : d.call(i)).map(u)]);
|
|
|
};
|
|
};
|
|
|
}
|
|
}
|
|
|
}), Xt = (t) => {
|
|
}), Xt = (t) => {
|
|
@@ -892,10 +892,10 @@ var E;
|
|
|
t.wait = "wait", t.process = "process", t.finish = "finish", t.error = "error";
|
|
t.wait = "wait", t.process = "process", t.finish = "finish", t.error = "error";
|
|
|
})(E || (E = {}));
|
|
})(E || (E = {}));
|
|
|
const V = (t, e) => {
|
|
const V = (t, e) => {
|
|
|
- const i = `${e.componentCls}-item`, n = `${t}IconColor`, o = `${t}TitleColor`, r = `${t}DescriptionColor`, u = `${t}TailColor`, p = `${t}IconBgColor`, s = `${t}IconBorderColor`, a = `${t}DotColor`;
|
|
|
|
|
|
|
+ const i = `${e.componentCls}-item`, n = `${t}IconColor`, o = `${t}TitleColor`, r = `${t}DescriptionColor`, u = `${t}TailColor`, d = `${t}IconBgColor`, s = `${t}IconBorderColor`, a = `${t}DotColor`;
|
|
|
return {
|
|
return {
|
|
|
[`${i}-${t} ${i}-icon`]: {
|
|
[`${i}-${t} ${i}-icon`]: {
|
|
|
- backgroundColor: e[p],
|
|
|
|
|
|
|
+ backgroundColor: e[d],
|
|
|
borderColor: e[s],
|
|
borderColor: e[s],
|
|
|
[`> ${e.componentCls}-icon`]: {
|
|
[`> ${e.componentCls}-icon`]: {
|
|
|
color: e[n],
|
|
color: e[n],
|
|
@@ -1102,7 +1102,7 @@ const V = (t, e) => {
|
|
|
fontSize: o,
|
|
fontSize: o,
|
|
|
controlHeight: r,
|
|
controlHeight: r,
|
|
|
controlHeightLG: u,
|
|
controlHeightLG: u,
|
|
|
- colorTextLightSolid: p,
|
|
|
|
|
|
|
+ colorTextLightSolid: d,
|
|
|
colorText: s,
|
|
colorText: s,
|
|
|
colorPrimary: a,
|
|
colorPrimary: a,
|
|
|
colorTextLabel: f,
|
|
colorTextLabel: f,
|
|
@@ -1110,7 +1110,7 @@ const V = (t, e) => {
|
|
|
colorTextQuaternary: I,
|
|
colorTextQuaternary: I,
|
|
|
colorFillContent: h,
|
|
colorFillContent: h,
|
|
|
controlItemBgActive: y,
|
|
controlItemBgActive: y,
|
|
|
- colorError: d,
|
|
|
|
|
|
|
+ colorError: m,
|
|
|
colorBgContainer: $,
|
|
colorBgContainer: $,
|
|
|
colorBorderSecondary: _
|
|
colorBorderSecondary: _
|
|
|
} = t, S = t.controlHeight, v = t.colorSplit, b = ht(t, {
|
|
} = t, S = t.controlHeight, v = t.colorSplit, b = ht(t, {
|
|
@@ -1129,7 +1129,7 @@ const V = (t, e) => {
|
|
|
stepsCurrentDotSize: u / 4,
|
|
stepsCurrentDotSize: u / 4,
|
|
|
stepsNavContentMaxWidth: "auto",
|
|
stepsNavContentMaxWidth: "auto",
|
|
|
// Steps component less variable
|
|
// Steps component less variable
|
|
|
- processIconColor: p,
|
|
|
|
|
|
|
+ processIconColor: d,
|
|
|
processTitleColor: s,
|
|
processTitleColor: s,
|
|
|
processDescriptionColor: s,
|
|
processDescriptionColor: s,
|
|
|
processIconBgColor: a,
|
|
processIconBgColor: a,
|
|
@@ -1149,13 +1149,13 @@ const V = (t, e) => {
|
|
|
finishIconBgColor: e ? $ : y,
|
|
finishIconBgColor: e ? $ : y,
|
|
|
finishIconBorderColor: e ? a : y,
|
|
finishIconBorderColor: e ? a : y,
|
|
|
finishDotColor: a,
|
|
finishDotColor: a,
|
|
|
- errorIconColor: p,
|
|
|
|
|
- errorTitleColor: d,
|
|
|
|
|
- errorDescriptionColor: d,
|
|
|
|
|
|
|
+ errorIconColor: d,
|
|
|
|
|
+ errorTitleColor: m,
|
|
|
|
|
+ errorDescriptionColor: m,
|
|
|
errorTailColor: v,
|
|
errorTailColor: v,
|
|
|
- errorIconBgColor: d,
|
|
|
|
|
- errorIconBorderColor: d,
|
|
|
|
|
- errorDotColor: d,
|
|
|
|
|
|
|
+ errorIconBgColor: m,
|
|
|
|
|
+ errorIconBorderColor: m,
|
|
|
|
|
+ errorDotColor: m,
|
|
|
stepsNavActiveColor: a,
|
|
stepsNavActiveColor: a,
|
|
|
stepsProgressSize: u,
|
|
stepsProgressSize: u,
|
|
|
// Steps inline variable
|
|
// Steps inline variable
|
|
@@ -1204,19 +1204,19 @@ const V = (t, e) => {
|
|
|
const {
|
|
const {
|
|
|
prefixCls: r,
|
|
prefixCls: r,
|
|
|
direction: u,
|
|
direction: u,
|
|
|
- configProvider: p
|
|
|
|
|
- } = $t("steps", t), [s, a] = Vt(r), [, f] = St(), l = bt(), I = O(() => t.responsive && l.value.xs ? "vertical" : t.direction), h = O(() => p.getPrefixCls("", t.iconPrefix)), y = (v) => {
|
|
|
|
|
|
|
+ configProvider: d
|
|
|
|
|
+ } = $t("steps", t), [s, a] = Vt(r), [, f] = St(), l = bt(), I = O(() => t.responsive && l.value.xs ? "vertical" : t.direction), h = O(() => d.getPrefixCls("", t.iconPrefix)), y = (v) => {
|
|
|
o("update:current", v), o("change", v);
|
|
o("update:current", v), o("change", v);
|
|
|
- }, d = O(() => t.type === "inline"), $ = O(() => d.value ? void 0 : t.percent), _ = (v) => {
|
|
|
|
|
|
|
+ }, m = O(() => t.type === "inline"), $ = O(() => m.value ? void 0 : t.percent), _ = (v) => {
|
|
|
let {
|
|
let {
|
|
|
node: b,
|
|
node: b,
|
|
|
status: C
|
|
status: C
|
|
|
} = v;
|
|
} = v;
|
|
|
if (C === "process" && t.percent !== void 0) {
|
|
if (C === "process" && t.percent !== void 0) {
|
|
|
const w = t.size === "small" ? f.value.controlHeight : f.value.controlHeightLG;
|
|
const w = t.size === "small" ? f.value.controlHeight : f.value.controlHeightLG;
|
|
|
- return m("div", {
|
|
|
|
|
|
|
+ return p("div", {
|
|
|
class: `${r.value}-progress-icon`
|
|
class: `${r.value}-progress-icon`
|
|
|
- }, [m(Bt, {
|
|
|
|
|
|
|
+ }, [p(Bt, {
|
|
|
type: "circle",
|
|
type: "circle",
|
|
|
percent: $.value,
|
|
percent: $.value,
|
|
|
size: w,
|
|
size: w,
|
|
@@ -1226,10 +1226,10 @@ const V = (t, e) => {
|
|
|
}
|
|
}
|
|
|
return b;
|
|
return b;
|
|
|
}, S = O(() => ({
|
|
}, S = O(() => ({
|
|
|
- finish: m(yt, {
|
|
|
|
|
|
|
+ finish: p(yt, {
|
|
|
class: `${r.value}-finish-icon`
|
|
class: `${r.value}-finish-icon`
|
|
|
}, null),
|
|
}, null),
|
|
|
- error: m(vt, {
|
|
|
|
|
|
|
+ error: p(vt, {
|
|
|
class: `${r.value}-error-icon`
|
|
class: `${r.value}-error-icon`
|
|
|
}, null)
|
|
}, null)
|
|
|
}));
|
|
}));
|
|
@@ -1237,12 +1237,12 @@ const V = (t, e) => {
|
|
|
const v = U({
|
|
const v = U({
|
|
|
[`${r.value}-rtl`]: u.value === "rtl",
|
|
[`${r.value}-rtl`]: u.value === "rtl",
|
|
|
[`${r.value}-with-progress`]: $.value !== void 0
|
|
[`${r.value}-with-progress`]: $.value !== void 0
|
|
|
- }, i.class, a.value), b = (C, w) => C.description ? m(xt, {
|
|
|
|
|
|
|
+ }, i.class, a.value), b = (C, w) => C.description ? p(xt, {
|
|
|
title: C.description
|
|
title: C.description
|
|
|
}, {
|
|
}, {
|
|
|
default: () => [w]
|
|
default: () => [w]
|
|
|
}) : w;
|
|
}) : w;
|
|
|
- return s(m(Pt, z(z(z({
|
|
|
|
|
|
|
+ return s(p(Pt, z(z(z({
|
|
|
icons: S.value
|
|
icons: S.value
|
|
|
}, i), nt(t, ["percent", "responsive"])), {}, {
|
|
}, i), nt(t, ["percent", "responsive"])), {}, {
|
|
|
items: t.items,
|
|
items: t.items,
|
|
@@ -1251,8 +1251,8 @@ const V = (t, e) => {
|
|
|
iconPrefix: h.value,
|
|
iconPrefix: h.value,
|
|
|
class: v,
|
|
class: v,
|
|
|
onChange: y,
|
|
onChange: y,
|
|
|
- isInline: d.value,
|
|
|
|
|
- itemRender: d.value ? b : void 0
|
|
|
|
|
|
|
+ isInline: m.value,
|
|
|
|
|
+ itemRender: m.value ? b : void 0
|
|
|
}), c({
|
|
}), c({
|
|
|
stepIcon: _
|
|
stepIcon: _
|
|
|
}, n)));
|
|
}, n)));
|
|
@@ -1273,7 +1273,6 @@ const V = (t, e) => {
|
|
|
components: {},
|
|
components: {},
|
|
|
data() {
|
|
data() {
|
|
|
return {
|
|
return {
|
|
|
- height: 0,
|
|
|
|
|
layoutHeight: 0,
|
|
layoutHeight: 0,
|
|
|
footerWitdh: 0,
|
|
footerWitdh: 0,
|
|
|
form: {},
|
|
form: {},
|
|
@@ -1354,11 +1353,11 @@ const V = (t, e) => {
|
|
|
methods: {
|
|
methods: {
|
|
|
initStyle() {
|
|
initStyle() {
|
|
|
this.$nextTick(() => {
|
|
this.$nextTick(() => {
|
|
|
- var r, u, p, s, a, f, l, I, h, y, d;
|
|
|
|
|
- const t = ((u = (r = this.$refs) == null ? void 0 : r.step) == null ? void 0 : u.offsetHeight) || 0, e = ((s = (p = this.$refs) == null ? void 0 : p.tabs) == null ? void 0 : s.offsetHeight) || 0, i = ((f = (a = this.$refs) == null ? void 0 : a.footer) == null ? void 0 : f.offsetHeight) || 0, n = ((I = (l = this.$refs) == null ? void 0 : l.tools) == null ? void 0 : I.offsetHeight) || 0;
|
|
|
|
|
- console.log("??", this.$refs.layout), this.height = ((h = this.$refs.layout) == null ? void 0 : h.offsetHeight) + "px", this.layoutHeight = ((y = this.$refs.layout) == null ? void 0 : y.offsetHeight) - i - (t > 0 ? t + 16 : 0) - e - n + "px";
|
|
|
|
|
|
|
+ var r, u, d, s, a, f, l, I, h, y;
|
|
|
|
|
+ const t = ((u = (r = this.$refs) == null ? void 0 : r.step) == null ? void 0 : u.offsetHeight) || 0, e = ((s = (d = this.$refs) == null ? void 0 : d.tabs) == null ? void 0 : s.offsetHeight) || 0, i = ((f = (a = this.$refs) == null ? void 0 : a.footer) == null ? void 0 : f.offsetHeight) || 0, n = ((I = (l = this.$refs) == null ? void 0 : l.tools) == null ? void 0 : I.offsetHeight) || 0;
|
|
|
|
|
+ this.layoutHeight = ((h = this.$refs.layout) == null ? void 0 : h.offsetHeight) - i - (t > 0 ? t + 16 : 0) - e - n + "px";
|
|
|
const o = !this.$slots.collapses || this.$slots.collapses && !this.showAnchor ? 0 : 220;
|
|
const o = !this.$slots.collapses || this.$slots.collapses && !this.showAnchor ? 0 : 220;
|
|
|
- this.footerWitdh = ((d = this.$refs.formMain) == null ? void 0 : d.offsetWidth) - o + "px";
|
|
|
|
|
|
|
+ this.footerWitdh = ((y = this.$refs.formMain) == null ? void 0 : y.offsetWidth) - o + "px";
|
|
|
});
|
|
});
|
|
|
},
|
|
},
|
|
|
isFunction(t) {
|
|
isFunction(t) {
|
|
@@ -1396,52 +1395,51 @@ const V = (t, e) => {
|
|
|
this.initStyle(), this.stepActive = this.stepDefaultActive;
|
|
this.initStyle(), this.stepActive = this.stepDefaultActive;
|
|
|
}
|
|
}
|
|
|
}, Qt = {
|
|
}, Qt = {
|
|
|
|
|
+ class: "form-layout",
|
|
|
|
|
+ ref: "layout"
|
|
|
|
|
+}, Jt = {
|
|
|
key: 0,
|
|
key: 0,
|
|
|
class: "tools",
|
|
class: "tools",
|
|
|
ref: "tools"
|
|
ref: "tools"
|
|
|
-}, Jt = { class: "row" }, Zt = { class: "title" }, kt = { class: "btns" }, te = {
|
|
|
|
|
|
|
+}, Zt = { class: "row" }, kt = { class: "title" }, te = { class: "btns" }, ee = {
|
|
|
key: 0,
|
|
key: 0,
|
|
|
class: "row sub-title-wrap",
|
|
class: "row sub-title-wrap",
|
|
|
ref: "subTitle"
|
|
ref: "subTitle"
|
|
|
-}, ee = { class: "sub-title" }, ie = {
|
|
|
|
|
|
|
+}, ie = { class: "sub-title" }, ne = {
|
|
|
key: 1,
|
|
key: 1,
|
|
|
class: "step-wrap",
|
|
class: "step-wrap",
|
|
|
ref: "step"
|
|
ref: "step"
|
|
|
-}, ne = {
|
|
|
|
|
|
|
+}, oe = {
|
|
|
key: 2,
|
|
key: 2,
|
|
|
class: "tabs-wrap",
|
|
class: "tabs-wrap",
|
|
|
ref: "tabs"
|
|
ref: "tabs"
|
|
|
-}, oe = {
|
|
|
|
|
|
|
+}, re = {
|
|
|
key: 1,
|
|
key: 1,
|
|
|
class: "collapses-content-wrap"
|
|
class: "collapses-content-wrap"
|
|
|
-}, re = {
|
|
|
|
|
|
|
+}, se = {
|
|
|
key: 0,
|
|
key: 0,
|
|
|
class: "collapses-nav"
|
|
class: "collapses-nav"
|
|
|
-}, se = { class: "modal" };
|
|
|
|
|
-function le(t, e, i, n, o, r) {
|
|
|
|
|
- const u = q, p = Ut, s = _t, a = Tt, f = G("close-outlined"), l = zt, I = G("arrow-left-outlined"), h = G("arrow-right-outlined"), y = G("save-outlined"), d = Ht;
|
|
|
|
|
- return x(), H("div", {
|
|
|
|
|
- class: "form-layout",
|
|
|
|
|
- ref: "layout",
|
|
|
|
|
- style: F({ height: o.height })
|
|
|
|
|
- }, [
|
|
|
|
|
- m(d, { spinning: i.loading }, {
|
|
|
|
|
|
|
+}, le = { class: "modal" };
|
|
|
|
|
+function ae(t, e, i, n, o, r) {
|
|
|
|
|
+ const u = q, d = Ut, s = _t, a = Tt, f = j("close-outlined"), l = zt, I = j("arrow-left-outlined"), h = j("arrow-right-outlined"), y = j("save-outlined"), m = Ht;
|
|
|
|
|
+ return x(), H("div", Qt, [
|
|
|
|
|
+ p(m, { spinning: i.loading }, {
|
|
|
default: P(() => [
|
|
default: P(() => [
|
|
|
- i.title || i.subTitle || t.$slots.otherBtns ? (x(), H("div", Qt, [
|
|
|
|
|
- B("div", Jt, [
|
|
|
|
|
- B("div", Zt, [
|
|
|
|
|
|
|
+ i.title || i.subTitle || t.$slots.otherBtns ? (x(), H("div", Jt, [
|
|
|
|
|
+ B("div", Zt, [
|
|
|
|
|
+ B("div", kt, [
|
|
|
B("span", null, Z(i.title), 1)
|
|
B("span", null, Z(i.title), 1)
|
|
|
]),
|
|
]),
|
|
|
- B("div", kt, [
|
|
|
|
|
|
|
+ B("div", te, [
|
|
|
R(t.$slots, "otherBtns", {}, void 0, !0)
|
|
R(t.$slots, "otherBtns", {}, void 0, !0)
|
|
|
])
|
|
])
|
|
|
]),
|
|
]),
|
|
|
- i.subTitle ? (x(), H("div", te, [
|
|
|
|
|
- B("div", ee, Z(i.subTitle), 1)
|
|
|
|
|
|
|
+ i.subTitle ? (x(), H("div", ee, [
|
|
|
|
|
+ B("div", ie, Z(i.subTitle), 1)
|
|
|
], 512)) : T("", !0)
|
|
], 512)) : T("", !0)
|
|
|
], 512)) : T("", !0),
|
|
], 512)) : T("", !0),
|
|
|
- i.steps && i.steps.length ? (x(), H("div", ie, [
|
|
|
|
|
- m(p, {
|
|
|
|
|
|
|
+ i.steps && i.steps.length ? (x(), H("div", ne, [
|
|
|
|
|
+ p(d, {
|
|
|
current: o.stepActive,
|
|
current: o.stepActive,
|
|
|
type: "navigation",
|
|
type: "navigation",
|
|
|
size: "small"
|
|
size: "small"
|
|
@@ -1456,8 +1454,8 @@ function le(t, e, i, n, o, r) {
|
|
|
_: 1
|
|
_: 1
|
|
|
}, 8, ["current"])
|
|
}, 8, ["current"])
|
|
|
], 512)) : T("", !0),
|
|
], 512)) : T("", !0),
|
|
|
- i.tabs && i.tabs.length ? (x(), H("div", ne, [
|
|
|
|
|
- m(a, {
|
|
|
|
|
|
|
+ i.tabs && i.tabs.length ? (x(), H("div", oe, [
|
|
|
|
|
+ p(a, {
|
|
|
"default-active-key": "1",
|
|
"default-active-key": "1",
|
|
|
onChange: r.handTabChange
|
|
onChange: r.handTabChange
|
|
|
}, {
|
|
}, {
|
|
@@ -1474,34 +1472,34 @@ function le(t, e, i, n, o, r) {
|
|
|
class: at(["form-layout-main", { whiteBg: !!t.$slots.form }]),
|
|
class: at(["form-layout-main", { whiteBg: !!t.$slots.form }]),
|
|
|
id: "form-container",
|
|
id: "form-container",
|
|
|
ref: "formMain",
|
|
ref: "formMain",
|
|
|
- style: F({ height: o.layoutHeight })
|
|
|
|
|
|
|
+ style: G({ height: o.layoutHeight })
|
|
|
}, [
|
|
}, [
|
|
|
t.$slots.form ? (x(), H("div", {
|
|
t.$slots.form ? (x(), H("div", {
|
|
|
key: 0,
|
|
key: 0,
|
|
|
class: "form-container-wrap",
|
|
class: "form-container-wrap",
|
|
|
- style: F(i.formStyle)
|
|
|
|
|
|
|
+ style: G(i.formStyle)
|
|
|
}, [
|
|
}, [
|
|
|
R(t.$slots, "form", {}, void 0, !0)
|
|
R(t.$slots, "form", {}, void 0, !0)
|
|
|
], 4)) : T("", !0),
|
|
], 4)) : T("", !0),
|
|
|
- t.$slots.collapses ? (x(), H("div", oe, [
|
|
|
|
|
|
|
+ t.$slots.collapses ? (x(), H("div", re, [
|
|
|
B("div", {
|
|
B("div", {
|
|
|
class: "collapese-container",
|
|
class: "collapese-container",
|
|
|
- style: F({ width: i.showAnchor ? "calc(100% - 220px)" : "100%" })
|
|
|
|
|
|
|
+ style: G({ width: i.showAnchor ? "calc(100% - 220px)" : "100%" })
|
|
|
}, [
|
|
}, [
|
|
|
R(t.$slots, "collapses", {}, void 0, !0)
|
|
R(t.$slots, "collapses", {}, void 0, !0)
|
|
|
], 4),
|
|
], 4),
|
|
|
- i.showAnchor && t.$slots.anchor ? (x(), H("div", re, [
|
|
|
|
|
|
|
+ i.showAnchor && t.$slots.anchor ? (x(), H("div", se, [
|
|
|
R(t.$slots, "anchor", {}, void 0, !0)
|
|
R(t.$slots, "anchor", {}, void 0, !0)
|
|
|
])) : T("", !0)
|
|
])) : T("", !0)
|
|
|
])) : T("", !0)
|
|
])) : T("", !0)
|
|
|
], 6),
|
|
], 6),
|
|
|
- B("div", se, [
|
|
|
|
|
|
|
+ B("div", le, [
|
|
|
R(t.$slots, "other", {}, void 0, !0)
|
|
R(t.$slots, "other", {}, void 0, !0)
|
|
|
]),
|
|
]),
|
|
|
B("div", {
|
|
B("div", {
|
|
|
class: "form-fixed-footer",
|
|
class: "form-fixed-footer",
|
|
|
ref: "footer",
|
|
ref: "footer",
|
|
|
- style: F({ width: o.footerWitdh })
|
|
|
|
|
|
|
+ style: G({ width: o.footerWitdh })
|
|
|
}, [
|
|
}, [
|
|
|
i.goBack ? (x(), L(l, {
|
|
i.goBack ? (x(), L(l, {
|
|
|
key: 0,
|
|
key: 0,
|
|
@@ -1509,7 +1507,7 @@ function le(t, e, i, n, o, r) {
|
|
|
class: "btn"
|
|
class: "btn"
|
|
|
}, {
|
|
}, {
|
|
|
default: P(() => [
|
|
default: P(() => [
|
|
|
- m(f),
|
|
|
|
|
|
|
+ p(f),
|
|
|
e[0] || (e[0] = K("取消 "))
|
|
e[0] || (e[0] = K("取消 "))
|
|
|
]),
|
|
]),
|
|
|
_: 1
|
|
_: 1
|
|
@@ -1521,7 +1519,7 @@ function le(t, e, i, n, o, r) {
|
|
|
onClick: r.handPrev
|
|
onClick: r.handPrev
|
|
|
}, {
|
|
}, {
|
|
|
default: P(() => [
|
|
default: P(() => [
|
|
|
- m(I),
|
|
|
|
|
|
|
+ p(I),
|
|
|
e[1] || (e[1] = K("上一步 "))
|
|
e[1] || (e[1] = K("上一步 "))
|
|
|
]),
|
|
]),
|
|
|
_: 1
|
|
_: 1
|
|
@@ -1534,7 +1532,7 @@ function le(t, e, i, n, o, r) {
|
|
|
onClick: r.handNext
|
|
onClick: r.handNext
|
|
|
}, {
|
|
}, {
|
|
|
default: P(() => [
|
|
default: P(() => [
|
|
|
- m(h),
|
|
|
|
|
|
|
+ p(h),
|
|
|
e[2] || (e[2] = K("下一步 "))
|
|
e[2] || (e[2] = K("下一步 "))
|
|
|
]),
|
|
]),
|
|
|
_: 1
|
|
_: 1
|
|
@@ -1546,7 +1544,7 @@ function le(t, e, i, n, o, r) {
|
|
|
onClick: r.save
|
|
onClick: r.save
|
|
|
}, {
|
|
}, {
|
|
|
default: P(() => [
|
|
default: P(() => [
|
|
|
- m(y),
|
|
|
|
|
|
|
+ p(y),
|
|
|
K(" " + Z(i.saveBtnText), 1)
|
|
K(" " + Z(i.saveBtnText), 1)
|
|
|
]),
|
|
]),
|
|
|
_: 1
|
|
_: 1
|
|
@@ -1556,9 +1554,9 @@ function le(t, e, i, n, o, r) {
|
|
|
]),
|
|
]),
|
|
|
_: 3
|
|
_: 3
|
|
|
}, 8, ["spinning"])
|
|
}, 8, ["spinning"])
|
|
|
- ], 4);
|
|
|
|
|
|
|
+ ], 512);
|
|
|
}
|
|
}
|
|
|
-const pe = /* @__PURE__ */ wt(Yt, [["render", le], ["__scopeId", "data-v-b75bce21"]]);
|
|
|
|
|
|
|
+const me = /* @__PURE__ */ wt(Yt, [["render", ae], ["__scopeId", "data-v-a58915bf"]]);
|
|
|
export {
|
|
export {
|
|
|
- pe as default
|
|
|
|
|
|
|
+ me as default
|
|
|
};
|
|
};
|