@keyblade/pro-components 1.7.5 → 1.7.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,5 +1,5 @@
1
- import { defineComponent as d, inject as v, computed as u, resolveComponent as s, openBlock as l, createBlock as n, withCtx as A, KeepAlive as f, resolveDynamicComponent as k } from "vue";
2
- const _ = /* @__PURE__ */ d({
1
+ import { defineComponent as o, inject as s, computed as r, resolveComponent as A, openBlock as i, createBlock as t, withCtx as k, KeepAlive as x, resolveDynamicComponent as y } from "vue";
2
+ const _ = /* @__PURE__ */ o({
3
3
  __name: "pro-keep-alive-router-view",
4
4
  props: {
5
5
  /** 包含 */
@@ -21,19 +21,28 @@ const _ = /* @__PURE__ */ d({
21
21
  default: 9999
22
22
  }
23
23
  },
24
- setup(r) {
25
- const e = r, t = v("ProKeepAliveInclude", []), c = u(() => e.keepAliveInclude instanceof Array && e.keepAliveInclude.length === 0 || !e.keepAliveInclude ? t.value : e.keepAliveInclude || []), o = u(() => e.keepAliveExclude || []);
26
- return (m, x) => {
27
- const i = s("router-view");
28
- return l(), n(i, null, {
29
- default: A(({ Component: p, route: a }) => [
30
- (l(), n(f, {
31
- include: c.value,
32
- exclude: o.value,
33
- max: r.keepAliveMax
24
+ setup(d) {
25
+ const l = d, u = (e) => {
26
+ var p, n, c, a;
27
+ if ((p = e == null ? void 0 : e.meta) != null && p.componentKey) {
28
+ if (((c = e == null ? void 0 : e.meta) == null ? void 0 : c.componentKey) === "path")
29
+ return e.path;
30
+ if (((a = e == null ? void 0 : e.meta) == null ? void 0 : a.componentKey) === "fullPath")
31
+ return e.fullPath;
32
+ } else
33
+ return (n = e == null ? void 0 : e.meta) != null && n.ignoreCache ? e.path : e.fullPath;
34
+ }, v = s("ProKeepAliveInclude", []), m = r(() => l.keepAliveInclude instanceof Array && l.keepAliveInclude.length === 0 || !l.keepAliveInclude ? v.value : l.keepAliveInclude || []), f = r(() => l.keepAliveExclude || []);
35
+ return (e, p) => {
36
+ const n = A("router-view");
37
+ return i(), t(n, null, {
38
+ default: k(({ Component: c, route: a }) => [
39
+ (i(), t(x, {
40
+ include: m.value,
41
+ exclude: f.value,
42
+ max: d.keepAliveMax
34
43
  }, [
35
- (l(), n(k(p), {
36
- key: a.fullPath
44
+ (i(), t(y(c), {
45
+ key: u(a)
37
46
  }))
38
47
  ], 1032, ["include", "exclude", "max"]))
39
48
  ]),
@@ -32,6 +32,8 @@ export interface IProMenuItem {
32
32
  }[];
33
33
  /** 默认缓存,如果设置为 true,页面将不会被缓存 */
34
34
  ignoreCache?: boolean;
35
+ /** 组件key,影响缓存和渲染 */
36
+ componentKey?: 'path' | 'fullPath';
35
37
  /** 子菜单 */
36
38
  children?: IProMenuItem[];
37
39
  }
package/es/style.css CHANGED
@@ -1 +1 @@
1
- .keyblade-pro-page-header{background:var(--color-bg-2);padding:16px 32px}.keyblade-pro-page-header .keyblade-pro-page-header-section-breadcrumb .arco-breadcrumb-item:first-child{padding-left:0}.keyblade-pro-page-header .keyblade-pro-page-header-title.arco-typography{padding-top:4px;margin-top:0}.keyblade-pro-menu .keyblade-pro-menu-item-img{width:14px;height:auto}.keyblade-pro-page-container .keyblade-pro-page-container-content{padding:20px}.keyblade-pro-layout{width:100%;height:100%}.keyblade-pro-layout .keyblade-pro-layout-header{position:fixed;top:0;left:0;width:100%;height:var(--c299e954);z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background-color:var(--color-bg-2);border-bottom:1px solid var(--color-border);transition:all .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-header-left{cursor:pointer;display:flex;align-items:center}.keyblade-pro-layout .keyblade-pro-layout-header-left-logo-img{width:28px;height:28px}.keyblade-pro-layout .keyblade-pro-layout-header-left-logo-title.arco-typography{margin:0;font-size:18px}.keyblade-pro-layout .keyblade-pro-layout-header-center{flex:1}.keyblade-pro-layout .keyblade-pro-layout-sider{padding-top:var(--c299e954);position:fixed;top:0;left:0;z-index:99;height:100%;transition:all .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-sider-content{position:relative;height:100%;overflow:auto}.keyblade-pro-layout .keyblade-pro-layout-sider-collapse-btn.arco-btn{position:absolute;right:12px;bottom:12px}.keyblade-pro-layout .keyblade-pro-layout-body{padding-top:var(--c299e954);padding-left:var(--5c2d09d7);min-height:100vh;overflow-y:hidden;background-color:var(--color-fill-2);transition:padding .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-body-affix .arco-affix{z-index:98}.keyblade-pro-layout .keyblade-pro-layout-body-footer{display:flex;align-items:center;justify-content:center;height:40px;color:var(--color-text-2);text-align:center}.keyblade-pro-layout .keyblade-pro-layout-body-collapsed{padding-left:var(--4313bece)}.keyblade-pro-layout-side .keyblade-pro-layout-header{z-index:98;left:var(--5c2d09d7);width:calc(100% - var(--5c2d09d7))}.keyblade-pro-layout-side .keyblade-pro-layout-header-collapsed{left:var(--4313bece);width:calc(100% - var(--4313bece))}.keyblade-pro-layout-side .keyblade-pro-layout-sider{padding-top:0}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo{position:relative;display:flex;align-items:center;padding:16px;cursor:pointer;transition:padding .3s cubic-bezier(.645,.045,.355,1)}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo-img{width:28px;height:28px}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo-title.arco-typography{margin:0;font-size:18px}.keyblade-pro-layout-side .keyblade-pro-layout-sider-collapsed .keyblade-pro-layout-sider-content-logo{padding:16px 10px}.keyblade-pro-reuse-tabs{position:relative;background-color:var(--color-bg-2);padding:4px 20px}
1
+ .keyblade-pro-menu .keyblade-pro-menu-item-img{width:14px;height:auto}.keyblade-pro-reuse-tabs{position:relative;background-color:var(--color-bg-2);padding:4px 20px}.keyblade-pro-page-header{background:var(--color-bg-2);padding:16px 32px}.keyblade-pro-page-header .keyblade-pro-page-header-section-breadcrumb .arco-breadcrumb-item:first-child{padding-left:0}.keyblade-pro-page-header .keyblade-pro-page-header-title.arco-typography{padding-top:4px;margin-top:0}.keyblade-pro-page-container .keyblade-pro-page-container-content{padding:20px}.keyblade-pro-layout{width:100%;height:100%}.keyblade-pro-layout .keyblade-pro-layout-header{position:fixed;top:0;left:0;width:100%;height:var(--c299e954);z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background-color:var(--color-bg-2);border-bottom:1px solid var(--color-border);transition:all .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-header-left{cursor:pointer;display:flex;align-items:center}.keyblade-pro-layout .keyblade-pro-layout-header-left-logo-img{width:28px;height:28px}.keyblade-pro-layout .keyblade-pro-layout-header-left-logo-title.arco-typography{margin:0;font-size:18px}.keyblade-pro-layout .keyblade-pro-layout-header-center{flex:1}.keyblade-pro-layout .keyblade-pro-layout-sider{padding-top:var(--c299e954);position:fixed;top:0;left:0;z-index:99;height:100%;transition:all .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-sider-content{position:relative;height:100%;overflow:auto}.keyblade-pro-layout .keyblade-pro-layout-sider-collapse-btn.arco-btn{position:absolute;right:12px;bottom:12px}.keyblade-pro-layout .keyblade-pro-layout-body{padding-top:var(--c299e954);padding-left:var(--5c2d09d7);min-height:100vh;overflow-y:hidden;background-color:var(--color-fill-2);transition:padding .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-body-affix .arco-affix{z-index:98}.keyblade-pro-layout .keyblade-pro-layout-body-footer{display:flex;align-items:center;justify-content:center;height:40px;color:var(--color-text-2);text-align:center}.keyblade-pro-layout .keyblade-pro-layout-body-collapsed{padding-left:var(--4313bece)}.keyblade-pro-layout-side .keyblade-pro-layout-header{z-index:98;left:var(--5c2d09d7);width:calc(100% - var(--5c2d09d7))}.keyblade-pro-layout-side .keyblade-pro-layout-header-collapsed{left:var(--4313bece);width:calc(100% - var(--4313bece))}.keyblade-pro-layout-side .keyblade-pro-layout-sider{padding-top:0}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo{position:relative;display:flex;align-items:center;padding:16px;cursor:pointer;transition:padding .3s cubic-bezier(.645,.045,.355,1)}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo-img{width:28px;height:28px}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo-title.arco-typography{margin:0;font-size:18px}.keyblade-pro-layout-side .keyblade-pro-layout-sider-collapsed .keyblade-pro-layout-sider-content-logo{padding:16px 10px}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@keyblade/pro-components",
3
3
  "description": "KeyBlade Pro Components",
4
4
  "author": "yangshuai <704807396@qq.com>",
5
- "version": "1.7.5",
5
+ "version": "1.7.7",
6
6
  "private": false,
7
7
  "type": "module",
8
8
  "main": "es/index.js",