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

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

@@ -1,20 +1,20 @@
-import { ElLoadingDirective as W } from "element-plus/es";
+import { ElLoadingDirective as te } 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 = {
+import { defineComponent as re, useCssVars as ae, unref as a, useModel as oe, ref as c, shallowRef as O, inject as ne, computed as s, watch as se, withDirectives as ie, openBlock as j, createElementBlock as le, createVNode as k, mergeProps as y, createSlots as F, renderList as b, withCtx as g, renderSlot as d, normalizeProps as T, guardReactiveProps as $, createBlock as ue, createCommentVNode as ce, mergeModels as A } from "vue";
+import fe from "../form/FormSearch.vue.mjs";
+import { generateFormData as he, stringifyFormData as ge } from "../form/utils.mjs";
+import de from "../display/WatchSize.vue.mjs";
+import me from "../table/TableMain.vue.mjs";
+import pe from "lodash/pick";
+import ve from "lodash/cloneDeep";
+import { BODY_CONTENT_VIEWPORT_HEIGHT as ye } from "../../inject/key.mjs";
+const be = {
   "element-loading-background": "rgba(122, 122, 122, 0.5)",
   class: "list-page"
-}, Oe = /* @__PURE__ */ Y({
+}, ke = /* @__PURE__ */ re({
   __name: "ListPage",
-  props: {
+  props: /* @__PURE__ */ A({
     staticQuery: { default: () => ({}) },
     formSearchProps: {},
     columns: {},
@@ -29,47 +29,55 @@ const he = {
     injectInfo: {},
     beforeSearch: {},
     clearTableFilterOnReset: { type: Boolean }
-  },
-  setup(s, { expose: I }) {
-    U((e) => ({
-      v20e95162: t(E)
+  }, {
+    isAutoRefresh: { type: Boolean },
+    isAutoRefreshModifiers: {}
+  }),
+  emits: /* @__PURE__ */ A(["dataChange", "pageInfoChange"], ["update:isAutoRefresh"]),
+  setup(n, { expose: x, emit: B }) {
+    ae((e) => ({
+      bb4a2a8e: a(q)
     }));
-    const a = s, d = c({}), p = c(
+    const o = n, S = B, m = oe(n, "isAutoRefresh"), p = c({}), v = c(
       {}
-    ), S = c(!1), i = k(), u = k(), M = X(
-      fe,
+    ), C = c(!1), i = O(), u = O(), E = ne(
+      ye,
       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,
+    ), H = c(0), R = c(0), V = s(() => ({
+      ...v.value,
+      ...o.staticQuery
+    })), w = c(!1), K = s(() => w.value ? H.value + 10 : 0), N = s(() => o.showOperation ? R.value + 10 : 0), I = s(() => E.value - o.refineReduceHeight), q = s(() => o.refine ? `${I.value}px` : "auto"), L = s(() => o.refine ? Math.max(
+      I.value - K.value - N.value,
       200
-    ) : void 0), O = (e, r = "search") => {
-      var o, l, h;
+    ) : void 0), M = (e, t = "search") => {
+      var r, 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 = {
+      if (o.beforeSearch && (f = o.beforeSearch(
+        ve(e),
+        t
+      )), t === "reset" && o.clearTableFilterOnReset && ((l = (r = u.value) == null ? void 0 : r.getTableInstance()) == null || l.clearFilter()), JSON.stringify(f) === JSON.stringify(v.value))
+        return ["reset", "search"].includes(t) ? (h = u.value) == null ? void 0 : h.reload() : void 0;
+      v.value = {
         ...f
       };
-    }, N = (e) => {
-      S.value = e;
-    }, q = (e) => {
-      b.value = e;
-    }, L = (e) => {
+    }, J = (e) => {
+      S("dataChange", e);
+    }, Q = (e) => {
+      S("pageInfoChange", e);
+    }, z = (e) => {
+      C.value = e;
+    }, G = (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);
+    }, U = (e) => {
+      R.value = e;
+    }, W = s(() => o.list), Y = s(() => o.rowKey), P = s(() => p.value), D = {
+      refresh: async (e = !1) => {
+        var t;
+        return (t = u.value) == null ? void 0 : t.refresh(e);
       },
-      reload: (e = !1) => {
-        var r;
-        return (r = u.value) == null ? void 0 : r.reload(e);
+      reload: async (e = !1) => {
+        var t;
+        return (t = u.value) == null ? void 0 : t.reload(e);
       },
       getTableInstance: () => {
         var e;
@@ -85,8 +93,8 @@ const he = {
         return (e = i.value) == null ? void 0 : e.resetFields();
       },
       clearValidate: (e) => {
-        var r;
-        return (r = i.value) == null ? void 0 : r.clearValidate(e);
+        var t;
+        return (t = i.value) == null ? void 0 : t.clearValidate(e);
       },
       triggerReset: () => {
         var e;
@@ -96,99 +104,103 @@ const he = {
         var e;
         return (e = i.value) == null ? void 0 : e.triggerSearch();
       },
-      update: (e, r) => {
-        d.value[e] = r;
+      update: (e, t) => {
+        p.value[e] = t;
       }
-    }, J = n(() => {
-      const e = ue(j, [
+    }, X = s(() => {
+      const e = pe(D, [
         "triggerReset",
         "triggerSearch",
         "update"
       ]);
       return {
-        ...a.injectInfo || {},
+        ...o.injectInfo || {},
         ...e
       };
-    }), Q = (e) => e, z = (e) => e, G = (e) => {
+    }), Z = (e) => e, _ = (e) => e, ee = (e) => {
       w.value = e;
     };
-    return I(j), Z(
-      () => a.list,
+    return x(D), se(
+      () => o.list,
       (e) => {
-        const r = ne(e);
-        d.value = r, O(se(r, e));
+        const t = he(e);
+        p.value = t, M(ge(t, e));
       },
       {
         immediate: !0
       }
-    ), (e, r) => {
-      const f = W;
-      return ee((D(), re("div", he, [
-        F(t(oe), v({
+    ), (e, t) => {
+      const f = te;
+      return ie((j(), le("div", be, [
+        k(a(fe), y({
           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,
+          list: a(W),
+          data: a(P)
+        }, n.formSearchProps, {
+          onSearch: M,
+          onHeightChange: G,
+          onVisibleChange: ee
+        }), F({ _: 2 }, [
+          b(n.list, (r) => ({
+            name: r.key,
             fn: g((l) => [
-              m(e.$slots, `form-${o.key}`, T($(l)), void 0, !0)
+              d(e.$slots, `form-${r.key}`, T($(l)), void 0, !0)
             ])
           }))
         ]), 1040, ["list", "data"]),
-        s.showOperation ? (D(), te(t(ie), {
+        n.showOperation ? (j(), ue(a(de), {
           key: 0,
           class: "list-page-operation",
-          onHeightChange: L
+          onHeightChange: U
         }, {
           default: g(() => [
-            m(e.$slots, "operation", {}, void 0, !0)
+            d(e.$slots, "operation", {}, void 0, !0)
           ]),
           _: 3
-        })) : ae("", !0),
-        F(t(le), v({
+        })) : ce("", !0),
+        k(a(me), y({
           ref_key: "tableMain",
           ref: u,
-          api: s.api,
-          columns: s.columns,
-          query: t(x),
-          maxHeight: t(K),
-          rowKey: t(_)
-        }, s.tableMainProps, {
+          "is-auto-refresh": m.value,
+          "onUpdate:isAutoRefresh": t[0] || (t[0] = (r) => m.value = r),
+          api: n.api,
+          columns: n.columns,
+          query: a(V),
+          maxHeight: a(L),
+          rowKey: a(Y)
+        }, n.tableMainProps, {
           refine: !1,
-          injectInfo: t(J),
-          onLoadingChange: N
-        }), P({ _: 2 }, [
-          y(s.columns, (o) => ({
-            name: o.prop,
+          injectInfo: a(X),
+          onLoadingChange: z,
+          onDataChange: J,
+          onPageInfoChange: Q
+        }), F({ _: 2 }, [
+          b(n.columns, (r) => ({
+            name: r.prop,
             fn: g((l) => [
-              m(e.$slots, `table-${o.prop}`, T($(Q(l))), void 0, !0)
+              d(e.$slots, `table-${r.prop}`, T($(Z(l))), void 0, !0)
             ])
           })),
-          y(s.columns, (o) => ({
-            name: `header-${o.prop}`,
+          b(n.columns, (r) => ({
+            name: `header-${r.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
+                d(e.$slots, `table-header-${r.columnKey || r.prop}`, y(_(l), {
+                  searchFormData: a(P),
+                  triggerSearch: (h = a(i)) == null ? void 0 : h.triggerSearch
                 }), void 0, !0)
               ];
             })
           }))
-        ]), 1040, ["api", "columns", "query", "maxHeight", "rowKey", "injectInfo"])
+        ]), 1040, ["is-auto-refresh", "api", "columns", "query", "maxHeight", "rowKey", "injectInfo"])
       ])), [
-        [f, t(S)]
+        [f, !m.value && a(C)]
       ]);
     };
   }
 });
 export {
-  Oe as default
+  ke as default
 };

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

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

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

@@ -0,0 +1,57 @@
+import { ElInputNumber as x, ElSwitch as M } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/switch/style/css";
+import "element-plus/es/components/input-number/style/css";
+import { defineComponent as N, useModel as m, watch as n, openBlock as i, createElementBlock as d, Fragment as b, createElementVNode as f, createVNode as p, createCommentVNode as k, mergeModels as w } from "vue";
+import { useTimeout as B } from "../../hooks/timeout.mjs";
+import { useActivatedExec as T } from "../../hooks/activated.mjs";
+const y = { class: "auto-refresh" }, F = /* @__PURE__ */ N({
+  __name: "AutoRefresh",
+  props: {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {},
+    interval: { default: 30 },
+    intervalModifiers: {}
+  },
+  emits: /* @__PURE__ */ w(["refresh"], ["update:modelValue", "update:interval"]),
+  setup(s, { expose: v, emit: c }) {
+    const r = c, e = m(s, "modelValue"), o = m(s, "interval"), [V, h] = B(), l = () => {
+      V(() => {
+        r("refresh"), e.value && l();
+      }, o.value * 1e3);
+    };
+    return v({ trigger: () => {
+      r("refresh"), e.value && l();
+    } }), n(e, (u) => {
+      u ? l() : h();
+    }), n(o, () => {
+      e.value && l();
+    }), T(() => {
+      e.value && (r("refresh"), l());
+    }), (u, t) => {
+      const E = x, g = M;
+      return i(), d("div", y, [
+        e.value ? (i(), d(b, { key: 0 }, [
+          t[2] || (t[2] = f("span", { class: "auto-refresh-label" }, "刷新间隔", -1)),
+          p(E, {
+            modelValue: o.value,
+            "onUpdate:modelValue": t[0] || (t[0] = (a) => o.value = a),
+            min: 1,
+            step: 5,
+            size: "small",
+            class: "auto-refresh-interval"
+          }, null, 8, ["modelValue"]),
+          t[3] || (t[3] = f("span", { class: "auto-refresh-label" }, "秒", -1))
+        ], 64)) : k("", !0),
+        p(g, {
+          modelValue: e.value,
+          "onUpdate:modelValue": t[1] || (t[1] = (a) => e.value = a),
+          "active-text": "自动刷新"
+        }, null, 8, ["modelValue"])
+      ]);
+    };
+  }
+});
+export {
+  F as default
+};

package/es/components/misc/index.mjs

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

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

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

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

@@ -1,7 +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"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-5944984b"]]);
 export {
-  m as default
+  p as default
 };