flowboard-vue 1.0.3 → 1.0.4

package/dist/flowboard-vue.es.js

@@ -1,87 +1,87 @@
-import { defineComponent as j, createElementBlock as T, openBlock as _, createElementVNode as F, getCurrentInstance as Oe, inject as V, ref as A, computed as k, unref as d, isRef as Mt, warn as Ct, mergeProps as at, renderSlot as W, watch as Fe, useSlots as Tt, Text as $t, createBlock as re, resolveDynamicComponent as Me, withCtx as Z, createCommentVNode as q, Fragment as it, normalizeClass as U, provide as Nt, reactive as Pt, toRef as Ge, normalizeStyle as ce, withModifiers as Ke, createVNode as Y, Transition as Et, onMounted as Ft, onUnmounted as zt, toDisplayString as pe, createTextVNode as Bt, renderList as Ot, nextTick as At } from "vue";
-import { Graph as Rt } from "@antv/x6";
-import { Selection as It } from "@antv/x6-plugin-selection";
-import { DagreLayout as Lt } from "@antv/layout";
+import { defineComponent as V, createElementBlock as P, openBlock as w, createElementVNode as B, getCurrentInstance as Ie, inject as H, ref as E, computed as C, unref as f, isRef as $t, warn as Nt, mergeProps as ct, renderSlot as Y, watch as Oe, useSlots as Ft, Text as zt, createBlock as re, resolveDynamicComponent as Pe, withCtx as Z, createCommentVNode as q, Fragment as ut, normalizeClass as K, provide as Et, reactive as Bt, toRef as Ye, normalizeStyle as ce, withModifiers as We, createVNode as U, Transition as Ot, onMounted as At, nextTick as Xe, onUnmounted as Rt, toDisplayString as ve, createTextVNode as It, renderList as Lt } from "vue";
+import { Graph as Ht } from "@antv/x6";
+import { Selection as Vt } from "@antv/x6-plugin-selection";
+import { DagreLayout as jt } from "@antv/layout";
 /*! Element Plus Icons Vue v2.3.2 */
-var Ht = /* @__PURE__ */ j({
+var Dt = /* @__PURE__ */ V({
   name: "Close",
   __name: "close",
   setup(e) {
-    return (t, n) => (_(), T("svg", {
+    return (t, n) => (w(), P("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      F("path", {
+      B("path", {
         fill: "currentColor",
         d: "M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"
       })
     ]));
   }
-}), Ue = Ht, Vt = /* @__PURE__ */ j({
+}), qe = Dt, Gt = /* @__PURE__ */ V({
   name: "FullScreen",
   __name: "full-screen",
   setup(e) {
-    return (t, n) => (_(), T("svg", {
+    return (t, n) => (w(), P("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      F("path", {
+      B("path", {
         fill: "currentColor",
         d: "m160 96.064 192 .192a32 32 0 0 1 0 64l-192-.192V352a32 32 0 0 1-64 0V96h64zm0 831.872V928H96V672a32 32 0 1 1 64 0v191.936l192-.192a32 32 0 1 1 0 64zM864 96.064V96h64v256a32 32 0 1 1-64 0V160.064l-192 .192a32 32 0 1 1 0-64zm0 831.872-192-.192a32 32 0 0 1 0-64l192 .192V672a32 32 0 1 1 64 0v256h-64z"
       })
     ]));
   }
-}), jt = Vt, Dt = /* @__PURE__ */ j({
+}), Kt = Gt, Ut = /* @__PURE__ */ V({
   name: "Loading",
   __name: "loading",
   setup(e) {
-    return (t, n) => (_(), T("svg", {
+    return (t, n) => (w(), P("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      F("path", {
+      B("path", {
         fill: "currentColor",
         d: "M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32m0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32m448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32m-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32M195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248m452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248M828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0m-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0"
       })
     ]));
   }
-}), Gt = Dt, Kt = /* @__PURE__ */ j({
+}), Yt = Ut, Wt = /* @__PURE__ */ V({
   name: "ZoomIn",
   __name: "zoom-in",
   setup(e) {
-    return (t, n) => (_(), T("svg", {
+    return (t, n) => (w(), P("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      F("path", {
+      B("path", {
         fill: "currentColor",
         d: "m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704m-32-384v-96a32 32 0 0 1 64 0v96h96a32 32 0 0 1 0 64h-96v96a32 32 0 0 1-64 0v-96h-96a32 32 0 0 1 0-64z"
       })
     ]));
   }
-}), Ut = Kt, Yt = /* @__PURE__ */ j({
+}), Xt = Wt, qt = /* @__PURE__ */ V({
   name: "ZoomOut",
   __name: "zoom-out",
   setup(e) {
-    return (t, n) => (_(), T("svg", {
+    return (t, n) => (w(), P("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      F("path", {
+      B("path", {
         fill: "currentColor",
         d: "m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704M352 448h256a32 32 0 0 1 0 64H352a32 32 0 0 1 0-64"
       })
     ]));
   }
-}), Wt = Yt;
-const Xt = Symbol(), Ce = "el", qt = "is-", Q = (e, t, n, r, a) => {
+}), Jt = qt;
+const Zt = Symbol(), $e = "el", Qt = "is-", Q = (e, t, n, r, a) => {
   let i = `${e}-${t}`;
   return n && (i += `-${n}`), r && (i += `__${r}`), a && (i += `--${a}`), i;
-}, Jt = Symbol("namespaceContextKey"), Zt = (e) => {
-  const t = Oe() ? V(Jt, A(Ce)) : A(Ce);
-  return k(() => d(t) || Ce);
+}, en = Symbol("namespaceContextKey"), tn = (e) => {
+  const t = Ie() ? H(en, E($e)) : E($e);
+  return C(() => f(t) || $e);
 }, de = (e, t) => {
-  const n = Zt();
+  const n = tn();
   return {
     namespace: n,
     b: (c = "") => Q(n.value, e, c, "", ""),
@@ -93,7 +93,7 @@ const Xt = Symbol(), Ce = "el", qt = "is-", Q = (e, t, n, r, a) => {
     bem: (c, y, u) => c && y && u ? Q(n.value, e, c, y, u) : "",
     is: (c, ...y) => {
       const u = y.length >= 1 ? y[0] : !0;
-      return c && u ? `${qt}${c}` : "";
+      return c && u ? `${Qt}${c}` : "";
     },
     cssVar: (c) => {
       const y = {};
@@ -118,73 +118,73 @@ const Xt = Symbol(), Ce = "el", qt = "is-", Q = (e, t, n, r, a) => {
 **/
 process.env.NODE_ENV !== "production" && Object.freeze({});
 process.env.NODE_ENV !== "production" && Object.freeze([]);
-const Qt = () => {
-}, en = Object.prototype.hasOwnProperty, Ye = (e, t) => en.call(e, t), Ae = (e) => typeof e == "string", st = (e) => e !== null && typeof e == "object";
-var tn = typeof global == "object" && global && global.Object === Object && global, nn = typeof self == "object" && self && self.Object === Object && self, Re = tn || nn || Function("return this")(), oe = Re.Symbol, lt = Object.prototype, rn = lt.hasOwnProperty, on = lt.toString, le = oe ? oe.toStringTag : void 0;
-function an(e) {
-  var t = rn.call(e, le), n = e[le];
+const nn = () => {
+}, rn = Object.prototype.hasOwnProperty, Je = (e, t) => rn.call(e, t), Le = (e) => typeof e == "string", dt = (e) => e !== null && typeof e == "object";
+var on = typeof global == "object" && global && global.Object === Object && global, an = typeof self == "object" && self && self.Object === Object && self, He = on || an || Function("return this")(), oe = He.Symbol, ft = Object.prototype, sn = ft.hasOwnProperty, ln = ft.toString, le = oe ? oe.toStringTag : void 0;
+function cn(e) {
+  var t = sn.call(e, le), n = e[le];
   try {
     e[le] = void 0;
     var r = !0;
   } catch {
   }
-  var a = on.call(e);
+  var a = ln.call(e);
   return r && (t ? e[le] = n : delete e[le]), a;
 }
-var sn = Object.prototype, ln = sn.toString;
-function cn(e) {
-  return ln.call(e);
+var un = Object.prototype, dn = un.toString;
+function fn(e) {
+  return dn.call(e);
 }
-var un = "[object Null]", dn = "[object Undefined]", We = oe ? oe.toStringTag : void 0;
-function ct(e) {
-  return e == null ? e === void 0 ? dn : un : We && We in Object(e) ? an(e) : cn(e);
+var hn = "[object Null]", pn = "[object Undefined]", Ze = oe ? oe.toStringTag : void 0;
+function ht(e) {
+  return e == null ? e === void 0 ? pn : hn : Ze && Ze in Object(e) ? cn(e) : fn(e);
 }
-function fn(e) {
+function gn(e) {
   return e != null && typeof e == "object";
 }
-var hn = "[object Symbol]";
-function Ie(e) {
-  return typeof e == "symbol" || fn(e) && ct(e) == hn;
+var vn = "[object Symbol]";
+function Ve(e) {
+  return typeof e == "symbol" || gn(e) && ht(e) == vn;
 }
-function pn(e, t) {
+function bn(e, t) {
   for (var n = -1, r = e == null ? 0 : e.length, a = Array(r); ++n < r; )
     a[n] = t(e[n], n, e);
   return a;
 }
-var Le = Array.isArray, Xe = oe ? oe.prototype : void 0, qe = Xe ? Xe.toString : void 0;
-function ut(e) {
+var je = Array.isArray, Qe = oe ? oe.prototype : void 0, et = Qe ? Qe.toString : void 0;
+function pt(e) {
   if (typeof e == "string")
     return e;
-  if (Le(e))
-    return pn(e, ut) + "";
-  if (Ie(e))
-    return qe ? qe.call(e) : "";
+  if (je(e))
+    return bn(e, pt) + "";
+  if (Ve(e))
+    return et ? et.call(e) : "";
   var t = e + "";
   return t == "0" && 1 / e == -1 / 0 ? "-0" : t;
 }
-function dt(e) {
+function gt(e) {
   var t = typeof e;
   return e != null && (t == "object" || t == "function");
 }
-var gn = "[object AsyncFunction]", vn = "[object Function]", bn = "[object GeneratorFunction]", mn = "[object Proxy]";
-function yn(e) {
-  if (!dt(e))
+var mn = "[object AsyncFunction]", yn = "[object Function]", _n = "[object GeneratorFunction]", wn = "[object Proxy]";
+function xn(e) {
+  if (!gt(e))
     return !1;
-  var t = ct(e);
-  return t == vn || t == bn || t == gn || t == mn;
+  var t = ht(e);
+  return t == yn || t == _n || t == mn || t == wn;
 }
-var Te = Re["__core-js_shared__"], Je = function() {
-  var e = /[^.]+$/.exec(Te && Te.keys && Te.keys.IE_PROTO || "");
+var Ne = He["__core-js_shared__"], tt = function() {
+  var e = /[^.]+$/.exec(Ne && Ne.keys && Ne.keys.IE_PROTO || "");
   return e ? "Symbol(src)_1." + e : "";
 }();
-function _n(e) {
-  return !!Je && Je in e;
-}
-var wn = Function.prototype, xn = wn.toString;
 function Sn(e) {
+  return !!tt && tt in e;
+}
+var kn = Function.prototype, Cn = kn.toString;
+function Mn(e) {
   if (e != null) {
     try {
-      return xn.call(e);
+      return Cn.call(e);
     } catch {
     }
     try {
@@ -194,58 +194,58 @@ function Sn(e) {
   }
   return "";
 }
-var kn = /[\\^$.*+?()[\]{}|]/g, Mn = /^\[object .+?Constructor\]$/, Cn = Function.prototype, Tn = Object.prototype, $n = Cn.toString, Nn = Tn.hasOwnProperty, Pn = RegExp(
-  "^" + $n.call(Nn).replace(kn, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+var Tn = /[\\^$.*+?()[\]{}|]/g, Pn = /^\[object .+?Constructor\]$/, $n = Function.prototype, Nn = Object.prototype, Fn = $n.toString, zn = Nn.hasOwnProperty, En = RegExp(
+  "^" + Fn.call(zn).replace(Tn, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
 );
-function En(e) {
-  if (!dt(e) || _n(e))
+function Bn(e) {
+  if (!gt(e) || Sn(e))
     return !1;
-  var t = yn(e) ? Pn : Mn;
-  return t.test(Sn(e));
+  var t = xn(e) ? En : Pn;
+  return t.test(Mn(e));
 }
-function Fn(e, t) {
+function On(e, t) {
   return e == null ? void 0 : e[t];
 }
-function ft(e, t) {
-  var n = Fn(e, t);
-  return En(n) ? n : void 0;
+function vt(e, t) {
+  var n = On(e, t);
+  return Bn(n) ? n : void 0;
 }
-function zn(e, t) {
+function An(e, t) {
   return e === t || e !== e && t !== t;
 }
-var Bn = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, On = /^\w*$/;
-function An(e, t) {
-  if (Le(e))
+var Rn = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, In = /^\w*$/;
+function Ln(e, t) {
+  if (je(e))
     return !1;
   var n = typeof e;
-  return n == "number" || n == "symbol" || n == "boolean" || e == null || Ie(e) ? !0 : On.test(e) || !Bn.test(e) || t != null && e in Object(t);
+  return n == "number" || n == "symbol" || n == "boolean" || e == null || Ve(e) ? !0 : In.test(e) || !Rn.test(e) || t != null && e in Object(t);
 }
-var ue = ft(Object, "create");
-function Rn() {
+var ue = vt(Object, "create");
+function Hn() {
   this.__data__ = ue ? ue(null) : {}, this.size = 0;
 }
-function In(e) {
+function Vn(e) {
   var t = this.has(e) && delete this.__data__[e];
   return this.size -= t ? 1 : 0, t;
 }
-var Ln = "__lodash_hash_undefined__", Hn = Object.prototype, Vn = Hn.hasOwnProperty;
-function jn(e) {
+var jn = "__lodash_hash_undefined__", Dn = Object.prototype, Gn = Dn.hasOwnProperty;
+function Kn(e) {
   var t = this.__data__;
   if (ue) {
     var n = t[e];
-    return n === Ln ? void 0 : n;
+    return n === jn ? void 0 : n;
   }
-  return Vn.call(t, e) ? t[e] : void 0;
+  return Gn.call(t, e) ? t[e] : void 0;
 }
-var Dn = Object.prototype, Gn = Dn.hasOwnProperty;
-function Kn(e) {
+var Un = Object.prototype, Yn = Un.hasOwnProperty;
+function Wn(e) {
   var t = this.__data__;
-  return ue ? t[e] !== void 0 : Gn.call(t, e);
+  return ue ? t[e] !== void 0 : Yn.call(t, e);
 }
-var Un = "__lodash_hash_undefined__";
-function Yn(e, t) {
+var Xn = "__lodash_hash_undefined__";
+function qn(e, t) {
   var n = this.__data__;
-  return this.size += this.has(e) ? 0 : 1, n[e] = ue && t === void 0 ? Un : t, this;
+  return this.size += this.has(e) ? 0 : 1, n[e] = ue && t === void 0 ? Xn : t, this;
 }
 function te(e) {
   var t = -1, n = e == null ? 0 : e.length;
@@ -254,37 +254,37 @@ function te(e) {
     this.set(r[0], r[1]);
   }
 }
-te.prototype.clear = Rn;
-te.prototype.delete = In;
-te.prototype.get = jn;
-te.prototype.has = Kn;
-te.prototype.set = Yn;
-function Wn() {
+te.prototype.clear = Hn;
+te.prototype.delete = Vn;
+te.prototype.get = Kn;
+te.prototype.has = Wn;
+te.prototype.set = qn;
+function Jn() {
   this.__data__ = [], this.size = 0;
 }
-function me(e, t) {
+function _e(e, t) {
   for (var n = e.length; n--; )
-    if (zn(e[n][0], t))
+    if (An(e[n][0], t))
       return n;
   return -1;
 }
-var Xn = Array.prototype, qn = Xn.splice;
-function Jn(e) {
-  var t = this.__data__, n = me(t, e);
+var Zn = Array.prototype, Qn = Zn.splice;
+function er(e) {
+  var t = this.__data__, n = _e(t, e);
   if (n < 0)
     return !1;
   var r = t.length - 1;
-  return n == r ? t.pop() : qn.call(t, n, 1), --this.size, !0;
+  return n == r ? t.pop() : Qn.call(t, n, 1), --this.size, !0;
 }
-function Zn(e) {
-  var t = this.__data__, n = me(t, e);
+function tr(e) {
+  var t = this.__data__, n = _e(t, e);
   return n < 0 ? void 0 : t[n][1];
 }
-function Qn(e) {
-  return me(this.__data__, e) > -1;
+function nr(e) {
+  return _e(this.__data__, e) > -1;
 }
-function er(e, t) {
-  var n = this.__data__, r = me(n, e);
+function rr(e, t) {
+  var n = this.__data__, r = _e(n, e);
   return r < 0 ? (++this.size, n.push([e, t])) : n[r][1] = t, this;
 }
 function ae(e) {
@@ -294,39 +294,39 @@ function ae(e) {
     this.set(r[0], r[1]);
   }
 }
-ae.prototype.clear = Wn;
-ae.prototype.delete = Jn;
-ae.prototype.get = Zn;
-ae.prototype.has = Qn;
-ae.prototype.set = er;
-var tr = ft(Re, "Map");
-function nr() {
+ae.prototype.clear = Jn;
+ae.prototype.delete = er;
+ae.prototype.get = tr;
+ae.prototype.has = nr;
+ae.prototype.set = rr;
+var or = vt(He, "Map");
+function ar() {
   this.size = 0, this.__data__ = {
     hash: new te(),
-    map: new (tr || ae)(),
+    map: new (or || ae)(),
     string: new te()
   };
 }
-function rr(e) {
+function ir(e) {
   var t = typeof e;
   return t == "string" || t == "number" || t == "symbol" || t == "boolean" ? e !== "__proto__" : e === null;
 }
-function ye(e, t) {
+function we(e, t) {
   var n = e.__data__;
-  return rr(t) ? n[typeof t == "string" ? "string" : "hash"] : n.map;
+  return ir(t) ? n[typeof t == "string" ? "string" : "hash"] : n.map;
 }
-function or(e) {
-  var t = ye(this, e).delete(e);
+function sr(e) {
+  var t = we(this, e).delete(e);
   return this.size -= t ? 1 : 0, t;
 }
-function ar(e) {
-  return ye(this, e).get(e);
+function lr(e) {
+  return we(this, e).get(e);
 }
-function ir(e) {
-  return ye(this, e).has(e);
+function cr(e) {
+  return we(this, e).has(e);
 }
-function sr(e, t) {
-  var n = ye(this, e), r = n.size;
+function ur(e, t) {
+  var n = we(this, e), r = n.size;
   return n.set(e, t), this.size += n.size == r ? 0 : 1, this;
 }
 function ne(e) {
@@ -336,15 +336,15 @@ function ne(e) {
     this.set(r[0], r[1]);
   }
 }
-ne.prototype.clear = nr;
-ne.prototype.delete = or;
-ne.prototype.get = ar;
-ne.prototype.has = ir;
-ne.prototype.set = sr;
-var lr = "Expected a function";
-function He(e, t) {
+ne.prototype.clear = ar;
+ne.prototype.delete = sr;
+ne.prototype.get = lr;
+ne.prototype.has = cr;
+ne.prototype.set = ur;
+var dr = "Expected a function";
+function De(e, t) {
   if (typeof e != "function" || t != null && typeof t != "function")
-    throw new TypeError(lr);
+    throw new TypeError(dr);
   var n = function() {
     var r = arguments, a = t ? t.apply(this, r) : r[0], i = n.cache;
     if (i.has(a))
@@ -352,64 +352,64 @@ function He(e, t) {
     var o = e.apply(this, r);
     return n.cache = i.set(a, o) || i, o;
   };
-  return n.cache = new (He.Cache || ne)(), n;
+  return n.cache = new (De.Cache || ne)(), n;
 }
-He.Cache = ne;
-var cr = 500;
-function ur(e) {
-  var t = He(e, function(r) {
-    return n.size === cr && n.clear(), r;
+De.Cache = ne;
+var fr = 500;
+function hr(e) {
+  var t = De(e, function(r) {
+    return n.size === fr && n.clear(), r;
   }), n = t.cache;
   return t;
 }
-var dr = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g, fr = /\\(\\)?/g, hr = ur(function(e) {
+var pr = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g, gr = /\\(\\)?/g, vr = hr(function(e) {
   var t = [];
-  return e.charCodeAt(0) === 46 && t.push(""), e.replace(dr, function(n, r, a, i) {
-    t.push(a ? i.replace(fr, "$1") : r || n);
+  return e.charCodeAt(0) === 46 && t.push(""), e.replace(pr, function(n, r, a, i) {
+    t.push(a ? i.replace(gr, "$1") : r || n);
   }), t;
 });
-function pr(e) {
-  return e == null ? "" : ut(e);
+function br(e) {
+  return e == null ? "" : pt(e);
 }
-function gr(e, t) {
-  return Le(e) ? e : An(e, t) ? [e] : hr(pr(e));
+function mr(e, t) {
+  return je(e) ? e : Ln(e, t) ? [e] : vr(br(e));
 }
-function vr(e) {
-  if (typeof e == "string" || Ie(e))
+function yr(e) {
+  if (typeof e == "string" || Ve(e))
     return e;
   var t = e + "";
   return t == "0" && 1 / e == -1 / 0 ? "-0" : t;
 }
-function br(e, t) {
-  t = gr(t, e);
+function _r(e, t) {
+  t = mr(t, e);
   for (var n = 0, r = t.length; e != null && n < r; )
-    e = e[vr(t[n++])];
+    e = e[yr(t[n++])];
   return n && n == r ? e : void 0;
 }
-function mr(e, t, n) {
-  var r = e == null ? void 0 : br(e, t);
+function wr(e, t, n) {
+  var r = e == null ? void 0 : _r(e, t);
   return r === void 0 ? n : r;
 }
-function yr(e) {
+function xr(e) {
   for (var t = -1, n = e == null ? 0 : e.length, r = {}; ++t < n; ) {
     var a = e[t];
     r[a[0]] = a[1];
   }
   return r;
 }
-const _r = (e) => typeof e == "number", wr = (e) => Ae(e) ? !Number.isNaN(Number(e)) : !1;
-class xr extends Error {
+const Sr = (e) => typeof e == "number", kr = (e) => Le(e) ? !Number.isNaN(Number(e)) : !1;
+class Cr extends Error {
   constructor(t) {
     super(t), this.name = "ElementPlusError";
   }
 }
-function ht(e, t) {
+function bt(e, t) {
   if (process.env.NODE_ENV !== "production") {
-    const n = Ae(e) ? new xr(`[${e}] ${t}`) : e;
+    const n = Le(e) ? new Cr(`[${e}] ${t}`) : e;
     console.warn(n);
   }
 }
-var Sr = {
+var Mr = {
   name: "en",
   el: {
     breadcrumb: {
@@ -603,70 +603,70 @@ var Sr = {
     }
   }
 };
-const kr = (e) => (t, n) => Mr(t, n, d(e)), Mr = (e, t, n) => mr(n, e, e).replace(
+const Tr = (e) => (t, n) => Pr(t, n, f(e)), Pr = (e, t, n) => wr(n, e, e).replace(
   /\{(\w+)\}/g,
   (r, a) => {
     var i;
     return `${(i = t == null ? void 0 : t[a]) != null ? i : `{${a}}`}`;
   }
-), Cr = (e) => {
-  const t = k(() => d(e).name), n = Mt(e) ? e : A(e);
+), $r = (e) => {
+  const t = C(() => f(e).name), n = $t(e) ? e : E(e);
   return {
     lang: t,
     locale: n,
-    t: kr(e)
+    t: Tr(e)
   };
-}, Tr = Symbol("localeContextKey"), $r = (e) => {
-  const t = V(Tr, A());
-  return Cr(k(() => t.value || Sr));
-}, pt = "__epPropKey", _e = (e) => e, Nr = (e) => st(e) && !!e[pt], gt = (e, t) => {
-  if (!st(e) || Nr(e))
+}, Nr = Symbol("localeContextKey"), Fr = (e) => {
+  const t = H(Nr, E());
+  return $r(C(() => t.value || Mr));
+}, mt = "__epPropKey", xe = (e) => e, zr = (e) => dt(e) && !!e[mt], yt = (e, t) => {
+  if (!dt(e) || zr(e))
     return e;
   const { values: n, required: r, default: a, type: i, validator: o } = e, p = {
     type: i,
     required: !!r,
     validator: n || o ? (x) => {
-      let S = !1, g = [];
-      if (n && (g = Array.from(n), Ye(e, "default") && g.push(a), S || (S = g.includes(x))), o && (S || (S = o(x))), !S && g.length > 0) {
-        const E = [...new Set(g)].map((z) => JSON.stringify(z)).join(", ");
-        Ct(
-          `Invalid prop: validation failed${t ? ` for prop "${t}"` : ""}. Expected one of [${E}], got value ${JSON.stringify(
+      let S = !1, h = [];
+      if (n && (h = Array.from(n), Je(e, "default") && h.push(a), S || (S = h.includes(x))), o && (S || (S = o(x))), !S && h.length > 0) {
+        const F = [...new Set(h)].map((O) => JSON.stringify(O)).join(", ");
+        Nt(
+          `Invalid prop: validation failed${t ? ` for prop "${t}"` : ""}. Expected one of [${F}], got value ${JSON.stringify(
             x
           )}.`
         );
       }
       return S;
     } : void 0,
-    [pt]: !0
+    [mt]: !0
   };
-  return Ye(e, "default") && (p.default = a), p;
-}, Ve = (e) => yr(
+  return Je(e, "default") && (p.default = a), p;
+}, Ge = (e) => xr(
   Object.entries(e).map(([t, n]) => [
     t,
-    gt(n, t)
+    yt(n, t)
   ])
-), vt = ["", "default", "small", "large"], Pr = gt({
+), _t = ["", "default", "small", "large"], Er = yt({
   type: String,
-  values: vt,
+  values: _t,
   required: !1
-}), Er = Symbol("size"), Fr = () => {
-  const e = V(Er, {});
-  return k(() => d(e.size) || "");
-}, Ze = A();
-function zr(e, t = void 0) {
-  const n = Oe() ? V(Xt, Ze) : Ze;
-  return k(() => {
+}), Br = Symbol("size"), Or = () => {
+  const e = H(Br, {});
+  return C(() => f(e.size) || "");
+}, nt = E();
+function Ar(e, t = void 0) {
+  const n = Ie() ? H(Zt, nt) : nt;
+  return C(() => {
     var r, a;
     return (a = (r = n.value) == null ? void 0 : r[e]) != null ? a : t;
   });
 }
-var we = (e, t) => {
+var Se = (e, t) => {
   const n = e.__vccOpts || e;
   for (const [r, a] of t)
     n[r] = a;
   return n;
 };
-const je = (e, t) => {
+const Ke = (e, t) => {
   if (e.install = (n) => {
     for (const r of [e, ...Object.values(t ?? {})])
       n.component(r.name, r);
@@ -674,84 +674,84 @@ const je = (e, t) => {
     for (const [n, r] of Object.entries(t))
       e[n] = r;
   return e;
-}, Br = (e) => (e.install = Qt, e), Or = "utils/dom/style";
-function Ar(e, t = "px") {
+}, Rr = (e) => (e.install = nn, e), Ir = "utils/dom/style";
+function Lr(e, t = "px") {
   if (!e && e !== 0)
     return "";
-  if (_r(e) || wr(e))
+  if (Sr(e) || kr(e))
     return `${e}${t}`;
-  if (Ae(e))
+  if (Le(e))
     return e;
-  ht(Or, "binding value must be a string or number");
+  bt(Ir, "binding value must be a string or number");
 }
-const Rr = Ve({
+const Hr = Ge({
   size: {
-    type: _e([Number, String])
+    type: xe([Number, String])
   },
   color: {
     type: String
   }
-}), Ir = j({
+}), Vr = V({
   name: "ElIcon",
   inheritAttrs: !1,
   __name: "icon",
-  props: Rr,
+  props: Hr,
   setup(e) {
-    const t = e, n = de("icon"), r = k(() => {
-      const { size: a, color: i } = t, o = Ar(a);
+    const t = e, n = de("icon"), r = C(() => {
+      const { size: a, color: i } = t, o = Lr(a);
       return !o && !i ? {} : {
         fontSize: o,
         "--color": i
       };
     });
-    return (a, i) => (_(), T(
+    return (a, i) => (w(), P(
       "i",
-      at({
-        class: d(n).b(),
+      ct({
+        class: f(n).b(),
         style: r.value
       }, a.$attrs),
       [
-        W(a.$slots, "default")
+        Y(a.$slots, "default")
       ],
       16
     ));
   }
 });
-var Lr = /* @__PURE__ */ we(Ir, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/icon/src/icon.vue"]]);
-const be = je(Lr), Qe = _e([
+var jr = /* @__PURE__ */ Se(Vr, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/icon/src/icon.vue"]]);
+const ye = Ke(jr), rt = xe([
   String,
   Object,
   Function
-]), De = Symbol("formContextKey"), bt = Symbol("formItemContextKey"), Hr = () => {
-  const e = V(De, void 0), t = V(bt, void 0);
+]), Ue = Symbol("formContextKey"), wt = Symbol("formItemContextKey"), Dr = () => {
+  const e = H(Ue, void 0), t = H(wt, void 0);
   return {
     form: e,
     formItem: t
   };
-}, mt = (e) => {
-  const t = Oe();
-  return k(() => {
+}, xt = (e) => {
+  const t = Ie();
+  return C(() => {
     var n, r;
     return (r = (n = t == null ? void 0 : t.proxy) == null ? void 0 : n.$props) == null ? void 0 : r[e];
   });
-}, yt = (e, t = {}) => {
-  const n = A(void 0), r = t.prop ? n : mt("size"), a = t.global ? n : Fr(), i = t.form ? { size: void 0 } : V(De, void 0), o = t.formItem ? { size: void 0 } : V(bt, void 0);
-  return k(
-    () => r.value || d(e) || (o == null ? void 0 : o.size) || (i == null ? void 0 : i.size) || a.value || ""
+}, St = (e, t = {}) => {
+  const n = E(void 0), r = t.prop ? n : xt("size"), a = t.global ? n : Or(), i = t.form ? { size: void 0 } : H(Ue, void 0), o = t.formItem ? { size: void 0 } : H(wt, void 0);
+  return C(
+    () => r.value || f(e) || (o == null ? void 0 : o.size) || (i == null ? void 0 : i.size) || a.value || ""
   );
-}, _t = (e) => {
-  const t = mt("disabled"), n = V(De, void 0);
-  return k(() => {
+}, kt = (e) => {
+  const t = xt("disabled"), n = H(Ue, void 0);
+  return C(() => {
     var r, a, i;
-    return (i = (a = (r = t.value) != null ? r : d(e)) != null ? a : n == null ? void 0 : n.disabled) != null ? i : !1;
+    return (i = (a = (r = t.value) != null ? r : f(e)) != null ? a : n == null ? void 0 : n.disabled) != null ? i : !1;
   });
-}, wt = Symbol(
+}, Ct = Symbol(
   "buttonGroupContextKey"
-), Vr = ({ from: e, replacement: t, scope: n, version: r, ref: a, type: i = "API" }, o) => {
-  Fe(
-    () => d(o),
+), Gr = ({ from: e, replacement: t, scope: n, version: r, ref: a, type: i = "API" }, o) => {
+  Oe(
+    () => f(o),
     (l) => {
-      l && ht(
+      l && bt(
         n,
         `[${i}] ${e} is about to be deprecated in version ${r}, please use ${t} instead.
 For more detail, please visit: ${a}
@@ -762,8 +762,8 @@ For more detail, please visit: ${a}
       immediate: !0
     }
   );
-}, jr = (e, t) => {
-  Vr(
+}, Kr = (e, t) => {
+  Gr(
     {
       from: "type.text",
       replacement: "link",
@@ -771,43 +771,43 @@ For more detail, please visit: ${a}
       scope: "props",
       ref: "https://element-plus.org/en-US/component/button.html#button-attributes"
     },
-    k(() => e.type === "text")
+    C(() => e.type === "text")
   );
-  const n = V(wt, void 0), r = zr("button"), { form: a } = Hr(), i = yt(k(() => n == null ? void 0 : n.size)), o = _t(), l = A(), p = Tt(), x = k(
+  const n = H(Ct, void 0), r = Ar("button"), { form: a } = Dr(), i = St(C(() => n == null ? void 0 : n.size)), o = kt(), l = E(), p = Ft(), x = C(
     () => {
       var u;
       return e.type || (n == null ? void 0 : n.type) || ((u = r.value) == null ? void 0 : u.type) || "";
     }
-  ), S = k(
+  ), S = C(
     () => {
-      var u, b, M;
-      return (M = (b = e.autoInsertSpace) != null ? b : (u = r.value) == null ? void 0 : u.autoInsertSpace) != null ? M : !1;
+      var u, g, T;
+      return (T = (g = e.autoInsertSpace) != null ? g : (u = r.value) == null ? void 0 : u.autoInsertSpace) != null ? T : !1;
     }
-  ), g = k(
+  ), h = C(
     () => {
-      var u, b, M;
-      return (M = (b = e.plain) != null ? b : (u = r.value) == null ? void 0 : u.plain) != null ? M : !1;
+      var u, g, T;
+      return (T = (g = e.plain) != null ? g : (u = r.value) == null ? void 0 : u.plain) != null ? T : !1;
     }
-  ), E = k(
+  ), F = C(
     () => {
-      var u, b, M;
-      return (M = (b = e.round) != null ? b : (u = r.value) == null ? void 0 : u.round) != null ? M : !1;
+      var u, g, T;
+      return (T = (g = e.round) != null ? g : (u = r.value) == null ? void 0 : u.round) != null ? T : !1;
     }
-  ), z = k(() => {
-    var u, b, M;
-    return (M = (b = e.text) != null ? b : (u = r.value) == null ? void 0 : u.text) != null ? M : !1;
-  }), R = k(() => e.tag === "button" ? {
+  ), O = C(() => {
+    var u, g, T;
+    return (T = (g = e.text) != null ? g : (u = r.value) == null ? void 0 : u.text) != null ? T : !1;
+  }), I = C(() => e.tag === "button" ? {
     ariaDisabled: o.value || e.loading,
     disabled: o.value || e.loading,
     autofocus: e.autofocus,
     type: e.nativeType
-  } : {}), c = k(() => {
+  } : {}), c = C(() => {
     var u;
-    const b = (u = p.default) == null ? void 0 : u.call(p);
-    if (S.value && (b == null ? void 0 : b.length) === 1) {
-      const M = b[0];
-      if ((M == null ? void 0 : M.type) === $t) {
-        const ie = M.children;
+    const g = (u = p.default) == null ? void 0 : u.call(p);
+    if (S.value && (g == null ? void 0 : g.length) === 1) {
+      const T = g[0];
+      if ((T == null ? void 0 : T.type) === zt) {
+        const ie = T.children;
         return new RegExp("^\\p{Unified_Ideograph}{2}$", "u").test(ie.trim());
       }
     }
@@ -818,10 +818,10 @@ For more detail, please visit: ${a}
     _size: i,
     _type: x,
     _ref: l,
-    _props: R,
-    _plain: g,
-    _round: E,
-    _text: z,
+    _props: I,
+    _plain: h,
+    _round: F,
+    _text: O,
     shouldAddSpace: c,
     handleClick: (u) => {
       if (o.value || e.loading) {
@@ -831,7 +831,7 @@ For more detail, please visit: ${a}
       e.nativeType === "reset" && (a == null || a.resetFields()), t("click", u);
     }
   };
-}, Dr = [
+}, Ur = [
   "default",
   "primary",
   "success",
@@ -840,29 +840,29 @@ For more detail, please visit: ${a}
   "danger",
   "text",
   ""
-], Gr = ["button", "submit", "reset"], ze = Ve({
-  size: Pr,
+], Yr = ["button", "submit", "reset"], Ae = Ge({
+  size: Er,
   disabled: {
     type: Boolean,
     default: void 0
   },
   type: {
     type: String,
-    values: Dr,
+    values: Ur,
     default: ""
   },
   icon: {
-    type: Qe
+    type: rt
   },
   nativeType: {
     type: String,
-    values: Gr,
+    values: Yr,
     default: "button"
   },
   loading: Boolean,
   loadingIcon: {
-    type: Qe,
-    default: () => Gt
+    type: rt,
+    default: () => Yt
   },
   plain: {
     type: Boolean,
@@ -887,44 +887,44 @@ For more detail, please visit: ${a}
     default: void 0
   },
   tag: {
-    type: _e([String, Object]),
+    type: xe([String, Object]),
     default: "button"
   }
-}), Kr = {
+}), Wr = {
   click: (e) => e instanceof MouseEvent
 };
-function N(e, t) {
-  Ur(e) && (e = "100%");
-  var n = Yr(e);
+function $(e, t) {
+  Xr(e) && (e = "100%");
+  var n = qr(e);
   return e = t === 360 ? e : Math.min(t, Math.max(0, parseFloat(e))), n && (e = parseInt(String(e * t), 10) / 100), Math.abs(e - t) < 1e-6 ? 1 : (t === 360 ? e = (e < 0 ? e % t + t : e % t) / parseFloat(String(t)) : e = e % t / parseFloat(String(t)), e);
 }
-function ge(e) {
+function be(e) {
   return Math.min(1, Math.max(0, e));
 }
-function Ur(e) {
+function Xr(e) {
   return typeof e == "string" && e.indexOf(".") !== -1 && parseFloat(e) === 1;
 }
-function Yr(e) {
+function qr(e) {
   return typeof e == "string" && e.indexOf("%") !== -1;
 }
-function xt(e) {
+function Mt(e) {
   return e = parseFloat(e), (isNaN(e) || e < 0 || e > 1) && (e = 1), e;
 }
-function ve(e) {
+function me(e) {
   return e <= 1 ? "".concat(Number(e) * 100, "%") : e;
 }
 function ee(e) {
   return e.length === 1 ? "0" + e : String(e);
 }
-function Wr(e, t, n) {
+function Jr(e, t, n) {
   return {
-    r: N(e, 255) * 255,
-    g: N(t, 255) * 255,
-    b: N(n, 255) * 255
+    r: $(e, 255) * 255,
+    g: $(t, 255) * 255,
+    b: $(n, 255) * 255
   };
 }
-function et(e, t, n) {
-  e = N(e, 255), t = N(t, 255), n = N(n, 255);
+function ot(e, t, n) {
+  e = $(e, 255), t = $(t, 255), n = $(n, 255);
   var r = Math.max(e, t, n), a = Math.min(e, t, n), i = 0, o = 0, l = (r + a) / 2;
   if (r === a)
     o = 0, i = 0;
@@ -945,21 +945,21 @@ function et(e, t, n) {
   }
   return { h: i, s: o, l };
 }
-function $e(e, t, n) {
+function Fe(e, t, n) {
   return n < 0 && (n += 1), n > 1 && (n -= 1), n < 1 / 6 ? e + (t - e) * (6 * n) : n < 1 / 2 ? t : n < 2 / 3 ? e + (t - e) * (2 / 3 - n) * 6 : e;
 }
-function Xr(e, t, n) {
+function Zr(e, t, n) {
   var r, a, i;
-  if (e = N(e, 360), t = N(t, 100), n = N(n, 100), t === 0)
+  if (e = $(e, 360), t = $(t, 100), n = $(n, 100), t === 0)
     a = n, i = n, r = n;
   else {
     var o = n < 0.5 ? n * (1 + t) : n + t - n * t, l = 2 * n - o;
-    r = $e(l, o, e + 1 / 3), a = $e(l, o, e), i = $e(l, o, e - 1 / 3);
+    r = Fe(l, o, e + 1 / 3), a = Fe(l, o, e), i = Fe(l, o, e - 1 / 3);
   }
   return { r: r * 255, g: a * 255, b: i * 255 };
 }
-function tt(e, t, n) {
-  e = N(e, 255), t = N(t, 255), n = N(n, 255);
+function at(e, t, n) {
+  e = $(e, 255), t = $(t, 255), n = $(n, 255);
   var r = Math.max(e, t, n), a = Math.min(e, t, n), i = 0, o = r, l = r - a, p = r === 0 ? 0 : l / r;
   if (r === a)
     i = 0;
@@ -979,12 +979,12 @@ function tt(e, t, n) {
   }
   return { h: i, s: p, v: o };
 }
-function qr(e, t, n) {
-  e = N(e, 360) * 6, t = N(t, 100), n = N(n, 100);
-  var r = Math.floor(e), a = e - r, i = n * (1 - t), o = n * (1 - a * t), l = n * (1 - (1 - a) * t), p = r % 6, x = [n, o, i, i, l, n][p], S = [l, n, n, o, i, i][p], g = [i, i, l, n, n, o][p];
-  return { r: x * 255, g: S * 255, b: g * 255 };
+function Qr(e, t, n) {
+  e = $(e, 360) * 6, t = $(t, 100), n = $(n, 100);
+  var r = Math.floor(e), a = e - r, i = n * (1 - t), o = n * (1 - a * t), l = n * (1 - (1 - a) * t), p = r % 6, x = [n, o, i, i, l, n][p], S = [l, n, n, o, i, i][p], h = [i, i, l, n, n, o][p];
+  return { r: x * 255, g: S * 255, b: h * 255 };
 }
-function nt(e, t, n, r) {
+function it(e, t, n, r) {
   var a = [
     ee(Math.round(e).toString(16)),
     ee(Math.round(t).toString(16)),
@@ -992,32 +992,32 @@ function nt(e, t, n, r) {
   ];
   return r && a[0].startsWith(a[0].charAt(1)) && a[1].startsWith(a[1].charAt(1)) && a[2].startsWith(a[2].charAt(1)) ? a[0].charAt(0) + a[1].charAt(0) + a[2].charAt(0) : a.join("");
 }
-function Jr(e, t, n, r, a) {
+function eo(e, t, n, r, a) {
   var i = [
     ee(Math.round(e).toString(16)),
     ee(Math.round(t).toString(16)),
     ee(Math.round(n).toString(16)),
-    ee(Zr(r))
+    ee(to(r))
   ];
   return a && i[0].startsWith(i[0].charAt(1)) && i[1].startsWith(i[1].charAt(1)) && i[2].startsWith(i[2].charAt(1)) && i[3].startsWith(i[3].charAt(1)) ? i[0].charAt(0) + i[1].charAt(0) + i[2].charAt(0) + i[3].charAt(0) : i.join("");
 }
-function Zr(e) {
+function to(e) {
   return Math.round(parseFloat(e) * 255).toString(16);
 }
-function rt(e) {
-  return O(e) / 255;
+function st(e) {
+  return A(e) / 255;
 }
-function O(e) {
+function A(e) {
   return parseInt(e, 16);
 }
-function Qr(e) {
+function no(e) {
   return {
     r: e >> 16,
     g: (e & 65280) >> 8,
     b: e & 255
   };
 }
-var Be = {
+var Re = {
   aliceblue: "#f0f8ff",
   antiquewhite: "#faebd7",
   aqua: "#00ffff",
@@ -1167,9 +1167,9 @@ var Be = {
   yellow: "#ffff00",
   yellowgreen: "#9acd32"
 };
-function eo(e) {
+function ro(e) {
   var t = { r: 0, g: 0, b: 0 }, n = 1, r = null, a = null, i = null, o = !1, l = !1;
-  return typeof e == "string" && (e = ro(e)), typeof e == "object" && (K(e.r) && K(e.g) && K(e.b) ? (t = Wr(e.r, e.g, e.b), o = !0, l = String(e.r).substr(-1) === "%" ? "prgb" : "rgb") : K(e.h) && K(e.s) && K(e.v) ? (r = ve(e.s), a = ve(e.v), t = qr(e.h, r, a), o = !0, l = "hsv") : K(e.h) && K(e.s) && K(e.l) && (r = ve(e.s), i = ve(e.l), t = Xr(e.h, r, i), o = !0, l = "hsl"), Object.prototype.hasOwnProperty.call(e, "a") && (n = e.a)), n = xt(n), {
+  return typeof e == "string" && (e = io(e)), typeof e == "object" && (G(e.r) && G(e.g) && G(e.b) ? (t = Jr(e.r, e.g, e.b), o = !0, l = String(e.r).substr(-1) === "%" ? "prgb" : "rgb") : G(e.h) && G(e.s) && G(e.v) ? (r = me(e.s), a = me(e.v), t = Qr(e.h, r, a), o = !0, l = "hsv") : G(e.h) && G(e.s) && G(e.l) && (r = me(e.s), i = me(e.l), t = Zr(e.h, r, i), o = !0, l = "hsl"), Object.prototype.hasOwnProperty.call(e, "a") && (n = e.a)), n = Mt(n), {
     ok: o,
     format: e.format || l,
     r: Math.min(255, Math.max(t.r, 0)),
@@ -1178,56 +1178,56 @@ function eo(e) {
     a: n
   };
 }
-var to = "[-\\+]?\\d+%?", no = "[-\\+]?\\d*\\.\\d+%?", J = "(?:".concat(no, ")|(?:").concat(to, ")"), Ne = "[\\s|\\(]+(".concat(J, ")[,|\\s]+(").concat(J, ")[,|\\s]+(").concat(J, ")\\s*\\)?"), Pe = "[\\s|\\(]+(".concat(J, ")[,|\\s]+(").concat(J, ")[,|\\s]+(").concat(J, ")[,|\\s]+(").concat(J, ")\\s*\\)?"), L = {
+var oo = "[-\\+]?\\d+%?", ao = "[-\\+]?\\d*\\.\\d+%?", J = "(?:".concat(ao, ")|(?:").concat(oo, ")"), ze = "[\\s|\\(]+(".concat(J, ")[,|\\s]+(").concat(J, ")[,|\\s]+(").concat(J, ")\\s*\\)?"), Ee = "[\\s|\\(]+(".concat(J, ")[,|\\s]+(").concat(J, ")[,|\\s]+(").concat(J, ")[,|\\s]+(").concat(J, ")\\s*\\)?"), L = {
   CSS_UNIT: new RegExp(J),
-  rgb: new RegExp("rgb" + Ne),
-  rgba: new RegExp("rgba" + Pe),
-  hsl: new RegExp("hsl" + Ne),
-  hsla: new RegExp("hsla" + Pe),
-  hsv: new RegExp("hsv" + Ne),
-  hsva: new RegExp("hsva" + Pe),
+  rgb: new RegExp("rgb" + ze),
+  rgba: new RegExp("rgba" + Ee),
+  hsl: new RegExp("hsl" + ze),
+  hsla: new RegExp("hsla" + Ee),
+  hsv: new RegExp("hsv" + ze),
+  hsva: new RegExp("hsva" + Ee),
   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 ro(e) {
+function io(e) {
   if (e = e.trim().toLowerCase(), e.length === 0)
     return !1;
   var t = !1;
-  if (Be[e])
-    e = Be[e], t = !0;
+  if (Re[e])
+    e = Re[e], t = !0;
   else if (e === "transparent")
     return { r: 0, g: 0, b: 0, a: 0, format: "name" };
   var n = L.rgb.exec(e);
   return n ? { r: n[1], g: n[2], b: n[3] } : (n = L.rgba.exec(e), n ? { r: n[1], g: n[2], b: n[3], a: n[4] } : (n = L.hsl.exec(e), n ? { h: n[1], s: n[2], l: n[3] } : (n = L.hsla.exec(e), n ? { h: n[1], s: n[2], l: n[3], a: n[4] } : (n = L.hsv.exec(e), n ? { h: n[1], s: n[2], v: n[3] } : (n = L.hsva.exec(e), n ? { h: n[1], s: n[2], v: n[3], a: n[4] } : (n = L.hex8.exec(e), n ? {
-    r: O(n[1]),
-    g: O(n[2]),
-    b: O(n[3]),
-    a: rt(n[4]),
+    r: A(n[1]),
+    g: A(n[2]),
+    b: A(n[3]),
+    a: st(n[4]),
     format: t ? "name" : "hex8"
   } : (n = L.hex6.exec(e), n ? {
-    r: O(n[1]),
-    g: O(n[2]),
-    b: O(n[3]),
+    r: A(n[1]),
+    g: A(n[2]),
+    b: A(n[3]),
     format: t ? "name" : "hex"
   } : (n = L.hex4.exec(e), n ? {
-    r: O(n[1] + n[1]),
-    g: O(n[2] + n[2]),
-    b: O(n[3] + n[3]),
-    a: rt(n[4] + n[4]),
+    r: A(n[1] + n[1]),
+    g: A(n[2] + n[2]),
+    b: A(n[3] + n[3]),
+    a: st(n[4] + n[4]),
     format: t ? "name" : "hex8"
   } : (n = L.hex3.exec(e), n ? {
-    r: O(n[1] + n[1]),
-    g: O(n[2] + n[2]),
-    b: O(n[3] + n[3]),
+    r: A(n[1] + n[1]),
+    g: A(n[2] + n[2]),
+    b: A(n[3] + n[3]),
     format: t ? "name" : "hex"
   } : !1)))))))));
 }
-function K(e) {
+function G(e) {
   return !!L.CSS_UNIT.exec(String(e));
 }
-var oo = (
+var so = (
   /** @class */
   function() {
     function e(t, n) {
@@ -1235,8 +1235,8 @@ var oo = (
       var r;
       if (t instanceof e)
         return t;
-      typeof t == "number" && (t = Qr(t)), this.originalInput = t;
-      var a = eo(t);
+      typeof t == "number" && (t = no(t)), this.originalInput = t;
+      var a = ro(t);
       this.originalInput = t, this.r = a.r, this.g = a.g, this.b = a.b, this.a = a.a, this.roundA = Math.round(100 * this.a) / 100, this.format = (r = n.format) !== null && r !== void 0 ? r : a.format, this.gradientType = n.gradientType, this.r < 1 && (this.r = Math.round(this.r)), this.g < 1 && (this.g = Math.round(this.g)), this.b < 1 && (this.b = Math.round(this.b)), this.isValid = a.ok;
     }
     return e.prototype.isDark = function() {
@@ -1252,28 +1252,28 @@ var oo = (
     }, e.prototype.getAlpha = function() {
       return this.a;
     }, e.prototype.setAlpha = function(t) {
-      return this.a = xt(t), this.roundA = Math.round(100 * this.a) / 100, this;
+      return this.a = Mt(t), this.roundA = Math.round(100 * this.a) / 100, this;
     }, e.prototype.isMonochrome = function() {
       var t = this.toHsl().s;
       return t === 0;
     }, e.prototype.toHsv = function() {
-      var t = tt(this.r, this.g, this.b);
+      var t = at(this.r, this.g, this.b);
       return { h: t.h * 360, s: t.s, v: t.v, a: this.a };
     }, e.prototype.toHsvString = function() {
-      var t = tt(this.r, this.g, this.b), n = Math.round(t.h * 360), r = Math.round(t.s * 100), a = Math.round(t.v * 100);
+      var t = at(this.r, this.g, this.b), n = Math.round(t.h * 360), r = Math.round(t.s * 100), a = Math.round(t.v * 100);
       return this.a === 1 ? "hsv(".concat(n, ", ").concat(r, "%, ").concat(a, "%)") : "hsva(".concat(n, ", ").concat(r, "%, ").concat(a, "%, ").concat(this.roundA, ")");
     }, e.prototype.toHsl = function() {
-      var t = et(this.r, this.g, this.b);
+      var t = ot(this.r, this.g, this.b);
       return { h: t.h * 360, s: t.s, l: t.l, a: this.a };
     }, e.prototype.toHslString = function() {
-      var t = et(this.r, this.g, this.b), n = Math.round(t.h * 360), r = Math.round(t.s * 100), a = Math.round(t.l * 100);
+      var t = ot(this.r, this.g, this.b), n = Math.round(t.h * 360), r = Math.round(t.s * 100), a = Math.round(t.l * 100);
       return this.a === 1 ? "hsl(".concat(n, ", ").concat(r, "%, ").concat(a, "%)") : "hsla(".concat(n, ", ").concat(r, "%, ").concat(a, "%, ").concat(this.roundA, ")");
     }, e.prototype.toHex = function(t) {
-      return t === void 0 && (t = !1), nt(this.r, this.g, this.b, t);
+      return t === void 0 && (t = !1), it(this.r, this.g, this.b, t);
     }, e.prototype.toHexString = function(t) {
       return t === void 0 && (t = !1), "#" + this.toHex(t);
     }, e.prototype.toHex8 = function(t) {
-      return t === void 0 && (t = !1), Jr(this.r, this.g, this.b, this.a, t);
+      return t === void 0 && (t = !1), eo(this.r, this.g, this.b, this.a, t);
     }, e.prototype.toHex8String = function(t) {
       return t === void 0 && (t = !1), "#" + this.toHex8(t);
     }, e.prototype.toHexShortString = function(t) {
@@ -1290,7 +1290,7 @@ var oo = (
       return this.a === 1 ? "rgb(".concat(t, ", ").concat(n, ", ").concat(r, ")") : "rgba(".concat(t, ", ").concat(n, ", ").concat(r, ", ").concat(this.roundA, ")");
     }, e.prototype.toPercentageRgb = function() {
       var t = function(n) {
-        return "".concat(Math.round(N(n, 255) * 100), "%");
+        return "".concat(Math.round($(n, 255) * 100), "%");
       };
       return {
         r: t(this.r),
@@ -1300,7 +1300,7 @@ var oo = (
       };
     }, e.prototype.toPercentageRgbString = function() {
       var t = function(n) {
-        return Math.round(N(n, 255) * 100);
+        return Math.round($(n, 255) * 100);
       };
       return this.a === 1 ? "rgb(".concat(t(this.r), "%, ").concat(t(this.g), "%, ").concat(t(this.b), "%)") : "rgba(".concat(t(this.r), "%, ").concat(t(this.g), "%, ").concat(t(this.b), "%, ").concat(this.roundA, ")");
     }, e.prototype.toName = function() {
@@ -1308,7 +1308,7 @@ var oo = (
         return "transparent";
       if (this.a < 1)
         return !1;
-      for (var t = "#" + nt(this.r, this.g, this.b, !1), n = 0, r = Object.entries(Be); n < r.length; n++) {
+      for (var t = "#" + it(this.r, this.g, this.b, !1), n = 0, r = Object.entries(Re); n < r.length; n++) {
         var a = r[n], i = a[0], o = a[1];
         if (t === o)
           return i;
@@ -1326,7 +1326,7 @@ var oo = (
     }, e.prototype.lighten = function(t) {
       t === void 0 && (t = 10);
       var n = this.toHsl();
-      return n.l += t / 100, n.l = ge(n.l), new e(n);
+      return n.l += t / 100, n.l = be(n.l), new e(n);
     }, e.prototype.brighten = function(t) {
       t === void 0 && (t = 10);
       var n = this.toRgb();
@@ -1334,7 +1334,7 @@ var oo = (
     }, e.prototype.darken = function(t) {
       t === void 0 && (t = 10);
       var n = this.toHsl();
-      return n.l -= t / 100, n.l = ge(n.l), new e(n);
+      return n.l -= t / 100, n.l = be(n.l), new e(n);
     }, e.prototype.tint = function(t) {
       return t === void 0 && (t = 10), this.mix("white", t);
     }, e.prototype.shade = function(t) {
@@ -1342,11 +1342,11 @@ var oo = (
     }, e.prototype.desaturate = function(t) {
       t === void 0 && (t = 10);
       var n = this.toHsl();
-      return n.s -= t / 100, n.s = ge(n.s), new e(n);
+      return n.s -= t / 100, n.s = be(n.s), new e(n);
     }, e.prototype.saturate = function(t) {
       t === void 0 && (t = 10);
       var n = this.toHsl();
-      return n.s += t / 100, n.s = ge(n.s), new e(n);
+      return n.s += t / 100, n.s = be(n.s), new e(n);
     }, e.prototype.greyscale = function() {
       return this.desaturate(100);
     }, e.prototype.spin = function(t) {
@@ -1406,14 +1406,14 @@ var oo = (
 function X(e, t = 20) {
   return e.mix("#141414", t).toString();
 }
-function ao(e) {
-  const t = _t(), n = de("button");
-  return k(() => {
+function lo(e) {
+  const t = kt(), n = de("button");
+  return C(() => {
     let r = {}, a = e.color;
     if (a) {
       const i = a.match(/var\((.*?)\)/);
       i && (a = window.getComputedStyle(window.document.documentElement).getPropertyValue(i[1]));
-      const o = new oo(a), l = e.dark ? o.tint(20).toString() : X(o, 20);
+      const o = new so(a), l = e.dark ? o.tint(20).toString() : X(o, 20);
       if (e.plain)
         r = n.cssVarBlock({
           "bg-color": e.dark ? X(o, 90) : o.tint(90).toString(),
@@ -1446,33 +1446,33 @@ function ao(e) {
     return r;
   });
 }
-const io = j({
+const co = V({
   name: "ElButton",
   __name: "button",
-  props: ze,
-  emits: Kr,
+  props: Ae,
+  emits: Wr,
   setup(e, { expose: t, emit: n }) {
-    const r = e, a = n, i = ao(r), o = de("button"), {
+    const r = e, a = n, i = lo(r), o = de("button"), {
       _ref: l,
       _size: p,
       _type: x,
       _disabled: S,
-      _props: g,
-      _plain: E,
-      _round: z,
-      _text: R,
+      _props: h,
+      _plain: F,
+      _round: O,
+      _text: I,
       shouldAddSpace: c,
       handleClick: y
-    } = jr(r, a), u = k(() => [
+    } = Kr(r, a), u = C(() => [
       o.b(),
       o.m(x.value),
       o.m(p.value),
       o.is("disabled", S.value),
       o.is("loading", r.loading),
-      o.is("plain", E.value),
-      o.is("round", z.value),
+      o.is("plain", F.value),
+      o.is("round", O.value),
       o.is("circle", r.circle),
-      o.is("text", R.value),
+      o.is("text", I.value),
       o.is("link", r.link),
       o.is("has-bg", r.bg)
     ]);
@@ -1482,44 +1482,44 @@ const io = j({
       type: x,
       disabled: S,
       shouldAddSpace: c
-    }), (b, M) => (_(), re(Me(b.tag), at({
+    }), (g, T) => (w(), re(Pe(g.tag), ct({
       ref_key: "_ref",
       ref: l
-    }, d(g), {
+    }, f(h), {
       class: u.value,
-      style: d(i),
-      onClick: d(y)
+      style: f(i),
+      onClick: f(y)
     }), {
       default: Z(() => [
-        b.loading ? (_(), T(
-          it,
+        g.loading ? (w(), P(
+          ut,
           { key: 0 },
           [
-            b.$slots.loading ? W(b.$slots, "loading", { key: 0 }) : (_(), re(d(be), {
+            g.$slots.loading ? Y(g.$slots, "loading", { key: 0 }) : (w(), re(f(ye), {
               key: 1,
-              class: U(d(o).is("loading"))
+              class: K(f(o).is("loading"))
             }, {
               default: Z(() => [
-                (_(), re(Me(b.loadingIcon)))
+                (w(), re(Pe(g.loadingIcon)))
               ]),
               _: 1
             }, 8, ["class"]))
           ],
           64
-        )) : b.icon || b.$slots.icon ? (_(), re(d(be), { key: 1 }, {
+        )) : g.icon || g.$slots.icon ? (w(), re(f(ye), { key: 1 }, {
           default: Z(() => [
-            b.icon ? (_(), re(Me(b.icon), { key: 0 })) : W(b.$slots, "icon", { key: 1 })
+            g.icon ? (w(), re(Pe(g.icon), { key: 0 })) : Y(g.$slots, "icon", { key: 1 })
           ]),
           _: 3
         })) : q("v-if", !0),
-        b.$slots.default ? (_(), T(
+        g.$slots.default ? (w(), P(
           "span",
           {
             key: 2,
-            class: U({ [d(o).em("text", "expand")]: d(c) })
+            class: K({ [f(o).em("text", "expand")]: f(c) })
           },
           [
-            W(b.$slots, "default")
+            Y(g.$slots, "default")
           ],
           2
         )) : q("v-if", !0)
@@ -1528,45 +1528,45 @@ const io = j({
     }, 16, ["class", "style", "onClick"]));
   }
 });
-var so = /* @__PURE__ */ we(io, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/button/src/button.vue"]]);
-const lo = {
-  size: ze.size,
-  type: ze.type,
+var uo = /* @__PURE__ */ Se(co, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/button/src/button.vue"]]);
+const fo = {
+  size: Ae.size,
+  type: Ae.type,
   direction: {
-    type: _e(String),
+    type: xe(String),
     values: ["horizontal", "vertical"],
     default: "horizontal"
   }
-}, co = j({
+}, ho = V({
   name: "ElButtonGroup",
   __name: "button-group",
-  props: lo,
+  props: fo,
   setup(e) {
     const t = e;
-    Nt(
-      wt,
-      Pt({
-        size: Ge(t, "size"),
-        type: Ge(t, "type")
+    Et(
+      Ct,
+      Bt({
+        size: Ye(t, "size"),
+        type: Ye(t, "type")
       })
     );
     const n = de("button");
-    return (r, a) => (_(), T(
+    return (r, a) => (w(), P(
       "div",
       {
-        class: U([d(n).b("group"), d(n).bm("group", t.direction)])
+        class: K([f(n).b("group"), f(n).bm("group", t.direction)])
       },
       [
-        W(r.$slots, "default")
+        Y(r.$slots, "default")
       ],
       2
     ));
   }
 });
-var St = /* @__PURE__ */ we(co, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/button/src/button-group.vue"]]);
-const Ee = je(so, {
-  ButtonGroup: St
-}), uo = Br(St), fo = Ve({
+var Tt = /* @__PURE__ */ Se(ho, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/button/src/button-group.vue"]]);
+const Be = Ke(uo, {
+  ButtonGroup: Tt
+}), po = Rr(Tt), go = Ge({
   type: {
     type: String,
     values: ["primary", "success", "info", "warning", "danger"],
@@ -1578,7 +1578,7 @@ const Ee = je(so, {
   color: String,
   size: {
     type: String,
-    values: vt
+    values: _t
   },
   effect: {
     type: String,
@@ -1586,108 +1586,108 @@ const Ee = je(so, {
     default: "light"
   },
   round: Boolean
-}), ho = {
+}), vo = {
   close: (e) => e instanceof MouseEvent,
   click: (e) => e instanceof MouseEvent
-}, po = ["aria-label"], go = ["aria-label"], vo = j({
+}, bo = ["aria-label"], mo = ["aria-label"], yo = V({
   name: "ElTag",
   __name: "tag",
-  props: fo,
-  emits: ho,
+  props: go,
+  emits: vo,
   setup(e, { emit: t }) {
-    const n = e, r = t, a = yt(), { t: i } = $r(), o = de("tag"), l = k(() => {
-      const { type: g, hit: E, effect: z, closable: R, round: c } = n;
+    const n = e, r = t, a = St(), { t: i } = Fr(), o = de("tag"), l = C(() => {
+      const { type: h, hit: F, effect: O, closable: I, round: c } = n;
       return [
         o.b(),
-        o.is("closable", R),
-        o.m(g || "primary"),
+        o.is("closable", I),
+        o.m(h || "primary"),
         o.m(a.value),
-        o.m(z),
-        o.is("hit", E),
+        o.m(O),
+        o.is("hit", F),
         o.is("round", c)
       ];
-    }), p = (g) => {
-      r("close", g);
-    }, x = (g) => {
-      r("click", g);
-    }, S = (g) => {
-      var E, z, R;
-      (R = (z = (E = g == null ? void 0 : g.component) == null ? void 0 : E.subTree) == null ? void 0 : z.component) != null && R.bum && (g.component.subTree.component.bum = null);
+    }), p = (h) => {
+      r("close", h);
+    }, x = (h) => {
+      r("click", h);
+    }, S = (h) => {
+      var F, O, I;
+      (I = (O = (F = h == null ? void 0 : h.component) == null ? void 0 : F.subTree) == null ? void 0 : O.component) != null && I.bum && (h.component.subTree.component.bum = null);
     };
-    return (g, E) => g.disableTransitions ? (_(), T(
+    return (h, F) => h.disableTransitions ? (w(), P(
       "span",
       {
         key: 0,
-        class: U(l.value),
-        style: ce({ backgroundColor: g.color }),
+        class: K(l.value),
+        style: ce({ backgroundColor: h.color }),
         onClick: x
       },
       [
-        F(
+        B(
           "span",
           {
-            class: U(d(o).e("content"))
+            class: K(f(o).e("content"))
           },
           [
-            W(g.$slots, "default")
+            Y(h.$slots, "default")
           ],
           2
         ),
-        g.closable ? (_(), T("button", {
+        h.closable ? (w(), P("button", {
           key: 0,
-          "aria-label": d(i)("el.tag.close"),
-          class: U(d(o).e("close")),
+          "aria-label": f(i)("el.tag.close"),
+          class: K(f(o).e("close")),
           type: "button",
-          onClick: Ke(p, ["stop"])
+          onClick: We(p, ["stop"])
         }, [
-          Y(d(be), null, {
+          U(f(ye), null, {
             default: Z(() => [
-              Y(d(Ue))
+              U(f(qe))
             ]),
             _: 1
           })
-        ], 10, po)) : q("v-if", !0)
+        ], 10, bo)) : q("v-if", !0)
       ],
       6
-    )) : (_(), re(Et, {
+    )) : (w(), re(Ot, {
       key: 1,
-      name: `${d(o).namespace.value}-zoom-in-center`,
+      name: `${f(o).namespace.value}-zoom-in-center`,
       appear: "",
       onVnodeMounted: S
     }, {
       default: Z(() => [
-        F(
+        B(
           "span",
           {
-            class: U(l.value),
-            style: ce({ backgroundColor: g.color }),
+            class: K(l.value),
+            style: ce({ backgroundColor: h.color }),
             onClick: x
           },
           [
-            F(
+            B(
               "span",
               {
-                class: U(d(o).e("content"))
+                class: K(f(o).e("content"))
               },
               [
-                W(g.$slots, "default")
+                Y(h.$slots, "default")
               ],
               2
             ),
-            g.closable ? (_(), T("button", {
+            h.closable ? (w(), P("button", {
               key: 0,
-              "aria-label": d(i)("el.tag.close"),
-              class: U(d(o).e("close")),
+              "aria-label": f(i)("el.tag.close"),
+              class: K(f(o).e("close")),
               type: "button",
-              onClick: Ke(p, ["stop"])
+              onClick: We(p, ["stop"])
             }, [
-              Y(d(be), null, {
+              U(f(ye), null, {
                 default: Z(() => [
-                  Y(d(Ue))
+                  U(f(qe))
                 ]),
                 _: 1
               })
-            ], 10, go)) : q("v-if", !0)
+            ], 10, mo)) : q("v-if", !0)
           ],
           6
         )
@@ -1696,8 +1696,8 @@ const Ee = je(so, {
     }, 8, ["name"]));
   }
 });
-var bo = /* @__PURE__ */ we(vo, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/tag/src/tag.vue"]]);
-const mo = je(bo), ot = {
+var _o = /* @__PURE__ */ Se(yo, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/tag/src/tag.vue"]]);
+const wo = Ke(_o), lt = {
   start: {
     shape: "circle",
     width: 40,
@@ -1729,13 +1729,13 @@ const mo = je(bo), ot = {
     defaultColor: "#5F95FF",
     defaultBg: "#EFF4FF"
   }
-}, yo = {
+}, xo = {
   key: 1,
   class: "flow-board-controls"
-}, _o = { class: "tooltip-header" }, wo = { class: "tooltip-title" }, xo = {
+}, So = { class: "tooltip-header" }, ko = { class: "tooltip-title" }, Co = {
   key: 0,
   class: "tooltip-content"
-}, So = { class: "tooltip-label" }, ko = { class: "tooltip-value" }, Mo = /* @__PURE__ */ j({
+}, Mo = { class: "tooltip-label" }, To = { class: "tooltip-value" }, Po = /* @__PURE__ */ V({
   __name: "FlowBoard",
   props: {
     data: {},
@@ -1750,10 +1750,10 @@ const mo = je(bo), ot = {
   },
   emits: ["node:click", "edge:click", "ready"],
   setup(e, { expose: t, emit: n }) {
-    const r = e, a = n, i = A(null), o = A(null), l = A(null), p = A({ x: 0, y: 0 }), x = A(!1), S = A({}), g = (s) => s ? ["done", "success", "completed"].includes(s) ? "success" : ["running", "process", "processing"].includes(s) ? "primary" : ["error", "failed", "reject"].includes(s) ? "danger" : ["warning", "pending"].includes(s) ? "warning" : "info" : "info", E = () => {
+    const r = e, a = n, i = E(null), o = E(null), l = E(null), p = E({ x: 0, y: 0 }), x = E(!1), S = E({}), h = E(!0), F = (s) => s ? ["done", "success", "completed"].includes(s) ? "success" : ["running", "process", "processing"].includes(s) ? "primary" : ["error", "failed", "reject"].includes(s) ? "danger" : ["warning", "pending"].includes(s) ? "warning" : "info" : "info", O = () => {
       if (!i.value) return;
       const { canvas: s } = r.config;
-      o.value = new Rt({
+      o.value = new Ht({
         container: i.value,
         autoResize: !1,
         panning: {
@@ -1763,7 +1763,7 @@ const mo = je(bo), ot = {
         mousewheel: {
           enabled: (s == null ? void 0 : s.zoomable) ?? !0,
           zoomAtMousePosition: !0,
-          modifiers: "ctrl",
+          modifiers: (s == null ? void 0 : s.zoomModifiers) === void 0 ? "ctrl" : s.zoomModifiers,
           minScale: (s == null ? void 0 : s.minZoom) || 0.1,
           maxScale: (s == null ? void 0 : s.maxZoom) || 3
         },
@@ -1793,260 +1793,267 @@ const mo = je(bo), ot = {
           edgeMovable: !((s == null ? void 0 : s.readonly) ?? !0)
         }
       }), s != null && s.selection && o.value.use(
-        new It({
+        new Vt({
           enabled: !0,
           multiple: !0,
           rubberband: s.rubberband ?? !1,
           showNodeSelectionBox: !0,
           modifiers: s.rubberband ? [] : ["ctrl", "meta"]
         })
-      ), o.value.on("node:click", ({ node: f }) => {
-        const h = f.getData();
-        a("node:click", h);
-      }), o.value.on("edge:click", ({ edge: f }) => {
-        a("edge:click", f.getData());
-      }), o.value.on("node:mouseenter", ({ node: f, e: h }) => {
-        const v = f.getData();
-        l.value = v;
-        const { left: P, top: m } = i.value.getBoundingClientRect();
+      ), o.value.on("node:click", ({ node: v }) => {
+        const m = v.getData();
+        a("node:click", m);
+      }), o.value.on("edge:click", ({ edge: v }) => {
+        a("edge:click", v.getData());
+      }), o.value.on("node:mouseenter", ({ node: v, e: m }) => {
+        const d = v.getData();
+        l.value = d;
+        const { left: N, top: b } = i.value.getBoundingClientRect();
         p.value = {
-          x: h.clientX - P + 10,
-          y: h.clientY - m + 10
+          x: m.clientX - N + 10,
+          y: m.clientY - b + 10
         };
       }), o.value.on("node:mouseleave", () => {
         l.value = null;
-      }), z(), s != null && s.rubberbandZoom && R(), u(), a("ready", o.value);
-    }, z = () => {
+      }), I(), s != null && s.rubberbandZoom && c(), g(), a("ready", o.value);
+    }, I = () => {
       const s = i.value;
       if (!s || !o.value) return;
-      const f = (v) => {
-        if (v.pointerType === "mouse" && v.button === 1) {
-          v.preventDefault();
-          const P = v.clientX, m = v.clientY, { tx: w, ty: B } = o.value.translate();
-          s.style.cursor = "grabbing", s.setPointerCapture(v.pointerId);
-          const H = ($) => {
-            const D = $.clientX - P, I = $.clientY - m;
-            o.value.translate(w + D, B + I);
-          }, C = ($) => {
-            s.style.cursor = "", s.releasePointerCapture($.pointerId), s.removeEventListener("pointermove", H), s.removeEventListener("pointerup", C);
+      const v = (d) => {
+        if (d.pointerType === "mouse" && d.button === 1) {
+          d.preventDefault();
+          const N = d.clientX, b = d.clientY, { tx: _, ty: z } = o.value.translate();
+          s.style.cursor = "grabbing", s.setPointerCapture(d.pointerId);
+          const R = (k) => {
+            const fe = k.clientX - N, he = k.clientY - b;
+            o.value.translate(_ + fe, z + he);
+          }, M = (k) => {
+            s.style.cursor = "", s.releasePointerCapture(k.pointerId), s.removeEventListener("pointermove", R), s.removeEventListener("pointerup", M);
           };
-          s.addEventListener("pointermove", H), s.addEventListener("pointerup", C);
+          s.addEventListener("pointermove", R), s.addEventListener("pointerup", M);
         }
       };
-      s.addEventListener("pointerdown", f);
-      const h = () => {
-        s.removeEventListener("pointerdown", f);
+      s.addEventListener("pointerdown", v);
+      const m = () => {
+        s.removeEventListener("pointerdown", v);
       };
-      o.value._middlePanCleanup = h;
-    }, R = () => {
-      i.value && i.value.addEventListener("mousedown", (s) => {
-        var $;
-        if (s.button !== 0 || s.ctrlKey || s.metaKey || s.shiftKey || s.altKey) return;
-        const f = s.target;
-        if (f.closest(".x6-node") || f.closest(".x6-edge") || f.closest(".x6-port"))
+      o.value._middlePanCleanup = m;
+    }, c = () => {
+      const s = i.value;
+      if (!s) return;
+      const v = (d) => {
+        if (d.pointerType === "mouse" && (d.button !== 0 || d.ctrlKey || d.metaKey || d.shiftKey || d.altKey)) return;
+        const N = d.target;
+        if (N.closest(".x6-node") || N.closest(".x6-edge") || N.closest(".x6-port"))
           return;
-        s.preventDefault();
-        const h = s.clientX, v = s.clientY, P = ($ = i.value) == null ? void 0 : $.getBoundingClientRect();
-        if (!P) return;
-        const m = P.left, w = P.top;
-        let B = !1;
-        const H = (D) => {
-          if (!B) {
-            const I = Math.abs(D.clientX - h), G = Math.abs(D.clientY - v);
-            (I > 5 || G > 5) && (B = !0, x.value = !0);
+        d.preventDefault();
+        const b = d.clientX, _ = d.clientY, z = s.getBoundingClientRect(), R = z.left, M = z.top;
+        let k = !1;
+        s.setPointerCapture(d.pointerId);
+        const fe = (W) => {
+          if (!k) {
+            const j = Math.abs(W.clientX - b), D = Math.abs(W.clientY - _);
+            (j > 5 || D > 5) && (k = !0, x.value = !0);
           }
-          if (B) {
-            const I = D.clientX, G = D.clientY, Se = Math.min(h, I) - m, ke = Math.min(v, G) - w, fe = Math.abs(I - h), he = Math.abs(G - v);
+          if (k) {
+            const j = W.clientX, D = W.clientY, Me = Math.min(b, j) - R, Te = Math.min(_, D) - M, pe = Math.abs(j - b), ge = Math.abs(D - _);
             S.value = {
-              left: `${Se}px`,
-              top: `${ke}px`,
-              width: `${fe}px`,
-              height: `${he}px`
+              left: `${Me}px`,
+              top: `${Te}px`,
+              width: `${pe}px`,
+              height: `${ge}px`
             };
           }
-        }, C = (D) => {
-          if (document.removeEventListener("mousemove", H), document.removeEventListener("mouseup", C), x.value) {
-            if (o.value && B) {
-              const I = o.value.clientToLocal(h, v), G = o.value.clientToLocal(D.clientX, D.clientY), Se = Math.min(I.x, G.x), ke = Math.min(I.y, G.y), fe = Math.abs(I.x - G.x), he = Math.abs(I.y - G.y);
-              fe > 20 && he > 20 && o.value.zoomToRect({ x: Se, y: ke, width: fe, height: he });
+        }, he = (W) => {
+          if (s.releasePointerCapture(W.pointerId), s.removeEventListener("pointermove", fe), s.removeEventListener("pointerup", he), x.value) {
+            if (o.value && k) {
+              const j = o.value.clientToLocal(b, _), D = o.value.clientToLocal(W.clientX, W.clientY), Me = Math.min(j.x, D.x), Te = Math.min(j.y, D.y), pe = Math.abs(j.x - D.x), ge = Math.abs(j.y - D.y);
+              pe > 20 && ge > 20 && o.value.zoomToRect({ x: Me, y: Te, width: pe, height: ge });
             }
             x.value = !1;
           }
         };
-        document.addEventListener("mousemove", H), document.addEventListener("mouseup", C);
-      });
-    }, c = (s) => {
-      var h;
-      if ((h = r.config) != null && h.nodeShapes && r.config.nodeShapes[s])
-        return r.config.nodeShapes[s];
-      const f = Object.keys(ot).find((v) => s.toLowerCase().includes(v)) || "task";
-      return ot[f];
+        s.addEventListener("pointermove", fe), s.addEventListener("pointerup", he);
+      };
+      s.addEventListener("pointerdown", v);
+      const m = () => {
+        s.removeEventListener("pointerdown", v);
+      };
+      o.value._rubberbandCleanup = m;
     }, y = (s) => {
-      const f = s.status || "default", h = r.statusMap[f] || {}, v = c(s.type);
+      var m;
+      if ((m = r.config) != null && m.nodeShapes && r.config.nodeShapes[s])
+        return r.config.nodeShapes[s];
+      const v = Object.keys(lt).find((d) => s.toLowerCase().includes(d)) || "task";
+      return lt[v];
+    }, u = (s) => {
+      const v = s.status || "default", m = r.statusMap[v] || {}, d = y(s.type);
       return {
         body: {
-          stroke: h.borderColor || h.color || v.defaultColor,
-          fill: h.bgColor || v.defaultBg,
-          strokeWidth: h.borderWidth || 2,
-          strokeDasharray: h.borderStyle === "dashed" ? "5 5" : void 0
+          stroke: m.borderColor || m.color || d.defaultColor,
+          fill: m.bgColor || d.defaultBg,
+          strokeWidth: m.borderWidth || 2,
+          strokeDasharray: m.borderStyle === "dashed" ? "5 5" : void 0
         },
         label: {
           text: s.label || "",
           fill: "#333",
           fontSize: 12,
           textWrap: {
-            width: v.width - 10,
+            width: d.width - 10,
             ellipsis: !0
           }
         }
       };
-    }, u = () => {
-      var f, h, v, P;
+    }, g = () => {
+      var v, m, d, N;
       if (!o.value) return;
       const s = [];
-      r.data.nodes.forEach((m) => {
-        const w = c(m.type), B = y(m), H = o.value.createNode({
-          id: m.id,
-          shape: w.shape,
-          width: w.width,
-          height: w.height,
-          x: m.x || 0,
-          y: m.y || 0,
-          data: m,
-          attrs: B
+      r.data.nodes.forEach((b) => {
+        const _ = y(b.type), z = u(b), R = o.value.createNode({
+          id: b.id,
+          shape: _.shape,
+          width: _.width,
+          height: _.height,
+          x: b.x || 0,
+          y: b.y || 0,
+          data: b,
+          attrs: z
         });
-        s.push(H);
-      }), r.data.edges.forEach((m) => {
-        const w = m.status ? r.statusMap[m.status] : null, B = o.value.createEdge({
-          source: m.source,
-          target: m.target,
-          label: m.label,
-          data: m,
+        s.push(R);
+      }), r.data.edges.forEach((b) => {
+        const _ = b.status ? r.statusMap[b.status] : null, z = o.value.createEdge({
+          source: b.source,
+          target: b.target,
+          label: b.label,
+          data: b,
           attrs: {
             line: {
-              stroke: (w == null ? void 0 : w.color) || "#A2B1C3",
+              stroke: (_ == null ? void 0 : _.color) || "#A2B1C3",
               strokeWidth: 2,
-              strokeDasharray: m.animated || w != null && w.animated ? "5 5" : void 0,
-              style: m.animated || w != null && w.animated ? { animation: "ant-line 30s infinite linear" } : void 0
+              strokeDasharray: b.animated || _ != null && _.animated ? "5 5" : void 0,
+              style: b.animated || _ != null && _.animated ? { animation: "ant-line 30s infinite linear" } : void 0
             }
           }
         });
-        s.push(B);
-      }), o.value.resetCells(s), (h = (f = r.config) == null ? void 0 : f.layout) != null && h.enable ? b() : (P = (v = r.config) == null ? void 0 : v.canvas) != null && P.fitView && o.value.centerContent();
-    }, b = () => {
-      var m, w, B, H;
+        s.push(z);
+      }), o.value.resetCells(s), (m = (v = r.config) == null ? void 0 : v.layout) != null && m.enable ? T() : (N = (d = r.config) == null ? void 0 : d.canvas) != null && N.fitView && o.value.centerContent();
+    }, T = () => {
+      var b, _, z, R;
       if (!o.value) return;
-      const s = ((m = r.config) == null ? void 0 : m.layout) || {}, f = s.direction || "LR", h = new Lt({
+      const s = ((b = r.config) == null ? void 0 : b.layout) || {}, v = s.direction || "LR", m = new jt({
         type: "dagre",
-        rankdir: f,
+        rankdir: v,
         align: void 0,
         nodesep: s.nodeSep || 50,
         ranksep: s.rankSep || 50,
         controlPoints: !0
-      }), v = {
-        nodes: r.data.nodes.map((C) => {
-          const $ = c(C.type);
+      }), d = {
+        nodes: r.data.nodes.map((M) => {
+          const k = y(M.type);
           return {
-            id: C.id,
-            width: $.width,
-            height: $.height
+            id: M.id,
+            width: k.width,
+            height: k.height
           };
         }),
-        edges: r.data.edges.map((C) => ({
-          source: C.source,
-          target: C.target
+        edges: r.data.edges.map((M) => ({
+          source: M.source,
+          target: M.target
         }))
       };
-      (w = h.layout(v).nodes) == null || w.forEach((C) => {
-        const $ = o.value.getCellById(C.id);
-        $ && $.isNode() && $.position(C.x, C.y);
-      }), (H = (B = r.config) == null ? void 0 : B.canvas) != null && H.fitView && At(() => {
-        var C, $;
-        (C = o.value) == null || C.zoomToFit({ padding: 20 }), ($ = o.value) == null || $.centerContent();
+      (_ = m.layout(d).nodes) == null || _.forEach((M) => {
+        const k = o.value.getCellById(M.id);
+        k && k.isNode() && k.position(M.x, M.y);
+      }), (R = (z = r.config) == null ? void 0 : z.canvas) != null && R.fitView && Xe(() => {
+        var M, k;
+        (M = o.value) == null || M.zoomToFit({ padding: 20 }), (k = o.value) == null || k.centerContent();
       });
-    }, M = () => {
+    }, ie = () => {
       var s;
       (s = o.value) == null || s.zoom(0.1);
-    }, ie = () => {
+    }, ke = () => {
       var s;
       (s = o.value) == null || s.zoom(-0.1);
-    }, xe = () => {
-      var s, f;
-      (s = o.value) == null || s.zoomToFit({ padding: 20 }), (f = o.value) == null || f.centerContent();
+    }, Ce = () => {
+      var s, v;
+      (s = o.value) == null || s.zoomToFit({ padding: 20 }), (v = o.value) == null || v.centerContent();
     };
-    Fe(() => r.data, () => {
-      u();
-    }, { deep: !0 }), Fe(() => r.statusMap, () => {
+    Oe(() => r.data, () => {
+      g();
+    }, { deep: !0 }), Oe(() => r.statusMap, () => {
       o.value && r.data.nodes.forEach((s) => {
-        const f = o.value.getCellById(s.id);
-        if (f && f.isNode()) {
-          const h = y(s);
-          f.setAttrs(h.attrs), f.attr("body/stroke", h.body.stroke), f.attr("body/fill", h.body.fill);
+        const v = o.value.getCellById(s.id);
+        if (v && v.isNode()) {
+          const m = u(s);
+          v.setAttrs(m);
         }
       });
     }, { deep: !0 });
     let se = null;
-    const kt = () => {
+    const Pt = () => {
       if (!i.value) return;
       let s = !1;
-      se = new ResizeObserver((f) => {
+      se = new ResizeObserver((v) => {
         if (!s)
-          for (const h of f) {
-            const { width: v, height: P } = h.contentRect;
-            if (o.value && v > 0 && P > 0) {
-              const m = o.value.getSize();
-              (Math.abs(m.width - v) > 1 || Math.abs(m.height - P) > 1) && (s = !0, requestAnimationFrame(() => {
-                var w;
-                (w = o.value) == null || w.resize(v, P), s = !1;
+          for (const m of v) {
+            const { width: d, height: N } = m.contentRect;
+            if (o.value && d > 0 && N > 0) {
+              const b = o.value.getSize();
+              (Math.abs(b.width - d) > 1 || Math.abs(b.height - N) > 1) && (s = !0, requestAnimationFrame(() => {
+                var _, z, R, M, k;
+                (_ = o.value) == null || _.resize(d, N), h.value && ((R = (z = r.config) == null ? void 0 : z.canvas) != null && R.fitView) && ((M = o.value) == null || M.zoomToFit({ padding: 20 }), (k = o.value) == null || k.centerContent(), h.value = !1), s = !1;
               }));
             }
           }
       }), se.observe(i.value);
     };
-    return Ft(() => {
-      E(), kt();
-    }), zt(() => {
-      se && (se.disconnect(), se = null), o.value && (o.value._middlePanCleanup && o.value._middlePanCleanup(), o.value.dispose());
+    return At(() => {
+      Xe(() => {
+        O(), Pt();
+      });
+    }), Rt(() => {
+      se && (se.disconnect(), se = null), o.value && (o.value._middlePanCleanup && o.value._middlePanCleanup(), o.value._rubberbandCleanup && o.value._rubberbandCleanup(), o.value.dispose());
     }), t({
       graph: o,
-      zoomIn: M,
-      zoomOut: ie,
-      fitContent: xe
-    }), (s, f) => (_(), T("div", {
+      zoomIn: ie,
+      zoomOut: ke,
+      fitContent: Ce
+    }), (s, v) => (w(), P("div", {
       class: "flow-board-wrapper",
       style: ce({ width: e.width, height: e.height })
     }, [
-      F("div", {
+      B("div", {
         ref_key: "graphRef",
         ref: i,
         class: "flow-board-container"
       }, null, 512),
-      x.value ? (_(), T("div", {
+      x.value ? (w(), P("div", {
         key: 0,
         class: "rubberband-box",
         style: ce(S.value)
       }, null, 4)) : q("", !0),
-      e.showControls ? (_(), T("div", yo, [
-        W(s.$slots, "controls", {
-          zoomIn: M,
-          zoomOut: ie,
-          fitContent: xe
+      e.showControls ? (w(), P("div", xo, [
+        Y(s.$slots, "controls", {
+          zoomIn: ie,
+          zoomOut: ke,
+          fitContent: Ce
         }, () => [
-          Y(d(uo), null, {
+          U(f(po), null, {
             default: Z(() => [
-              Y(d(Ee), {
-                icon: d(Ut),
-                onClick: M,
+              U(f(Be), {
+                icon: f(Xt),
+                onClick: ie,
                 title: "放大"
               }, null, 8, ["icon"]),
-              Y(d(Ee), {
-                icon: d(Wt),
-                onClick: ie,
+              U(f(Be), {
+                icon: f(Jt),
+                onClick: ke,
                 title: "缩小"
               }, null, 8, ["icon"]),
-              Y(d(Ee), {
-                icon: d(jt),
-                onClick: xe,
+              U(f(Be), {
+                icon: f(Kt),
+                onClick: Ce,
                 title: "适应画布"
               }, null, 8, ["icon"])
             ]),
@@ -2054,48 +2061,48 @@ const mo = je(bo), ot = {
           })
         ], !0)
       ])) : q("", !0),
-      l.value ? W(s.$slots, "node-tooltip", {
+      l.value ? Y(s.$slots, "node-tooltip", {
         key: 2,
         node: l.value,
         position: p.value
       }, () => [
-        F("div", {
+        B("div", {
           class: "default-tooltip",
           style: ce({ left: p.value.x + "px", top: p.value.y + "px" })
         }, [
-          F("div", _o, [
-            F("span", wo, pe(l.value.label), 1),
-            Y(d(mo), {
+          B("div", So, [
+            B("span", ko, ve(l.value.label), 1),
+            U(f(wo), {
               size: "small",
-              type: g(l.value.status)
+              type: F(l.value.status)
             }, {
               default: Z(() => [
-                Bt(pe(l.value.status), 1)
+                It(ve(l.value.status), 1)
               ]),
               _: 1
             }, 8, ["type"])
           ]),
-          l.value.data ? (_(), T("div", xo, [
-            (_(!0), T(it, null, Ot(l.value.data, (h, v) => (_(), T("div", {
-              key: v,
+          l.value.data ? (w(), P("div", Co, [
+            (w(!0), P(ut, null, Lt(l.value.data, (m, d) => (w(), P("div", {
+              key: d,
               class: "tooltip-item"
             }, [
-              F("span", So, pe(v) + ":", 1),
-              F("span", ko, pe(h), 1)
+              B("span", Mo, ve(d) + ":", 1),
+              B("span", To, ve(m), 1)
             ]))), 128))
           ])) : q("", !0)
         ], 4)
       ], !0) : q("", !0)
     ], 4));
   }
-}), Co = (e, t) => {
+}), $o = (e, t) => {
   const n = e.__vccOpts || e;
   for (const [r, a] of t)
     n[r] = a;
   return n;
-}, Eo = /* @__PURE__ */ Co(Mo, [["__scopeId", "data-v-2869f640"]]);
+}, Bo = /* @__PURE__ */ $o(Po, [["__scopeId", "data-v-6d641f4e"]]);
 export {
-  ot as DEFAULT_SHAPE_STYLES,
-  Eo as FlowBoard,
-  Eo as default
+  lt as DEFAULT_SHAPE_STYLES,
+  Bo as FlowBoard,
+  Bo as default
 };