@keyblade/pro-components 0.0.3 → 0.0.5

package/es/index.d.ts

@@ -1,11 +1,10 @@
-import { App } from 'vue';
+import type { App } from 'vue';
 declare const _default: {
     install(app: App): void;
 };
 export default _default;
 export { default as ProBreadcrumb } from './pro-breadcrumb';
 export { default as ProLayout } from './pro-layout';
-export { EProLayoutTheme } from './pro-layout';
 export { default as ProMenu } from './pro-menu';
 export type { IProMenuItem } from './pro-menu';
 export { default as ProPageWrapper } from './pro-page-wrapper';

package/es/index.js

@@ -1,14 +1,13 @@
 import { ProBreadcrumb } from "./pro-breadcrumb/index.js";
-import { ProBreadcrumb as ProBreadcrumb2 } from "./pro-breadcrumb/index.js";
+import { default as default2 } from "./pro-breadcrumb/index.js";
 import { ProMenu } from "./pro-menu/index.js";
-import { ProMenu as ProMenu2 } from "./pro-menu/index.js";
+import { default as default3 } from "./pro-menu/index.js";
 import { ProPageWrapper } from "./pro-page-wrapper/index.js";
-import { ProPageWrapper as ProPageWrapper2 } from "./pro-page-wrapper/index.js";
+import { default as default4 } from "./pro-page-wrapper/index.js";
 import { ProReuseTabs } from "./pro-reuse-tabs/index.js";
-import { ProReuseTabs as ProReuseTabs2 } from "./pro-reuse-tabs/index.js";
+import { default as default5 } from "./pro-reuse-tabs/index.js";
 import { ProLayout } from "./pro-layout/index.js";
-import { ProLayout as ProLayout2 } from "./pro-layout/index.js";
-import { EProLayoutTheme } from "./pro-layout/enum.js";
+import { default as default6 } from "./pro-layout/index.js";
 const index = {
   install(app) {
     app.use(ProBreadcrumb);
@@ -19,11 +18,10 @@ const index = {
   }
 };
 export {
-  EProLayoutTheme,
-  ProBreadcrumb2 as ProBreadcrumb,
-  ProLayout2 as ProLayout,
-  ProMenu2 as ProMenu,
-  ProPageWrapper2 as ProPageWrapper,
-  ProReuseTabs2 as ProReuseTabs,
+  default2 as ProBreadcrumb,
+  default6 as ProLayout,
+  default3 as ProMenu,
+  default4 as ProPageWrapper,
+  default5 as ProReuseTabs,
   index as default
 };

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

@@ -1,4 +1,4 @@
-import type { ComponentInternalInstance, ExtractPropTypes, PropType, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, ComponentOptionsMixin, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, App } from 'vue';
+import type { ComponentInternalInstance, ExtractPropTypes, PropType, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, Ref, ComponentOptionsMixin, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, App } from 'vue';
 declare const ProBreadcrumb: {
     new (...args: any[]): {
         $: ComponentInternalInstance;
@@ -34,7 +34,7 @@ declare const ProBreadcrumb: {
         }>>, {
             prefixClsName: string;
             props: any;
-            injectValue: never[];
+            injectValue: Ref<string[]>;
         }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
             items: string[];
         }, {}, string> & {
@@ -66,7 +66,7 @@ declare const ProBreadcrumb: {
     }>> & ShallowUnwrapRef<{
         prefixClsName: string;
         props: any;
-        injectValue: never[];
+        injectValue: Ref<string[]>;
     }> & {} & ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
@@ -80,7 +80,7 @@ declare const ProBreadcrumb: {
 }>>, {
     prefixClsName: string;
     props: any;
-    injectValue: never[];
+    injectValue: Ref<string[]>;
 }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
     items: string[];
 }, {}, string> & VNodeProps & AllowedComponentProps & ComponentCustomProps & {

package/es/pro-breadcrumb/index.js

@@ -6,7 +6,8 @@ const ProBreadcrumb = Object.assign(_sfc_main, {
     app.component("KbProBreadcrumb", _sfc_main);
   }
 });
+const ProBreadcrumb$1 = ProBreadcrumb;
 export {
   ProBreadcrumb,
-  ProBreadcrumb as default
+  ProBreadcrumb$1 as default
 };

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

@@ -1,4 +1,4 @@
-import type { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, type PropType } from 'vue';
+import type { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, type PropType,  type Ref } from 'vue';
 declare const _sfc_main: DefineComponent<{
     items: {
         type: PropType<string[]>;
@@ -8,7 +8,7 @@ declare const _sfc_main: DefineComponent<{
 }, {
     prefixClsName: string;
     props: any;
-    injectValue: never[];
+    injectValue: Ref<string[]>;
 }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     items: {
         type: PropType<string[]>;

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

@@ -1,4 +1,3 @@
-import type { EProLayoutTheme } from './enum';
 import type { IProMenuItem } from '../pro-menu';
 import type { ComponentInternalInstance, ExtractPropTypes, PropType, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, Ref, ComputedRef, ComponentOptionsMixin, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, App } from 'vue';
 declare const ProLayout: {
@@ -9,9 +8,10 @@ declare const ProLayout: {
             menuItems: IProMenuItem[];
             headerTitle: string;
             headerLogo: string;
-            theme: EProLayoutTheme;
+            theme: "light" | "dark";
             footerTitle: string;
             tabsMode: boolean;
+            siderBreakpoint: "xxl" | "xl" | "lg" | "md" | "sm" | "xs";
         }> & Omit<Readonly<ExtractPropTypes<{
             menuItems: {
                 type: PropType<IProMenuItem[]>;
@@ -29,9 +29,9 @@ declare const ProLayout: {
                 default: string;
             };
             theme: {
-                type: PropType<EProLayoutTheme>;
+                type: PropType<"light" | "dark">;
                 required: false;
-                default: EProLayoutTheme;
+                default: string;
             };
             footerTitle: {
                 type: PropType<string>;
@@ -43,9 +43,14 @@ 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;
-        } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "menuItems" | "headerTitle" | "headerLogo" | "theme" | "footerTitle" | "tabsMode">;
+        } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "menuItems" | "headerTitle" | "headerLogo" | "theme" | "footerTitle" | "tabsMode" | "siderBreakpoint">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -76,9 +81,9 @@ declare const ProLayout: {
                 default: string;
             };
             theme: {
-                type: PropType<EProLayoutTheme>;
+                type: PropType<"light" | "dark">;
                 required: false;
-                default: EProLayoutTheme;
+                default: string;
             };
             footerTitle: {
                 type: PropType<string>;
@@ -90,6 +95,11 @@ 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;
         }, {
@@ -127,9 +137,10 @@ declare const ProLayout: {
             menuItems: IProMenuItem[];
             headerTitle: string;
             headerLogo: string;
-            theme: EProLayoutTheme;
+            theme: "light" | "dark";
             footerTitle: string;
             tabsMode: boolean;
+            siderBreakpoint: "xxl" | "xl" | "lg" | "md" | "sm" | "xs";
         }, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -167,9 +178,9 @@ declare const ProLayout: {
             default: string;
         };
         theme: {
-            type: PropType<EProLayoutTheme>;
+            type: PropType<"light" | "dark">;
             required: false;
-            default: EProLayoutTheme;
+            default: string;
         };
         footerTitle: {
             type: PropType<string>;
@@ -181,6 +192,11 @@ 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;
     } & ShallowUnwrapRef<{
@@ -233,9 +249,9 @@ declare const ProLayout: {
         default: string;
     };
     theme: {
-        type: PropType<EProLayoutTheme>;
+        type: PropType<"light" | "dark">;
         required: false;
-        default: EProLayoutTheme;
+        default: string;
     };
     footerTitle: {
         type: PropType<string>;
@@ -247,6 +263,11 @@ 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;
 }, {
@@ -284,12 +305,12 @@ declare const ProLayout: {
     menuItems: IProMenuItem[];
     headerTitle: string;
     headerLogo: string;
-    theme: EProLayoutTheme;
+    theme: "light" | "dark";
     footerTitle: string;
     tabsMode: boolean;
+    siderBreakpoint: "xxl" | "xl" | "lg" | "md" | "sm" | "xs";
 }, {}, string> & VNodeProps & AllowedComponentProps & ComponentCustomProps & {
     install: (app: App) => void;
 };
-export * from './enum';
 export { ProLayout };
 export default ProLayout;

package/es/pro-layout/index.js

@@ -19,7 +19,8 @@ const ProLayout = Object.assign(_sfc_main, {
     app.component("KbProLayout", _sfc_main);
   }
 });
+const ProLayout$1 = ProLayout;
 export {
   ProLayout,
-  ProLayout as default
+  ProLayout$1 as default
 };

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

@@ -1,6 +1,5 @@
 import type { DefineComponent, Ref, Slot, ComputedRef, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, type PropType } from 'vue';
 import type { IProMenuItem } from '../pro-menu';
-import { EProLayoutTheme } from './enum';
 declare const _sfc_main: DefineComponent<{
     menuItems: {
         type: PropType<IProMenuItem[]>;
@@ -18,9 +17,9 @@ declare const _sfc_main: DefineComponent<{
         default: string;
     };
     theme: {
-        type: PropType<EProLayoutTheme>;
+        type: PropType<"light" | "dark">;
         required: false;
-        default: EProLayoutTheme;
+        default: string;
     };
     footerTitle: {
         type: PropType<string>;
@@ -32,6 +31,11 @@ declare const _sfc_main: DefineComponent<{
         required: false;
         default: boolean;
     };
+    siderBreakpoint: {
+        type: PropType<"xxl" | "xl" | "lg" | "md" | "sm" | "xs">;
+        required: false;
+        default: string;
+    };
 }, {
     prefixClsName: string;
     props: any;
@@ -80,9 +84,9 @@ declare const _sfc_main: DefineComponent<{
         default: string;
     };
     theme: {
-        type: PropType<EProLayoutTheme>;
+        type: PropType<"light" | "dark">;
         required: false;
-        default: EProLayoutTheme;
+        default: string;
     };
     footerTitle: {
         type: PropType<string>;
@@ -94,14 +98,20 @@ declare const _sfc_main: DefineComponent<{
         required: false;
         default: boolean;
     };
+    siderBreakpoint: {
+        type: PropType<"xxl" | "xl" | "lg" | "md" | "sm" | "xs">;
+        required: false;
+        default: string;
+    };
 }>> & {
     onCollapse?: ((collapsed: boolean) => any) | undefined;
 }, {
     menuItems: IProMenuItem[];
     headerTitle: string;
     headerLogo: string;
-    theme: EProLayoutTheme;
+    theme: "light" | "dark";
     footerTitle: string;
     tabsMode: boolean;
+    siderBreakpoint: "xxl" | "xl" | "lg" | "md" | "sm" | "xs";
 }>;
 export default _sfc_main;

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

@@ -1,6 +1,5 @@
 import { defineComponent, useCssVars, toRefs, useSlots, provide, computed, ref, watch, resolveComponent, openBlock, createBlock, normalizeClass, withCtx, createVNode, createElementVNode, unref, renderSlot, createTextVNode, toDisplayString, createCommentVNode, resolveDynamicComponent, KeepAlive } from "vue";
 import { useHooks } from "./hooks.js";
-import { EProLayoutTheme } from "./enum.js";
 const _hoisted_1 = ["src"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "pro-layout",
@@ -23,7 +22,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     theme: {
       type: String,
       required: false,
-      default: EProLayoutTheme.light
+      default: "light"
     },
     footerTitle: {
       type: String,
@@ -34,6 +33,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       type: Boolean,
       required: false,
       default: true
+    },
+    siderBreakpoint: {
+      type: String,
+      required: false,
+      default: "xl"
     }
   },
   emits: {
@@ -42,8 +46,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { emit }) {
     const props = __props;
     useCssVars((_ctx) => ({
-      "29cb7150": siderWidthPx,
-      "7085bb26": siderCollapsedWidthPx
+      "1e11aed1": siderWidthPx,
+      "043fd9d8": siderCollapsedWidthPx
     }));
     const prefixClsName = "keyblade-pro-layout";
     const { menuItems } = toRefs(props);
@@ -84,10 +88,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     watch(() => props.theme, () => {
       switch (props.theme) {
-        case EProLayoutTheme.light:
+        case "light":
           document.body.removeAttribute("arco-theme");
           break;
-        case EProLayoutTheme.dark:
+        case "dark":
           document.body.setAttribute("arco-theme", "dark");
           break;
       }
@@ -150,7 +154,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 class: normalizeClass(`${prefixClsName}-sider`),
                 collapsible: true,
                 width: siderWidth,
-                breakpoint: "md",
+                breakpoint: __props.siderBreakpoint,
                 collapsed: siderCollapsed.value,
                 "hide-trigger": true,
                 onCollapse: onSiderCollapse
@@ -173,7 +177,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ], 2)
                 ]),
                 _: 3
-              }, 8, ["class", "collapsed"]),
+              }, 8, ["class", "breakpoint", "collapsed"]),
               createVNode(_component_a_layout, {
                 class: normalizeClass(`${prefixClsName}-body` + (siderCollapsed.value ? ` ${prefixClsName}-body-collapsed` : ""))
               }, {

package/es/pro-menu/index.js

@@ -6,7 +6,8 @@ const ProMenu = Object.assign(_sfc_main, {
     app.component("KbProMenu", _sfc_main);
   }
 });
+const ProMenu$1 = ProMenu;
 export {
   ProMenu,
-  ProMenu as default
+  ProMenu$1 as default
 };

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

@@ -7,7 +7,8 @@ const ProPageWrapper = Object.assign(_sfc_main, {
     app.component("KbProPageWrapper", _sfc_main);
   }
 });
+const ProPageWrapper$1 = ProPageWrapper;
 export {
   ProPageWrapper,
-  ProPageWrapper as default
+  ProPageWrapper$1 as default
 };

package/es/pro-reuse-tabs/index.js

@@ -7,7 +7,8 @@ const ProReuseTabs = Object.assign(_sfc_main, {
     app.component("KbProReuseTabs", _sfc_main);
   }
 });
+const ProReuseTabs$1 = ProReuseTabs;
 export {
   ProReuseTabs,
-  ProReuseTabs as default
+  ProReuseTabs$1 as default
 };

package/es/pro-reuse-tabs/pro-reuse-tabs.vue.d.ts

@@ -1,5 +1,5 @@
 import type { DefineComponent, ComputedRef, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, type PropType } from 'vue';
-import { IProTab } from './interface';
+import type { IProTab } from './interface';
 declare const _sfc_main: DefineComponent<{
     tabs: {
         type: PropType<IProTab[]>;

package/es/style.css

@@ -1,3 +1,8 @@
+.keyblade-pro-reuse-tabs {
+  position: relative;
+  background-color: var(--color-bg-2);
+  padding: 4px 20px;
+}
 .keyblade-pro-page-wrapper {
   padding: 0 20px 20px 20px;
 }
@@ -51,7 +56,7 @@
 }
 .keyblade-pro-layout-body {
   padding-top: 60px;
-  padding-left: var(--29cb7150);
+  padding-left: var(--1e11aed1);
   min-height: 100vh;
   overflow-y: hidden;
   background-color: var(--color-fill-2);
@@ -71,10 +76,5 @@
   text-align: center;
 }
 .keyblade-pro-layout-body-collapsed {
-  padding-left: var(--7085bb26);
-}
-.keyblade-pro-reuse-tabs {
-  position: relative;
-  background-color: var(--color-bg-2);
-  padding: 4px 20px;
+  padding-left: var(--043fd9d8);
 }

package/package.json

@@ -2,7 +2,7 @@
   "name": "@keyblade/pro-components",
   "description": "KeyBlade Pro Components",
   "author": "yangshuai <704807396@qq.com>",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "private": false,
   "type": "module",
   "main": "es/index.js",

package/src/index.ts

@@ -1,4 +1,4 @@
-import { App } from 'vue'
+import type { App } from 'vue'
 import { ProBreadcrumb } from './pro-breadcrumb'
 import { ProMenu } from './pro-menu'
 import { ProPageWrapper } from './pro-page-wrapper'
@@ -19,7 +19,6 @@ export default {
 export { default as ProBreadcrumb } from './pro-breadcrumb'
 
 export { default as ProLayout } from './pro-layout'
-export { EProLayoutTheme } from './pro-layout'
 
 export { default as ProMenu } from './pro-menu'
 export type { IProMenuItem } from './pro-menu'

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

@@ -1,5 +0,0 @@
-/** 主题 */
-export declare enum EProLayoutTheme {
-    light = "light",
-    dark = "dark"
-}

package/es/pro-layout/enum.js

@@ -1,8 +0,0 @@
-var EProLayoutTheme = /* @__PURE__ */ ((EProLayoutTheme2) => {
-  EProLayoutTheme2["light"] = "light";
-  EProLayoutTheme2["dark"] = "dark";
-  return EProLayoutTheme2;
-})(EProLayoutTheme || {});
-export {
-  EProLayoutTheme
-};