@done-coding/admin-core 0.0.1-alpha.0

package/es/components/list-page/ListPage.vue2.mjs

@@ -0,0 +1,194 @@
+import { ElLoadingDirective as W } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/loading/style/css";
+import { defineComponent as Y, useCssVars as U, unref as t, ref as c, shallowRef as k, inject as X, computed as n, watch as Z, withDirectives as ee, openBlock as D, createElementBlock as re, createVNode as F, mergeProps as v, createSlots as P, renderList as y, withCtx as g, renderSlot as m, normalizeProps as T, guardReactiveProps as $, createBlock as te, createCommentVNode as ae } from "vue";
+import oe from "../form/FormSearch.vue.mjs";
+import { generateFormData as ne, stringifyFormData as se } from "../form/utils.mjs";
+import ie from "../display/WatchSize.vue.mjs";
+import le from "../table/TableMain.vue.mjs";
+import ue from "lodash/pick";
+import ce from "lodash/cloneDeep";
+import { BODY_CONTENT_VIEWPORT_HEIGHT as fe } from "../../inject/key.mjs";
+const he = {
+  "element-loading-background": "rgba(122, 122, 122, 0.5)",
+  class: "list-page"
+}, Oe = /* @__PURE__ */ Y({
+  __name: "ListPage",
+  props: {
+    staticQuery: { default: () => ({}) },
+    formSearchProps: {},
+    columns: {},
+    rowKey: {},
+    refine: { type: Boolean, default: !0 },
+    refineReduceHeight: { default: 0 },
+    tableMainProps: {},
+    showOperation: { type: Boolean, default: !1 },
+    list: { default: () => [] },
+    api: {},
+    query: {},
+    injectInfo: {},
+    beforeSearch: {},
+    clearTableFilterOnReset: { type: Boolean }
+  },
+  setup(s, { expose: I }) {
+    U((e) => ({
+      v20e95162: t(E)
+    }));
+    const a = s, d = c({}), p = c(
+      {}
+    ), S = c(!1), i = k(), u = k(), M = X(
+      fe,
+      500
+    ), b = c(0), H = c(0), x = n(() => ({
+      ...p.value,
+      ...a.staticQuery
+    })), w = c(!1), V = n(() => w.value ? b.value + 10 : 0), B = n(() => a.showOperation ? H.value + 10 : 0), C = n(() => M.value - a.refineReduceHeight), E = n(() => a.refine ? `${C.value}px` : "auto"), K = n(() => a.refine ? Math.max(
+      C.value - V.value - B.value,
+      200
+    ) : void 0), O = (e, r = "search") => {
+      var o, l, h;
+      let f = e;
+      if (a.beforeSearch && (f = a.beforeSearch(
+        ce(e),
+        r
+      )), r === "reset" && a.clearTableFilterOnReset && ((l = (o = u.value) == null ? void 0 : o.getTableInstance()) == null || l.clearFilter()), JSON.stringify(f) === JSON.stringify(p.value))
+        return ["reset", "search"].includes(r) ? (h = u.value) == null ? void 0 : h.reload() : void 0;
+      p.value = {
+        ...f
+      };
+    }, N = (e) => {
+      S.value = e;
+    }, q = (e) => {
+      b.value = e;
+    }, L = (e) => {
+      H.value = e;
+    }, A = n(() => a.list), _ = n(() => a.rowKey), R = n(() => d.value), j = {
+      refresh: (e = !1) => {
+        var r;
+        return (r = u.value) == null ? void 0 : r.refresh(e);
+      },
+      reload: (e = !1) => {
+        var r;
+        return (r = u.value) == null ? void 0 : r.reload(e);
+      },
+      getTableInstance: () => {
+        var e;
+        return (e = u.value) == null ? void 0 : e.getTableInstance();
+      },
+      validate: () => {
+        if (i.value)
+          return i.value.validate();
+        throw new Error("实例化未完成");
+      },
+      resetFields: () => {
+        var e;
+        return (e = i.value) == null ? void 0 : e.resetFields();
+      },
+      clearValidate: (e) => {
+        var r;
+        return (r = i.value) == null ? void 0 : r.clearValidate(e);
+      },
+      triggerReset: () => {
+        var e;
+        return (e = i.value) == null ? void 0 : e.triggerReset();
+      },
+      triggerSearch: () => {
+        var e;
+        return (e = i.value) == null ? void 0 : e.triggerSearch();
+      },
+      update: (e, r) => {
+        d.value[e] = r;
+      }
+    }, J = n(() => {
+      const e = ue(j, [
+        "triggerReset",
+        "triggerSearch",
+        "update"
+      ]);
+      return {
+        ...a.injectInfo || {},
+        ...e
+      };
+    }), Q = (e) => e, z = (e) => e, G = (e) => {
+      w.value = e;
+    };
+    return I(j), Z(
+      () => a.list,
+      (e) => {
+        const r = ne(e);
+        d.value = r, O(se(r, e));
+      },
+      {
+        immediate: !0
+      }
+    ), (e, r) => {
+      const f = W;
+      return ee((D(), re("div", he, [
+        F(t(oe), v({
+          ref_key: "formSearch",
+          ref: i,
+          list: t(A),
+          data: t(R)
+        }, s.formSearchProps, {
+          onSearch: O,
+          onHeightChange: q,
+          onVisibleChange: G
+        }), P({ _: 2 }, [
+          y(s.list, (o) => ({
+            name: o.key,
+            fn: g((l) => [
+              m(e.$slots, `form-${o.key}`, T($(l)), void 0, !0)
+            ])
+          }))
+        ]), 1040, ["list", "data"]),
+        s.showOperation ? (D(), te(t(ie), {
+          key: 0,
+          class: "list-page-operation",
+          onHeightChange: L
+        }, {
+          default: g(() => [
+            m(e.$slots, "operation", {}, void 0, !0)
+          ]),
+          _: 3
+        })) : ae("", !0),
+        F(t(le), v({
+          ref_key: "tableMain",
+          ref: u,
+          api: s.api,
+          columns: s.columns,
+          query: t(x),
+          maxHeight: t(K),
+          rowKey: t(_)
+        }, s.tableMainProps, {
+          refine: !1,
+          injectInfo: t(J),
+          onLoadingChange: N
+        }), P({ _: 2 }, [
+          y(s.columns, (o) => ({
+            name: o.prop,
+            fn: g((l) => [
+              m(e.$slots, `table-${o.prop}`, T($(Q(l))), void 0, !0)
+            ])
+          })),
+          y(s.columns, (o) => ({
+            name: `header-${o.prop}`,
+            fn: g((l) => {
+              var h;
+              return [
+                m(e.$slots, `table-header-${o.columnKey || o.prop}`, v(z(l), {
+                  searchFormData: t(R),
+                  triggerSearch: (h = t(i)) == null ? void 0 : h.triggerSearch
+                }), void 0, !0)
+              ];
+            })
+          }))
+        ]), 1040, ["api", "columns", "query", "maxHeight", "rowKey", "injectInfo"])
+      ])), [
+        [f, t(S)]
+      ]);
+    };
+  }
+});
+export {
+  Oe as default
+};

package/es/components/list-page/index.mjs

@@ -0,0 +1,14 @@
+import e from "./ListPage.vue.mjs";
+const s = {
+  ListPage: e
+}, a = {
+  install(t) {
+    Object.entries(s).forEach(([o, n]) => {
+      t.component(o, n);
+    });
+  }
+};
+export {
+  e as ListPage,
+  a as listPageInstall
+};

package/es/components/menu/MenuItemSub.vue.mjs

@@ -0,0 +1,60 @@
+import { ElSubMenu as p, ElMenuItem as M, ElIcon as S } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/sub-menu/style/css";
+import "element-plus/es/components/menu-item/style/css";
+import "element-plus/es/components/icon/style/css";
+import { defineComponent as b, openBlock as e, createBlock as u, withCtx as m, createElementBlock as l, Fragment as c, renderList as h, unref as k, resolveDynamicComponent as r, createCommentVNode as a, createElementVNode as i, toDisplayString as d } from "vue";
+const D = /* @__PURE__ */ b({
+  __name: "MenuItemSub",
+  props: {
+    menu: {},
+    MenuItemSub: {}
+  },
+  setup(n) {
+    return (E, s) => {
+      const o = S, I = M, f = p;
+      return e(), u(f, {
+        index: n.menu.path
+      }, {
+        title: m(() => [
+          n.menu.menuIcon ? (e(), u(o, { key: 0 }, {
+            default: m(() => [
+              (e(), u(r(n.menu.menuIcon)))
+            ]),
+            _: 1
+          })) : a("", !0),
+          i("span", null, d(n.menu.title), 1)
+        ]),
+        default: m(() => [
+          (e(!0), l(c, null, h(n.menu.children, (t) => (e(), l(c, {
+            key: t.path
+          }, [
+            t.children.length ? (e(), u(k(n.MenuItemSub), {
+              key: 0,
+              menu: t,
+              MenuItemSub: n.MenuItemSub
+            }, null, 8, ["menu", "MenuItemSub"])) : (e(), u(I, {
+              key: 1,
+              index: t.path
+            }, {
+              default: m(() => [
+                t.menuIcon ? (e(), u(o, { key: 0 }, {
+                  default: m(() => [
+                    (e(), u(r(t.menuIcon)))
+                  ]),
+                  _: 2
+                }, 1024)) : a("", !0),
+                i("span", null, d(t.title), 1)
+              ]),
+              _: 2
+            }, 1032, ["index"]))
+          ], 64))), 128))
+        ]),
+        _: 1
+      }, 8, ["index"]);
+    };
+  }
+});
+export {
+  D as default
+};

package/es/components/menu/MenuItemSub.vue2.mjs

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

package/es/components/menu/MenuTree.vue.mjs

@@ -0,0 +1,87 @@
+import { ElMenu as I, ElMenuItem as B, ElIcon as C } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/menu/style/css";
+import "element-plus/es/components/menu-item/style/css";
+import "element-plus/es/components/icon/style/css";
+import { defineComponent as P, ref as v, useAttrs as x, computed as g, openBlock as l, createBlock as c, mergeProps as L, unref as S, withCtx as m, createElementBlock as d, Fragment as h, renderList as w, resolveDynamicComponent as A, createCommentVNode as D, createElementVNode as F, toDisplayString as N } from "vue";
+import _ from "./MenuItemSub.vue.mjs";
+import { useRoute as R } from "vue-router";
+const H = /* @__PURE__ */ P({
+  __name: "MenuTree",
+  props: {
+    menus: {},
+    menuFlatList: {},
+    routerMode: { type: Boolean },
+    collapse: { type: Boolean },
+    autoClose: { type: Boolean }
+  },
+  setup(s, { expose: M }) {
+    const p = s, u = v(), y = R(), i = x(), E = g(() => p.routerMode ? {
+      ...i,
+      defaultActive: y.path
+    } : i);
+    M({
+      open: (o) => {
+        var e;
+        return (e = u.value) == null ? void 0 : e.open(o);
+      },
+      close: (o) => {
+        var e;
+        return (e = u.value) == null ? void 0 : e.close(o);
+      }
+    });
+    const f = (o, e, r) => {
+      const n = e.find((a) => a.path === o);
+      return n != null && n.parentPath ? (r.unshift(n.parentPath), f(n.parentPath, e, r)) : r;
+    }, k = (o) => {
+      const { autoClose: e } = p;
+      if (e) {
+        const { menuFlatList: r } = p, n = f(o, r, [o]);
+        r.forEach((a) => {
+          var t;
+          n.includes(a.path) || (t = u.value) == null || t.close(a.path);
+        });
+      }
+    };
+    return (o, e) => {
+      const r = C, n = B, a = I;
+      return l(), c(a, L(S(E), {
+        ref_key: "elMenu",
+        ref: u,
+        collapse: s.collapse,
+        router: s.routerMode,
+        onSelect: k
+      }), {
+        default: m(() => [
+          (l(!0), d(h, null, w(s.menus, (t) => (l(), d(h, {
+            key: t.path
+          }, [
+            t.children.length ? (l(), c(_, {
+              key: 0,
+              menu: t,
+              MenuItemSub: _
+            }, null, 8, ["menu"])) : (l(), c(n, {
+              key: 1,
+              index: t.path
+            }, {
+              default: m(() => [
+                t.menuIcon ? (l(), c(r, { key: 0 }, {
+                  default: m(() => [
+                    (l(), c(A(t.menuIcon)))
+                  ]),
+                  _: 2
+                }, 1024)) : D("", !0),
+                F("span", null, N(t.title), 1)
+              ]),
+              _: 2
+            }, 1032, ["index"]))
+          ], 64))), 128))
+        ]),
+        _: 1
+      }, 16, ["collapse", "router"]);
+    };
+  }
+});
+export {
+  H as default
+};

package/es/components/menu/MenuTree.vue2.mjs

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

package/es/components/menu/index.mjs

@@ -0,0 +1,12 @@
+import t from "./MenuTree.vue.mjs";
+const s = { MenuTree: t }, r = {
+  install(e) {
+    Object.entries(s).forEach(([n, o]) => {
+      e.component(n, o);
+    });
+  }
+};
+export {
+  t as MenuTree,
+  r as menuInstall
+};

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

@@ -0,0 +1,10 @@
+import { defineComponent as e, createCommentVNode as t } from "vue";
+const _ = /* @__PURE__ */ e({
+  __name: "TriggerAutoImport",
+  setup(r) {
+    return (o, n) => t("", !0);
+  }
+});
+export {
+  _ as default
+};

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

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

package/es/components/misc/index.mjs

@@ -0,0 +1,12 @@
+import n from "./TriggerAutoImport.vue.mjs";
+const s = { TriggerAutoImport: n }, e = {
+  install(o) {
+    Object.entries(s).forEach(([t, r]) => {
+      o.component(t, r);
+    });
+  }
+};
+export {
+  n as TriggerAutoImport,
+  e as miscInstall
+};

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

@@ -0,0 +1,8 @@
+import o from "./ConfirmModal.vue2.mjs";
+/* empty css                   */
+/* empty css                   */
+import r from "../../_virtual/_plugin-vue_export-helper.mjs";
+const a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-2f0c870e"]]);
+export {
+  a as default
+};

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

@@ -0,0 +1,141 @@
+import { ElDialog as N, ElButton as O, ElIcon as S } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/dialog/style/css";
+import "element-plus/es/components/icon/style/css";
+import "element-plus/es/components/button/style/css";
+import { defineComponent as V, ref as $, computed as F, openBlock as l, createBlock as i, withCtx as r, createElementVNode as c, renderSlot as u, resolveDynamicComponent as w, createElementBlock as m, Fragment as B, createTextVNode as d, toDisplayString as f, unref as y, createCommentVNode as x, createVNode as C } from "vue";
+import { Close as L } from "@element-plus/icons-vue";
+const M = { class: "main" }, I = { class: "shim" }, P = { class: "title" }, z = { class: "content" }, A = ["reverse"], W = /* @__PURE__ */ V({
+  inheritAttrs: !1,
+  __name: "ConfirmModal",
+  props: {
+    show: { type: Boolean },
+    showClose: { type: Boolean, default: !0 },
+    onClose: {},
+    onCancel: {},
+    onConfirm: {},
+    title: {},
+    content: {},
+    cancelText: { type: [String, Function], default: "取消" },
+    confirmText: { type: [String, Function], default: "确定" },
+    hiddenCancel: { type: Boolean, default: !1 },
+    width: { default: 418 },
+    reverse: { type: Boolean, default: !1 },
+    closeOnPressEscape: { type: Boolean, default: !0 },
+    closeOnClickModal: { type: Boolean, default: !0 },
+    useLoading: { type: Boolean }
+  },
+  emits: ["update:show"],
+  setup(e, { emit: E }) {
+    const o = e, T = E, a = $(!1), h = F(() => o.useLoading && a.value), s = (n) => {
+      var t;
+      console.log("close", n), T("update:show", !1), (t = o.onClose) == null || t.call(o, n);
+    }, g = async () => {
+      var t;
+      if (await ((t = o.onCancel) == null ? void 0 : t.call(o)) === !1) {
+        console.log("确认弹窗 onCancel 返回false，不关闭弹窗");
+        return;
+      }
+      s(!1);
+    }, v = async () => {
+      var n;
+      a.value = !0;
+      try {
+        const t = await ((n = o.onConfirm) == null ? void 0 : n.call(o));
+        if (a.value = !1, t === !1) {
+          console.log("确认弹窗 onConfirm 返回false，不关闭弹窗");
+          return;
+        }
+        s(!0);
+      } catch {
+        a.value = !1;
+      }
+    }, b = () => {
+      console.log("closeHandler"), s(!1);
+    };
+    return (n, t) => {
+      const k = O, H = S, D = N;
+      return l(), i(D, {
+        "model-value": e.show,
+        class: "confirm-dialog",
+        width: e.width,
+        "show-close": !1,
+        "append-to-body": "",
+        "align-center": "",
+        "close-on-click-modal": e.closeOnClickModal,
+        "close-on-press-escape": e.closeOnPressEscape,
+        onClose: b
+      }, {
+        default: r(() => [
+          c("div", M, [
+            c("div", I, [
+              c("div", P, [
+                u(n.$slots, "title", {}, () => [
+                  typeof e.title == "function" ? (l(), i(w(e.title), { key: 0 })) : (l(), m(B, { key: 1 }, [
+                    d(f(e.title), 1)
+                  ], 64))
+                ], !0)
+              ]),
+              c("div", z, [
+                u(n.$slots, "default", {}, () => [
+                  typeof e.content == "function" ? (l(), i(w(e.content), { key: 0 })) : (l(), m(B, { key: 1 }, [
+                    d(f(e.content), 1)
+                  ], 64))
+                ], !0)
+              ]),
+              c("div", {
+                class: "footer",
+                reverse: e.reverse
+              }, [
+                u(n.$slots, "footer", {
+                  cancelHandler: g,
+                  confirmHandler: v,
+                  loading: y(h)
+                }, () => [
+                  e.hiddenCancel ? x("", !0) : (l(), i(k, {
+                    key: 0,
+                    class: "btn cancel-btn",
+                    btnHover: "",
+                    onClick: g
+                  }, {
+                    default: r(() => [
+                      d(f(typeof e.cancelText == "function" ? e.cancelText() : e.cancelText), 1)
+                    ]),
+                    _: 1
+                  })),
+                  C(k, {
+                    type: "primary",
+                    class: "btn confirm-btn",
+                    loading: y(h),
+                    onClick: v
+                  }, {
+                    default: r(() => [
+                      d(f(typeof e.confirmText == "function" ? e.confirmText() : e.confirmText), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["loading"])
+                ], !0)
+              ], 8, A)
+            ]),
+            e.showClose ? (l(), m("div", {
+              key: 0,
+              class: "close-box",
+              onClick: t[0] || (t[0] = (j) => s())
+            }, [
+              C(H, { size: 22 }, {
+                default: r(() => [
+                  C(y(L))
+                ]),
+                _: 1
+              })
+            ])) : x("", !0)
+          ])
+        ]),
+        _: 3
+      }, 8, ["model-value", "width", "close-on-click-modal", "close-on-press-escape"]);
+    };
+  }
+});
+export {
+  W as default
+};

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

@@ -0,0 +1,67 @@
+import p from "./ConfirmModal.vue.mjs";
+import y from "../form/FormMain.vue.mjs";
+import { defineComponent as g, ref as A, computed as r, watch as C, openBlock as M, createBlock as x, unref as s, withCtx as D, createVNode as _, mergeProps as b } from "vue";
+import { stringifyFormData as k } from "../form/utils.mjs";
+const v = "80px", W = /* @__PURE__ */ g({
+  __name: "DetailModal",
+  props: {
+    data: {},
+    list: {},
+    type: {},
+    subTitle: {},
+    show: { type: Boolean },
+    addApi: {},
+    editApi: {},
+    modalWidth: { default: 600 },
+    formLayout: { default: () => ({ span: 24 }) },
+    formProps: {}
+  },
+  emits: ["update:show", "afterAdd", "afterEdit"],
+  setup(e, { emit: c }) {
+    const t = e, d = c, l = A(), f = r(() => t.data), m = r(() => `${t.type === "add" ? "新增" : "编辑"}${t.subTitle || ""}`), u = (o) => {
+      d("update:show", o);
+    }, h = () => {
+      var o;
+      return (o = l.value) == null ? void 0 : o.validate().then(async () => {
+        var i, n;
+        const a = k(t.data, t.list);
+        console.log("confirm", a), t.type === "add" ? (await ((i = t.addApi) == null ? void 0 : i.call(t, a)), d("afterAdd", a)) : (await ((n = t.editApi) == null ? void 0 : n.call(t, a)), d("afterEdit", a));
+      });
+    }, w = () => {
+      console.log("cancel");
+    };
+    return C(
+      () => t.show,
+      (o) => {
+        var a;
+        o || (a = l.value) == null || a.clearValidate();
+      }
+    ), (o, a) => {
+      const i = y, n = p;
+      return M(), x(n, {
+        title: s(m),
+        show: e.show,
+        onConfirm: h,
+        onCancel: w,
+        useLoading: "",
+        width: e.modalWidth,
+        "onUpdate:show": u
+      }, {
+        default: D(() => [
+          _(i, b({
+            ref_key: "formMain",
+            ref: l,
+            list: e.list,
+            data: s(f),
+            layout: e.formLayout,
+            labelWidth: v
+          }, e.formProps), null, 16, ["list", "data", "layout"])
+        ]),
+        _: 1
+      }, 8, ["title", "show", "width"]);
+    };
+  }
+});
+export {
+  W as default
+};

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

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

package/es/components/modal/index.mjs

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

package/es/components/table/TableMain.vue.mjs

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