geekin-devtoys 0.3.2 → 0.3.4

package/lib/GDialog/index.mjs

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