@done-coding/admin-core 0.17.0 → 0.17.1-alpha.0

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

@@ -1,4 +1,4 @@
-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 { 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 r, createTextVNode as c, createCommentVNode as A, vShow as N, mergeModels as z } 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 V from "./ToolbarButtons.vue.mjs";
@@ -7,7 +7,7 @@ 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" }, ue = /* @__PURE__ */ L({
   __name: "TableToolbar",
-  props: /* @__PURE__ */ N({
+  props: /* @__PURE__ */ z({
     exportByFe: { type: Boolean, default: !0 },
     exportFn: {},
     exportColumns: {},
@@ -56,14 +56,14 @@ const _ = { class: "table-toolbar" }, ee = { class: "table-toolbar-left" }, te =
         ].filter(Boolean).length;
       }
     ), f = $(!1), k = async (l) => {
-      const { selectedList: e, currentPageList: r, api: m, query: h } = t.exportContext, T = t.exportColumns;
+      const { selectedList: e, currentPageList: n, api: m, query: h } = t.exportContext, T = t.exportColumns;
       let u;
       switch (l) {
         case "selected":
           u = e;
           break;
         case "current":
-          u = r;
+          u = n;
           break;
         case "all":
           try {
@@ -98,10 +98,10 @@ const _ = { class: "table-toolbar" }, ee = { class: "table-toolbar-left" }, te =
       const F = `${document.title}-${Date.now()}`;
       Z({ columns: T, list: u, filename: F });
     }, I = (l) => {
-      var r;
+      var n;
       if (f.value) return;
       f.value = !0;
-      const e = t.exportByFe ? k(l) : (r = t.exportFn) == null ? void 0 : r.call(t, l);
+      const e = t.exportByFe ? k(l) : (n = t.exportFn) == null ? void 0 : n.call(t, l);
       Promise.resolve(e).catch(() => {
       }).finally(() => {
         f.value = !1;
@@ -115,9 +115,9 @@ const _ = { class: "table-toolbar" }, ee = { class: "table-toolbar-left" }, te =
           onCommand: I
         }, {
           dropdown: i(() => [
-            n(a(q), null, {
+            r(a(q), null, {
               default: i(() => [
-                n(a(v), {
+                r(a(v), {
                   disabled: o.exportContext.hasSelection && !o.exportContext.selectedList.length,
                   command: "selected"
                 }, {
@@ -126,13 +126,13 @@ const _ = { class: "table-toolbar" }, ee = { class: "table-toolbar-left" }, te =
                   ])]),
                   _: 1
                 }, 8, ["disabled"]),
-                n(a(v), { command: "current" }, {
+                r(a(v), { command: "current" }, {
                   default: i(() => [...e[5] || (e[5] = [
                     c("导出本页", -1)
                   ])]),
                   _: 1
                 }),
-                n(a(v), { command: "all" }, {
+                r(a(v), { command: "all" }, {
                   default: i(() => [...e[6] || (e[6] = [
                     c("导出全部", -1)
                   ])]),
@@ -143,16 +143,16 @@ const _ = { class: "table-toolbar" }, ee = { class: "table-toolbar-left" }, te =
             })
           ]),
           default: i(() => [
-            n(a(G), {
+            r(a(G), {
               size: "small",
               type: "primary",
               loading: f.value
             }, {
               default: i(() => [
                 e[3] || (e[3] = c(" 导出 ", -1)),
-                n(a(X), null, {
+                r(a(X), null, {
                   default: i(() => [
-                    n(a(J))
+                    r(a(J))
                   ]),
                   _: 1
                 })
@@ -162,38 +162,39 @@ const _ = { class: "table-toolbar" }, ee = { class: "table-toolbar-left" }, te =
           ]),
           _: 1
         }, 8, ["disabled"])) : A("", !0),
-        n(V, {
+        r(V, {
           buttons: o.leftExtraButtons,
           ctx: R.value
         }, null, 8, ["buttons", "ctx"])
       ]),
       C("div", te, [
-        n(V, {
+        r(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),
+          "onUpdate:modelValue": e[0] || (e[0] = (n) => E.value = n),
           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, {
+        r(W, {
           isAutoRefresh: g.value,
-          "onUpdate:isAutoRefresh": e[1] || (e[1] = (r) => g.value = r),
+          "onUpdate:isAutoRefresh": e[1] || (e[1] = (n) => g.value = n),
           interval: b.value,
-          "onUpdate:interval": e[2] || (e[2] = (r) => b.value = r),
+          "onUpdate:interval": e[2] || (e[2] = (n) => b.value = n),
           showAutoRefresh: o.showAutoRefresh,
           showRefresh: o.showRefresh,
           refreshFn: o.tableExpose.refresh,
-          loading: o.loading
+          loading: o.loading,
+          needRootNode: !1
         }, null, 8, ["isAutoRefresh", "interval", "showAutoRefresh", "showRefresh", "refreshFn", "loading"])
       ])
     ], 512)), [
-      [z, S.value]
+      [N, S.value]
     ]);
   }
 });

package/es/components/table/use-fill-height.mjs

@@ -0,0 +1,14 @@
+import { computed as t } from "vue";
+const a = (l) => {
+  const e = t(() => {
+    if (!l.enabled()) return;
+    const i = l.rawAvailableHeight();
+    return i && i > 0 ? i : void 0;
+  }), r = t(() => e.value !== void 0), n = t(
+    () => e.value ? `${e.value}px` : ""
+  );
+  return { fillActive: r, fillMinHeight: e, fillMinHeightCss: n };
+};
+export {
+  a as useFillHeight
+};

package/es/components/table/use-table-skeleton.mjs

@@ -0,0 +1,19 @@
+import { computed as t } from "vue";
+const h = (e) => {
+  const l = t(
+    () => e.enabled() && e.loading() && e.dataLength() === 0
+  ), o = t(
+    () => e.isGrid() ? "grid" : "table"
+  ), r = t(
+    () => Math.min(Math.max(e.columnCount(), 1), 8)
+  ), s = t(() => {
+    const n = e.skeletonRows();
+    if (n && n > 0) return n;
+    const a = e.availableHeight();
+    return a ? Math.min(Math.max(Math.floor((a - 44) / 48), 3), 8) : 5;
+  });
+  return { showSkeleton: l, skeletonMode: o, skeletonColumns: r, skeletonRowsFinal: s };
+};
+export {
+  h as useTableSkeleton
+};