@keyblade/pro-components 1.0.0 → 1.0.1

package/es/style.css

@@ -1,5 +1,8 @@
-.keyblade-pro-page-wrapper {
-  padding: 0 20px 20px 20px;
+.keyblade-pro-breadcrumb {
+  margin: 16px 0;
+}
+.keyblade-pro-breadcrumb-icon-item {
+  cursor: text;
 }
 .keyblade-pro-layout {
   width: 100%;
@@ -13,7 +16,7 @@
   top: 0;
   left: 0;
   width: 100%;
-  height: var(--8877c9f2);
+  height: var(--c766e2a6);
   z-index: 100;
   display: flex;
   align-items: center;
@@ -35,7 +38,7 @@
   font-size: 18px;
 }
 .keyblade-pro-layout-sider {
-  padding-top: var(--8877c9f2);
+  padding-top: var(--c766e2a6);
   position: fixed;
   top: 0;
   left: 0;
@@ -44,24 +47,23 @@
   transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
 .keyblade-pro-layout-sider-content {
-  display: flex;
-  flex-direction: column;
-  min-height: 100%;
+  position: relative;
+  height: 100%;
   overflow: auto;
 }
+.keyblade-pro-layout-sider-collapsed {
+  position: absolute;
+  right: 12px;
+  bottom: 12px;
+}
 .keyblade-pro-layout-body {
-  padding-top: var(--8877c9f2);
-  padding-left: var(--11b26174);
+  padding-top: var(--c766e2a6);
+  padding-left: var(--2eb6eb40);
   min-height: 100vh;
   overflow-y: hidden;
   background-color: var(--color-fill-2);
   transition: padding 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
-.keyblade-pro-layout-body-container {
-  background-color: var(--color-fill-2);
-  padding: 16px 20px 0;
-  display: flex;
-}
 .keyblade-pro-layout-body-footer {
   display: flex;
   align-items: center;
@@ -71,10 +73,17 @@
   text-align: center;
 }
 .keyblade-pro-layout-body-collapsed {
-  padding-left: var(--601fa63f);
+  padding-left: var(--4059c865);
+}
+.keyblade-pro-page-container {
+  padding: 0 20px 20px 20px;
 }
 .keyblade-pro-reuse-tabs {
   position: relative;
   background-color: var(--color-bg-2);
   padding: 4px 20px;
 }
+.keyblade-pro-menu-item-img {
+  width: 14px;
+  height: auto;
+}

package/package.json

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

package/src/index.ts

@@ -1,20 +1,22 @@
 import type { App } from 'vue'
 import { ProBreadcrumb } from './pro-breadcrumb'
 import { ProDrawerForm } from './pro-drawer-form'
+import { ProKeepAliveRouterView } from './pro-keep-alive-router-view'
 import { ProLayout } from './pro-layout'
 import { ProMenu } from './pro-menu'
 import { ProModalForm } from './pro-modal-form'
-import { ProPageWrapper } from './pro-page-wrapper'
+import { ProPageContainer } from './pro-page-container'
 import { ProReuseTabs } from './pro-reuse-tabs'
 
 export default {
   install(app: App): void {
     app.use(ProBreadcrumb)
     app.use(ProDrawerForm)
+    app.use(ProKeepAliveRouterView)
     app.use(ProLayout)
     app.use(ProMenu)
     app.use(ProModalForm)
-    app.use(ProPageWrapper)
+    app.use(ProPageContainer)
     app.use(ProReuseTabs)
   }
 }
@@ -24,6 +26,8 @@ export { default as ProBreadcrumb } from './pro-breadcrumb'
 
 export { default as ProDrawerForm } from './pro-drawer-form'
 
+export { default as ProKeepAliveRouterView } from './pro-keep-alive-router-view'
+
 export { default as ProLayout } from './pro-layout'
 
 export { default as ProMenu } from './pro-menu'
@@ -31,7 +35,7 @@ export type { IProMenuItem } from './pro-menu'
 
 export { default as ProModalForm } from './pro-modal-form'
 
-export { default as ProPageWrapper } from './pro-page-wrapper'
+export { default as ProPageContainer } from './pro-page-container'
 
 export { default as ProReuseTabs } from './pro-reuse-tabs'
 export type { IProTab } from './pro-reuse-tabs'

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

@@ -1,14 +0,0 @@
-import _sfc_main from "./pro-page-wrapper.vue.js";
-import "./pro-page-wrapper.vue2.js";
-import { ProBreadcrumb } from "../pro-breadcrumb/index.js";
-const ProPageWrapper = Object.assign(_sfc_main, {
-  install: (app) => {
-    app.use(ProBreadcrumb);
-    app.component("KbProPageWrapper", _sfc_main);
-  }
-});
-const ProPageWrapper$1 = ProPageWrapper;
-export {
-  ProPageWrapper,
-  ProPageWrapper$1 as default
-};

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

@@ -1,4 +0,0 @@
-const proPageWrapper_vue_vue_type_style_index_0_lang = "";
-export {
-  proPageWrapper_vue_vue_type_style_index_0_lang as default
-};

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

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