epic-designer-gold
Version:
基于vue3的设计器,可视化开发页面表单
1,743 lines • 64.7 kB
JavaScript
import { c as _, g as wt } from "./_commonjsHelpers-BVfed4GL.js";
import { r as G } from "./_vue_commonjs-external-NwvjgbHK.js";
import { c as et, a as je, _ as T, b as Ce, l as tt, d as Pt, r as Ae, u as It, e as Ot } from "./index-D1ZL6feZ.js";
function jt(t, e) {
for (var r = 0; r < e.length; r++) {
const n = e[r];
if (typeof n != "string" && !Array.isArray(n)) {
for (const i in n)
if (i !== "default" && !(i in t)) {
const o = Object.getOwnPropertyDescriptor(n, i);
o && Object.defineProperty(t, i, o.get ? o : {
enumerable: !0,
get: () => n[i]
});
}
}
}
return Object.freeze(Object.defineProperty(t, Symbol.toStringTag, { value: "Module" }));
}
var rt = {}, nt = {}, Ee = {}, Le = {}, ue = {}, Ne = {};
Object.defineProperty(Ne, "__esModule", { value: !0 });
Ne.default = {
feedbackPadding: "4px 0 0 2px",
feedbackHeightSmall: "24px",
feedbackHeightMedium: "24px",
feedbackHeightLarge: "26px",
feedbackFontSizeSmall: "13px",
feedbackFontSizeMedium: "14px",
feedbackFontSizeLarge: "14px",
labelFontSizeLeftSmall: "14px",
labelFontSizeLeftMedium: "14px",
labelFontSizeLeftLarge: "15px",
labelFontSizeTopSmall: "13px",
labelFontSizeTopMedium: "14px",
labelFontSizeTopLarge: "14px",
labelHeightSmall: "24px",
labelHeightMedium: "26px",
labelHeightLarge: "28px",
labelPaddingVertical: "0 0 6px 2px",
labelPaddingHorizontal: "0 12px 0 0",
labelTextAlignVertical: "left",
labelTextAlignHorizontal: "right",
labelFontWeight: "400"
};
var Rt = _ && _.__importDefault || function(t) {
return t && t.__esModule ? t : { default: t };
};
Object.defineProperty(ue, "__esModule", { value: !0 });
ue.self = it;
const St = et, $t = Rt(Ne);
function it(t) {
const { heightSmall: e, heightMedium: r, heightLarge: n, textColor1: i, errorColor: o, warningColor: a, lineHeight: f, textColor3: s } = t;
return Object.assign(Object.assign({}, $t.default), { blankHeightSmall: e, blankHeightMedium: r, blankHeightLarge: n, lineHeight: f, labelTextColor: i, asteriskColor: o, feedbackTextColorError: o, feedbackTextColorWarning: a, feedbackTextColor: s });
}
const Ft = {
name: "Form",
common: St.commonLight,
self: it
};
ue.default = Ft;
Object.defineProperty(Le, "__esModule", { value: !0 });
const kt = et, xt = ue, Mt = {
name: "Form",
common: kt.commonDark,
self: xt.self
};
Le.default = Mt;
(function(t) {
var e = _ && _.__importDefault || function(i) {
return i && i.__esModule ? i : { default: i };
};
Object.defineProperty(t, "__esModule", { value: !0 }), t.formLight = t.formDark = void 0;
var r = Le;
Object.defineProperty(t, "formDark", { enumerable: !0, get: function() {
return e(r).default;
} });
var n = ue;
Object.defineProperty(t, "formLight", { enumerable: !0, get: function() {
return e(n).default;
} });
})(Ee);
var ze = {};
Object.defineProperty(ze, "__esModule", {
value: !0
});
const we = je;
ze.default = (0, we.cB)("form", [(0, we.cM)("inline", `
width: 100%;
display: inline-flex;
align-items: flex-start;
align-content: space-around;
`, [(0, we.cB)("form-item", {
width: "auto",
marginRight: "18px"
}, [(0, we.c)("&:last-child", {
marginRight: 0
})])])]);
var J = {};
Object.defineProperty(J, "__esModule", { value: !0 });
J.formItemInstsInjectionKey = J.formInjectionKey = void 0;
const at = T;
J.formInjectionKey = (0, at.createInjectionKey)("n-form");
J.formItemInstsInjectionKey = (0, at.createInjectionKey)("n-form-item-insts");
(function(t) {
var e = _ && _.__awaiter || function(l, u, d, g) {
function I(v) {
return v instanceof d ? v : new d(function(c) {
c(v);
});
}
return new (d || (d = Promise))(function(v, c) {
function p(h) {
try {
b(g.next(h));
} catch (y) {
c(y);
}
}
function m(h) {
try {
b(g.throw(h));
} catch (y) {
c(y);
}
}
function b(h) {
h.done ? v(h.value) : I(h.value).then(p, m);
}
b((g = g.apply(l, u || [])).next());
});
}, r = _ && _.__importDefault || function(l) {
return l && l.__esModule ? l : { default: l };
};
Object.defineProperty(t, "__esModule", { value: !0 }), t.formProps = void 0;
const n = G, i = Ce, o = Ee, a = T, f = r(ze), s = J;
t.formProps = Object.assign(Object.assign({}, i.useTheme.props), { inline: Boolean, labelWidth: [Number, String], labelAlign: String, labelPlacement: {
type: String,
default: "top"
}, model: {
type: Object,
default: () => {
}
}, rules: Object, disabled: Boolean, size: String, showRequireMark: {
type: Boolean,
default: void 0
}, requireMarkPlacement: String, showFeedback: {
type: Boolean,
default: !0
}, onSubmit: {
type: Function,
default: (l) => {
l.preventDefault();
}
}, showLabel: {
type: Boolean,
default: void 0
}, validateMessages: Object }), t.default = (0, n.defineComponent)({
name: "Form",
props: t.formProps,
setup(l) {
const { mergedClsPrefixRef: u } = (0, i.useConfig)(l);
(0, i.useTheme)("Form", "-form", f.default, o.formLight, l, u);
const d = {}, g = (0, n.ref)(void 0), I = (m) => {
const b = g.value;
(b === void 0 || m >= b) && (g.value = m);
};
function v(m) {
return e(this, arguments, void 0, function* (b, h = () => !0) {
return yield new Promise((y, O) => {
const R = [];
for (const M of (0, a.keysOf)(d)) {
const S = d[M];
for (const P of S)
P.path && R.push(P.internalValidate(null, h));
}
Promise.all(R).then((M) => {
const S = M.some((A) => !A.valid), P = [], F = [];
M.forEach((A) => {
var L, q;
!((L = A.errors) === null || L === void 0) && L.length && P.push(A.errors), !((q = A.warnings) === null || q === void 0) && q.length && F.push(A.warnings);
}), b && b(P.length ? P : void 0, {
warnings: F.length ? F : void 0
}), S ? O(P.length ? P : void 0) : y({
warnings: F.length ? F : void 0
});
});
});
});
}
function c() {
for (const m of (0, a.keysOf)(d)) {
const b = d[m];
for (const h of b)
h.restoreValidation();
}
}
return (0, n.provide)(s.formInjectionKey, {
props: l,
maxChildLabelWidthRef: g,
deriveMaxChildLabelWidth: I
}), (0, n.provide)(s.formItemInstsInjectionKey, { formItems: d }), Object.assign({
validate: v,
restoreValidation: c
}, {
mergedClsPrefix: u
});
},
render() {
const { mergedClsPrefix: l } = this;
return (0, n.h)("form", { class: [
`${l}-form`,
this.inline && `${l}-form--inline`
], onSubmit: this.onSubmit }, this.$slots);
}
});
})(nt);
var Re = {};
function Z() {
return Z = Object.assign ? Object.assign.bind() : function(t) {
for (var e = 1; e < arguments.length; e++) {
var r = arguments[e];
for (var n in r)
Object.prototype.hasOwnProperty.call(r, n) && (t[n] = r[n]);
}
return t;
}, Z.apply(this, arguments);
}
function qt(t, e) {
t.prototype = Object.create(e.prototype), t.prototype.constructor = t, de(t, e);
}
function Fe(t) {
return Fe = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(r) {
return r.__proto__ || Object.getPrototypeOf(r);
}, Fe(t);
}
function de(t, e) {
return de = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(n, i) {
return n.__proto__ = i, n;
}, de(t, e);
}
function Ct() {
if (typeof Reflect > "u" || !Reflect.construct || Reflect.construct.sham) return !1;
if (typeof Proxy == "function") return !0;
try {
return Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
})), !0;
} catch {
return !1;
}
}
function Oe(t, e, r) {
return Ct() ? Oe = Reflect.construct.bind() : Oe = function(i, o, a) {
var f = [null];
f.push.apply(f, o);
var s = Function.bind.apply(i, f), l = new s();
return a && de(l, a.prototype), l;
}, Oe.apply(null, arguments);
}
function At(t) {
return Function.toString.call(t).indexOf("[native code]") !== -1;
}
function ke(t) {
var e = typeof Map == "function" ? /* @__PURE__ */ new Map() : void 0;
return ke = function(n) {
if (n === null || !At(n)) return n;
if (typeof n != "function")
throw new TypeError("Super expression must either be null or a function");
if (typeof e < "u") {
if (e.has(n)) return e.get(n);
e.set(n, i);
}
function i() {
return Oe(n, arguments, Fe(this).constructor);
}
return i.prototype = Object.create(n.prototype, {
constructor: {
value: i,
enumerable: !1,
writable: !0,
configurable: !0
}
}), de(i, n);
}, ke(t);
}
var Et = /%[sdj%]/g, ot = function() {
};
typeof process < "u" && process.env && process.env.NODE_ENV !== "production" && typeof window < "u" && typeof document < "u" && (ot = function(e, r) {
typeof console < "u" && console.warn && typeof ASYNC_VALIDATOR_NO_WARNING > "u" && r.every(function(n) {
return typeof n == "string";
}) && console.warn(e, r);
});
function xe(t) {
if (!t || !t.length) return null;
var e = {};
return t.forEach(function(r) {
var n = r.field;
e[n] = e[n] || [], e[n].push(r);
}), e;
}
function V(t) {
for (var e = arguments.length, r = new Array(e > 1 ? e - 1 : 0), n = 1; n < e; n++)
r[n - 1] = arguments[n];
var i = 0, o = r.length;
if (typeof t == "function")
return t.apply(null, r);
if (typeof t == "string") {
var a = t.replace(Et, function(f) {
if (f === "%%")
return "%";
if (i >= o)
return f;
switch (f) {
case "%s":
return String(r[i++]);
case "%d":
return Number(r[i++]);
case "%j":
try {
return JSON.stringify(r[i++]);
} catch {
return "[Circular]";
}
break;
default:
return f;
}
});
return a;
}
return t;
}
function Lt(t) {
return t === "string" || t === "url" || t === "hex" || t === "email" || t === "date" || t === "pattern";
}
function E(t, e) {
return !!(t == null || e === "array" && Array.isArray(t) && !t.length || Lt(e) && typeof t == "string" && !t);
}
function Nt(t, e, r) {
var n = [], i = 0, o = t.length;
function a(f) {
n.push.apply(n, f || []), i++, i === o && r(n);
}
t.forEach(function(f) {
e(f, a);
});
}
function Ye(t, e, r) {
var n = 0, i = t.length;
function o(a) {
if (a && a.length) {
r(a);
return;
}
var f = n;
n = n + 1, f < i ? e(t[f], o) : r([]);
}
o([]);
}
function zt(t) {
var e = [];
return Object.keys(t).forEach(function(r) {
e.push.apply(e, t[r] || []);
}), e;
}
var Ue = /* @__PURE__ */ function(t) {
qt(e, t);
function e(r, n) {
var i;
return i = t.call(this, "Async Validation Error") || this, i.errors = r, i.fields = n, i;
}
return e;
}(/* @__PURE__ */ ke(Error));
function Dt(t, e, r, n, i) {
if (e.first) {
var o = new Promise(function(g, I) {
var v = function(m) {
return n(m), m.length ? I(new Ue(m, xe(m))) : g(i);
}, c = zt(t);
Ye(c, r, v);
});
return o.catch(function(g) {
return g;
}), o;
}
var a = e.firstFields === !0 ? Object.keys(t) : e.firstFields || [], f = Object.keys(t), s = f.length, l = 0, u = [], d = new Promise(function(g, I) {
var v = function(p) {
if (u.push.apply(u, p), l++, l === s)
return n(u), u.length ? I(new Ue(u, xe(u))) : g(i);
};
f.length || (n(u), g(i)), f.forEach(function(c) {
var p = t[c];
a.indexOf(c) !== -1 ? Ye(p, r, v) : Nt(p, r, v);
});
});
return d.catch(function(g) {
return g;
}), d;
}
function Vt(t) {
return !!(t && t.message !== void 0);
}
function Kt(t, e) {
for (var r = t, n = 0; n < e.length; n++) {
if (r == null)
return r;
r = r[e[n]];
}
return r;
}
function Je(t, e) {
return function(r) {
var n;
return t.fullFields ? n = Kt(e, t.fullFields) : n = e[r.field || t.fullField], Vt(r) ? (r.field = r.field || t.fullField, r.fieldValue = n, r) : {
message: typeof r == "function" ? r() : r,
fieldValue: n,
field: r.field || t.fullField
};
};
}
function Xe(t, e) {
if (e) {
for (var r in e)
if (e.hasOwnProperty(r)) {
var n = e[r];
typeof n == "object" && typeof t[r] == "object" ? t[r] = Z({}, t[r], n) : t[r] = n;
}
}
return t;
}
var st = function(e, r, n, i, o, a) {
e.required && (!n.hasOwnProperty(e.field) || E(r, a || e.type)) && i.push(V(o.messages.required, e.fullField));
}, Tt = function(e, r, n, i, o) {
(/^\s+$/.test(r) || r === "") && i.push(V(o.messages.whitespace, e.fullField));
}, Pe, Bt = function() {
if (Pe)
return Pe;
var t = "[a-fA-F\\d:]", e = function(y) {
return y && y.includeBoundaries ? "(?:(?<=\\s|^)(?=" + t + ")|(?<=" + t + ")(?=\\s|$))" : "";
}, r = "(?:25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]\\d|\\d)(?:\\.(?:25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]\\d|\\d)){3}", n = "[a-fA-F\\d]{1,4}", i = (`
(?:
(?:` + n + ":){7}(?:" + n + `|:)| // 1:2:3:4:5:6:7:: 1:2:3:4:5:6:7:8
(?:` + n + ":){6}(?:" + r + "|:" + n + `|:)| // 1:2:3:4:5:6:: 1:2:3:4:5:6::8 1:2:3:4:5:6::8 1:2:3:4:5:6::1.2.3.4
(?:` + n + ":){5}(?::" + r + "|(?::" + n + `){1,2}|:)| // 1:2:3:4:5:: 1:2:3:4:5::7:8 1:2:3:4:5::8 1:2:3:4:5::7:1.2.3.4
(?:` + n + ":){4}(?:(?::" + n + "){0,1}:" + r + "|(?::" + n + `){1,3}|:)| // 1:2:3:4:: 1:2:3:4::6:7:8 1:2:3:4::8 1:2:3:4::6:7:1.2.3.4
(?:` + n + ":){3}(?:(?::" + n + "){0,2}:" + r + "|(?::" + n + `){1,4}|:)| // 1:2:3:: 1:2:3::5:6:7:8 1:2:3::8 1:2:3::5:6:7:1.2.3.4
(?:` + n + ":){2}(?:(?::" + n + "){0,3}:" + r + "|(?::" + n + `){1,5}|:)| // 1:2:: 1:2::4:5:6:7:8 1:2::8 1:2::4:5:6:7:1.2.3.4
(?:` + n + ":){1}(?:(?::" + n + "){0,4}:" + r + "|(?::" + n + `){1,6}|:)| // 1:: 1::3:4:5:6:7:8 1::8 1::3:4:5:6:7:1.2.3.4
(?::(?:(?::` + n + "){0,5}:" + r + "|(?::" + n + `){1,7}|:)) // ::2:3:4:5:6:7:8 ::2:3:4:5:6:7:8 ::8 ::1.2.3.4
)(?:%[0-9a-zA-Z]{1,})? // %eth0 %1
`).replace(/\s*\/\/.*$/gm, "").replace(/\n/g, "").trim(), o = new RegExp("(?:^" + r + "$)|(?:^" + i + "$)"), a = new RegExp("^" + r + "$"), f = new RegExp("^" + i + "$"), s = function(y) {
return y && y.exact ? o : new RegExp("(?:" + e(y) + r + e(y) + ")|(?:" + e(y) + i + e(y) + ")", "g");
};
s.v4 = function(h) {
return h && h.exact ? a : new RegExp("" + e(h) + r + e(h), "g");
}, s.v6 = function(h) {
return h && h.exact ? f : new RegExp("" + e(h) + i + e(h), "g");
};
var l = "(?:(?:[a-z]+:)?//)", u = "(?:\\S+(?::\\S*)?@)?", d = s.v4().source, g = s.v6().source, I = "(?:(?:[a-z\\u00a1-\\uffff0-9][-_]*)*[a-z\\u00a1-\\uffff0-9]+)", v = "(?:\\.(?:[a-z\\u00a1-\\uffff0-9]-*)*[a-z\\u00a1-\\uffff0-9]+)*", c = "(?:\\.(?:[a-z\\u00a1-\\uffff]{2,}))", p = "(?::\\d{2,5})?", m = '(?:[/?#][^\\s"]*)?', b = "(?:" + l + "|www\\.)" + u + "(?:localhost|" + d + "|" + g + "|" + I + v + c + ")" + p + m;
return Pe = new RegExp("(?:^" + b + "$)", "i"), Pe;
}, Ze = {
// http://emailregex.com/
email: /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+\.)+[a-zA-Z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]{2,}))$/,
// url: new RegExp(
// '^(?!mailto:)(?:(?:http|https|ftp)://|//)(?:\\S+(?::\\S*)?@)?(?:(?:(?:[1-9]\\d?|1\\d\\d|2[01]\\d|22[0-3])(?:\\.(?:1?\\d{1,2}|2[0-4]\\d|25[0-5])){2}(?:\\.(?:[0-9]\\d?|1\\d\\d|2[0-4]\\d|25[0-4]))|(?:(?:[a-z\\u00a1-\\uffff0-9]+-*)*[a-z\\u00a1-\\uffff0-9]+)(?:\\.(?:[a-z\\u00a1-\\uffff0-9]+-*)*[a-z\\u00a1-\\uffff0-9]+)*(?:\\.(?:[a-z\\u00a1-\\uffff]{2,})))|localhost)(?::\\d{2,5})?(?:(/|\\?|#)[^\\s]*)?$',
// 'i',
// ),
hex: /^#?([a-f0-9]{6}|[a-f0-9]{3})$/i
}, fe = {
integer: function(e) {
return fe.number(e) && parseInt(e, 10) === e;
},
float: function(e) {
return fe.number(e) && !fe.integer(e);
},
array: function(e) {
return Array.isArray(e);
},
regexp: function(e) {
if (e instanceof RegExp)
return !0;
try {
return !!new RegExp(e);
} catch {
return !1;
}
},
date: function(e) {
return typeof e.getTime == "function" && typeof e.getMonth == "function" && typeof e.getYear == "function" && !isNaN(e.getTime());
},
number: function(e) {
return isNaN(e) ? !1 : typeof e == "number";
},
object: function(e) {
return typeof e == "object" && !fe.array(e);
},
method: function(e) {
return typeof e == "function";
},
email: function(e) {
return typeof e == "string" && e.length <= 320 && !!e.match(Ze.email);
},
url: function(e) {
return typeof e == "string" && e.length <= 2048 && !!e.match(Bt());
},
hex: function(e) {
return typeof e == "string" && !!e.match(Ze.hex);
}
}, Wt = function(e, r, n, i, o) {
if (e.required && r === void 0) {
st(e, r, n, i, o);
return;
}
var a = ["integer", "float", "array", "regexp", "object", "method", "email", "number", "date", "url", "hex"], f = e.type;
a.indexOf(f) > -1 ? fe[f](r) || i.push(V(o.messages.types[f], e.fullField, e.type)) : f && typeof r !== e.type && i.push(V(o.messages.types[f], e.fullField, e.type));
}, Gt = function(e, r, n, i, o) {
var a = typeof e.len == "number", f = typeof e.min == "number", s = typeof e.max == "number", l = /[\uD800-\uDBFF][\uDC00-\uDFFF]/g, u = r, d = null, g = typeof r == "number", I = typeof r == "string", v = Array.isArray(r);
if (g ? d = "number" : I ? d = "string" : v && (d = "array"), !d)
return !1;
v && (u = r.length), I && (u = r.replace(l, "_").length), a ? u !== e.len && i.push(V(o.messages[d].len, e.fullField, e.len)) : f && !s && u < e.min ? i.push(V(o.messages[d].min, e.fullField, e.min)) : s && !f && u > e.max ? i.push(V(o.messages[d].max, e.fullField, e.max)) : f && s && (u < e.min || u > e.max) && i.push(V(o.messages[d].range, e.fullField, e.min, e.max));
}, ae = "enum", Ht = function(e, r, n, i, o) {
e[ae] = Array.isArray(e[ae]) ? e[ae] : [], e[ae].indexOf(r) === -1 && i.push(V(o.messages[ae], e.fullField, e[ae].join(", ")));
}, Yt = function(e, r, n, i, o) {
if (e.pattern) {
if (e.pattern instanceof RegExp)
e.pattern.lastIndex = 0, e.pattern.test(r) || i.push(V(o.messages.pattern.mismatch, e.fullField, r, e.pattern));
else if (typeof e.pattern == "string") {
var a = new RegExp(e.pattern);
a.test(r) || i.push(V(o.messages.pattern.mismatch, e.fullField, r, e.pattern));
}
}
}, w = {
required: st,
whitespace: Tt,
type: Wt,
range: Gt,
enum: Ht,
pattern: Yt
}, Ut = function(e, r, n, i, o) {
var a = [], f = e.required || !e.required && i.hasOwnProperty(e.field);
if (f) {
if (E(r, "string") && !e.required)
return n();
w.required(e, r, i, a, o, "string"), E(r, "string") || (w.type(e, r, i, a, o), w.range(e, r, i, a, o), w.pattern(e, r, i, a, o), e.whitespace === !0 && w.whitespace(e, r, i, a, o));
}
n(a);
}, Jt = function(e, r, n, i, o) {
var a = [], f = e.required || !e.required && i.hasOwnProperty(e.field);
if (f) {
if (E(r) && !e.required)
return n();
w.required(e, r, i, a, o), r !== void 0 && w.type(e, r, i, a, o);
}
n(a);
}, Xt = function(e, r, n, i, o) {
var a = [], f = e.required || !e.required && i.hasOwnProperty(e.field);
if (f) {
if (r === "" && (r = void 0), E(r) && !e.required)
return n();
w.required(e, r, i, a, o), r !== void 0 && (w.type(e, r, i, a, o), w.range(e, r, i, a, o));
}
n(a);
}, Zt = function(e, r, n, i, o) {
var a = [], f = e.required || !e.required && i.hasOwnProperty(e.field);
if (f) {
if (E(r) && !e.required)
return n();
w.required(e, r, i, a, o), r !== void 0 && w.type(e, r, i, a, o);
}
n(a);
}, Qt = function(e, r, n, i, o) {
var a = [], f = e.required || !e.required && i.hasOwnProperty(e.field);
if (f) {
if (E(r) && !e.required)
return n();
w.required(e, r, i, a, o), E(r) || w.type(e, r, i, a, o);
}
n(a);
}, er = function(e, r, n, i, o) {
var a = [], f = e.required || !e.required && i.hasOwnProperty(e.field);
if (f) {
if (E(r) && !e.required)
return n();
w.required(e, r, i, a, o), r !== void 0 && (w.type(e, r, i, a, o), w.range(e, r, i, a, o));
}
n(a);
}, tr = function(e, r, n, i, o) {
var a = [], f = e.required || !e.required && i.hasOwnProperty(e.field);
if (f) {
if (E(r) && !e.required)
return n();
w.required(e, r, i, a, o), r !== void 0 && (w.type(e, r, i, a, o), w.range(e, r, i, a, o));
}
n(a);
}, rr = function(e, r, n, i, o) {
var a = [], f = e.required || !e.required && i.hasOwnProperty(e.field);
if (f) {
if (r == null && !e.required)
return n();
w.required(e, r, i, a, o, "array"), r != null && (w.type(e, r, i, a, o), w.range(e, r, i, a, o));
}
n(a);
}, nr = function(e, r, n, i, o) {
var a = [], f = e.required || !e.required && i.hasOwnProperty(e.field);
if (f) {
if (E(r) && !e.required)
return n();
w.required(e, r, i, a, o), r !== void 0 && w.type(e, r, i, a, o);
}
n(a);
}, ir = "enum", ar = function(e, r, n, i, o) {
var a = [], f = e.required || !e.required && i.hasOwnProperty(e.field);
if (f) {
if (E(r) && !e.required)
return n();
w.required(e, r, i, a, o), r !== void 0 && w[ir](e, r, i, a, o);
}
n(a);
}, or = function(e, r, n, i, o) {
var a = [], f = e.required || !e.required && i.hasOwnProperty(e.field);
if (f) {
if (E(r, "string") && !e.required)
return n();
w.required(e, r, i, a, o), E(r, "string") || w.pattern(e, r, i, a, o);
}
n(a);
}, sr = function(e, r, n, i, o) {
var a = [], f = e.required || !e.required && i.hasOwnProperty(e.field);
if (f) {
if (E(r, "date") && !e.required)
return n();
if (w.required(e, r, i, a, o), !E(r, "date")) {
var s;
r instanceof Date ? s = r : s = new Date(r), w.type(e, s, i, a, o), s && w.range(e, s.getTime(), i, a, o);
}
}
n(a);
}, fr = function(e, r, n, i, o) {
var a = [], f = Array.isArray(r) ? "array" : typeof r;
w.required(e, r, i, a, o, f), n(a);
}, Se = function(e, r, n, i, o) {
var a = e.type, f = [], s = e.required || !e.required && i.hasOwnProperty(e.field);
if (s) {
if (E(r, a) && !e.required)
return n();
w.required(e, r, i, f, o, a), E(r, a) || w.type(e, r, i, f, o);
}
n(f);
}, lr = function(e, r, n, i, o) {
var a = [], f = e.required || !e.required && i.hasOwnProperty(e.field);
if (f) {
if (E(r) && !e.required)
return n();
w.required(e, r, i, a, o);
}
n(a);
}, le = {
string: Ut,
method: Jt,
number: Xt,
boolean: Zt,
regexp: Qt,
integer: er,
float: tr,
array: rr,
object: nr,
enum: ar,
pattern: or,
date: sr,
url: Se,
hex: Se,
email: Se,
required: fr,
any: lr
};
function Me() {
return {
default: "Validation error on field %s",
required: "%s is required",
enum: "%s must be one of %s",
whitespace: "%s cannot be empty",
date: {
format: "%s date %s is invalid for format %s",
parse: "%s date could not be parsed, %s is invalid ",
invalid: "%s date %s is invalid"
},
types: {
string: "%s is not a %s",
method: "%s is not a %s (function)",
array: "%s is not an %s",
object: "%s is not an %s",
number: "%s is not a %s",
date: "%s is not a %s",
boolean: "%s is not a %s",
integer: "%s is not an %s",
float: "%s is not a %s",
regexp: "%s is not a valid %s",
email: "%s is not a valid %s",
url: "%s is not a valid %s",
hex: "%s is not a valid %s"
},
string: {
len: "%s must be exactly %s characters",
min: "%s must be at least %s characters",
max: "%s cannot be longer than %s characters",
range: "%s must be between %s and %s characters"
},
number: {
len: "%s must equal %s",
min: "%s cannot be less than %s",
max: "%s cannot be greater than %s",
range: "%s must be between %s and %s"
},
array: {
len: "%s must be exactly %s in length",
min: "%s cannot be less than %s in length",
max: "%s cannot be greater than %s in length",
range: "%s must be between %s and %s in length"
},
pattern: {
mismatch: "%s value %s does not match pattern %s"
},
clone: function() {
var e = JSON.parse(JSON.stringify(this));
return e.clone = this.clone, e;
}
};
}
var qe = Me(), ce = /* @__PURE__ */ function() {
function t(r) {
this.rules = null, this._messages = qe, this.define(r);
}
var e = t.prototype;
return e.define = function(n) {
var i = this;
if (!n)
throw new Error("Cannot configure a schema with no rules");
if (typeof n != "object" || Array.isArray(n))
throw new Error("Rules must be an object");
this.rules = {}, Object.keys(n).forEach(function(o) {
var a = n[o];
i.rules[o] = Array.isArray(a) ? a : [a];
});
}, e.messages = function(n) {
return n && (this._messages = Xe(Me(), n)), this._messages;
}, e.validate = function(n, i, o) {
var a = this;
i === void 0 && (i = {}), o === void 0 && (o = function() {
});
var f = n, s = i, l = o;
if (typeof s == "function" && (l = s, s = {}), !this.rules || Object.keys(this.rules).length === 0)
return l && l(null, f), Promise.resolve(f);
function u(c) {
var p = [], m = {};
function b(y) {
if (Array.isArray(y)) {
var O;
p = (O = p).concat.apply(O, y);
} else
p.push(y);
}
for (var h = 0; h < c.length; h++)
b(c[h]);
p.length ? (m = xe(p), l(p, m)) : l(null, f);
}
if (s.messages) {
var d = this.messages();
d === qe && (d = Me()), Xe(d, s.messages), s.messages = d;
} else
s.messages = this.messages();
var g = {}, I = s.keys || Object.keys(this.rules);
I.forEach(function(c) {
var p = a.rules[c], m = f[c];
p.forEach(function(b) {
var h = b;
typeof h.transform == "function" && (f === n && (f = Z({}, f)), m = f[c] = h.transform(m)), typeof h == "function" ? h = {
validator: h
} : h = Z({}, h), h.validator = a.getValidationMethod(h), h.validator && (h.field = c, h.fullField = h.fullField || c, h.type = a.getType(h), g[c] = g[c] || [], g[c].push({
rule: h,
value: m,
source: f,
field: c
}));
});
});
var v = {};
return Dt(g, s, function(c, p) {
var m = c.rule, b = (m.type === "object" || m.type === "array") && (typeof m.fields == "object" || typeof m.defaultField == "object");
b = b && (m.required || !m.required && c.value), m.field = c.field;
function h(R, M) {
return Z({}, M, {
fullField: m.fullField + "." + R,
fullFields: m.fullFields ? [].concat(m.fullFields, [R]) : [R]
});
}
function y(R) {
R === void 0 && (R = []);
var M = Array.isArray(R) ? R : [R];
!s.suppressWarning && M.length && t.warning("async-validator:", M), M.length && m.message !== void 0 && (M = [].concat(m.message));
var S = M.map(Je(m, f));
if (s.first && S.length)
return v[m.field] = 1, p(S);
if (!b)
p(S);
else {
if (m.required && !c.value)
return m.message !== void 0 ? S = [].concat(m.message).map(Je(m, f)) : s.error && (S = [s.error(m, V(s.messages.required, m.field))]), p(S);
var P = {};
m.defaultField && Object.keys(c.value).map(function(L) {
P[L] = m.defaultField;
}), P = Z({}, P, c.rule.fields);
var F = {};
Object.keys(P).forEach(function(L) {
var q = P[L], ge = Array.isArray(q) ? q : [q];
F[L] = ge.map(h.bind(null, L));
});
var A = new t(F);
A.messages(s.messages), c.rule.options && (c.rule.options.messages = s.messages, c.rule.options.error = s.error), A.validate(c.value, c.rule.options || s, function(L) {
var q = [];
S && S.length && q.push.apply(q, S), L && L.length && q.push.apply(q, L), p(q.length ? q : null);
});
}
}
var O;
if (m.asyncValidator)
O = m.asyncValidator(m, c.value, y, c.source, s);
else if (m.validator) {
try {
O = m.validator(m, c.value, y, c.source, s);
} catch (R) {
console.error == null || console.error(R), s.suppressValidatorError || setTimeout(function() {
throw R;
}, 0), y(R.message);
}
O === !0 ? y() : O === !1 ? y(typeof m.message == "function" ? m.message(m.fullField || m.field) : m.message || (m.fullField || m.field) + " fails") : O instanceof Array ? y(O) : O instanceof Error && y(O.message);
}
O && O.then && O.then(function() {
return y();
}, function(R) {
return y(R);
});
}, function(c) {
u(c);
}, f);
}, e.getType = function(n) {
if (n.type === void 0 && n.pattern instanceof RegExp && (n.type = "pattern"), typeof n.validator != "function" && n.type && !le.hasOwnProperty(n.type))
throw new Error(V("Unknown rule type %s", n.type));
return n.type || "string";
}, e.getValidationMethod = function(n) {
if (typeof n.validator == "function")
return n.validator;
var i = Object.keys(n), o = i.indexOf("message");
return o !== -1 && i.splice(o, 1), i.length === 1 && i[0] === "required" ? le.required : le[this.getType(n)] || void 0;
}, t;
}();
ce.register = function(e, r) {
if (typeof r != "function")
throw new Error("Cannot register a validator by type, validator is not a function");
le[e] = r;
};
ce.warning = ot;
ce.messages = qe;
ce.validators = le;
const dr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
__proto__: null,
default: ce
}, Symbol.toStringTag, { value: "Module" })), ur = /* @__PURE__ */ wt(dr);
var me = {};
Object.defineProperty(me, "__esModule", { value: !0 });
me.formItemSize = mr;
me.formItemMisc = gr;
me.formItemRule = pr;
const C = G, cr = tt, $e = T, De = J;
function mr(t) {
const e = (0, C.inject)(De.formInjectionKey, null);
return {
mergedSize: (0, C.computed)(() => t.size !== void 0 ? t.size : (e == null ? void 0 : e.props.size) !== void 0 ? e.props.size : "medium")
};
}
function gr(t) {
const e = (0, C.inject)(De.formInjectionKey, null), r = (0, C.computed)(() => {
const { labelPlacement: v } = t;
return v !== void 0 ? v : e != null && e.props.labelPlacement ? e.props.labelPlacement : "top";
}), n = (0, C.computed)(() => r.value === "left" && (t.labelWidth === "auto" || (e == null ? void 0 : e.props.labelWidth) === "auto")), i = (0, C.computed)(() => {
if (r.value === "top")
return;
const { labelWidth: v } = t;
if (v !== void 0 && v !== "auto")
return (0, $e.formatLength)(v);
if (n.value) {
const c = e == null ? void 0 : e.maxChildLabelWidthRef.value;
return c !== void 0 ? (0, $e.formatLength)(c) : void 0;
}
if ((e == null ? void 0 : e.props.labelWidth) !== void 0)
return (0, $e.formatLength)(e.props.labelWidth);
}), o = (0, C.computed)(() => {
const { labelAlign: v } = t;
if (v)
return v;
if (e != null && e.props.labelAlign)
return e.props.labelAlign;
}), a = (0, C.computed)(() => {
var v;
return [
(v = t.labelProps) === null || v === void 0 ? void 0 : v.style,
t.labelStyle,
{
width: i.value
}
];
}), f = (0, C.computed)(() => {
const { showRequireMark: v } = t;
return v !== void 0 ? v : e == null ? void 0 : e.props.showRequireMark;
}), s = (0, C.computed)(() => {
const { requireMarkPlacement: v } = t;
return v !== void 0 ? v : (e == null ? void 0 : e.props.requireMarkPlacement) || "right";
}), l = (0, C.ref)(!1), u = (0, C.ref)(!1), d = (0, C.computed)(() => {
const { validationStatus: v } = t;
if (v !== void 0)
return v;
if (l.value)
return "error";
if (u.value)
return "warning";
}), g = (0, C.computed)(() => {
const { showFeedback: v } = t;
return v !== void 0 ? v : (e == null ? void 0 : e.props.showFeedback) !== void 0 ? e.props.showFeedback : !0;
}), I = (0, C.computed)(() => {
const { showLabel: v } = t;
return v !== void 0 ? v : (e == null ? void 0 : e.props.showLabel) !== void 0 ? e.props.showLabel : !0;
});
return {
validationErrored: l,
validationWarned: u,
mergedLabelStyle: a,
mergedLabelPlacement: r,
mergedLabelAlign: o,
mergedShowRequireMark: f,
mergedRequireMarkPlacement: s,
mergedValidationStatus: d,
mergedShowFeedback: g,
mergedShowLabel: I,
isAutoLabelWidth: n
};
}
function pr(t) {
const e = (0, C.inject)(De.formInjectionKey, null), r = (0, C.computed)(() => {
const { rulePath: a } = t;
if (a !== void 0)
return a;
const { path: f } = t;
if (f !== void 0)
return f;
}), n = (0, C.computed)(() => {
const a = [], { rule: f } = t;
if (f !== void 0 && (Array.isArray(f) ? a.push(...f) : a.push(f)), e) {
const { rules: s } = e.props, { value: l } = r;
if (s !== void 0 && l !== void 0) {
const u = (0, cr.get)(s, l);
u !== void 0 && (Array.isArray(u) ? a.push(...u) : a.push(u));
}
}
return a;
}), i = (0, C.computed)(() => n.value.some((a) => a.required)), o = (0, C.computed)(() => i.value || t.required);
return {
mergedRules: n,
mergedRequired: o
};
}
var Ve = {}, Ke = {}, hr = _ && _.__importDefault || function(t) {
return t && t.__esModule ? t : {
default: t
};
};
Object.defineProperty(Ke, "__esModule", {
value: !0
});
Ke.fadeDownTransition = br;
const Ie = je, vr = hr(Pt), {
cubicBezierEaseInOut: Qe
} = vr.default;
function br({
name: t = "fade-down",
fromOffset: e = "-4px",
enterDuration: r = ".3s",
leaveDuration: n = ".3s",
enterCubicBezier: i = Qe,
leaveCubicBezier: o = Qe
} = {}) {
return [(0, Ie.c)(`&.${t}-transition-enter-from, &.${t}-transition-leave-to`, {
opacity: 0,
transform: `translateY(${e})`
}), (0, Ie.c)(`&.${t}-transition-enter-to, &.${t}-transition-leave-from`, {
opacity: 1,
transform: "translateY(0)"
}), (0, Ie.c)(`&.${t}-transition-leave-active`, {
transition: `opacity ${n} ${o}, transform ${n} ${o}`
}), (0, Ie.c)(`&.${t}-transition-enter-active`, {
transition: `opacity ${r} ${i}, transform ${r} ${i}`
})];
}
Object.defineProperty(Ve, "__esModule", {
value: !0
});
const x = je, yr = Ke;
Ve.default = (0, x.cB)("form-item", `
display: grid;
line-height: var(--n-line-height);
`, [(0, x.cB)("form-item-label", `
grid-area: label;
align-items: center;
line-height: 1.25;
text-align: var(--n-label-text-align);
font-size: var(--n-label-font-size);
min-height: var(--n-label-height);
padding: var(--n-label-padding);
color: var(--n-label-text-color);
transition: color .3s var(--n-bezier);
box-sizing: border-box;
font-weight: var(--n-label-font-weight);
`, [(0, x.cE)("asterisk", `
white-space: nowrap;
user-select: none;
-webkit-user-select: none;
color: var(--n-asterisk-color);
transition: color .3s var(--n-bezier);
`), (0, x.cE)("asterisk-placeholder", `
grid-area: mark;
user-select: none;
-webkit-user-select: none;
visibility: hidden;
`)]), (0, x.cB)("form-item-blank", `
grid-area: blank;
min-height: var(--n-blank-height);
`), (0, x.cM)("auto-label-width", [(0, x.cB)("form-item-label", "white-space: nowrap;")]), (0, x.cM)("left-labelled", `
grid-template-areas:
"label blank"
"label feedback";
grid-template-columns: auto minmax(0, 1fr);
grid-template-rows: auto 1fr;
align-items: flex-start;
`, [(0, x.cB)("form-item-label", `
display: grid;
grid-template-columns: 1fr auto;
min-height: var(--n-blank-height);
height: auto;
box-sizing: border-box;
flex-shrink: 0;
flex-grow: 0;
`, [(0, x.cM)("reverse-columns-space", `
grid-template-columns: auto 1fr;
`), (0, x.cM)("left-mark", `
grid-template-areas:
"mark text"
". text";
`), (0, x.cM)("right-mark", `
grid-template-areas:
"text mark"
"text .";
`), (0, x.cM)("right-hanging-mark", `
grid-template-areas:
"text mark"
"text .";
`), (0, x.cE)("text", `
grid-area: text;
`), (0, x.cE)("asterisk", `
grid-area: mark;
align-self: end;
`)])]), (0, x.cM)("top-labelled", `
grid-template-areas:
"label"
"blank"
"feedback";
grid-template-rows: minmax(var(--n-label-height), auto) 1fr;
grid-template-columns: minmax(0, 100%);
`, [(0, x.cM)("no-label", `
grid-template-areas:
"blank"
"feedback";
grid-template-rows: 1fr;
`), (0, x.cB)("form-item-label", `
display: flex;
align-items: flex-start;
justify-content: var(--n-label-text-align);
`)]), (0, x.cB)("form-item-blank", `
box-sizing: border-box;
display: flex;
align-items: center;
position: relative;
`), (0, x.cB)("form-item-feedback-wrapper", `
grid-area: feedback;
box-sizing: border-box;
min-height: var(--n-feedback-height);
font-size: var(--n-feedback-font-size);
line-height: 1.25;
transform-origin: top left;
`, [(0, x.c)("&:not(:empty)", `
padding: var(--n-feedback-padding);
`), (0, x.cB)("form-item-feedback", {
transition: "color .3s var(--n-bezier)",
color: "var(--n-feedback-text-color)"
}, [(0, x.cM)("warning", {
color: "var(--n-feedback-text-color-warning)"
}), (0, x.cM)("error", {
color: "var(--n-feedback-text-color-error)"
}), (0, yr.fadeDownTransition)({
fromOffset: "-3px",
enterDuration: ".3s",
leaveDuration: ".2s"
})])])]);
(function(t) {
var e = _ && _.__awaiter || function(c, p, m, b) {
function h(y) {
return y instanceof m ? y : new m(function(O) {
O(y);
});
}
return new (m || (m = Promise))(function(y, O) {
function R(P) {
try {
S(b.next(P));
} catch (F) {
O(F);
}
}
function M(P) {
try {
S(b.throw(P));
} catch (F) {
O(F);
}
}
function S(P) {
P.done ? y(P.value) : h(P.value).then(R, M);
}
S((b = b.apply(c, p || [])).next());
});
}, r = _ && _.__importDefault || function(c) {
return c && c.__esModule ? c : { default: c };
};
Object.defineProperty(t, "__esModule", { value: !0 }), t.formItemPropKeys = t.formItemProps = void 0;
const n = G, i = r(ur), o = tt, a = Ae, f = It, s = Ce, l = T, u = Ee, d = me, g = J, I = r(Ve);
t.formItemProps = Object.assign(Object.assign({}, s.useTheme.props), { label: String, labelWidth: [Number, String], labelStyle: [String, Object], labelAlign: String, labelPlacement: String, path: String, first: Boolean, rulePath: String, required: Boolean, showRequireMark: {
type: Boolean,
default: void 0
}, requireMarkPlacement: String, showFeedback: {
type: Boolean,
default: void 0
}, rule: [Object, Array], size: String, ignorePathChange: Boolean, validationStatus: String, feedback: String, feedbackClass: String, feedbackStyle: [String, Object], showLabel: {
type: Boolean,
default: void 0
}, labelProps: Object }), t.formItemPropKeys = (0, l.keysOf)(t.formItemProps);
function v(c, p) {
return (...m) => {
try {
const b = c(...m);
return !p && (typeof b == "boolean" || b instanceof Error || Array.isArray(b)) || b != null && b.then ? b : (b === void 0 || (0, l.warn)("form-item/validate", `You return a ${typeof b} typed value in the validator method, which is not recommended. Please use ${p ? "`Promise`" : "`boolean`, `Error` or `Promise`"} typed value instead.`), !0);
} catch (b) {
(0, l.warn)("form-item/validate", "An error is catched in the validation, so the validation won't be done. Your callback in `validate` method of `n-form` or `n-form-item` won't be called in this validation."), console.error(b);
return;
}
};
}
t.default = (0, n.defineComponent)({
name: "FormItem",
props: t.formItemProps,
setup(c) {
(0, l.useInjectionInstanceCollection)(g.formItemInstsInjectionKey, "formItems", (0, n.toRef)(c, "path"));
const { mergedClsPrefixRef: p, inlineThemeDisabled: m } = (0, s.useConfig)(c), b = (0, n.inject)(g.formInjectionKey, null), h = (0, d.formItemSize)(c), y = (0, d.formItemMisc)(c), { validationErrored: O, validationWarned: R } = y, { mergedRequired: M, mergedRules: S } = (0, d.formItemRule)(c), { mergedSize: P } = h, { mergedLabelPlacement: F, mergedLabelAlign: A, mergedRequireMarkPlacement: L } = y, q = (0, n.ref)([]), ge = (0, n.ref)((0, a.createId)()), ct = b ? (0, n.toRef)(b.props, "disabled") : (0, n.ref)(!1), mt = (0, s.useTheme)("Form", "-form-item", I.default, u.formLight, c, p);
(0, n.watch)((0, n.toRef)(c, "path"), () => {
c.ignorePathChange || pe();
});
function pe() {
q.value = [], O.value = !1, R.value = !1, c.feedback && (ge.value = (0, a.createId)());
}
const Q = (...$) => e(this, [...$], void 0, function* (D = null, B = () => !0, N = {
suppressWarning: !0
}) {
const { path: W } = c;
N ? N.first || (N.first = c.first) : N = {};
const { value: X } = S, te = b ? (0, o.get)(b.props.model, W || "") : void 0, re = {}, ne = {}, H = (D ? X.filter((j) => Array.isArray(j.trigger) ? j.trigger.includes(D) : j.trigger === D) : X).filter(B).map((j, z) => {
const k = Object.assign({}, j);
if (k.validator && (k.validator = v(k.validator, !1)), k.asyncValidator && (k.asyncValidator = v(k.asyncValidator, !0)), k.renderMessage) {
const _e = `__renderMessage__${z}`;
ne[_e] = k.message, k.message = _e, re[_e] = k.renderMessage;
}
return k;
}), Y = H.filter((j) => j.level !== "warning"), he = H.filter((j) => j.level === "warning"), K = {
valid: !0,
errors: void 0,
warnings: void 0
};
if (!H.length)
return K;
const ie = W ?? "__n_no_path__", ve = new i.default({
[ie]: Y
}), be = new i.default({
[ie]: he
}), { validateMessages: se } = (b == null ? void 0 : b.props) || {};
se && (ve.messages(se), be.messages(se));
const ye = (j) => {
q.value = j.map((z) => {
const k = (z == null ? void 0 : z.message) || "";
return {
key: k,
render: () => k.startsWith("__renderMessage__") ? re[k]() : k
};
}), j.forEach((z) => {
var k;
!((k = z.message) === null || k === void 0) && k.startsWith("__renderMessage__") && (z.message = ne[z.message]);
});
};
if (Y.length) {
const j = yield new Promise((z) => {
ve.validate({ [ie]: te }, N, z);
});
j != null && j.length && (K.valid = !1, K.errors = j, ye(j));
}
if (he.length && !K.errors) {
const j = yield new Promise((z) => {
be.validate({ [ie]: te }, N, z);
});
j != null && j.length && (ye(j), K.warnings = j);
}
return !K.errors && !K.warnings ? pe() : (O.value = !!K.errors, R.value = !!K.warnings), K;
});
function gt() {
Q("blur");
}
function pt() {
Q("change");
}
function ht() {
Q("focus");
}
function vt() {
Q("input");
}
function bt($, D) {
return e(this, void 0, void 0, function* () {
let B, N, W, X;
return typeof $ == "string" ? (B = $, N = D) : $ !== null && typeof $ == "object" && (B = $.trigger, N = $.callback, W = $.shouldRuleBeApplied, X = $.options), yield new Promise((te, re) => {
Q(B, W, X).then(({ valid: ne, errors: H, warnings: Y }) => {
ne ? (N && N(void 0, { warnings: Y }), te({ warnings: Y })) : (N && N(H, { warnings: Y }), re(H));
});
});
});
}
(0, n.provide)(f.formItemInjectionKey, {
path: (0, n.toRef)(c, "path"),
disabled: ct,
mergedSize: h.mergedSize,
mergedValidationStatus: y.mergedValidationStatus,
restoreValidation: pe,
handleContentBlur: gt,
handleContentChange: pt,
handleContentFocus: ht,
handleContentInput: vt
});
const yt = {
validate: bt,
restoreValidation: pe,
internalValidate: Q
}, Ge = (0, n.ref)(null);
(0, n.onMounted)(() => {
if (!y.isAutoLabelWidth.value)
return;
const $ = Ge.value;
if ($ !== null) {
const D = $.style.whiteSpace;
$.style.whiteSpace = "nowrap", $.style.width = "", b == null || b.deriveMaxChildLabelWidth(Number(getComputedStyle($).width.slice(0, -2))), $.style.whiteSpace = D;
}
});
const He = (0, n.computed)(() => {
var $;
const { value: D } = P, { value: B } = F, N = B === "top" ? "vertical" : "horizontal", { common: { cubicBezierEaseInOut: W }, self: { labelTextColor: X, asteriskColor: te, lineHeight: re, feedbackTextColor: ne, feedbackTextColorWarning: H, feedbackTextColorError: Y, feedbackPadding: he, labelFontWeight: K, [(0, l.createKey)("labelHeight", D)]: ie, [(0, l.createKey)("blankHeight", D)]: ve, [(0, l.createKey)("feedbackFontSize", D)]: be, [(0, l.createKey)("feedbackHeight", D)]: se, [(0, l.createKey)("labelPadding", N)]: ye, [(0, l.createKey)("labelTextAlign", N)]: j, [(0, l.createKey)((0, l.createKey)("labelFontSize", B), D)]: z } } = mt.value;
let k = ($ = A.value) !== null && $ !== void 0 ? $ : j;
return B === "top" && (k = k === "right" ? "flex-end" : "flex-start"), {
"--n-bezier": W,
"--n-line-height": re,
"--n-blank-height": ve,
"--n-label-font-size": z,
"--n-label-text-align": k,
"--n-label-height": ie,
"--n-label-padding": ye,
"--n-label-font-weight": K,
"--n-asterisk-color": te,
"--n-label-text-color": X,
"--n-feedback-padding": he,
"--n-feedback-font-size": be,
"--n-feedback-height": se,
"--n-feedback-text-color": ne,
"--n-feedback-text-color-warning": H,
"--n-feedback-text-color-error": Y
};
}), ee = m ? (0, s.useThemeClass)("form-item", (0, n.computed)(() => {
var $;
return `${P.value[0]}${F.value[0]}${(($ = A.value) === null || $ === void 0 ? void 0 : $[0]) || ""}`;
}), He, c) : void 0, _t = (0, n.computed)(() => F.value === "left" && L.value === "left" && A.value === "left");
return Object.assign(Object.assign(Object.assign(Object.assign({ labelElementRef: Ge, mergedClsPrefix: p, mergedRequired: M, feedbackId: ge, renderExplains: q, reverseColSpace: _t }, y), h), yt), { cssVars: m ? void 0 : He, themeClass: ee == null ? void 0 : ee.themeClass, onRender: ee == null ? void 0 : ee.onRender });
},
render() {
const { $slots: c, mergedClsPrefix: p, mergedShowLabel: m, mergedShowRequireMark: b, mergedRequireMarkPlacement: h, onRender: y } = this, O = b !== void 0 ? b : this.mergedRequired;
y == null || y();
const R = () => {
const M = this.$slots.label ? this.$slots.label() : this.label;
if (!M)
return null;
const S = (0, n.h)("span", { class: `${p}-form-item-label__text` }, M), P = O ? (0, n.h)("span", { class: `${p}-form-item-label__asterisk` }, h !== "left" ? " *" : "* ") : h === "right-hanging" && (0, n.h)("span", { class: `${p}-form-item-label__asterisk-placeholder` }, " *"), { labelProps: F } = this;
return (0, n.h)("label", Object.assign({}, F, { class: [
F == null ? void 0 : F.class,
`${p}-form-item-label`,
`${p}-form-item-label--${h}-mark`,
this.reverseColSpace && `${p}-form-item-label--reverse-columns-space`
], style: this.mergedLabelStyle, ref: "labelElementRef" }), h === "left" ? [P, S] : [S, P]);
};
return (0, n.h)(
"div",
{ class: [
`${p}-form-item`,
this.themeClass,
`${p}-form-item--${this.mergedSize}-size`,
`${p}-form-item--${this.mergedLabelPlacement}-labelled`,
this.isAutoLabelWidth && `${p}-form-item--auto-label-width`,
!m && `${p}-form-item--no-label`
], style: this.cssVars },
m && R(),
(0, n.h)("div", { class: [
`${p}-form-item-blank`,
this.mergedValidationStatus && `${p}-form-item-blank--${this.mergedValidationStatus}`
] }, c),
this.mergedShowFeedback ? (0, n.h)(
"div",
{ key: this.feedbackId, style: this.feedbackStyle, class: [
`${p}-form-item-feedback-wrapper`,
this.feedbackClass
] },
(0, n.h)(n.Transition, { name: "fade-down-transition", mode: "out-in" }, {
default: () => {
const { mergedValidationStatus: M } = this;
return (0, l.resolveWrappedSlot)(c.feedback, (S) => {
var P;
const { feedback: F } = this, A = S || F ? (0, n.h)("div", { key: "__feedback__", class: `${p}-form-item-feedback__line` }, S || F) : this.renderExplains.length ? (P = this.renderExplains) === null || P === void 0 ? void 0 : P.map(({ key: L, render: q }) => (0, n.h)("div", { key: L, class: `${p}-form-item-feedback__line` }, q())) : null;
return A ? M === "warning" ? (0, n.h)("div", { key: "controlled-warning", class: `${p}-form-item-feedback ${p}-form-item-feedback--warning` }, A) : M === "error" ? (0, n.h)("div", { key: "controlled-error", class: `${p}-form-item-feedback ${p}-form-item-feedback--error` }, A) : M === "success" ? (0, n.h)("div", { key: "controlled-success", class: `${p}-form-item-feedback ${p}-form-item-feedback--success` }, A) : (0, n.h)("div", { key: "controlled-default", class: `${p}-form-item-feedback` }, A) : null;
});
}
})
) : null
);
}
});
})(Re);
var ft = {}, lt = {}, oe = {};
Object.defineProperty(oe, "__esModule", { value: !0 });
oe.gridInjectionKey = oe.defaultSpan = void 0;
const _r = T;
oe.defaultSpan = 1;
oe.gridInjectionKey = (0, _r.createInjectionKey)("n-grid");
(function(t) {
Object.defineProperty(t, "__esModule", { value: !0 }), t.gridItemPropKeys = t.gridItemProps = t.defaultSpan = void 0;
const e = G, r = Ae, n = T, i = oe;
t.defaultSpan = 1, t.gridItemProps = {
span: {
type: [Number, String],
default: t.defaultSpan
},
offset: {
type: [Number, String],
default: 0
},
suffix: Boolean,
// private props
privateOffset: Number,
privateSpan: Number,
privateColStart: Number,
privateShow: {
type: Boolean,
default: !0
}
}, t.gridItemPropKeys = (0, n.keysOf)(t.gridItemProps), t.default = (0, e.defineComponent)({
__GRID_ITEM__: !0,
name: "GridItem",
alias: ["Gi"],
props: t.gridItemProps,
setup() {
const { isSsrRef: o, xGapRef: a, itemStyleRef: f, overflowRef: s, layoutShiftDisabledRef: l } = (0, e.inject)(i.gridInjectionKey), u = (0, e.getCurrentInstance)();
return {
overflow: s,
itemStyle: f,
layoutShiftDisabled: l,
mergedXGap: (0, e.computed)(() => (0, r.pxfy)(a.value || 0)),
deriveStyle: () => {
o.value;
const { privateSpan: d = t.defaultSpan, privateShow: g = !0, privateColStart: I = void 0, privateOffset: v = 0 } = u.vnode.props, { value: c } = a, p = (0, r.pxfy)(c || 0);
return {
display: g ? "" : "none",
gridColumn: `${I ?? `span ${d}`} / span ${d}`,
marginLeft: v ? `calc((100% - (${d} - 1) * ${p}) / ${d} * ${v} + ${p} * ${v})` : ""
};
}
};
},
render() {
var o, a;
if (this.layoutShiftDisabled) {
const { span: f, offset: s, mergedXGap: l } = this;
return (0, e.h)("div", { style: {
gridColumn: `span ${f} / span ${f}`,
marginLeft: s ? `calc((100% - (${f} - 1) * ${l}) / ${f} * ${s} + ${l} * ${s})` : ""
} }, this.$slots);
}
return (0, e.h)("div", { style: [this.itemStyle, this.deriveStyle()] }, (a = (o = this.$slots).default) === null || a === void 0 ? void 0 : a.call(o, { overflow: this.overflow }));
}
});
})(lt);
(function(t) {
var e = _ && _.__createBinding || (Object.create ? function(s, l, u, d) {
d === void 0 && (d = u);
var g = Object.getOwnPropertyDescriptor(l, u);
(!g || ("get" in g ? !l.__esModule : g.writable || g.configurable)) && (g = { enumerable: !0, get: function() {
return l[u];
} }), Object.defineProperty(s, d, g);
} : function(s, l, u, d) {
d === void 0 && (d = u), s[d] = l[u];
}), r = _ && _.__setModuleDefault || (Object.create ? function(s, l) {
Object.defineProperty(s, "default", { enumerable: !0, value: l });
} : function(s, l) {
s.default = l;
}), n = _ && _.__importStar || function(s) {
if (s && s.__esModule) return s;
var l = {};
if (s != null) for (var u in s) u !== "default" && Object.prototype.hasOwnProperty.call(s, u) && e(l, s, u);
return r(l, s), l;
};
Object.defineProperty(t, "__esModule", { value: !0 }), t.formItemGiPropKeys = t.formItemGiProps = void 0;
const i = G, o = n(lt), a = T, f = n(Re);
t.formItemGiProps = Object.assign(Object.assign({}, o.gridItemProps), f.formItemProps), t.formItemGiPropKeys = (0, a.keysOf)(t.formItemGiProps), t.default = (0, i.defineComponent)({
__GRID_ITEM__: !0,
name: "FormItemGridItem",
alias: ["FormItemGi"],
props: t.formItemGiProps,
setup() {
const s = (0, i.ref)(null);
return {
formItemInstRef: s,
validate: (...d) => {
const { value: g } = s;
if (g)
return g.validate(...d);
},
restoreValidation: () => {
const { value: d } = s;
d && d.restoreValidation();
}
};
},
render() {
return (0, i.h)(o.default, (0, a.keep)(this.$.vnode.props || {}, o.gridItemPropKeys), {
default: () => {
const s = (0, a.keep)(this.$props, f.formItemPropKeys);
return (0, i.h)(f.default, Object.assign({ ref: "formItemInstRef" }, s), this.$slots);
}
});
}
});
})(ft);
var Te = {}, dt = {}, Be = {}, We = {};
Object.defineProperty(We, "__esModule", {
value: !0
});
const wr = Ae, U = je, Pr = (0, wr.repeat)(24, null).map((t, e) => {
const r = e + 1, n = `calc(100% / 24 * ${r})`;
return [(0, U.cM)(`${r}-span`, {
width: n
}), (0, U.cM)(`${r}-offset`, {
marginLeft: n
}), (0, U.cM)(`${r}-push`, {
left: n
}), (0, U.cM)(`${r}-pull`, {
right: n
})];
});
We.default = (0, U.c)([(0, U.cB)("row", {
width: "100%",
display: "flex",
flexWrap: "wrap"
}), (0, U.cB)("col", {
verticalAlign: "top",
boxSizing: "border-box",
display: "inline-block",
position: "relative",
zIndex: "auto"
}, [(0, U.cE)("box", {
position: "relative",
zIndex: "auto",
width: "100%",
height: "100%"
}), Pr])]);
(function(t) {
var e = _ && _.__importDefault || function(f) {
return f && f.__esModule ? f : { default: f };
};
Object.defineProperty(t, "__esModule", { value: !0 }), t.rowPropKeys = t.rowProps = t.rowInjectionKey = void 0;
const r = G, n = Ot, i = T, o = Ce, a = e(We);
t.rowInjectionKey = (0, i.createInjectionKey)("n-row"), t.rowProps = {
gutter: {
type: [Array, Number, String],
default: 0
},
alignItems: String,
justifyContent: String
}, t.rowPropKeys = (0, i.keysOf)(t.rowProps), t.default = (0, r.defineComponent)({
name: "Row",
props: t.rowProps,
setup(f) {
const { mergedClsPrefixRef: s, mergedRtlRef: l } = (0, o.useConfig)(f);
(0, o.useStyle)("-legacy-grid", a.default, s);
const u = (0, o.useRtl)("Row", l, s), d = (0, n.useMemo)(() => {
const { gutter: I } = f;
return Array.isArray(I) && I[1] || 0;
}), g = (0, n.useMemo)(() => {
const { gutter: I } = f;
return Array.isArray(I) ? I[0] : Number(I);
});
return (0, r.provide)(t.rowInjectionKey, {
mergedClsPrefixRef: s,
gutterRef: (0, r.toRef)(f, "gutter"),
verticalGutterRef: d,
horizontalGutterRef: g
}), {
mergedClsPrefix: s,
rtlEnabled: u,
styleMargin: (0, n.useMemo)(() => `-${(0, i.formatLength)(d.value, {
c: 0.5
})} -${(0, i.formatLength)(g.value, { c: 0.5 })}`),
styleWidth: (0, n.useMemo)(() => `calc(100% + ${(0, i.formatLength)(g.value)})`)
};
},
render() {
return (0, r.h)("div", { class: [
`${this.mergedClsPrefix}-row`,
this.rtlEnabled && `${this.mergedClsPrefix}-row--rtl`
], style: {
margin: this.styleMargin,
width: this.styleWidth,
alignItems: this.alignItems,
justifyContent: this.justifyContent
} }, this.$slots);
}
});
})(Be);
(function(t) {
Object.defineProperty(t, "__esModule", { value: !0 }), t.colPropKeys = t.colProps = void 0;
const e = G, r = T, n = Be;
t.colProps = {
span: {
type: [String, Number],
default: 1
},
push: {
type: [String, Number],
default: 0
},
pull: {
type: [String, Number],
default: 0
},
offset: {
type: [String, Number],
default: 0
}
}, t.colPropKeys = (0, r.keysOf)(t.colProps), t.default = (0, e.defineComponent)({
name: "Col",
props: t.colProps,
setup(i) {
const o = (0, e.inject)(n.rowInjectionKey, null);
return o || (0, r.throwError)("col", "`n-col` must be placed inside `n-row`."), {
mergedClsPrefix: o.mergedClsPrefixRef,
gutter: o.gutterRef,
stylePadding: (0, e.computed)(() => `${(0, r.formatLength)(o.verticalGutterRef.value, {
c: 0.5
})} ${(0, r.formatLength)(o.horizontalGutterRef.value, { c: 0.5 })}`),
mergedPush: (0, e.computed)(() => Number(i.push) - Number(i.pull))
};
},
render() {
const { $slots: i, span: o, mergedPush: a, offset: f, stylePadding: s, gutter: l, mergedClsPrefix: u } = this;
return (0, e.h)("div", { class: [
`${u}-col`,
{
[`${u}-col--${o}-span`]: !0,
[`${u}-col--${a}-push`]: a > 0,
[`${u}-col--${-a}-pull`]: a < 0,
[`${u}-col--${f}-offset`]: f
}
], style: {
padding: s
} }, l ? (0, e.h)("div", null, i) : i);
}
});
})(dt);
(function(t) {
var e = _ && _.__createBinding || (Object.create ? function(s, l, u, d) {
d === void 0 && (d = u);
var g = Object.getOwnPropertyDescriptor(l, u);
(!g || ("get" in g ? !l.__esModule : g.writable || g.configurable)) && (g = { enumerable: !0, get: function() {
return l[u];
} }), Object.defineProperty(s, d, g);
} : function(s, l, u, d) {
d === void 0 && (d = u), s[d] = l[u];
}), r = _ && _.__setModuleDefault || (Object.create ? function(s, l) {
Object.defineProperty(s, "default", { enumerable: !0, value: l });
} : function(s, l) {
s.default = l;
}), n = _ && _.__importStar || function(s) {
if (s && s.__esModule) return s;
var l = {};
if (s != null) for (var u in s) u !== "default" && Object.prototype.hasOwnProperty.call(s, u) && e(l, s, u);
return r(l, s), l;
};
Object.defineProperty(t, "__esModule", { value: !0 }), t.formItemColPropKeys = t.formItemColProps = void 0;
const i = G, o = n(dt), a = T, f = n(Re);
t.formItemColProps = Object.assign(Object.assign({}, o.colProps), f.formItemProps), t.formItemColPropKeys = (0, a.keysOf)(t.formItemColProps), t.default = (0, i.defineComponent)({
name: "FormItemCol",
props: t.formItemColProps,
setup() {
const s = (0, i.ref)(null);
return {
formItemInstRef: s,
validate: (...d) => {
const { value: g } = s;
if (g)
return g.validate(...d);
},
restoreValidation: () => {
const { value: d } = s;
d && d.restoreValidation();
}
};
},
render() {
return (0, i.h)(o.default, (0, a.keep)(this.$props, o.colPropKeys), {
default: () => {
const s = (0, a.keep)(this.$props, f.formItemPropKeys);
return (0, i.h)(f.default, Object.assign({ ref: "formItemInstRef" }, s), this.$slots);
}
});
}
});
})(Te);
var ut = {};
(function(t) {
var e = _ && _.__createBinding || (Object.create ? function(s, l, u, d) {
d === void 0 && (d = u);
var g = Object.getOwnPropertyDescriptor(l, u);
(!g || ("get" in g ? !l.__esModule : g.writable || g.configurable)) && (g = { enumerable: !0, get: function() {
return l[u];
} }), Object.defineProperty(s, d, g);
} : function(s, l, u, d) {
d === void 0 && (d = u), s[d] = l[u];
}), r = _ && _.__setModuleDefault || (Object.create ? function(s, l) {
Object.defineProperty(s, "default", { enumerable: !0, value: l });
} : function(s, l) {
s.default = l;
}), n = _ && _.__importStar || function(s) {
if (s && s.__esModule) return s;
var l = {};
if (s != null) for (var u in s) u !== "default" && Object.prototype.hasOwnProperty.call(s, u) && e(l, s, u);
return r(l, s), l;
};
Object.defineProperty(t, "__esModule", { value: !0 }), t.formItemRowProps = void 0;
const i = G, o = n(Be), a = T, f = n(Te);
t.formItemRowProps = Object.assign(Object.assign({}, o.rowProps), f.formItemColProps), t.default = (0, i.defineComponent)({
name: "FormItemRow",
props: t.formItemRowProps,
setup() {
const s = (0, i.ref)(null);
return {
formItemColInstRef: s,
validate: (...d) => {
const { value: g } = s;
if (g)
return g.validate(...d);
},
restoreValidation: () => {
const { value: d } = s;
d && d.restoreValidation();
}
};
},
render() {
return (0, i.h)(o.default, (0, a.keep)(this.$props, o.rowPropKeys), {
default: () => {
const s = (0, a.keep)(this.$props, f.formItemColPropKeys);
return (0, i.h)(f.default, Object.assign(Object.assign({ ref: "formItemColInstRef" }, s), { span: 24 }), this.$slots);
}
});
}
});
})(ut);
(function(t) {
var e = _ && _.__importDefault || function(f) {
return f && f.__esModule ? f : { default: f };
};
Object.defineProperty(t, "__esModule", { value: !0 }), t.NFormItemRow = t.NFormItemCol = t.formItemGridItemProps = t.formItemGiProps = t.NFormItemGi = t.NFormItemGridItem = t.formItemProps = t.NFormItem = t.formProps = t.NForm = void 0;
var r = nt;
Object.defineProperty(t, "NForm", { enumerable: !0, get: function() {
return e(r).default;
} }), Object.defineProperty(t, "formProps", { enumerable: !0, get: function() {
return r.formProps;
} });
var n = Re;
Object.defineProperty(t, "NFormItem", { enumerable: !0, get: function() {
return e(n).default;
} }), Object.defineProperty(t, "formItemProps", { enumerable: !0, get: function() {
return n.formItemProps;
} });
var i = ft;
Object.defineProperty(t, "NFormItemGridItem", { enumerable: !0, get: function() {
return e(i).default;
} }), Object.defineProperty(t, "NFormItemGi", { enumerable: !0, get: function() {
return e(i).default;
} }), Object.defineProperty(t, "formItemGiProps", { enumerable: !0, get: function() {
return i.formItemGiProps;
} }), Object.defineProperty(t, "formItemGridItemProps", { enumerable: !0, get: function() {
return i.formItemGiProps;
} });
var o = Te;
Object.defineProperty(t, "NFormItemCol", { enumerable: !0, get: function() {
return e(o).default;
} });
var a = ut;
Object.defineProperty(t, "NFormItemRow", { enumerable: !0, get: function() {
return e(a).default;
} });
})(rt);
const Rr = /* @__PURE__ */ jt({
__proto__: null
}, [rt]);
export {
rt as f,
Rr as i
};