@done-coding/admin-core 0.8.2 → 0.9.0

package/es/components/table/TableToolbar.vue2.mjs

@@ -1,21 +1,13 @@
-import { ElDropdown as T, ElButton as F, ElIcon as L, ElDropdownMenu as $, ElDropdownItem as P, ElSwitch as z } 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/dropdown/style/css";
-import "element-plus/es/components/dropdown-menu/style/css";
-import "element-plus/es/components/dropdown-item/style/css";
-import "element-plus/es/components/button/style/css";
-import "element-plus/es/components/icon/style/css";
-import { defineComponent as N, useModel as x, computed as w, ref as U, withDirectives as G, openBlock as v, createElementBlock as X, createElementVNode as y, createBlock as A, withCtx as a, createVNode as r, createTextVNode as m, unref as g, createCommentVNode as V, vShow as q, mergeModels as O } from "vue";
-import { ElMessageBox as j, ElMessage as H } from "element-plus";
+import { defineComponent as L, useModel as x, computed as w, ref as $, withDirectives as D, openBlock as p, createElementBlock as P, createElementVNode as C, createBlock as y, unref as a, withCtx as i, createVNode as n, createTextVNode as c, createCommentVNode as A, vShow as z, mergeModels as N } from "vue";
+import { ElDropdown as U, ElButton as G, ElIcon as X, ElDropdownMenu as q, ElDropdownItem as v, ElSwitch as O, ElMessageBox as j, ElMessage as H } from "element-plus";
 import { ArrowDown as J, Calendar as K, Grid as Q } from "@element-plus/icons-vue";
-import I from "./ToolbarButtons.vue.mjs";
+import V from "./ToolbarButtons.vue.mjs";
 import W from "../misc/AutoRefreshGroup.vue.mjs";
 import { countAll as Y, fetchListAll as M } from "../../helpers/list-helper.mjs";
 import { EXPORT_MAX_LIMIT as d, exportCSV as Z } from "../../utils/export.mjs";
-const _ = { class: "table-toolbar" }, ee = { class: "table-toolbar-left" }, te = { class: "table-toolbar-right" }, we = /* @__PURE__ */ N({
+const _ = { class: "table-toolbar" }, ee = { class: "table-toolbar-left" }, te = { class: "table-toolbar-right" }, ue = /* @__PURE__ */ L({
   __name: "TableToolbar",
-  props: /* @__PURE__ */ O({
+  props: /* @__PURE__ */ N({
     exportByFe: { type: Boolean, default: !0 },
     exportFn: {},
     exportColumns: {},
@@ -38,11 +30,11 @@ const _ = { class: "table-toolbar" }, ee = { class: "table-toolbar-left" }, te =
     customViewModifiers: {}
   }),
   emits: ["update:isAutoRefresh", "update:refreshInterval", "update:customView"],
-  setup(n) {
-    const t = n, E = x(n, "isAutoRefresh"), b = x(n, "refreshInterval"), B = x(n, "customView"), R = w(() => {
+  setup(o) {
+    const t = o, g = x(o, "isAutoRefresh"), b = x(o, "refreshInterval"), E = x(o, "customView"), B = w(() => {
       var l;
       return !!((l = t.exportColumns) != null && l.length);
-    }), C = w(() => ({
+    }), R = w(() => ({
       tableExpose: t.tableExpose,
       loading: t.loading,
       exportContext: t.exportContext,
@@ -56,30 +48,30 @@ const _ = { class: "table-toolbar" }, ee = { class: "table-toolbar-left" }, te =
       () => {
         var l, e;
         return [
-          R.value,
+          B.value,
           t.showAutoRefresh,
           t.showRefresh,
           (l = t.leftExtraButtons) == null ? void 0 : l.length,
           (e = t.rightExtraButtons) == null ? void 0 : e.length
         ].filter(Boolean).length;
       }
-    ), f = U(!1), k = async (l) => {
-      const { selectedList: e, currentPageList: u, api: c, query: s } = t.exportContext, h = t.exportColumns;
-      let i;
+    ), f = $(!1), k = async (l) => {
+      const { selectedList: e, currentPageList: r, api: m, query: h } = t.exportContext, T = t.exportColumns;
+      let u;
       switch (l) {
         case "selected":
-          i = e;
+          u = e;
           break;
         case "current":
-          i = u;
+          u = r;
           break;
         case "all":
           try {
-            const o = await Y(c, s);
-            if (o > d) {
+            const s = await Y(m, h);
+            if (s > d) {
               try {
                 await j.confirm(
-                  `数据量超过 ${d} 条（共 ${o} 条），是否只导出前 ${d} 条？`,
+                  `数据量超过 ${d} 条（共 ${s} 条），是否只导出前 ${d} 条？`,
                   "提示",
                   {
                     confirmButtonText: "导出",
@@ -90,124 +82,121 @@ const _ = { class: "table-toolbar" }, ee = { class: "table-toolbar-left" }, te =
               } catch {
                 return;
               }
-              i = await M(c, s, {
+              u = await M(m, h, {
                 limit: d
               });
             } else
-              i = await M(c, s, {
+              u = await M(m, h, {
                 limit: d
               });
-          } catch (o) {
-            H.error(`导出失败：${(o == null ? void 0 : o.message) || (o == null ? void 0 : o.toString())}`);
+          } catch (s) {
+            H.error(`导出失败：${(s == null ? void 0 : s.message) || (s == null ? void 0 : s.toString())}`);
             return;
           }
           break;
       }
-      const p = `${document.title}-${Date.now()}`;
-      Z({ columns: h, list: i, filename: p });
-    }, D = (l) => {
-      var u;
+      const F = `${document.title}-${Date.now()}`;
+      Z({ columns: T, list: u, filename: F });
+    }, I = (l) => {
+      var r;
       if (f.value) return;
       f.value = !0;
-      const e = t.exportByFe ? k(l) : (u = t.exportFn) == null ? void 0 : u.call(t, l);
+      const e = t.exportByFe ? k(l) : (r = t.exportFn) == null ? void 0 : r.call(t, l);
       Promise.resolve(e).catch(() => {
       }).finally(() => {
         f.value = !1;
       });
     };
-    return (l, e) => {
-      const u = L, c = F, s = P, h = $, i = T, p = z;
-      return G((v(), X("div", _, [
-        y("div", ee, [
-          R.value ? (v(), A(i, {
-            key: 0,
-            disabled: !n.exportContext.total,
-            onCommand: D
-          }, {
-            dropdown: a(() => [
-              r(h, null, {
-                default: a(() => [
-                  r(s, {
-                    disabled: n.exportContext.hasSelection && !n.exportContext.selectedList.length,
-                    command: "selected"
-                  }, {
-                    default: a(() => [...e[4] || (e[4] = [
-                      m(" 导出选择 ", -1)
-                    ])]),
-                    _: 1
-                  }, 8, ["disabled"]),
-                  r(s, { command: "current" }, {
-                    default: a(() => [...e[5] || (e[5] = [
-                      m("导出本页", -1)
-                    ])]),
-                    _: 1
-                  }),
-                  r(s, { command: "all" }, {
-                    default: a(() => [...e[6] || (e[6] = [
-                      m("导出全部", -1)
-                    ])]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              })
-            ]),
-            default: a(() => [
-              r(c, {
-                size: "small",
-                type: "primary",
-                loading: f.value
-              }, {
-                default: a(() => [
-                  e[3] || (e[3] = m(" 导出 ", -1)),
-                  r(u, null, {
-                    default: a(() => [
-                      r(g(J))
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              }, 8, ["loading"])
-            ]),
-            _: 1
-          }, 8, ["disabled"])) : V("", !0),
-          r(I, {
-            buttons: n.leftExtraButtons,
-            ctx: C.value
-          }, null, 8, ["buttons", "ctx"])
-        ]),
-        y("div", te, [
-          r(I, {
-            buttons: n.rightExtraButtons,
-            ctx: C.value
-          }, null, 8, ["buttons", "ctx"]),
-          n.showSwitchView ? (v(), A(p, {
-            key: 0,
-            modelValue: B.value,
-            "onUpdate:modelValue": e[0] || (e[0] = (o) => B.value = o),
-            class: "table-toolbar-switch-view",
-            "inline-prompt": "",
-            "active-icon": g(Q),
-            "inactive-icon": g(K)
-          }, null, 8, ["modelValue", "active-icon", "inactive-icon"])) : V("", !0),
-          r(W, {
-            isAutoRefresh: E.value,
-            "onUpdate:isAutoRefresh": e[1] || (e[1] = (o) => E.value = o),
-            interval: b.value,
-            "onUpdate:interval": e[2] || (e[2] = (o) => b.value = o),
-            showAutoRefresh: n.showAutoRefresh,
-            showRefresh: n.showRefresh,
-            refreshFn: n.tableExpose.refresh,
-            loading: n.loading
-          }, null, 8, ["isAutoRefresh", "interval", "showAutoRefresh", "showRefresh", "refreshFn", "loading"])
-        ])
-      ], 512)), [
-        [q, S.value]
-      ]);
-    };
+    return (l, e) => D((p(), P("div", _, [
+      C("div", ee, [
+        B.value ? (p(), y(a(U), {
+          key: 0,
+          disabled: !o.exportContext.total,
+          onCommand: I
+        }, {
+          dropdown: i(() => [
+            n(a(q), null, {
+              default: i(() => [
+                n(a(v), {
+                  disabled: o.exportContext.hasSelection && !o.exportContext.selectedList.length,
+                  command: "selected"
+                }, {
+                  default: i(() => [...e[4] || (e[4] = [
+                    c(" 导出选择 ", -1)
+                  ])]),
+                  _: 1
+                }, 8, ["disabled"]),
+                n(a(v), { command: "current" }, {
+                  default: i(() => [...e[5] || (e[5] = [
+                    c("导出本页", -1)
+                  ])]),
+                  _: 1
+                }),
+                n(a(v), { command: "all" }, {
+                  default: i(() => [...e[6] || (e[6] = [
+                    c("导出全部", -1)
+                  ])]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          default: i(() => [
+            n(a(G), {
+              size: "small",
+              type: "primary",
+              loading: f.value
+            }, {
+              default: i(() => [
+                e[3] || (e[3] = c(" 导出 ", -1)),
+                n(a(X), null, {
+                  default: i(() => [
+                    n(a(J))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["loading"])
+          ]),
+          _: 1
+        }, 8, ["disabled"])) : A("", !0),
+        n(V, {
+          buttons: o.leftExtraButtons,
+          ctx: R.value
+        }, null, 8, ["buttons", "ctx"])
+      ]),
+      C("div", te, [
+        n(V, {
+          buttons: o.rightExtraButtons,
+          ctx: R.value
+        }, null, 8, ["buttons", "ctx"]),
+        o.showSwitchView ? (p(), y(a(O), {
+          key: 0,
+          modelValue: E.value,
+          "onUpdate:modelValue": e[0] || (e[0] = (r) => E.value = r),
+          class: "table-toolbar-switch-view",
+          "inline-prompt": "",
+          "active-icon": a(Q),
+          "inactive-icon": a(K)
+        }, null, 8, ["modelValue", "active-icon", "inactive-icon"])) : A("", !0),
+        n(W, {
+          isAutoRefresh: g.value,
+          "onUpdate:isAutoRefresh": e[1] || (e[1] = (r) => g.value = r),
+          interval: b.value,
+          "onUpdate:interval": e[2] || (e[2] = (r) => b.value = r),
+          showAutoRefresh: o.showAutoRefresh,
+          showRefresh: o.showRefresh,
+          refreshFn: o.tableExpose.refresh,
+          loading: o.loading
+        }, null, 8, ["isAutoRefresh", "interval", "showAutoRefresh", "showRefresh", "refreshFn", "loading"])
+      ])
+    ], 512)), [
+      [z, S.value]
+    ]);
   }
 });
 export {
-  we as default
+  ue as default
 };

package/es/hooks/use-admin-theme-apply.mjs

@@ -0,0 +1,84 @@
+import { watch as u } from "vue";
+import { themeScaleDerive as g } from "../utils/theme-scale.mjs";
+const h = "admin-core-theme", p = [
+  ["primaryColor", { scale: !0, el: "--el-color-primary" }],
+  ["successColor", { scale: !0, el: "--el-color-success" }],
+  ["warningColor", { scale: !0, el: "--el-color-warning" }],
+  ["dangerColor", { scale: !0, el: "--el-color-danger" }],
+  ["errorColor", { scale: !0, el: "--el-color-error" }],
+  ["infoColor", { scale: !0, el: "--el-color-info" }],
+  ["bodyColor", { el: ["--el-bg-color-page", "--el-bg-color"] }],
+  ["baseColor", { el: "--el-text-color-primary" }],
+  ["radius", { el: "--el-border-radius-base" }],
+  ["borderColor", { el: "--el-border-color" }],
+  ["shadow", { el: "--el-box-shadow" }],
+  ["borderWidth", { el: "--el-border-width" }],
+  ["accent", {}],
+  ["glow", {}],
+  ["blur", {}],
+  ["focusRing", {}],
+  ["surface", {}]
+], m = [
+  "light-3",
+  "light-5",
+  "light-7",
+  "light-8",
+  "light-9",
+  "dark-2"
+], $ = (r) => r.replace(/([A-Z])/g, "-$1").toLowerCase(), f = (r, l) => {
+  const o = [];
+  for (const [e, s] of p) {
+    const t = r[e];
+    if (t === void 0 || t === "") continue;
+    const a = `--admin-core-${$(e)}`, i = s.el === void 0 ? [] : Array.isArray(s.el) ? s.el : [s.el];
+    if (s.scale) {
+      const n = g(t, l);
+      o.push(`${a}: ${t};`);
+      for (const c of m)
+        o.push(`${a}-${c}: ${n[c]};`);
+      for (const c of i) {
+        o.push(`${c}: ${t};`);
+        for (const d of m)
+          o.push(`${c}-${d}: ${n[d]};`);
+      }
+    } else {
+      o.push(`${a}: ${t};`);
+      for (const n of i) o.push(`${n}: ${t};`);
+    }
+  }
+  return o.join(`
+  `);
+}, b = (r) => {
+  const l = f(r.light, "light"), o = f(r.dark, "dark");
+  return `:root {
+  ${l}
+}
+:root.dark {
+  ${o}
+}
+`;
+};
+function E(r) {
+  const l = r.document ?? (typeof document < "u" ? document : void 0);
+  if (!l) return;
+  const o = () => {
+    let e = l.getElementById(h);
+    return e || (e = l.createElement("style"), e.id = h, l.head.appendChild(e)), e;
+  };
+  u(
+    r.getThemeConfig,
+    (e) => {
+      o().textContent = b(e);
+    },
+    { deep: !0, immediate: !0 }
+  ), u(
+    r.getThemeIsDark,
+    (e) => {
+      l.documentElement.classList.toggle("dark", e);
+    },
+    { immediate: !0 }
+  );
+}
+export {
+  E as useAdminThemeApply
+};

package/es/hooks/use-admin-viewport-apply.mjs

@@ -0,0 +1,27 @@
+import { watch as i } from "vue";
+const n = "admin-core-viewport", r = (e) => {
+  const o = e.paddingLeft + e.paddingRight, d = e.paddingTop + e.paddingBottom;
+  return `:root {
+  --admin-core-viewport-width: calc(100vw - ${o}px);
+  --admin-core-viewport-height: calc(100vh - ${d}px);
+}
+`;
+};
+function c(e) {
+  const o = e.document ?? (typeof document < "u" ? document : void 0);
+  if (!o) return;
+  const d = () => {
+    let t = o.getElementById(n);
+    return t || (t = o.createElement("style"), t.id = n, o.head.appendChild(t)), t;
+  };
+  i(
+    e.getViewportConfig,
+    (t) => {
+      d().textContent = r(t);
+    },
+    { deep: !0, immediate: !0 }
+  );
+}
+export {
+  c as useAdminViewportApply
+};