geekin-devtoys 0.2.16 → 0.2.18

package/lib/GDialog/index.mjs

@@ -1,11 +1,11 @@
-import { inject as J, reactive as Q, computed as r, defineComponent as A, ref as v, watch as C, onUnmounted as $, resolveComponent as y, createBlock as T, openBlock as M, Teleport as N, createElementVNode as d, normalizeStyle as ee, normalizeClass as te, createVNode as z, withCtx as p, unref as I, toDisplayString as H, useId as G, onMounted as ie, createCommentVNode as D, mergeProps as oe, renderSlot as F, createTextVNode as h } from "vue";
-import { c as ne, r as le, a as ae, b as se } from "../index-Dxw2pU4z.mjs";
-import { _ as P } from "../_plugin-vue_export-helper-CHgC5LLL.mjs";
-const re = /* @__PURE__ */ Symbol("GDialogManager"), V = {
+import { inject as re, reactive as X, computed as c, defineComponent as Y, ref as T, watch as F, onUnmounted as Z, resolveComponent as B, createBlock as y, openBlock as m, Teleport as q, createElementVNode as u, normalizeStyle as ce, normalizeClass as ue, createVNode as P, withCtx as h, unref as I, toDisplayString as k, useId as N, onMounted as de, createCommentVNode as b, mergeProps as fe, createSlots as me, renderSlot as E, createElementBlock as H, Fragment as W, renderList as ge, createTextVNode as C } from "vue";
+import { c as pe, r as ve, a as _e, b as ye } from "../index-Dxw2pU4z.mjs";
+import { _ as K } from "../_plugin-vue_export-helper-CHgC5LLL.mjs";
+const he = /* @__PURE__ */ Symbol("GDialogManager"), U = {
   small: "380px",
   medium: "480px",
   large: "580px"
-}, E = {
+}, G = {
   ICON_WIDTH: 92,
   ICON_HEIGHT: 34,
   GAP: 8,
@@ -13,74 +13,74 @@ const re = /* @__PURE__ */ Symbol("GDialogManager"), V = {
   RIGHT_OFFSET: 18,
   MAX_PER_ROW: 8
 };
-function ce(n) {
-  const m = /* @__PURE__ */ new Map(), { ICON_WIDTH: l, ICON_HEIGHT: a, GAP: f, BOTTOM_OFFSET: _, RIGHT_OFFSET: o, MAX_PER_ROW: e } = E;
-  return n.forEach((s, u) => {
-    const i = Math.floor(u / e), t = u % e;
-    m.set(s, {
-      right: o + t * (l + f),
-      bottom: _ + i * (a + f)
+function ze(a) {
+  const g = /* @__PURE__ */ new Map(), { ICON_WIDTH: l, ICON_HEIGHT: s, GAP: p, BOTTOM_OFFSET: _, RIGHT_OFFSET: n, MAX_PER_ROW: t } = G;
+  return a.forEach((r, d) => {
+    const o = Math.floor(d / t), i = d % t;
+    g.set(r, {
+      right: n + i * (l + p),
+      bottom: _ + o * (s + p)
     });
-  }), m;
+  }), g;
 }
-function Oe() {
-  const n = Q(/* @__PURE__ */ new Map()), m = r(() => {
-    const i = [];
-    return n.forEach((t) => {
-      t.isMinimized && i.push(t.id);
-    }), i;
-  }), l = r(() => ce(m.value));
-  function a(i) {
-    n.set(i.id, { attentionTick: 0, ...i });
+function $e() {
+  const a = X(/* @__PURE__ */ new Map()), g = c(() => {
+    const o = [];
+    return a.forEach((i) => {
+      i.isMinimized && o.push(i.id);
+    }), o;
+  }), l = c(() => ze(g.value));
+  function s(o) {
+    a.set(o.id, { attentionTick: 0, ...o });
   }
-  function f(i) {
-    n.delete(i);
+  function p(o) {
+    a.delete(o);
   }
-  function _(i) {
-    const t = n.get(i);
-    if (t) {
-      if (t.isMinimized) {
-        t.attentionTick = (t.attentionTick ?? 0) + 1;
+  function _(o) {
+    const i = a.get(o);
+    if (i) {
+      if (i.isMinimized) {
+        i.attentionTick = (i.attentionTick ?? 0) + 1;
         return;
       }
-      t.isMinimized = !0;
+      i.isMinimized = !0;
     }
   }
-  function o(i) {
-    const t = n.get(i);
-    t?.isMinimized && (t.attentionTick = (t.attentionTick ?? 0) + 1);
+  function n(o) {
+    const i = a.get(o);
+    i?.isMinimized && (i.attentionTick = (i.attentionTick ?? 0) + 1);
   }
-  function e(i) {
-    const t = n.get(i);
-    t && (t.isMinimized = !1);
+  function t(o) {
+    const i = a.get(o);
+    i && (i.isMinimized = !1);
   }
-  function s(i) {
-    return r(
-      () => l.value.get(i) ?? {
-        right: E.RIGHT_OFFSET,
-        bottom: E.BOTTOM_OFFSET
+  function r(o) {
+    return c(
+      () => l.value.get(o) ?? {
+        right: G.RIGHT_OFFSET,
+        bottom: G.BOTTOM_OFFSET
       }
     );
   }
-  const u = r(() => m.value.map((i) => n.get(i)).filter(Boolean));
+  const d = c(() => g.value.map((o) => a.get(o)).filter(Boolean));
   return {
-    dialogs: n,
-    register: a,
-    unregister: f,
+    dialogs: a,
+    register: s,
+    unregister: p,
     minimize: _,
-    remindMinimized: o,
-    restore: e,
-    getPosition: s,
-    minimizedList: u
+    remindMinimized: n,
+    restore: t,
+    getPosition: r,
+    minimizedList: d
   };
 }
-function ue() {
-  return J(re, null);
+function Te() {
+  return re(he, null);
 }
-const de = ["title", "aria-label"], me = {
+const ke = ["title", "aria-label"], be = {
   class: "g-dialog-minimized-icon__icon",
   "aria-hidden": "true"
-}, fe = { class: "g-dialog-minimized-icon__title" }, ge = /* @__PURE__ */ A({
+}, we = { class: "g-dialog-minimized-icon__title" }, Me = /* @__PURE__ */ Y({
   name: "GDialogMinimizedIcon",
   __name: "GDialogMinimizedIcon",
   props: {
@@ -89,228 +89,306 @@ const de = ["title", "aria-label"], me = {
     attentionTick: { default: 0 }
   },
   emits: ["restore"],
-  setup(n, { emit: m }) {
-    const l = n, a = m, f = r(() => l.title || "弹窗"), _ = r(() => `恢复 ${f.value}`), o = r(() => ({
+  setup(a, { emit: g }) {
+    const l = a, s = g, p = c(() => l.title || "弹窗"), _ = c(() => `恢复 ${p.value}`), n = c(() => ({
       position: "fixed",
       right: `${l.position.right}px`,
       bottom: `${l.position.bottom}px`
-    })), e = v(!1);
-    let s;
-    C(() => l.attentionTick, (i, t) => {
-      t === void 0 || i === t || (e.value = !1, window.clearTimeout(s), window.requestAnimationFrame(() => {
-        e.value = !0, s = window.setTimeout(() => {
-          e.value = !1;
+    })), t = T(!1);
+    let r;
+    F(() => l.attentionTick, (o, i) => {
+      i === void 0 || o === i || (t.value = !1, window.clearTimeout(r), window.requestAnimationFrame(() => {
+        t.value = !0, r = window.setTimeout(() => {
+          t.value = !1;
         }, 580);
       }));
-    }), $(() => {
-      window.clearTimeout(s);
+    }), Z(() => {
+      window.clearTimeout(r);
     });
-    function u() {
-      a("restore");
+    function d() {
+      s("restore");
     }
-    return (i, t) => {
-      const k = y("el-icon");
-      return M(), T(N, { to: "body" }, [
-        d("div", {
-          class: te(["g-dialog-minimized-icon", { "is-attention": e.value }]),
+    return (o, i) => {
+      const O = B("el-icon");
+      return m(), y(q, { to: "body" }, [
+        u("div", {
+          class: ue(["g-dialog-minimized-icon", { "is-attention": t.value }]),
           type: "button",
-          style: ee(o.value),
+          style: ce(n.value),
           title: _.value,
           "aria-label": _.value,
-          onClick: u
+          onClick: d
         }, [
-          t[0] || (t[0] = d("span", {
+          i[0] || (i[0] = u("span", {
             class: "g-dialog-minimized-icon__glow",
             "aria-hidden": "true"
           }, null, -1)),
-          t[1] || (t[1] = d("span", {
+          i[1] || (i[1] = u("span", {
             class: "g-dialog-minimized-icon__wave",
             "aria-hidden": "true"
           }, null, -1)),
-          d("span", me, [
-            z(k, null, {
-              default: p(() => [
-                z(I(ne))
+          u("span", be, [
+            P(O, null, {
+              default: h(() => [
+                P(I(pe))
               ]),
               _: 1
             })
           ]),
-          d("span", fe, H(f.value), 1)
-        ], 14, de)
+          u("span", we, k(p.value), 1)
+        ], 14, ke)
       ]);
     };
   }
-}), S = /* @__PURE__ */ P(ge, [["__scopeId", "data-v-5195816e"]]), _e = { class: "g-dialog-header" }, pe = { class: "g-dialog-title" }, ve = {
+}), V = /* @__PURE__ */ K(Me, [["__scopeId", "data-v-5195816e"]]), Ce = { class: "g-dialog-header" }, Ie = { class: "g-dialog-title" }, Oe = {
   class: "g-dialog-operation-container",
   "aria-label": "弹窗操作"
-}, ze = ["onClick"], Te = /* @__PURE__ */ A({
+}, Se = ["aria-label", "title"], Ee = ["onClick"], De = { class: "g-dialog-footer" }, j = "关闭", Fe = /* @__PURE__ */ Y({
   name: "GDialog",
   inheritAttrs: !1,
   __name: "index",
   props: {
     title: { default: "" },
     size: { default: "medium" },
-    modelValue: { type: Boolean }
+    modelValue: { type: Boolean },
+    hideFooter: { type: Boolean, default: !1 },
+    actions: {},
+    showCancel: { type: Boolean, default: !0 },
+    showReset: { type: Boolean, default: !0 },
+    showSave: { type: Boolean, default: !0 },
+    cancelText: { default: "取消" },
+    resetText: { default: "重置" },
+    saveText: { default: "保存" },
+    saveLoading: { type: Boolean, default: !1 },
+    saveDisabled: { type: Boolean, default: !1 },
+    beforeClose: {}
   },
-  emits: ["cancel", "reset", "save", "minimize", "update:modelValue"],
-  setup(n, { emit: m }) {
-    const l = n, a = m, f = r(() => l.modelValue);
-    function _(c) {
-      a("update:modelValue", c);
+  emits: ["cancel", "reset", "save", "minimize", "action", "update:modelValue"],
+  setup(a, { emit: g }) {
+    const l = a, s = g, p = c(() => l.modelValue);
+    function _(e) {
+      s("update:modelValue", e);
     }
-    const o = G ? G() : `g-dialog-${Date.now()}-${Math.random().toString(36).slice(2)}`, e = ue(), s = v(!1), u = v(!0), i = v(0), t = v(!1), k = r(() => e ? e.dialogs.get(o)?.isMinimized ?? !1 : s.value), R = r(() => e ? e.dialogs.get(o)?.attentionTick ?? 0 : i.value), x = r(() => e ? !(e.dialogs.get(o)?.isMinimized ?? !1) : u.value), B = r(() => e ? e.getPosition(o).value : { right: 20, bottom: 20 });
-    ie(() => {
-      e?.register({
-        id: o,
+    const n = N ? N() : `g-dialog-${Date.now()}-${Math.random().toString(36).slice(2)}`, t = Te(), r = T(!1), d = T(!0), o = T(0), i = T(!1), O = c(() => t ? t.dialogs.get(n)?.isMinimized ?? !1 : r.value), J = c(() => t ? t.dialogs.get(n)?.attentionTick ?? 0 : o.value), Q = c(() => t ? !(t.dialogs.get(n)?.isMinimized ?? !1) : d.value), x = c(() => t ? t.getPosition(n).value : { right: 20, bottom: 20 });
+    de(() => {
+      t?.register({
+        id: n,
         title: l.title,
         isMinimized: !1
       });
-    }), $(() => {
-      e?.unregister(o);
-    }), C(
+    }), Z(() => {
+      t?.unregister(n);
+    }), F(
       () => l.title,
-      (c) => {
-        if (e) {
-          const g = e.dialogs.get(o);
-          g && (g.title = c);
+      (e) => {
+        if (t) {
+          const v = t.dialogs.get(n);
+          v && (v.title = e);
         }
       }
-    ), C(
+    ), F(
       () => l.modelValue,
-      (c) => {
-        if (c === !1) {
-          if (t.value) {
-            t.value = !1;
+      (e) => {
+        if (e === !1) {
+          if (i.value) {
+            i.value = !1;
             return;
           }
-          e ? e.restore(o) : (u.value = !0, s.value = !1);
+          t ? t.restore(n) : (d.value = !0, r.value = !1);
         }
-        c === !0 && (e?.dialogs.get(o)?.isMinimized ? e.remindMinimized(o) : s.value && (i.value += 1));
+        e === !0 && (t?.dialogs.get(n)?.isMinimized ? t.remindMinimized(n) : r.value && (o.value += 1));
       }
     );
-    const L = r(() => l.size in V ? V[l.size] : l.size);
-    function W() {
-      a("cancel");
+    const ee = c(() => Object.prototype.hasOwnProperty.call(U, l.size) ? U[l.size] : l.size);
+    async function z(e) {
+      if (!l.beforeClose) return !0;
+      try {
+        return await l.beforeClose(e) !== !1;
+      } catch {
+        return !1;
+      }
+    }
+    async function te(e) {
+      const v = await z("close");
+      e(!v);
+    }
+    async function ie() {
+      await z("close") && s("update:modelValue", !1);
+    }
+    async function A() {
+      await z("cancel") && s("cancel");
     }
-    function U() {
-      a("reset");
+    function $() {
+      s("reset");
     }
-    function X() {
-      a("save");
+    async function R() {
+      await z("save") && s("save");
     }
-    const O = v(!1), Y = () => {
-      O.value = !O.value;
-    }, Z = () => {
-      if (t.value = !0, e)
-        e.minimize(o);
-      else {
-        if (s.value) {
-          i.value += 1, a("minimize", { id: o });
-          return;
+    const S = X({});
+    async function oe(e) {
+      if (await z("action") && (s("action", e.key), !!e.onClick))
+        try {
+          const v = e.onClick();
+          v instanceof Promise && (S[e.key] = !0, await v);
+        } finally {
+          S[e.key] = !1;
+        }
+    }
+    const w = T(!1), ne = () => {
+      w.value = !w.value;
+    }, L = c(() => w.value ? "退出全屏" : "全屏"), le = async () => {
+      if (await z("minimize")) {
+        if (i.value = !0, t)
+          t.minimize(n);
+        else {
+          if (r.value) {
+            o.value += 1, s("minimize", { id: n });
+            return;
+          }
+          d.value = !1, r.value = !0;
         }
-        u.value = !1, s.value = !0;
+        s("update:modelValue", !1), s("minimize", { id: n });
       }
-      a("update:modelValue", !1), a("minimize", { id: o });
-    }, j = () => {
-      e ? e.restore(o) : (u.value = !0, s.value = !1), a("update:modelValue", !0);
+    }, ae = () => {
+      t ? t.restore(n) : (d.value = !0, r.value = !1), s("update:modelValue", !0);
     };
-    return (c, g) => {
-      const b = y("el-button"), q = y("el-dialog");
-      return M(), T(N, { to: "body" }, [
-        x.value ? (M(), T(q, oe({ key: 0 }, c.$attrs, {
-          "model-value": f.value,
-          width: L.value,
+    return (e, v) => {
+      const M = B("el-button"), se = B("el-dialog");
+      return m(), y(q, { to: "body" }, [
+        Q.value ? (m(), y(se, fe({ key: 0 }, e.$attrs, {
+          "model-value": p.value,
+          width: ee.value,
           "lock-scroll": !1,
           "show-close": !1,
-          fullscreen: O.value,
+          fullscreen: w.value,
+          "before-close": te,
+          class: "g-dialog",
           "onUpdate:modelValue": _
-        }), {
-          header: p(({ close: K }) => [
-            d("div", _e, [
-              d("p", pe, H(c.title), 1),
-              d("div", ve, [
-                d("button", {
-                  type: "button",
-                  class: "g-dialog-control g-dialog-control--full-screen",
-                  "aria-label": "最大化",
-                  onClick: Z
-                }),
-                d("button", {
+        }), me({
+          header: h(({ close: f }) => [
+            u("div", Ce, [
+              u("p", Ie, k(e.title), 1),
+              u("div", Oe, [
+                u("button", {
                   type: "button",
                   class: "g-dialog-control g-dialog-control--minimize",
                   "aria-label": "最小化",
-                  onClick: Y
+                  title: "最小化",
+                  onClick: le
                 }),
-                d("button", {
+                u("button", {
+                  type: "button",
+                  class: "g-dialog-control g-dialog-control--fullscreen",
+                  "aria-label": L.value,
+                  title: L.value,
+                  onClick: ne
+                }, null, 8, Se),
+                u("button", {
                   type: "button",
                   class: "g-dialog-control g-dialog-control--close",
-                  "aria-label": "关闭",
-                  onClick: K
-                }, null, 8, ze)
+                  "aria-label": j,
+                  title: j,
+                  onClick: f
+                }, null, 8, Ee)
               ])
             ])
           ]),
-          footer: p(() => [
-            z(b, {
-              onClick: W,
-              size: "small",
-              icon: I(le)
-            }, {
-              default: p(() => g[0] || (g[0] = [
-                h(" 取消 ")
-              ])),
-              _: 1,
-              __: [0]
-            }, 8, ["icon"]),
-            z(b, {
-              onClick: U,
-              size: "small",
-              icon: I(ae)
-            }, {
-              default: p(() => g[1] || (g[1] = [
-                h(" 重置 ")
-              ])),
-              _: 1,
-              __: [1]
-            }, 8, ["icon"]),
-            z(b, {
-              type: "primary",
-              onClick: X,
-              size: "small",
-              icon: I(se)
-            }, {
-              default: p(() => g[2] || (g[2] = [
-                h(" 保存 ")
-              ])),
-              _: 1,
-              __: [2]
-            }, 8, ["icon"]),
-            F(c.$slots, "moreOperations", {}, void 0, !0)
+          default: h(() => [
+            E(e.$slots, "default", {}, void 0, !0)
           ]),
-          default: p(() => [
-            F(c.$slots, "default", {}, void 0, !0)
-          ]),
-          _: 3
-        }, 16, ["model-value", "width", "fullscreen"])) : D("", !0),
-        k.value ? (M(), T(S, {
+          _: 2
+        }, [
+          e.hideFooter ? void 0 : {
+            name: "footer",
+            fn: h(() => [
+              E(e.$slots, "footer", {
+                cancel: A,
+                reset: $,
+                save: R,
+                close: ie,
+                loading: e.saveLoading
+              }, () => [
+                u("div", De, [
+                  e.actions && e.actions.length ? (m(!0), H(W, { key: 0 }, ge(e.actions, (f) => (m(), y(M, {
+                    key: f.key,
+                    type: f.type,
+                    icon: f.icon,
+                    loading: f.loading || S[f.key],
+                    disabled: f.disabled,
+                    plain: f.plain,
+                    size: "small",
+                    onClick: (Be) => oe(f)
+                  }, {
+                    default: h(() => [
+                      C(k(f.label), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["type", "icon", "loading", "disabled", "plain", "onClick"]))), 128)) : (m(), H(W, { key: 1 }, [
+                    e.showCancel ? (m(), y(M, {
+                      key: 0,
+                      icon: I(ve),
+                      size: "small",
+                      onClick: A
+                    }, {
+                      default: h(() => [
+                        C(k(e.cancelText), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["icon"])) : b("", !0),
+                    e.showReset ? (m(), y(M, {
+                      key: 1,
+                      icon: I(_e),
+                      size: "small",
+                      onClick: $
+                    }, {
+                      default: h(() => [
+                        C(k(e.resetText), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["icon"])) : b("", !0),
+                    e.showSave ? (m(), y(M, {
+                      key: 2,
+                      type: "primary",
+                      icon: I(ye),
+                      loading: e.saveLoading,
+                      disabled: e.saveDisabled,
+                      size: "small",
+                      onClick: R
+                    }, {
+                      default: h(() => [
+                        C(k(e.saveText), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["icon", "loading", "disabled"])) : b("", !0)
+                  ], 64)),
+                  E(e.$slots, "moreOperations", {}, void 0, !0)
+                ])
+              ], !0)
+            ]),
+            key: "0"
+          }
+        ]), 1040, ["model-value", "width", "fullscreen"])) : b("", !0),
+        O.value ? (m(), y(V, {
           key: 1,
-          title: c.title,
-          position: B.value,
-          "attention-tick": R.value,
-          onRestore: j
-        }, null, 8, ["title", "position", "attention-tick"])) : D("", !0)
+          title: e.title,
+          position: x.value,
+          "attention-tick": J.value,
+          onRestore: ae
+        }, null, 8, ["title", "position", "attention-tick"])) : b("", !0)
       ]);
     };
   }
-}), w = /* @__PURE__ */ P(Te, [["__scopeId", "data-v-1e2f8946"]]);
-w.install = (n) => {
-  n.component(w.name, w), n.component(S.name, S);
+}), D = /* @__PURE__ */ K(Fe, [["__scopeId", "data-v-4f1dc418"]]);
+D.install = (a) => {
+  a.component(D.name, D), a.component(V.name, V);
 };
 export {
-  re as DIALOG_MANAGER_KEY,
-  w as GDialog,
-  S as GDialogMinimizedIcon,
-  Oe as createDialogManager,
-  w as default,
-  ue as useDialogManager
+  he as DIALOG_MANAGER_KEY,
+  U as DIALOG_SIZES,
+  D as GDialog,
+  V as GDialogMinimizedIcon,
+  G as MINIMIZED_LAYOUT,
+  $e as createDialogManager,
+  D as default,
+  Te as useDialogManager
 };

package/lib/GDialog/style.css

@@ -1 +1 @@
-.g-dialog-minimized-icon[data-v-5195816e]{width:78px;height:34px;padding:0 6px;border-radius:10px 18px;background:linear-gradient(90deg,rgba(106,210,255,.18) 1px,transparent 1px) 0 0/8px 8px,linear-gradient(180deg,rgba(255,255,255,.16),transparent 42%),linear-gradient(135deg,#10294c,var(--el-color-primary) 58%,#00d1ff);color:#f4fbff;display:flex;align-items:center;justify-content:flex-start;gap:6px;cursor:pointer;z-index:999;overflow:hidden;isolation:isolate;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);transition:right .3s ease,bottom .3s ease,transform .18s ease,box-shadow .18s ease,filter .18s ease;animation:g-dialog-minimized-enter-5195816e .28s cubic-bezier(.2,.8,.2,1) both}.g-dialog-minimized-icon[data-v-5195816e]:before{content:"";position:absolute;inset:3px;border:1px solid rgba(163,232,255,.24);clip-path:inherit;pointer-events:none}.g-dialog-minimized-icon[data-v-5195816e]:after{content:"";position:absolute;top:-32%;left:-38%;width:32px;height:62px;background:linear-gradient(90deg,transparent,rgba(180,244,255,.64),transparent);transform:rotate(18deg) translate(-16px);opacity:0;pointer-events:none}.g-dialog-minimized-icon[data-v-5195816e]:hover{transform:translateY(-2px);filter:saturate(1.2) brightness(1.08)}.g-dialog-minimized-icon[data-v-5195816e]:hover:after{opacity:1;animation:g-dialog-minimized-shine-5195816e .62s ease}.g-dialog-minimized-icon:hover .g-dialog-minimized-icon__wave[data-v-5195816e]{opacity:1;animation:g-dialog-minimized-wave-5195816e 1.45s ease-in-out infinite}.g-dialog-minimized-icon:hover .g-dialog-minimized-icon__icon[data-v-5195816e]{transform:scale(1.08)}.g-dialog-minimized-icon[data-v-5195816e]:active{transform:translateY(0) scale(.98);box-shadow:0 0 0 1px #ffffff14 inset,0 5px 14px #0092ff3d,0 2px 6px #0003}.g-dialog-minimized-icon[data-v-5195816e]:focus-visible{outline:2px solid rgba(0,209,255,.72);outline-offset:3px}.g-dialog-minimized-icon.is-attention[data-v-5195816e]{animation:g-dialog-minimized-attention-5195816e .58s ease both;filter:saturate(1.22) brightness(1.08)}.g-dialog-minimized-icon.is-attention[data-v-5195816e]:after{opacity:1;animation:g-dialog-minimized-shine-5195816e .58s ease}.g-dialog-minimized-icon.is-attention .g-dialog-minimized-icon__wave[data-v-5195816e]{opacity:1;animation:g-dialog-minimized-wave-5195816e .58s ease-in-out}.g-dialog-minimized-icon.is-attention .g-dialog-minimized-icon__icon[data-v-5195816e]{animation:g-dialog-minimized-icon-pop-5195816e .58s ease both}.g-dialog-minimized-icon__glow[data-v-5195816e]{position:absolute;inset:auto 8px -14px auto;width:38px;height:28px;border-radius:50%;background:#00d1ff7a;filter:blur(13px);pointer-events:none;z-index:-1}.g-dialog-minimized-icon__wave[data-v-5195816e]{position:absolute;inset:-18px -24px;background:radial-gradient(ellipse at 22% 62%,rgba(173,243,255,.62) 0 9%,transparent 26%),radial-gradient(ellipse at 52% 78%,rgba(0,209,255,.58) 0 12%,transparent 30%),radial-gradient(ellipse at 82% 58%,rgba(67,170,255,.5) 0 10%,transparent 28%),linear-gradient(90deg,#147bff14,#00d1ff5c,#147bff14);background-size:72px 46px,86px 42px,70px 48px,100% 100%;background-position:-10px 16px,18px 20px,58px 14px,0 0;filter:blur(1px) saturate(1.25);opacity:0;pointer-events:none;transform:translate(-18px) translateY(6px) rotate(-2deg);transition:opacity .18s ease;z-index:-1}.g-dialog-minimized-icon__icon[data-v-5195816e]{width:20px;height:20px;border:1px solid rgba(203,246,255,.32);border-radius:7px;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent),#00132b2e;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:inset 0 0 10px #00d1ff3d;transition:transform .18s ease}.g-dialog-minimized-icon__icon .el-icon[data-v-5195816e]{font-size:13px}.g-dialog-minimized-icon__title[data-v-5195816e]{min-width:0;max-width:50px;font-size:10px;font-weight:600;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes g-dialog-minimized-enter-5195816e{0%{transform:translateY(8px) scale(.92);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes g-dialog-minimized-shine-5195816e{0%{transform:rotate(18deg) translate(-16px)}to{transform:rotate(18deg) translate(116px)}}@keyframes g-dialog-minimized-wave-5195816e{0%{background-position:-18px 18px,8px 22px,54px 14px,0 0;transform:translate(-14px) translateY(7px) rotate(-3deg) scaleY(.82)}45%{background-position:18px 8px,42px 18px,88px 10px,0 0;transform:translate(0) translateY(0) rotate(1deg) scaleY(1.05)}to{background-position:58px 17px,82px 22px,126px 15px,0 0;transform:translate(14px) translateY(5px) rotate(3deg) scaleY(.9)}}@keyframes g-dialog-minimized-attention-5195816e{0%,to{transform:translateY(0) scale(1)}18%{transform:translateY(-5px) scale(1.04)}36%{transform:translateY(0) scale(.98)}54%{transform:translateY(-3px) scale(1.02)}72%{transform:translateY(0) scale(1)}}@keyframes g-dialog-minimized-icon-pop-5195816e{0%,to{transform:scale(1)}30%{transform:scale(1.18) rotate(-8deg)}60%{transform:scale(1.08) rotate(6deg)}}@media(prefers-reduced-motion:reduce){.g-dialog-minimized-icon[data-v-5195816e]{animation:none;transition:right .3s ease,bottom .3s ease}.g-dialog-minimized-icon[data-v-5195816e]:after{display:none}.g-dialog-minimized-icon[data-v-5195816e]:hover,.g-dialog-minimized-icon[data-v-5195816e]:active,.g-dialog-minimized-icon.is-attention[data-v-5195816e]{transform:none;filter:none}.g-dialog-minimized-icon__wave[data-v-5195816e]{animation:none!important;opacity:0}.g-dialog-minimized-icon__icon[data-v-5195816e]{animation:none!important;transition:none}}.g-dialog-header[data-v-1e2f8946]{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:16px}.g-dialog-header .g-dialog-title[data-v-1e2f8946]{position:relative;max-width:calc(100% - 88px);margin:-8px 0 0;overflow:hidden;color:#1f2937;font-size:14px;font-weight:600;line-height:1.5;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap}.g-dialog-header .g-dialog-operation-container[data-v-1e2f8946]{display:flex;flex-direction:row;align-items:center;gap:8px;padding:0;margin-top:-4px}.g-dialog-control[data-v-1e2f8946]{width:12px;height:12px;padding:0;border:0;border-radius:50%;cursor:pointer;flex-shrink:0;box-shadow:inset 0 1px 1px #ffffffa6,0 0 0 1px #00000014;transition:transform .16s ease,filter .16s ease}.g-dialog-control[data-v-1e2f8946]:hover{filter:brightness(1.04);transform:scale(1.06)}.g-dialog-control[data-v-1e2f8946]:active{transform:scale(.94)}.g-dialog-control[data-v-1e2f8946]:focus-visible{outline:2px solid rgba(68,68,68,.32);outline-offset:3px}.g-dialog-control--close[data-v-1e2f8946]{background:#ff5f57}.g-dialog-control--minimize[data-v-1e2f8946]{background:#ffbd2e}.g-dialog-control--full-screen[data-v-1e2f8946]{background:#28c840}@media(prefers-reduced-motion:reduce){.g-dialog-control[data-v-1e2f8946]{transition:none}}
+@charset "UTF-8";.g-dialog-minimized-icon[data-v-5195816e]{width:78px;height:34px;padding:0 6px;border-radius:10px 18px;background:linear-gradient(90deg,rgba(106,210,255,.18) 1px,transparent 1px) 0 0/8px 8px,linear-gradient(180deg,rgba(255,255,255,.16),transparent 42%),linear-gradient(135deg,#10294c,var(--el-color-primary) 58%,#00d1ff);color:#f4fbff;display:flex;align-items:center;justify-content:flex-start;gap:6px;cursor:pointer;z-index:999;overflow:hidden;isolation:isolate;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);transition:right .3s ease,bottom .3s ease,transform .18s ease,box-shadow .18s ease,filter .18s ease;animation:g-dialog-minimized-enter-5195816e .28s cubic-bezier(.2,.8,.2,1) both}.g-dialog-minimized-icon[data-v-5195816e]:before{content:"";position:absolute;inset:3px;border:1px solid rgba(163,232,255,.24);clip-path:inherit;pointer-events:none}.g-dialog-minimized-icon[data-v-5195816e]:after{content:"";position:absolute;top:-32%;left:-38%;width:32px;height:62px;background:linear-gradient(90deg,transparent,rgba(180,244,255,.64),transparent);transform:rotate(18deg) translate(-16px);opacity:0;pointer-events:none}.g-dialog-minimized-icon[data-v-5195816e]:hover{transform:translateY(-2px);filter:saturate(1.2) brightness(1.08)}.g-dialog-minimized-icon[data-v-5195816e]:hover:after{opacity:1;animation:g-dialog-minimized-shine-5195816e .62s ease}.g-dialog-minimized-icon:hover .g-dialog-minimized-icon__wave[data-v-5195816e]{opacity:1;animation:g-dialog-minimized-wave-5195816e 1.45s ease-in-out infinite}.g-dialog-minimized-icon:hover .g-dialog-minimized-icon__icon[data-v-5195816e]{transform:scale(1.08)}.g-dialog-minimized-icon[data-v-5195816e]:active{transform:translateY(0) scale(.98);box-shadow:0 0 0 1px #ffffff14 inset,0 5px 14px #0092ff3d,0 2px 6px #0003}.g-dialog-minimized-icon[data-v-5195816e]:focus-visible{outline:2px solid rgba(0,209,255,.72);outline-offset:3px}.g-dialog-minimized-icon.is-attention[data-v-5195816e]{animation:g-dialog-minimized-attention-5195816e .58s ease both;filter:saturate(1.22) brightness(1.08)}.g-dialog-minimized-icon.is-attention[data-v-5195816e]:after{opacity:1;animation:g-dialog-minimized-shine-5195816e .58s ease}.g-dialog-minimized-icon.is-attention .g-dialog-minimized-icon__wave[data-v-5195816e]{opacity:1;animation:g-dialog-minimized-wave-5195816e .58s ease-in-out}.g-dialog-minimized-icon.is-attention .g-dialog-minimized-icon__icon[data-v-5195816e]{animation:g-dialog-minimized-icon-pop-5195816e .58s ease both}.g-dialog-minimized-icon__glow[data-v-5195816e]{position:absolute;inset:auto 8px -14px auto;width:38px;height:28px;border-radius:50%;background:#00d1ff7a;filter:blur(13px);pointer-events:none;z-index:-1}.g-dialog-minimized-icon__wave[data-v-5195816e]{position:absolute;inset:-18px -24px;background:radial-gradient(ellipse at 22% 62%,rgba(173,243,255,.62) 0 9%,transparent 26%),radial-gradient(ellipse at 52% 78%,rgba(0,209,255,.58) 0 12%,transparent 30%),radial-gradient(ellipse at 82% 58%,rgba(67,170,255,.5) 0 10%,transparent 28%),linear-gradient(90deg,#147bff14,#00d1ff5c,#147bff14);background-size:72px 46px,86px 42px,70px 48px,100% 100%;background-position:-10px 16px,18px 20px,58px 14px,0 0;filter:blur(1px) saturate(1.25);opacity:0;pointer-events:none;transform:translate(-18px) translateY(6px) rotate(-2deg);transition:opacity .18s ease;z-index:-1}.g-dialog-minimized-icon__icon[data-v-5195816e]{width:20px;height:20px;border:1px solid rgba(203,246,255,.32);border-radius:7px;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent),#00132b2e;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:inset 0 0 10px #00d1ff3d;transition:transform .18s ease}.g-dialog-minimized-icon__icon .el-icon[data-v-5195816e]{font-size:13px}.g-dialog-minimized-icon__title[data-v-5195816e]{min-width:0;max-width:50px;font-size:10px;font-weight:600;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes g-dialog-minimized-enter-5195816e{0%{transform:translateY(8px) scale(.92);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes g-dialog-minimized-shine-5195816e{0%{transform:rotate(18deg) translate(-16px)}to{transform:rotate(18deg) translate(116px)}}@keyframes g-dialog-minimized-wave-5195816e{0%{background-position:-18px 18px,8px 22px,54px 14px,0 0;transform:translate(-14px) translateY(7px) rotate(-3deg) scaleY(.82)}45%{background-position:18px 8px,42px 18px,88px 10px,0 0;transform:translate(0) translateY(0) rotate(1deg) scaleY(1.05)}to{background-position:58px 17px,82px 22px,126px 15px,0 0;transform:translate(14px) translateY(5px) rotate(3deg) scaleY(.9)}}@keyframes g-dialog-minimized-attention-5195816e{0%,to{transform:translateY(0) scale(1)}18%{transform:translateY(-5px) scale(1.04)}36%{transform:translateY(0) scale(.98)}54%{transform:translateY(-3px) scale(1.02)}72%{transform:translateY(0) scale(1)}}@keyframes g-dialog-minimized-icon-pop-5195816e{0%,to{transform:scale(1)}30%{transform:scale(1.18) rotate(-8deg)}60%{transform:scale(1.08) rotate(6deg)}}@media(prefers-reduced-motion:reduce){.g-dialog-minimized-icon[data-v-5195816e]{animation:none;transition:right .3s ease,bottom .3s ease}.g-dialog-minimized-icon[data-v-5195816e]:after{display:none}.g-dialog-minimized-icon[data-v-5195816e]:hover,.g-dialog-minimized-icon[data-v-5195816e]:active,.g-dialog-minimized-icon.is-attention[data-v-5195816e]{transform:none;filter:none}.g-dialog-minimized-icon__wave[data-v-5195816e]{animation:none!important;opacity:0}.g-dialog-minimized-icon__icon[data-v-5195816e]{animation:none!important;transition:none}}.g-dialog-header[data-v-4f1dc418]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:16px;padding:2px 0}.g-dialog-header .g-dialog-title[data-v-4f1dc418]{position:relative;max-width:calc(100% - 88px);margin:0;overflow:hidden;color:var(--el-text-color-primary);font-size:15px;font-weight:600;line-height:1.4;letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap}.g-dialog-header .g-dialog-title[data-v-4f1dc418]:before{content:"";position:absolute;top:50%;left:0;width:3px;height:14px;background:linear-gradient(180deg,var(--el-color-primary),var(--el-color-primary-light-3));border-radius:2px;transform:translate(-12px,-50%);opacity:0}.g-dialog-header .g-dialog-operation-container[data-v-4f1dc418]{display:flex;flex-direction:row;align-items:center;gap:8px;padding:0}.g-dialog-control[data-v-4f1dc418]{width:12px;height:12px;padding:0;border:0;border-radius:50%;cursor:pointer;flex-shrink:0;position:relative;box-shadow:inset 0 1px 1px #ffffffb3,inset 0 -1px 1px #0000001f,0 0 0 1px #00000014,0 1px 2px #0000000f;transition:transform .18s cubic-bezier(.34,1.56,.64,1),filter .18s ease,box-shadow .18s ease}.g-dialog-control[data-v-4f1dc418]:after{content:"";position:absolute;top:2px;left:2.5px;width:4px;height:4px;border-radius:50%;background:#ffffff8c;filter:blur(.5px);pointer-events:none}.g-dialog-control[data-v-4f1dc418]:hover{filter:brightness(1.06) saturate(1.1);transform:scale(1.12);box-shadow:inset 0 1px 1px #ffffffbf,inset 0 -1px 1px #0000001f,0 0 0 1px #0000001a,0 2px 4px #0000001f}.g-dialog-control[data-v-4f1dc418]:active{transform:scale(.92);filter:brightness(.96)}.g-dialog-control[data-v-4f1dc418]:focus-visible{outline:2px solid rgba(68,68,68,.32);outline-offset:3px}.g-dialog-control--close[data-v-4f1dc418]{background:linear-gradient(180deg,#ff8077,#ff5f57)}.g-dialog-control--fullscreen[data-v-4f1dc418]{background:linear-gradient(180deg,#ffd066,#ffbd2e)}.g-dialog-control--minimize[data-v-4f1dc418]{background:linear-gradient(180deg,#4be068,#28c840)}.g-dialog-footer[data-v-4f1dc418]{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:8px;padding:2px 0}.g-dialog-footer[data-v-4f1dc418] .el-button .el-icon{transition:transform .28s cubic-bezier(.34,1.56,.64,1),color .2s ease;will-change:transform}.g-dialog-footer[data-v-4f1dc418] .el-button:hover:not(.is-disabled):not(.is-loading) .el-icon{transform:scale(1.18) rotate(-8deg)}.g-dialog-footer[data-v-4f1dc418] .el-button:active:not(.is-disabled):not(.is-loading) .el-icon{transform:scale(1.06) rotate(-4deg);transition-duration:.12s}.g-dialog-footer[data-v-4f1dc418] .el-button--primary:hover:not(.is-disabled):not(.is-loading) .el-icon{transform:scale(1.18) rotate(8deg)}.g-dialog-footer[data-v-4f1dc418] .el-button--primary:active:not(.is-disabled):not(.is-loading) .el-icon{transform:scale(1.06) rotate(4deg)}@media(prefers-reduced-motion:reduce){.g-dialog-control[data-v-4f1dc418],.g-dialog-footer[data-v-4f1dc418] .el-button .el-icon{transition:none}.g-dialog-footer[data-v-4f1dc418] .el-button:hover .el-icon,.g-dialog-footer[data-v-4f1dc418] .el-button:active .el-icon{transform:none}}.el-overlay:has(.g-dialog){background:var(--g-dialog-overlay-bg, rgba(15, 23, 42, .32));backdrop-filter:blur(4px) saturate(1.05);-webkit-backdrop-filter:blur(4px) saturate(1.05);animation:g-dialog-overlay-in .22s ease both}@keyframes g-dialog-overlay-in{0%{background:#0f172a00;backdrop-filter:blur(0) saturate(1);-webkit-backdrop-filter:blur(0) saturate(1)}to{background:var(--g-dialog-overlay-bg, rgba(15, 23, 42, .32));backdrop-filter:blur(4px) saturate(1.05);-webkit-backdrop-filter:blur(4px) saturate(1.05)}}@media(prefers-reduced-motion:reduce){.el-overlay:has(.g-dialog){animation:none}}.g-dialog.el-dialog{--el-dialog-padding-primary: 18px;--el-dialog-border-radius: 14px;border-radius:14px;padding:0;overflow:hidden;background:linear-gradient(180deg,var(--g-dialog-sheen, rgba(255, 255, 255, .6)),transparent) top/100% 64px no-repeat,var(--el-bg-color);box-shadow:0 1px 0 var(--g-dialog-inner-highlight, rgba(255, 255, 255, .6)) inset,0 0 0 1px var(--el-border-color-lighter),0 24px 60px -12px var(--g-dialog-shadow-strong, rgba(15, 23, 42, .22)),0 8px 20px -8px var(--g-dialog-shadow-soft, rgba(15, 23, 42, .14))}.g-dialog.el-dialog.is-fullscreen{border-radius:0;box-shadow:none}.g-dialog.el-dialog .el-dialog__header{margin:0;padding:14px 20px;background:linear-gradient(180deg,var(--g-dialog-header-bg, rgba(248, 250, 252, .85)),transparent);position:relative}.g-dialog.el-dialog .el-dialog__body{padding:0 20px;color:var(--el-text-color-regular);font-size:13px;line-height:1.6;max-height:calc(85vh - 132px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--g-dialog-scrollbar, rgba(15, 23, 42, .18)) transparent}.g-dialog.el-dialog .el-dialog__body::-webkit-scrollbar{width:6px;height:6px}.g-dialog.el-dialog .el-dialog__body::-webkit-scrollbar-thumb{background-color:var(--g-dialog-scrollbar, rgba(15, 23, 42, .18));border-radius:3px}.g-dialog.el-dialog .el-dialog__body::-webkit-scrollbar-thumb:hover{background-color:var(--g-dialog-scrollbar-hover, rgba(15, 23, 42, .28))}.g-dialog.el-dialog .el-dialog__body::-webkit-scrollbar-track{background:transparent}.g-dialog.el-dialog .el-dialog__footer{padding:12px 20px;background:linear-gradient(0deg,var(--g-dialog-footer-bg, rgba(248, 250, 252, .7)),transparent);position:relative}html.dark .el-overlay:has(.g-dialog){--g-dialog-overlay-bg: rgba(0, 0, 0, .55)}html.dark .g-dialog.el-dialog{--g-dialog-sheen: rgba(255, 255, 255, .04);--g-dialog-inner-highlight: rgba(255, 255, 255, .06);--g-dialog-shadow-strong: rgba(0, 0, 0, .55);--g-dialog-shadow-soft: rgba(0, 0, 0, .4);--g-dialog-header-bg: rgba(255, 255, 255, .04);--g-dialog-footer-bg: rgba(255, 255, 255, .04);--g-dialog-scrollbar: rgba(255, 255, 255, .18);--g-dialog-scrollbar-hover: rgba(255, 255, 255, .28)}html.dark .g-dialog.el-dialog .g-dialog-control{box-shadow:inset 0 1px 1px #ffffff59,inset 0 -1px 1px #00000047,0 0 0 1px #ffffff14,0 1px 2px #00000073}html.dark .g-dialog.el-dialog .g-dialog-control:hover{box-shadow:inset 0 1px 1px #fff6,inset 0 -1px 1px #00000047,0 0 0 1px #ffffff1f,0 2px 6px #00000080}html.dark .g-dialog.el-dialog .g-dialog-control:focus-visible{outline-color:#ffffff73}.dialog-fade-enter-active .g-dialog.el-dialog,.dialog-fade-leave-active .g-dialog.el-dialog{transition:transform .26s cubic-bezier(.34,1.2,.64,1),opacity .22s ease}.dialog-fade-enter-from .g-dialog.el-dialog,.dialog-fade-leave-to .g-dialog.el-dialog{transform:translateY(-12px) scale(.96);opacity:0}@media(prefers-reduced-motion:reduce){.dialog-fade-enter-active .g-dialog.el-dialog,.dialog-fade-leave-active .g-dialog.el-dialog{transition:opacity .18s ease;transform:none}}