epic-designer-gold
Version:
基于vue3的设计器,可视化开发页面表单
1,351 lines • 66.3 kB
JavaScript
import { c as _, g as Pt } from "./_commonjsHelpers-BVfed4GL.js";
import { r as G } from "./_vue_commonjs-external-NwvjgbHK.js";
import { b as tt, d as T, c as je, a as Re, _ as It, l as rt, f as Ee, j as Ot, e as jt } from "./index-B2_JTx7E.js";
function Rt(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 nt = {}, it = {}, Le = {}, Ne = {}, ce = {}, ze = {};
Object.defineProperty(ze, "__esModule", { value: !0 });
ze.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 St = _ && _.__importDefault || function(t) {
return t && t.__esModule ? t : { default: t };
};
Object.defineProperty(ce, "__esModule", { value: !0 });
ce.self = at;
const Ft = tt, kt = St(ze);
function at(t) {
const { heightSmall: e, heightMedium: r, heightLarge: n, textColor1: i, errorColor: o, warningColor: a, lineHeight: s, textColor3: l } = t;
return Object.assign(Object.assign({}, kt.default), { blankHeightSmall: e, blankHeightMedium: r, blankHeightLarge: n, lineHeight: s, labelTextColor: i, asteriskColor: o, feedbackTextColorError: o, feedbackTextColorWarning: a, feedbackTextColor: l });
}
const xt = {
name: "Form",
common: Ft.commonLight,
self: at
};
ce.default = xt;
Object.defineProperty(Ne, "__esModule", { value: !0 });
const Mt = tt, qt = ce, Ct = {
name: "Form",
common: Mt.commonDark,
self: qt.self
};
Ne.default = Ct;
(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 = Ne;
Object.defineProperty(t, "formDark", { enumerable: !0, get: function() {
return e(r).default;
} });
var n = ce;
Object.defineProperty(t, "formLight", { enumerable: !0, get: function() {
return e(n).default;
} });
})(Le);
var X = {};
Object.defineProperty(X, "__esModule", { value: !0 });
X.formItemInstsInjectionKey = X.formInjectionKey = void 0;
const ot = T;
X.formInjectionKey = (0, ot.createInjectionKey)("n-form");
X.formItemInstsInjectionKey = (0, ot.createInjectionKey)("n-form-item-insts");
var $e = {};
Object.defineProperty($e, "__esModule", {
value: !0
});
const we = je;
$e.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
})])])]);
(function(t) {
var e = _ && _.__awaiter || function(f, c, d, u) {
function P(v) {
return v instanceof d ? v : new d(function(m) {
m(v);
});
}
return new (d || (d = Promise))(function(v, m) {
function h(p) {
try {
b(u.next(p));
} catch (y) {
m(y);
}
}
function g(p) {
try {
b(u.throw(p));
} catch (y) {
m(y);
}
}
function b(p) {
p.done ? v(p.value) : P(p.value).then(h, g);
}
b((u = u.apply(f, c || [])).next());
});
}, r = _ && _.__importDefault || function(f) {
return f && f.__esModule ? f : { default: f };
};
Object.defineProperty(t, "__esModule", { value: !0 }), t.formProps = void 0;
const n = G, i = Re, o = T, a = Le, s = X, l = r($e);
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: (f) => {
f.preventDefault();
}
}, showLabel: {
type: Boolean,
default: void 0
}, validateMessages: Object }), t.default = (0, n.defineComponent)({
name: "Form",
props: t.formProps,
setup(f) {
const { mergedClsPrefixRef: c } = (0, i.useConfig)(f);
(0, i.useTheme)("Form", "-form", l.default, a.formLight, f, c);
const d = {}, u = (0, n.ref)(void 0), P = (b) => {
const p = u.value;
(p === void 0 || b >= p) && (u.value = b);
};
function v() {
var b;
for (const p of (0, o.keysOf)(d)) {
const y = d[p];
for (const I of y)
(b = I.invalidateLabelWidth) === null || b === void 0 || b.call(I);
}
}
function m(b) {
return e(this, arguments, void 0, function* (p, y = () => !0) {
return yield new Promise((I, k) => {
const q = [];
for (const R of (0, o.keysOf)(d)) {
const O = d[R];
for (const j of O)
j.path && q.push(j.internalValidate(null, y));
}
Promise.all(q).then((R) => {
const O = R.some((C) => !C.valid), j = [], N = [];
R.forEach((C) => {
var A, H;
!((A = C.errors) === null || A === void 0) && A.length && j.push(C.errors), !((H = C.warnings) === null || H === void 0) && H.length && N.push(C.warnings);
}), p && p(j.length ? j : void 0, {
warnings: N.length ? N : void 0
}), O ? k(j.length ? j : void 0) : I({
warnings: N.length ? N : void 0
});
});
});
});
}
function h() {
for (const b of (0, o.keysOf)(d)) {
const p = d[b];
for (const y of p)
y.restoreValidation();
}
}
return (0, n.provide)(s.formInjectionKey, {
props: f,
maxChildLabelWidthRef: u,
deriveMaxChildLabelWidth: P
}), (0, n.provide)(s.formItemInstsInjectionKey, { formItems: d }), Object.assign({
validate: m,
restoreValidation: h,
invalidateLabelWidth: v
}, {
mergedClsPrefix: c
});
},
render() {
const { mergedClsPrefix: f } = this;
return (0, n.h)("form", { class: [
`${f}-form`,
this.inline && `${f}-form--inline`
], onSubmit: this.onSubmit }, this.$slots);
}
});
})(it);
var Se = {};
function Q() {
return Q = 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;
}, Q.apply(this, arguments);
}
function At(t, e) {
t.prototype = Object.create(e.prototype), t.prototype.constructor = t, ue(t, e);
}
function xe(t) {
return xe = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(r) {
return r.__proto__ || Object.getPrototypeOf(r);
}, xe(t);
}
function ue(t, e) {
return ue = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(n, i) {
return n.__proto__ = i, n;
}, ue(t, e);
}
function Et() {
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 Et() ? Oe = Reflect.construct.bind() : Oe = function(i, o, a) {
var s = [null];
s.push.apply(s, o);
var l = Function.bind.apply(i, s), f = new l();
return a && ue(f, a.prototype), f;
}, Oe.apply(null, arguments);
}
function Lt(t) {
return Function.toString.call(t).indexOf("[native code]") !== -1;
}
function Me(t) {
var e = typeof Map == "function" ? /* @__PURE__ */ new Map() : void 0;
return Me = function(n) {
if (n === null || !Lt(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, xe(this).constructor);
}
return i.prototype = Object.create(n.prototype, {
constructor: {
value: i,
enumerable: !1,
writable: !0,
configurable: !0
}
}), ue(i, n);
}, Me(t);
}
var Nt = /%[sdj%]/g, st = function() {
};
typeof process < "u" && process.env && process.env.NODE_ENV !== "production" && typeof window < "u" && typeof document < "u" && (st = 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 qe(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 K(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(Nt, function(s) {
if (s === "%%")
return "%";
if (i >= o)
return s;
switch (s) {
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 s;
}
});
return a;
}
return t;
}
function zt(t) {
return t === "string" || t === "url" || t === "hex" || t === "email" || t === "date" || t === "pattern";
}
function L(t, e) {
return !!(t == null || e === "array" && Array.isArray(t) && !t.length || zt(e) && typeof t == "string" && !t);
}
function $t(t, e, r) {
var n = [], i = 0, o = t.length;
function a(s) {
n.push.apply(n, s || []), i++, i === o && r(n);
}
t.forEach(function(s) {
e(s, a);
});
}
function Ue(t, e, r) {
var n = 0, i = t.length;
function o(a) {
if (a && a.length) {
r(a);
return;
}
var s = n;
n = n + 1, s < i ? e(t[s], o) : r([]);
}
o([]);
}
function Dt(t) {
var e = [];
return Object.keys(t).forEach(function(r) {
e.push.apply(e, t[r] || []);
}), e;
}
var Je = /* @__PURE__ */ function(t) {
At(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__ */ Me(Error));
function Kt(t, e, r, n, i) {
if (e.first) {
var o = new Promise(function(u, P) {
var v = function(g) {
return n(g), g.length ? P(new Je(g, qe(g))) : u(i);
}, m = Dt(t);
Ue(m, r, v);
});
return o.catch(function(u) {
return u;
}), o;
}
var a = e.firstFields === !0 ? Object.keys(t) : e.firstFields || [], s = Object.keys(t), l = s.length, f = 0, c = [], d = new Promise(function(u, P) {
var v = function(h) {
if (c.push.apply(c, h), f++, f === l)
return n(c), c.length ? P(new Je(c, qe(c))) : u(i);
};
s.length || (n(c), u(i)), s.forEach(function(m) {
var h = t[m];
a.indexOf(m) !== -1 ? Ue(h, r, v) : $t(h, r, v);
});
});
return d.catch(function(u) {
return u;
}), d;
}
function Vt(t) {
return !!(t && t.message !== void 0);
}
function Tt(t, e) {
for (var r = t, n = 0; n < e.length; n++) {
if (r == null)
return r;
r = r[e[n]];
}
return r;
}
function Xe(t, e) {
return function(r) {
var n;
return t.fullFields ? n = Tt(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 Ze(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] = Q({}, t[r], n) : t[r] = n;
}
}
return t;
}
var ft = function(e, r, n, i, o, a) {
e.required && (!n.hasOwnProperty(e.field) || L(r, a || e.type)) && i.push(K(o.messages.required, e.fullField));
}, Wt = function(e, r, n, i, o) {
(/^\s+$/.test(r) || r === "") && i.push(K(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 + "$"), s = new RegExp("^" + i + "$"), l = function(y) {
return y && y.exact ? o : new RegExp("(?:" + e(y) + r + e(y) + ")|(?:" + e(y) + i + e(y) + ")", "g");
};
l.v4 = function(p) {
return p && p.exact ? a : new RegExp("" + e(p) + r + e(p), "g");
}, l.v6 = function(p) {
return p && p.exact ? s : new RegExp("" + e(p) + i + e(p), "g");
};
var f = "(?:(?:[a-z]+:)?//)", c = "(?:\\S+(?::\\S*)?@)?", d = l.v4().source, u = l.v6().source, P = "(?:(?:[a-z\\u00a1-\\uffff0-9][-_]*)*[a-z\\u00a1-\\uffff0-9]+)", v = "(?:\\.(?:[a-z\\u00a1-\\uffff0-9]-*)*[a-z\\u00a1-\\uffff0-9]+)*", m = "(?:\\.(?:[a-z\\u00a1-\\uffff]{2,}))", h = "(?::\\d{2,5})?", g = '(?:[/?#][^\\s"]*)?', b = "(?:" + f + "|www\\.)" + c + "(?:localhost|" + d + "|" + u + "|" + P + v + m + ")" + h + g;
return Pe = new RegExp("(?:^" + b + "$)", "i"), Pe;
}, Qe = {
// 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
}, le = {
integer: function(e) {
return le.number(e) && parseInt(e, 10) === e;
},
float: function(e) {
return le.number(e) && !le.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" && !le.array(e);
},
method: function(e) {
return typeof e == "function";
},
email: function(e) {
return typeof e == "string" && e.length <= 320 && !!e.match(Qe.email);
},
url: function(e) {
return typeof e == "string" && e.length <= 2048 && !!e.match(Bt());
},
hex: function(e) {
return typeof e == "string" && !!e.match(Qe.hex);
}
}, Gt = function(e, r, n, i, o) {
if (e.required && r === void 0) {
ft(e, r, n, i, o);
return;
}
var a = ["integer", "float", "array", "regexp", "object", "method", "email", "number", "date", "url", "hex"], s = e.type;
a.indexOf(s) > -1 ? le[s](r) || i.push(K(o.messages.types[s], e.fullField, e.type)) : s && typeof r !== e.type && i.push(K(o.messages.types[s], e.fullField, e.type));
}, Ht = function(e, r, n, i, o) {
var a = typeof e.len == "number", s = typeof e.min == "number", l = typeof e.max == "number", f = /[\uD800-\uDBFF][\uDC00-\uDFFF]/g, c = r, d = null, u = typeof r == "number", P = typeof r == "string", v = Array.isArray(r);
if (u ? d = "number" : P ? d = "string" : v && (d = "array"), !d)
return !1;
v && (c = r.length), P && (c = r.replace(f, "_").length), a ? c !== e.len && i.push(K(o.messages[d].len, e.fullField, e.len)) : s && !l && c < e.min ? i.push(K(o.messages[d].min, e.fullField, e.min)) : l && !s && c > e.max ? i.push(K(o.messages[d].max, e.fullField, e.max)) : s && l && (c < e.min || c > e.max) && i.push(K(o.messages[d].range, e.fullField, e.min, e.max));
}, oe = "enum", Yt = function(e, r, n, i, o) {
e[oe] = Array.isArray(e[oe]) ? e[oe] : [], e[oe].indexOf(r) === -1 && i.push(K(o.messages[oe], e.fullField, e[oe].join(", ")));
}, Ut = function(e, r, n, i, o) {
if (e.pattern) {
if (e.pattern instanceof RegExp)
e.pattern.lastIndex = 0, e.pattern.test(r) || i.push(K(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(K(o.messages.pattern.mismatch, e.fullField, r, e.pattern));
}
}
}, w = {
required: ft,
whitespace: Wt,
type: Gt,
range: Ht,
enum: Yt,
pattern: Ut
}, Jt = function(e, r, n, i, o) {
var a = [], s = e.required || !e.required && i.hasOwnProperty(e.field);
if (s) {
if (L(r, "string") && !e.required)
return n();
w.required(e, r, i, a, o, "string"), L(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);
}, Xt = function(e, r, n, i, o) {
var a = [], s = e.required || !e.required && i.hasOwnProperty(e.field);
if (s) {
if (L(r) && !e.required)
return n();
w.required(e, r, i, a, o), r !== void 0 && w.type(e, r, i, a, o);
}
n(a);
}, Zt = function(e, r, n, i, o) {
var a = [], s = e.required || !e.required && i.hasOwnProperty(e.field);
if (s) {
if (r === "" && (r = void 0), L(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);
}, Qt = function(e, r, n, i, o) {
var a = [], s = e.required || !e.required && i.hasOwnProperty(e.field);
if (s) {
if (L(r) && !e.required)
return n();
w.required(e, r, i, a, o), r !== void 0 && w.type(e, r, i, a, o);
}
n(a);
}, er = function(e, r, n, i, o) {
var a = [], s = e.required || !e.required && i.hasOwnProperty(e.field);
if (s) {
if (L(r) && !e.required)
return n();
w.required(e, r, i, a, o), L(r) || w.type(e, r, i, a, o);
}
n(a);
}, tr = function(e, r, n, i, o) {
var a = [], s = e.required || !e.required && i.hasOwnProperty(e.field);
if (s) {
if (L(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 = [], s = e.required || !e.required && i.hasOwnProperty(e.field);
if (s) {
if (L(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);
}, nr = function(e, r, n, i, o) {
var a = [], s = e.required || !e.required && i.hasOwnProperty(e.field);
if (s) {
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);
}, ir = function(e, r, n, i, o) {
var a = [], s = e.required || !e.required && i.hasOwnProperty(e.field);
if (s) {
if (L(r) && !e.required)
return n();
w.required(e, r, i, a, o), r !== void 0 && w.type(e, r, i, a, o);
}
n(a);
}, ar = "enum", or = function(e, r, n, i, o) {
var a = [], s = e.required || !e.required && i.hasOwnProperty(e.field);
if (s) {
if (L(r) && !e.required)
return n();
w.required(e, r, i, a, o), r !== void 0 && w[ar](e, r, i, a, o);
}
n(a);
}, sr = function(e, r, n, i, o) {
var a = [], s = e.required || !e.required && i.hasOwnProperty(e.field);
if (s) {
if (L(r, "string") && !e.required)
return n();
w.required(e, r, i, a, o), L(r, "string") || w.pattern(e, r, i, a, o);
}
n(a);
}, fr = function(e, r, n, i, o) {
var a = [], s = e.required || !e.required && i.hasOwnProperty(e.field);
if (s) {
if (L(r, "date") && !e.required)
return n();
if (w.required(e, r, i, a, o), !L(r, "date")) {
var l;
r instanceof Date ? l = r : l = new Date(r), w.type(e, l, i, a, o), l && w.range(e, l.getTime(), i, a, o);
}
}
n(a);
}, lr = function(e, r, n, i, o) {
var a = [], s = Array.isArray(r) ? "array" : typeof r;
w.required(e, r, i, a, o, s), n(a);
}, Fe = function(e, r, n, i, o) {
var a = e.type, s = [], l = e.required || !e.required && i.hasOwnProperty(e.field);
if (l) {
if (L(r, a) && !e.required)
return n();
w.required(e, r, i, s, o, a), L(r, a) || w.type(e, r, i, s, o);
}
n(s);
}, dr = function(e, r, n, i, o) {
var a = [], s = e.required || !e.required && i.hasOwnProperty(e.field);
if (s) {
if (L(r) && !e.required)
return n();
w.required(e, r, i, a, o);
}
n(a);
}, de = {
string: Jt,
method: Xt,
number: Zt,
boolean: Qt,
regexp: er,
integer: tr,
float: rr,
array: nr,
object: ir,
enum: or,
pattern: sr,
date: fr,
url: Fe,
hex: Fe,
email: Fe,
required: lr,
any: dr
};
function Ce() {
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 Ae = Ce(), me = /* @__PURE__ */ function() {
function t(r) {
this.rules = null, this._messages = Ae, 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 = Ze(Ce(), n)), this._messages;
}, e.validate = function(n, i, o) {
var a = this;
i === void 0 && (i = {}), o === void 0 && (o = function() {
});
var s = n, l = i, f = o;
if (typeof l == "function" && (f = l, l = {}), !this.rules || Object.keys(this.rules).length === 0)
return f && f(null, s), Promise.resolve(s);
function c(m) {
var h = [], g = {};
function b(y) {
if (Array.isArray(y)) {
var I;
h = (I = h).concat.apply(I, y);
} else
h.push(y);
}
for (var p = 0; p < m.length; p++)
b(m[p]);
h.length ? (g = qe(h), f(h, g)) : f(null, s);
}
if (l.messages) {
var d = this.messages();
d === Ae && (d = Ce()), Ze(d, l.messages), l.messages = d;
} else
l.messages = this.messages();
var u = {}, P = l.keys || Object.keys(this.rules);
P.forEach(function(m) {
var h = a.rules[m], g = s[m];
h.forEach(function(b) {
var p = b;
typeof p.transform == "function" && (s === n && (s = Q({}, s)), g = s[m] = p.transform(g)), typeof p == "function" ? p = {
validator: p
} : p = Q({}, p), p.validator = a.getValidationMethod(p), p.validator && (p.field = m, p.fullField = p.fullField || m, p.type = a.getType(p), u[m] = u[m] || [], u[m].push({
rule: p,
value: g,
source: s,
field: m
}));
});
});
var v = {};
return Kt(u, l, function(m, h) {
var g = m.rule, b = (g.type === "object" || g.type === "array") && (typeof g.fields == "object" || typeof g.defaultField == "object");
b = b && (g.required || !g.required && m.value), g.field = m.field;
function p(k, q) {
return Q({}, q, {
fullField: g.fullField + "." + k,
fullFields: g.fullFields ? [].concat(g.fullFields, [k]) : [k]
});
}
function y(k) {
k === void 0 && (k = []);
var q = Array.isArray(k) ? k : [k];
!l.suppressWarning && q.length && t.warning("async-validator:", q), q.length && g.message !== void 0 && (q = [].concat(g.message));
var R = q.map(Xe(g, s));
if (l.first && R.length)
return v[g.field] = 1, h(R);
if (!b)
h(R);
else {
if (g.required && !m.value)
return g.message !== void 0 ? R = [].concat(g.message).map(Xe(g, s)) : l.error && (R = [l.error(g, K(l.messages.required, g.field))]), h(R);
var O = {};
g.defaultField && Object.keys(m.value).map(function(C) {
O[C] = g.defaultField;
}), O = Q({}, O, m.rule.fields);
var j = {};
Object.keys(O).forEach(function(C) {
var A = O[C], H = Array.isArray(A) ? A : [A];
j[C] = H.map(p.bind(null, C));
});
var N = new t(j);
N.messages(l.messages), m.rule.options && (m.rule.options.messages = l.messages, m.rule.options.error = l.error), N.validate(m.value, m.rule.options || l, function(C) {
var A = [];
R && R.length && A.push.apply(A, R), C && C.length && A.push.apply(A, C), h(A.length ? A : null);
});
}
}
var I;
if (g.asyncValidator)
I = g.asyncValidator(g, m.value, y, m.source, l);
else if (g.validator) {
try {
I = g.validator(g, m.value, y, m.source, l);
} catch (k) {
console.error == null || console.error(k), l.suppressValidatorError || setTimeout(function() {
throw k;
}, 0), y(k.message);
}
I === !0 ? y() : I === !1 ? y(typeof g.message == "function" ? g.message(g.fullField || g.field) : g.message || (g.fullField || g.field) + " fails") : I instanceof Array ? y(I) : I instanceof Error && y(I.message);
}
I && I.then && I.then(function() {
return y();
}, function(k) {
return y(k);
});
}, function(m) {
c(m);
}, s);
}, e.getType = function(n) {
if (n.type === void 0 && n.pattern instanceof RegExp && (n.type = "pattern"), typeof n.validator != "function" && n.type && !de.hasOwnProperty(n.type))
throw new Error(K("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" ? de.required : de[this.getType(n)] || void 0;
}, t;
}();
me.register = function(e, r) {
if (typeof r != "function")
throw new Error("Cannot register a validator by type, validator is not a function");
de[e] = r;
};
me.warning = st;
me.messages = Ae;
me.validators = de;
const ur = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
__proto__: null,
default: me
}, Symbol.toStringTag, { value: "Module" })), cr = /* @__PURE__ */ Pt(ur);
var De = {}, Ke = {}, mr = _ && _.__importDefault || function(t) {
return t && t.__esModule ? t : {
default: t
};
};
Object.defineProperty(Ke, "__esModule", {
value: !0
});
Ke.fadeDownTransition = pr;
const Ie = je, gr = mr(It), {
cubicBezierEaseInOut: et
} = gr.default;
function pr({
name: t = "fade-down",
fromOffset: e = "-4px",
enterDuration: r = ".3s",
leaveDuration: n = ".3s",
enterCubicBezier: i = et,
leaveCubicBezier: o = et
} = {}) {
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(De, "__esModule", {
value: !0
});
const hr = Ke, M = je;
De.default = (0, M.cB)("form-item", `
display: grid;
line-height: var(--n-line-height);
`, [(0, M.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, M.cE)("asterisk", `
white-space: nowrap;
user-select: none;
-webkit-user-select: none;
color: var(--n-asterisk-color);
transition: color .3s var(--n-bezier);
`), (0, M.cE)("asterisk-placeholder", `
grid-area: mark;
user-select: none;
-webkit-user-select: none;
visibility: hidden;
`)]), (0, M.cB)("form-item-blank", `
grid-area: blank;
min-height: var(--n-blank-height);
`), (0, M.cM)("auto-label-width", [(0, M.cB)("form-item-label", "white-space: nowrap;")]), (0, M.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, M.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, M.cM)("reverse-columns-space", `
grid-template-columns: auto 1fr;
`), (0, M.cM)("left-mark", `
grid-template-areas:
"mark text"
". text";
`), (0, M.cM)("right-mark", `
grid-template-areas:
"text mark"
"text .";
`), (0, M.cM)("right-hanging-mark", `
grid-template-areas:
"text mark"
"text .";
`), (0, M.cE)("text", `
grid-area: text;
`), (0, M.cE)("asterisk", `
grid-area: mark;
align-self: end;
`)])]), (0, M.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, M.cM)("no-label", `
grid-template-areas:
"blank"
"feedback";
grid-template-rows: 1fr;
`), (0, M.cB)("form-item-label", `
display: flex;
align-items: flex-start;
justify-content: var(--n-label-text-align);
`)]), (0, M.cB)("form-item-blank", `
box-sizing: border-box;
display: flex;
align-items: center;
position: relative;
`), (0, M.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, M.c)("&:not(:empty)", `
padding: var(--n-feedback-padding);
`), (0, M.cB)("form-item-feedback", {
transition: "color .3s var(--n-bezier)",
color: "var(--n-feedback-text-color)"
}, [(0, M.cM)("warning", {
color: "var(--n-feedback-text-color-warning)"
}), (0, M.cM)("error", {
color: "var(--n-feedback-text-color-error)"
}), (0, hr.fadeDownTransition)({
fromOffset: "-3px",
enterDuration: ".3s",
leaveDuration: ".2s"
})])])]);
var ge = {};
Object.defineProperty(ge, "__esModule", { value: !0 });
ge.formItemSize = yr;
ge.formItemMisc = _r;
ge.formItemRule = wr;
const vr = rt, E = G, br = Re, ke = T, Ve = X;
function yr(t) {
const e = (0, E.inject)(Ve.formInjectionKey, null), { mergedComponentPropsRef: r } = (0, br.useConfig)(t);
return {
mergedSize: (0, E.computed)(() => {
var n, i;
if (t.size !== void 0)
return t.size;
if ((e == null ? void 0 : e.props.size) !== void 0)
return e.props.size;
const o = (i = (n = r == null ? void 0 : r.value) === null || n === void 0 ? void 0 : n.Form) === null || i === void 0 ? void 0 : i.size;
return o || "medium";
})
};
}
function _r(t) {
const e = (0, E.inject)(Ve.formInjectionKey, null), r = (0, E.computed)(() => {
const { labelPlacement: v } = t;
return v !== void 0 ? v : e != null && e.props.labelPlacement ? e.props.labelPlacement : "top";
}), n = (0, E.computed)(() => r.value === "left" && (t.labelWidth === "auto" || (e == null ? void 0 : e.props.labelWidth) === "auto")), i = (0, E.computed)(() => {
if (r.value === "top")
return;
const { labelWidth: v } = t;
if (v !== void 0 && v !== "auto")
return (0, ke.formatLength)(v);
if (n.value) {
const m = e == null ? void 0 : e.maxChildLabelWidthRef.value;
return m !== void 0 ? (0, ke.formatLength)(m) : void 0;
}
if ((e == null ? void 0 : e.props.labelWidth) !== void 0)
return (0, ke.formatLength)(e.props.labelWidth);
}), o = (0, E.computed)(() => {
const { labelAlign: v } = t;
if (v)
return v;
if (e != null && e.props.labelAlign)
return e.props.labelAlign;
}), a = (0, E.computed)(() => {
var v;
return [
(v = t.labelProps) === null || v === void 0 ? void 0 : v.style,
t.labelStyle,
{
width: i.value
}
];
}), s = (0, E.computed)(() => {
const { showRequireMark: v } = t;
return v !== void 0 ? v : e == null ? void 0 : e.props.showRequireMark;
}), l = (0, E.computed)(() => {
const { requireMarkPlacement: v } = t;
return v !== void 0 ? v : (e == null ? void 0 : e.props.requireMarkPlacement) || "right";
}), f = (0, E.ref)(!1), c = (0, E.ref)(!1), d = (0, E.computed)(() => {
const { validationStatus: v } = t;
if (v !== void 0)
return v;
if (f.value)
return "error";
if (c.value)
return "warning";
}), u = (0, E.computed)(() => {
const { showFeedback: v } = t;
return v !== void 0 ? v : (e == null ? void 0 : e.props.showFeedback) !== void 0 ? e.props.showFeedback : !0;
}), P = (0, E.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: f,
validationWarned: c,
mergedLabelStyle: a,
mergedLabelPlacement: r,
mergedLabelAlign: o,
mergedShowRequireMark: s,
mergedRequireMarkPlacement: l,
mergedValidationStatus: d,
mergedShowFeedback: u,
mergedShowLabel: P,
isAutoLabelWidth: n
};
}
function wr(t) {
const e = (0, E.inject)(Ve.formInjectionKey, null), r = (0, E.computed)(() => {
const { rulePath: a } = t;
if (a !== void 0)
return a;
const { path: s } = t;
if (s !== void 0)
return s;
}), n = (0, E.computed)(() => {
const a = [], { rule: s } = t;
if (s !== void 0 && (Array.isArray(s) ? a.push(...s) : a.push(s)), e) {
const { rules: l } = e.props, { value: f } = r;
if (l !== void 0 && f !== void 0) {
const c = (0, vr.get)(l, f);
c !== void 0 && (Array.isArray(c) ? a.push(...c) : a.push(c));
}
}
return a;
}), i = (0, E.computed)(() => n.value.some((a) => a.required)), o = (0, E.computed)(() => i.value || t.required);
return {
mergedRules: n,
mergedRequired: o
};
}
(function(t) {
var e = _ && _.__awaiter || function(m, h, g, b) {
function p(y) {
return y instanceof g ? y : new g(function(I) {
I(y);
});
}
return new (g || (g = Promise))(function(y, I) {
function k(O) {
try {
R(b.next(O));
} catch (j) {
I(j);
}
}
function q(O) {
try {
R(b.throw(O));
} catch (j) {
I(j);
}
}
function R(O) {
O.done ? y(O.value) : p(O.value).then(k, q);
}
R((b = b.apply(m, h || [])).next());
});
}, r = _ && _.__importDefault || function(m) {
return m && m.__esModule ? m : { default: m };
};
Object.defineProperty(t, "__esModule", { value: !0 }), t.formItemPropKeys = t.formItemProps = void 0;
const n = r(cr), i = rt, o = Ee, a = G, s = Re, l = Ot, f = T, c = Le, d = X, u = r(De), P = ge;
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, contentClass: String, contentStyle: [String, Object] }), t.formItemPropKeys = (0, f.keysOf)(t.formItemProps);
function v(m, h) {
return (...g) => {
try {
const b = m(...g);
return !h && (typeof b == "boolean" || b instanceof Error || Array.isArray(b)) || b != null && b.then ? b : (b === void 0 || (0, f.warn)("form-item/validate", `You return a ${typeof b} typed value in the validator method, which is not recommended. Please use ${h ? "`Promise`" : "`boolean`, `Error` or `Promise`"} typed value instead.`), !0);
} catch (b) {
(0, f.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, a.defineComponent)({
name: "FormItem",
props: t.formItemProps,
slots: Object,
setup(m) {
(0, f.useInjectionInstanceCollection)(d.formItemInstsInjectionKey, "formItems", (0, a.toRef)(m, "path"));
const { mergedClsPrefixRef: h, inlineThemeDisabled: g } = (0, s.useConfig)(m), b = (0, a.inject)(d.formInjectionKey, null), p = (0, P.formItemSize)(m), y = (0, P.formItemMisc)(m), { validationErrored: I, validationWarned: k } = y, { mergedRequired: q, mergedRules: R } = (0, P.formItemRule)(m), { mergedSize: O } = p, { mergedLabelPlacement: j, mergedLabelAlign: N, mergedRequireMarkPlacement: C } = y, A = (0, a.ref)([]), H = (0, a.ref)((0, o.createId)()), Ge = (0, a.ref)(null), mt = b ? (0, a.toRef)(b.props, "disabled") : (0, a.ref)(!1), gt = (0, s.useTheme)("Form", "-form-item", u.default, c.formLight, m, h);
(0, a.watch)((0, a.toRef)(m, "path"), () => {
m.ignorePathChange || pe();
});
function He() {
if (!y.isAutoLabelWidth.value)
return;
const F = Ge.value;
if (F !== null) {
const D = F.style.whiteSpace;
F.style.whiteSpace = "nowrap", F.style.width = "", b == null || b.deriveMaxChildLabelWidth(Number(getComputedStyle(F).width.slice(0, -2))), F.style.whiteSpace = D;
}
}
function pe() {
A.value = [], I.value = !1, k.value = !1, m.feedback && (H.value = (0, o.createId)());
}
const ee = (...F) => e(this, [...F], void 0, function* (D = null, W = () => !0, z = {
suppressWarning: !0
}) {
const { path: B } = m;
z ? z.first || (z.first = m.first) : z = {};
const { value: Z } = R, re = b ? (0, i.get)(b.props.model, B || "") : void 0, ne = {}, ie = {}, Y = (D ? Z.filter((S) => Array.isArray(S.trigger) ? S.trigger.includes(D) : S.trigger === D) : Z).filter(W).map((S, $) => {
const x = Object.assign({}, S);
if (x.validator && (x.validator = v(x.validator, !1)), x.asyncValidator && (x.asyncValidator = v(x.asyncValidator, !0)), x.renderMessage) {
const _e = `__renderMessage__${$}`;
ie[_e] = x.message, x.message = _e, ne[_e] = x.renderMessage;
}
return x;
}), U = Y.filter((S) => S.level !== "warning"), he = Y.filter((S) => S.level === "warning"), V = {
valid: !0,
errors: void 0,
warnings: void 0
};
if (!Y.length)
return V;
const ae = B ?? "__n_no_path__", ve = new n.default({
[ae]: U
}), be = new n.default({
[ae]: he
}), { validateMessages: fe } = (b == null ? void 0 : b.props) || {};
fe && (ve.messages(fe), be.messages(fe));
const ye = (S) => {
A.value = S.map(($) => {
const x = ($ == null ? void 0 : $.message) || "";
return {
key: x,
render: () => x.startsWith("__renderMessage__") ? ne[x]() : x
};
}), S.forEach(($) => {
var x;
!((x = $.message) === null || x === void 0) && x.startsWith("__renderMessage__") && ($.message = ie[$.message]);
});
};
if (U.length) {
const S = yield new Promise(($) => {
ve.validate({ [ae]: re }, z, $);
});
S != null && S.length && (V.valid = !1, V.errors = S, ye(S));
}
if (he.length && !V.errors) {
const S = yield new Promise(($) => {
be.validate({ [ae]: re }, z, $);
});
S != null && S.length && (ye(S), V.warnings = S);
}
return !V.errors && !V.warnings ? pe() : (I.value = !!V.errors, k.value = !!V.warnings), V;
});
function pt() {
ee("blur");
}
function ht() {
ee("change");
}
function vt() {
ee("focus");
}
function bt() {
ee("input");
}
function yt(F, D) {
return e(this, void 0, void 0, function* () {
let W, z, B, Z;
return typeof F == "string" ? (W = F, z = D) : F !== null && typeof F == "object" && (W = F.trigger, z = F.callback, B = F.shouldRuleBeApplied, Z = F.options), yield new Promise((re, ne) => {
ee(W, B, Z).then(({ valid: ie, errors: Y, warnings: U }) => {
ie ? (z && z(void 0, { warnings: U }), re({ warnings: U })) : (z && z(Y, { warnings: U }), ne(Y));
});
});
});
}
(0, a.provide)(l.formItemInjectionKey, {
path: (0, a.toRef)(m, "path"),
disabled: mt,
mergedSize: p.mergedSize,
mergedValidationStatus: y.mergedValidationStatus,
restoreValidation: pe,
handleContentBlur: pt,
handleContentChange: ht,
handleContentFocus: vt,
handleContentInput: bt
});
const _t = {
validate: yt,
restoreValidation: pe,
internalValidate: ee,
invalidateLabelWidth: He
};
(0, a.onMounted)(He);
const Ye = (0, a.computed)(() => {
var F;
const { value: D } = O, { value: W } = j, z = W === "top" ? "vertical" : "horizontal", { common: { cubicBezierEaseInOut: B }, self: { labelTextColor: Z, asteriskColor: re, lineHeight: ne, feedbackTextColor: ie, feedbackTextColorWarning: Y, feedbackTextColorError: U, feedbackPadding: he, labelFontWeight: V, [(0, f.createKey)("labelHeight", D)]: ae, [(0, f.createKey)("blankHeight", D)]: ve, [(0, f.createKey)("feedbackFontSize", D)]: be, [(0, f.createKey)("feedbackHeight", D)]: fe, [(0, f.createKey)("labelPadding", z)]: ye, [(0, f.createKey)("labelTextAlign", z)]: S, [(0, f.createKey)((0, f.createKey)("labelFontSize", W), D)]: $ } } = gt.value;
let x = (F = N.value) !== null && F !== void 0 ? F : S;
return W === "top" && (x = x === "right" ? "flex-end" : "flex-start"), {
"--n-bezier": B,
"--n-line-height": ne,
"--n-blank-height": ve,
"--n-label-font-size": $,
"--n-label-text-align": x,
"--n-label-height": ae,
"--n-label-padding": ye,
"--n-label-font-weight": V,
"--n-asterisk-color": re,
"--n-label-text-color": Z,
"--n-feedback-padding": he,
"--n-feedback-font-size": be,
"--n-feedback-height": fe,
"--n-feedback-text-color": ie,
"--n-feedback-text-color-warning": Y,
"--n-feedback-text-color-error": U
};
}), te = g ? (0, s.useThemeClass)("form-item", (0, a.computed)(() => {
var F;
return `${O.value[0]}${j.value[0]}${((F = N.value) === null || F === void 0 ? void 0 : F[0]) || ""}`;
}), Ye, m) : void 0, wt = (0, a.computed)(() => j.value === "left" && C.value === "left" && N.value === "left");
return Object.assign(Object.assign(Object.assign(Object.assign({ labelElementRef: Ge, mergedClsPrefix: h, mergedRequired: q, feedbackId: H, renderExplains: A, reverseColSpace: wt }, y), p), _t), { cssVars: g ? void 0 : Ye, themeClass: te == null ? void 0 : te.themeClass, onRender: te == null ? void 0 : te.onRender });
},
render() {
const { $slots: m, mergedClsPrefix: h, mergedShowLabel: g, mergedShowRequireMark: b, mergedRequireMarkPlacement: p, onRender: y } = this, I = b !== void 0 ? b : this.mergedRequired;
y == null || y();
const k = () => {
const q = this.$slots.label ? this.$slots.label() : this.label;
if (!q)
return null;
const R = (0, a.h)("span", { class: `${h}-form-item-label__text` }, q), O = I ? (0, a.h)("span", { class: `${h}-form-item-label__asterisk` }, p !== "left" ? " *" : "* ") : p === "right-hanging" && (0, a.h)("span", { class: `${h}-form-item-label__asterisk-placeholder` }, " *"), { labelProps: j } = this;
return (0, a.h)("label", Object.assign({}, j, { class: [
j == null ? void 0 : j.class,
`${h}-form-item-label`,
`${h}-form-item-label--${p}-mark`,
this.reverseColSpace && `${h}-form-item-label--reverse-columns-space`
], style: this.mergedLabelStyle, ref: "labelElementRef" }), p === "left" ? [O, R] : [R, O]);
};
return (0, a.h)(
"div",
{ class: [
`${h}-form-item`,
this.themeClass,
`${h}-form-item--${this.mergedSize}-size`,
`${h}-form-item--${this.mergedLabelPlacement}-labelled`,
this.isAutoLabelWidth && `${h}-form-item--auto-label-width`,
!g && `${h}-form-item--no-label`
], style: this.cssVars },
g && k(),
(0, a.h)("div", { class: [
`${h}-form-item-blank`,
this.contentClass,
this.mergedValidationStatus && `${h}-form-item-blank--${this.mergedValidationStatus}`
], style: t