@keyblade/pro-components 0.0.3 → 0.0.4

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.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-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,7 +8,7 @@ declare const ProLayout: {
             menuItems: IProMenuItem[];
             headerTitle: string;
             headerLogo: string;
-            theme: EProLayoutTheme;
+            theme: "light" | "dark";
             footerTitle: string;
             tabsMode: boolean;
         }> & Omit<Readonly<ExtractPropTypes<{
@@ -29,9 +28,9 @@ declare const ProLayout: {
                 default: string;
             };
             theme: {
-                type: PropType<EProLayoutTheme>;
+                type: PropType<"light" | "dark">;
                 required: false;
-                default: EProLayoutTheme;
+                default: string;
             };
             footerTitle: {
                 type: PropType<string>;
@@ -76,9 +75,9 @@ declare const ProLayout: {
                 default: string;
             };
             theme: {
-                type: PropType<EProLayoutTheme>;
+                type: PropType<"light" | "dark">;
                 required: false;
-                default: EProLayoutTheme;
+                default: string;
             };
             footerTitle: {
                 type: PropType<string>;
@@ -127,7 +126,7 @@ declare const ProLayout: {
             menuItems: IProMenuItem[];
             headerTitle: string;
             headerLogo: string;
-            theme: EProLayoutTheme;
+            theme: "light" | "dark";
             footerTitle: string;
             tabsMode: boolean;
         }, {}, string> & {
@@ -167,9 +166,9 @@ declare const ProLayout: {
             default: string;
         };
         theme: {
-            type: PropType<EProLayoutTheme>;
+            type: PropType<"light" | "dark">;
             required: false;
-            default: EProLayoutTheme;
+            default: string;
         };
         footerTitle: {
             type: PropType<string>;
@@ -233,9 +232,9 @@ declare const ProLayout: {
         default: string;
     };
     theme: {
-        type: PropType<EProLayoutTheme>;
+        type: PropType<"light" | "dark">;
         required: false;
-        default: EProLayoutTheme;
+        default: string;
     };
     footerTitle: {
         type: PropType<string>;
@@ -284,12 +283,11 @@ declare const ProLayout: {
     menuItems: IProMenuItem[];
     headerTitle: string;
     headerLogo: string;
-    theme: EProLayoutTheme;
+    theme: "light" | "dark";
     footerTitle: string;
     tabsMode: boolean;
 }, {}, 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>;
@@ -80,9 +79,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>;
@@ -100,7 +99,7 @@ declare const _sfc_main: DefineComponent<{
     menuItems: IProMenuItem[];
     headerTitle: string;
     headerLogo: string;
-    theme: EProLayoutTheme;
+    theme: "light" | "dark";
     footerTitle: string;
     tabsMode: boolean;
 }>;

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,
@@ -42,8 +41,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { emit }) {
     const props = __props;
     useCssVars((_ctx) => ({
-      "29cb7150": siderWidthPx,
-      "7085bb26": siderCollapsedWidthPx
+      "499b6380": siderWidthPx,
+      "5e353345": siderCollapsedWidthPx
     }));
     const prefixClsName = "keyblade-pro-layout";
     const { menuItems } = toRefs(props);
@@ -84,10 +83,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;
       }

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,6 +1,11 @@
 .keyblade-pro-page-wrapper {
   padding: 0 20px 20px 20px;
 }
+.keyblade-pro-reuse-tabs {
+  position: relative;
+  background-color: var(--color-bg-2);
+  padding: 4px 20px;
+}
 .keyblade-pro-layout {
   width: 100%;
   height: 100%;
@@ -51,7 +56,7 @@
 }
 .keyblade-pro-layout-body {
   padding-top: 60px;
-  padding-left: var(--29cb7150);
+  padding-left: var(--499b6380);
   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(--5e353345);
 }

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.4",
   "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
-};