@coderlt/form-designer
Version:
基于vue3的设计器,可视化开发页面表单
426 lines (425 loc) • 11.9 kB
JavaScript
function s(e, r) {
U(e) && (e = "100%");
var a = V(e);
return e = r === 360 ? e : Math.min(r, Math.max(0, parseFloat(e))), a && (e = parseInt(String(e * r), 10) / 100), Math.abs(e - r) < 1e-6 ? 1 : (r === 360 ? e = (e < 0 ? e % r + r : e % r) / parseFloat(String(r)) : e = e % r / parseFloat(String(r)), e);
}
function U(e) {
return typeof e == "string" && e.indexOf(".") !== -1 && parseFloat(e) === 1;
}
function V(e) {
return typeof e == "string" && e.indexOf("%") !== -1;
}
function $(e) {
return e = parseFloat(e), (isNaN(e) || e < 0 || e > 1) && (e = 1), e;
}
function p(e) {
return e <= 1 ? "".concat(Number(e) * 100, "%") : e;
}
function F(e) {
return e.length === 1 ? "0" + e : String(e);
}
function W(e, r, a) {
return {
r: s(e, 255) * 255,
g: s(r, 255) * 255,
b: s(a, 255) * 255
};
}
function A(e, r, a) {
return a < 0 && (a += 1), a > 1 && (a -= 1), a < 1 / 6 ? e + (r - e) * (6 * a) : a < 1 / 2 ? r : a < 2 / 3 ? e + (r - e) * (2 / 3 - a) * 6 : e;
}
function z(e, r, a) {
var t, f, n;
if (e = s(e, 360), r = s(r, 100), a = s(a, 100), r === 0)
f = a, n = a, t = a;
else {
var u = a < 0.5 ? a * (1 + r) : a + r - a * r, i = 2 * a - u;
t = A(i, u, e + 1 / 3), f = A(i, u, e), n = A(i, u, e - 1 / 3);
}
return { r: t * 255, g: f * 255, b: n * 255 };
}
function G(e, r, a) {
e = s(e, 255), r = s(r, 255), a = s(a, 255);
var t = Math.max(e, r, a), f = Math.min(e, r, a), n = 0, u = t, i = t - f, g = t === 0 ? 0 : i / t;
if (t === f)
n = 0;
else {
switch (t) {
case e:
n = (r - a) / i + (r < a ? 6 : 0);
break;
case r:
n = (a - e) / i + 2;
break;
case a:
n = (e - r) / i + 4;
break;
}
n /= 6;
}
return { h: n, s: g, v: u };
}
function L(e, r, a) {
e = s(e, 360) * 6, r = s(r, 100), a = s(a, 100);
var t = Math.floor(e), f = e - t, n = a * (1 - r), u = a * (1 - f * r), i = a * (1 - (1 - f) * r), g = t % 6, w = [a, u, n, n, i, a][g], v = [i, a, a, u, n, n][g], S = [n, n, i, a, a, u][g];
return { r: w * 255, g: v * 255, b: S * 255 };
}
function Z(e, r, a, t) {
var f = [
F(Math.round(e).toString(16)),
F(Math.round(r).toString(16)),
F(Math.round(a).toString(16))
];
return t && f[0].startsWith(f[0].charAt(1)) && f[1].startsWith(f[1].charAt(1)) && f[2].startsWith(f[2].charAt(1)) ? f[0].charAt(0) + f[1].charAt(0) + f[2].charAt(0) : f.join("");
}
function T(e) {
return o(e) / 255;
}
function o(e) {
return parseInt(e, 16);
}
var R = {
aliceblue: "#f0f8ff",
antiquewhite: "#faebd7",
aqua: "#00ffff",
aquamarine: "#7fffd4",
azure: "#f0ffff",
beige: "#f5f5dc",
bisque: "#ffe4c4",
black: "#000000",
blanchedalmond: "#ffebcd",
blue: "#0000ff",
blueviolet: "#8a2be2",
brown: "#a52a2a",
burlywood: "#deb887",
cadetblue: "#5f9ea0",
chartreuse: "#7fff00",
chocolate: "#d2691e",
coral: "#ff7f50",
cornflowerblue: "#6495ed",
cornsilk: "#fff8dc",
crimson: "#dc143c",
cyan: "#00ffff",
darkblue: "#00008b",
darkcyan: "#008b8b",
darkgoldenrod: "#b8860b",
darkgray: "#a9a9a9",
darkgreen: "#006400",
darkgrey: "#a9a9a9",
darkkhaki: "#bdb76b",
darkmagenta: "#8b008b",
darkolivegreen: "#556b2f",
darkorange: "#ff8c00",
darkorchid: "#9932cc",
darkred: "#8b0000",
darksalmon: "#e9967a",
darkseagreen: "#8fbc8f",
darkslateblue: "#483d8b",
darkslategray: "#2f4f4f",
darkslategrey: "#2f4f4f",
darkturquoise: "#00ced1",
darkviolet: "#9400d3",
deeppink: "#ff1493",
deepskyblue: "#00bfff",
dimgray: "#696969",
dimgrey: "#696969",
dodgerblue: "#1e90ff",
firebrick: "#b22222",
floralwhite: "#fffaf0",
forestgreen: "#228b22",
fuchsia: "#ff00ff",
gainsboro: "#dcdcdc",
ghostwhite: "#f8f8ff",
goldenrod: "#daa520",
gold: "#ffd700",
gray: "#808080",
green: "#008000",
greenyellow: "#adff2f",
grey: "#808080",
honeydew: "#f0fff0",
hotpink: "#ff69b4",
indianred: "#cd5c5c",
indigo: "#4b0082",
ivory: "#fffff0",
khaki: "#f0e68c",
lavenderblush: "#fff0f5",
lavender: "#e6e6fa",
lawngreen: "#7cfc00",
lemonchiffon: "#fffacd",
lightblue: "#add8e6",
lightcoral: "#f08080",
lightcyan: "#e0ffff",
lightgoldenrodyellow: "#fafad2",
lightgray: "#d3d3d3",
lightgreen: "#90ee90",
lightgrey: "#d3d3d3",
lightpink: "#ffb6c1",
lightsalmon: "#ffa07a",
lightseagreen: "#20b2aa",
lightskyblue: "#87cefa",
lightslategray: "#778899",
lightslategrey: "#778899",
lightsteelblue: "#b0c4de",
lightyellow: "#ffffe0",
lime: "#00ff00",
limegreen: "#32cd32",
linen: "#faf0e6",
magenta: "#ff00ff",
maroon: "#800000",
mediumaquamarine: "#66cdaa",
mediumblue: "#0000cd",
mediumorchid: "#ba55d3",
mediumpurple: "#9370db",
mediumseagreen: "#3cb371",
mediumslateblue: "#7b68ee",
mediumspringgreen: "#00fa9a",
mediumturquoise: "#48d1cc",
mediumvioletred: "#c71585",
midnightblue: "#191970",
mintcream: "#f5fffa",
mistyrose: "#ffe4e1",
moccasin: "#ffe4b5",
navajowhite: "#ffdead",
navy: "#000080",
oldlace: "#fdf5e6",
olive: "#808000",
olivedrab: "#6b8e23",
orange: "#ffa500",
orangered: "#ff4500",
orchid: "#da70d6",
palegoldenrod: "#eee8aa",
palegreen: "#98fb98",
paleturquoise: "#afeeee",
palevioletred: "#db7093",
papayawhip: "#ffefd5",
peachpuff: "#ffdab9",
peru: "#cd853f",
pink: "#ffc0cb",
plum: "#dda0dd",
powderblue: "#b0e0e6",
purple: "#800080",
rebeccapurple: "#663399",
red: "#ff0000",
rosybrown: "#bc8f8f",
royalblue: "#4169e1",
saddlebrown: "#8b4513",
salmon: "#fa8072",
sandybrown: "#f4a460",
seagreen: "#2e8b57",
seashell: "#fff5ee",
sienna: "#a0522d",
silver: "#c0c0c0",
skyblue: "#87ceeb",
slateblue: "#6a5acd",
slategray: "#708090",
slategrey: "#708090",
snow: "#fffafa",
springgreen: "#00ff7f",
steelblue: "#4682b4",
tan: "#d2b48c",
teal: "#008080",
thistle: "#d8bfd8",
tomato: "#ff6347",
turquoise: "#40e0d0",
violet: "#ee82ee",
wheat: "#f5deb3",
white: "#ffffff",
whitesmoke: "#f5f5f5",
yellow: "#ffff00",
yellowgreen: "#9acd32"
};
function h(e) {
var r = { r: 0, g: 0, b: 0 }, a = 1, t = null, f = null, n = null, u = !1, i = !1;
return typeof e == "string" && (e = K(e)), typeof e == "object" && (b(e.r) && b(e.g) && b(e.b) ? (r = W(e.r, e.g, e.b), u = !0, i = String(e.r).substr(-1) === "%" ? "prgb" : "rgb") : b(e.h) && b(e.s) && b(e.v) ? (t = p(e.s), f = p(e.v), r = L(e.h, t, f), u = !0, i = "hsv") : b(e.h) && b(e.s) && b(e.l) && (t = p(e.s), n = p(e.l), r = z(e.h, t, n), u = !0, i = "hsl"), Object.prototype.hasOwnProperty.call(e, "a") && (a = e.a)), a = $(a), {
ok: u,
format: e.format || i,
r: Math.min(255, Math.max(r.r, 0)),
g: Math.min(255, Math.max(r.g, 0)),
b: Math.min(255, Math.max(r.b, 0)),
a
};
}
var _ = "[-\\+]?\\d+%?", J = "[-\\+]?\\d*\\.\\d+%?", c = "(?:".concat(J, ")|(?:").concat(_, ")"), M = "[\\s|\\(]+(".concat(c, ")[,|\\s]+(").concat(c, ")[,|\\s]+(").concat(c, ")\\s*\\)?"), C = "[\\s|\\(]+(".concat(c, ")[,|\\s]+(").concat(c, ")[,|\\s]+(").concat(c, ")[,|\\s]+(").concat(c, ")\\s*\\)?"), l = {
CSS_UNIT: new RegExp(c),
rgb: new RegExp("rgb" + M),
rgba: new RegExp("rgba" + C),
hsl: new RegExp("hsl" + M),
hsla: new RegExp("hsla" + C),
hsv: new RegExp("hsv" + M),
hsva: new RegExp("hsva" + C),
hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,
hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/
};
function K(e) {
if (e = e.trim().toLowerCase(), e.length === 0)
return !1;
var r = !1;
if (R[e])
e = R[e], r = !0;
else if (e === "transparent")
return { r: 0, g: 0, b: 0, a: 0, format: "name" };
var a = l.rgb.exec(e);
return a ? { r: a[1], g: a[2], b: a[3] } : (a = l.rgba.exec(e), a ? { r: a[1], g: a[2], b: a[3], a: a[4] } : (a = l.hsl.exec(e), a ? { h: a[1], s: a[2], l: a[3] } : (a = l.hsla.exec(e), a ? { h: a[1], s: a[2], l: a[3], a: a[4] } : (a = l.hsv.exec(e), a ? { h: a[1], s: a[2], v: a[3] } : (a = l.hsva.exec(e), a ? { h: a[1], s: a[2], v: a[3], a: a[4] } : (a = l.hex8.exec(e), a ? {
r: o(a[1]),
g: o(a[2]),
b: o(a[3]),
a: T(a[4]),
format: r ? "name" : "hex8"
} : (a = l.hex6.exec(e), a ? {
r: o(a[1]),
g: o(a[2]),
b: o(a[3]),
format: r ? "name" : "hex"
} : (a = l.hex4.exec(e), a ? {
r: o(a[1] + a[1]),
g: o(a[2] + a[2]),
b: o(a[3] + a[3]),
a: T(a[4] + a[4]),
format: r ? "name" : "hex8"
} : (a = l.hex3.exec(e), a ? {
r: o(a[1] + a[1]),
g: o(a[2] + a[2]),
b: o(a[3] + a[3]),
format: r ? "name" : "hex"
} : !1)))))))));
}
function b(e) {
return !!l.CSS_UNIT.exec(String(e));
}
var m = 2, I = 0.16, Q = 0.05, X = 0.05, Y = 0.15, j = 5, D = 4, ee = [{
index: 7,
opacity: 0.15
}, {
index: 6,
opacity: 0.25
}, {
index: 5,
opacity: 0.3
}, {
index: 5,
opacity: 0.45
}, {
index: 5,
opacity: 0.65
}, {
index: 5,
opacity: 0.85
}, {
index: 4,
opacity: 0.9
}, {
index: 3,
opacity: 0.95
}, {
index: 2,
opacity: 0.97
}, {
index: 1,
opacity: 0.98
}];
function P(e) {
var r = e.r, a = e.g, t = e.b, f = G(r, a, t);
return {
h: f.h * 360,
s: f.s,
v: f.v
};
}
function y(e) {
var r = e.r, a = e.g, t = e.b;
return "#".concat(Z(r, a, t, !1));
}
function ae(e, r, a) {
var t = a / 100, f = {
r: (r.r - e.r) * t + e.r,
g: (r.g - e.g) * t + e.g,
b: (r.b - e.b) * t + e.b
};
return f;
}
function N(e, r, a) {
var t;
return Math.round(e.h) >= 60 && Math.round(e.h) <= 240 ? t = a ? Math.round(e.h) - m * r : Math.round(e.h) + m * r : t = a ? Math.round(e.h) + m * r : Math.round(e.h) - m * r, t < 0 ? t += 360 : t >= 360 && (t -= 360), t;
}
function H(e, r, a) {
if (e.h === 0 && e.s === 0)
return e.s;
var t;
return a ? t = e.s - I * r : r === D ? t = e.s + I : t = e.s + Q * r, t > 1 && (t = 1), a && r === j && t > 0.1 && (t = 0.1), t < 0.06 && (t = 0.06), Number(t.toFixed(2));
}
function O(e, r, a) {
var t;
return a ? t = e.v + X * r : t = e.v - Y * r, t > 1 && (t = 1), Number(t.toFixed(2));
}
function E(e) {
for (var r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, a = [], t = h(e), f = j; f > 0; f -= 1) {
var n = P(t), u = y(h({
h: N(n, f, !0),
s: H(n, f, !0),
v: O(n, f, !0)
}));
a.push(u);
}
a.push(y(t));
for (var i = 1; i <= D; i += 1) {
var g = P(t), w = y(h({
h: N(g, i),
s: H(g, i),
v: O(g, i)
}));
a.push(w);
}
return r.theme === "dark" ? ee.map(function(v) {
var S = v.index, B = v.opacity, q = y(ae(h(r.backgroundColor || "#141414"), h(a[S]), B * 100));
return q;
}) : a;
}
var x = {
red: "#F5222D",
volcano: "#FA541C",
orange: "#FA8C16",
gold: "#FAAD14",
yellow: "#FADB14",
lime: "#A0D911",
green: "#52C41A",
cyan: "#13C2C2",
blue: "#1890FF",
geekblue: "#2F54EB",
purple: "#722ED1",
magenta: "#EB2F96",
grey: "#666666"
}, d = {}, k = {};
Object.keys(x).forEach(function(e) {
d[e] = E(x[e]), d[e].primary = d[e][5], k[e] = E(x[e], {
theme: "dark",
backgroundColor: "#141414"
}), k[e].primary = k[e][5];
});
var re = d.red, te = d.volcano, fe = d.gold, ne = d.orange, ie = d.yellow, ue = d.lime, de = d.green, oe = d.cyan, se = d.blue, le = d.geekblue, ge = d.purple, be = d.magenta, ce = d.grey;
const he = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
__proto__: null,
blue: se,
cyan: oe,
geekblue: le,
generate: E,
gold: fe,
green: de,
grey: ce,
lime: ue,
magenta: be,
orange: ne,
presetDarkPalettes: k,
presetPalettes: d,
presetPrimaryColors: x,
purple: ge,
red: re,
volcano: te,
yellow: ie
}, Symbol.toStringTag, { value: "Module" }));
export {
se as b,
E as g,
he as i
};