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

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

@@ -1,14 +1,16 @@
-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` : ""
+import { computed } from "vue";
+const useFillHeight = (options) => {
+  const fillMinHeight = computed(() => {
+    if (!options.enabled()) return void 0;
+    const raw = options.rawAvailableHeight();
+    return raw && raw > 0 ? raw : void 0;
+  });
+  const fillActive = computed(() => fillMinHeight.value !== void 0);
+  const fillMinHeightCss = computed(
+    () => fillMinHeight.value ? `${fillMinHeight.value}px` : ""
   );
-  return { fillActive: r, fillMinHeight: e, fillMinHeightCss: n };
+  return { fillActive, fillMinHeight, fillMinHeightCss };
 };
 export {
-  a as useFillHeight
+  useFillHeight
 };

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

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

package/es/config/list-model.mjs

@@ -1,4 +1,4 @@
-const e = Object.freeze({
+const APP_API_LIST_MODEL_KEY_CONFIG = Object.freeze({
   /** 当前页码 key */
   CURRENT_PAGE_KEY: "page.page",
   /** 每页条数 key */
@@ -9,5 +9,5 @@ const e = Object.freeze({
   LIST_KEY: "items"
 });
 export {
-  e as APP_API_LIST_MODEL_KEY_CONFIG
+  APP_API_LIST_MODEL_KEY_CONFIG
 };

package/es/config/route.mjs

@@ -1,5 +1,6 @@
-const e = 1, a = "_tab";
+const ROUTE_MODULE_LEVEL = 1;
+const TabsMainReplaceQueryKey = "_tab";
 export {
-  e as ROUTE_MODULE_LEVEL,
-  a as TabsMainReplaceQueryKey
+  ROUTE_MODULE_LEVEL,
+  TabsMainReplaceQueryKey
 };

package/es/helpers/form.mjs

@@ -1,32 +1,42 @@
-import { ElInput as e, ElInputNumber as m, ElSelect as n } from "element-plus";
-import p from "../components/form/FormSelect.vue.mjs";
-import s from "../components/form/FormSearch.vue.mjs";
-import i from "../components/form/FormVerifyImage.vue.mjs";
-import f from "../components/form/FormVerifyCode.vue.mjs";
-import { setInputComponent as _, setSelectComponent as a } from "../components/form/utils.mjs";
-const S = {
+import { ElInput, ElInputNumber, ElSelect } from "element-plus";
+import _sfc_main$1 from "../components/form/FormSelect.vue.mjs";
+import FormSearch from "../components/form/FormSearch.vue.mjs";
+import FormVerifyImage from "../components/form/FormVerifyImage.vue.mjs";
+import _sfc_main from "../components/form/FormVerifyCode.vue.mjs";
+import { setInputComponent, setSelectComponent } from "../components/form/utils.mjs";
+const passwordRule = {
   message: "限定20个以内字母、数字",
   pattern: /^[0-9a-zA-Z]{0,20}$/,
   trigger: "blur"
-}, F = (o) => ({
-  validator: (l, t, r) => {
-    t !== o() ? r("两次输入密码不一致!") : r();
-  },
-  trigger: "blur"
-}), I = `SELECT_ALL_${Date.now().toString(
+};
+const getConfirmPasswordRule = (getPassword) => {
+  return {
+    validator: (_rule, value, callback) => {
+      if (value !== getPassword()) {
+        callback("两次输入密码不一致!");
+      } else {
+        callback();
+      }
+    },
+    trigger: "blur"
+  };
+};
+const FORM_CONFIG_SELECT_ALL_VALUE = `SELECT_ALL_${Date.now().toString(
   36
-)}`, A = () => {
-  _([
-    e,
-    m,
-    s,
-    i,
-    f
-  ]), a([n, p]);
+)}`;
+const setFormComponentType = () => {
+  setInputComponent([
+    ElInput,
+    ElInputNumber,
+    FormSearch,
+    FormVerifyImage,
+    _sfc_main
+  ]);
+  setSelectComponent([ElSelect, _sfc_main$1]);
 };
 export {
-  I as FORM_CONFIG_SELECT_ALL_VALUE,
-  F as getConfirmPasswordRule,
-  S as passwordRule,
-  A as setFormComponentType
+  FORM_CONFIG_SELECT_ALL_VALUE,
+  getConfirmPasswordRule,
+  passwordRule,
+  setFormComponentType
 };

package/es/helpers/list-helper.mjs

@@ -1,62 +1,77 @@
-async function A(r, n, e) {
-  var o;
-  const i = (e == null ? void 0 : e.pageSize) ?? 200, a = (e == null ? void 0 : e.limit) ?? 1e4;
-  if (i < 1 || i > 1e3)
+const DEFAULT_PAGE_SIZE = 200;
+const DEFAULT_LIMIT = 1e4;
+async function fetchListAll(api, baseParams, opts) {
+  var _a;
+  const pageSize = (opts == null ? void 0 : opts.pageSize) ?? DEFAULT_PAGE_SIZE;
+  const limit = (opts == null ? void 0 : opts.limit) ?? DEFAULT_LIMIT;
+  if (pageSize < 1 || pageSize > 1e3) {
     throw new Error(
-      `fetchListAll: pageSize 必须在 [1, 1000] 范围内(实际 ${i})`
+      `fetchListAll: pageSize 必须在 [1, 1000] 范围内(实际 ${pageSize})`
     );
-  const t = [];
-  let c = 1;
-  for (; ; ) {
-    const s = {
-      ...n,
-      page: { page: c, pageSize: i }
-    }, l = await r(s), g = l.items, p = ((o = l.page) == null ? void 0 : o.totalRecord) ?? 0;
-    if (t.push(...g), t.length >= a || g.length < i || t.length >= p) break;
-    c += 1;
   }
-  return t.slice(0, a);
+  const all = [];
+  let page = 1;
+  while (true) {
+    const params = {
+      ...baseParams,
+      page: { page, pageSize }
+    };
+    const resp = await api(params);
+    const items = resp.items;
+    const totalRecord = ((_a = resp.page) == null ? void 0 : _a.totalRecord) ?? 0;
+    all.push(...items);
+    if (all.length >= limit) break;
+    if (items.length < pageSize) break;
+    if (all.length >= totalRecord) break;
+    page += 1;
+  }
+  return all.slice(0, limit);
 }
-function f(r) {
-  return async (n) => {
-    const e = n.page;
-    if (!e)
+function createListApi(source) {
+  return async (params) => {
+    const page = params.page;
+    if (!page) {
       throw new Error("createListApi: params.page 必填(含 page / pageSize)");
-    const { page: i, pageSize: a } = e;
-    if (!a || a <= 0)
+    }
+    const { page: pageNum, pageSize } = page;
+    if (!pageSize || pageSize <= 0) {
       throw new Error("createListApi: pageSize 必须 > 0");
-    let t;
-    if (Array.isArray(r))
-      t = r;
-    else {
-      const s = r();
-      if (s instanceof Promise) {
-        const l = await s;
-        if (!Array.isArray(l))
+    }
+    let list;
+    if (Array.isArray(source)) {
+      list = source;
+    } else {
+      const r = source();
+      if (r instanceof Promise) {
+        const awaited = await r;
+        if (!Array.isArray(awaited)) {
           throw new Error("createListApi: 异步 source 返回值必须为数组");
-        t = l;
-      } else
-        t = s;
+        }
+        list = awaited;
+      } else {
+        list = r;
+      }
     }
-    const c = (i - 1) * a, o = c + a;
+    const start = (pageNum - 1) * pageSize;
+    const end = start + pageSize;
     return {
-      items: t.slice(c, o),
+      items: list.slice(start, end),
       page: {
-        totalRecord: t.length,
-        pageSize: a,
-        totalPage: Math.ceil(t.length / a)
+        totalRecord: list.length,
+        pageSize,
+        totalPage: Math.ceil(list.length / pageSize)
       }
     };
   };
 }
-function h(r, n) {
-  return r({
-    ...n,
+function countAll(api, baseParams) {
+  return api({
+    ...baseParams,
     page: { page: 1, pageSize: 1 }
-  }).then((e) => e.page.totalRecord);
+  }).then((r) => r.page.totalRecord);
 }
 export {
-  h as countAll,
-  f as createListApi,
-  A as fetchListAll
+  countAll,
+  createListApi,
+  fetchListAll
 };

package/es/hooks/activated.mjs

@@ -1,48 +1,64 @@
-import { ref as n, computed as o, readonly as r, onMounted as u, onActivated as A, onDeactivated as g, onBeforeUnmount as m, watch as v } from "vue";
-const s = (t) => {
-  const e = n({
-    isActivated: !1,
+import { ref, computed, readonly, onMounted, onActivated, onDeactivated, onBeforeUnmount, watch } from "vue";
+const useActivated = (watchFn) => {
+  const activatedInfo = ref({
+    isActivated: false,
     triggerType: "mounted"
-  }), i = o(() => e.value.isActivated), a = o(() => r(e.value)), d = (c) => {
-    e.value = c, t == null || t(c);
+  });
+  const isActivated = computed(() => activatedInfo.value.isActivated);
+  const activatedInfoReadonly = computed(() => readonly(activatedInfo.value));
+  const changeActivatedInfo = (info) => {
+    activatedInfo.value = info;
+    watchFn == null ? void 0 : watchFn(info);
   };
-  return u(() => {
-    d({ isActivated: !0, triggerType: "mounted" }), A(() => {
-      d({ isActivated: !0, triggerType: "activated" });
+  onMounted(() => {
+    changeActivatedInfo({ isActivated: true, triggerType: "mounted" });
+    onActivated(() => {
+      changeActivatedInfo({ isActivated: true, triggerType: "activated" });
     });
-  }), g(() => {
-    d({ isActivated: !1, triggerType: "deactivated" });
-  }), m(() => {
-    d({ isActivated: !1, triggerType: "unmounted" });
-  }), {
-    isActivated: i,
-    activatedInfo: a
+  });
+  onDeactivated(() => {
+    changeActivatedInfo({ isActivated: false, triggerType: "deactivated" });
+  });
+  onBeforeUnmount(() => {
+    changeActivatedInfo({ isActivated: false, triggerType: "unmounted" });
+  });
+  return {
+    isActivated,
+    activatedInfo: activatedInfoReadonly
   };
-}, l = (t) => {
-  const { activatedInfo: e } = s();
-  v(
-    e,
-    (i) => {
-      i.isActivated && t(i);
+};
+const useActivatedExec = (callback) => {
+  const { activatedInfo } = useActivated();
+  watch(
+    activatedInfo,
+    (info) => {
+      if (info.isActivated) {
+        callback(info);
+      }
     },
     {
-      immediate: !0
+      immediate: true
     }
   );
-}, p = (t, e) => {
-  const { activatedInfo: i } = s();
-  v(
-    i,
-    (a) => {
-      a.isActivated ? t(a) : e(a);
+};
+const useActivatedEvent = (bind, unbind) => {
+  const { activatedInfo } = useActivated();
+  watch(
+    activatedInfo,
+    (info) => {
+      if (info.isActivated) {
+        bind(info);
+      } else {
+        unbind(info);
+      }
     },
     {
-      immediate: !0
+      immediate: true
     }
   );
 };
 export {
-  s as useActivated,
-  p as useActivatedEvent,
-  l as useActivatedExec
+  useActivated,
+  useActivatedEvent,
+  useActivatedExec
 };

package/es/hooks/feel-size.mjs

@@ -1,30 +1,46 @@
-import { shallowRef as c, ref as f, onBeforeMount as a, computed as h } from "vue";
-const w = () => {
-  const t = c(), o = f(), n = new ResizeObserver((e) => {
-    for (const u of e) {
-      const { target: v, contentRect: i } = u;
-      v === t.value && (o.value = {
-        width: i.width,
-        height: i.height
-      });
+import { shallowRef, ref, onBeforeMount, computed } from "vue";
+const useFeelSize = () => {
+  const el = shallowRef();
+  const sizeInfo = ref();
+  const resizeObserver = new ResizeObserver((entries) => {
+    for (const entry of entries) {
+      const { target, contentRect } = entry;
+      if (target === el.value) {
+        sizeInfo.value = {
+          width: contentRect.width,
+          height: contentRect.height
+        };
+      }
     }
-  }), s = () => {
-    t.value && (n.unobserve(t.value), t.value = void 0, o.value = void 0);
-  }, r = (e) => {
-    e !== t.value && (s(), n.observe(e), t.value = e, o.value = {
-      width: e.offsetWidth,
-      height: e.offsetHeight
-    });
+  });
+  const unwatchDom = () => {
+    if (el.value) {
+      resizeObserver.unobserve(el.value);
+      el.value = void 0;
+      sizeInfo.value = void 0;
+    }
+  };
+  const watchDom = (dom) => {
+    if (dom === el.value) return;
+    unwatchDom();
+    resizeObserver.observe(dom);
+    el.value = dom;
+    sizeInfo.value = {
+      width: dom.offsetWidth,
+      height: dom.offsetHeight
+    };
   };
-  return a(() => {
-    s(), n.disconnect();
-  }), {
-    unwatchDom: s,
-    watchDom: r,
+  onBeforeMount(() => {
+    unwatchDom();
+    resizeObserver.disconnect();
+  });
+  return {
+    unwatchDom,
+    watchDom,
     /** 元素尺寸信息只读属性 */
-    sizeInfo: h(() => o.value)
+    sizeInfo: computed(() => sizeInfo.value)
   };
 };
 export {
-  w as useFeelSize
+  useFeelSize
 };

package/es/hooks/menus-dispatch.mjs

@@ -1,47 +1,80 @@
-import { computed as t } from "vue";
-import { useRoute as F } from "vue-router";
-import { ROUTE_MODULE_LEVEL as c } from "../config/route.mjs";
-const O = ({
-  getMenus: v,
-  getMenuFlatList: d,
-  getExtractLevel1ToHeader: h
+import { computed } from "vue";
+import { useRoute } from "vue-router";
+import { ROUTE_MODULE_LEVEL } from "../config/route.mjs";
+const useMenusDataDispatch = ({
+  getMenus,
+  getMenuFlatList,
+  getExtractLevel1ToHeader
 }) => {
-  const u = t(v), M = t(d), n = t(h), o = F(), r = t(() => M.value.find((e) => e.path === o.path)), f = t(
-    () => r.value && i(r.value, !0)
-  ), a = t(() => {
-    if (!r.value) {
+  const menus = computed(getMenus);
+  const menuFlatList = computed(getMenuFlatList);
+  const extractLevel1ToHeader = computed(getExtractLevel1ToHeader);
+  const route = useRoute();
+  const activeMenu = computed(() => {
+    return menuFlatList.value.find((item) => {
+      return item.path === route.path;
+    });
+  });
+  const needRedirectToFirstChildMenu = computed(
+    () => activeMenu.value && getCanRedirectFirstChildMenu(activeMenu.value, true)
+  );
+  const activeModulePath = computed(() => {
+    if (!activeMenu.value) {
       console.warn(
-        `当前 ${o.path} 未找到聚焦的菜单 可能路由配置不展示菜单`
+        `当前 ${route.path} 未找到聚焦的菜单 可能路由配置不展示菜单`
       );
       return;
     }
-    return r.value.routeLevel === c ? r.value.path : r.value.parentPathList[0];
-  }), l = t(() => a.value ? u.value.find((e) => e.path === a.value) : void 0), p = t(() => {
-    var e;
-    return (e = l.value) == null ? void 0 : e.children;
-  }), L = t(() => n.value ? p.value || [] : u.value), m = t(() => u.value.filter((e) => e.routeLevel === c)), C = t(
-    () => m.value.map((e) => ({
-      ...e,
-      // 避免 展示子菜单
-      children: []
-    }))
-  ), R = t(() => n.value ? C.value : []), i = (e, E) => {
-    if (e.redirectToFirstChildRoute) {
-      const s = e.children[0];
-      if (s)
-        return i(s, !1);
+    if (activeMenu.value.routeLevel === ROUTE_MODULE_LEVEL) {
+      return activeMenu.value.path;
+    } else {
+      return activeMenu.value.parentPathList[0];
+    }
+  });
+  const activeModuleMenu = computed(() => {
+    return activeModulePath.value ? menus.value.find((item) => item.path === activeModulePath.value) : void 0;
+  });
+  const activeModuleMenuChildrenMenu = computed(() => {
+    var _a;
+    return (_a = activeModuleMenu.value) == null ? void 0 : _a.children;
+  });
+  const sidebarMenus = computed(() => {
+    return extractLevel1ToHeader.value ? activeModuleMenuChildrenMenu.value || [] : menus.value;
+  });
+  const routeModuleLevelList = computed(() => {
+    return menus.value.filter((item) => item.routeLevel === ROUTE_MODULE_LEVEL);
+  });
+  const routeModuleLevel1ListNoChildren = computed(
+    () => routeModuleLevelList.value.map((item) => {
+      return {
+        ...item,
+        // 避免 展示子菜单
+        children: []
+      };
+    })
+  );
+  const headerMenus = computed(() => {
+    return extractLevel1ToHeader.value ? routeModuleLevel1ListNoChildren.value : [];
+  });
+  const getCanRedirectFirstChildMenu = (menu, isInitCall) => {
+    if (menu.redirectToFirstChildRoute) {
+      const firstChild = menu.children[0];
+      if (firstChild) {
+        return getCanRedirectFirstChildMenu(firstChild, false);
+      }
+    }
+    if (!isInitCall) {
+      return menu;
     }
-    if (!E)
-      return e;
   };
   return {
-    sidebarMenus: L,
-    headerMenus: R,
-    activeMenu: r,
-    activeModuleMenu: l,
-    needRedirectToFirstChildMenu: f
+    sidebarMenus,
+    headerMenus,
+    activeMenu,
+    activeModuleMenu,
+    needRedirectToFirstChildMenu
   };
 };
 export {
-  O as useMenusDataDispatch
+  useMenusDataDispatch
 };

package/es/hooks/timeout.mjs

@@ -1,21 +1,36 @@
-import { ref as c, onBeforeUnmount as n, watch as s } from "vue";
-import { useActivated as v } from "./activated.mjs";
-const l = (o = !0) => {
-  const { isActivated: r } = v(), e = c(void 0), t = () => {
-    e.value !== null && e.value !== void 0 && (clearTimeout(e.value), e.value = void 0);
-  }, u = (i, m) => {
-    t(), e.value = setTimeout(i, m);
+import { ref, onBeforeUnmount, watch } from "vue";
+import { useActivated } from "./activated.mjs";
+const useTimeout = (autoClear = true) => {
+  const { isActivated } = useActivated();
+  const timer = ref(void 0);
+  const clearTimer = () => {
+    if (timer.value !== null && timer.value !== void 0) {
+      clearTimeout(timer.value);
+      timer.value = void 0;
+    }
+  };
+  const setTimer = (handler, timeout) => {
+    clearTimer();
+    timer.value = setTimeout(handler, timeout);
   };
-  return o && n(t), s(
-    r,
-    (i) => {
-      i || o && t();
+  if (autoClear) {
+    onBeforeUnmount(clearTimer);
+  }
+  watch(
+    isActivated,
+    (n) => {
+      if (!n) {
+        if (autoClear) {
+          clearTimer();
+        }
+      }
     },
     {
-      immediate: !0
+      immediate: true
     }
-  ), [u, t];
+  );
+  return [setTimer, clearTimer];
 };
 export {
-  l as useTimeout
+  useTimeout
 };