@keyblade/pro-components 1.5.3 → 1.5.5
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.
- package/es/pro-menu/pro-menu.vue.js +56 -58
- package/es/style.css +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as W, computed as b, resolveComponent as k, openBlock as l, createBlock as c, normalizeClass as f, withCtx as a, createVNode as $, unref as _,
|
|
1
|
+
import { defineComponent as W, computed as b, resolveComponent as k, openBlock as l, createBlock as c, normalizeClass as f, withCtx as a, createVNode as $, unref as _, createElementBlock as s, Fragment as v, createSlots as I, createTextVNode as N, toDisplayString as T, renderList as q, createCommentVNode as r, resolveDynamicComponent as B } from "vue";
|
|
2
2
|
import { createReusableTemplate as A } from "@vueuse/core";
|
|
3
3
|
import { useRouter as z } from "vue-router";
|
|
4
4
|
const E = ["src"], F = ["src"], L = "keyblade-pro-menu", w = "keyblade-pro-menu-item", J = /* @__PURE__ */ W({
|
|
@@ -55,69 +55,67 @@ const E = ["src"], F = ["src"], L = "keyblade-pro-menu", w = "keyblade-pro-menu-
|
|
|
55
55
|
default: a(({ item: e }) => {
|
|
56
56
|
var g, x;
|
|
57
57
|
return [
|
|
58
|
-
e
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
default: a(() => [
|
|
65
|
-
e != null && e.hideChildrenInMenu ? r("", !0) : (l(!0), s(v, { key: 0 }, q((e == null ? void 0 : e.children) || [], (h) => (l(), c(_(C), {
|
|
66
|
-
key: h.name,
|
|
67
|
-
item: h
|
|
68
|
-
}, null, 8, ["item"]))), 128))
|
|
69
|
-
]),
|
|
70
|
-
_: 2
|
|
71
|
-
}, [
|
|
72
|
-
e != null && e.icon ? {
|
|
73
|
-
name: "icon",
|
|
74
|
-
fn: a(() => [
|
|
75
|
-
d.value(e) === "icon" ? (l(), c(B(t.value(e)), { key: 0 })) : r("", !0),
|
|
76
|
-
d.value(e) === "url" ? (l(), s("img", {
|
|
77
|
-
key: 1,
|
|
78
|
-
class: f(`${w}-img`),
|
|
79
|
-
src: t.value(e),
|
|
80
|
-
alt: ""
|
|
81
|
-
}, null, 10, E)) : r("", !0)
|
|
58
|
+
e && !e.hideInMenu ? (l(), s(v, { key: 0 }, [
|
|
59
|
+
e != null && e.children && ((g = e == null ? void 0 : e.children) == null ? void 0 : g.length) > 0 ? (l(), c(R, {
|
|
60
|
+
key: e.name
|
|
61
|
+
}, I({
|
|
62
|
+
title: a(() => [
|
|
63
|
+
N(T(e.title), 1)
|
|
82
64
|
]),
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
onClick: (h) => M(e)
|
|
89
|
-
}, I({
|
|
90
|
-
default: a(() => [
|
|
91
|
-
N(" " + T(e.title), 1)
|
|
92
|
-
]),
|
|
93
|
-
_: 2
|
|
94
|
-
}, [
|
|
95
|
-
e != null && e.icon ? {
|
|
96
|
-
name: "icon",
|
|
97
|
-
fn: a(() => [
|
|
98
|
-
d.value(e) === "icon" ? (l(), c(B(t.value(e)), { key: 0 })) : r("", !0),
|
|
99
|
-
d.value(e) === "url" ? (l(), s("img", {
|
|
100
|
-
key: 1,
|
|
101
|
-
class: f(`${w}-img`),
|
|
102
|
-
src: t.value(e),
|
|
103
|
-
alt: ""
|
|
104
|
-
}, null, 10, F)) : r("", !0)
|
|
65
|
+
default: a(() => [
|
|
66
|
+
e != null && e.hideChildrenInMenu ? r("", !0) : (l(!0), s(v, { key: 0 }, q((e == null ? void 0 : e.children) || [], (h) => (l(), c(_(C), {
|
|
67
|
+
key: h.name,
|
|
68
|
+
item: h
|
|
69
|
+
}, null, 8, ["item"]))), 128))
|
|
105
70
|
]),
|
|
106
|
-
|
|
107
|
-
}
|
|
108
|
-
|
|
71
|
+
_: 2
|
|
72
|
+
}, [
|
|
73
|
+
e != null && e.icon ? {
|
|
74
|
+
name: "icon",
|
|
75
|
+
fn: a(() => [
|
|
76
|
+
d.value(e) === "icon" ? (l(), c(B(t.value(e)), { key: 0 })) : r("", !0),
|
|
77
|
+
d.value(e) === "url" ? (l(), s("img", {
|
|
78
|
+
key: 1,
|
|
79
|
+
class: f(`${w}-img`),
|
|
80
|
+
src: t.value(e),
|
|
81
|
+
alt: ""
|
|
82
|
+
}, null, 10, E)) : r("", !0)
|
|
83
|
+
]),
|
|
84
|
+
key: "0"
|
|
85
|
+
} : void 0
|
|
86
|
+
]), 1024)) : r("", !0),
|
|
87
|
+
!(e != null && e.children) || ((x = e == null ? void 0 : e.children) == null ? void 0 : x.length) === 0 ? (l(), c(S, {
|
|
88
|
+
key: e.name,
|
|
89
|
+
onClick: (h) => M(e)
|
|
90
|
+
}, I({
|
|
91
|
+
default: a(() => [
|
|
92
|
+
N(" " + T(e.title), 1)
|
|
93
|
+
]),
|
|
94
|
+
_: 2
|
|
95
|
+
}, [
|
|
96
|
+
e != null && e.icon ? {
|
|
97
|
+
name: "icon",
|
|
98
|
+
fn: a(() => [
|
|
99
|
+
d.value(e) === "icon" ? (l(), c(B(t.value(e)), { key: 0 })) : r("", !0),
|
|
100
|
+
d.value(e) === "url" ? (l(), s("img", {
|
|
101
|
+
key: 1,
|
|
102
|
+
class: f(`${w}-img`),
|
|
103
|
+
src: t.value(e),
|
|
104
|
+
alt: ""
|
|
105
|
+
}, null, 10, F)) : r("", !0)
|
|
106
|
+
]),
|
|
107
|
+
key: "0"
|
|
108
|
+
} : void 0
|
|
109
|
+
]), 1032, ["onClick"])) : r("", !0)
|
|
110
|
+
], 64)) : r("", !0)
|
|
109
111
|
];
|
|
110
112
|
}),
|
|
111
113
|
_: 1
|
|
112
114
|
}),
|
|
113
|
-
(l(!0), s(v, null, q(u.items, (e) => (l(),
|
|
114
|
-
key: e.name
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
key: 0,
|
|
118
|
-
item: e
|
|
119
|
-
}, null, 8, ["item"])) : r("", !0)
|
|
120
|
-
], 64))), 128))
|
|
115
|
+
(l(!0), s(v, null, q(u.items, (e) => (l(), c(_(C), {
|
|
116
|
+
key: e.name,
|
|
117
|
+
item: e
|
|
118
|
+
}, null, 8, ["item"]))), 128))
|
|
121
119
|
]),
|
|
122
120
|
_: 1
|
|
123
121
|
}, 8, ["mode", "collapsed", "selected-keys"]);
|
package/es/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.keyblade-pro-layout{width:100%;height:100%}.keyblade-pro-layout .keyblade-pro-layout-header{position:fixed;top:0;left:0;width:100%;height:var(--72cbe0ed);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(--72cbe0ed);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(--72cbe0ed);padding-left:var(--af7d7fc0);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(--744d8aa5)}.keyblade-pro-layout-side .keyblade-pro-layout-header{z-index:98;left:var(--af7d7fc0);width:calc(100% - var(--af7d7fc0))}.keyblade-pro-layout-side .keyblade-pro-layout-header-collapsed{left:var(--744d8aa5);width:calc(100% - var(--744d8aa5))}.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}
|
|
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-reuse-tabs{position:relative;background-color:var(--color-bg-2);padding:4px 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(--72cbe0ed);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(--72cbe0ed);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(--72cbe0ed);padding-left:var(--af7d7fc0);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(--744d8aa5)}.keyblade-pro-layout-side .keyblade-pro-layout-header{z-index:98;left:var(--af7d7fc0);width:calc(100% - var(--af7d7fc0))}.keyblade-pro-layout-side .keyblade-pro-layout-header-collapsed{left:var(--744d8aa5);width:calc(100% - var(--744d8aa5))}.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}
|