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

package/es/components/list-page/use-sticky.mjs

@@ -1,41 +1,53 @@
-import { computed as c, shallowRef as k, inject as p, watch as h, nextTick as A } from "vue";
-import { APP_PAGE_CONTENT_INSET as f } from "../../inject/key.mjs";
-import { useActivated as T } from "../../hooks/activated.mjs";
-import { domClosestStickyScrollport as d } from "../../utils/dom.mjs";
-function w(e) {
-  const r = c(
-    () => e.searchSticky() && !e.separateSearch()
-  ), i = c(() => e.toolbarSticky()), l = c(() => e.pagerSticky()), s = k(), o = p(f, void 0), a = k(), u = c(
-    () => r.value || i.value || l.value
-  ), v = () => {
-    var t;
-    u.value && (a.value = d(
-      (t = s.value) == null ? void 0 : t.$el
-    ));
+import { computed, shallowRef, inject, watch, nextTick } from "vue";
+import { APP_PAGE_CONTENT_INSET } from "../../inject/key.mjs";
+import { useActivated } from "../../hooks/activated.mjs";
+import { domClosestStickyScrollport } from "../../utils/dom.mjs";
+function useListPageSticky(options) {
+  const searchStickyActive = computed(
+    () => options.searchSticky() && !options.separateSearch()
+  );
+  const toolbarStickyActive = computed(() => options.toolbarSticky());
+  const pagerStickyActive = computed(() => options.pagerSticky());
+  const layoutRoot = shallowRef();
+  const pageInset = inject(APP_PAGE_CONTENT_INSET, void 0);
+  const stickyScrollAncestor = shallowRef();
+  const anyStickyActive = computed(
+    () => searchStickyActive.value || toolbarStickyActive.value || pagerStickyActive.value
+  );
+  const detectStickyScrollAncestor = () => {
+    var _a;
+    if (!anyStickyActive.value) return;
+    stickyScrollAncestor.value = domClosestStickyScrollport(
+      (_a = layoutRoot.value) == null ? void 0 : _a.$el
+    );
   };
-  T((t) => {
-    t.isActivated && v();
-  }), h(u, (t) => {
-    t && A(v);
+  useActivated((info) => {
+    if (info.isActivated) detectStickyScrollAncestor();
+  });
+  watch(anyStickyActive, (active) => {
+    if (active) nextTick(detectStickyScrollAncestor);
+  });
+  const stickyBaseTop = computed(
+    () => stickyScrollAncestor.value ? 0 : (pageInset == null ? void 0 : pageInset.value.top) ?? 0
+  );
+  const searchStickyTop = computed(() => `${stickyBaseTop.value}px`);
+  const toolbarStickyTop = computed(() => {
+    const stack = searchStickyActive.value && options.showSearch() ? options.searchHeight() : 0;
+    return `${stickyBaseTop.value + stack}px`;
   });
-  const S = c(
-    () => a.value ? 0 : (o == null ? void 0 : o.value.top) ?? 0
-  ), y = c(() => `${S.value}px`), n = c(() => {
-    const t = r.value && e.showSearch() ? e.searchHeight() : 0;
-    return `${S.value + t}px`;
-  }), m = c(
-    () => a.value ? "0px" : `${(o == null ? void 0 : o.value.bottom) ?? 0}px`
+  const pagerStickyBottom = computed(
+    () => stickyScrollAncestor.value ? "0px" : `${(pageInset == null ? void 0 : pageInset.value.bottom) ?? 0}px`
   );
   return {
-    layoutRoot: s,
-    searchStickyActive: r,
-    toolbarStickyActive: i,
-    pagerStickyActive: l,
-    searchStickyTop: y,
-    toolbarStickyTop: n,
-    pagerStickyBottom: m
+    layoutRoot,
+    searchStickyActive,
+    toolbarStickyActive,
+    pagerStickyActive,
+    searchStickyTop,
+    toolbarStickyTop,
+    pagerStickyBottom
   };
 }
 export {
-  w as useListPageSticky
+  useListPageSticky
 };

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

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

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

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

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

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

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

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

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

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

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

@@ -1,64 +1,89 @@
-import { defineComponent as M, useModel as f, computed as R, watch as w, openBlock as y, createBlock as B, unref as t, withCtx as v, createElementVNode as p, createVNode as h, mergeModels as E } from "vue";
-import { ElPopover as g, ElInputNumber as x, ElSwitch as N } from "element-plus";
-import { Refresh as V } from "@element-plus/icons-vue";
-import { useTimeout as T } from "../../hooks/timeout.mjs";
-import { useActivated as k } from "../../hooks/activated.mjs";
-const A = { class: "auto-refresh" }, I = /* @__PURE__ */ M({
+import { defineComponent, useModel, computed, watch, openBlock, createBlock, unref, withCtx, createElementVNode, createVNode, mergeModels } from "vue";
+import { ElPopover, ElInputNumber, ElSwitch } from "element-plus";
+import { Refresh } from "@element-plus/icons-vue";
+import { useTimeout } from "../../hooks/timeout.mjs";
+import { useActivated } from "../../hooks/activated.mjs";
+const _hoisted_1 = { class: "auto-refresh" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "AutoRefresh",
-  props: /* @__PURE__ */ E({
+  props: /* @__PURE__ */ mergeModels({
     refreshFn: {},
     disabled: { type: Boolean }
   }, {
-    modelValue: { type: Boolean, default: !1 },
-    modelModifiers: {},
-    interval: { default: 5 },
-    intervalModifiers: {}
+    "modelValue": { type: Boolean, ...{ default: false } },
+    "modelModifiers": {},
+    "interval": { default: 5 },
+    "intervalModifiers": {}
   }),
   emits: ["update:modelValue", "update:interval"],
-  setup(r) {
-    const d = r, i = f(r, "modelValue"), l = f(r, "interval"), n = R(() => i.value && !d.disabled), [b, m] = T();
-    let o = null;
-    const c = () => (o || (o = d.refreshFn().catch(() => {
-    }).finally(() => {
-      o = null;
-    })), o), s = () => {
-      b(async () => {
-        await c(), n.value && s();
-      }, l.value * 1e3);
+  setup(__props) {
+    const props = __props;
+    const modelValue = useModel(__props, "modelValue");
+    const intervalModel = useModel(__props, "interval");
+    const openRefresh = computed(() => modelValue.value && !props.disabled);
+    const [setTimer, clearTimer] = useTimeout();
+    let _refreshPromise = null;
+    const doRefresh = () => {
+      if (!_refreshPromise) {
+        _refreshPromise = props.refreshFn().catch(() => {
+        }).finally(() => {
+          _refreshPromise = null;
+        });
+      }
+      return _refreshPromise;
+    };
+    const scheduleRefresh = () => {
+      setTimer(async () => {
+        await doRefresh();
+        if (openRefresh.value) scheduleRefresh();
+      }, intervalModel.value * 1e3);
+    };
+    watch([openRefresh, intervalModel], ([open]) => {
+      open ? scheduleRefresh() : clearTimer();
+    });
+    useActivated(({ isActivated, triggerType }) => {
+      if (!isActivated) {
+        return;
+      }
+      if (openRefresh.value) {
+        if (triggerType === "activated") {
+          clearTimer();
+          doRefresh();
+        }
+        scheduleRefresh();
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElPopover), {
+        trigger: "hover",
+        placement: "bottom-start"
+      }, {
+        reference: withCtx(() => [
+          createVNode(unref(ElSwitch), {
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
+            "active-action-icon": unref(Refresh),
+            "inactive-action-icon": unref(Refresh)
+          }, null, 8, ["modelValue", "active-action-icon", "inactive-action-icon"])
+        ]),
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            _cache[2] || (_cache[2] = createElementVNode("div", { class: "auto-refresh-label" }, "自动刷新间隔(秒)", -1)),
+            createVNode(unref(ElInputNumber), {
+              modelValue: intervalModel.value,
+              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => intervalModel.value = $event),
+              min: 1,
+              step: 1,
+              size: "small",
+              class: "auto-refresh-interval"
+            }, null, 8, ["modelValue"])
+          ])
+        ]),
+        _: 1
+      });
     };
-    return w([n, l], ([a]) => {
-      a ? s() : m();
-    }), k(({ isActivated: a, triggerType: e }) => {
-      a && n.value && (e === "activated" && (m(), c()), s());
-    }), (a, e) => (y(), B(t(g), {
-      trigger: "hover",
-      placement: "bottom-start"
-    }, {
-      reference: v(() => [
-        h(t(N), {
-          modelValue: i.value,
-          "onUpdate:modelValue": e[0] || (e[0] = (u) => i.value = u),
-          "active-action-icon": t(V),
-          "inactive-action-icon": t(V)
-        }, null, 8, ["modelValue", "active-action-icon", "inactive-action-icon"])
-      ]),
-      default: v(() => [
-        p("div", A, [
-          e[2] || (e[2] = p("div", { class: "auto-refresh-label" }, "自动刷新间隔(秒)", -1)),
-          h(t(x), {
-            modelValue: l.value,
-            "onUpdate:modelValue": e[1] || (e[1] = (u) => l.value = u),
-            min: 1,
-            step: 1,
-            size: "small",
-            class: "auto-refresh-interval"
-          }, null, 8, ["modelValue"])
-        ])
-      ]),
-      _: 1
-    }));
   }
 });
 export {
-  I as default
+  _sfc_main as default
 };

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

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