@keyblade/pro-components 0.0.11 → 1.0.1

package/es/{pro-page-wrapper/pro-page-wrapper.vue.js → pro-page-container/pro-page-container.vue.js}

@@ -1,12 +1,14 @@
 import { defineComponent, resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, createCommentVNode, renderSlot } from "vue";
 const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "pro-page-wrapper",
+  __name: "pro-page-container",
   props: {
-    hidePageWrapper: {
+    /** 是否隐藏面包屑 */
+    hideBreadcrumb: {
       type: Boolean,
       required: false,
       default: false
     },
+    /** 面包屑 */
     breadcrumbItems: {
       type: Array,
       required: false,
@@ -14,20 +16,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
   },
   setup(__props) {
-    const prefixClsName = "keyblade-pro-page-wrapper";
-    const prefixClsHideName = "keyblade-pro-page-wrapper-hide";
+    const prefixClsName = "keyblade-pro-page-container";
     return (_ctx, _cache) => {
       const _component_kb_pro_breadcrumb = resolveComponent("kb-pro-breadcrumb");
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(__props.hidePageWrapper ? prefixClsHideName : prefixClsName)
+        class: normalizeClass(prefixClsName)
       }, [
-        !__props.hidePageWrapper ? (openBlock(), createBlock(_component_kb_pro_breadcrumb, {
+        !__props.hideBreadcrumb ? (openBlock(), createBlock(_component_kb_pro_breadcrumb, {
           key: 0,
-          style: { "margin": "16px 0" },
           items: __props.breadcrumbItems
         }, null, 8, ["items"])) : createCommentVNode("", true),
         renderSlot(_ctx.$slots, "default")
-      ], 2);
+      ]);
     };
   }
 });

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

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

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

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

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

@@ -1,5 +1,5 @@
 import type { IProTab } from './interface';
-import type { ComponentInternalInstance, ExtractPropTypes, PropType, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, ComputedRef, ComponentOptionsMixin, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, App } from 'vue';
+import type { ComponentInternalInstance, ExtractPropTypes, PropType, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, ComponentOptionsMixin, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, App } from 'vue';
 declare const ProReuseTabs: {
     new (...args: any[]): {
         $: ComponentInternalInstance;
@@ -38,14 +38,7 @@ declare const ProReuseTabs: {
         }>> & {
             "onTab-click"?: ((key: string) => any) | undefined;
             "onTab-delete"?: ((key: string) => any) | undefined;
-        }, {
-            prefixClsName: string;
-            props: any;
-            emit: ((event: "tab-click", key: string) => void) & ((event: "tab-delete", key: string) => void);
-            activeKey: ComputedRef<string | undefined>;
-            onTabClick: (key: string | number) => void;
-            onTabDelete: (key: string | number) => void;
-        }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+        }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
             'tab-click': (key: string) => true;
             'tab-delete': (key: string) => true;
         }, string, {
@@ -79,14 +72,7 @@ declare const ProReuseTabs: {
     }>> & {
         "onTab-click"?: ((key: string) => any) | undefined;
         "onTab-delete"?: ((key: string) => any) | undefined;
-    } & ShallowUnwrapRef<{
-        prefixClsName: string;
-        props: any;
-        emit: ((event: "tab-click", key: string) => void) & ((event: "tab-delete", key: string) => void);
-        activeKey: ComputedRef<string | undefined>;
-        onTabClick: (key: string | number) => void;
-        onTabDelete: (key: string | number) => void;
-    }> & {} & ComponentCustomProperties & {};
+    } & ShallowUnwrapRef<{}> & {} & ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
@@ -99,14 +85,7 @@ declare const ProReuseTabs: {
 }>> & {
     "onTab-click"?: ((key: string) => any) | undefined;
     "onTab-delete"?: ((key: string) => any) | undefined;
-}, {
-    prefixClsName: string;
-    props: any;
-    emit: ((event: "tab-click", key: string) => void) & ((event: "tab-delete", key: string) => void);
-    activeKey: ComputedRef<string | undefined>;
-    onTabClick: (key: string | number) => void;
-    onTabDelete: (key: string | number) => void;
-}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     'tab-click': (key: string) => true;
     'tab-delete': (key: string) => true;
 }, string, {

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

@@ -1,4 +1,4 @@
-import type { DefineComponent, ComputedRef, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, type PropType } from 'vue';
+import type { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, type PropType } from 'vue';
 import type { IProTab } from './interface';
 declare const _sfc_main: DefineComponent<{
     tabs: {
@@ -6,14 +6,7 @@ declare const _sfc_main: DefineComponent<{
         required: true;
         default: () => never[];
     };
-}, {
-    prefixClsName: string;
-    props: any;
-    emit: ((event: "tab-click", key: string) => void) & ((event: "tab-delete", key: string) => void);
-    activeKey: ComputedRef<string | undefined>;
-    onTabClick: (key: string | number) => void;
-    onTabDelete: (key: string | number) => void;
-}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     'tab-click': (key: string) => true;
     'tab-delete': (key: string) => true;
 }, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{

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

@@ -1,6 +1,5 @@
 import _sfc_main from "./pro-reuse-tabs.vue.js";
-import { default as default2 } from "./pro-reuse-tabs.vue.js";
 import "./pro-reuse-tabs.vue2.js";
 export {
-  default2 as default
+  _sfc_main as default
 };

package/es/style.css

@@ -1,3 +1,9 @@
+.keyblade-pro-breadcrumb {
+  margin: 16px 0;
+}
+.keyblade-pro-breadcrumb-icon-item {
+  cursor: text;
+}
 .keyblade-pro-layout {
   width: 100%;
   height: 100%;
@@ -10,7 +16,7 @@
   top: 0;
   left: 0;
   width: 100%;
-  height: var(--aa0adaee);
+  height: var(--c766e2a6);
   z-index: 100;
   display: flex;
   align-items: center;
@@ -32,7 +38,7 @@
   font-size: 18px;
 }
 .keyblade-pro-layout-sider {
-  padding-top: var(--aa0adaee);
+  padding-top: var(--c766e2a6);
   position: fixed;
   top: 0;
   left: 0;
@@ -41,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(--aa0adaee);
-  padding-left: var(--f32a33f8);
+  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;
@@ -68,13 +73,17 @@
   text-align: center;
 }
 .keyblade-pro-layout-body-collapsed {
-  padding-left: var(--5b964541);
+  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-page-wrapper {
-  padding: 0 20px 20px 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": "0.0.11",
+  "version": "1.0.1",
   "private": false,
   "type": "module",
   "main": "es/index.js",
@@ -19,11 +19,11 @@
     "*.css"
   ],
   "dependencies": {
-    "@arco-design/web-vue": "^2.44.2",
+    "@arco-design/web-vue": "^2.45.2",
     "vue-router": "^4.1.6"
   },
   "peerDependencies": {
-    "vue": "^3.2.45"
+    "vue": "^3.2.47"
   },
   "scripts": {
     "build": "vue-tsc --noEmit && vite build"

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,6 +0,0 @@
-import _sfc_main from "./pro-page-wrapper.vue.js";
-import { default as default2 } from "./pro-page-wrapper.vue.js";
-import "./pro-page-wrapper.vue2.js";
-export {
-  default2 as default
-};