@keyblade/pro-components 1.4.5 → 1.5.0

package/es/components.d.ts

@@ -1,6 +1,6 @@
 declare module 'vue' {
     interface GlobalComponents {
-        KbProBreadcrumb: typeof import('./index')['ProBreadcrumb'];
+        KbProPageHeader: typeof import('./index')['ProPageHeader'];
         KbProKeepAliveRouterView: typeof import('./index')['ProKeepAliveRouterView'];
         KbProLayout: typeof import('./index')['ProLayout'];
         KbProMenu: typeof import('./index')['ProMenu'];

package/es/index.d.ts

@@ -3,7 +3,7 @@ declare const _default: {
     install(app: App): void;
 };
 export default _default;
-export { default as ProBreadcrumb } from './pro-breadcrumb';
+export { default as ProPageHeader } from './pro-page-header';
 export { default as ProKeepAliveRouterView } from './pro-keep-alive-router-view';
 export { default as ProLayout } from './pro-layout';
 export { default as ProMenu } from './pro-menu';

package/es/index.js

@@ -1,31 +1,26 @@
-import { ProBreadcrumb } from "./pro-breadcrumb/index.js";
-import { default as default2 } from "./pro-breadcrumb/index.js";
-import { ProKeepAliveRouterView } from "./pro-keep-alive-router-view/index.js";
-import { default as default3 } from "./pro-keep-alive-router-view/index.js";
-import { ProLayout } from "./pro-layout/index.js";
-import { default as default4 } from "./pro-layout/index.js";
-import { ProMenu } from "./pro-menu/index.js";
-import { default as default5 } from "./pro-menu/index.js";
-import { ProPageContainer } from "./pro-page-container/index.js";
-import { default as default6 } from "./pro-page-container/index.js";
-import { ProReuseTabs } from "./pro-reuse-tabs/index.js";
-import { default as default7 } from "./pro-reuse-tabs/index.js";
-const index = {
-  install(app) {
-    app.use(ProBreadcrumb);
-    app.use(ProKeepAliveRouterView);
-    app.use(ProLayout);
-    app.use(ProMenu);
-    app.use(ProPageContainer);
-    app.use(ProReuseTabs);
+import { ProPageHeader as o } from "./pro-page-header/index.js";
+import { default as g } from "./pro-page-header/index.js";
+import { ProKeepAliveRouterView as r } from "./pro-keep-alive-router-view/index.js";
+import { default as b } from "./pro-keep-alive-router-view/index.js";
+import { ProLayout as t } from "./pro-layout/index.js";
+import { default as w } from "./pro-layout/index.js";
+import { ProMenu as a } from "./pro-menu/index.js";
+import { default as A } from "./pro-menu/index.js";
+import { ProPageContainer as u } from "./pro-page-container/index.js";
+import { default as H } from "./pro-page-container/index.js";
+import { ProReuseTabs as f } from "./pro-reuse-tabs/index.js";
+import { default as L } from "./pro-reuse-tabs/index.js";
+const n = {
+  install(e) {
+    e.use(o), e.use(r), e.use(t), e.use(a), e.use(u), e.use(f);
   }
 };
 export {
-  default2 as ProBreadcrumb,
-  default3 as ProKeepAliveRouterView,
-  default4 as ProLayout,
-  default5 as ProMenu,
-  default6 as ProPageContainer,
-  default7 as ProReuseTabs,
-  index as default
+  b as ProKeepAliveRouterView,
+  w as ProLayout,
+  A as ProMenu,
+  H as ProPageContainer,
+  g as ProPageHeader,
+  L as ProReuseTabs,
+  n as default
 };

package/es/pro-keep-alive-router-view/index.d.ts

@@ -7,7 +7,6 @@ declare const ProKeepAliveRouterView: {
             keepAliveInclude?: string[] | undefined;
             keepAliveExclude?: string[] | undefined;
             keepAliveMax?: number | undefined;
-            style?: unknown;
             key?: string | number | symbol | undefined;
             ref?: VNodeRef | undefined;
             ref_for?: boolean | undefined;
@@ -51,6 +50,7 @@ declare const ProKeepAliveRouterView: {
                 [key: string]: any;
             }>) => void)[] | undefined;
             class?: unknown;
+            style?: unknown;
         };
         $attrs: {
             [x: string]: unknown;

package/es/pro-keep-alive-router-view/index.js

@@ -1,11 +1,10 @@
-import _sfc_main from "./pro-keep-alive-router-view.vue.js";
-const ProKeepAliveRouterView = Object.assign(_sfc_main, {
-  install: (app) => {
-    app.component("KbProKeepAliveRouterView", _sfc_main);
+import e from "./pro-keep-alive-router-view.vue.js";
+const t = Object.assign(e, {
+  install: (o) => {
+    o.component("KbProKeepAliveRouterView", e);
   }
-});
-const ProKeepAliveRouterView$1 = ProKeepAliveRouterView;
+}), r = t;
 export {
-  ProKeepAliveRouterView,
-  ProKeepAliveRouterView$1 as default
+  t as ProKeepAliveRouterView,
+  r as default
 };

package/es/pro-keep-alive-router-view/pro-keep-alive-router-view.vue.js

@@ -1,49 +1,39 @@
-import { defineComponent, inject, computed, resolveComponent, openBlock, createBlock, withCtx, KeepAlive, resolveDynamicComponent } from "vue";
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as d, inject as v, computed as u, resolveComponent as s, openBlock as l, createBlock as n, withCtx as A, KeepAlive as f, resolveDynamicComponent as k } from "vue";
+const _ = /* @__PURE__ */ d({
   __name: "pro-keep-alive-router-view",
   props: {
     /** 包含 */
     keepAliveInclude: {
       type: Array,
-      required: false,
+      required: !1,
       default: () => []
     },
     /** 排除（ProLayout里一般不会用） */
     keepAliveExclude: {
       type: Array,
-      required: false,
+      required: !1,
       default: () => []
     },
     /** 最大数（ProLayout里一般不会用） */
     keepAliveMax: {
       type: Number,
-      required: false,
+      required: !1,
       default: 9999
     }
   },
-  setup(__props) {
-    const props = __props;
-    const proKeepAliveInclude = inject("ProKeepAliveInclude", []);
-    const include = computed(() => {
-      if (props.keepAliveInclude instanceof Array && props.keepAliveInclude.length === 0 || !props.keepAliveInclude) {
-        return proKeepAliveInclude.value;
-      }
-      return props.keepAliveInclude || [];
-    });
-    const exclude = computed(() => {
-      return props.keepAliveExclude || [];
-    });
-    return (_ctx, _cache) => {
-      const _component_router_view = resolveComponent("router-view");
-      return openBlock(), createBlock(_component_router_view, null, {
-        default: withCtx(({ Component, route }) => [
-          (openBlock(), createBlock(KeepAlive, {
-            include: include.value,
-            exclude: exclude.value,
-            max: __props.keepAliveMax
+  setup(r) {
+    const e = r, t = v("ProKeepAliveInclude", []), c = u(() => e.keepAliveInclude instanceof Array && e.keepAliveInclude.length === 0 || !e.keepAliveInclude ? t.value : e.keepAliveInclude || []), o = u(() => e.keepAliveExclude || []);
+    return (m, x) => {
+      const i = s("router-view");
+      return l(), n(i, null, {
+        default: A(({ Component: p, route: a }) => [
+          (l(), n(f, {
+            include: c.value,
+            exclude: o.value,
+            max: r.keepAliveMax
           }, [
-            (openBlock(), createBlock(resolveDynamicComponent(Component), {
-              key: route.fullPath
+            (l(), n(k(p), {
+              key: a.fullPath
             }))
           ], 1032, ["include", "exclude", "max"]))
         ]),
@@ -53,5 +43,5 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 export {
-  _sfc_main as default
+  _ as default
 };

package/es/pro-keep-alive-router-view/pro-keep-alive-router-view.vue2.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./pro-keep-alive-router-view.vue.js";
+import f from "./pro-keep-alive-router-view.vue.js";
 export {
-  _sfc_main as default
+  f as default
 };

package/es/pro-layout/hooks.d.ts

@@ -1,7 +1,7 @@
 import { type Ref } from 'vue';
 import type { IProMenuItem } from '../pro-menu';
 export declare function useHooks(menuItems: Ref<IProMenuItem[]>, options: {
-    showTabs: boolean;
+    hideTabs: boolean;
 }): {
     menuSelectedKeys: Ref<string[]>;
     activeMenuItem: Ref<IProMenuItem | undefined>;

package/es/pro-layout/hooks.js

@@ -1,181 +1,106 @@
-import { ref, watch } from "vue";
-import { useRoute, useRouter } from "vue-router";
-function useHooks(menuItems, options) {
-  const route = useRoute();
-  const router = useRouter();
-  const menuSelectedKeys = ref([]);
-  const onMenuItemClick = (key) => {
-    menuSelectedKeys.value = [key];
-  };
-  const activeMenuItem = ref();
-  const activeMenuItemPaths = ref([]);
-  const menuItemMap = ref({});
-  const breadcrumbItems = ref([]);
-  const tabs = ref([]);
-  const keepAliveInclude = ref([]);
-  const setActiveMenuItemPaths = () => {
-    const paths = [];
-    const recursion = (_menuItems) => {
-      var _a;
-      for (const i in _menuItems) {
-        const menuItem = _menuItems[i];
-        if (menuItem.name === ((_a = activeMenuItem == null ? void 0 : activeMenuItem.value) == null ? void 0 : _a.name)) {
-          delete menuItem.children;
-          paths.unshift(menuItem);
-          return true;
-        }
-        if (menuItem.children && menuItem.children.length > 0) {
-          const ok = recursion(menuItem.children);
-          if (ok) {
-            delete menuItem.children;
-            paths.unshift(menuItem);
-            return true;
-          }
-        }
+import { ref as r, watch as b } from "vue";
+import { useRoute as S, useRouter as x } from "vue-router";
+function K(d, T) {
+  const i = S(), m = x(), h = r([]), P = (a) => {
+    h.value = [a];
+  }, u = r(), f = r([]), v = r({}), p = r([]), s = r([]), o = r([]), N = () => {
+    const a = [], t = (e) => {
+      var l;
+      for (const n in e) {
+        const c = e[n];
+        if (c.name === ((l = u == null ? void 0 : u.value) == null ? void 0 : l.name) || c.children && c.children.length > 0 && t(c.children))
+          return delete c.children, a.unshift(c), !0;
       }
-      return false;
+      return !1;
     };
-    recursion(JSON.parse(JSON.stringify(menuItems.value)));
-    activeMenuItemPaths.value = paths;
-  };
-  const setBreadcrumbItems = () => {
-    var _a, _b;
-    const activeMenuItemTitles = activeMenuItemPaths.value.map((v) => v.title);
-    breadcrumbItems.value = ((_a = activeMenuItem.value) == null ? void 0 : _a.breadcrumbs) ? (_b = activeMenuItem.value) == null ? void 0 : _b.breadcrumbs : activeMenuItemTitles.length !== 0 ? activeMenuItemTitles : [];
+    t(JSON.parse(JSON.stringify(d.value))), f.value = a;
+  }, k = () => {
+    var t, e;
+    const a = f.value.map((l) => l.title);
+    p.value = (t = u.value) != null && t.breadcrumbs ? (e = u.value) == null ? void 0 : e.breadcrumbs : a.length !== 0 ? a : [];
   };
-  function setTabs() {
-    if (!activeMenuItem.value || activeMenuItem.value.noAffix) {
-      tabs.value.forEach((tab) => {
-        tab.active = false;
+  function y() {
+    if (!u.value || u.value.noAffix) {
+      s.value.forEach((n) => {
+        n.active = !1;
       });
       return;
     }
-    const { name: menuItemName, title: menuItemTitle } = activeMenuItem.value;
-    let findIndex = -1;
-    tabs.value.forEach((v, i) => {
-      v.active = false;
-      if (v.name === menuItemName) {
-        findIndex = i;
-      }
+    const { name: a, title: t } = u.value;
+    let e = -1;
+    s.value.forEach((n, c) => {
+      n.active = !1, n.name === a && (e = c);
     });
-    const newTab = {
-      name: menuItemName,
-      parentNames: activeMenuItemPaths.value.map((v) => v.name),
-      title: menuItemTitle ?? menuItemName,
-      fullPath: route.fullPath,
-      active: true
+    const l = {
+      name: a,
+      parentNames: f.value.map((n) => n.name),
+      title: t ?? a,
+      fullPath: i.fullPath,
+      active: !0
     };
-    if (~findIndex) {
-      const findTab = tabs.value[findIndex];
-      if (findTab.fullPath === route.fullPath) {
-        findTab.active = true;
-        findTab.fullPath = route.fullPath;
-      } else {
-        tabs.value.splice(findIndex, 1);
-        setTimeout(() => {
-          tabs.value.push(newTab);
-        });
-      }
-    } else {
-      tabs.value.push(newTab);
-    }
+    if (~e) {
+      const n = s.value[e];
+      n.fullPath === i.fullPath ? (n.active = !0, n.fullPath = i.fullPath) : (s.value.splice(e, 1), setTimeout(() => {
+        s.value.push(l);
+      }));
+    } else
+      s.value.push(l);
   }
-  const onTabClick = (key) => {
-    const findTabIndex = tabs.value.findIndex((v) => v.name === key);
-    const findTab = tabs.value[findTabIndex];
-    router.push(findTab.fullPath);
-  };
-  const onTabDelete = (key) => {
-    let activeIndex = -1;
-    let findTabIndex = -1;
-    tabs.value.forEach((tab, index) => {
-      if (tab.name === key) {
-        findTabIndex = index;
-      }
-      if (tab.active) {
-        activeIndex = index;
-      }
-    });
-    if (activeIndex === findTabIndex) {
-      let tab;
-      if (findTabIndex === 0) {
-        tab = tabs.value[findTabIndex + 1];
-      } else {
-        tab = tabs.value[findTabIndex - 1];
-      }
-      tab.active = true;
-      router.push(tab.fullPath);
+  const E = (a) => {
+    const t = s.value.findIndex((l) => l.name === a), e = s.value[t];
+    m.push(e.fullPath);
+  }, g = (a) => {
+    let t = -1, e = -1;
+    if (s.value.forEach((n, c) => {
+      n.name === a && (e = c), n.active && (t = c);
+    }), t === e) {
+      let n;
+      e === 0 ? n = s.value[e + 1] : n = s.value[e - 1], n.active = !0, m.push(n.fullPath);
     }
-    const deleteTab = tabs.value.splice(findTabIndex, 1);
-    removeKeepAliveInclude(deleteTab[0]);
-  };
-  const addKeepAliveInclude = () => {
-    var _a;
-    if ((_a = route == null ? void 0 : route.meta) == null ? void 0 : _a.ignoreCache) {
+    const l = s.value.splice(e, 1);
+    I(l[0]);
+  }, A = () => {
+    var t;
+    if ((t = i == null ? void 0 : i.meta) != null && t.ignoreCache)
       return;
-    }
-    const keys = new Set(keepAliveInclude.value);
-    activeMenuItemPaths.value.forEach((item) => {
-      if (item.name) {
-        keys.add(item.name);
-      }
-    });
-    keepAliveInclude.value = Array.from(keys.values());
-  };
-  const removeKeepAliveInclude = (tab) => {
-    const keys = new Set(keepAliveInclude.value);
-    tab.parentNames.forEach((name) => {
-      keys.delete(name);
-    });
-    tabs.value.forEach((tab2) => {
-      tab2.parentNames.forEach((name) => {
-        const menuItem = menuItemMap.value[name];
-        if (menuItem == null ? void 0 : menuItem.ignoreCache) {
-          return;
-        }
-        keys.add(menuItem.name);
+    const a = new Set(o.value);
+    f.value.forEach((e) => {
+      e.name && a.add(e.name);
+    }), o.value = Array.from(a.values());
+  }, I = (a) => {
+    const t = new Set(o.value);
+    a.parentNames.forEach((e) => {
+      t.delete(e);
+    }), s.value.forEach((e) => {
+      e.parentNames.forEach((l) => {
+        const n = v.value[l];
+        n != null && n.ignoreCache || t.add(n.name);
       });
-    });
-    keepAliveInclude.value = Array.from(keys.values());
+    }), o.value = Array.from(t.values());
   };
-  watch(menuItems, () => {
-    const _menuItemMap = {};
-    const fn = (_menuItem) => {
-      _menuItem.forEach((menuItem) => {
-        if (menuItem.children && menuItem.children.length > 0) {
-          fn(menuItem.children);
-        }
-        delete menuItem["children"];
-        _menuItemMap[menuItem.name] = menuItem;
+  return b(d, () => {
+    const a = {}, t = (e) => {
+      e.forEach((l) => {
+        l.children && l.children.length > 0 && t(l.children), delete l.children, a[l.name] = l;
       });
     };
-    fn(JSON.parse(JSON.stringify(menuItems.value)));
-    menuItemMap.value = _menuItemMap;
-  }, { immediate: true });
-  watch(() => route == null ? void 0 : route.name, () => {
-    var _a;
-    const routeName = route == null ? void 0 : route.name;
-    activeMenuItem.value = menuItemMap.value[routeName];
-    menuSelectedKeys.value = (activeMenuItem == null ? void 0 : activeMenuItem.value) ? [activeMenuItem.value.name, ...((_a = activeMenuItem.value) == null ? void 0 : _a.activatedKeys) || []] : [];
-    setActiveMenuItemPaths();
-    setBreadcrumbItems();
-    if (options.showTabs) {
-      setTabs();
-    }
-    addKeepAliveInclude();
-  }, { immediate: true });
-  return {
-    menuSelectedKeys,
-    activeMenuItem,
-    menuItemMap,
-    breadcrumbItems,
-    tabs,
-    keepAliveInclude,
-    onMenuItemClick,
-    onTabClick,
-    onTabDelete
+    t(JSON.parse(JSON.stringify(d.value))), v.value = a;
+  }, { immediate: !0 }), b(() => i == null ? void 0 : i.name, () => {
+    var t;
+    const a = i == null ? void 0 : i.name;
+    u.value = v.value[a], h.value = u != null && u.value ? [u.value.name, ...((t = u.value) == null ? void 0 : t.activatedKeys) || []] : [], N(), k(), T.hideTabs || y(), A();
+  }, { immediate: !0 }), {
+    menuSelectedKeys: h,
+    activeMenuItem: u,
+    menuItemMap: v,
+    breadcrumbItems: p,
+    tabs: s,
+    keepAliveInclude: o,
+    onMenuItemClick: P,
+    onTabClick: E,
+    onTabDelete: g
   };
 }
 export {
-  useHooks
+  K as useHooks
 };

package/es/pro-layout/index.d.ts

@@ -14,8 +14,8 @@ declare const ProLayout: {
             siderCollapsed?: boolean | undefined;
             menuItems?: IProMenuItem[] | undefined;
             footerTitle?: string | undefined;
-            showTabs?: boolean | undefined;
-            style?: unknown;
+            hideFooter?: boolean | undefined;
+            hideTabs?: boolean | undefined;
             key?: string | number | symbol | undefined;
             ref?: VNodeRef | undefined;
             ref_for?: boolean | undefined;
@@ -59,6 +59,7 @@ declare const ProLayout: {
                 [key: string]: any;
             }>) => void)[] | undefined;
             class?: unknown;
+            style?: unknown;
             onCollapse?: ((collapsed: boolean) => any) | undefined;
             onKeepAliveIncludeChange?: ((keepAliveInclude: string[]) => any) | undefined;
         };
@@ -86,12 +87,12 @@ declare const ProLayout: {
                 required: false;
                 default: number;
             };
-            title: {
+            logo: {
                 type: PropType<string>;
                 required: false;
                 default: string;
             };
-            logo: {
+            title: {
                 type: PropType<string>;
                 required: false;
                 default: string;
@@ -121,7 +122,12 @@ declare const ProLayout: {
                 required: false;
                 default: string;
             };
-            showTabs: {
+            hideFooter: {
+                type: PropType<boolean>;
+                required: false;
+                default: boolean;
+            };
+            hideTabs: {
                 type: PropType<boolean>;
                 required: false;
                 default: boolean;
@@ -142,7 +148,8 @@ declare const ProLayout: {
             siderCollapsed: boolean;
             menuItems: IProMenuItem[];
             footerTitle: string;
-            showTabs: boolean;
+            hideFooter: boolean;
+            hideTabs: boolean;
         }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -174,12 +181,12 @@ declare const ProLayout: {
             required: false;
             default: number;
         };
-        title: {
+        logo: {
             type: PropType<string>;
             required: false;
             default: string;
         };
-        logo: {
+        title: {
             type: PropType<string>;
             required: false;
             default: string;
@@ -209,7 +216,12 @@ declare const ProLayout: {
             required: false;
             default: string;
         };
-        showTabs: {
+        hideFooter: {
+            type: PropType<boolean>;
+            required: false;
+            default: boolean;
+        };
+        hideTabs: {
             type: PropType<boolean>;
             required: false;
             default: boolean;
@@ -232,12 +244,12 @@ declare const ProLayout: {
         required: false;
         default: number;
     };
-    title: {
+    logo: {
         type: PropType<string>;
         required: false;
         default: string;
     };
-    logo: {
+    title: {
         type: PropType<string>;
         required: false;
         default: string;
@@ -267,7 +279,12 @@ declare const ProLayout: {
         required: false;
         default: string;
     };
-    showTabs: {
+    hideFooter: {
+        type: PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+    hideTabs: {
         type: PropType<boolean>;
         required: false;
         default: boolean;
@@ -288,7 +305,8 @@ declare const ProLayout: {
     siderCollapsed: boolean;
     menuItems: IProMenuItem[];
     footerTitle: string;
-    showTabs: boolean;
+    hideFooter: boolean;
+    hideTabs: boolean;
 }, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
     $slots: {
         "header-left"?(_: {}): any;

package/es/pro-layout/index.js

@@ -1,27 +1,16 @@
-import _sfc_main from "./pro-layout.vue.js";
+import e from "./pro-layout.vue.js";
 import "./pro-layout.vue2.js";
-import { Layout, Space, Typography, Button, Affix } from "@arco-design/web-vue";
-import { ProKeepAliveRouterView } from "../pro-keep-alive-router-view/index.js";
-import { ProMenu } from "../pro-menu/index.js";
-import { ProReuseTabs } from "../pro-reuse-tabs/index.js";
-import { IconMenuFold, IconMenuUnfold } from "@arco-design/web-vue/es/icon";
-const ProLayout = Object.assign(_sfc_main, {
-  install: (app) => {
-    app.use(Layout);
-    app.use(Space);
-    app.use(Typography);
-    app.use(Button);
-    app.use(Affix);
-    app.use(ProKeepAliveRouterView);
-    app.use(ProMenu);
-    app.use(ProReuseTabs);
-    app.use(IconMenuFold);
-    app.use(IconMenuUnfold);
-    app.component("KbProLayout", _sfc_main);
+import { Layout as r, Space as t, Typography as u, Button as s, Affix as m } from "@arco-design/web-vue";
+import { ProKeepAliveRouterView as n } from "../pro-keep-alive-router-view/index.js";
+import { ProMenu as i } from "../pro-menu/index.js";
+import { ProReuseTabs as f } from "../pro-reuse-tabs/index.js";
+import { IconMenuFold as c, IconMenuUnfold as l } from "@arco-design/web-vue/es/icon";
+const y = Object.assign(e, {
+  install: (o) => {
+    o.use(r), o.use(t), o.use(u), o.use(s), o.use(m), o.use(n), o.use(i), o.use(f), o.use(c), o.use(l), o.component("KbProLayout", e);
   }
-});
-const ProLayout$1 = ProLayout;
+}), x = y;
 export {
-  ProLayout,
-  ProLayout$1 as default
+  y as ProLayout,
+  x as default
 };