geekin-devtoys 0.3.6 → 0.3.7

package/lib/GDialogPro/index.mjs

@@ -1,529 +0,0 @@
-import { inject as pe, reactive as ie, computed as d, h as f, defineComponent as x, ref as k, watch as N, onUnmounted as oe, createBlock as _, openBlock as r, Teleport as ne, createVNode as R, unref as I, normalizeStyle as ge, normalizeClass as ae, withCtx as T, createElementVNode as c, toDisplayString as M, createElementBlock as b, createCommentVNode as w, resolveDynamicComponent as ve, renderSlot as P, useId as J, onMounted as ye, Transition as he, withModifiers as ke, mergeProps as _e, Fragment as Q, renderList as we, createTextVNode as F } from "vue";
-import { A as be } from "../AnimatePresence-nl0c23TZ.mjs";
-import { m as ze } from "../index-Bbr5fWvI.mjs";
-import { _ as K } from "../_plugin-vue_export-helper-CHgC5LLL.mjs";
-const Ce = /* @__PURE__ */ Symbol("GDialogProManager"), ee = {
-  small: "380px",
-  medium: "480px",
-  large: "580px"
-}, W = {
-  ICON_WIDTH: 92,
-  ICON_HEIGHT: 34,
-  GAP: 8,
-  BOTTOM_OFFSET: 18,
-  RIGHT_OFFSET: 18,
-  MAX_PER_ROW: 8
-};
-function Te(l) {
-  const m = /* @__PURE__ */ new Map(), { ICON_WIDTH: a, ICON_HEIGHT: s, GAP: p, BOTTOM_OFFSET: e, RIGHT_OFFSET: i, MAX_PER_ROW: u } = W;
-  return l.forEach((g, v) => {
-    const o = Math.floor(v / u), n = v % u;
-    m.set(g, {
-      right: i + n * (a + p),
-      bottom: e + o * (s + p)
-    });
-  }), m;
-}
-function Je() {
-  const l = ie(/* @__PURE__ */ new Map()), m = d(() => {
-    const o = [];
-    return l.forEach((n) => {
-      n.isMinimized && o.push(n.id);
-    }), o;
-  }), a = d(() => Te(m.value));
-  function s(o) {
-    l.set(o.id, { attentionTick: 0, ...o });
-  }
-  function p(o) {
-    l.delete(o);
-  }
-  function e(o) {
-    const n = l.get(o);
-    if (n) {
-      if (n.isMinimized) {
-        n.attentionTick = (n.attentionTick ?? 0) + 1;
-        return;
-      }
-      n.isMinimized = !0;
-    }
-  }
-  function i(o) {
-    const n = l.get(o);
-    n?.isMinimized && (n.attentionTick = (n.attentionTick ?? 0) + 1);
-  }
-  function u(o) {
-    const n = l.get(o);
-    n && (n.isMinimized = !1);
-  }
-  function g(o) {
-    return d(
-      () => a.value.get(o) ?? {
-        right: W.RIGHT_OFFSET,
-        bottom: W.BOTTOM_OFFSET
-      }
-    );
-  }
-  const v = d(() => m.value.map((o) => l.get(o)).filter(Boolean));
-  return {
-    dialogs: l,
-    register: s,
-    unregister: p,
-    minimize: e,
-    remindMinimized: i,
-    restore: u,
-    getPosition: g,
-    minimizedList: v
-  };
-}
-function Me() {
-  return pe(Ce, null);
-}
-const L = {
-  viewBox: "0 0 16 16",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg",
-  "aria-hidden": "true"
-}, Ie = () => f("svg", L, [
-  f("path", {
-    d: "M3.5 8h9",
-    stroke: "currentColor",
-    "stroke-width": 1.6,
-    "stroke-linecap": "round"
-  })
-]), Oe = () => f("svg", L, [
-  f("path", {
-    d: "M13.5 8a5.5 5.5 0 1 1-1.6-3.9",
-    stroke: "currentColor",
-    "stroke-width": 1.6,
-    "stroke-linecap": "round"
-  }),
-  f("path", {
-    d: "M13.5 2v3.5H10",
-    stroke: "currentColor",
-    "stroke-width": 1.6,
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round"
-  })
-]), Be = () => f("svg", L, [
-  f("circle", {
-    cx: 8,
-    cy: 8,
-    r: 6,
-    stroke: "currentColor",
-    "stroke-width": 1.6
-  }),
-  f("path", {
-    d: "M5.3 8.2l1.9 1.9 3.5-4",
-    stroke: "currentColor",
-    "stroke-width": 1.6,
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round"
-  })
-]), Ee = () => f("svg", L, [
-  f("path", {
-    d: "M2.5 4.5a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2v4.5a2 2 0 0 1-2 2H7.2L4.8 13.6V11a2 2 0 0 1-2-2V4.5z",
-    stroke: "currentColor",
-    "stroke-width": 1.4,
-    "stroke-linejoin": "round"
-  }),
-  f("circle", { cx: 5.8, cy: 6.7, r: 0.7, fill: "currentColor" }),
-  f("circle", { cx: 8, cy: 6.7, r: 0.7, fill: "currentColor" }),
-  f("circle", { cx: 10.2, cy: 6.7, r: 0.7, fill: "currentColor" })
-]), $e = {
-  class: "g-dialog-pro-minimized-icon__icon",
-  "aria-hidden": "true"
-}, De = { class: "g-dialog-pro-minimized-icon__title" }, Se = /* @__PURE__ */ x({
-  name: "GDialogMinimizedIcon",
-  __name: "GDialogMinimizedIcon",
-  props: {
-    title: {},
-    position: {},
-    attentionTick: { default: 0 }
-  },
-  emits: ["restore"],
-  setup(l, { emit: m }) {
-    const a = l, s = m, p = d(() => a.title || "弹窗"), e = d(() => `恢复 ${p.value}`), i = { opacity: 0, scale: 0.8, x: -24, y: 12 }, u = { opacity: 1, scale: 1, x: 0, y: 0 }, g = { opacity: 0, scale: 0.8, x: -24, y: 12 }, v = { duration: 0.28, ease: [0.2, 0.8, 0.2, 1] }, o = { scale: 1.04, y: -2 }, n = { scale: 0.98 }, B = d(() => ({
-      position: "fixed",
-      right: `${a.position.right}px`,
-      bottom: `${a.position.bottom}px`
-    })), z = k(!1);
-    let E;
-    N(() => a.attentionTick, (A, y) => {
-      y === void 0 || A === y || (z.value = !1, window.clearTimeout(E), window.requestAnimationFrame(() => {
-        z.value = !0, E = window.setTimeout(() => {
-          z.value = !1;
-        }, 580);
-      }));
-    }), oe(() => {
-      window.clearTimeout(E);
-    });
-    function S() {
-      s("restore");
-    }
-    return (A, y) => (r(), _(ne, { to: "body" }, [
-      R(I(ze).div, {
-        class: ae(["g-dialog-pro-minimized-icon", { "is-attention": z.value }]),
-        type: "button",
-        style: ge(B.value),
-        title: e.value,
-        "aria-label": e.value,
-        initial: i,
-        animate: u,
-        exit: g,
-        transition: v,
-        "while-hover": o,
-        "while-press": n,
-        onClick: S
-      }, {
-        default: T(() => [
-          y[0] || (y[0] = c("span", {
-            class: "g-dialog-pro-minimized-icon__glow",
-            "aria-hidden": "true"
-          }, null, -1)),
-          y[1] || (y[1] = c("span", {
-            class: "g-dialog-pro-minimized-icon__wave",
-            "aria-hidden": "true"
-          }, null, -1)),
-          c("span", $e, [
-            R(I(Ee))
-          ]),
-          c("span", De, M(p.value), 1)
-        ]),
-        _: 1,
-        __: [0, 1]
-      }, 8, ["class", "style", "title", "aria-label"])
-    ]));
-  }
-}), j = /* @__PURE__ */ K(Se, [["__scopeId", "data-v-e312df81"]]), Ae = ["disabled"], Ge = {
-  key: 0,
-  class: "g-btn__icon g-btn__loading",
-  "aria-hidden": "true"
-}, Fe = {
-  key: 1,
-  class: "g-btn__icon",
-  "aria-hidden": "true"
-}, Pe = {
-  key: 2,
-  class: "g-btn__text"
-}, Re = /* @__PURE__ */ x({
-  name: "GButton",
-  __name: "GButton",
-  props: {
-    type: { default: "default" },
-    icon: {},
-    loading: { type: Boolean, default: !1 },
-    disabled: { type: Boolean, default: !1 },
-    plain: { type: Boolean, default: !1 },
-    size: { default: "default" }
-  },
-  emits: ["click"],
-  setup(l, { emit: m }) {
-    const a = l, s = m;
-    function p(e) {
-      a.disabled || a.loading || s("click", e);
-    }
-    return (e, i) => (r(), b("button", {
-      type: "button",
-      class: ae(["g-btn", [
-        `g-btn--${e.type}`,
-        `g-btn--size-${e.size}`,
-        {
-          "is-plain": e.plain,
-          "is-disabled": e.disabled,
-          "is-loading": e.loading
-        }
-      ]]),
-      disabled: e.disabled || e.loading,
-      onClick: p
-    }, [
-      e.loading ? (r(), b("span", Ge, i[0] || (i[0] = [
-        c("svg", {
-          viewBox: "0 0 16 16",
-          fill: "none",
-          xmlns: "http://www.w3.org/2000/svg"
-        }, [
-          c("circle", {
-            cx: "8",
-            cy: "8",
-            r: "6",
-            stroke: "currentColor",
-            "stroke-width": "1.6",
-            "stroke-opacity": "0.25"
-          }),
-          c("path", {
-            d: "M14 8a6 6 0 0 0-6-6",
-            stroke: "currentColor",
-            "stroke-width": "1.6",
-            "stroke-linecap": "round"
-          })
-        ], -1)
-      ]))) : e.icon ? (r(), b("span", Fe, [
-        (r(), _(ve(e.icon)))
-      ])) : w("", !0),
-      e.$slots.default ? (r(), b("span", Pe, [
-        P(e.$slots, "default", {}, void 0, !0)
-      ])) : w("", !0)
-    ], 10, Ae));
-  }
-}), O = /* @__PURE__ */ K(Re, [["__scopeId", "data-v-25d59287"]]), Le = { class: "g-dialog-pro-header" }, Ve = { class: "g-dialog-pro-title" }, He = {
-  class: "g-dialog-pro-operation-container",
-  "aria-label": "弹窗操作"
-}, Ne = ["aria-label", "title"], We = { class: "g-dialog-pro-body" }, je = {
-  key: 0,
-  class: "g-dialog-pro-footer"
-}, xe = { class: "g-dialog-pro-actions" }, te = "关闭", Ke = /* @__PURE__ */ x({
-  name: "GDialogPro",
-  inheritAttrs: !1,
-  __name: "index",
-  props: {
-    title: { default: "" },
-    size: { default: "medium" },
-    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", "action", "update:modelValue"],
-  setup(l, { emit: m }) {
-    const a = l, s = m, p = d(() => a.modelValue), e = J ? J() : `g-dialog-pro-${Date.now()}-${Math.random().toString(36).slice(2)}`, i = Me(), u = k(!1), g = k(!0), v = k(0), o = k(!1), n = k(!1), B = k(!1), z = d(() => i ? i.dialogs.get(e)?.isMinimized ?? !1 : u.value), E = d(() => i ? i.dialogs.get(e)?.attentionTick ?? 0 : v.value), S = d(() => i ? !n.value : g.value), A = d(() => i ? i.getPosition(e).value : { right: 20, bottom: 20 });
-    ye(() => {
-      i?.register({
-        id: e,
-        title: a.title,
-        isMinimized: !1
-      }), document.addEventListener("keydown", U);
-    }), oe(() => {
-      i?.unregister(e), document.removeEventListener("keydown", U);
-    }), N(
-      () => a.title,
-      (t) => {
-        if (i) {
-          const C = i.dialogs.get(e);
-          C && (C.title = t);
-        }
-      }
-    ), N(
-      () => a.modelValue,
-      (t) => {
-        if (t === !1) {
-          if (o.value) return;
-          i ? (i.restore(e), n.value = !1) : (g.value = !0, u.value = !1);
-        }
-        t === !0 && (i?.dialogs.get(e)?.isMinimized ? i.remindMinimized(e) : u.value && (v.value += 1));
-      }
-    );
-    const y = d(() => Object.prototype.hasOwnProperty.call(ee, a.size) ? ee[a.size] : a.size), le = d(() => D.value ? {} : { width: y.value });
-    async function $(t) {
-      if (!a.beforeClose) return !0;
-      try {
-        return await a.beforeClose(t) !== !1;
-      } catch {
-        return !1;
-      }
-    }
-    async function G() {
-      await $("close") && s("update:modelValue", !1);
-    }
-    function se() {
-      G();
-    }
-    function U(t) {
-      t.key === "Escape" && (!a.modelValue || !S.value || z.value || (t.stopPropagation(), G()));
-    }
-    async function X() {
-      await $("cancel") && s("cancel");
-    }
-    function Y() {
-      s("reset");
-    }
-    async function Z() {
-      await $("save") && s("save");
-    }
-    const V = ie({});
-    async function re(t) {
-      if (await $("action") && (s("action", t.key), !!t.onClick))
-        try {
-          const C = t.onClick();
-          C instanceof Promise && (V[t.key] = !0, await C);
-        } finally {
-          V[t.key] = !1;
-        }
-    }
-    const D = k(!1), ce = () => {
-      D.value = !D.value;
-    }, q = d(() => D.value ? "退出全屏" : "全屏"), de = async () => {
-      if (!await $("minimize")) return;
-      if (i ? i.dialogs.get(e)?.isMinimized ?? !1 : u.value) {
-        i ? i.minimize(e) : v.value += 1, s("minimize", { id: e });
-        return;
-      }
-      o.value = !0, i ? i.minimize(e) : u.value = !0, s("update:modelValue", !1), s("minimize", { id: e });
-    }, ue = () => {
-      B.value = !0, o.value = !1, i ? (n.value = !1, i.restore(e)) : (g.value = !0, u.value = !1), s("update:modelValue", !0);
-    }, fe = () => {
-      o.value && (i ? n.value = !0 : g.value = !1, o.value = !1);
-    }, me = () => {
-      B.value = !1;
-    };
-    return (t, C) => (r(), _(ne, { to: "body" }, [
-      R(he, {
-        name: "g-dialog-pro-fade",
-        onAfterEnter: me,
-        onAfterLeave: fe
-      }, {
-        default: T(() => [
-          S.value && p.value ? (r(), b("div", {
-            key: 0,
-            class: "g-dialog-pro-overlay",
-            onClick: ke(se, ["self"])
-          }, [
-            c("div", _e(t.$attrs, {
-              class: ["g-dialog-pro", {
-                "is-fullscreen": D.value,
-                "is-leave-to-minimize": o.value,
-                "is-enter-from-minimize": B.value
-              }],
-              style: le.value,
-              role: "dialog",
-              "aria-modal": "true"
-            }), [
-              c("header", Le, [
-                c("p", Ve, M(t.title), 1),
-                c("div", He, [
-                  c("button", {
-                    type: "button",
-                    class: "g-dialog-pro-control g-dialog-pro-control--minimize",
-                    "aria-label": "最小化",
-                    title: "最小化",
-                    onClick: de
-                  }),
-                  c("button", {
-                    type: "button",
-                    class: "g-dialog-pro-control g-dialog-pro-control--fullscreen",
-                    "aria-label": q.value,
-                    title: q.value,
-                    onClick: ce
-                  }, null, 8, Ne),
-                  c("button", {
-                    type: "button",
-                    class: "g-dialog-pro-control g-dialog-pro-control--close",
-                    "aria-label": te,
-                    title: te,
-                    onClick: G
-                  })
-                ])
-              ]),
-              c("div", We, [
-                P(t.$slots, "default", {}, void 0, !0)
-              ]),
-              t.hideFooter ? w("", !0) : (r(), b("footer", je, [
-                P(t.$slots, "footer", {
-                  cancel: X,
-                  reset: Y,
-                  save: Z,
-                  close: G,
-                  loading: t.saveLoading
-                }, () => [
-                  c("div", xe, [
-                    t.actions && t.actions.length ? (r(!0), b(Q, { key: 0 }, we(t.actions, (h) => (r(), _(O, {
-                      key: h.key,
-                      type: h.type,
-                      icon: h.icon,
-                      loading: h.loading || V[h.key],
-                      disabled: h.disabled,
-                      plain: h.plain,
-                      size: "small",
-                      onClick: (Ue) => re(h)
-                    }, {
-                      default: T(() => [
-                        F(M(h.label), 1)
-                      ]),
-                      _: 2
-                    }, 1032, ["type", "icon", "loading", "disabled", "plain", "onClick"]))), 128)) : (r(), b(Q, { key: 1 }, [
-                      t.showCancel ? (r(), _(O, {
-                        key: 0,
-                        icon: I(Ie),
-                        size: "small",
-                        onClick: X
-                      }, {
-                        default: T(() => [
-                          F(M(t.cancelText), 1)
-                        ]),
-                        _: 1
-                      }, 8, ["icon"])) : w("", !0),
-                      t.showReset ? (r(), _(O, {
-                        key: 1,
-                        icon: I(Oe),
-                        size: "small",
-                        onClick: Y
-                      }, {
-                        default: T(() => [
-                          F(M(t.resetText), 1)
-                        ]),
-                        _: 1
-                      }, 8, ["icon"])) : w("", !0),
-                      t.showSave ? (r(), _(O, {
-                        key: 2,
-                        type: "primary",
-                        icon: I(Be),
-                        loading: t.saveLoading,
-                        disabled: t.saveDisabled,
-                        size: "small",
-                        onClick: Z
-                      }, {
-                        default: T(() => [
-                          F(M(t.saveText), 1)
-                        ]),
-                        _: 1
-                      }, 8, ["icon", "loading", "disabled"])) : w("", !0)
-                    ], 64)),
-                    P(t.$slots, "moreOperations", {}, void 0, !0)
-                  ])
-                ], !0)
-              ]))
-            ], 16)
-          ])) : w("", !0)
-        ]),
-        _: 3
-      }),
-      R(I(be), null, {
-        default: T(() => [
-          z.value ? (r(), _(j, {
-            key: 0,
-            title: t.title,
-            position: A.value,
-            "attention-tick": E.value,
-            onRestore: ue
-          }, null, 8, ["title", "position", "attention-tick"])) : w("", !0)
-        ]),
-        _: 1
-      })
-    ]));
-  }
-}), H = /* @__PURE__ */ K(Ke, [["__scopeId", "data-v-cac8c7e5"]]);
-H.install = (l) => {
-  l.component(H.name, H), l.component(j.name, j), l.component(O.name, O);
-};
-export {
-  Ee as ChatDotRound,
-  Be as CircleCheck,
-  Ce as DIALOG_MANAGER_KEY,
-  ee as DIALOG_SIZES,
-  O as GButton,
-  j as GDialogMinimizedIcon,
-  H as GDialogPro,
-  W as MINIMIZED_LAYOUT,
-  Oe as Refresh,
-  Ie as Remove,
-  Je as createDialogManager,
-  H as default,
-  Me as useDialogManager
-};

package/lib/components/GDialogPro/GDialogMinimizedIcon.d.ts

@@ -1,17 +0,0 @@
-import { DialogPosition } from './useDialogManager';
-interface Props {
-    /** 弹窗标题 */
-    title: string;
-    /** 图标位置 */
-    position: DialogPosition;
-    /** 提醒动画触发次数 */
-    attentionTick?: number;
-}
-declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    restore: () => any;
-}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
-    onRestore?: (() => any) | undefined;
-}>, {
-    attentionTick: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-export default _default;

package/lib/components/GDialogPro/const.d.ts

@@ -1,55 +0,0 @@
-import { Component, InjectionKey } from 'vue';
-import { DialogManager } from './useDialogManager';
-/**
- * 弹窗管理器注入键（GDialogPro 独立，不与 GDialog 共享）
- */
-export declare const DIALOG_MANAGER_KEY: InjectionKey<DialogManager>;
-/**
- * 预设对话框尺寸
- */
-export declare const DIALOG_SIZES: {
-    readonly small: "380px";
-    readonly medium: "480px";
-    readonly large: "580px";
-};
-/**
- * 关闭来源（用于 beforeClose 钩子）
- * - cancel：底部取消按钮
- * - close：标题栏关闭按钮 / ESC / 蒙层
- * - minimize：标题栏最小化按钮
- * - save：底部保存按钮
- * - action：自定义底部操作（actions 配置项）
- */
-export type DialogCloseAction = 'cancel' | 'close' | 'minimize' | 'save' | 'action';
-/**
- * 自定义底部操作按钮
- */
-export interface FooterAction {
-    /** 唯一标识，作为 emit('action', key) 的载荷 */
-    key: string;
-    /** 按钮文案 */
-    label: string;
-    /** 按钮类型（语义与常见 UI 库一致） */
-    type?: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'default' | 'text';
-    /** 按钮图标组件 */
-    icon?: Component;
-    /** loading 态 */
-    loading?: boolean;
-    /** 禁用态 */
-    disabled?: boolean;
-    /** 是否朴素按钮 */
-    plain?: boolean;
-    /** 点击回调（与 emit('action', key) 同时触发，回调返回 Promise 时按钮自动 loading） */
-    onClick?: () => void | Promise<void>;
-}
-/**
- * 最小化图标布局常量
- */
-export declare const MINIMIZED_LAYOUT: {
-    readonly ICON_WIDTH: 92;
-    readonly ICON_HEIGHT: 34;
-    readonly GAP: 8;
-    readonly BOTTOM_OFFSET: 18;
-    readonly RIGHT_OFFSET: 18;
-    readonly MAX_PER_ROW: 8;
-};