@keyblade/pro-components 1.4.2 → 1.4.4

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

@@ -4,7 +4,13 @@ declare const ProBreadcrumb: {
         $: ComponentInternalInstance;
         $data: {};
         $props: {
+            showIcon?: boolean | undefined;
+            icon?: string | undefined;
             items?: string[] | undefined;
+            showTitle?: boolean | undefined;
+            title?: string | undefined;
+            subTitle?: string | undefined;
+            style?: unknown;
             key?: string | number | symbol | undefined;
             ref?: VNodeRef | undefined;
             ref_for?: boolean | undefined;
@@ -48,7 +54,6 @@ declare const ProBreadcrumb: {
                 [key: string]: any;
             }>) => void)[] | undefined;
             class?: unknown;
-            style?: unknown;
         };
         $attrs: {
             [x: string]: unknown;
@@ -64,13 +69,43 @@ declare const ProBreadcrumb: {
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: ComponentOptionsBase<Readonly<ExtractPropTypes<{
+            showIcon: {
+                type: PropType<boolean>;
+                required: false;
+                default: boolean;
+            };
+            icon: {
+                type: PropType<string>;
+                required: false;
+                default: string;
+            };
             items: {
                 type: PropType<string[]>;
                 required: false;
                 default: () => never[];
             };
+            showTitle: {
+                type: PropType<boolean>;
+                required: false;
+                default: boolean;
+            };
+            title: {
+                type: PropType<string>;
+                required: false;
+                default: string;
+            };
+            subTitle: {
+                type: PropType<string>;
+                required: false;
+                default: string;
+            };
         }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+            showIcon: boolean;
+            icon: string;
             items: string[];
+            showTitle: boolean;
+            title: string;
+            subTitle: string;
         }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -92,23 +127,78 @@ declare const ProBreadcrumb: {
         $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<{
+        showIcon: {
+            type: PropType<boolean>;
+            required: false;
+            default: boolean;
+        };
+        icon: {
+            type: PropType<string>;
+            required: false;
+            default: string;
+        };
         items: {
             type: PropType<string[]>;
             required: false;
             default: () => never[];
         };
+        showTitle: {
+            type: PropType<boolean>;
+            required: false;
+            default: boolean;
+        };
+        title: {
+            type: PropType<string>;
+            required: false;
+            default: string;
+        };
+        subTitle: {
+            type: PropType<string>;
+            required: false;
+            default: string;
+        };
     }>> & ShallowUnwrapRef<{}> & {} & ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & ComponentOptionsBase<Readonly<ExtractPropTypes<{
+    showIcon: {
+        type: PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+    icon: {
+        type: PropType<string>;
+        required: false;
+        default: string;
+    };
     items: {
         type: PropType<string[]>;
         required: false;
         default: () => never[];
     };
+    showTitle: {
+        type: PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+    title: {
+        type: PropType<string>;
+        required: false;
+        default: string;
+    };
+    subTitle: {
+        type: PropType<string>;
+        required: false;
+        default: string;
+    };
 }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+    showIcon: boolean;
+    icon: string;
     items: string[];
+    showTitle: boolean;
+    title: string;
+    subTitle: string;
 }, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & {
     install: (app: App) => void;
 };

package/es/pro-breadcrumb/index.js

@@ -1,9 +1,11 @@
 import _sfc_main from "./pro-breadcrumb.vue.js";
 import "./pro-breadcrumb.vue2.js";
 import { Breadcrumb } from "@arco-design/web-vue";
+import { IconApps } from "@arco-design/web-vue/es/icon";
 const ProBreadcrumb = Object.assign(_sfc_main, {
   install: (app) => {
     app.use(Breadcrumb);
+    app.use(IconApps);
     app.component("KbProBreadcrumb", _sfc_main);
   }
 });

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

@@ -1,17 +1,84 @@
 import { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, type PropType } from 'vue';
 declare const _default: DefineComponent<{
+    /** 是否显示图标 */
+    showIcon: {
+        type: PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+    /** 图标类型 */
+    icon: {
+        type: PropType<string>;
+        required: false;
+        default: string;
+    };
+    /** 面包屑项目 */
     items: {
         type: PropType<string[]>;
         required: false;
         default: () => never[];
     };
+    /** 是否显示标题 */
+    showTitle: {
+        type: PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+    /** 标题，不传默认展示面包屑标题最后一项 */
+    title: {
+        type: PropType<string>;
+        required: false;
+        default: string;
+    };
+    /** 副标题，不传默认不展示 */
+    subTitle: {
+        type: PropType<string>;
+        required: false;
+        default: string;
+    };
 }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    /** 是否显示图标 */
+    showIcon: {
+        type: PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+    /** 图标类型 */
+    icon: {
+        type: PropType<string>;
+        required: false;
+        default: string;
+    };
+    /** 面包屑项目 */
     items: {
         type: PropType<string[]>;
         required: false;
         default: () => never[];
     };
+    /** 是否显示标题 */
+    showTitle: {
+        type: PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+    /** 标题，不传默认展示面包屑标题最后一项 */
+    title: {
+        type: PropType<string>;
+        required: false;
+        default: string;
+    };
+    /** 副标题，不传默认不展示 */
+    subTitle: {
+        type: PropType<string>;
+        required: false;
+        default: string;
+    };
 }>>, {
+    showIcon: boolean;
+    icon: string;
     items: string[];
+    showTitle: boolean;
+    title: string;
+    subTitle: string;
 }, {}>;
 export default _default;

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

@@ -1,12 +1,43 @@
-import { defineComponent, inject, computed, resolveComponent, openBlock, createBlock, normalizeClass, withCtx, createVNode, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString, createCommentVNode } from "vue";
+import { defineComponent, inject, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, createBlock, resolveDynamicComponent, createCommentVNode, Fragment, renderList, createTextVNode, toDisplayString } from "vue";
 const prefixClsName = "keyblade-pro-breadcrumb";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "pro-breadcrumb",
   props: {
+    /** 是否显示图标 */
+    showIcon: {
+      type: Boolean,
+      required: false,
+      default: true
+    },
+    /** 图标类型 */
+    icon: {
+      type: String,
+      required: false,
+      default: "icon-apps"
+    },
+    /** 面包屑项目 */
     items: {
       type: Array,
       required: false,
       default: () => []
+    },
+    /** 是否显示标题 */
+    showTitle: {
+      type: Boolean,
+      required: false,
+      default: true
+    },
+    /** 标题，不传默认展示面包屑标题最后一项 */
+    title: {
+      type: String,
+      required: false,
+      default: ""
+    },
+    /** 副标题，不传默认不展示 */
+    subTitle: {
+      type: String,
+      required: false,
+      default: ""
     }
   },
   setup(__props) {
@@ -19,35 +50,63 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return props.items || [];
     });
     return (_ctx, _cache) => {
-      const _component_icon_apps = resolveComponent("icon-apps");
       const _component_a_breadcrumb_item = resolveComponent("a-breadcrumb-item");
       const _component_a_breadcrumb = resolveComponent("a-breadcrumb");
-      return breadcrumbItems.value ? (openBlock(), createBlock(_component_a_breadcrumb, {
+      const _component_a_typography_title = resolveComponent("a-typography-title");
+      const _component_a_typography_text = resolveComponent("a-typography-text");
+      return breadcrumbItems.value ? (openBlock(), createElementBlock("div", {
         key: 0,
         class: normalizeClass(prefixClsName)
-      }, {
-        default: withCtx(() => [
-          createVNode(_component_a_breadcrumb_item, {
-            class: normalizeClass(`${prefixClsName}-icon-item`)
-          }, {
-            default: withCtx(() => [
-              createVNode(_component_icon_apps)
-            ]),
-            _: 1
-          }, 8, ["class"]),
-          (openBlock(true), createElementBlock(Fragment, null, renderList(breadcrumbItems.value, (item, index) => {
-            return openBlock(), createBlock(_component_a_breadcrumb_item, {
-              key: `${item}-${index}`
+      }, [
+        createVNode(_component_a_breadcrumb, {
+          class: normalizeClass(`${prefixClsName}-items`)
+        }, {
+          default: withCtx(() => [
+            __props.showIcon ? (openBlock(), createBlock(_component_a_breadcrumb_item, {
+              key: 0,
+              style: { "cursor": "text" }
             }, {
               default: withCtx(() => [
-                createTextVNode(toDisplayString(item), 1)
+                (openBlock(), createBlock(resolveDynamicComponent(__props.icon)))
               ]),
-              _: 2
-            }, 1024);
-          }), 128))
-        ]),
-        _: 1
-      })) : createCommentVNode("", true);
+              _: 1
+            })) : createCommentVNode("", true),
+            (openBlock(true), createElementBlock(Fragment, null, renderList(breadcrumbItems.value, (item, index) => {
+              return openBlock(), createBlock(_component_a_breadcrumb_item, {
+                key: `${item}-${index}`
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(item), 1)
+                ]),
+                _: 2
+              }, 1024);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["class"]),
+        (props == null ? void 0 : props.showTitle) ? (openBlock(), createBlock(_component_a_typography_title, {
+          key: 0,
+          heading: 6,
+          class: normalizeClass(`${prefixClsName}-title`)
+        }, {
+          default: withCtx(() => {
+            var _a, _b;
+            return [
+              createTextVNode(toDisplayString((props == null ? void 0 : props.title) || ((_b = breadcrumbItems.value) == null ? void 0 : _b[((_a = breadcrumbItems.value) == null ? void 0 : _a.length) - 1])), 1)
+            ];
+          }),
+          _: 1
+        }, 8, ["class"])) : createCommentVNode("", true),
+        (props == null ? void 0 : props.subTitle) ? (openBlock(), createBlock(_component_a_typography_text, {
+          key: 1,
+          class: normalizeClass(`${prefixClsName}-subtitle`)
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(props == null ? void 0 : props.subTitle), 1)
+          ]),
+          _: 1
+        }, 8, ["class"])) : createCommentVNode("", true)
+      ])) : createCommentVNode("", true);
     };
   }
 });

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

@@ -7,6 +7,7 @@ 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;
@@ -50,7 +51,6 @@ declare const ProKeepAliveRouterView: {
                 [key: string]: any;
             }>) => void)[] | undefined;
             class?: unknown;
-            style?: unknown;
         };
         $attrs: {
             [x: string]: unknown;

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

@@ -6,13 +6,16 @@ declare const ProLayout: {
         $data: {};
         $props: {
             title?: string | undefined;
-            theme?: "dark" | "light" | undefined;
             layout?: "mix" | "side" | undefined;
-            menuItems?: IProMenuItem[] | undefined;
+            headerHeight?: number | undefined;
             logo?: string | undefined;
+            siderWidth?: number | undefined;
+            siderBreakpoint?: "xxl" | "xl" | "lg" | "md" | "sm" | "xs" | undefined;
+            siderCollapsed?: boolean | undefined;
+            menuItems?: IProMenuItem[] | undefined;
             footerTitle?: string | undefined;
             showTabs?: boolean | undefined;
-            siderBreakpoint?: "xxl" | "xl" | "lg" | "md" | "sm" | "xs" | undefined;
+            style?: unknown;
             key?: string | number | symbol | undefined;
             ref?: VNodeRef | undefined;
             ref_for?: boolean | undefined;
@@ -56,7 +59,6 @@ declare const ProLayout: {
                 [key: string]: any;
             }>) => void)[] | undefined;
             class?: unknown;
-            style?: unknown;
             onCollapse?: ((collapsed: boolean) => any) | undefined;
             onKeepAliveIncludeChange?: ((keepAliveInclude: string[]) => any) | undefined;
         };
@@ -79,10 +81,10 @@ declare const ProLayout: {
                 required: false;
                 default: string;
             };
-            menuItems: {
-                type: PropType<IProMenuItem[]>;
+            headerHeight: {
+                type: PropType<number>;
                 required: false;
-                default: () => never[];
+                default: number;
             };
             title: {
                 type: PropType<string>;
@@ -94,11 +96,26 @@ declare const ProLayout: {
                 required: false;
                 default: string;
             };
-            theme: {
-                type: PropType<"dark" | "light">;
+            siderWidth: {
+                type: PropType<number>;
+                required: false;
+                default: number;
+            };
+            siderBreakpoint: {
+                type: PropType<"xxl" | "xl" | "lg" | "md" | "sm" | "xs">;
                 required: false;
                 default: string;
             };
+            siderCollapsed: {
+                type: PropType<boolean>;
+                required: false;
+                default: boolean;
+            };
+            menuItems: {
+                type: PropType<IProMenuItem[]>;
+                required: false;
+                default: () => never[];
+            };
             footerTitle: {
                 type: PropType<string>;
                 required: false;
@@ -109,11 +126,6 @@ declare const ProLayout: {
                 required: false;
                 default: boolean;
             };
-            siderBreakpoint: {
-                type: PropType<"xxl" | "xl" | "lg" | "md" | "sm" | "xs">;
-                required: false;
-                default: string;
-            };
         }>> & {
             onCollapse?: ((collapsed: boolean) => any) | undefined;
             onKeepAliveIncludeChange?: ((keepAliveInclude: string[]) => any) | undefined;
@@ -122,13 +134,15 @@ declare const ProLayout: {
             keepAliveIncludeChange: (keepAliveInclude: string[]) => true;
         }, string, {
             title: string;
-            theme: "dark" | "light";
             layout: "mix" | "side";
-            menuItems: IProMenuItem[];
+            headerHeight: number;
             logo: string;
+            siderWidth: number;
+            siderBreakpoint: "xxl" | "xl" | "lg" | "md" | "sm" | "xs";
+            siderCollapsed: boolean;
+            menuItems: IProMenuItem[];
             footerTitle: string;
             showTabs: boolean;
-            siderBreakpoint: "xxl" | "xl" | "lg" | "md" | "sm" | "xs";
         }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -155,10 +169,10 @@ declare const ProLayout: {
             required: false;
             default: string;
         };
-        menuItems: {
-            type: PropType<IProMenuItem[]>;
+        headerHeight: {
+            type: PropType<number>;
             required: false;
-            default: () => never[];
+            default: number;
         };
         title: {
             type: PropType<string>;
@@ -170,11 +184,26 @@ declare const ProLayout: {
             required: false;
             default: string;
         };
-        theme: {
-            type: PropType<"dark" | "light">;
+        siderWidth: {
+            type: PropType<number>;
+            required: false;
+            default: number;
+        };
+        siderBreakpoint: {
+            type: PropType<"xxl" | "xl" | "lg" | "md" | "sm" | "xs">;
             required: false;
             default: string;
         };
+        siderCollapsed: {
+            type: PropType<boolean>;
+            required: false;
+            default: boolean;
+        };
+        menuItems: {
+            type: PropType<IProMenuItem[]>;
+            required: false;
+            default: () => never[];
+        };
         footerTitle: {
             type: PropType<string>;
             required: false;
@@ -185,11 +214,6 @@ declare const ProLayout: {
             required: false;
             default: boolean;
         };
-        siderBreakpoint: {
-            type: PropType<"xxl" | "xl" | "lg" | "md" | "sm" | "xs">;
-            required: false;
-            default: string;
-        };
     }>> & {
         onCollapse?: ((collapsed: boolean) => any) | undefined;
         onKeepAliveIncludeChange?: ((keepAliveInclude: string[]) => any) | undefined;
@@ -203,10 +227,10 @@ declare const ProLayout: {
         required: false;
         default: string;
     };
-    menuItems: {
-        type: PropType<IProMenuItem[]>;
+    headerHeight: {
+        type: PropType<number>;
         required: false;
-        default: () => never[];
+        default: number;
     };
     title: {
         type: PropType<string>;
@@ -218,11 +242,26 @@ declare const ProLayout: {
         required: false;
         default: string;
     };
-    theme: {
-        type: PropType<"dark" | "light">;
+    siderWidth: {
+        type: PropType<number>;
+        required: false;
+        default: number;
+    };
+    siderBreakpoint: {
+        type: PropType<"xxl" | "xl" | "lg" | "md" | "sm" | "xs">;
         required: false;
         default: string;
     };
+    siderCollapsed: {
+        type: PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+    menuItems: {
+        type: PropType<IProMenuItem[]>;
+        required: false;
+        default: () => never[];
+    };
     footerTitle: {
         type: PropType<string>;
         required: false;
@@ -233,11 +272,6 @@ declare const ProLayout: {
         required: false;
         default: boolean;
     };
-    siderBreakpoint: {
-        type: PropType<"xxl" | "xl" | "lg" | "md" | "sm" | "xs">;
-        required: false;
-        default: string;
-    };
 }>> & {
     onCollapse?: ((collapsed: boolean) => any) | undefined;
     onKeepAliveIncludeChange?: ((keepAliveInclude: string[]) => any) | undefined;
@@ -246,13 +280,15 @@ declare const ProLayout: {
     keepAliveIncludeChange: (keepAliveInclude: string[]) => true;
 }, string, {
     title: string;
-    theme: "dark" | "light";
     layout: "mix" | "side";
-    menuItems: IProMenuItem[];
+    headerHeight: number;
     logo: string;
+    siderWidth: number;
+    siderBreakpoint: "xxl" | "xl" | "lg" | "md" | "sm" | "xs";
+    siderCollapsed: boolean;
+    menuItems: IProMenuItem[];
     footerTitle: string;
     showTabs: boolean;
-    siderBreakpoint: "xxl" | "xl" | "lg" | "md" | "sm" | "xs";
 }, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
     $slots: {
         "header-left"?(_: {}): any;

package/es/pro-layout/index.js

@@ -4,6 +4,7 @@ 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);
@@ -14,6 +15,8 @@ const ProLayout = Object.assign(_sfc_main, {
     app.use(ProKeepAliveRouterView);
     app.use(ProMenu);
     app.use(ProReuseTabs);
+    app.use(IconMenuFold);
+    app.use(IconMenuUnfold);
     app.component("KbProLayout", _sfc_main);
   }
 });