@keyblade/pro-components 1.4.5 → 1.5.0

package/es/pro-menu/index.js

@@ -1,13 +1,12 @@
-import _sfc_main from "./pro-menu.vue.js";
-import { Menu } from "@arco-design/web-vue";
-const ProMenu = Object.assign(_sfc_main, {
-  install: (app) => {
-    app.use(Menu);
-    app.component("KbProMenu", _sfc_main);
+import n from "./pro-menu.vue.js";
+import "./pro-menu.vue2.js";
+import { Menu as t } from "@arco-design/web-vue";
+const e = Object.assign(n, {
+  install: (o) => {
+    o.use(t), o.component("KbProMenu", n);
   }
-});
-const ProMenu$1 = ProMenu;
+}), i = e;
 export {
-  ProMenu,
-  ProMenu$1 as default
+  e as ProMenu,
+  i as default
 };

package/es/pro-menu/pro-menu.vue.d.ts

@@ -1,6 +1,11 @@
 import { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, type PropType } from 'vue';
 import type { IProMenuItem } from './interface';
 declare const _default: DefineComponent<{
+    mode: {
+        type: PropType<"horizontal" | "vertical">;
+        required: false;
+        default: string;
+    };
     collapsed: {
         type: PropType<boolean>;
         required: true;
@@ -16,6 +21,11 @@ declare const _default: DefineComponent<{
 }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     'menu-item-click': (key: string) => true;
 }, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    mode: {
+        type: PropType<"horizontal" | "vertical">;
+        required: false;
+        default: string;
+    };
     collapsed: {
         type: PropType<boolean>;
         required: true;
@@ -30,5 +40,7 @@ declare const _default: DefineComponent<{
     };
 }>> & {
     "onMenu-item-click"?: ((key: string) => any) | undefined;
-}, {}, {}>;
+}, {
+    mode: "horizontal" | "vertical";
+}, {}>;
 export default _default;

package/es/pro-menu/pro-menu.vue.js

@@ -1,71 +1,126 @@
-import { defineComponent, resolveComponent, openBlock, createBlock, normalizeClass, withCtx, createElementBlock, Fragment, renderList } from "vue";
-import _sfc_main$1 from "./pro-menu-item.vue.js";
-import "./pro-menu-item.vue2.js";
-const prefixClsName = "keyblade-pro-menu";
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as R, computed as S, resolveComponent as y, openBlock as r, createBlock as l, normalizeClass as h, withCtx as c, createVNode as V, unref as k, createSlots as g, createTextVNode as i, toDisplayString as x, createElementBlock as u, Fragment as f, renderList as b, createCommentVNode as o, resolveDynamicComponent as N } from "vue";
+import { createReusableTemplate as W } from "@vueuse/core";
+import { useRouter as $ } from "vue-router";
+const A = ["src"], K = ["src"], z = "keyblade-pro-menu", T = "keyblade-pro-menu-item", j = /* @__PURE__ */ R({
   __name: "pro-menu",
   props: {
+    mode: {
+      type: String,
+      required: !1,
+      default: "vertical"
+    },
     collapsed: {
       type: Boolean,
-      required: true
+      required: !0
     },
     selectedKeys: {
       type: Array,
-      required: true
+      required: !0
     },
     items: {
       type: Array,
-      required: true
+      required: !0
     }
   },
   emits: {
-    "menu-item-click": (key) => true
+    "menu-item-click": (a) => !0
   },
-  setup(__props, { emit }) {
-    const props = __props;
-    const onMenuItemClick = (key) => {
-      let findItem;
-      const find = (items) => {
-        var _a;
-        for (let i = 0; i < items.length; i++) {
-          const item = items[i];
-          if (item.name === key) {
-            findItem = item;
-            return;
-          }
-          if ((item == null ? void 0 : item.children) && ((_a = item.children) == null ? void 0 : _a.length) > 0) {
-            find(item.children);
-          }
+  setup(a, { emit: q }) {
+    const d = $(), [B, _] = W(), s = S(() => (n) => {
+      const t = n == null ? void 0 : n.icon;
+      return t != null && t.startsWith("icon") ? "icon" : "url";
+    }), w = (n) => {
+      if (n != null && n.path) {
+        if (n.path.startsWith("http") || n.path.startsWith("https")) {
+          window.open(n.path);
+          return;
         }
-      };
-      find(props.items);
-      if (findItem && (findItem.path.startsWith("http") || findItem.path.startsWith("https"))) {
-        return;
+        d == null || d.push({ path: n.path }), q("menu-item-click", n.name);
       }
-      emit("menu-item-click", key);
     };
-    return (_ctx, _cache) => {
-      const _component_a_menu = resolveComponent("a-menu");
-      return openBlock(), createBlock(_component_a_menu, {
-        class: normalizeClass(prefixClsName),
-        collapsed: __props.collapsed,
-        "selected-keys": __props.selectedKeys,
-        "auto-open-selected": "",
-        onMenuItemClick
+    return (n, t) => {
+      const D = y("a-sub-menu"), I = y("a-menu-item"), M = y("a-menu");
+      return r(), l(M, {
+        mode: a.mode,
+        class: h(z),
+        collapsed: a.collapsed,
+        "selected-keys": a.selectedKeys,
+        "auto-open-selected": ""
       }, {
-        default: withCtx(() => [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
-            return openBlock(), createBlock(_sfc_main$1, {
-              key: item.name,
-              item
-            }, null, 8, ["item"]);
-          }), 128))
+        default: c(() => [
+          V(k(B), null, {
+            default: c(({ item: e }) => {
+              var C, v;
+              return [
+                e != null && e.children && ((C = e == null ? void 0 : e.children) == null ? void 0 : C.length) > 0 ? (r(), l(D, {
+                  key: e.name
+                }, g({
+                  title: c(() => [
+                    i(x(e.title), 1)
+                  ]),
+                  default: c(() => [
+                    e != null && e.hideChildrenInMenu ? o("", !0) : (r(!0), u(f, { key: 0 }, b((e == null ? void 0 : e.children) || [], (p) => (r(), l(k(_), {
+                      key: p.name,
+                      item: p
+                    }, null, 8, ["item"]))), 128))
+                  ]),
+                  _: 2
+                }, [
+                  e != null && e.icon ? {
+                    name: "icon",
+                    fn: c(() => [
+                      s.value(e) === "icon" ? (r(), l(N(e.icon), { key: 0 })) : o("", !0),
+                      s.value(e) === "url" ? (r(), u("img", {
+                        key: 1,
+                        class: h(`${T}-img`),
+                        src: e.icon,
+                        alt: ""
+                      }, null, 10, A)) : o("", !0)
+                    ]),
+                    key: "0"
+                  } : void 0
+                ]), 1024)) : o("", !0),
+                !(e != null && e.children) || ((v = e == null ? void 0 : e.children) == null ? void 0 : v.length) === 0 ? (r(), l(I, {
+                  key: e.name,
+                  onClick: (p) => w(e)
+                }, g({
+                  default: c(() => [
+                    i(" " + x(e.title), 1)
+                  ]),
+                  _: 2
+                }, [
+                  e != null && e.icon ? {
+                    name: "icon",
+                    fn: c(() => [
+                      s.value(e) === "icon" ? (r(), l(N(e.icon), { key: 0 })) : o("", !0),
+                      s.value(e) === "url" ? (r(), u("img", {
+                        key: 1,
+                        class: h(`${T}-img`),
+                        src: e.icon,
+                        alt: ""
+                      }, null, 10, K)) : o("", !0)
+                    ]),
+                    key: "0"
+                  } : void 0
+                ]), 1032, ["onClick"])) : o("", !0)
+              ];
+            }),
+            _: 1
+          }),
+          (r(!0), u(f, null, b(a.items, (e) => (r(), u(f, {
+            key: e.name
+          }, [
+            e && !e.hideInMenu ? (r(), l(k(_), {
+              key: 0,
+              item: e
+            }, null, 8, ["item"])) : o("", !0)
+          ], 64))), 128))
         ]),
         _: 1
-      }, 8, ["collapsed", "selected-keys"]);
+      }, 8, ["mode", "collapsed", "selected-keys"]);
     };
   }
 });
 export {
-  _sfc_main as default
+  j as default
 };

package/es/pro-menu/pro-menu.vue2.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./pro-menu.vue.js";
+const e = "";
 export {
-  _sfc_main as default
+  e as default
 };

package/es/pro-menu/pro-menu.vue3.js

@@ -0,0 +1,5 @@
+import o from "./pro-menu.vue.js";
+import "./pro-menu.vue2.js";
+export {
+  o as default
+};

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

@@ -4,14 +4,15 @@ declare const ProPageContainer: {
         $: ComponentInternalInstance;
         $data: {};
         $props: {
-            breadcrumbItems?: string[] | undefined;
-            hideBreadcrumb?: boolean | undefined;
-            breadcrumbShowIcon?: boolean | undefined;
-            breadcrumbIcon?: string | undefined;
-            breadcrumbShowTitle?: boolean | undefined;
-            breadcrumbTitle?: string | undefined;
-            breadcrumbSubTitle?: string | undefined;
-            style?: unknown;
+            hidePageHeader?: boolean | undefined;
+            pageHeader?: {
+                title?: string | undefined;
+                subTitle?: string | undefined;
+                titlePosition?: "top" | "bottom" | undefined;
+                hideTitle?: boolean | undefined;
+                breadcrumbPrefixIcon?: string | boolean | undefined;
+                breadcrumbItems?: string[] | undefined;
+            } | undefined;
             key?: string | number | symbol | undefined;
             ref?: VNodeRef | undefined;
             ref_for?: boolean | undefined;
@@ -55,6 +56,7 @@ declare const ProPageContainer: {
                 [key: string]: any;
             }>) => void)[] | undefined;
             class?: unknown;
+            style?: unknown;
         };
         $attrs: {
             [x: string]: unknown;
@@ -70,49 +72,40 @@ declare const ProPageContainer: {
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: ComponentOptionsBase<Readonly<ExtractPropTypes<{
-            hideBreadcrumb: {
-                type: PropType<boolean>;
-                required: false;
-                default: boolean;
-            };
-            breadcrumbShowIcon: {
-                type: PropType<boolean>;
-                required: false;
-                default: boolean;
-            };
-            breadcrumbIcon: {
-                type: PropType<string>;
-                required: false;
-                default: string;
-            };
-            breadcrumbItems: {
-                type: PropType<string[]>;
-                required: false;
-                default: () => never[];
-            };
-            breadcrumbShowTitle: {
+            hidePageHeader: {
                 type: PropType<boolean>;
                 required: false;
                 default: boolean;
             };
-            breadcrumbTitle: {
-                type: PropType<string>;
-                required: false;
-                default: string;
-            };
-            breadcrumbSubTitle: {
-                type: PropType<string>;
+            pageHeader: {
+                type: PropType<{
+                    title?: string | undefined;
+                    subTitle?: string | undefined;
+                    titlePosition?: "top" | "bottom" | undefined;
+                    hideTitle?: boolean | undefined;
+                    breadcrumbPrefixIcon?: string | boolean | undefined;
+                    breadcrumbItems?: string[] | undefined;
+                }>;
                 required: false;
-                default: string;
+                default: () => {
+                    title: string;
+                    subTitle: string;
+                    titlePosition: string;
+                    hideTitle: boolean;
+                    breadcrumbPrefixIcon: string;
+                    breadcrumbItems: never[];
+                };
             };
         }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
-            breadcrumbItems: string[];
-            hideBreadcrumb: boolean;
-            breadcrumbShowIcon: boolean;
-            breadcrumbIcon: string;
-            breadcrumbShowTitle: boolean;
-            breadcrumbTitle: string;
-            breadcrumbSubTitle: string;
+            hidePageHeader: boolean;
+            pageHeader: {
+                title?: string | undefined;
+                subTitle?: string | undefined;
+                titlePosition?: "top" | "bottom" | undefined;
+                hideTitle?: boolean | undefined;
+                breadcrumbPrefixIcon?: string | boolean | undefined;
+                breadcrumbItems?: string[] | undefined;
+            };
         }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -134,89 +127,69 @@ declare const ProPageContainer: {
         $nextTick: typeof nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: WatchOptions<boolean> | undefined): WatchStopHandle;
     } & Readonly<ExtractPropTypes<{
-        hideBreadcrumb: {
+        hidePageHeader: {
             type: PropType<boolean>;
             required: false;
             default: boolean;
         };
-        breadcrumbShowIcon: {
-            type: PropType<boolean>;
+        pageHeader: {
+            type: PropType<{
+                title?: string | undefined;
+                subTitle?: string | undefined;
+                titlePosition?: "top" | "bottom" | undefined;
+                hideTitle?: boolean | undefined;
+                breadcrumbPrefixIcon?: string | boolean | undefined;
+                breadcrumbItems?: string[] | undefined;
+            }>;
             required: false;
-            default: boolean;
-        };
-        breadcrumbIcon: {
-            type: PropType<string>;
-            required: false;
-            default: string;
-        };
-        breadcrumbItems: {
-            type: PropType<string[]>;
-            required: false;
-            default: () => never[];
-        };
-        breadcrumbShowTitle: {
-            type: PropType<boolean>;
-            required: false;
-            default: boolean;
-        };
-        breadcrumbTitle: {
-            type: PropType<string>;
-            required: false;
-            default: string;
-        };
-        breadcrumbSubTitle: {
-            type: PropType<string>;
-            required: false;
-            default: string;
+            default: () => {
+                title: string;
+                subTitle: string;
+                titlePosition: string;
+                hideTitle: boolean;
+                breadcrumbPrefixIcon: string;
+                breadcrumbItems: never[];
+            };
         };
     }>> & ShallowUnwrapRef<{}> & {} & ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & ComponentOptionsBase<Readonly<ExtractPropTypes<{
-    hideBreadcrumb: {
+    hidePageHeader: {
         type: PropType<boolean>;
         required: false;
         default: boolean;
     };
-    breadcrumbShowIcon: {
-        type: PropType<boolean>;
-        required: false;
-        default: boolean;
-    };
-    breadcrumbIcon: {
-        type: PropType<string>;
-        required: false;
-        default: string;
-    };
-    breadcrumbItems: {
-        type: PropType<string[]>;
-        required: false;
-        default: () => never[];
-    };
-    breadcrumbShowTitle: {
-        type: PropType<boolean>;
-        required: false;
-        default: boolean;
-    };
-    breadcrumbTitle: {
-        type: PropType<string>;
-        required: false;
-        default: string;
-    };
-    breadcrumbSubTitle: {
-        type: PropType<string>;
+    pageHeader: {
+        type: PropType<{
+            title?: string | undefined;
+            subTitle?: string | undefined;
+            titlePosition?: "top" | "bottom" | undefined;
+            hideTitle?: boolean | undefined;
+            breadcrumbPrefixIcon?: string | boolean | undefined;
+            breadcrumbItems?: string[] | undefined;
+        }>;
         required: false;
-        default: string;
+        default: () => {
+            title: string;
+            subTitle: string;
+            titlePosition: string;
+            hideTitle: boolean;
+            breadcrumbPrefixIcon: string;
+            breadcrumbItems: never[];
+        };
     };
 }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
-    breadcrumbItems: string[];
-    hideBreadcrumb: boolean;
-    breadcrumbShowIcon: boolean;
-    breadcrumbIcon: string;
-    breadcrumbShowTitle: boolean;
-    breadcrumbTitle: string;
-    breadcrumbSubTitle: string;
+    hidePageHeader: boolean;
+    pageHeader: {
+        title?: string | undefined;
+        subTitle?: string | undefined;
+        titlePosition?: "top" | "bottom" | undefined;
+        hideTitle?: boolean | undefined;
+        breadcrumbPrefixIcon?: string | boolean | undefined;
+        breadcrumbItems?: string[] | undefined;
+    };
 }, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;

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

@@ -1,14 +1,12 @@
-import _sfc_main from "./pro-page-container.vue.js";
+import e from "./pro-page-container.vue.js";
 import "./pro-page-container.vue2.js";
-import { ProBreadcrumb } from "../pro-breadcrumb/index.js";
-const ProPageContainer = Object.assign(_sfc_main, {
-  install: (app) => {
-    app.use(ProBreadcrumb);
-    app.component("KbProPageContainer", _sfc_main);
+import { ProPageHeader as r } from "../pro-page-header/index.js";
+const n = Object.assign(e, {
+  install: (o) => {
+    o.use(r), o.component("KbProPageContainer", e);
   }
-});
-const ProPageContainer$1 = ProPageContainer;
+}), s = n;
 export {
-  ProPageContainer,
-  ProPageContainer$1 as default
+  n as ProPageContainer,
+  s as default
 };

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

@@ -1,98 +1,68 @@
 import { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PropType } from 'vue';
 declare const _default: __VLS_WithTemplateSlots<DefineComponent<{
-    /** 是否隐藏面包屑 */
-    hideBreadcrumb: {
+    /** 是否隐藏页头 */
+    hidePageHeader: {
         type: PropType<boolean>;
         required: false;
         default: boolean;
     };
-    /** 面包屑是否显示图标 */
-    breadcrumbShowIcon: {
-        type: PropType<boolean>;
-        required: false;
-        default: boolean;
-    };
-    /** 面包屑图标类型 */
-    breadcrumbIcon: {
-        type: PropType<string>;
+    /** 页头属性 */
+    pageHeader: {
+        type: PropType<{
+            title?: string | undefined;
+            subTitle?: string | undefined;
+            titlePosition?: "top" | "bottom" | undefined;
+            hideTitle?: boolean | undefined;
+            breadcrumbPrefixIcon?: string | boolean | undefined;
+            breadcrumbItems?: string[] | undefined;
+        }>;
         required: false;
-        default: string;
-    };
-    /** 面包屑项目 */
-    breadcrumbItems: {
-        type: PropType<string[]>;
-        required: false;
-        default: () => never[];
-    };
-    /** 面包屑是否显示标题 */
-    breadcrumbShowTitle: {
-        type: PropType<boolean>;
-        required: false;
-        default: boolean;
-    };
-    /** 面包屑标题，不传默认展示面包屑标题最后一项 */
-    breadcrumbTitle: {
-        type: PropType<string>;
-        required: false;
-        default: string;
-    };
-    /** 面包屑副标题，不传默认不展示 */
-    breadcrumbSubTitle: {
-        type: PropType<string>;
-        required: false;
-        default: string;
+        default: () => {
+            title: string;
+            subTitle: string;
+            titlePosition: string;
+            hideTitle: boolean;
+            breadcrumbPrefixIcon: string;
+            breadcrumbItems: never[];
+        };
     };
 }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
-    /** 是否隐藏面包屑 */
-    hideBreadcrumb: {
+    /** 是否隐藏页头 */
+    hidePageHeader: {
         type: PropType<boolean>;
         required: false;
         default: boolean;
     };
-    /** 面包屑是否显示图标 */
-    breadcrumbShowIcon: {
-        type: PropType<boolean>;
+    /** 页头属性 */
+    pageHeader: {
+        type: PropType<{
+            title?: string | undefined;
+            subTitle?: string | undefined;
+            titlePosition?: "top" | "bottom" | undefined;
+            hideTitle?: boolean | undefined;
+            breadcrumbPrefixIcon?: string | boolean | undefined;
+            breadcrumbItems?: string[] | undefined;
+        }>;
         required: false;
-        default: boolean;
-    };
-    /** 面包屑图标类型 */
-    breadcrumbIcon: {
-        type: PropType<string>;
-        required: false;
-        default: string;
-    };
-    /** 面包屑项目 */
-    breadcrumbItems: {
-        type: PropType<string[]>;
-        required: false;
-        default: () => never[];
-    };
-    /** 面包屑是否显示标题 */
-    breadcrumbShowTitle: {
-        type: PropType<boolean>;
-        required: false;
-        default: boolean;
-    };
-    /** 面包屑标题，不传默认展示面包屑标题最后一项 */
-    breadcrumbTitle: {
-        type: PropType<string>;
-        required: false;
-        default: string;
-    };
-    /** 面包屑副标题，不传默认不展示 */
-    breadcrumbSubTitle: {
-        type: PropType<string>;
-        required: false;
-        default: string;
+        default: () => {
+            title: string;
+            subTitle: string;
+            titlePosition: string;
+            hideTitle: boolean;
+            breadcrumbPrefixIcon: string;
+            breadcrumbItems: never[];
+        };
     };
 }>>, {
-    breadcrumbItems: string[];
-    hideBreadcrumb: boolean;
-    breadcrumbShowIcon: boolean;
-    breadcrumbIcon: string;
-    breadcrumbShowTitle: boolean;
-    breadcrumbTitle: string;
-    breadcrumbSubTitle: string;
+    hidePageHeader: boolean;
+    pageHeader: {
+        title?: string | undefined;
+        subTitle?: string | undefined;
+        titlePosition?: "top" | "bottom" | undefined;
+        hideTitle?: boolean | undefined;
+        breadcrumbPrefixIcon?: string | boolean | undefined;
+        breadcrumbItems?: string[] | undefined;
+    };
 }, {}>, {
     default?(_: {}): any;
 }>;