@keyblade/pro-components 1.13.8-alpha.2 → 1.13.8-alpha.4

package/es/pro-layout/hooks.js

@@ -1,131 +1,131 @@
-import { ref as r, computed as L, watch as g } from "vue";
+import { ref as h, computed as L, watch as g } from "vue";
 import { useRoute as R, useRouter as W } from "vue-router";
 import { ProLayoutMode as P, ProLayoutMenuType as B } from "./enum.js";
-function z(u) {
-  const o = R(), h = W(), y = r([]), T = r([]), i = r(), v = r([]), M = r({}), k = r([]), s = r([]), p = r([]), b = r([]), f = r([]), d = L(() => {
-    const a = [...u.menuItems], e = (n) => {
-      n.forEach((l) => {
+function z(o) {
+  const u = R(), r = W(), y = h([]), T = h([]), i = h(), v = h([]), M = h({}), k = h([]), s = h([]), p = h([]), b = h([]), f = h([]), d = L(() => {
+    const e = [...o.menuItems], a = (t) => {
+      t.forEach((l) => {
         if (l != null && l.children && l.children.length > 0) {
           if ((l == null ? void 0 : l.topChildrenMenu) !== void 0)
-            l.children = l.children.map((t) => ({ ...t, topMenu: l == null ? void 0 : l.topChildrenMenu }));
+            l.children = l.children.map((n) => ({ ...n, topMenu: l == null ? void 0 : l.topChildrenMenu }));
           else {
-            const t = l.children.find((c) => c.topMenu !== void 0);
-            t && (l.topChildrenMenu = t.topMenu, l.children = l.children.map((c) => ({ ...c, topMenu: t.topMenu })));
+            const n = l.children.find((c) => c.topMenu !== void 0);
+            n && (l.topChildrenMenu = n.topMenu, l.children = l.children.map((c) => ({ ...c, topMenu: n.topMenu })));
           }
-          e(l.children);
+          a(l.children);
         }
       });
     };
-    return u.layout === P.mix && e(a), a;
-  }), C = (a) => {
-    var e;
-    y.value = [a.name], !(a != null && a.children) || ((e = a == null ? void 0 : a.children) == null ? void 0 : e.length) === 0 ? (f.value = [], h == null || h.push({ path: a.path })) : f.value = a.children;
-  }, E = (a) => {
-    h == null || h.push({ path: a.path }), T.value = [a.name];
-  }, N = async (a, e) => {
-    if (e != null && e.path && !(u != null && u.onMenuItemClick && !await u.onMenuItemClick(e))) {
-      if (e.path.startsWith("http") || e.path.startsWith("https")) {
-        window.open(e.path);
+    return o.layout === P.mix && a(e), e;
+  }), C = (e) => {
+    var a;
+    y.value = [e.name], !(e != null && e.children) || ((a = e == null ? void 0 : e.children) == null ? void 0 : a.length) === 0 ? (f.value = [], r == null || r.push({ path: e.path })) : f.value = e.children;
+  }, E = (e) => {
+    e != null && e.name ? r == null || r.push({ name: e.name }) : r == null || r.push({ path: e.path, params: {} }), T.value = [e.name];
+  }, N = async (e, a) => {
+    if (a != null && a.path && !(o != null && o.onMenuItemClick && !await o.onMenuItemClick(a))) {
+      if (a.path.startsWith("http") || a.path.startsWith("https")) {
+        window.open(a.path);
         return;
       }
-      a === B.top ? C(e) : E(e);
+      e === B.top ? C(a) : E(a);
     }
   }, S = () => {
-    const a = [], e = (n) => {
+    const e = [], a = (t) => {
       var l;
-      for (const t in n) {
-        const c = n[t];
-        if (c.name === ((l = i == null ? void 0 : i.value) == null ? void 0 : l.name) || c.children && c.children.length > 0 && e(c.children))
-          return a.unshift(c), !0;
+      for (const n in t) {
+        const c = t[n];
+        if (c.name === ((l = i == null ? void 0 : i.value) == null ? void 0 : l.name) || c.children && c.children.length > 0 && a(c.children))
+          return e.unshift(c), !0;
       }
       return !1;
     };
-    e(JSON.parse(JSON.stringify(d.value))), v.value = a;
+    a(JSON.parse(JSON.stringify(d.value))), v.value = e;
   }, x = () => {
-    var e, n, l;
-    const a = (e = v.value) == null ? void 0 : e.map((t) => ({ path: t == null ? void 0 : t.path, label: t == null ? void 0 : t.title }));
-    k.value = (n = i.value) != null && n.breadcrumbs ? (l = i.value) == null ? void 0 : l.breadcrumbs : a.length !== 0 ? a : [];
+    var a, t, l;
+    const e = (a = v.value) == null ? void 0 : a.map((n) => ({ path: n == null ? void 0 : n.path, label: n == null ? void 0 : n.title }));
+    k.value = (t = i.value) != null && t.breadcrumbs ? (l = i.value) == null ? void 0 : l.breadcrumbs : e.length !== 0 ? e : [];
   };
   function A() {
     if (!i.value || i.value.noAffix) {
-      s.value.forEach((t) => {
-        t.active = !1;
+      s.value.forEach((n) => {
+        n.active = !1;
       });
       return;
     }
-    const { name: a, title: e } = i.value;
-    let n = -1;
-    s.value.forEach((t, c) => {
-      t.active = !1, t.name === a && (n = c);
+    const { name: e, title: a } = i.value;
+    let t = -1;
+    s.value.forEach((n, c) => {
+      n.active = !1, n.name === e && (t = c);
     });
     const l = {
-      name: a,
-      parentNames: v.value.map((t) => t.name),
-      title: e ?? a,
-      fullPath: o.fullPath,
+      name: e,
+      parentNames: v.value.map((n) => n.name),
+      title: a ?? e,
+      fullPath: u.fullPath,
       active: !0
     };
-    if (~n) {
-      const t = s.value[n];
-      t.fullPath === o.fullPath ? (t.active = !0, t.fullPath = o.fullPath) : (s.value.splice(n, 1), setTimeout(() => {
+    if (~t) {
+      const n = s.value[t];
+      n.fullPath === u.fullPath ? (n.active = !0, n.fullPath = u.fullPath) : (s.value.splice(t, 1), setTimeout(() => {
         s.value.push(l);
       }));
     } else
       s.value.push(l);
   }
-  const w = (a) => {
-    const e = s.value.findIndex((l) => l.name === a), n = s.value[e];
-    h.push(n.fullPath);
-  }, K = (a) => {
-    let e = -1, n = -1;
-    if (s.value.forEach((t, c) => {
-      t.name === a && (n = c), t.active && (e = c);
-    }), e === n) {
-      let t;
-      n === 0 ? t = s.value[n + 1] : t = s.value[n - 1], t.active = !0, h.push(t.fullPath);
+  const w = (e) => {
+    const a = s.value.findIndex((l) => l.name === e), t = s.value[a];
+    r.push(t.fullPath);
+  }, K = (e) => {
+    let a = -1, t = -1;
+    if (s.value.forEach((n, c) => {
+      n.name === e && (t = c), n.active && (a = c);
+    }), a === t) {
+      let n;
+      t === 0 ? n = s.value[t + 1] : n = s.value[t - 1], n.active = !0, r.push(n.fullPath);
     }
-    const l = s.value.splice(n, 1);
+    const l = s.value.splice(t, 1);
     O(l[0]);
   }, J = () => {
-    var e;
-    if (u != null && u.disableKeepAlive || (e = o == null ? void 0 : o.meta) != null && e.ignoreCache)
+    var a;
+    if (o != null && o.disableKeepAlive || (a = u == null ? void 0 : u.meta) != null && a.ignoreCache)
       return;
-    const a = new Set(p.value);
-    v.value.forEach((n) => {
-      n.name && a.add(n.name);
-    }), p.value = Array.from(a.values());
-  }, O = (a) => {
     const e = new Set(p.value);
-    a.parentNames.forEach((n) => {
-      e.delete(n);
-    }), s.value.forEach((n) => {
-      n.parentNames.forEach((l) => {
-        const t = M.value[l];
-        t != null && t.ignoreCache || e.add(t.name);
-      });
+    v.value.forEach((t) => {
+      t.name && e.add(t.name);
     }), p.value = Array.from(e.values());
+  }, O = (e) => {
+    const a = new Set(p.value);
+    e.parentNames.forEach((t) => {
+      a.delete(t);
+    }), s.value.forEach((t) => {
+      t.parentNames.forEach((l) => {
+        const n = M.value[l];
+        n != null && n.ignoreCache || a.add(n.name);
+      });
+    }), p.value = Array.from(a.values());
   };
   return g(() => d.value, () => {
-    const a = {}, e = (n) => {
-      n.forEach((l) => {
-        l.children && l.children.length > 0 && e(l.children), delete l.children, a[l.name] = l;
+    const e = {}, a = (t) => {
+      t.forEach((l) => {
+        l.children && l.children.length > 0 && a(l.children), delete l.children, e[l.name] = l;
       });
     };
-    e(JSON.parse(JSON.stringify(d.value))), M.value = a;
-  }, { immediate: !0 }), g(() => [u.layout, d.value], () => {
-    var a;
-    if (b.value = [], f.value = [], u.layout === P.side)
+    a(JSON.parse(JSON.stringify(d.value))), M.value = e;
+  }, { immediate: !0 }), g(() => [o.layout, d.value], () => {
+    var e;
+    if (b.value = [], f.value = [], o.layout === P.side)
       f.value = d.value;
-    else if (u.layout === P.mix) {
-      const e = (a = d.value) == null ? void 0 : a.filter((n) => n.topMenu);
-      (e == null ? void 0 : e.length) === 0 ? f.value = d.value : b.value = e;
+    else if (o.layout === P.mix) {
+      const a = (e = d.value) == null ? void 0 : e.filter((t) => t.topMenu);
+      (a == null ? void 0 : a.length) === 0 ? f.value = d.value : b.value = a;
     }
-  }, { immediate: !0 }), g(() => o == null ? void 0 : o.name, () => {
-    var n, l, t;
-    const a = o == null ? void 0 : o.name;
-    i.value = M.value[a], S();
-    const e = v.value.filter((c) => c.topMenu);
-    e.length > 0 && b.value.length > 0 && (f.value = ((n = e[e.length - 1]) == null ? void 0 : n.children) || []), y.value = i != null && i.value ? [...e.map((c) => c.name), ...((l = i.value) == null ? void 0 : l.activatedKeys) || []] : [], T.value = i != null && i.value ? [i.value.name, ...((t = i.value) == null ? void 0 : t.activatedKeys) || []] : [], x(), u.hideTabs || A(), J();
+  }, { immediate: !0 }), g(() => u == null ? void 0 : u.name, () => {
+    var t, l, n;
+    const e = u == null ? void 0 : u.name;
+    i.value = M.value[e], S();
+    const a = v.value.filter((c) => c.topMenu);
+    a.length > 0 && b.value.length > 0 && (f.value = ((t = a[a.length - 1]) == null ? void 0 : t.children) || []), y.value = i != null && i.value ? [...a.map((c) => c.name), ...((l = i.value) == null ? void 0 : l.activatedKeys) || []] : [], T.value = i != null && i.value ? [i.value.name, ...((n = i.value) == null ? void 0 : n.activatedKeys) || []] : [], x(), o.hideTabs || A(), J();
   }, { immediate: !0 }), {
     topMenuItems: b,
     siderMenuItems: f,

package/es/pro-page-container/index.d.ts

@@ -1,151 +1,57 @@
 import { App } from 'vue';
 declare const ProPageContainer: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
-        hidePageHeader: {
-            type: import('vue').PropType<boolean>;
-            required: false;
-            default: boolean;
-        };
-        pageHeader: {
-            type: import('vue').PropType<{
-                title?: string;
-                subTitle?: string;
-                titlePosition?: "top" | "bottom";
-                hideTitle?: boolean;
-                breadcrumbRouterMode?: boolean;
-                breadcrumbPrefixIcon?: boolean | string;
-                breadcrumbItems?: {
-                    label: string;
-                    path?: string;
-                }[];
-            }>;
-            required: false;
-            default: () => {
-                title: string;
-                subTitle: string;
-                titlePosition: string;
-                hideTitle: boolean;
-                breadcrumbRouterMode: boolean;
-                breadcrumbPrefixIcon: string;
-                breadcrumbItems: never[];
-            };
-        };
-    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        hidePageHeader?: boolean;
+        showFooterBar?: boolean;
+        footerBarOptions?: import('..').ProFooterBarProps;
+        pageHeader?: import('./inerface').PageHeaderProps;
+    }> & Readonly<{
+        onBack?: (() => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        back: () => any;
+    }, import('vue').PublicProps, {
         hidePageHeader: boolean;
-        pageHeader: {
-            title?: string;
-            subTitle?: string;
-            titlePosition?: "top" | "bottom";
-            hideTitle?: boolean;
-            breadcrumbRouterMode?: boolean;
-            breadcrumbPrefixIcon?: boolean | string;
-            breadcrumbItems?: {
-                label: string;
-                path?: string;
-            }[];
-        };
-    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        showFooterBar: boolean;
+        pageHeader: import('./inerface').PageHeaderProps;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('vue').ExtractPropTypes<{
-        hidePageHeader: {
-            type: import('vue').PropType<boolean>;
-            required: false;
-            default: boolean;
-        };
-        pageHeader: {
-            type: import('vue').PropType<{
-                title?: string;
-                subTitle?: string;
-                titlePosition?: "top" | "bottom";
-                hideTitle?: boolean;
-                breadcrumbRouterMode?: boolean;
-                breadcrumbPrefixIcon?: boolean | string;
-                breadcrumbItems?: {
-                    label: string;
-                    path?: string;
-                }[];
-            }>;
-            required: false;
-            default: () => {
-                title: string;
-                subTitle: string;
-                titlePosition: string;
-                hideTitle: boolean;
-                breadcrumbRouterMode: boolean;
-                breadcrumbPrefixIcon: string;
-                breadcrumbItems: never[];
-            };
-        };
-    }>> & Readonly<{}>, {}, {}, {}, {}, {
+    }, Readonly<{
+        hidePageHeader?: boolean;
+        showFooterBar?: boolean;
+        footerBarOptions?: import('..').ProFooterBarProps;
+        pageHeader?: import('./inerface').PageHeaderProps;
+    }> & Readonly<{
+        onBack?: (() => any) | undefined;
+    }>, {}, {}, {}, {}, {
         hidePageHeader: boolean;
-        pageHeader: {
-            title?: string;
-            subTitle?: string;
-            titlePosition?: "top" | "bottom";
-            hideTitle?: boolean;
-            breadcrumbRouterMode?: boolean;
-            breadcrumbPrefixIcon?: boolean | string;
-            breadcrumbItems?: {
-                label: string;
-                path?: string;
-            }[];
-        };
+        showFooterBar: boolean;
+        pageHeader: import('./inerface').PageHeaderProps;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-    hidePageHeader: {
-        type: import('vue').PropType<boolean>;
-        required: false;
-        default: boolean;
-    };
-    pageHeader: {
-        type: import('vue').PropType<{
-            title?: string;
-            subTitle?: string;
-            titlePosition?: "top" | "bottom";
-            hideTitle?: boolean;
-            breadcrumbRouterMode?: boolean;
-            breadcrumbPrefixIcon?: boolean | string;
-            breadcrumbItems?: {
-                label: string;
-                path?: string;
-            }[];
-        }>;
-        required: false;
-        default: () => {
-            title: string;
-            subTitle: string;
-            titlePosition: string;
-            hideTitle: boolean;
-            breadcrumbRouterMode: boolean;
-            breadcrumbPrefixIcon: string;
-            breadcrumbItems: never[];
-        };
-    };
-}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+} & import('vue').ComponentOptionsBase<Readonly<{
+    hidePageHeader?: boolean;
+    showFooterBar?: boolean;
+    footerBarOptions?: import('..').ProFooterBarProps;
+    pageHeader?: import('./inerface').PageHeaderProps;
+}> & Readonly<{
+    onBack?: (() => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    back: () => any;
+}, string, {
     hidePageHeader: boolean;
-    pageHeader: {
-        title?: string;
-        subTitle?: string;
-        titlePosition?: "top" | "bottom";
-        hideTitle?: boolean;
-        breadcrumbRouterMode?: boolean;
-        breadcrumbPrefixIcon?: boolean | string;
-        breadcrumbItems?: {
-            label: string;
-            path?: string;
-        }[];
-    };
+    showFooterBar: boolean;
+    pageHeader: import('./inerface').PageHeaderProps;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
+        footerBar?(_: {}): any;
     };
 }) & {
     install: (app: App) => void;

package/es/pro-page-container/index.js

@@ -1,12 +1,13 @@
-import e from "./pro-page-container.vue.js";
+import r from "./pro-page-container.vue.js";
 /* empty css                        */
-import { ProPageHeader as r } from "../pro-page-header/index.js";
-const i = Object.assign(e, {
+import { ProPageHeader as e } from "../pro-page-header/index.js";
+import { ProFooterBar as t } from "../pro-footer-bar/index.js";
+const s = Object.assign(r, {
   install: (o) => {
-    o.use(r), o.component("KbProPageContainer", e);
+    o.use(e), o.use(t), o.component("KbProPageContainer", r);
   }
 });
 export {
-  i as ProPageContainer,
-  i as default
+  s as ProPageContainer,
+  s as default
 };

package/es/pro-page-container/inerface.d.ts

@@ -0,0 +1,12 @@
+export interface PageHeaderProps {
+    title?: string;
+    subTitle?: string;
+    titlePosition?: 'top' | 'bottom';
+    hideTitle?: boolean;
+    breadcrumbRouterMode?: boolean;
+    breadcrumbPrefixIcon?: boolean | string;
+    breadcrumbItems?: {
+        label: string;
+        path?: string;
+    }[];
+}

package/es/pro-page-container/pro-page-container.vue.d.ts

@@ -1,92 +1,34 @@
-import { PropType } from 'vue';
+import { ProFooterBarProps } from '../pro-footer-bar/inerface';
+import { PageHeaderProps } from './inerface';
+type __VLS_Props = {
+    /** 是否隐藏页头 */
+    hidePageHeader?: boolean;
+    /** 是否显示底部栏 */
+    showFooterBar?: boolean;
+    /** 底部栏属性 */
+    footerBarOptions?: ProFooterBarProps;
+    /** 页头属性 */
+    pageHeader?: PageHeaderProps;
+};
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
+        footerBar?(_: {}): any;
     };
     refs: {};
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    /** 是否隐藏页头 */
-    hidePageHeader: {
-        type: PropType<boolean>;
-        required: false;
-        default: boolean;
-    };
-    /** 页头属性 */
-    pageHeader: {
-        type: PropType<{
-            title?: string;
-            subTitle?: string;
-            titlePosition?: "top" | "bottom";
-            hideTitle?: boolean;
-            breadcrumbRouterMode?: boolean;
-            breadcrumbPrefixIcon?: boolean | string;
-            breadcrumbItems?: {
-                label: string;
-                path?: string;
-            }[];
-        }>;
-        required: false;
-        default: () => {
-            title: string;
-            subTitle: string;
-            titlePosition: string;
-            hideTitle: boolean;
-            breadcrumbRouterMode: boolean;
-            breadcrumbPrefixIcon: string;
-            breadcrumbItems: never[];
-        };
-    };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    /** 是否隐藏页头 */
-    hidePageHeader: {
-        type: PropType<boolean>;
-        required: false;
-        default: boolean;
-    };
-    /** 页头属性 */
-    pageHeader: {
-        type: PropType<{
-            title?: string;
-            subTitle?: string;
-            titlePosition?: "top" | "bottom";
-            hideTitle?: boolean;
-            breadcrumbRouterMode?: boolean;
-            breadcrumbPrefixIcon?: boolean | string;
-            breadcrumbItems?: {
-                label: string;
-                path?: string;
-            }[];
-        }>;
-        required: false;
-        default: () => {
-            title: string;
-            subTitle: string;
-            titlePosition: string;
-            hideTitle: boolean;
-            breadcrumbRouterMode: boolean;
-            breadcrumbPrefixIcon: string;
-            breadcrumbItems: never[];
-        };
-    };
-}>> & Readonly<{}>, {
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    back: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onBack?: (() => any) | undefined;
+}>, {
     hidePageHeader: boolean;
-    pageHeader: {
-        title?: string;
-        subTitle?: string;
-        titlePosition?: "top" | "bottom";
-        hideTitle?: boolean;
-        breadcrumbRouterMode?: boolean;
-        breadcrumbPrefixIcon?: boolean | string;
-        breadcrumbItems?: {
-            label: string;
-            path?: string;
-        }[];
-    };
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+    showFooterBar: boolean;
+    pageHeader: PageHeaderProps;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/es/pro-page-container/pro-page-container.vue.js

@@ -1,54 +1,56 @@
-import { defineComponent as l, resolveComponent as c, createElementBlock as n, openBlock as a, normalizeClass as r, createBlock as b, createCommentVNode as u, createElementVNode as m, renderSlot as s } from "vue";
-const o = "keyblade-pro-page-container", g = /* @__PURE__ */ l({
+import { defineComponent as k, computed as h, resolveComponent as i, createElementBlock as B, openBlock as o, normalizeClass as s, createBlock as n, createCommentVNode as d, createElementVNode as P, renderSlot as l, mergeProps as H, withCtx as I } from "vue";
+const r = "keyblade-pro-page-container", v = /* @__PURE__ */ k({
   __name: "pro-page-container",
   props: {
-    /** 是否隐藏页头 */
-    hidePageHeader: {
-      type: Boolean,
-      required: !1,
-      default: !1
-    },
-    /** 页头属性 */
-    pageHeader: {
-      type: Object,
-      required: !1,
-      default: () => ({
-        title: "",
-        subTitle: "",
-        titlePosition: "top",
-        hideTitle: !1,
-        breadcrumbRouterMode: !1,
-        breadcrumbPrefixIcon: "icon-apps",
-        breadcrumbItems: []
-      })
-    }
+    hidePageHeader: { type: Boolean, default: !1 },
+    showFooterBar: { type: Boolean, default: !1 },
+    footerBarOptions: {},
+    pageHeader: { default: () => ({
+      title: "",
+      subTitle: "",
+      titlePosition: "top",
+      hideTitle: !1,
+      breadcrumbRouterMode: !1,
+      breadcrumbPrefixIcon: "icon-apps",
+      breadcrumbItems: []
+    }) }
   },
-  setup(e) {
-    return (d, f) => {
-      var t;
-      const i = c("kb-pro-page-header");
-      return a(), n("div", {
-        class: r(o)
+  emits: ["back"],
+  setup(p, { emit: b }) {
+    const u = b, m = p, c = h(() => m.showFooterBar ? [r, `${r}-with-footer-bar`] : [r]);
+    return (e, t) => {
+      var a;
+      const f = i("kb-pro-page-header"), g = i("kb-pro-footer-bar");
+      return o(), B("div", {
+        class: s(c.value)
       }, [
-        e.hidePageHeader ? u("", !0) : (a(), b(i, {
+        e.hidePageHeader ? d("", !0) : (o(), n(f, {
           key: 0,
           title: e.pageHeader.title,
           subTitle: e.pageHeader.subTitle,
           titlePosition: e.pageHeader.titlePosition,
           hideTitle: e.pageHeader.hideTitle,
-          breadcrumbRouterMode: (t = e.pageHeader) == null ? void 0 : t.breadcrumbRouterMode,
+          breadcrumbRouterMode: (a = e.pageHeader) == null ? void 0 : a.breadcrumbRouterMode,
           breadcrumbPrefixIcon: e.pageHeader.breadcrumbPrefixIcon,
           breadcrumbItems: e.pageHeader.breadcrumbItems
         }, null, 8, ["title", "subTitle", "titlePosition", "hideTitle", "breadcrumbRouterMode", "breadcrumbPrefixIcon", "breadcrumbItems"])),
-        m("div", {
-          class: r(`${o}-content`)
+        P("div", {
+          class: s(`${r}-content`)
         }, [
-          s(d.$slots, "default")
-        ], 2)
-      ]);
+          l(e.$slots, "default")
+        ], 2),
+        e.showFooterBar ? (o(), n(g, H({ key: 1 }, e.footerBarOptions, {
+          onBack: t[0] || (t[0] = (T) => u("back"))
+        }), {
+          default: I(() => [
+            l(e.$slots, "footerBar")
+          ]),
+          _: 3
+        }, 16)) : d("", !0)
+      ], 2);
     };
   }
 });
 export {
-  g as default
+  v as default
 };

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

@@ -81,7 +81,7 @@ declare const ProTable: {
     stickyHeader: number | boolean;
     showEmptyTree: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: any;
+    $slots: Partial<Record<NonNullable<string | number>, (_: any) => any>>;
 }) & {
     install: (app: App) => void;
 };