@done-coding/admin-core 0.3.0 → 0.4.0

package/es/components/app-layout/AppSidebar.vue2.mjs

@@ -0,0 +1,97 @@
+import { ElTooltip as T, ElIcon as H } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/tooltip/style/css";
+import "element-plus/es/components/icon/style/css";
+import { defineComponent as P, useCssVars as w, unref as o, inject as A, computed as e, ref as b, toRefs as F, openBlock as f, createElementBlock as I, normalizeStyle as g, createVNode as a, withCtx as p, renderSlot as v, createElementVNode as h, createBlock as L, createCommentVNode as V } from "vue";
+import N from "../menu/MenuTree.vue.mjs";
+import y from "../display/WatchSize.vue.mjs";
+import { ArrowRightBold as R } from "@element-plus/icons-vue";
+import { APP_LAYOUT_APP_STORE_KEY as M } from "../../inject/key.mjs";
+const O = { class: "app-sidebar-shim" }, J = /* @__PURE__ */ P({
+  __name: "AppSidebar",
+  props: {
+    show: { type: Boolean },
+    aboveHeader: { type: Boolean, default: !1 },
+    menus: {},
+    menuFlatList: {}
+  },
+  setup(s) {
+    w((c) => ({
+      ce9ef212: o(E),
+      v309db2c2: o(x),
+      v2189b8a1: o(_),
+      v65908f82: o(l).bodyColor,
+      v42a24063: o(l).primaryColor
+    }));
+    const C = s, r = A(M), m = e(() => r.sidebarStyle), d = b(0), u = b(0), S = e(() => parseFloat(m.value.paddingTop) || 0), x = e(
+      () => `${Math.max(S.value, d.value)}px`
+    ), _ = e(() => `${u.value}px`), E = e(() => C.aboveHeader ? 2 : 0), n = e(() => r.sidebarIsCollapse), $ = e(() => ({
+      transform: `rotate(${n.value ? 0 : 180}deg)`
+    })), { theme: l } = F(r);
+    return (c, t) => {
+      const k = H, B = T;
+      return f(), I("div", {
+        class: "app-sidebar",
+        style: g(o(m))
+      }, [
+        a(o(y), {
+          class: "app-sidebar-top",
+          onHeightChange: t[0] || (t[0] = (i) => d.value = i)
+        }, {
+          default: p(() => [
+            v(c.$slots, "top", {}, void 0, !0)
+          ]),
+          _: 3
+        }),
+        h("div", O, [
+          a(o(N), {
+            collapse: o(n),
+            menus: s.menus,
+            style: { height: "100%" },
+            "background-color": o(l).bodyColor,
+            "text-color": o(l).baseColor,
+            "active-text-color": o(l).primaryColor,
+            menuFlatList: s.menuFlatList,
+            routerMode: ""
+          }, null, 8, ["collapse", "menus", "background-color", "text-color", "active-text-color", "menuFlatList"])
+        ]),
+        a(o(y), {
+          class: "app-sidebar-bottom",
+          onHeightChange: t[1] || (t[1] = (i) => u.value = i)
+        }, {
+          default: p(() => [
+            v(c.$slots, "bottom", {}, void 0, !0)
+          ]),
+          _: 3
+        }),
+        s.show ? (f(), L(B, {
+          key: 0,
+          content: o(n) ? "展开" : "收起",
+          placement: "right",
+          "show-after": 200
+        }, {
+          default: p(() => [
+            h("div", {
+              class: "app-sidebar-toggle",
+              onClick: t[2] || (t[2] = (i) => o(r).changeSidebarCollapseStatus(!o(n)))
+            }, [
+              a(k, null, {
+                default: p(() => [
+                  a(o(R), {
+                    class: "app-sidebar-toggle-icon",
+                    style: g(o($))
+                  }, null, 8, ["style"])
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          _: 1
+        }, 8, ["content"])) : V("", !0)
+      ], 4);
+    };
+  }
+});
+export {
+  J as default
+};

package/es/components/app-layout/index.mjs

@@ -0,0 +1,32 @@
+import t from "./AppLayout.vue.mjs";
+import m from "./AppHeader.vue.mjs";
+import e from "./AppSidebar.vue.mjs";
+import a from "./AppBody.vue.mjs";
+import i from "./AppBreadcrumb.vue.mjs";
+import n from "./AppFooter.vue.mjs";
+import f from "./AppPage.vue.mjs";
+const c = {
+  AppLayout: t,
+  AppHeader: m,
+  AppSidebar: e,
+  AppBody: a,
+  AppBreadcrumb: i,
+  AppFooter: n,
+  AppPage: f
+}, B = {
+  install(o) {
+    Object.entries(c).forEach(([p, r]) => {
+      o.component(p, r);
+    });
+  }
+};
+export {
+  a as AppBody,
+  i as AppBreadcrumb,
+  n as AppFooter,
+  m as AppHeader,
+  t as AppLayout,
+  f as AppPage,
+  e as AppSidebar,
+  B as appLayoutInstall
+};

package/es/components/display/ActionBtnGroup.vue.mjs

@@ -0,0 +1,61 @@
+import { defineComponent as z, toRefs as C, computed as S, openBlock as r, createElementBlock as c, Fragment as s, renderList as h, createBlock as a, resolveDynamicComponent as i, unref as n, mergeProps as m, withCtx as d, createTextVNode as _, toDisplayString as k } from "vue";
+import { ElButton as A } from "element-plus";
+import P from "../misc/ActionBtn.vue.mjs";
+const F = /* @__PURE__ */ z({
+  __name: "ActionBtnGroup",
+  props: {
+    configs: {},
+    ctx: {},
+    defaultSize: {}
+  },
+  setup(y) {
+    const x = y, { configs: v, ctx: l, defaultSize: u } = C(x), B = P, g = S(
+      () => (v.value ?? []).filter(
+        (o) => {
+          var t;
+          return ((t = o.show) == null ? void 0 : t.call(o, l.value)) ?? !0;
+        }
+      )
+    ), f = (o) => {
+      const t = o ?? {};
+      return u.value === void 0 ? t : { size: u.value, ...t };
+    };
+    return (o, t) => (r(!0), c(s, null, h(g.value, (e) => {
+      var p;
+      return r(), c(s, {
+        key: e.key
+      }, [
+        e.actionBtnProps ? (r(), a(i(n(B)), m({
+          key: 0,
+          ref_for: !0
+        }, f(e.actionBtnProps(n(l)))), {
+          default: d(() => [
+            e.render ? (r(), a(i(e.render), {
+              key: 0,
+              ctx: n(l)
+            }, null, 8, ["ctx"])) : (r(), c(s, { key: 1 }, [
+              _(k(e.label), 1)
+            ], 64))
+          ]),
+          _: 2
+        }, 1040)) : (r(), a(n(A), m({
+          key: 1,
+          ref_for: !0
+        }, f((p = e.props) == null ? void 0 : p.call(e, n(l)))), {
+          default: d(() => [
+            e.render ? (r(), a(i(e.render), {
+              key: 0,
+              ctx: n(l)
+            }, null, 8, ["ctx"])) : (r(), c(s, { key: 1 }, [
+              _(k(e.label), 1)
+            ], 64))
+          ]),
+          _: 2
+        }, 1040))
+      ], 64);
+    }), 128));
+  }
+});
+export {
+  F as default
+};

package/es/components/display/ActionBtnGroup.vue2.mjs

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

package/es/components/display/HeightProvider.vue.mjs

@@ -1,36 +1,36 @@
-import { defineComponent as f, inject as g, ref as v, computed as m, unref as e, provide as H, openBlock as d, createElementBlock as y, normalizeStyle as o, createBlock as C, withCtx as E, renderSlot as c, createCommentVNode as _, createElementVNode as N } from "vue";
-import k from "./WatchSize.vue.mjs";
-import { FULLSCREEN_HEIGHT_CHANNEL as x } from "../../inject/key.mjs";
-const S = /* @__PURE__ */ f({
+import { defineComponent as p, ref as u, computed as a, watch as d, openBlock as i, createElementBlock as g, Fragment as f, createBlock as H, withCtx as v, renderSlot as n, createCommentVNode as w, normalizeProps as C, guardReactiveProps as _, unref as k } from "vue";
+import P from "./WatchSize.vue.mjs";
+const S = /* @__PURE__ */ p({
   __name: "HeightProvider",
   props: {
-    height: {},
-    channel: { default: x }
+    viewportHeight: {},
+    minHeight: { default: 0 }
   },
-  setup(h) {
-    const r = h, i = r.channel, p = g(
-      i,
-      void 0
-    ), l = v(0), a = m(() => r.height ?? e(p) ?? 0), t = m(() => Math.max(a.value - l.value, 0));
-    return H(i, t), (n, s) => (d(), y("div", {
-      style: o({ minHeight: e(a) + "px" })
-    }, [
-      n.$slots.header ? (d(), C(k, {
+  emits: ["childViewportHeightChange"],
+  setup(s, { emit: l }) {
+    const t = s, h = l, o = u(0), r = a(
+      () => Math.max(t.viewportHeight - o.value, t.minHeight)
+    ), m = (e) => {
+      o.value = e;
+    }, c = a(
+      () => ({
+        viewportHeight: r.value
+      })
+    );
+    return d(r, (e) => h("childViewportHeightChange", e), {
+      immediate: !0
+    }), (e, $) => (i(), g(f, null, [
+      e.$slots.header ? (i(), H(P, {
         key: 0,
-        style: o({ minHeight: e(t) + "px" }),
-        onHeightChange: s[0] || (s[0] = (u) => l.value = u)
+        onHeightChange: m
       }, {
-        default: E(() => [
-          c(n.$slots, "header")
+        default: v(() => [
+          n(e.$slots, "header")
         ]),
         _: 3
-      }, 8, ["style"])) : _("", !0),
-      N("div", {
-        style: o({ minHeight: e(t) + "px" })
-      }, [
-        c(n.$slots, "default", { height: e(t) })
-      ], 4)
-    ], 4));
+      })) : w("", !0),
+      n(e.$slots, "default", C(_(k(c))))
+    ], 64));
   }
 });
 export {

package/es/components/display/TabsHeader.vue.mjs

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

package/es/components/display/TabsHeader.vue2.mjs

@@ -0,0 +1,76 @@
+import { defineComponent as $, toRefs as z, useModel as K, ref as T, computed as n, onMounted as g, onBeforeUnmount as B, watch as R, openBlock as i, createElementBlock as r, normalizeClass as b, unref as o, Fragment as S, renderList as D, renderSlot as H, createTextVNode as I, toDisplayString as N, normalizeStyle as V, createCommentVNode as F, mergeModels as U, nextTick as W } from "vue";
+const X = ["onClick"], q = /* @__PURE__ */ $({
+  __name: "TabsHeader",
+  props: /* @__PURE__ */ U({
+    tabs: {},
+    level: { default: 1 },
+    variant: {}
+  }, {
+    activeKey: {},
+    activeKeyModifiers: {}
+  }),
+  emits: ["update:activeKey"],
+  setup(v) {
+    const d = v, { tabs: k, level: h, variant: M } = z(d), s = K(v, "activeKey"), l = /* @__PURE__ */ new Map(), m = T(0), f = n(
+      () => Math.min(Math.max(Math.floor(h.value), 1), 4)
+    ), w = n(() => `tabs-main-bar--l${f.value}`), C = {
+      1: "card",
+      2: "indicator",
+      3: "indicator-compact",
+      4: "plain"
+    }, c = n(
+      () => M.value ?? C[f.value]
+    ), x = n(
+      () => `tabs-main-bar--variant-${c.value}`
+    ), _ = n(
+      () => c.value === "indicator" || c.value === "indicator-compact"
+    ), E = n(() => {
+      const [, t] = [m.value, s.value], a = t ? l.get(t) : void 0;
+      return a ? {
+        width: `${a.offsetWidth}px`,
+        transform: `translateX(${a.offsetLeft}px)`
+      } : { width: "0px" };
+    }), L = (t, a) => {
+      a instanceof HTMLElement ? l.set(t, a) : l.delete(t);
+    }, u = () => {
+      W(() => {
+        m.value++;
+      });
+    }, p = () => u();
+    return g(() => {
+      u(), window.addEventListener("resize", p);
+    }), B(() => {
+      window.removeEventListener("resize", p);
+    }), R(
+      () => d.tabs,
+      () => u(),
+      { flush: "post" }
+    ), (t, a) => (i(), r("div", {
+      class: b(["tabs-main-bar", [o(w), o(x)]])
+    }, [
+      (i(!0), r(S, null, D(o(k), (e) => (i(), r("button", {
+        key: e.key,
+        ref_for: !0,
+        ref: (y) => L(e.key, y),
+        type: "button",
+        class: b(["tabs-main-bar-item", { "tabs-main-bar-item_active": e.key === s.value }]),
+        onClick: (y) => s.value = e.key
+      }, [
+        H(t.$slots, e.key, {
+          tab: e,
+          active: e.key === s.value
+        }, () => [
+          I(N(e.title), 1)
+        ], !0)
+      ], 10, X))), 128)),
+      o(_) ? (i(), r("div", {
+        key: 0,
+        class: "tabs-main-bar-indicator",
+        style: V(o(E))
+      }, null, 4)) : F("", !0)
+    ], 2));
+  }
+});
+export {
+  q as default
+};

package/es/components/display/TabsMain.vue.mjs

@@ -1,7 +1,102 @@
-import o from "./TabsMain.vue2.mjs";
-/* empty css               */
-import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c9b7515f"]]);
+import { defineComponent as m, inject as R, toRefs as T, useModel as A, useSlots as N, ref as P, computed as f, h as $, provide as q, watch as x, openBlock as i, createBlock as l, resolveDynamicComponent as E, unref as r, mergeProps as I, withCtx as s, KeepAlive as U, createCommentVNode as j, createVNode as z, createSlots as D, renderList as F, renderSlot as G, normalizeProps as J, guardReactiveProps as O, mergeModels as Q } from "vue";
+import W from "./TabsRefineFlow.vue.mjs";
+import X from "./TabsNaturalFlow.vue.mjs";
+import Y from "./TabsHeader.vue.mjs";
+import { TABS_MAIN_VISUAL_LEVEL as h } from "../../inject/key.mjs";
+const oe = /* @__PURE__ */ m({
+  __name: "TabsMain",
+  props: /* @__PURE__ */ Q({
+    tabs: {},
+    viewportHeight: {},
+    minHeight: { default: 100 },
+    channel: {},
+    parentChannel: {},
+    padding: {},
+    refine: { type: Boolean, default: !0 },
+    refineReduceHeight: { default: 0 },
+    variant: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(u) {
+    const o = u, p = R(h, 0) + 1, {
+      viewportHeight: g,
+      minHeight: y,
+      channel: H,
+      parentChannel: w,
+      padding: b,
+      refine: v,
+      refineReduceHeight: k,
+      variant: V,
+      tabs: d
+    } = T(o), a = A(u, "modelValue"), _ = N(), c = P(void 0), C = f(
+      () => v.value ? W : X
+    ), L = f(
+      () => v.value ? {
+        viewportHeight: g.value,
+        minHeight: y.value,
+        channel: H.value,
+        parentChannel: w.value,
+        padding: b.value,
+        refineReduceHeight: k.value
+      } : {}
+    ), K = (e) => o.tabs.find((n) => n.key === e), M = (e) => {
+      c.value = e;
+    }, S = m({
+      name: "TabsMainPane",
+      props: {
+        paneKey: { type: String, required: !0 },
+        viewportHeight: { type: Number, required: !1 }
+      },
+      setup(e) {
+        return () => {
+          const n = _[e.paneKey], t = K(e.paneKey);
+          return n ? n({
+            tab: t,
+            active: !0,
+            viewportHeight: e.viewportHeight
+          }) : t != null && t.component ? $(t.component) : null;
+        };
+      }
+    });
+    return q(h, p), x(
+      [a, () => o.tabs],
+      () => {
+        !(!!a.value && o.tabs.some((n) => n.key === a.value)) && o.tabs.length && (a.value = o.tabs[0].key);
+      },
+      { immediate: !0 }
+    ), (e, n) => (i(), l(E(r(C)), I(r(L), { onViewportHeightChange: M }), {
+      header: s(() => [
+        z(Y, {
+          "active-key": a.value,
+          "onUpdate:activeKey": n[0] || (n[0] = (t) => a.value = t),
+          tabs: r(d),
+          level: p,
+          variant: r(V)
+        }, D({ _: 2 }, [
+          F(r(d), (t) => ({
+            name: t.key,
+            fn: s((B) => [
+              G(e.$slots, `header-${t.key}`, J(O(B)))
+            ])
+          }))
+        ]), 1032, ["active-key", "tabs", "variant"])
+      ]),
+      default: s(() => [
+        (i(), l(U, null, [
+          a.value ? (i(), l(r(S), {
+            key: a.value,
+            "pane-key": a.value,
+            "viewport-height": r(c)
+          }, null, 8, ["pane-key", "viewport-height"])) : j("", !0)
+        ], 1024))
+      ]),
+      _: 3
+    }, 16));
+  }
+});
 export {
-  m as default
+  oe as default
 };

package/es/components/display/TabsMain.vue2.mjs

@@ -1,97 +1,4 @@
-import { defineComponent as y, useModel as T, useSlots as x, computed as v, watch as b, h as K, ref as S, onMounted as V, onBeforeUnmount as N, openBlock as l, createBlock as u, withCtx as k, KeepAlive as $, unref as a, createCommentVNode as z, createElementVNode as _, createElementBlock as g, Fragment as B, renderList as H, normalizeClass as F, renderSlot as R, createTextVNode as A, toDisplayString as I, normalizeStyle as U, mergeModels as q, nextTick as D } from "vue";
-import G from "./HeightProvider.vue.mjs";
-import { FULLSCREEN_HEIGHT_CHANNEL as P } from "../../inject/key.mjs";
-const W = { class: "tabs-main-bar" }, X = ["onClick"], Q = /* @__PURE__ */ y({
-  __name: "TabsMain",
-  props: /* @__PURE__ */ q({
-    tabs: {},
-    channel: { default: P },
-    height: {}
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(d) {
-    const o = d, s = T(d, "modelValue"), E = x(), w = (e) => o.tabs.find((t) => t.key === e), m = (e) => !!e && o.tabs.some((t) => t.key === e), r = v(() => m(s.value) ? s.value : o.tabs.length ? o.tabs[0].key : void 0);
-    b(
-      [s, () => o.tabs],
-      () => {
-        !m(s.value) && o.tabs.length && (s.value = o.tabs[0].key);
-      },
-      { immediate: !0 }
-    );
-    const M = y({
-      name: "TabsMainPane",
-      props: { paneKey: { type: String, required: !0 } },
-      setup(e) {
-        return () => {
-          const t = E[e.paneKey], n = w(e.paneKey);
-          return t ? t({ tab: n, active: !0 }) : n != null && n.component ? K(n.component) : null;
-        };
-      }
-    }), i = /* @__PURE__ */ new Map(), C = (e, t) => {
-      t instanceof HTMLElement ? i.set(e, t) : i.delete(e);
-    }, f = S(0), L = v(() => {
-      const [, e] = [f.value, r.value], t = e ? i.get(e) : void 0;
-      return t ? {
-        width: `${t.offsetWidth}px`,
-        transform: `translateX(${t.offsetLeft}px)`
-      } : { width: "0px" };
-    }), c = () => {
-      D(() => {
-        f.value++;
-      });
-    };
-    b(
-      () => o.tabs,
-      () => c(),
-      { flush: "post" }
-    );
-    const p = () => c();
-    return V(() => {
-      c(), window.addEventListener("resize", p);
-    }), N(() => {
-      window.removeEventListener("resize", p);
-    }), (e, t) => (l(), u(G, {
-      height: o.height,
-      channel: o.channel
-    }, {
-      header: k(() => [
-        _("div", W, [
-          (l(!0), g(B, null, H(o.tabs, (n) => (l(), g("button", {
-            key: n.key,
-            ref_for: !0,
-            ref: (h) => C(n.key, h),
-            type: "button",
-            class: F(["tabs-main-bar-item", { "tabs-main-bar-item_active": n.key === a(r) }]),
-            onClick: (h) => s.value = n.key
-          }, [
-            R(e.$slots, `header-${n.key}`, {
-              tab: n,
-              active: n.key === a(r)
-            }, () => [
-              A(I(n.title), 1)
-            ], !0)
-          ], 10, X))), 128)),
-          _("div", {
-            class: "tabs-main-bar-indicator",
-            style: U(a(L))
-          }, null, 4)
-        ])
-      ]),
-      default: k(() => [
-        (l(), u($, null, [
-          a(r) ? (l(), u(a(M), {
-            key: a(r),
-            "pane-key": a(r)
-          }, null, 8, ["pane-key"])) : z("", !0)
-        ], 1024))
-      ]),
-      _: 3
-    }, 8, ["height", "channel"]));
-  }
-});
+import f from "./TabsMain.vue.mjs";
 export {
-  Q as default
+  f as default
 };

package/es/components/display/TabsNaturalFlow.vue.mjs

@@ -0,0 +1,17 @@
+import { defineComponent as s, onMounted as a, openBlock as r, createElementBlock as i, renderSlot as t } from "vue";
+const l = { class: "tabs-natural-flow" }, p = /* @__PURE__ */ s({
+  __name: "TabsNaturalFlow",
+  emits: ["viewportHeightChange"],
+  setup(c, { emit: o }) {
+    const n = o;
+    return a(() => {
+      n("viewportHeightChange", void 0);
+    }), (e, d) => (r(), i("div", l, [
+      t(e.$slots, "header"),
+      t(e.$slots, "default")
+    ]));
+  }
+});
+export {
+  p as default
+};

package/es/components/display/TabsNaturalFlow.vue2.mjs

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

package/es/components/display/TabsRefineFlow.vue.mjs

@@ -0,0 +1,62 @@
+import { defineComponent as w, ref as C, computed as n, provide as b, watch as y, openBlock as S, createBlock as V, unref as l, createSlots as $, withCtx as h, createElementVNode as x, normalizeStyle as _, renderSlot as d } from "vue";
+import k from "./HeightProvider.vue.mjs";
+import { useChannelViewportHeight as L } from "../../hooks/use-channel-viewport-height.mjs";
+const M = /* @__PURE__ */ w({
+  __name: "TabsRefineFlow",
+  props: {
+    viewportHeight: {},
+    minHeight: {},
+    channel: {},
+    parentChannel: {},
+    padding: { default: () => [10, 10, 0, 10] },
+    refineReduceHeight: { default: 0 }
+  },
+  emits: ["viewportHeightChange"],
+  setup(i, { emit: p }) {
+    const e = i, c = p, o = e.channel ? Symbol.for(e.channel) : void 0, { viewportHeightFinal: s, parentLevel: a } = L(e), r = C(0), g = n(() => e.padding[0] + e.padding[2]), m = n(() => ({
+      padding: e.padding.map((t) => `${t}px`).join(" "),
+      boxSizing: "border-box"
+    })), v = n(
+      () => Math.max(
+        s.value - g.value - e.refineReduceHeight,
+        0
+      )
+    ), u = n(
+      () => a.value > 0 ? a.value : 1
+    ), f = n(() => u.value + 1), H = (t) => {
+      r.value = t, c("viewportHeightChange", t);
+    };
+    return o && b(o, {
+      viewportHeight: n(() => r.value),
+      level: f.value
+    }), y(
+      // eslint-disable-next-line vue/no-setup-props-destructure
+      () => e.channel,
+      () => console.error("[TabsMain] channel 不支持响应式变更,当前值已忽略。")
+    ), (t, R) => (S(), V(k, {
+      viewportHeight: l(v),
+      minHeight: i.minHeight,
+      onChildViewportHeightChange: H
+    }, $({
+      default: h(() => [
+        x("div", {
+          style: _(l(m))
+        }, [
+          d(t.$slots, "default")
+        ], 4)
+      ]),
+      _: 2
+    }, [
+      t.$slots.header ? {
+        name: "header",
+        fn: h(() => [
+          d(t.$slots, "header")
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1032, ["viewportHeight", "minHeight"]));
+  }
+});
+export {
+  M as default
+};

package/es/components/display/TabsRefineFlow.vue2.mjs

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

package/es/components/display/index.mjs

@@ -1,16 +1,18 @@
-import r from "./WatchSize.vue.mjs";
+import n from "./WatchSize.vue.mjs";
 import a from "./TabsMain.vue.mjs";
-import e from "./HeightProvider.vue.mjs";
-const n = { WatchSize: r, TabsMain: a, HeightProvider: e }, p = {
+import r from "./HeightProvider.vue.mjs";
+import s from "./ActionBtnGroup.vue.mjs";
+const c = { WatchSize: n, TabsMain: a, HeightProvider: r, ActionBtnGroup: s }, _ = {
   install(o) {
-    Object.entries(n).forEach(([t, i]) => {
-      o.component(t, i);
+    Object.entries(c).forEach(([i, t]) => {
+      o.component(i, t);
     });
   }
 };
 export {
-  e as HeightProvider,
+  s as ActionBtnGroup,
+  r as HeightProvider,
   a as TabsMain,
-  r as WatchSize,
-  p as displayInstall
+  n as WatchSize,
+  _ as displayInstall
 };