@keyblade/pro-components 1.15.0-alpha.4 → 1.15.0-alpha.6
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-layout/hooks.js +121 -115
- package/es/pro-layout/index.d.ts +3 -0
- package/es/pro-layout/pro-layout.vue.d.ts +1 -0
- package/es/pro-layout/pro-layout.vue.js +14 -13
- package/es/pro-layout/type.d.ts +4 -0
- package/es/style.css +1 -1
- package/package.json +1 -1
package/es/pro-layout/hooks.js
CHANGED
|
@@ -1,143 +1,143 @@
|
|
|
1
|
-
var
|
|
2
|
-
var
|
|
3
|
-
var
|
|
4
|
-
var
|
|
5
|
-
var
|
|
6
|
-
for (var
|
|
7
|
-
|
|
8
|
-
if (
|
|
9
|
-
for (var
|
|
10
|
-
|
|
11
|
-
return
|
|
12
|
-
}, A = (
|
|
13
|
-
var
|
|
14
|
-
var
|
|
1
|
+
var X = Object.defineProperty, Y = Object.defineProperties;
|
|
2
|
+
var Z = Object.getOwnPropertyDescriptors;
|
|
3
|
+
var J = Object.getOwnPropertySymbols;
|
|
4
|
+
var $ = Object.prototype.hasOwnProperty, _ = Object.prototype.propertyIsEnumerable;
|
|
5
|
+
var R = (s, f, i) => f in s ? X(s, f, { enumerable: !0, configurable: !0, writable: !0, value: i }) : s[f] = i, N = (s, f) => {
|
|
6
|
+
for (var i in f || (f = {}))
|
|
7
|
+
$.call(f, i) && R(s, i, f[i]);
|
|
8
|
+
if (J)
|
|
9
|
+
for (var i of J(f))
|
|
10
|
+
_.call(f, i) && R(s, i, f[i]);
|
|
11
|
+
return s;
|
|
12
|
+
}, A = (s, f) => Y(s, Z(f));
|
|
13
|
+
var W = (s, f, i) => new Promise((o, b) => {
|
|
14
|
+
var P = (c) => {
|
|
15
15
|
try {
|
|
16
|
-
|
|
16
|
+
p(i.next(c));
|
|
17
17
|
} catch (d) {
|
|
18
18
|
b(d);
|
|
19
19
|
}
|
|
20
|
-
},
|
|
20
|
+
}, y = (c) => {
|
|
21
21
|
try {
|
|
22
|
-
|
|
22
|
+
p(i.throw(c));
|
|
23
23
|
} catch (d) {
|
|
24
24
|
b(d);
|
|
25
25
|
}
|
|
26
|
-
},
|
|
27
|
-
|
|
26
|
+
}, p = (c) => c.done ? o(c.value) : Promise.resolve(c.value).then(P, y);
|
|
27
|
+
p((i = i.apply(s, f)).next());
|
|
28
28
|
});
|
|
29
|
-
import { ref as v, computed as
|
|
30
|
-
import { useRoute as
|
|
31
|
-
import { ProLayoutMode as k, ProLayoutMenuType as
|
|
32
|
-
const
|
|
33
|
-
const
|
|
34
|
-
const e = [...
|
|
29
|
+
import { ref as v, computed as I, watch as E } from "vue";
|
|
30
|
+
import { useRoute as m, useRouter as ee } from "vue-router";
|
|
31
|
+
import { ProLayoutMode as k, ProLayoutMenuType as D } from "./enum.js";
|
|
32
|
+
const ie = (s) => {
|
|
33
|
+
const f = "cacheRouteTabs", i = m(), o = ee(), b = v([]), P = v([]), y = v([]), p = v([]), c = v(), d = v([]), K = v({}), x = v([]), h = v([]), S = v([]), C = v([]), M = v([]), g = I(() => {
|
|
34
|
+
const e = [...s.menuItems], a = (t) => {
|
|
35
35
|
t.forEach((l) => {
|
|
36
36
|
if (l != null && l.children && l.children.length > 0) {
|
|
37
37
|
if ((l == null ? void 0 : l.topChildrenMenu) !== void 0)
|
|
38
|
-
l.children = l.children.map((
|
|
38
|
+
l.children = l.children.map((n) => A(N({}, n), { topMenu: l == null ? void 0 : l.topChildrenMenu }));
|
|
39
39
|
else {
|
|
40
|
-
const
|
|
41
|
-
|
|
40
|
+
const n = l.children.find((u) => u.topMenu !== void 0);
|
|
41
|
+
n && (l.topChildrenMenu = n.topMenu, l.children = l.children.map((u) => A(N({}, u), { topMenu: n.topMenu })));
|
|
42
42
|
}
|
|
43
43
|
a(l.children);
|
|
44
44
|
}
|
|
45
45
|
});
|
|
46
46
|
};
|
|
47
|
-
return
|
|
48
|
-
}),
|
|
47
|
+
return s.layout === k.mix && a(e), e;
|
|
48
|
+
}), L = (e) => {
|
|
49
49
|
var a;
|
|
50
|
-
if (
|
|
51
|
-
|
|
52
|
-
else if (
|
|
50
|
+
if (b.value = [e.name], !(e != null && e.children) || ((a = e == null ? void 0 : e.children) == null ? void 0 : a.length) === 0)
|
|
51
|
+
M.value = [], o == null || o.push({ path: e.path });
|
|
52
|
+
else if (M.value = e.children, e != null && e.redirect)
|
|
53
53
|
if (typeof e.redirect == "string")
|
|
54
|
-
|
|
54
|
+
o == null || o.push({ path: e.redirect });
|
|
55
55
|
else if (typeof e.redirect == "function") {
|
|
56
|
-
const t = e.redirect(
|
|
57
|
-
|
|
56
|
+
const t = e.redirect(i);
|
|
57
|
+
o == null || o.push(t);
|
|
58
58
|
} else
|
|
59
|
-
|
|
60
|
-
},
|
|
61
|
-
e != null && e.name ?
|
|
62
|
-
},
|
|
63
|
-
if (a != null && a.path && !(
|
|
59
|
+
o == null || o.push(e.redirect);
|
|
60
|
+
}, B = (e) => {
|
|
61
|
+
e != null && e.name ? o == null || o.push({ name: e.name }) : o == null || o.push({ path: e.path }), P.value = [e.name];
|
|
62
|
+
}, H = (e, a) => W(null, null, function* () {
|
|
63
|
+
if (a != null && a.path && !(s != null && s.onMenuItemClick && !(yield s.onMenuItemClick(a)))) {
|
|
64
64
|
if (a.path.startsWith("http") || a.path.startsWith("https")) {
|
|
65
65
|
window.open(a.path);
|
|
66
66
|
return;
|
|
67
67
|
}
|
|
68
|
-
e ===
|
|
68
|
+
e === D.top ? L(a) : B(a);
|
|
69
69
|
}
|
|
70
|
-
}),
|
|
71
|
-
e ===
|
|
72
|
-
},
|
|
70
|
+
}), j = (e, a) => {
|
|
71
|
+
e === D.top ? y.value = a : p.value = a;
|
|
72
|
+
}, q = () => {
|
|
73
73
|
const e = [], a = (t) => {
|
|
74
74
|
var l;
|
|
75
|
-
for (const
|
|
76
|
-
const u = t[
|
|
77
|
-
if (u.name === ((l =
|
|
75
|
+
for (const n in t) {
|
|
76
|
+
const u = t[n];
|
|
77
|
+
if (u.name === ((l = c == null ? void 0 : c.value) == null ? void 0 : l.name) || u.children && u.children.length > 0 && a(u.children))
|
|
78
78
|
return e.unshift(u), !0;
|
|
79
79
|
}
|
|
80
80
|
return !1;
|
|
81
81
|
};
|
|
82
|
-
a(JSON.parse(JSON.stringify(g.value))),
|
|
83
|
-
},
|
|
82
|
+
a(JSON.parse(JSON.stringify(g.value))), d.value = e;
|
|
83
|
+
}, z = () => {
|
|
84
84
|
var a, t, l;
|
|
85
|
-
const e = (a =
|
|
86
|
-
|
|
85
|
+
const e = (a = d.value) == null ? void 0 : a.map((n) => ({ path: n == null ? void 0 : n.path, label: n == null ? void 0 : n.title }));
|
|
86
|
+
x.value = (t = c.value) != null && t.breadcrumbs ? (l = c.value) == null ? void 0 : l.breadcrumbs : e.length !== 0 ? e : [];
|
|
87
87
|
};
|
|
88
|
-
function
|
|
89
|
-
var
|
|
90
|
-
if (!
|
|
88
|
+
function F() {
|
|
89
|
+
var T, O;
|
|
90
|
+
if (!c.value || c.value.noAffix) {
|
|
91
91
|
h.value.forEach((r) => {
|
|
92
92
|
r.active = !1;
|
|
93
93
|
});
|
|
94
94
|
return;
|
|
95
95
|
}
|
|
96
|
-
const { name: e, title: a } =
|
|
96
|
+
const { name: e, title: a } = c.value;
|
|
97
97
|
h.value.forEach((r) => {
|
|
98
98
|
r.active = !1;
|
|
99
99
|
});
|
|
100
|
-
const t = (
|
|
100
|
+
const t = (T = i.meta) == null ? void 0 : T.getTitle, l = typeof t == "function" ? t(i) : void 0, n = {
|
|
101
101
|
name: e,
|
|
102
|
-
parentNames:
|
|
103
|
-
title: (
|
|
104
|
-
fullPath:
|
|
102
|
+
parentNames: d.value.map((r) => r.name),
|
|
103
|
+
title: (O = l != null ? l : a) != null ? O : e,
|
|
104
|
+
fullPath: i.fullPath,
|
|
105
105
|
active: !0
|
|
106
|
-
}, u = h.value.findIndex((r) => r.fullPath
|
|
107
|
-
u >= 0 ? h.value[u].active = !0 : h.value.push(
|
|
106
|
+
}, u = h.value.findIndex((r) => r.fullPath.startsWith(i.path));
|
|
107
|
+
u >= 0 ? (h.value[u].active = !0, h.value[u].fullPath = i.fullPath) : h.value.push(n);
|
|
108
108
|
}
|
|
109
|
-
const
|
|
109
|
+
const G = (e) => {
|
|
110
110
|
const a = h.value.find((t) => t.fullPath === e);
|
|
111
|
-
a &&
|
|
112
|
-
},
|
|
111
|
+
a && o.push(a.fullPath);
|
|
112
|
+
}, Q = (e) => {
|
|
113
113
|
let a = -1, t = -1;
|
|
114
|
-
if (h.value.forEach((
|
|
115
|
-
|
|
114
|
+
if (h.value.forEach((n, u) => {
|
|
115
|
+
n.fullPath === e && (t = u), n.active && (a = u);
|
|
116
116
|
}), t === -1) return;
|
|
117
117
|
if (a === t) {
|
|
118
|
-
let
|
|
119
|
-
t === 0 ?
|
|
118
|
+
let n;
|
|
119
|
+
t === 0 ? n = h.value[t + 1] : n = h.value[t - 1], n && (n.active = !0, o.push(n.fullPath));
|
|
120
120
|
}
|
|
121
121
|
const l = h.value.splice(t, 1);
|
|
122
|
-
|
|
123
|
-
},
|
|
122
|
+
V(l[0]);
|
|
123
|
+
}, U = () => {
|
|
124
124
|
var a;
|
|
125
|
-
if (
|
|
125
|
+
if (s != null && s.disableKeepAlive || (a = i == null ? void 0 : i.meta) != null && a.ignoreCache)
|
|
126
126
|
return;
|
|
127
|
-
const e = new Set(
|
|
128
|
-
|
|
127
|
+
const e = new Set(S.value);
|
|
128
|
+
d.value.forEach((t) => {
|
|
129
129
|
t.name && e.add(t.name);
|
|
130
|
-
}),
|
|
131
|
-
},
|
|
132
|
-
const a = new Set(
|
|
130
|
+
}), S.value = Array.from(e.values());
|
|
131
|
+
}, V = (e) => {
|
|
132
|
+
const a = new Set(S.value);
|
|
133
133
|
e.parentNames.forEach((t) => {
|
|
134
134
|
a.delete(t);
|
|
135
135
|
}), h.value.forEach((t) => {
|
|
136
136
|
t.parentNames.forEach((l) => {
|
|
137
|
-
const
|
|
138
|
-
|
|
137
|
+
const n = K.value[l];
|
|
138
|
+
n && (n != null && n.ignoreCache || a.add(n.name));
|
|
139
139
|
});
|
|
140
|
-
}),
|
|
140
|
+
}), S.value = Array.from(a.values());
|
|
141
141
|
};
|
|
142
142
|
return E(() => g.value, () => {
|
|
143
143
|
const e = {}, a = (t) => {
|
|
@@ -145,46 +145,52 @@ const ne = (c) => {
|
|
|
145
145
|
l.children && l.children.length > 0 && a(l.children), delete l.children, e[l.name] = l;
|
|
146
146
|
});
|
|
147
147
|
};
|
|
148
|
-
a(JSON.parse(JSON.stringify(g.value))),
|
|
149
|
-
}, { immediate: !0 }), E(() => [
|
|
148
|
+
a(JSON.parse(JSON.stringify(g.value))), K.value = e;
|
|
149
|
+
}, { immediate: !0 }), E(() => [s.layout, g.value], () => {
|
|
150
150
|
var e, a, t;
|
|
151
|
-
if (
|
|
152
|
-
|
|
153
|
-
else if (
|
|
154
|
-
const l = (t = g.value) == null ? void 0 : t.filter((
|
|
155
|
-
(l == null ? void 0 : l.length) === 0 ?
|
|
151
|
+
if (C.value = [], M.value = [], y.value = [...((e = s.menuProps) == null ? void 0 : e.defaultOpenKeys) || [], ...y.value], p.value = [...((a = s.menuProps) == null ? void 0 : a.defaultOpenKeys) || [], ...p.value], s.layout === k.side)
|
|
152
|
+
M.value = g.value;
|
|
153
|
+
else if (s.layout === k.mix) {
|
|
154
|
+
const l = (t = g.value) == null ? void 0 : t.filter((n) => n.topMenu);
|
|
155
|
+
(l == null ? void 0 : l.length) === 0 ? M.value = g.value : C.value = l;
|
|
156
|
+
}
|
|
157
|
+
if (s != null && s.cacheTabs) {
|
|
158
|
+
const l = JSON.parse(sessionStorage.getItem(f) || "[]") || [];
|
|
159
|
+
l.forEach((n) => n.active = !1), h.value = l, sessionStorage.removeItem(f);
|
|
156
160
|
}
|
|
157
|
-
}, { immediate: !0 }), E(() => [
|
|
158
|
-
var t, l,
|
|
159
|
-
const e =
|
|
160
|
-
|
|
161
|
-
const a =
|
|
162
|
-
if (a.length > 0 &&
|
|
163
|
-
const u =
|
|
164
|
-
|
|
165
|
-
const w =
|
|
166
|
-
w && (w.topMenu ?
|
|
167
|
-
}),
|
|
161
|
+
}, { immediate: !0 }), E(() => [i == null ? void 0 : i.name, i == null ? void 0 : i.fullPath], () => {
|
|
162
|
+
var t, l, n;
|
|
163
|
+
const e = i == null ? void 0 : i.name;
|
|
164
|
+
c.value = K.value[e], q();
|
|
165
|
+
const a = d.value.filter((u) => u.topMenu);
|
|
166
|
+
if (a.length > 0 && C.value.length > 0 && (M.value = ((t = a[a.length - 1]) == null ? void 0 : t.children) || []), b.value = c != null && c.value ? [...a.map((u) => u.name), ...((l = c.value) == null ? void 0 : l.activatedKeys) || []] : [], P.value = c != null && c.value ? [c.value.name, ...((n = c.value) == null ? void 0 : n.activatedKeys) || []] : [], c.value) {
|
|
167
|
+
const u = d.value.filter((r, w) => w < d.value.length - 1), T = u.filter((r) => r.topMenu).map((r) => r.name), O = u.filter((r) => !r.topMenu).map((r) => r.name);
|
|
168
|
+
c.value.activatedKeys && c.value.activatedKeys.length > 0 && c.value.activatedKeys.forEach((r) => {
|
|
169
|
+
const w = K.value[r];
|
|
170
|
+
w && (w.topMenu ? T.push(r) : O.push(r));
|
|
171
|
+
}), y.value = Array.from(/* @__PURE__ */ new Set([...y.value, ...T])), p.value = Array.from(/* @__PURE__ */ new Set([...p.value, ...O]));
|
|
168
172
|
}
|
|
169
|
-
|
|
170
|
-
}, { immediate: !0 }), {
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
173
|
+
z(), s.hideTabs || F(), U();
|
|
174
|
+
}, { immediate: !0 }), E(() => h.value, () => {
|
|
175
|
+
s != null && s.cacheTabs && sessionStorage.setItem(f, JSON.stringify(h.value || []));
|
|
176
|
+
}, { deep: !0 }), {
|
|
177
|
+
topMenuItems: C,
|
|
178
|
+
siderMenuItems: M,
|
|
179
|
+
topMenuSelectedKeys: b,
|
|
180
|
+
siderMenuSelectedKeys: P,
|
|
181
|
+
topMenuOpenKeys: y,
|
|
182
|
+
siderMenuOpenKeys: p,
|
|
183
|
+
activeMenuItem: c,
|
|
184
|
+
menuItemMap: K,
|
|
185
|
+
breadcrumbItems: x,
|
|
180
186
|
tabs: h,
|
|
181
|
-
keepAliveInclude:
|
|
182
|
-
onProMenuItemClick:
|
|
183
|
-
onProMenuOpenKeysChange:
|
|
184
|
-
onTabClick:
|
|
185
|
-
onTabDelete:
|
|
187
|
+
keepAliveInclude: S,
|
|
188
|
+
onProMenuItemClick: H,
|
|
189
|
+
onProMenuOpenKeysChange: j,
|
|
190
|
+
onTabClick: G,
|
|
191
|
+
onTabDelete: Q
|
|
186
192
|
};
|
|
187
193
|
};
|
|
188
194
|
export {
|
|
189
|
-
|
|
195
|
+
ie as useHooks
|
|
190
196
|
};
|
package/es/pro-layout/index.d.ts
CHANGED
|
@@ -24,6 +24,7 @@ declare const ProLayout: {
|
|
|
24
24
|
footerTitle: string;
|
|
25
25
|
hideFooter: boolean;
|
|
26
26
|
hideTabs: boolean;
|
|
27
|
+
cacheTabs: boolean;
|
|
27
28
|
disableKeepAlive: boolean;
|
|
28
29
|
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
|
|
29
30
|
P: {};
|
|
@@ -53,6 +54,7 @@ declare const ProLayout: {
|
|
|
53
54
|
footerTitle: string;
|
|
54
55
|
hideFooter: boolean;
|
|
55
56
|
hideTabs: boolean;
|
|
57
|
+
cacheTabs: boolean;
|
|
56
58
|
disableKeepAlive: boolean;
|
|
57
59
|
}>;
|
|
58
60
|
__isFragment?: never;
|
|
@@ -82,6 +84,7 @@ declare const ProLayout: {
|
|
|
82
84
|
footerTitle: string;
|
|
83
85
|
hideFooter: boolean;
|
|
84
86
|
hideTabs: boolean;
|
|
87
|
+
cacheTabs: boolean;
|
|
85
88
|
disableKeepAlive: boolean;
|
|
86
89
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
87
90
|
$slots: {
|
|
@@ -41,6 +41,7 @@ declare const __VLS_component: import('vue').DefineComponent<IProLayoutProps, {}
|
|
|
41
41
|
footerTitle: string;
|
|
42
42
|
hideFooter: boolean;
|
|
43
43
|
hideTabs: boolean;
|
|
44
|
+
cacheTabs: boolean;
|
|
44
45
|
disableKeepAlive: boolean;
|
|
45
46
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
46
47
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { defineComponent as X, useCssVars as Y, ref as w, useSlots as Z, computed as _, provide as C, onMounted as x, watch as D, createBlock as n, openBlock as s, unref as e, normalizeClass as o, withCtx as a, createCommentVNode as d, createVNode as u, createElementVNode as y, renderSlot as p, createElementBlock as h, Fragment as k, createTextVNode as T, toDisplayString as
|
|
2
|
-
import { Layout as
|
|
1
|
+
import { defineComponent as X, useCssVars as Y, ref as w, useSlots as Z, computed as _, provide as C, onMounted as x, watch as D, createBlock as n, openBlock as s, unref as e, normalizeClass as o, withCtx as a, createCommentVNode as d, createVNode as u, createElementVNode as y, renderSlot as p, createElementBlock as h, Fragment as k, createTextVNode as T, toDisplayString as B } from "vue";
|
|
2
|
+
import { Layout as P, LayoutHeader as ee, Space as F, TypographyTitle as N, LayoutSider as le, Button as te, Affix as oe, LayoutContent as se, LayoutFooter as ae } from "@arco-design/web-vue";
|
|
3
3
|
import { IconMenuUnfold as de, IconMenuFold as re } from "@arco-design/web-vue/es/icon";
|
|
4
4
|
import ie from "../pro-keep-alive-router-view/pro-keep-alive-router-view.vue.js";
|
|
5
5
|
import ne from "../pro-reuse-tabs/pro-reuse-tabs.vue.js";
|
|
@@ -8,7 +8,7 @@ import O from "../pro-menu/pro-menu.vue.js";
|
|
|
8
8
|
/* empty css */
|
|
9
9
|
import { useHooks as ue } from "./hooks.js";
|
|
10
10
|
import { ProLayoutMode as pe, ProLayoutMenuType as g } from "./enum.js";
|
|
11
|
-
const fe = ["src"], me = ["src"], t = "keyblade-pro-layout", ce = 48,
|
|
11
|
+
const fe = ["src"], me = ["src"], t = "keyblade-pro-layout", ce = 48, Pe = /* @__PURE__ */ X({
|
|
12
12
|
__name: "pro-layout",
|
|
13
13
|
props: {
|
|
14
14
|
layout: { default: pe.mix },
|
|
@@ -28,6 +28,7 @@ const fe = ["src"], me = ["src"], t = "keyblade-pro-layout", ce = 48, Be = /* @_
|
|
|
28
28
|
tabsSize: { default: "small" },
|
|
29
29
|
tabsType: { default: "rounded" },
|
|
30
30
|
tabsHeaderPadding: { type: Boolean, default: !0 },
|
|
31
|
+
cacheTabs: { type: Boolean, default: !1 },
|
|
31
32
|
disableKeepAlive: { type: Boolean, default: !1 },
|
|
32
33
|
onMenuItemClick: {}
|
|
33
34
|
},
|
|
@@ -39,9 +40,9 @@ const fe = ["src"], me = ["src"], t = "keyblade-pro-layout", ce = 48, Be = /* @_
|
|
|
39
40
|
},
|
|
40
41
|
setup(b, { emit: V }) {
|
|
41
42
|
Y((l) => ({
|
|
42
|
-
"
|
|
43
|
-
"
|
|
44
|
-
"
|
|
43
|
+
"4bb3e9aa": L.value,
|
|
44
|
+
"3b9affa2": J,
|
|
45
|
+
"6dc61d63": Q
|
|
45
46
|
}));
|
|
46
47
|
const f = b, I = V, c = Z(), M = _(() => f.hiderSider || $.value.length > 0 && H.value.length === 0), {
|
|
47
48
|
topMenuItems: $,
|
|
@@ -68,7 +69,7 @@ const fe = ["src"], me = ["src"], t = "keyblade-pro-layout", ce = 48, Be = /* @_
|
|
|
68
69
|
r.value = f.siderCollapsed;
|
|
69
70
|
}, { immediate: !0 }), D(v, () => {
|
|
70
71
|
I("keepAliveIncludeChange", v.value);
|
|
71
|
-
}, { immediate: !0 }), (l, i) => (s(), n(e(
|
|
72
|
+
}, { immediate: !0 }), (l, i) => (s(), n(e(P), {
|
|
72
73
|
class: o([t, `${t}-${l.layout}`])
|
|
73
74
|
}, {
|
|
74
75
|
default: a(() => [
|
|
@@ -100,7 +101,7 @@ const fe = ["src"], me = ["src"], t = "keyblade-pro-layout", ce = 48, Be = /* @_
|
|
|
100
101
|
heading: 5
|
|
101
102
|
}, {
|
|
102
103
|
default: a(() => [
|
|
103
|
-
T(
|
|
104
|
+
T(B(l.title), 1)
|
|
104
105
|
]),
|
|
105
106
|
_: 1
|
|
106
107
|
}, 8, ["class"])
|
|
@@ -137,7 +138,7 @@ const fe = ["src"], me = ["src"], t = "keyblade-pro-layout", ce = 48, Be = /* @_
|
|
|
137
138
|
]),
|
|
138
139
|
_: 3
|
|
139
140
|
}, 8, ["class"])),
|
|
140
|
-
u(e(
|
|
141
|
+
u(e(P), null, {
|
|
141
142
|
default: a(() => [
|
|
142
143
|
M.value ? d("", !0) : (s(), n(e(le), {
|
|
143
144
|
key: 0,
|
|
@@ -171,7 +172,7 @@ const fe = ["src"], me = ["src"], t = "keyblade-pro-layout", ce = 48, Be = /* @_
|
|
|
171
172
|
heading: 5
|
|
172
173
|
}, {
|
|
173
174
|
default: a(() => [
|
|
174
|
-
T(
|
|
175
|
+
T(B(l.title), 1)
|
|
175
176
|
]),
|
|
176
177
|
_: 1
|
|
177
178
|
}, 8, ["class"]))
|
|
@@ -204,7 +205,7 @@ const fe = ["src"], me = ["src"], t = "keyblade-pro-layout", ce = 48, Be = /* @_
|
|
|
204
205
|
]),
|
|
205
206
|
_: 3
|
|
206
207
|
}, 8, ["class", "width", "breakpoint", "collapsed"])),
|
|
207
|
-
u(e(
|
|
208
|
+
u(e(P), {
|
|
208
209
|
class: o([
|
|
209
210
|
`${t}-body`,
|
|
210
211
|
{ [`${t}-body-hide-sider`]: M.value },
|
|
@@ -242,7 +243,7 @@ const fe = ["src"], me = ["src"], t = "keyblade-pro-layout", ce = 48, Be = /* @_
|
|
|
242
243
|
class: o(`${t}-body-footer`)
|
|
243
244
|
}, {
|
|
244
245
|
default: a(() => [
|
|
245
|
-
T(
|
|
246
|
+
T(B(l.footerTitle), 1)
|
|
246
247
|
]),
|
|
247
248
|
_: 1
|
|
248
249
|
}, 8, ["class"]))
|
|
@@ -259,5 +260,5 @@ const fe = ["src"], me = ["src"], t = "keyblade-pro-layout", ce = 48, Be = /* @_
|
|
|
259
260
|
}
|
|
260
261
|
});
|
|
261
262
|
export {
|
|
262
|
-
|
|
263
|
+
Pe as default
|
|
263
264
|
};
|
package/es/pro-layout/type.d.ts
CHANGED
package/es/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.keyblade-pro-login{box-shadow:0 12px 23px #00000026;border-radius:var(--border-radius-large);width:470px;padding:0 40px}.keyblade-pro-login input:-webkit-autofill{-webkit-background-clip:text;transition:background-color 5000s ease-in-out 0s}.keyblade-pro-login .arco-input-append{border-left:none}.keyblade-pro-login .keyblade-pro-login-mobile-time{text-align:center;width:130px;color:var(--color-neutral-6)}[arco-theme=dark] .keyblade-pro-login{border:1px solid var(--color-neutral-3)}.keyblade-find-password{box-shadow:0 12px 23px #00000026;border-radius:var(--border-radius-large);max-width:937px;width:80%}.keyblade-find-password input:-webkit-autofill{-webkit-background-clip:text;transition:background-color 5000s ease-in-out 0s}.keyblade-find-password .keyblade-find-password-succeed-message{width:100%;display:flex;justify-content:center}[arco-theme=dark] .keyblade-find-password{border:1px solid var(--color-neutral-3)}.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-reuse-tabs{position:relative;background-color:var(--color-bg-2);padding:4px 20px}.keyblade-pro-menu .keyblade-pro-menu-item-img{width:14px;height:auto}.keyblade-pro-layout{width:100%;height:100%}.keyblade-pro-layout .keyblade-pro-layout-header{position:fixed;top:0;left:0;width:100%;height:var(--60f0bf10);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(--60f0bf10);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(--60f0bf10);padding-left:var(--30e69946);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-hide-sider{padding-left:0}.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(--6cb36c08)}.keyblade-pro-layout-side .keyblade-pro-layout-header{z-index:98;left:var(--30e69946);width:calc(100% - var(--30e69946))}.keyblade-pro-layout-side .keyblade-pro-layout-header-collapsed{left:var(--6cb36c08);width:calc(100% - var(--6cb36c08))}.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-footer-bar[data-v-664c6218]{z-index:11;position:fixed;width:100%;bottom:0;right:0;padding:16px 20px;background-color:var(--color-bg-3);display:flex;justify-content:flex-end;box-shadow:0 -2px 5px #0000000d}[arco-theme=dark] .keyblade-pro-footer-bar[data-v-664c6218]{border-top:1px solid var(--color-neutral-3)}.keyblade-pro-page-container .keyblade-pro-page-container-content{padding:20px}.keyblade-pro-page-container-with-footer-bar .keyblade-pro-page-container-content{padding-bottom:84px}.keyblade-pro-image-upload-cropper-dialog-cropper-wrapper[data-v-bf0218e0]{width:100%;height:400px}.keyblade-pro-image-upload-cropper-dialog-operate[data-v-bf0218e0]{margin-top:24px;display:flex;align-items:center;justify-content:center}.keyblade-pro-image-upload-cropper-dialog-footer[data-v-bf0218e0]{margin-top:24px;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-image-upload-cropper-dialog-footer-left[data-v-bf0218e0]{display:flex;align-items:center;justify-content:flex-start;margin-right:12px}.keyblade-pro-image-upload-cropper-dialog-footer-right[data-v-bf0218e0]{flex:1;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-dates-picker{position:relative}.keyblade-pro-dates-picker .arco-trigger-content{padding:0;border:none;margin-top:-6px}.keyblade-pro-dates-picker .arco-popover-content{margin-top:0}.keyblade-pro-dates-picker .arco-trigger-arrow{display:none}.keyblade-pro-dates-picker .arco-picker-cell-selected .arco-picker-date-value{background-color:transparent;color:var(--color-text-1)}.keyblade-pro-date-range-picker[data-v-2223539d]{display:flex;align-items:flex-start;position:relative}.keyblade-pro-date-range-picker[data-v-2223539d] .arco-form-item{margin-right:8px;margin-bottom:0}.keyblade-pro-date-range-picker[data-v-2223539d] .arco-form-item .arco-picker:not(.arco-picker-error){background-color:var(--color-bg-1);border-color:var(--color-border-1)}.keyblade-pro-date-range-picker[data-v-2223539d] .arco-form-item .arco-picker:not(.arco-picker-error):hover{border-color:rgb(var(--primary-6))}.keyblade-pro-table .keyblade-pro-table-header{min-height:32px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.keyblade-pro-table .keyblade-pro-table-header-icon{font-size:18px;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.keyblade-pro-table .keyblade-pro-table-header-icon:hover{background-color:var(--color-fill-3)}.keyblade-pro-table .keyblade-pro-table-column-setting{width:250px}.keyblade-pro-table .keyblade-pro-table-column-setting-title{padding:8px 12px;display:flex;align-items:center;justify-content:space-between}.keyblade-pro-table .keyblade-pro-table-column-setting-list{max-height:300px;overflow-y:auto;padding:4px 0}.keyblade-pro-table .keyblade-pro-table-column-setting-item{display:flex;align-items:center;justify-content:space-between;padding:12px;transition:background-color .2s,opacity .2s;user-select:none;cursor:grab}.keyblade-pro-table .keyblade-pro-table-column-setting-item.is-dragging{opacity:.5;background-color:var(--color-fill-3);cursor:grabbing}.keyblade-pro-table .keyblade-pro-table-column-setting-item:hover:not(.is-dragging){background-color:var(--color-fill-2)}.keyblade-pro-table .keyblade-pro-table-column-setting-item-left{display:flex;align-items:center;gap:12px;flex:1;overflow:hidden;height:22px}.keyblade-pro-table .keyblade-pro-table-column-setting-item-left .arco-checkbox{padding:0;margin:0;display:inline-flex;align-items:center;height:100%}.keyblade-pro-table .keyblade-pro-table-column-setting-item-left .arco-checkbox .arco-checkbox-icon{margin:0}.keyblade-pro-table .keyblade-pro-table-column-setting-item-drag{cursor:move;color:var(--color-text-3)}.keyblade-pro-table .keyblade-pro-table-column-setting-item-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:22px;display:inline-block;vertical-align:middle}.keyblade-pro-table .keyblade-pro-table-column-setting-item-right{display:flex;gap:4px}.keyblade-pro-table .keyblade-pro-table-clipboard span{text-decoration:underline;margin-right:4px}.keyblade-pro-table .keyblade-pro-table-clipboard:hover{cursor:pointer}.keyblade-pro-table .keyblade-pro-table-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.keyblade-pro-table .arco-table .arco-table-pagination>:first-child:not(.arco-pagination){flex:1;overflow:hidden;display:flex;flex-wrap:wrap;gap:8px 0}.keyblade-pro-textarea-word-limit[data-v-ef0ccb66]{overflow:inherit}.keyblade-pro-textarea-word-limit[data-v-ef0ccb66] .arco-textarea-word-limit{bottom:-20px}.keyblade-pro-textarea[data-v-ef0ccb66]:not(.arco-textarea-error){background-color:var(--color-bg-1);border:1px solid var(--color-border-1);border-radius:4px}.keyblade-pro-textarea[data-v-ef0ccb66]:not(.arco-textarea-error):hover{border-color:rgb(var(--primary-6))}.keyblade-pro-form-group[data-v-ba9d734f]{display:flex;margin:20px 0;align-items:flex-end}.keyblade-pro-form-group[data-v-ba9d734f] .arco-typography{margin:0 15px 0 0;display:flex;align-items:center}.keyblade-pro-form-group[data-v-ba9d734f] .arco-typography:before{content:"";display:block;width:4px;height:16px;margin-right:6px;background:rgb(var(--primary-6))}.keyblade-pro-form-group-extra[data-v-ba9d734f]{font-size:12px;color:var(--color-text-3)}.keyblade-pro-form-group-icon[data-v-ba9d734f]{color:rgb(var(--orange-6))}.arco-calendar{box-sizing:border-box;border:1px solid var(--color-neutral-3)}.arco-calendar-header{display:flex;padding:24px}.arco-calendar-header-left{position:relative;display:flex;flex:1;align-items:center;height:28px;line-height:28px}.arco-calendar-header-right{position:relative;height:28px}.arco-calendar-header-value{color:var(--color-text-1);font-weight:500;font-size:20px}.arco-calendar-header-icon{width:28px;height:28px;margin-right:12px;color:var(--color-text-2);font-size:12px;line-height:28px;text-align:center;background-color:var(--color-bg-5);border-radius:50%;transition:all .1s cubic-bezier(0,0,1,1);user-select:none}.arco-calendar-header-icon:not(:first-child){margin:0 12px}.arco-calendar-header-icon:focus-visible{box-shadow:0 0 0 2px var(--color-primary-light-3)}.arco-calendar-header-icon:not(.arco-calendar-header-icon-hidden){cursor:pointer}.arco-calendar-header-icon:not(.arco-calendar-header-icon-hidden):hover{background-color:var(--color-fill-3)}.arco-calendar .arco-calendar-header-value-year{width:100px;margin-right:8px}.arco-calendar .arco-calendar-header-value-month{width:76px;margin-right:32px}.arco-calendar-month{width:100%}.arco-calendar-month-row{display:flex;height:100px}.arco-calendar-month-row .arco-calendar-cell{flex:1;overflow:hidden;border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-month-row:last-child .arco-calendar-cell{border-bottom:unset}.arco-calendar-month-cell-body{box-sizing:border-box}.arco-calendar-mode-month:not(.arco-calendar-panel) .arco-calendar-cell:not(:last-child){border-right:1px solid var(--color-neutral-3)}.arco-calendar-week-list{display:flex;box-sizing:border-box;width:100%;padding:0;border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-week-list-item{flex:1;padding:20px 16px;color:#7d7d7f;text-align:left}.arco-calendar-cell .arco-calendar-date{box-sizing:border-box;width:100%;height:100%;padding:10px;cursor:pointer}.arco-calendar-cell .arco-calendar-date-circle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%}.arco-calendar-date-content{height:70px;overflow-y:auto}.arco-calendar-cell-today .arco-calendar-date-circle{box-sizing:border-box;border:1px solid rgb(var(--primary-6))}.arco-calendar-date-value{color:var(--color-text-4);font-weight:500;font-size:16px}.arco-calendar-cell-in-view .arco-calendar-date-value{color:var(--color-text-1)}.arco-calendar-mode-month .arco-calendar-cell-selected .arco-calendar-date-circle,.arco-calendar-mode-year .arco-calendar-cell-selected .arco-calendar-cell-selected .arco-calendar-date-circle{box-sizing:border-box;color:#fff;background-color:rgb(var(--primary-6));border:1px solid rgb(var(--primary-6))}.arco-calendar-mode-year:not(.arco-calendar-panel){min-width:820px}.arco-calendar-mode-year .arco-calendar-header{border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-mode-year .arco-calendar-body{padding:12px}.arco-calendar-mode-year .arco-calendar-year-row{display:flex}.arco-calendar-year-row>.arco-calendar-cell{flex:1;padding:20px 8px}.arco-calendar-year-row>.arco-calendar-cell:not(:last-child){border-right:1px solid var(--color-neutral-3)}.arco-calendar-year-row:not(:last-child)>.arco-calendar-cell{border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-month-with-days .arco-calendar-month-row{height:26px}.arco-calendar-month-with-days .arco-calendar-cell{border-bottom:0}.arco-calendar-month-with-days .arco-calendar-month-cell-body{padding:0}.arco-calendar-month-with-days .arco-calendar-month-title{padding:10px 6px;color:var(--color-text-1);font-weight:500;font-size:16px}.arco-calendar-month-cell{width:100%;font-size:12px}.arco-calendar-month-cell .arco-calendar-week-list{padding:0;border-bottom:unset}.arco-calendar-month-cell .arco-calendar-week-list-item{padding:6px;color:#7d7d7f;text-align:center}.arco-calendar-month-cell .arco-calendar-cell{text-align:center}.arco-calendar-month-cell .arco-calendar-date{padding:2px}.arco-calendar-month-cell .arco-calendar-date-value{font-size:14px}.arco-calendar-month-cell .arco-calendar-date-circle{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%}.arco-calendar-panel{background-color:var(--color-bg-5);border:1px solid var(--color-neutral-3)}.arco-calendar-panel .arco-calendar-header{padding:8px 16px;border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-panel .arco-calendar-header-value{flex:1;font-size:14px;line-height:24px;text-align:center}.arco-calendar-panel .arco-calendar-header-icon{width:24px;height:24px;margin-right:2px;margin-left:2px;line-height:24px}.arco-calendar-panel .arco-calendar-body{padding:14px 16px}.arco-calendar-panel .arco-calendar-month-cell-body{padding:0}.arco-calendar-panel .arco-calendar-month-row{height:unset}.arco-calendar-panel .arco-calendar-week-list{padding:0;border-bottom:unset}.arco-calendar-panel .arco-calendar-week-list-item{height:32px;padding:0;font-weight:400;line-height:32px;text-align:center}.arco-calendar-panel .arco-calendar-cell,.arco-calendar-panel .arco-calendar-year-row .arco-calendar-cell{box-sizing:border-box;padding:2px 0;text-align:center;border-right:0;border-bottom:0}.arco-calendar-panel .arco-calendar-cell .arco-calendar-date{display:flex;justify-content:center;padding:4px 0}.arco-calendar-panel .arco-calendar-cell .arco-calendar-date-value{min-width:24px;height:24px;font-size:14px;line-height:24px;cursor:pointer}.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell{padding:4px 0}.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell .arco-calendar-date{padding:4px}.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell .arco-calendar-date-value{width:100%;border-radius:12px}.arco-calendar-panel .arco-calendar-cell-selected .arco-calendar-date-value{color:var(--color-white);background-color:rgb(var(--primary-6));border-radius:50%}.arco-calendar-panel .arco-calendar-cell:not(.arco-calendar-cell-selected):not(.arco-calendar-cell-range-start):not(.arco-calendar-cell-range-end):not(.arco-calendar-cell-hover-range-start):not(.arco-calendar-cell-hover-range-end):not(.arco-calendar-cell-disabled):not(.arco-calendar-cell-week) .arco-calendar-date-value:hover{color:rgb(var(--primary-6));background-color:var(--color-primary-light-1);border-radius:50%}.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell:not(.arco-calendar-cell-selected):not(.arco-calendar-cell-range-start):not(.arco-calendar-cell-range-end):not(.arco-calendar-cell-hover-range-start):not(.arco-calendar-cell-hover-range-end):not(.arco-calendar-cell-disabled) .arco-calendar-date-value:hover{border-radius:12px}.arco-calendar-panel .arco-calendar-cell-today{position:relative}.arco-calendar-panel .arco-calendar-cell-today:after{position:absolute;bottom:0;left:50%;display:block;width:4px;height:4px;margin-left:-2px;background-color:rgb(var(--primary-6));border-radius:50%;content:""}.arco-calendar-cell-in-range .arco-calendar-date{background-color:var(--color-primary-light-1)}.arco-calendar-cell-range-start .arco-calendar-date{border-radius:16px 0 0 16px}.arco-calendar-cell-range-end .arco-calendar-date{border-radius:0 16px 16px 0}.arco-calendar-cell-in-range-near-hover .arco-calendar-date{border-radius:0}.arco-calendar-cell-range-start .arco-calendar-date-value,.arco-calendar-cell-range-end .arco-calendar-date-value{color:var(--color-white);background-color:rgb(var(--primary-6));border-radius:50%}.arco-calendar-cell-hover-in-range .arco-calendar-date{background-color:var(--color-primary-light-1)}.arco-calendar-cell-hover-range-start .arco-calendar-date{border-radius:16px 0 0 16px}.arco-calendar-cell-hover-range-end .arco-calendar-date{border-radius:0 16px 16px 0}.arco-calendar-cell-hover-range-start .arco-calendar-date-value,.arco-calendar-cell-hover-range-end .arco-calendar-date-value{color:var(--color-text-1);background-color:var(--color-primary-light-2);border-radius:50%}.arco-calendar-panel .arco-calendar-cell-disabled>.arco-calendar-date{background-color:var(--color-fill-1);cursor:not-allowed}.arco-calendar-panel .arco-calendar-cell-disabled>.arco-calendar-date>.arco-calendar-date-value{color:var(--color-text-4);background-color:var(--color-fill-1);cursor:not-allowed}.arco-calendar-panel .arco-calendar-footer-btn-wrapper{height:38px;color:var(--color-text-1);line-height:38px;text-align:center;border-top:1px solid var(--color-neutral-3);cursor:pointer}.arco-calendar-rtl{direction:rtl}.arco-calendar-rtl .arco-calendar-header-icon{margin-right:0;margin-left:12px;transform:scaleX(-1)}.arco-calendar-rtl .arco-calendar-week-list-item{text-align:right}.arco-calendar-rtl.arco-calendar-mode-month:not(.arco-calendar-panel) .arco-calendar-cell:not(:last-child){border-right:0;border-left:1px solid var(--color-neutral-3)}.arco-calendar-rtl .arco-calendar-header-value-year{margin-right:0;margin-left:8px}.arco-calendar-rtl .arco-calendar-header-value-month{margin-right:0;margin-left:32px}.keyblade-pro-loader{position:relative}.keyblade-pro-loader-container{opacity:1;z-index:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-flow:column;transition:opacity 1s ease;background-color:var(--color-spin-layer-bg)}.keyblade-pro-loader-fade-out{opacity:0}.keyblade-pro-loader-svg-container{display:flex;align-items:center;justify-content:center}.keyblade-pro-loader-svg-path{fill:none;stroke-width:var(--end-stroke-width);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:800;stroke-dashoffset:800;animation:strokeDraw 2s ease-in-out infinite}.keyblade-pro-loader-custom-color .keyblade-pro-loader-svg-path{stroke:var(--loader-color)}.keyblade-pro-loader-tip{color:rgb(var(--primary-6));font-weight:500;font-size:14px}@keyframes strokeDraw{0%{stroke-dashoffset:800;stroke-width:var(--start-stroke-width)}50%{stroke-dashoffset:0;stroke-width:var(--end-stroke-width)}to{stroke-dashoffset:-800;stroke-width:var(--start-stroke-width)}}
|
|
1
|
+
.keyblade-pro-login{box-shadow:0 12px 23px #00000026;border-radius:var(--border-radius-large);width:470px;padding:0 40px}.keyblade-pro-login input:-webkit-autofill{-webkit-background-clip:text;transition:background-color 5000s ease-in-out 0s}.keyblade-pro-login .arco-input-append{border-left:none}.keyblade-pro-login .keyblade-pro-login-mobile-time{text-align:center;width:130px;color:var(--color-neutral-6)}[arco-theme=dark] .keyblade-pro-login{border:1px solid var(--color-neutral-3)}.keyblade-find-password{box-shadow:0 12px 23px #00000026;border-radius:var(--border-radius-large);max-width:937px;width:80%}.keyblade-find-password input:-webkit-autofill{-webkit-background-clip:text;transition:background-color 5000s ease-in-out 0s}.keyblade-find-password .keyblade-find-password-succeed-message{width:100%;display:flex;justify-content:center}[arco-theme=dark] .keyblade-find-password{border:1px solid var(--color-neutral-3)}.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-reuse-tabs{position:relative;background-color:var(--color-bg-2);padding:4px 20px}.keyblade-pro-menu .keyblade-pro-menu-item-img{width:14px;height:auto}.keyblade-pro-layout{width:100%;height:100%}.keyblade-pro-layout .keyblade-pro-layout-header{position:fixed;top:0;left:0;width:100%;height:var(--4bb3e9aa);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(--4bb3e9aa);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(--4bb3e9aa);padding-left:var(--3b9affa2);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-hide-sider{padding-left:0}.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(--6dc61d63)}.keyblade-pro-layout-side .keyblade-pro-layout-header{z-index:98;left:var(--3b9affa2);width:calc(100% - var(--3b9affa2))}.keyblade-pro-layout-side .keyblade-pro-layout-header-collapsed{left:var(--6dc61d63);width:calc(100% - var(--6dc61d63))}.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-footer-bar[data-v-664c6218]{z-index:11;position:fixed;width:100%;bottom:0;right:0;padding:16px 20px;background-color:var(--color-bg-3);display:flex;justify-content:flex-end;box-shadow:0 -2px 5px #0000000d}[arco-theme=dark] .keyblade-pro-footer-bar[data-v-664c6218]{border-top:1px solid var(--color-neutral-3)}.keyblade-pro-page-container .keyblade-pro-page-container-content{padding:20px}.keyblade-pro-page-container-with-footer-bar .keyblade-pro-page-container-content{padding-bottom:84px}.keyblade-pro-image-upload-cropper-dialog-cropper-wrapper[data-v-bf0218e0]{width:100%;height:400px}.keyblade-pro-image-upload-cropper-dialog-operate[data-v-bf0218e0]{margin-top:24px;display:flex;align-items:center;justify-content:center}.keyblade-pro-image-upload-cropper-dialog-footer[data-v-bf0218e0]{margin-top:24px;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-image-upload-cropper-dialog-footer-left[data-v-bf0218e0]{display:flex;align-items:center;justify-content:flex-start;margin-right:12px}.keyblade-pro-image-upload-cropper-dialog-footer-right[data-v-bf0218e0]{flex:1;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-dates-picker{position:relative}.keyblade-pro-dates-picker .arco-trigger-content{padding:0;border:none;margin-top:-6px}.keyblade-pro-dates-picker .arco-popover-content{margin-top:0}.keyblade-pro-dates-picker .arco-trigger-arrow{display:none}.keyblade-pro-dates-picker .arco-picker-cell-selected .arco-picker-date-value{background-color:transparent;color:var(--color-text-1)}.keyblade-pro-date-range-picker[data-v-2223539d]{display:flex;align-items:flex-start;position:relative}.keyblade-pro-date-range-picker[data-v-2223539d] .arco-form-item{margin-right:8px;margin-bottom:0}.keyblade-pro-date-range-picker[data-v-2223539d] .arco-form-item .arco-picker:not(.arco-picker-error){background-color:var(--color-bg-1);border-color:var(--color-border-1)}.keyblade-pro-date-range-picker[data-v-2223539d] .arco-form-item .arco-picker:not(.arco-picker-error):hover{border-color:rgb(var(--primary-6))}.keyblade-pro-table .keyblade-pro-table-header{min-height:32px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.keyblade-pro-table .keyblade-pro-table-header-icon{font-size:18px;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.keyblade-pro-table .keyblade-pro-table-header-icon:hover{background-color:var(--color-fill-3)}.keyblade-pro-table .keyblade-pro-table-column-setting{width:250px}.keyblade-pro-table .keyblade-pro-table-column-setting-title{padding:8px 12px;display:flex;align-items:center;justify-content:space-between}.keyblade-pro-table .keyblade-pro-table-column-setting-list{max-height:300px;overflow-y:auto;padding:4px 0}.keyblade-pro-table .keyblade-pro-table-column-setting-item{display:flex;align-items:center;justify-content:space-between;padding:12px;transition:background-color .2s,opacity .2s;user-select:none;cursor:grab}.keyblade-pro-table .keyblade-pro-table-column-setting-item.is-dragging{opacity:.5;background-color:var(--color-fill-3);cursor:grabbing}.keyblade-pro-table .keyblade-pro-table-column-setting-item:hover:not(.is-dragging){background-color:var(--color-fill-2)}.keyblade-pro-table .keyblade-pro-table-column-setting-item-left{display:flex;align-items:center;gap:12px;flex:1;overflow:hidden;height:22px}.keyblade-pro-table .keyblade-pro-table-column-setting-item-left .arco-checkbox{padding:0;margin:0;display:inline-flex;align-items:center;height:100%}.keyblade-pro-table .keyblade-pro-table-column-setting-item-left .arco-checkbox .arco-checkbox-icon{margin:0}.keyblade-pro-table .keyblade-pro-table-column-setting-item-drag{cursor:move;color:var(--color-text-3)}.keyblade-pro-table .keyblade-pro-table-column-setting-item-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:22px;display:inline-block;vertical-align:middle}.keyblade-pro-table .keyblade-pro-table-column-setting-item-right{display:flex;gap:4px}.keyblade-pro-table .keyblade-pro-table-clipboard span{text-decoration:underline;margin-right:4px}.keyblade-pro-table .keyblade-pro-table-clipboard:hover{cursor:pointer}.keyblade-pro-table .keyblade-pro-table-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.keyblade-pro-table .arco-table .arco-table-pagination>:first-child:not(.arco-pagination){flex:1;overflow:hidden;display:flex;flex-wrap:wrap;gap:8px 0}.keyblade-pro-textarea-word-limit[data-v-ef0ccb66]{overflow:inherit}.keyblade-pro-textarea-word-limit[data-v-ef0ccb66] .arco-textarea-word-limit{bottom:-20px}.keyblade-pro-textarea[data-v-ef0ccb66]:not(.arco-textarea-error){background-color:var(--color-bg-1);border:1px solid var(--color-border-1);border-radius:4px}.keyblade-pro-textarea[data-v-ef0ccb66]:not(.arco-textarea-error):hover{border-color:rgb(var(--primary-6))}.keyblade-pro-form-group[data-v-ba9d734f]{display:flex;margin:20px 0;align-items:flex-end}.keyblade-pro-form-group[data-v-ba9d734f] .arco-typography{margin:0 15px 0 0;display:flex;align-items:center}.keyblade-pro-form-group[data-v-ba9d734f] .arco-typography:before{content:"";display:block;width:4px;height:16px;margin-right:6px;background:rgb(var(--primary-6))}.keyblade-pro-form-group-extra[data-v-ba9d734f]{font-size:12px;color:var(--color-text-3)}.keyblade-pro-form-group-icon[data-v-ba9d734f]{color:rgb(var(--orange-6))}.arco-calendar{box-sizing:border-box;border:1px solid var(--color-neutral-3)}.arco-calendar-header{display:flex;padding:24px}.arco-calendar-header-left{position:relative;display:flex;flex:1;align-items:center;height:28px;line-height:28px}.arco-calendar-header-right{position:relative;height:28px}.arco-calendar-header-value{color:var(--color-text-1);font-weight:500;font-size:20px}.arco-calendar-header-icon{width:28px;height:28px;margin-right:12px;color:var(--color-text-2);font-size:12px;line-height:28px;text-align:center;background-color:var(--color-bg-5);border-radius:50%;transition:all .1s cubic-bezier(0,0,1,1);user-select:none}.arco-calendar-header-icon:not(:first-child){margin:0 12px}.arco-calendar-header-icon:focus-visible{box-shadow:0 0 0 2px var(--color-primary-light-3)}.arco-calendar-header-icon:not(.arco-calendar-header-icon-hidden){cursor:pointer}.arco-calendar-header-icon:not(.arco-calendar-header-icon-hidden):hover{background-color:var(--color-fill-3)}.arco-calendar .arco-calendar-header-value-year{width:100px;margin-right:8px}.arco-calendar .arco-calendar-header-value-month{width:76px;margin-right:32px}.arco-calendar-month{width:100%}.arco-calendar-month-row{display:flex;height:100px}.arco-calendar-month-row .arco-calendar-cell{flex:1;overflow:hidden;border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-month-row:last-child .arco-calendar-cell{border-bottom:unset}.arco-calendar-month-cell-body{box-sizing:border-box}.arco-calendar-mode-month:not(.arco-calendar-panel) .arco-calendar-cell:not(:last-child){border-right:1px solid var(--color-neutral-3)}.arco-calendar-week-list{display:flex;box-sizing:border-box;width:100%;padding:0;border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-week-list-item{flex:1;padding:20px 16px;color:#7d7d7f;text-align:left}.arco-calendar-cell .arco-calendar-date{box-sizing:border-box;width:100%;height:100%;padding:10px;cursor:pointer}.arco-calendar-cell .arco-calendar-date-circle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%}.arco-calendar-date-content{height:70px;overflow-y:auto}.arco-calendar-cell-today .arco-calendar-date-circle{box-sizing:border-box;border:1px solid rgb(var(--primary-6))}.arco-calendar-date-value{color:var(--color-text-4);font-weight:500;font-size:16px}.arco-calendar-cell-in-view .arco-calendar-date-value{color:var(--color-text-1)}.arco-calendar-mode-month .arco-calendar-cell-selected .arco-calendar-date-circle,.arco-calendar-mode-year .arco-calendar-cell-selected .arco-calendar-cell-selected .arco-calendar-date-circle{box-sizing:border-box;color:#fff;background-color:rgb(var(--primary-6));border:1px solid rgb(var(--primary-6))}.arco-calendar-mode-year:not(.arco-calendar-panel){min-width:820px}.arco-calendar-mode-year .arco-calendar-header{border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-mode-year .arco-calendar-body{padding:12px}.arco-calendar-mode-year .arco-calendar-year-row{display:flex}.arco-calendar-year-row>.arco-calendar-cell{flex:1;padding:20px 8px}.arco-calendar-year-row>.arco-calendar-cell:not(:last-child){border-right:1px solid var(--color-neutral-3)}.arco-calendar-year-row:not(:last-child)>.arco-calendar-cell{border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-month-with-days .arco-calendar-month-row{height:26px}.arco-calendar-month-with-days .arco-calendar-cell{border-bottom:0}.arco-calendar-month-with-days .arco-calendar-month-cell-body{padding:0}.arco-calendar-month-with-days .arco-calendar-month-title{padding:10px 6px;color:var(--color-text-1);font-weight:500;font-size:16px}.arco-calendar-month-cell{width:100%;font-size:12px}.arco-calendar-month-cell .arco-calendar-week-list{padding:0;border-bottom:unset}.arco-calendar-month-cell .arco-calendar-week-list-item{padding:6px;color:#7d7d7f;text-align:center}.arco-calendar-month-cell .arco-calendar-cell{text-align:center}.arco-calendar-month-cell .arco-calendar-date{padding:2px}.arco-calendar-month-cell .arco-calendar-date-value{font-size:14px}.arco-calendar-month-cell .arco-calendar-date-circle{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%}.arco-calendar-panel{background-color:var(--color-bg-5);border:1px solid var(--color-neutral-3)}.arco-calendar-panel .arco-calendar-header{padding:8px 16px;border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-panel .arco-calendar-header-value{flex:1;font-size:14px;line-height:24px;text-align:center}.arco-calendar-panel .arco-calendar-header-icon{width:24px;height:24px;margin-right:2px;margin-left:2px;line-height:24px}.arco-calendar-panel .arco-calendar-body{padding:14px 16px}.arco-calendar-panel .arco-calendar-month-cell-body{padding:0}.arco-calendar-panel .arco-calendar-month-row{height:unset}.arco-calendar-panel .arco-calendar-week-list{padding:0;border-bottom:unset}.arco-calendar-panel .arco-calendar-week-list-item{height:32px;padding:0;font-weight:400;line-height:32px;text-align:center}.arco-calendar-panel .arco-calendar-cell,.arco-calendar-panel .arco-calendar-year-row .arco-calendar-cell{box-sizing:border-box;padding:2px 0;text-align:center;border-right:0;border-bottom:0}.arco-calendar-panel .arco-calendar-cell .arco-calendar-date{display:flex;justify-content:center;padding:4px 0}.arco-calendar-panel .arco-calendar-cell .arco-calendar-date-value{min-width:24px;height:24px;font-size:14px;line-height:24px;cursor:pointer}.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell{padding:4px 0}.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell .arco-calendar-date{padding:4px}.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell .arco-calendar-date-value{width:100%;border-radius:12px}.arco-calendar-panel .arco-calendar-cell-selected .arco-calendar-date-value{color:var(--color-white);background-color:rgb(var(--primary-6));border-radius:50%}.arco-calendar-panel .arco-calendar-cell:not(.arco-calendar-cell-selected):not(.arco-calendar-cell-range-start):not(.arco-calendar-cell-range-end):not(.arco-calendar-cell-hover-range-start):not(.arco-calendar-cell-hover-range-end):not(.arco-calendar-cell-disabled):not(.arco-calendar-cell-week) .arco-calendar-date-value:hover{color:rgb(var(--primary-6));background-color:var(--color-primary-light-1);border-radius:50%}.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell:not(.arco-calendar-cell-selected):not(.arco-calendar-cell-range-start):not(.arco-calendar-cell-range-end):not(.arco-calendar-cell-hover-range-start):not(.arco-calendar-cell-hover-range-end):not(.arco-calendar-cell-disabled) .arco-calendar-date-value:hover{border-radius:12px}.arco-calendar-panel .arco-calendar-cell-today{position:relative}.arco-calendar-panel .arco-calendar-cell-today:after{position:absolute;bottom:0;left:50%;display:block;width:4px;height:4px;margin-left:-2px;background-color:rgb(var(--primary-6));border-radius:50%;content:""}.arco-calendar-cell-in-range .arco-calendar-date{background-color:var(--color-primary-light-1)}.arco-calendar-cell-range-start .arco-calendar-date{border-radius:16px 0 0 16px}.arco-calendar-cell-range-end .arco-calendar-date{border-radius:0 16px 16px 0}.arco-calendar-cell-in-range-near-hover .arco-calendar-date{border-radius:0}.arco-calendar-cell-range-start .arco-calendar-date-value,.arco-calendar-cell-range-end .arco-calendar-date-value{color:var(--color-white);background-color:rgb(var(--primary-6));border-radius:50%}.arco-calendar-cell-hover-in-range .arco-calendar-date{background-color:var(--color-primary-light-1)}.arco-calendar-cell-hover-range-start .arco-calendar-date{border-radius:16px 0 0 16px}.arco-calendar-cell-hover-range-end .arco-calendar-date{border-radius:0 16px 16px 0}.arco-calendar-cell-hover-range-start .arco-calendar-date-value,.arco-calendar-cell-hover-range-end .arco-calendar-date-value{color:var(--color-text-1);background-color:var(--color-primary-light-2);border-radius:50%}.arco-calendar-panel .arco-calendar-cell-disabled>.arco-calendar-date{background-color:var(--color-fill-1);cursor:not-allowed}.arco-calendar-panel .arco-calendar-cell-disabled>.arco-calendar-date>.arco-calendar-date-value{color:var(--color-text-4);background-color:var(--color-fill-1);cursor:not-allowed}.arco-calendar-panel .arco-calendar-footer-btn-wrapper{height:38px;color:var(--color-text-1);line-height:38px;text-align:center;border-top:1px solid var(--color-neutral-3);cursor:pointer}.arco-calendar-rtl{direction:rtl}.arco-calendar-rtl .arco-calendar-header-icon{margin-right:0;margin-left:12px;transform:scaleX(-1)}.arco-calendar-rtl .arco-calendar-week-list-item{text-align:right}.arco-calendar-rtl.arco-calendar-mode-month:not(.arco-calendar-panel) .arco-calendar-cell:not(:last-child){border-right:0;border-left:1px solid var(--color-neutral-3)}.arco-calendar-rtl .arco-calendar-header-value-year{margin-right:0;margin-left:8px}.arco-calendar-rtl .arco-calendar-header-value-month{margin-right:0;margin-left:32px}.keyblade-pro-loader{position:relative}.keyblade-pro-loader-container{opacity:1;z-index:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-flow:column;transition:opacity 1s ease;background-color:var(--color-spin-layer-bg)}.keyblade-pro-loader-fade-out{opacity:0}.keyblade-pro-loader-svg-container{display:flex;align-items:center;justify-content:center}.keyblade-pro-loader-svg-path{fill:none;stroke-width:var(--end-stroke-width);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:800;stroke-dashoffset:800;animation:strokeDraw 2s ease-in-out infinite}.keyblade-pro-loader-custom-color .keyblade-pro-loader-svg-path{stroke:var(--loader-color)}.keyblade-pro-loader-tip{color:rgb(var(--primary-6));font-weight:500;font-size:14px}@keyframes strokeDraw{0%{stroke-dashoffset:800;stroke-width:var(--start-stroke-width)}50%{stroke-dashoffset:0;stroke-width:var(--end-stroke-width)}to{stroke-dashoffset:-800;stroke-width:var(--start-stroke-width)}}
|
package/package.json
CHANGED