epic-designer-cjh
Version:
基于vue3的设计器,可视化开发页面表单
1,398 lines • 122 kB
JavaScript
import { inject as ee, ref as j, onMounted as We, onBeforeUnmount as Le, computed as I, defineComponent as Y, h as n, watchEffect as pe, vShow as ft, watch as ht, toRef as N, provide as de, Transition as Pe, mergeProps as ar, withDirectives as Oe, Fragment as Be, cloneVNode as lr, Text as sr, normalizeStyle as dr, getCurrentInstance as cr, Teleport as ur, nextTick as fr } from "vue";
import { c9 as gt, v as hr, t as pt, I as gr, x as pr, b$ as ze, c0 as we, c8 as Me, ca as vt } from "./index-97ce4605.js";
import { i as mt, b as vr, N as Re } from "./Button-e71f72ac.js";
import { i as Ke, r as Ae, c as mr } from "./resolve-slot-d8544b74.js";
import { N as X } from "./Icon-6fe59076.js";
import { N as bt } from "./FadeInExpandTransition-596a1c51.js";
import { h as br, c as M, a as p, f as Te, b as J, e as F, n as wr, u as ce } from "./use-rtl-d05cb593.js";
import { f as ae } from "./format-length-59d2d3ae.js";
import { m as wt, d as yt, p as xt, X as yr, g as Je, k as xr, f as Qe, a as Cr, S as Ct, E as Rt, W as St, I as kt } from "./fade-in-scale-up.cssr-104df6e0.js";
import { d as Rr, c as Ce, u as ne, a as De, b as ge, e as Ze } from "./light-76d75dc8.js";
import { c as et } from "./create-key-76a2bf3d.js";
import { u as Ie } from "./use-memo-01b53d71.js";
import { a as Sr, c as kr } from "./index-4562f02c.js";
import { p as Pr, d as Tr, u as $r, V as Or, e as Br, b as Ir } from "./index-ea4aeba0.js";
import { a as $e, o as ye } from "./delegate-6e021bb9.js";
import { i as Pt } from "./use-is-mounted-a0b9f33e.js";
import { g as tt, F as Lr, z as Tt, L as zr } from "./index-b826a2e2.js";
import { r as le } from "./replaceable-3545da1a.js";
import { b as Mr } from "./_baseIteratee-9edfdc6e.js";
import { c as rt } from "./clickoutside-3b4c9484.js";
import { m as Dr } from "./mousemoveoutside-95e23ec7.js";
import { u as $t } from "./use-merged-state-7348d957.js";
import { c as Ve } from "./index-f636e660.js";
import { N as Er, i as _r } from "./icon-switch.cssr-d74fe364.js";
import { f as ot } from "./fade-in-height-expand.cssr-52e7384f.js";
import { u as Ar } from "./use-form-item-4d43edfb.js";
function Fr(e, r, t, o) {
var i = -1, a = e == null ? 0 : e.length;
for (o && a && (t = e[++i]); ++i < a; )
t = r(t, e[i], i, e);
return t;
}
function jr(e) {
return function(r) {
return e == null ? void 0 : e[r];
};
}
var Nr = {
// Latin-1 Supplement block.
À: "A",
Á: "A",
Â: "A",
Ã: "A",
Ä: "A",
Å: "A",
à: "a",
á: "a",
â: "a",
ã: "a",
ä: "a",
å: "a",
Ç: "C",
ç: "c",
Ð: "D",
ð: "d",
È: "E",
É: "E",
Ê: "E",
Ë: "E",
è: "e",
é: "e",
ê: "e",
ë: "e",
Ì: "I",
Í: "I",
Î: "I",
Ï: "I",
ì: "i",
í: "i",
î: "i",
ï: "i",
Ñ: "N",
ñ: "n",
Ò: "O",
Ó: "O",
Ô: "O",
Õ: "O",
Ö: "O",
Ø: "O",
ò: "o",
ó: "o",
ô: "o",
õ: "o",
ö: "o",
ø: "o",
Ù: "U",
Ú: "U",
Û: "U",
Ü: "U",
ù: "u",
ú: "u",
û: "u",
ü: "u",
Ý: "Y",
ý: "y",
ÿ: "y",
Æ: "Ae",
æ: "ae",
Þ: "Th",
þ: "th",
ß: "ss",
// Latin Extended-A block.
Ā: "A",
Ă: "A",
Ą: "A",
ā: "a",
ă: "a",
ą: "a",
Ć: "C",
Ĉ: "C",
Ċ: "C",
Č: "C",
ć: "c",
ĉ: "c",
ċ: "c",
č: "c",
Ď: "D",
Đ: "D",
ď: "d",
đ: "d",
Ē: "E",
Ĕ: "E",
Ė: "E",
Ę: "E",
Ě: "E",
ē: "e",
ĕ: "e",
ė: "e",
ę: "e",
ě: "e",
Ĝ: "G",
Ğ: "G",
Ġ: "G",
Ģ: "G",
ĝ: "g",
ğ: "g",
ġ: "g",
ģ: "g",
Ĥ: "H",
Ħ: "H",
ĥ: "h",
ħ: "h",
Ĩ: "I",
Ī: "I",
Ĭ: "I",
Į: "I",
İ: "I",
ĩ: "i",
ī: "i",
ĭ: "i",
į: "i",
ı: "i",
Ĵ: "J",
ĵ: "j",
Ķ: "K",
ķ: "k",
ĸ: "k",
Ĺ: "L",
Ļ: "L",
Ľ: "L",
Ŀ: "L",
Ł: "L",
ĺ: "l",
ļ: "l",
ľ: "l",
ŀ: "l",
ł: "l",
Ń: "N",
Ņ: "N",
Ň: "N",
Ŋ: "N",
ń: "n",
ņ: "n",
ň: "n",
ŋ: "n",
Ō: "O",
Ŏ: "O",
Ő: "O",
ō: "o",
ŏ: "o",
ő: "o",
Ŕ: "R",
Ŗ: "R",
Ř: "R",
ŕ: "r",
ŗ: "r",
ř: "r",
Ś: "S",
Ŝ: "S",
Ş: "S",
Š: "S",
ś: "s",
ŝ: "s",
ş: "s",
š: "s",
Ţ: "T",
Ť: "T",
Ŧ: "T",
ţ: "t",
ť: "t",
ŧ: "t",
Ũ: "U",
Ū: "U",
Ŭ: "U",
Ů: "U",
Ű: "U",
Ų: "U",
ũ: "u",
ū: "u",
ŭ: "u",
ů: "u",
ű: "u",
ų: "u",
Ŵ: "W",
ŵ: "w",
Ŷ: "Y",
ŷ: "y",
Ÿ: "Y",
Ź: "Z",
Ż: "Z",
Ž: "Z",
ź: "z",
ż: "z",
ž: "z",
IJ: "IJ",
ij: "ij",
Œ: "Oe",
œ: "oe",
ʼn: "'n",
ſ: "s"
}, Ur = jr(Nr);
const Hr = Ur;
var Wr = /[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g, Vr = "\\u0300-\\u036f", Zr = "\\ufe20-\\ufe2f", qr = "\\u20d0-\\u20ff", Xr = Vr + Zr + qr, Yr = "[" + Xr + "]", Gr = RegExp(Yr, "g");
function Kr(e) {
return e = gt(e), e && e.replace(Wr, Hr).replace(Gr, "");
}
var Jr = /[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;
function Qr(e) {
return e.match(Jr) || [];
}
var eo = /[a-z][A-Z]|[A-Z]{2}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;
function to(e) {
return eo.test(e);
}
var Ot = "\\ud800-\\udfff", ro = "\\u0300-\\u036f", oo = "\\ufe20-\\ufe2f", no = "\\u20d0-\\u20ff", io = ro + oo + no, Bt = "\\u2700-\\u27bf", It = "a-z\\xdf-\\xf6\\xf8-\\xff", ao = "\\xac\\xb1\\xd7\\xf7", lo = "\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf", so = "\\u2000-\\u206f", co = " \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000", Lt = "A-Z\\xc0-\\xd6\\xd8-\\xde", uo = "\\ufe0e\\ufe0f", zt = ao + lo + so + co, Mt = "['’]", nt = "[" + zt + "]", fo = "[" + io + "]", Dt = "\\d+", ho = "[" + Bt + "]", Et = "[" + It + "]", _t = "[^" + Ot + zt + Dt + Bt + It + Lt + "]", go = "\\ud83c[\\udffb-\\udfff]", po = "(?:" + fo + "|" + go + ")", vo = "[^" + Ot + "]", At = "(?:\\ud83c[\\udde6-\\uddff]){2}", Ft = "[\\ud800-\\udbff][\\udc00-\\udfff]", he = "[" + Lt + "]", mo = "\\u200d", it = "(?:" + Et + "|" + _t + ")", bo = "(?:" + he + "|" + _t + ")", at = "(?:" + Mt + "(?:d|ll|m|re|s|t|ve))?", lt = "(?:" + Mt + "(?:D|LL|M|RE|S|T|VE))?", jt = po + "?", Nt = "[" + uo + "]?", wo = "(?:" + mo + "(?:" + [vo, At, Ft].join("|") + ")" + Nt + jt + ")*", yo = "\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])", xo = "\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])", Co = Nt + jt + wo, Ro = "(?:" + [ho, At, Ft].join("|") + ")" + Co, So = RegExp([
he + "?" + Et + "+" + at + "(?=" + [nt, he, "$"].join("|") + ")",
bo + "+" + lt + "(?=" + [nt, he + it, "$"].join("|") + ")",
he + "?" + it + "+" + at,
he + "+" + lt,
xo,
yo,
Dt,
Ro
].join("|"), "g");
function ko(e) {
return e.match(So) || [];
}
function Po(e, r, t) {
return e = gt(e), r = t ? void 0 : r, r === void 0 ? to(e) ? ko(e) : Qr(e) : e.match(r) || [];
}
var To = "['’]", $o = RegExp(To, "g");
function Oo(e) {
return function(r) {
return Fr(Po(Kr(r).replace($o, "")), e, "");
};
}
function Bo(e, r) {
return e && Rr(e, r, hr);
}
function Io(e, r) {
return function(t, o) {
if (t == null)
return t;
if (!pt(t))
return e(t, o);
for (var i = t.length, a = r ? i : -1, c = Object(t); (r ? a-- : ++a < i) && o(c[a], a, c) !== !1; )
;
return t;
};
}
var Lo = Io(Bo);
const zo = Lo;
function Mo(e, r) {
var t = -1, o = pt(e) ? Array(e.length) : [];
return zo(e, function(i, a, c) {
o[++t] = r(i, a, c);
}), o;
}
function Do(e, r) {
var t = gr(e) ? pr : Mo;
return t(e, Mr(r));
}
var Eo = Oo(function(e, r, t) {
return e + (t ? "-" : "") + r.toLowerCase();
});
const _o = Eo;
let Fe;
function Ao() {
return Fe === void 0 && (Fe = navigator.userAgent.includes("Node.js") || navigator.userAgent.includes("jsdom")), Fe;
}
const Fo = ze("n-internal-select-menu-body"), Ut = "__disabled__";
function ve(e) {
const r = ee(wt, null), t = ee(yt, null), o = ee(xt, null), i = ee(Fo, null), a = j();
if (typeof document < "u") {
a.value = document.fullscreenElement;
const c = () => {
a.value = document.fullscreenElement;
};
We(() => {
$e("fullscreenchange", document, c);
}), Le(() => {
ye("fullscreenchange", document, c);
});
}
return Ie(() => {
var c;
const { to: u } = e;
return u !== void 0 ? u === !1 ? Ut : u === !0 ? a.value || "body" : u : r != null && r.value ? (c = r.value.$el) !== null && c !== void 0 ? c : r.value : t != null && t.value ? t.value : o != null && o.value ? o.value : i != null && i.value ? i.value : u ?? (a.value || "body");
});
}
ve.tdkey = Ut;
ve.propTo = {
type: [String, Object, Boolean],
default: void 0
};
const jo = {
name: "en-US",
global: {
undo: "Undo",
redo: "Redo",
confirm: "Confirm",
clear: "Clear"
},
Popconfirm: {
positiveText: "Confirm",
negativeText: "Cancel"
},
Cascader: {
placeholder: "Please Select",
loading: "Loading",
loadingRequiredMessage: (e) => `Please load all ${e}'s descendants before checking it.`
},
Time: {
dateFormat: "yyyy-MM-dd",
dateTimeFormat: "yyyy-MM-dd HH:mm:ss"
},
DatePicker: {
yearFormat: "yyyy",
monthFormat: "MMM",
dayFormat: "eeeeee",
yearTypeFormat: "yyyy",
monthTypeFormat: "yyyy-MM",
dateFormat: "yyyy-MM-dd",
dateTimeFormat: "yyyy-MM-dd HH:mm:ss",
quarterFormat: "yyyy-qqq",
clear: "Clear",
now: "Now",
confirm: "Confirm",
selectTime: "Select Time",
selectDate: "Select Date",
datePlaceholder: "Select Date",
datetimePlaceholder: "Select Date and Time",
monthPlaceholder: "Select Month",
yearPlaceholder: "Select Year",
quarterPlaceholder: "Select Quarter",
startDatePlaceholder: "Start Date",
endDatePlaceholder: "End Date",
startDatetimePlaceholder: "Start Date and Time",
endDatetimePlaceholder: "End Date and Time",
startMonthPlaceholder: "Start Month",
endMonthPlaceholder: "End Month",
monthBeforeYear: !0,
firstDayOfWeek: 6,
today: "Today"
},
DataTable: {
checkTableAll: "Select all in the table",
uncheckTableAll: "Unselect all in the table",
confirm: "Confirm",
clear: "Clear"
},
LegacyTransfer: {
sourceTitle: "Source",
targetTitle: "Target"
},
Transfer: {
selectAll: "Select all",
unselectAll: "Unselect all",
clearAll: "Clear",
total: (e) => `Total ${e} items`,
selected: (e) => `${e} items selected`
},
Empty: {
description: "No Data"
},
Select: {
placeholder: "Please Select"
},
TimePicker: {
placeholder: "Select Time",
positiveText: "OK",
negativeText: "Cancel",
now: "Now"
},
Pagination: {
goto: "Goto",
selectionSuffix: "page"
},
DynamicTags: {
add: "Add"
},
Log: {
loading: "Loading"
},
Input: {
placeholder: "Please Input"
},
InputNumber: {
placeholder: "Please Input"
},
DynamicInput: {
create: "Create"
},
ThemeEditor: {
title: "Theme Editor",
clearAllVars: "Clear All Variables",
clearSearch: "Clear Search",
filterCompName: "Filter Component Name",
filterVarName: "Filter Variable Name",
import: "Import",
export: "Export",
restore: "Reset to Default"
},
Image: {
tipPrevious: "Previous picture (←)",
tipNext: "Next picture (→)",
tipCounterclockwise: "Counterclockwise",
tipClockwise: "Clockwise",
tipZoomOut: "Zoom out",
tipZoomIn: "Zoom in",
tipClose: "Close (Esc)",
// TODO: translation
tipOriginalSize: "Zoom to original size"
}
}, No = jo, Uo = {
name: "en-US",
locale: Pr
}, Ho = Uo;
function Wo(e) {
const { mergedLocaleRef: r, mergedDateLocaleRef: t } = ee(br, null) || {}, o = I(() => {
var a, c;
return (c = (a = r == null ? void 0 : r.value) === null || a === void 0 ? void 0 : a[e]) !== null && c !== void 0 ? c : No[e];
});
return {
dateLocaleRef: I(() => {
var a;
return (a = t == null ? void 0 : t.value) !== null && a !== void 0 ? a : Ho;
}),
localeRef: o
};
}
const Vo = Y({
name: "Add",
render() {
return n(
"svg",
{ width: "512", height: "512", viewBox: "0 0 512 512", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
n("path", { d: "M256 112V400M400 256H112", stroke: "currentColor", "stroke-width": "32", "stroke-linecap": "round", "stroke-linejoin": "round" })
);
}
}), Zo = le("attach", n(
"svg",
{ viewBox: "0 0 16 16", version: "1.1", xmlns: "http://www.w3.org/2000/svg" },
n(
"g",
{ stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" },
n(
"g",
{ fill: "currentColor", "fill-rule": "nonzero" },
n("path", { d: "M3.25735931,8.70710678 L7.85355339,4.1109127 C8.82986412,3.13460197 10.4127766,3.13460197 11.3890873,4.1109127 C12.365398,5.08722343 12.365398,6.67013588 11.3890873,7.64644661 L6.08578644,12.9497475 C5.69526215,13.3402718 5.06209717,13.3402718 4.67157288,12.9497475 C4.28104858,12.5592232 4.28104858,11.9260582 4.67157288,11.5355339 L9.97487373,6.23223305 C10.1701359,6.0369709 10.1701359,5.72038841 9.97487373,5.52512627 C9.77961159,5.32986412 9.4630291,5.32986412 9.26776695,5.52512627 L3.96446609,10.8284271 C3.18341751,11.6094757 3.18341751,12.8758057 3.96446609,13.6568542 C4.74551468,14.4379028 6.01184464,14.4379028 6.79289322,13.6568542 L12.0961941,8.35355339 C13.4630291,6.98671837 13.4630291,4.77064094 12.0961941,3.40380592 C10.7293591,2.0369709 8.51328163,2.0369709 7.14644661,3.40380592 L2.55025253,8 C2.35499039,8.19526215 2.35499039,8.51184464 2.55025253,8.70710678 C2.74551468,8.90236893 3.06209717,8.90236893 3.25735931,8.70710678 Z" })
)
)
)), qo = Y({
name: "Eye",
render() {
return n(
"svg",
{ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" },
n("path", { d: "M255.66 112c-77.94 0-157.89 45.11-220.83 135.33a16 16 0 0 0-.27 17.77C82.92 340.8 161.8 400 255.66 400c92.84 0 173.34-59.38 221.79-135.25a16.14 16.14 0 0 0 0-17.47C428.89 172.28 347.8 112 255.66 112z", fill: "none", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "32" }),
n("circle", { cx: "256", cy: "256", r: "80", fill: "none", stroke: "currentColor", "stroke-miterlimit": "10", "stroke-width": "32" })
);
}
}), Xo = le("trash", n(
"svg",
{ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" },
n("path", { d: "M432,144,403.33,419.74A32,32,0,0,1,371.55,448H140.46a32,32,0,0,1-31.78-28.26L80,144", style: "fill: none; stroke: currentcolor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 32px;" }),
n("rect", { x: "32", y: "64", width: "448", height: "80", rx: "16", ry: "16", style: "fill: none; stroke: currentcolor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 32px;" }),
n("line", { x1: "312", y1: "240", x2: "200", y2: "352", style: "fill: none; stroke: currentcolor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 32px;" }),
n("line", { x1: "312", y1: "352", x2: "200", y2: "240", style: "fill: none; stroke: currentcolor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 32px;" })
)), Yo = le("download", n(
"svg",
{ viewBox: "0 0 16 16", version: "1.1", xmlns: "http://www.w3.org/2000/svg" },
n(
"g",
{ stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" },
n(
"g",
{ fill: "currentColor", "fill-rule": "nonzero" },
n("path", { d: "M3.5,13 L12.5,13 C12.7761424,13 13,13.2238576 13,13.5 C13,13.7454599 12.8231248,13.9496084 12.5898756,13.9919443 L12.5,14 L3.5,14 C3.22385763,14 3,13.7761424 3,13.5 C3,13.2545401 3.17687516,13.0503916 3.41012437,13.0080557 L3.5,13 L12.5,13 L3.5,13 Z M7.91012437,1.00805567 L8,1 C8.24545989,1 8.44960837,1.17687516 8.49194433,1.41012437 L8.5,1.5 L8.5,10.292 L11.1819805,7.6109127 C11.3555469,7.43734635 11.6249713,7.4180612 11.8198394,7.55305725 L11.8890873,7.6109127 C12.0626536,7.78447906 12.0819388,8.05390346 11.9469427,8.2487716 L11.8890873,8.31801948 L8.35355339,11.8535534 C8.17998704,12.0271197 7.91056264,12.0464049 7.7156945,11.9114088 L7.64644661,11.8535534 L4.1109127,8.31801948 C3.91565056,8.12275734 3.91565056,7.80617485 4.1109127,7.6109127 C4.28447906,7.43734635 4.55390346,7.4180612 4.7487716,7.55305725 L4.81801948,7.6109127 L7.5,10.292 L7.5,1.5 C7.5,1.25454011 7.67687516,1.05039163 7.91012437,1.00805567 L8,1 L7.91012437,1.00805567 Z" })
)
)
)), Go = le("cancel", n(
"svg",
{ viewBox: "0 0 16 16", version: "1.1", xmlns: "http://www.w3.org/2000/svg" },
n(
"g",
{ stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" },
n(
"g",
{ fill: "currentColor", "fill-rule": "nonzero" },
n("path", { d: "M2.58859116,2.7156945 L2.64644661,2.64644661 C2.82001296,2.47288026 3.08943736,2.45359511 3.2843055,2.58859116 L3.35355339,2.64644661 L8,7.293 L12.6464466,2.64644661 C12.8417088,2.45118446 13.1582912,2.45118446 13.3535534,2.64644661 C13.5488155,2.84170876 13.5488155,3.15829124 13.3535534,3.35355339 L8.707,8 L13.3535534,12.6464466 C13.5271197,12.820013 13.5464049,13.0894374 13.4114088,13.2843055 L13.3535534,13.3535534 C13.179987,13.5271197 12.9105626,13.5464049 12.7156945,13.4114088 L12.6464466,13.3535534 L8,8.707 L3.35355339,13.3535534 C3.15829124,13.5488155 2.84170876,13.5488155 2.64644661,13.3535534 C2.45118446,13.1582912 2.45118446,12.8417088 2.64644661,12.6464466 L7.293,8 L2.64644661,3.35355339 C2.47288026,3.17998704 2.45359511,2.91056264 2.58859116,2.7156945 L2.64644661,2.64644661 L2.58859116,2.7156945 Z" })
)
)
)), Ko = le("retry", n(
"svg",
{ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" },
n("path", { d: "M320,146s24.36-12-64-12A160,160,0,1,0,416,294", style: "fill: none; stroke: currentcolor; stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 32px;" }),
n("polyline", { points: "256 58 336 138 256 218", style: "fill: none; stroke: currentcolor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 32px;" })
)), Jo = le("rotateClockwise", n(
"svg",
{ viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
n("path", { d: "M3 10C3 6.13401 6.13401 3 10 3C13.866 3 17 6.13401 17 10C17 12.7916 15.3658 15.2026 13 16.3265V14.5C13 14.2239 12.7761 14 12.5 14C12.2239 14 12 14.2239 12 14.5V17.5C12 17.7761 12.2239 18 12.5 18H15.5C15.7761 18 16 17.7761 16 17.5C16 17.2239 15.7761 17 15.5 17H13.8758C16.3346 15.6357 18 13.0128 18 10C18 5.58172 14.4183 2 10 2C5.58172 2 2 5.58172 2 10C2 10.2761 2.22386 10.5 2.5 10.5C2.77614 10.5 3 10.2761 3 10Z", fill: "currentColor" }),
n("path", { d: "M10 12C11.1046 12 12 11.1046 12 10C12 8.89543 11.1046 8 10 8C8.89543 8 8 8.89543 8 10C8 11.1046 8.89543 12 10 12ZM10 11C9.44772 11 9 10.5523 9 10C9 9.44772 9.44772 9 10 9C10.5523 9 11 9.44772 11 10C11 10.5523 10.5523 11 10 11Z", fill: "currentColor" })
)), Qo = le("rotateClockwise", n(
"svg",
{ viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
n("path", { d: "M17 10C17 6.13401 13.866 3 10 3C6.13401 3 3 6.13401 3 10C3 12.7916 4.63419 15.2026 7 16.3265V14.5C7 14.2239 7.22386 14 7.5 14C7.77614 14 8 14.2239 8 14.5V17.5C8 17.7761 7.77614 18 7.5 18H4.5C4.22386 18 4 17.7761 4 17.5C4 17.2239 4.22386 17 4.5 17H6.12422C3.66539 15.6357 2 13.0128 2 10C2 5.58172 5.58172 2 10 2C14.4183 2 18 5.58172 18 10C18 10.2761 17.7761 10.5 17.5 10.5C17.2239 10.5 17 10.2761 17 10Z", fill: "currentColor" }),
n("path", { d: "M10 12C8.89543 12 8 11.1046 8 10C8 8.89543 8.89543 8 10 8C11.1046 8 12 8.89543 12 10C12 11.1046 11.1046 12 10 12ZM10 11C10.5523 11 11 10.5523 11 10C11 9.44772 10.5523 9 10 9C9.44772 9 9 9.44772 9 10C9 10.5523 9.44772 11 10 11Z", fill: "currentColor" })
)), en = le("zoomIn", n(
"svg",
{ viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
n("path", { d: "M11.5 8.5C11.5 8.22386 11.2761 8 11 8H9V6C9 5.72386 8.77614 5.5 8.5 5.5C8.22386 5.5 8 5.72386 8 6V8H6C5.72386 8 5.5 8.22386 5.5 8.5C5.5 8.77614 5.72386 9 6 9H8V11C8 11.2761 8.22386 11.5 8.5 11.5C8.77614 11.5 9 11.2761 9 11V9H11C11.2761 9 11.5 8.77614 11.5 8.5Z", fill: "currentColor" }),
n("path", { d: "M8.5 3C11.5376 3 14 5.46243 14 8.5C14 9.83879 13.5217 11.0659 12.7266 12.0196L16.8536 16.1464C17.0488 16.3417 17.0488 16.6583 16.8536 16.8536C16.68 17.0271 16.4106 17.0464 16.2157 16.9114L16.1464 16.8536L12.0196 12.7266C11.0659 13.5217 9.83879 14 8.5 14C5.46243 14 3 11.5376 3 8.5C3 5.46243 5.46243 3 8.5 3ZM8.5 4C6.01472 4 4 6.01472 4 8.5C4 10.9853 6.01472 13 8.5 13C10.9853 13 13 10.9853 13 8.5C13 6.01472 10.9853 4 8.5 4Z", fill: "currentColor" })
)), tn = le("zoomOut", n(
"svg",
{ viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
n("path", { d: "M11 8C11.2761 8 11.5 8.22386 11.5 8.5C11.5 8.77614 11.2761 9 11 9H6C5.72386 9 5.5 8.77614 5.5 8.5C5.5 8.22386 5.72386 8 6 8H11Z", fill: "currentColor" }),
n("path", { d: "M14 8.5C14 5.46243 11.5376 3 8.5 3C5.46243 3 3 5.46243 3 8.5C3 11.5376 5.46243 14 8.5 14C9.83879 14 11.0659 13.5217 12.0196 12.7266L16.1464 16.8536L16.2157 16.9114C16.4106 17.0464 16.68 17.0271 16.8536 16.8536C17.0488 16.6583 17.0488 16.3417 16.8536 16.1464L12.7266 12.0196C13.5217 11.0659 14 9.83879 14 8.5ZM4 8.5C4 6.01472 6.01472 4 8.5 4C10.9853 4 13 6.01472 13 8.5C13 10.9853 10.9853 13 8.5 13C6.01472 13 4 10.9853 4 8.5Z", fill: "currentColor" })
)), rn = Y({
name: "ResizeSmall",
render() {
return n(
"svg",
{ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20" },
n(
"g",
{ fill: "none" },
n("path", { d: "M5.5 4A1.5 1.5 0 0 0 4 5.5v1a.5.5 0 0 1-1 0v-1A2.5 2.5 0 0 1 5.5 3h1a.5.5 0 0 1 0 1h-1zM16 5.5A1.5 1.5 0 0 0 14.5 4h-1a.5.5 0 0 1 0-1h1A2.5 2.5 0 0 1 17 5.5v1a.5.5 0 0 1-1 0v-1zm0 9a1.5 1.5 0 0 1-1.5 1.5h-1a.5.5 0 0 0 0 1h1a2.5 2.5 0 0 0 2.5-2.5v-1a.5.5 0 0 0-1 0v1zm-12 0A1.5 1.5 0 0 0 5.5 16h1.25a.5.5 0 0 1 0 1H5.5A2.5 2.5 0 0 1 3 14.5v-1.25a.5.5 0 0 1 1 0v1.25zM8.5 7A1.5 1.5 0 0 0 7 8.5v3A1.5 1.5 0 0 0 8.5 13h3a1.5 1.5 0 0 0 1.5-1.5v-3A1.5 1.5 0 0 0 11.5 7h-3zM8 8.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-3z", fill: "currentColor" })
)
);
}
}), on = {
space: "6px",
spaceArrow: "10px",
arrowOffset: "10px",
arrowOffsetVertical: "10px",
arrowHeight: "6px",
padding: "8px 14px"
}, nn = (e) => {
const { boxShadow2: r, popoverColor: t, textColor2: o, borderRadius: i, fontSize: a, dividerColor: c } = e;
return Object.assign(Object.assign({}, on), {
fontSize: a,
borderRadius: i,
color: t,
dividerColor: c,
textColor: o,
boxShadow: r
});
}, an = {
name: "Popover",
common: Ce,
self: nn
}, Ht = an, je = {
top: "bottom",
bottom: "top",
left: "right",
right: "left"
}, q = "var(--n-arrow-height) * 1.414", ln = M([p("popover", `
transition:
box-shadow .3s var(--n-bezier),
background-color .3s var(--n-bezier),
color .3s var(--n-bezier);
position: relative;
font-size: var(--n-font-size);
color: var(--n-text-color);
box-shadow: var(--n-box-shadow);
word-break: break-word;
`, [M(">", [p("scrollbar", `
height: inherit;
max-height: inherit;
`)]), Te("raw", `
background-color: var(--n-color);
border-radius: var(--n-border-radius);
`, [Te("scrollable", [Te("show-header-or-footer", "padding: var(--n-padding);")])]), J("header", `
padding: var(--n-padding);
border-bottom: 1px solid var(--n-divider-color);
transition: border-color .3s var(--n-bezier);
`), J("footer", `
padding: var(--n-padding);
border-top: 1px solid var(--n-divider-color);
transition: border-color .3s var(--n-bezier);
`), F("scrollable, show-header-or-footer", [J("content", `
padding: var(--n-padding);
`)])]), p("popover-shared", `
transform-origin: inherit;
`, [
p("popover-arrow-wrapper", `
position: absolute;
overflow: hidden;
pointer-events: none;
`, [p("popover-arrow", `
transition: background-color .3s var(--n-bezier);
position: absolute;
display: block;
width: calc(${q});
height: calc(${q});
box-shadow: 0 0 8px 0 rgba(0, 0, 0, .12);
transform: rotate(45deg);
background-color: var(--n-color);
pointer-events: all;
`)]),
// body transition
M("&.popover-transition-enter-from, &.popover-transition-leave-to", `
opacity: 0;
transform: scale(.85);
`),
M("&.popover-transition-enter-to, &.popover-transition-leave-from", `
transform: scale(1);
opacity: 1;
`),
M("&.popover-transition-enter-active", `
transition:
box-shadow .3s var(--n-bezier),
background-color .3s var(--n-bezier),
color .3s var(--n-bezier),
opacity .15s var(--n-bezier-ease-out),
transform .15s var(--n-bezier-ease-out);
`),
M("&.popover-transition-leave-active", `
transition:
box-shadow .3s var(--n-bezier),
background-color .3s var(--n-bezier),
color .3s var(--n-bezier),
opacity .15s var(--n-bezier-ease-in),
transform .15s var(--n-bezier-ease-in);
`)
]), re("top-start", `
top: calc(${q} / -2);
left: calc(${ie("top-start")} - var(--v-offset-left));
`), re("top", `
top: calc(${q} / -2);
transform: translateX(calc(${q} / -2)) rotate(45deg);
left: 50%;
`), re("top-end", `
top: calc(${q} / -2);
right: calc(${ie("top-end")} + var(--v-offset-left));
`), re("bottom-start", `
bottom: calc(${q} / -2);
left: calc(${ie("bottom-start")} - var(--v-offset-left));
`), re("bottom", `
bottom: calc(${q} / -2);
transform: translateX(calc(${q} / -2)) rotate(45deg);
left: 50%;
`), re("bottom-end", `
bottom: calc(${q} / -2);
right: calc(${ie("bottom-end")} + var(--v-offset-left));
`), re("left-start", `
left: calc(${q} / -2);
top: calc(${ie("left-start")} - var(--v-offset-top));
`), re("left", `
left: calc(${q} / -2);
transform: translateY(calc(${q} / -2)) rotate(45deg);
top: 50%;
`), re("left-end", `
left: calc(${q} / -2);
bottom: calc(${ie("left-end")} + var(--v-offset-top));
`), re("right-start", `
right: calc(${q} / -2);
top: calc(${ie("right-start")} - var(--v-offset-top));
`), re("right", `
right: calc(${q} / -2);
transform: translateY(calc(${q} / -2)) rotate(45deg);
top: 50%;
`), re("right-end", `
right: calc(${q} / -2);
bottom: calc(${ie("right-end")} + var(--v-offset-top));
`), ...Do({
top: ["right-start", "left-start"],
right: ["top-end", "bottom-end"],
bottom: ["right-end", "left-end"],
left: ["top-start", "bottom-start"]
}, (e, r) => {
const t = ["right", "left"].includes(r), o = t ? "width" : "height";
return e.map((i) => {
const a = i.split("-")[1] === "end", u = `calc((${`var(--v-target-${o}, 0px)`} - ${q}) / 2)`, s = ie(i);
return M(`[v-placement="${i}"] >`, [p("popover-shared", [F("center-arrow", [p("popover-arrow", `${r}: calc(max(${u}, ${s}) ${a ? "+" : "-"} var(--v-offset-${t ? "left" : "top"}));`)])])]);
});
})]);
function ie(e) {
return ["top", "bottom"].includes(e.split("-")[0]) ? "var(--n-arrow-offset)" : "var(--n-arrow-offset-vertical)";
}
function re(e, r) {
const t = e.split("-")[0], o = ["top", "bottom"].includes(t) ? "height: var(--n-space-arrow);" : "width: var(--n-space-arrow);";
return M(`[v-placement="${e}"] >`, [p("popover-shared", `
margin-${je[t]}: var(--n-space);
`, [F("show-arrow", `
margin-${je[t]}: var(--n-space-arrow);
`), F("overlap", `
margin: 0;
`), wr("popover-arrow-wrapper", `
right: 0;
left: 0;
top: 0;
bottom: 0;
${t}: 100%;
${je[t]}: auto;
${o}
`, [p("popover-arrow", r)])])]);
}
const Wt = Object.assign(Object.assign({}, ne.props), {
to: ve.propTo,
show: Boolean,
trigger: String,
showArrow: Boolean,
delay: Number,
duration: Number,
raw: Boolean,
arrowPointToCenter: Boolean,
arrowStyle: [String, Object],
displayDirective: String,
x: Number,
y: Number,
flip: Boolean,
overlap: Boolean,
placement: String,
width: [Number, String],
keepAliveOnHover: Boolean,
scrollable: Boolean,
contentStyle: [Object, String],
headerStyle: [Object, String],
footerStyle: [Object, String],
// private
internalDeactivateImmediately: Boolean,
animated: Boolean,
onClickoutside: Function,
internalTrapFocus: Boolean,
internalOnAfterLeave: Function,
// deprecated
minWidth: Number,
maxWidth: Number
}), sn = ({ arrowStyle: e, clsPrefix: r }) => n(
"div",
{ key: "__popover-arrow__", class: `${r}-popover-arrow-wrapper` },
n("div", { class: `${r}-popover-arrow`, style: e })
), dn = Y({
name: "PopoverBody",
inheritAttrs: !1,
props: Wt,
setup(e, { slots: r, attrs: t }) {
const { namespaceRef: o, mergedClsPrefixRef: i, inlineThemeDisabled: a } = ce(e), c = ne("Popover", "-popover", ln, Ht, e, i), u = j(null), s = ee("NPopover"), l = j(null), d = j(e.show), f = j(!1);
pe(() => {
const { show: y } = e;
y && !Ao() && !e.internalDeactivateImmediately && (f.value = !0);
});
const R = I(() => {
const { trigger: y, onClickoutside: $ } = e, h = [], { positionManuallyRef: { value: C } } = s;
return C || (y === "click" && !$ && h.push([
rt,
A,
void 0,
{ capture: !0 }
]), y === "hover" && h.push([Dr, L])), $ && h.push([
rt,
A,
void 0,
{ capture: !0 }
]), (e.displayDirective === "show" || e.animated && f.value) && h.push([ft, e.show]), h;
}), g = I(() => {
const y = e.width === "trigger" ? void 0 : ae(e.width), $ = [];
y && $.push({ width: y });
const { maxWidth: h, minWidth: C } = e;
return h && $.push({ maxWidth: ae(h) }), C && $.push({ maxWidth: ae(C) }), a || $.push(T.value), $;
}), T = I(() => {
const { common: { cubicBezierEaseInOut: y, cubicBezierEaseIn: $, cubicBezierEaseOut: h }, self: { space: C, spaceArrow: _, padding: U, fontSize: O, textColor: v, dividerColor: k, color: B, boxShadow: V, borderRadius: Z, arrowHeight: G, arrowOffset: be, arrowOffsetVertical: ue } } = c.value;
return {
"--n-box-shadow": V,
"--n-bezier": y,
"--n-bezier-ease-in": $,
"--n-bezier-ease-out": h,
"--n-font-size": O,
"--n-text-color": v,
"--n-color": B,
"--n-divider-color": k,
"--n-border-radius": Z,
"--n-arrow-height": G,
"--n-arrow-offset": be,
"--n-arrow-offset-vertical": ue,
"--n-padding": U,
"--n-space": C,
"--n-space-arrow": _
};
}), x = a ? De("popover", void 0, T, e) : void 0;
s.setBodyInstance({
syncPosition: D
}), Le(() => {
s.setBodyInstance(null);
}), ht(N(e, "show"), (y) => {
e.animated || (y ? d.value = !0 : d.value = !1);
});
function D() {
var y;
(y = u.value) === null || y === void 0 || y.syncPosition();
}
function E(y) {
e.trigger === "hover" && e.keepAliveOnHover && e.show && s.handleMouseEnter(y);
}
function z(y) {
e.trigger === "hover" && e.keepAliveOnHover && s.handleMouseLeave(y);
}
function L(y) {
e.trigger === "hover" && !w().contains(tt(y)) && s.handleMouseMoveOutside(y);
}
function A(y) {
(e.trigger === "click" && !w().contains(tt(y)) || e.onClickoutside) && s.handleClickOutside(y);
}
function w() {
return s.getTriggerElement();
}
de(xt, l), de(yt, null), de(wt, null);
function P() {
if (x == null || x.onRender(), !(e.displayDirective === "show" || e.show || e.animated && f.value))
return null;
let $;
const h = s.internalRenderBodyRef.value, { value: C } = i;
if (h)
$ = h(
// The popover class and overlap class must exists, they will be used
// to place the body & transition animation.
// Shadow class exists for reuse box-shadow.
[
`${C}-popover-shared`,
x == null ? void 0 : x.themeClass.value,
e.overlap && `${C}-popover-shared--overlap`,
e.showArrow && `${C}-popover-shared--show-arrow`,
e.arrowPointToCenter && `${C}-popover-shared--center-arrow`
],
l,
g.value,
E,
z
);
else {
const { value: _ } = s.extraClassRef, { internalTrapFocus: U } = e, O = !Ke(r.header) || !Ke(r.footer), v = () => {
var k;
const B = O ? n(
Be,
null,
Ae(r.header, (G) => G ? n("div", { class: `${C}-popover__header`, style: e.headerStyle }, G) : null),
Ae(r.default, (G) => G ? n("div", { class: `${C}-popover__content`, style: e.contentStyle }, r) : null),
Ae(r.footer, (G) => G ? n("div", { class: `${C}-popover__footer`, style: e.footerStyle }, G) : null)
) : e.scrollable ? (k = r.default) === null || k === void 0 ? void 0 : k.call(r) : n("div", { class: `${C}-popover__content`, style: e.contentStyle }, r), V = e.scrollable ? n(yr, { contentClass: O ? void 0 : `${C}-popover__content`, contentStyle: O ? void 0 : e.contentStyle }, {
default: () => B
}) : B, Z = e.showArrow ? sn({
arrowStyle: e.arrowStyle,
clsPrefix: C
}) : null;
return [V, Z];
};
$ = n("div", ar({
class: [
`${C}-popover`,
`${C}-popover-shared`,
x == null ? void 0 : x.themeClass.value,
_.map((k) => `${C}-${k}`),
{
[`${C}-popover--scrollable`]: e.scrollable,
[`${C}-popover--show-header-or-footer`]: O,
[`${C}-popover--raw`]: e.raw,
[`${C}-popover-shared--overlap`]: e.overlap,
[`${C}-popover-shared--show-arrow`]: e.showArrow,
[`${C}-popover-shared--center-arrow`]: e.arrowPointToCenter
}
],
ref: l,
style: g.value,
onKeydown: s.handleKeydown,
onMouseenter: E,
onMouseleave: z
}, t), U ? n(Lr, { active: e.show, autoFocus: !0 }, { default: v }) : v());
}
return Oe($, R.value);
}
return {
displayed: f,
namespace: o,
isMounted: s.isMountedRef,
zIndex: s.zIndexRef,
followerRef: u,
adjustedTo: ve(e),
followerEnabled: d,
renderContentNode: P
};
},
render() {
return n(Tr, { ref: "followerRef", zIndex: this.zIndex, show: this.show, enabled: this.followerEnabled, to: this.adjustedTo, x: this.x, y: this.y, flip: this.flip, placement: this.placement, containerClass: this.namespace, overlap: this.overlap, width: this.width === "trigger" ? "target" : void 0, teleportDisabled: this.adjustedTo === ve.tdkey }, {
default: () => this.animated ? n(Pe, {
name: "popover-transition",
appear: this.isMounted,
// Don't use watch to enable follower, since the transition may
// make position sync timing very subtle and buggy.
onEnter: () => {
this.followerEnabled = !0;
},
onAfterLeave: () => {
var e;
(e = this.internalOnAfterLeave) === null || e === void 0 || e.call(this), this.followerEnabled = !1, this.displayed = !1;
}
}, {
default: this.renderContentNode
}) : this.renderContentNode()
});
}
}), cn = Object.keys(Wt), un = {
focus: ["onFocus", "onBlur"],
click: ["onClick"],
hover: ["onMouseenter", "onMouseleave"],
manual: [],
nested: ["onFocus", "onBlur", "onMouseenter", "onMouseleave", "onClick"]
};
function fn(e, r, t) {
un[r].forEach((o) => {
e.props ? e.props = Object.assign({}, e.props) : e.props = {};
const i = e.props[o], a = t[o];
i ? e.props[o] = (...c) => {
i(...c), a(...c);
} : e.props[o] = a;
});
}
const Vt = {
show: {
type: Boolean,
default: void 0
},
defaultShow: Boolean,
showArrow: {
type: Boolean,
default: !0
},
trigger: {
type: String,
default: "hover"
},
delay: {
type: Number,
default: 100
},
duration: {
type: Number,
default: 100
},
raw: Boolean,
placement: {
type: String,
default: "top"
},
x: Number,
y: Number,
arrowPointToCenter: Boolean,
disabled: Boolean,
getDisabled: Function,
displayDirective: {
type: String,
default: "if"
},
arrowStyle: [String, Object],
flip: {
type: Boolean,
default: !0
},
animated: {
type: Boolean,
default: !0
},
width: {
type: [Number, String],
default: void 0
},
overlap: Boolean,
keepAliveOnHover: {
type: Boolean,
default: !0
},
zIndex: Number,
to: ve.propTo,
scrollable: Boolean,
contentStyle: [Object, String],
headerStyle: [Object, String],
footerStyle: [Object, String],
// events
onClickoutside: Function,
"onUpdate:show": [Function, Array],
onUpdateShow: [Function, Array],
// internal
internalDeactivateImmediately: Boolean,
internalSyncTargetWithParent: Boolean,
internalInheritedEventHandlers: {
type: Array,
default: () => []
},
internalTrapFocus: Boolean,
internalExtraClass: {
type: Array,
default: () => []
},
// deprecated
onShow: [Function, Array],
onHide: [Function, Array],
arrow: {
type: Boolean,
default: void 0
},
minWidth: Number,
maxWidth: Number
}, hn = Object.assign(Object.assign(Object.assign({}, ne.props), Vt), { internalOnAfterLeave: Function, internalRenderBody: Function }), gn = Y({
name: "Popover",
inheritAttrs: !1,
props: hn,
__popover__: !0,
setup(e) {
process.env.NODE_ENV !== "production" && pe(() => {
e.maxWidth !== void 0 && we("popover", "`max-width` is deprecated, please use `style` instead."), e.minWidth !== void 0 && we("popover", "`min-width` is deprecated, please use `style` instead."), e.arrow !== void 0 && we("popover", "`arrow` is deprecated, please use `showArrow` instead."), e.onHide !== void 0 && we("popover", "`on-hide` is deprecated, please use `on-update:show` instead."), e.onShow !== void 0 && we("popover", "`on-show` is deprecated, please use `on-update:show` instead.");
});
const r = Pt(), t = j(null), o = I(() => e.show), i = j(e.defaultShow), a = $t(o, i), c = Ie(() => e.disabled ? !1 : a.value), u = () => {
if (e.disabled)
return !0;
const { getDisabled: v } = e;
return !!(v != null && v());
}, s = () => u() ? !1 : a.value, l = $r(e, ["arrow", "showArrow"]), d = I(() => e.overlap ? !1 : l.value);
let f = null;
const R = j(null), g = j(null), T = Ie(() => e.x !== void 0 && e.y !== void 0);
function x(v) {
const { "onUpdate:show": k, onUpdateShow: B, onShow: V, onHide: Z } = e;
i.value = v, k && ge(k, v), B && ge(B, v), v && V && ge(V, !0), v && Z && ge(Z, !1);
}
function D() {
f && f.syncPosition();
}
function E() {
const { value: v } = R;
v && (window.clearTimeout(v), R.value = null);
}
function z() {
const { value: v } = g;
v && (window.clearTimeout(v), g.value = null);
}
function L() {
const v = u();
if (e.trigger === "focus" && !v) {
if (s())
return;
x(!0);
}
}
function A() {
const v = u();
if (e.trigger === "focus" && !v) {
if (!s())
return;
x(!1);
}
}
function w() {
const v = u();
if (e.trigger === "hover" && !v) {
if (z(), R.value !== null || s())
return;
const k = () => {
x(!0), R.value = null;
}, { delay: B } = e;
B === 0 ? k() : R.value = window.setTimeout(k, B);
}
}
function P() {
const v = u();
if (e.trigger === "hover" && !v) {
if (E(), g.value !== null || !s())
return;
const k = () => {
x(!1), g.value = null;
}, { duration: B } = e;
B === 0 ? k() : g.value = window.setTimeout(k, B);
}
}
function y() {
P();
}
function $(v) {
var k;
s() && (e.trigger === "click" && (E(), z(), x(!1)), (k = e.onClickoutside) === null || k === void 0 || k.call(e, v));
}
function h() {
if (e.trigger === "click" && !u()) {
E(), z();
const v = !s();
x(v);
}
}
function C(v) {
e.internalTrapFocus && v.key === "Escape" && (E(), z(), x(!1));
}
function _(v) {
i.value = v;
}
function U() {
var v;
return (v = t.value) === null || v === void 0 ? void 0 : v.targetRef;
}
function O(v) {
f = v;
}
return de("NPopover", {
getTriggerElement: U,
handleKeydown: C,
handleMouseEnter: w,
handleMouseLeave: P,
handleClickOutside: $,
handleMouseMoveOutside: y,
setBodyInstance: O,
positionManuallyRef: T,
isMountedRef: r,
zIndexRef: N(e, "zIndex"),
extraClassRef: N(e, "internalExtraClass"),
internalRenderBodyRef: N(e, "internalRenderBody")
}), pe(() => {
a.value && u() && x(!1);
}), {
binderInstRef: t,
positionManually: T,
mergedShowConsideringDisabledProp: c,
// if to show popover body
uncontrolledShow: i,
mergedShowArrow: d,
getMergedShow: s,
setShow: _,
handleClick: h,
handleMouseEnter: w,
handleMouseLeave: P,
handleFocus: L,
handleBlur: A,
syncPosition: D
};
},
render() {
var e;
const { positionManually: r, $slots: t } = this;
let o, i = !1;
if (!r && (t.activator ? o = Je(t, "activator") : o = Je(t, "trigger"), o)) {
o = lr(o), o = o.type === sr ? n("span", [o]) : o;
const a = {
onClick: this.handleClick,
onMouseenter: this.handleMouseEnter,
onMouseleave: this.handleMouseLeave,
onFocus: this.handleFocus,
onBlur: this.handleBlur
};
if (!((e = o.type) === null || e === void 0) && e.__popover__)
i = !0, o.props || (o.props = {
internalSyncTargetWithParent: !0,
internalInheritedEventHandlers: []
}), o.props.internalSyncTargetWithParent = !0, o.props.internalInheritedEventHandlers ? o.props.internalInheritedEventHandlers = [
a,
...o.props.internalInheritedEventHandlers
] : o.props.internalInheritedEventHandlers = [a];
else {
const { internalInheritedEventHandlers: c } = this, u = [
a,
...c
], s = {
onBlur: (l) => {
u.forEach((d) => {
d.onBlur(l);
});
},
onFocus: (l) => {
u.forEach((d) => {
d.onFocus(l);
});
},
onClick: (l) => {
u.forEach((d) => {
d.onClick(l);
});
},
onMouseenter: (l) => {
u.forEach((d) => {
d.onMouseenter(l);
});
},
onMouseleave: (l) => {
u.forEach((d) => {
d.onMouseleave(l);
});
}
};
fn(o, c ? "nested" : r ? "manual" : this.trigger, s);
}
}
return n(Or, { ref: "binderInstRef", syncTarget: !i, syncTargetWithParent: this.internalSyncTargetWithParent }, {
default: () => {
this.mergedShowConsideringDisabledProp;
const a = this.getMergedShow();
return [
this.internalTrapFocus && a ? Oe(n("div", { style: { position: "fixed", inset: 0 } }), [
[
Tt,
{
enabled: a,
zIndex: this.zIndex
}
]
]) : null,
r ? null : n(Br, null, {
default: () => o
}),
n(dn, xr(this.$props, cn, Object.assign(Object.assign({}, this.$attrs), { showArrow: this.mergedShowArrow, show: a })), {
default: () => {
var c, u;
return (u = (c = this.$slots).default) === null || u === void 0 ? void 0 : u.call(c);
},
header: () => {
var c, u;
return (u = (c = this.$slots).header) === null || u === void 0 ? void 0 : u.call(c);
},
footer: () => {
var c, u;
return (u = (c = this.$slots).footer) === null || u === void 0 ? void 0 : u.call(c);
}
})
];
}
});
}
}), pn = mt && "loading" in document.createElement("img"), vn = (e = {}) => {
var r;
const { root: t = null } = e;
return {
hash: `${e.rootMargin || "0px 0px 0px 0px"}-${Array.isArray(e.threshold) ? e.threshold.join(",") : (r = e.threshold) !== null && r !== void 0 ? r : "0"}`,
options: Object.assign(Object.assign({}, e), { root: (typeof t == "string" ? document.querySelector(t) : t) || document.documentElement })
};
}, Ne = /* @__PURE__ */ new WeakMap(), Ue = /* @__PURE__ */ new WeakMap(), He = /* @__PURE__ */ new WeakMap(), mn = (e, r, t) => {
if (!e)
return () => {
};
const o = vn(r), { root: i } = o.options;
let a;
const c = Ne.get(i);
c ? a = c : (a = /* @__PURE__ */ new Map(), Ne.set(i, a));
let u, s;
a.has(o.hash) ? (s = // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
a.get(o.hash), s[1].has(e) || (u = s[0], s[1].add(e), u.observe(e))) : (u = new IntersectionObserver((f) => {
f.forEach((R) => {
if (R.isIntersecting) {
const g = Ue.get(R.target), T = He.get(R.target);
g && g(), T && (T.value = !0);
}
});
}, o.options), u.observe(e), s = [u, /* @__PURE__ */ new Set([e])], a.set(o.hash, s));
let l = !1;
const d = () => {
l || (Ue.delete(e), He.delete(e), l = !0, s[1].has(e) && (s[0].unobserve(e), s[1].delete(e)), s[1].size <= 0 && a.delete(o.hash), a.size || Ne.delete(i));
};
return Ue.set(e, d), He.set(e, t), d;
}, bn = {
padding: "8px 14px"
}, wn = (e) => {
const { borderRadius: r, boxShadow2: t, baseColor: o } = e;
return Object.assign(Object.assign({}, bn), { borderRadius: r, boxShadow: t, color: Sr(o, "rgba(0, 0, 0, .85)"), textColor: o });
}, yn = Ze({
name: "Tooltip",
common: Ce,
peers: {
Popover: Ht
},
self: wn
}), Zt = yn, xn = Object.assign(Object.assign({}, Vt), ne.props), Cn = Y({
name: "Tooltip",
props: xn,
__popover__: !0,
setup(e) {
const { mergedClsPrefixRef: r } = ce(e), t = ne("Tooltip", "-tooltip", void 0, Zt, e, r), o = j(null);
return Object.assign(Object.assign({}, {
syncPosition() {
o.value.syncPosition();
},
setShow(a) {
o.value.setShow(a);
}
}), { popoverRef: o, mergedTheme: t, popoverThemeOverrides: I(() => t.value.self) });
},
render() {
const { mergedTheme: e, internalExtraClass: r } = this;
return n(gn, Object.assign(Object.assign({}, this.$props), { theme: e.peers.Popover, themeOverrides: e.peerOverrides.Popover, builtinThemeOverrides: this.popoverThemeOverrides, internalExtraClass: r.concat("tooltip"), ref: "popoverRef" }), this.$slots);
}
}), qe = Object.assign(Object.assign({}, ne.props), { showToolbar: { type: Boolean, default: !0 }, showToolbarTooltip: Boolean }), qt = ze("n-image");
function Rn() {
return {
toolbarIconColor: "rgba(255, 255, 255, .9)",
toolbarColor: "rgba(0, 0, 0, .35)",
toolbarBoxShadow: "none",
toolbarBorderRadius: "24px"
};
}
const Sn = Ze({
name: "Image",
common: Ce,
peers: {
Tooltip: Zt
},
self: Rn
}), kn = (e) => {
const { infoColor: r, successColor: t, warningColor: o, errorColor: i, textColor2: a, progressRailColor: c, fontSize: u, fontWeight: s } = e;
return {
fontSize: u,
fontSizeCircle: "28px",
fontWeightCircle: s,
railColor: c,
railHeight: "8px",
iconSizeCircle: "36px",
iconSizeLine: "18px",
iconColor: r,
iconColorInfo: r,
iconColorSuccess: t,
iconColorWarning: o,
iconColorError: i,
textColorCircle: a,
textColorLineInner: "rgb(255, 255, 255)",
textColorLineOuter: a,
fillColor: r,
fillColorInfo: r,
fillColorSuccess: t,
fillColorWarning: o,
fillColorError: i,
lineBgProcessing: "linear-gradient(90deg, rgba(255, 255, 255, .3) 0%, rgba(255, 255, 255, .5) 100%)"
};
}, Pn = {
name: "Progress",
common: Ce,
self: kn
}, Xt = Pn, Tn = (e) => {
const { iconColor: r, primaryColor: t, errorColor: o, textColor2: i, successColor: a, opacityDisabled: c, actionColor: u, borderColor: s, hoverColor: l, lineHeight: d, borderRadius: f, fontSize: R } = e;
return {
fontSize: R,
lineHeight: d,
borderRadius: f,
draggerColor: u,
draggerBorder: `1px dashed ${s}`,
draggerBorderHover: `1px dashed ${t}`,
itemColorHover: l,
itemColorHoverError: kr(o, {
alpha: 0.06
}),
itemTextColor: i,
itemTextColorError: o,
itemTextColorSuccess: a,
itemIconColor: r,
itemDisabledOpacity: c,
itemBorderImageCardError: `1px solid ${o}`,
itemBorderImageCard: `1px solid ${s}`
};
}, $n = Ze({
name: "Upload",
common: Ce,
peers: {
Button: vr,
Progress: Xt
},
self: Tn
}), On = $n, Bn = n(
"svg",
{ viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
n("path", { d: "M6 5C5.75454 5 5.55039 5.17688 5.50806 5.41012L5.5 5.5V14.5C5.5 14.7761 5.72386 15 6 15C6.24546 15 6.44961 14.8231 6.49194 14.5899L6.5 14.5V5.5C6.5 5.22386 6.27614 5 6 5ZM13.8536 5.14645C13.68 4.97288 13.4106 4.9536 13.2157 5.08859L13.1464 5.14645L8.64645 9.64645C8.47288 9.82001 8.4536 10.0894 8.58859 10.2843L8.64645 10.3536L13.1464 14.8536C13.3417 15.0488 13.6583 15.0488 13.8536 14.8536C14.0271 14.68 14.0464 14.4106 13.9114 14.2157L13.8536 14.1464L9.70711 10L13.8536 5.85355C14.0488 5.65829 14.0488 5.34171 13.8536 5.14645Z", fill: "currentColor" })
), In = n(
"svg",
{ viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
n("path", { d: "M13.5 5C13.7455 5 13.9496 5.17688 13.9919 5.41012L14 5.5V14.5C14 14.7761 13.7761 15 13.5 15C13.2545 15 13.0504 14.8231 13.0081 14.5899L13 14.5V5.5C13 5.22386 13.2239 5 13.5 5ZM5.64645 5.14645C5.82001 4.97288 6.08944 4.9536 6.28431 5.08859L6.35355 5.14645L10.8536 9.64645C11.0271 9.82001 11.0464 10.0894 10.9114 10.2843L10.8536 10.3536L6.35355 14.8536C6.15829 15.0488 5.84171 15.0488 5.64645 14.8536C5.47288 14.68 5.4536 14.4106 5.58859 14.2157L5.64645 14.1464L9.79289 10L5.64645 5.85355C5.45118 5.65829 5.45118 5.34171 5.64645 5.14645Z", fill: "currentColor" })
), Ln = n(
"svg",
{ viewBox: "0 0 20 20", fill: "n