@done-coding/admin-core 0.1.4 → 0.2.1-alpha.0

package/es/components/misc/ActionBtn.vue.mjs

@@ -0,0 +1,117 @@
+import { defineComponent as A, getCurrentInstance as b, ref as s, computed as P, openBlock as g, createBlock as v, withCtx as f, createVNode as T, unref as k, mergeProps as B, renderSlot as C } from "vue";
+import { ElButton as h } from "element-plus";
+import w from "./ActionConfirm.vue.mjs";
+const E = /* @__PURE__ */ A({
+  inheritAttrs: !1,
+  __name: "ActionBtn",
+  props: {
+    size: {},
+    disabled: { type: Boolean },
+    type: {},
+    icon: {},
+    nativeType: {},
+    loadingIcon: {},
+    plain: { type: Boolean },
+    text: { type: Boolean },
+    link: { type: Boolean },
+    bg: { type: Boolean },
+    autofocus: { type: Boolean },
+    round: { type: Boolean },
+    circle: { type: Boolean },
+    dashed: { type: Boolean },
+    color: {},
+    dark: { type: Boolean },
+    autoInsertSpace: { type: Boolean },
+    tag: {},
+    confirmMode: {},
+    confirmConfig: {}
+  },
+  emits: ["click"],
+  setup(x) {
+    const t = x, n = b(), u = s(), r = s(!1), a = s(!1);
+    let p;
+    const m = P(() => {
+      const e = t, o = {}, l = [
+        "type",
+        "size",
+        "plain",
+        "text",
+        "bg",
+        "link",
+        "round",
+        "circle",
+        "color",
+        "dark",
+        "disabled",
+        "autofocus",
+        "nativeType",
+        "autoInsertSpace",
+        "tag",
+        "icon",
+        "loadingIcon"
+      ];
+      for (const i of l) e[i] !== void 0 && (o[i] = e[i]);
+      return { ...n == null ? void 0 : n.attrs, ...o };
+    }), _ = (e) => !!e && typeof e.then == "function", I = () => {
+      var o;
+      const e = (o = n == null ? void 0 : n.vnode.props) == null ? void 0 : o.onClick;
+      return e ? Array.isArray(e) ? e : [e] : [];
+    }, d = () => {
+      const e = I();
+      if (!e.length) return;
+      const o = p;
+      let l;
+      try {
+        l = e.map((c) => c(o));
+      } catch (c) {
+        throw r.value = !1, c;
+      }
+      const i = l.filter(_);
+      if (i.length)
+        return r.value = !0, Promise.all(i).finally(() => {
+          r.value = !1;
+        });
+    }, y = (e) => {
+      var o;
+      r.value || a.value || (p = e, t.confirmConfig ? (a.value = !0, Promise.resolve((o = u.value) == null ? void 0 : o.run()).finally(() => {
+        a.value = !1;
+      })) : d());
+    };
+    return (e, o) => t.confirmConfig ? (g(), v(w, {
+      key: 0,
+      ref_key: "confirmRef",
+      ref: u,
+      mode: t.confirmMode || "popconfirm",
+      title: t.confirmConfig.title,
+      content: t.confirmConfig.content,
+      "confirm-text": t.confirmConfig.confirmText,
+      "cancel-text": t.confirmConfig.cancelText,
+      type: t.confirmConfig.type,
+      action: d
+    }, {
+      default: f(() => [
+        T(k(h), B(m.value, {
+          loading: r.value,
+          onClick: y
+        }), {
+          default: f(() => [
+            C(e.$slots, "default")
+          ]),
+          _: 3
+        }, 16, ["loading"])
+      ]),
+      _: 3
+    }, 8, ["mode", "title", "content", "confirm-text", "cancel-text", "type"])) : (g(), v(k(h), B({ key: 1 }, m.value, {
+      loading: r.value,
+      onClick: y
+    }), {
+      default: f(() => [
+        C(e.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["loading"]));
+  }
+});
+export {
+  E as default
+};

package/es/components/misc/ActionBtn.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./ActionBtn.vue.mjs";
+export {
+  f as default
+};

package/es/components/misc/ActionConfirm.vue.mjs

@@ -0,0 +1,7 @@
+import o from "./ActionConfirm.vue2.mjs";
+/* empty css                    */
+import t from "../../_virtual/_plugin-vue_export-helper.mjs";
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1003e4cb"]]);
+export {
+  f as default
+};

package/es/components/misc/ActionConfirm.vue2.mjs

@@ -0,0 +1,113 @@
+import { defineComponent as S, ref as _, computed as x, openBlock as i, createBlock as u, unref as f, withCtx as s, createElementVNode as g, createElementBlock as C, resolveDynamicComponent as w, createCommentVNode as T, createVNode as h, createTextVNode as k, toDisplayString as B, renderSlot as N, h as b } from "vue";
+import { ElPopover as $, ElButton as E, ElMessageBox as j } from "element-plus";
+const q = { class: "action-confirm" }, F = {
+  key: 0,
+  class: "action-confirm__title"
+}, G = {
+  key: 1,
+  class: "action-confirm__content"
+}, H = { class: "action-confirm__actions" }, O = /* @__PURE__ */ S({
+  __name: "ActionConfirm",
+  props: {
+    mode: {},
+    title: {},
+    content: {},
+    confirmText: { default: "确定" },
+    cancelText: { default: "取消" },
+    type: {},
+    action: {}
+  },
+  setup(a, { expose: P }) {
+    const e = a, c = _(!1), l = _(!1);
+    let n = null;
+    const r = (t) => {
+      if (t != null)
+        return typeof t == "function" ? t() : t;
+    }, m = (t) => {
+      if (!(t == null || t === ""))
+        return typeof t == "string" ? () => b("span", t) : () => t;
+    }, d = x(() => m(r(e.title))), y = x(() => m(r(e.content))), V = async () => {
+      l.value = !0;
+      try {
+        await Promise.resolve(e.action());
+      } finally {
+        l.value = !1;
+      }
+    }, z = async () => {
+      await V(), c.value = !1, n == null || n(!0), n = null;
+    }, A = () => {
+      c.value = !1, n == null || n(!1), n = null;
+    }, D = async () => {
+      const t = r(e.title), o = r(e.content), L = typeof o == "string" ? o : o ? b("div", o) : "";
+      try {
+        return await j.confirm(L, {
+          title: typeof t == "string" ? t : void 0,
+          confirmButtonText: e.confirmText,
+          cancelButtonText: e.cancelText,
+          type: e.type === "danger" ? "warning" : void 0,
+          beforeClose: async (M, v, p) => {
+            if (M !== "confirm") return p();
+            v.confirmButtonLoading = !0;
+            try {
+              await Promise.resolve(e.action());
+            } finally {
+              v.confirmButtonLoading = !1;
+            }
+            p();
+          }
+        }), !0;
+      } catch {
+        return !1;
+      }
+    };
+    return P({ run: () => e.mode === "messageConfirm" ? D() : (c.value = !0, new Promise((t) => {
+      n = t;
+    })) }), (t, o) => e.mode === "popconfirm" ? (i(), u(f($), {
+      key: 0,
+      visible: c.value,
+      width: 240,
+      persistent: !1
+    }, {
+      reference: s(() => [
+        N(t.$slots, "default", {}, void 0, !0)
+      ]),
+      default: s(() => [
+        g("div", q, [
+          d.value ? (i(), C("div", F, [
+            (i(), u(w(d.value)))
+          ])) : T("", !0),
+          y.value ? (i(), C("div", G, [
+            (i(), u(w(y.value)))
+          ])) : T("", !0),
+          g("div", H, [
+            h(f(E), {
+              size: "small",
+              disabled: l.value,
+              onClick: A
+            }, {
+              default: s(() => [
+                k(B(a.cancelText), 1)
+              ]),
+              _: 1
+            }, 8, ["disabled"]),
+            h(f(E), {
+              size: "small",
+              type: a.type,
+              loading: l.value,
+              onClick: z
+            }, {
+              default: s(() => [
+                k(B(a.confirmText), 1)
+              ]),
+              _: 1
+            }, 8, ["type", "loading"])
+          ])
+        ])
+      ]),
+      _: 3
+    }, 8, ["visible"])) : N(t.$slots, "default", { key: 1 }, void 0, !0);
+  }
+});
+export {
+  O as default
+};

package/es/components/misc/index.mjs

@@ -3,24 +3,30 @@ import i from "./AutoRefresh.vue.mjs";
 import m from "./ActionButton.vue.mjs";
 import c from "./ActionButtonDanger.vue.mjs";
 import s from "./ActionButtonWarn.vue.mjs";
-const a = {
+import a from "./ActionBtn.vue.mjs";
+import f from "./ActionConfirm.vue.mjs";
+const e = {
   TriggerAutoImport: r,
   AutoRefresh: i,
   ActionButton: m,
   ActionButtonDanger: c,
-  ActionButtonWarn: s
-}, _ = {
+  ActionButtonWarn: s,
+  ActionBtn: a,
+  ActionConfirm: f
+}, $ = {
   install(t) {
-    Object.entries(a).forEach(([o, n]) => {
+    Object.entries(e).forEach(([o, n]) => {
       t.component(o, n);
     });
   }
 };
 export {
+  a as ActionBtn,
   m as ActionButton,
   c as ActionButtonDanger,
   s as ActionButtonWarn,
+  f as ActionConfirm,
   i as AutoRefresh,
   r as TriggerAutoImport,
-  _ as miscInstall
+  $ as miscInstall
 };

package/es/components/modal/ModalPorter.vue.mjs

@@ -0,0 +1,52 @@
+import { defineComponent as S, getCurrentInstance as h, inject as c, renderSlot as v } from "vue";
+import { getModalShelfInjectionKey as u } from "../../inject/key.mjs";
+import { useActivatedEvent as y } from "../../hooks/activated.mjs";
+const k = /* @__PURE__ */ S({
+  __name: "ModalPorter",
+  props: {
+    modalList: {}
+  },
+  setup(i, { expose: p }) {
+    var s;
+    const o = i, f = ((s = h()) == null ? void 0 : s.uid) ?? Math.floor(Math.random() * 1e9), d = {
+      app: c(u("app"), null),
+      page: c(u("page"), null)
+    };
+    function a(e) {
+      return `p${f}:${e}`;
+    }
+    function l(e) {
+      if (e === "app" || e === "page") {
+        const t = d[e];
+        return t || (console.error(`[ModalPorter] 未找到 level="${e}" 的 ModalShelf`), null);
+      }
+      return e;
+    }
+    function m(e, t) {
+      const r = o.modalList.find((g) => g.key === e);
+      if (!r)
+        return console.error(`[ModalPorter] 未配置的弹窗 key: ${String(e)}`), null;
+      const n = l(r.shelf);
+      return n ? n.evoke(a(String(e)), r.component, {
+        payload: t,
+        sameKeyStrategy: r.sameKeyStrategy
+      }) : null;
+    }
+    return y(
+      () => {
+      },
+      () => {
+        const e = /* @__PURE__ */ new Map();
+        o.modalList.forEach((t) => {
+          const r = l(t.shelf);
+          if (!r) return;
+          const n = e.get(r) ?? [];
+          n.push(a(String(t.key))), e.set(r, n);
+        }), e.forEach((t, r) => r.remove(t));
+      }
+    ), p({ evoke: m }), (e, t) => v(e.$slots, "default");
+  }
+});
+export {
+  k as default
+};

package/es/components/modal/ModalPorter.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./ModalPorter.vue.mjs";
+export {
+  f as default
+};

package/es/components/modal/ModalShelf.vue.mjs

@@ -0,0 +1,38 @@
+import { defineComponent as h, provide as v, onMounted as y, inject as a, openBlock as s, createElementBlock as c, Fragment as u, renderSlot as w, renderList as C, unref as l, createBlock as F, resolveDynamicComponent as _, defineAsyncComponent as k } from "vue";
+import { createShelfController as S } from "./modal-shelf-core.mjs";
+import { assertLevelHierarchy as g } from "./modal-shelf-hierarchy.mjs";
+import { getModalShelfInjectionKey as p } from "../../inject/key.mjs";
+const E = /* @__PURE__ */ h({
+  __name: "ModalShelf",
+  props: {
+    level: {}
+  },
+  setup(f, { expose: m }) {
+    const r = f.level, n = S(r);
+    m(n), v(p(r), n);
+    function d(o) {
+      return typeof o == "function" ? k(o) : o;
+    }
+    return y(() => {
+      const o = [];
+      ["app", "page", "custom"].forEach((e) => {
+        e !== r && a(p(e), null) && o.push(e);
+      });
+      const t = a(p(r), null);
+      t && t !== n && o.push(r), g(r, o);
+    }), (o, t) => (s(), c(u, null, [
+      w(o.$slots, "default"),
+      (s(!0), c(u, null, C(l(n).items.value, (e) => (s(), F(_(d(e.component)), {
+        key: e.id,
+        show: e.show,
+        payload: e.payload,
+        closeFn: () => l(n).close(e),
+        removeFn: () => l(n).remove(e.nsKey),
+        "onUpdate:show": (i) => !i && l(n).close(e)
+      }, null, 40, ["show", "payload", "closeFn", "removeFn", "onUpdate:show"]))), 128))
+    ], 64));
+  }
+});
+export {
+  E as default
+};

package/es/components/modal/ModalShelf.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./ModalShelf.vue.mjs";
+export {
+  f as default
+};

package/es/components/modal/index.mjs

@@ -1,17 +1,23 @@
-import n from "./ConfirmModal.vue.mjs";
-import l from "./DetailModal.vue.mjs";
-const m = {
-  ConfirmModal: n,
-  DetailModal: l
-}, r = {
+import l from "./ConfirmModal.vue.mjs";
+import r from "./DetailModal.vue.mjs";
+import m from "./ModalShelf.vue.mjs";
+import n from "./ModalPorter.vue.mjs";
+const e = {
+  ConfirmModal: l,
+  DetailModal: r,
+  ModalShelf: m,
+  ModalPorter: n
+}, d = {
   install(o) {
-    Object.entries(m).forEach(([t, a]) => {
-      o.component(t, a);
+    Object.entries(e).forEach(([a, t]) => {
+      o.component(a, t);
     });
   }
 };
 export {
-  n as ConfirmModal,
-  l as DetailModal,
-  r as modalInstall
+  l as ConfirmModal,
+  r as DetailModal,
+  n as ModalPorter,
+  m as ModalShelf,
+  d as modalInstall
 };

package/es/components/modal/modal-shelf-core.mjs

@@ -0,0 +1,52 @@
+import { ref as h } from "vue";
+const x = 300;
+function g(s) {
+  let l = 0;
+  const r = h([]);
+  function d(e) {
+    return r.value.findIndex((t) => t.nsKey === e);
+  }
+  function u(e) {
+    e.timer !== void 0 && (clearTimeout(e.timer), e.timer = void 0);
+  }
+  function a(e) {
+    (Array.isArray(e) ? e : [e]).forEach((i) => {
+      const n = d(i);
+      n > -1 && (u(r.value[n]), r.value.splice(n, 1));
+    });
+  }
+  function c(e) {
+    const t = r.value.find((i) => i.id === e.id);
+    t && t.timer === void 0 && (t.show = !1, t.timer = setTimeout(() => {
+      const i = r.value.findIndex((n) => n.id === e.id);
+      i > -1 && r.value.splice(i, 1);
+    }, x));
+  }
+  function f(e) {
+    return {
+      close: () => {
+        const t = r.value.find((i) => i.nsKey === e);
+        t && c(t);
+      },
+      update: (t) => {
+        const i = r.value.find((n) => n.nsKey === e);
+        i && (i.payload = { ...i.payload, ...t });
+      }
+    };
+  }
+  function v(e, t, i) {
+    const { payload: n, sameKeyStrategy: m = "recreate" } = i;
+    if (m === "update") {
+      const o = r.value.find((y) => y.nsKey === e);
+      if (o)
+        return u(o), o.show = !0, o.payload = n, f(e);
+    }
+    a(e);
+    const p = { id: ++l, nsKey: e, component: t, payload: n, show: !0 };
+    return r.value.push(p), f(e);
+  }
+  return { level: s, items: r, evoke: v, remove: a, close: c };
+}
+export {
+  g as createShelfController
+};

package/es/components/modal/modal-shelf-hierarchy.mjs

@@ -0,0 +1,21 @@
+function l(o, e) {
+  if (o === "app" && e.length > 0) {
+    console.error(
+      `[ModalShelf] level="app" 必须最顶层，但其上存在: ${e.join(
+        ", "
+      )}`
+    );
+    return;
+  }
+  if (o === "page") {
+    const r = e.filter((a) => a === "page" || a === "custom");
+    r.length > 0 && console.error(
+      `[ModalShelf] level="page" 之上不得套 page/custom，发现: ${r.join(
+        ", "
+      )}`
+    );
+  }
+}
+export {
+  l as assertLevelHierarchy
+};

package/es/components/panel/PanelEditSwitch.vue.mjs

@@ -0,0 +1,7 @@
+import t from "./PanelEditSwitch.vue2.mjs";
+/* empty css                      */
+import o from "../../_virtual/_plugin-vue_export-helper.mjs";
+const i = /* @__PURE__ */ o(t, [["__scopeId", "data-v-ea2a07d5"]]);
+export {
+  i as default
+};

package/es/components/panel/PanelEditSwitch.vue2.mjs

@@ -0,0 +1,93 @@
+import { ElButton as E } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/button/style/css";
+import { defineComponent as h, ref as d, watch as B, openBlock as u, createElementBlock as f, unref as m, createBlock as C, withCtx as c, createTextVNode as p, createCommentVNode as S, renderSlot as v, Fragment as N, createElementVNode as P, createVNode as g } from "vue";
+import V from "lodash/cloneDeep";
+const $ = { class: "panel-edit-switch-actions" }, j = /* @__PURE__ */ h({
+  name: "PanelEditSwitch",
+  __name: "PanelEditSwitch",
+  props: {
+    data: {},
+    editing: { type: Boolean },
+    submitFn: { type: Function }
+  },
+  emits: ["update:editing", "submitFinish"],
+  setup(a, { emit: b }) {
+    const o = a, i = b, s = d(!1), l = d(!1), n = d({});
+    B(
+      () => o.editing,
+      (t, e) => {
+        t && !e && (n.value = V(o.data));
+      },
+      { immediate: !0 }
+    );
+    const y = () => {
+      i("update:editing", !0);
+    }, k = () => {
+      i("update:editing", !1);
+    }, w = async () => {
+      if (!o.submitFn) {
+        console.error("[PanelEditSwitch] editable 项缺少 submitFn，无法提交");
+        return;
+      }
+      l.value = !0;
+      try {
+        await o.submitFn(n.value), i("submitFinish", !0, n.value), i("update:editing", !1);
+      } catch (t) {
+        console.error("[PanelEditSwitch] submitFn 失败", t), i("submitFinish", !1, n.value);
+      } finally {
+        l.value = !1;
+      }
+    };
+    return (t, e) => {
+      const r = E;
+      return u(), f("div", {
+        class: "panel-edit-switch",
+        onMouseenter: e[0] || (e[0] = (F) => s.value = !0),
+        onMouseleave: e[1] || (e[1] = (F) => s.value = !1)
+      }, [
+        !a.editing && m(s) ? (u(), C(r, {
+          key: 0,
+          class: "panel-edit-switch-edit-btn",
+          type: "primary",
+          link: "",
+          size: "small",
+          onClick: y
+        }, {
+          default: c(() => [...e[2] || (e[2] = [
+            p("编辑", -1)
+          ])]),
+          _: 1
+        })) : S("", !0),
+        a.editing ? (u(), f(N, { key: 2 }, [
+          v(t.$slots, "editor", { data: m(n) }, void 0, !0),
+          P("div", $, [
+            g(r, {
+              size: "small",
+              onClick: k
+            }, {
+              default: c(() => [...e[3] || (e[3] = [
+                p("取消", -1)
+              ])]),
+              _: 1
+            }),
+            g(r, {
+              type: "primary",
+              size: "small",
+              loading: m(l),
+              onClick: w
+            }, {
+              default: c(() => [...e[4] || (e[4] = [
+                p("提交", -1)
+              ])]),
+              _: 1
+            }, 8, ["loading"])
+          ])
+        ], 64)) : v(t.$slots, "default", { key: 1 }, void 0, !0)
+      ], 32);
+    };
+  }
+});
+export {
+  j as default
+};

package/es/components/panel/PanelItem.vue.mjs

@@ -0,0 +1,54 @@
+import { defineComponent as P, computed as c, unref as r, openBlock as n, createElementBlock as f, Fragment as w, toDisplayString as k, createBlock as l, resolveDynamicComponent as u, normalizeProps as g, mergeProps as m, withCtx as h } from "vue";
+import S from "./PanelEditSwitch.vue.mjs";
+const x = { key: 0 }, C = { key: 0 }, E = { key: 0 }, I = /* @__PURE__ */ P({
+  name: "PanelItem",
+  __name: "PanelItem",
+  props: {
+    data: {},
+    config: {},
+    editing: { type: Boolean }
+  },
+  emits: ["update:editing", "submitFinish", "refresh"],
+  setup(e, { emit: b }) {
+    const t = e, o = b, a = c(() => ({
+      data: t.data,
+      value: t.data[t.config.key],
+      config: t.config,
+      refresh: () => o("refresh")
+    })), p = c(() => {
+      const { editable: i } = t.config;
+      return typeof i == "function" ? !!i(a.value) : !!i;
+    }), v = c(() => String(a.value.value ?? "")), y = c(() => ({
+      data: a.value.data,
+      value: a.value.value,
+      config: a.value.config,
+      refresh: () => o("refresh"),
+      onRefresh: () => o("refresh")
+    })), B = (i) => ({
+      data: i,
+      value: i[t.config.key],
+      config: t.config
+    });
+    return (i, s) => r(p) ? (n(), l(S, {
+      key: 1,
+      data: e.data,
+      editing: e.editing,
+      "submit-fn": e.config.submitFn,
+      "onUpdate:editing": s[0] || (s[0] = (d) => o("update:editing", d)),
+      onSubmitFinish: s[1] || (s[1] = (d, F) => o("submitFinish", d, F))
+    }, {
+      editor: h(({ data: d }) => [
+        e.config.editorRender === void 0 ? (n(), f("span", E)) : (n(), l(u(e.config.editorRender), g(m({ key: 1 }, B(d))), null, 16))
+      ]),
+      default: h(() => [
+        e.config.render === void 0 ? (n(), f("span", C, k(r(v)), 1)) : (n(), l(u(e.config.render), g(m({ key: 1 }, r(y))), null, 16))
+      ]),
+      _: 1
+    }, 8, ["data", "editing", "submit-fn"])) : (n(), f(w, { key: 0 }, [
+      e.config.render === void 0 ? (n(), f("span", x, k(r(v)), 1)) : (n(), l(u(e.config.render), g(m({ key: 1 }, r(y))), null, 16))
+    ], 64));
+  }
+});
+export {
+  I as default
+};

package/es/components/panel/PanelItem.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./PanelItem.vue.mjs";
+export {
+  f as default
+};