@keyblade/pro-components 1.12.16 → 1.13.0
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-date-range-picker/index.d.ts +70 -0
- package/es/pro-date-range-picker/pro-date-range-picker.vue.d.ts +1 -3
- package/es/pro-date-range-picker/pro-date-range-picker.vue.js +2 -2
- package/es/pro-date-range-picker/pro-date-range-picker.vue2.js +35 -31
- package/es/pro-date-range-picker/type.d.ts +3 -0
- package/es/pro-image-upload/cropper.vue.js +1 -1
- package/es/pro-image-upload/cropper.vue2.js +57 -49
- package/es/pro-image-upload/types.d.ts +1 -1
- package/es/pro-layout/enum.d.ts +16 -0
- package/es/pro-layout/enum.js +5 -0
- package/es/pro-layout/hooks.d.ts +89 -12
- package/es/pro-layout/hooks.js +122 -82
- package/es/pro-layout/index.d.ts +19 -284
- package/es/pro-layout/pro-layout.vue.d.ts +14 -236
- package/es/pro-layout/pro-layout.vue.js +150 -233
- package/es/pro-layout/type.d.ts +83 -0
- package/es/pro-menu/index.d.ts +3 -3
- package/es/pro-menu/interface.d.ts +11 -0
- package/es/pro-menu/pro-menu.vue.d.ts +2 -2
- package/es/pro-menu/pro-menu.vue.js +43 -41
- package/es/style.css +1 -1
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { createReusableTemplate as
|
|
3
|
-
const
|
|
1
|
+
import { defineComponent as $, computed as b, resolveComponent as f, createBlock as u, openBlock as o, mergeProps as A, withCtx as a, createVNode as R, createElementBlock as s, unref as h, createCommentVNode as r, Fragment as p, createSlots as x, renderList as M, createTextVNode as _, toDisplayString as q, resolveDynamicComponent as I, normalizeClass as N } from "vue";
|
|
2
|
+
import { createReusableTemplate as j } from "@vueuse/core";
|
|
3
|
+
const w = ["src"], E = ["src"], F = "keyblade-pro-menu", T = "keyblade-pro-menu-item", W = /* @__PURE__ */ $({
|
|
4
4
|
__name: "pro-menu",
|
|
5
5
|
props: {
|
|
6
6
|
mode: {
|
|
@@ -10,7 +10,7 @@ const z = ["src"], E = ["src"], F = "keyblade-pro-menu", B = "keyblade-pro-menu-
|
|
|
10
10
|
},
|
|
11
11
|
collapsed: {
|
|
12
12
|
type: Boolean,
|
|
13
|
-
required: !
|
|
13
|
+
required: !1
|
|
14
14
|
},
|
|
15
15
|
selectedKeys: {
|
|
16
16
|
type: Array,
|
|
@@ -27,43 +27,44 @@ const z = ["src"], E = ["src"], F = "keyblade-pro-menu", B = "keyblade-pro-menu-
|
|
|
27
27
|
}
|
|
28
28
|
},
|
|
29
29
|
emits: {
|
|
30
|
-
"menu-item-click": (
|
|
30
|
+
"menu-item-click": (l) => !0
|
|
31
31
|
},
|
|
32
|
-
setup(
|
|
33
|
-
const y =
|
|
34
|
-
var
|
|
35
|
-
return (
|
|
36
|
-
}), t =
|
|
37
|
-
const
|
|
38
|
-
return
|
|
39
|
-
}),
|
|
40
|
-
|
|
32
|
+
setup(l, { emit: z }) {
|
|
33
|
+
const y = l, B = z, [D, v] = j(), d = b(() => (n) => {
|
|
34
|
+
var c;
|
|
35
|
+
return (c = y == null ? void 0 : y.selectedKeys) != null && c.includes(n.name) && n != null && n.selectedIcon ? n == null ? void 0 : n.selectedIcon : n == null ? void 0 : n.icon;
|
|
36
|
+
}), t = b(() => (n) => {
|
|
37
|
+
const c = n == null ? void 0 : n.icon;
|
|
38
|
+
return c != null && c.startsWith("icon") ? "icon" : "url";
|
|
39
|
+
}), K = (n) => {
|
|
40
|
+
B("menu-item-click", n);
|
|
41
41
|
};
|
|
42
|
-
return (n,
|
|
43
|
-
const
|
|
44
|
-
return
|
|
45
|
-
mode:
|
|
42
|
+
return (n, c) => {
|
|
43
|
+
const P = f("a-sub-menu"), S = f("a-menu-item"), V = f("a-menu");
|
|
44
|
+
return o(), u(V, A(l.menuProps, {
|
|
45
|
+
mode: l.mode,
|
|
46
46
|
class: F,
|
|
47
|
-
collapsed:
|
|
48
|
-
"selected-keys":
|
|
47
|
+
collapsed: l.collapsed,
|
|
48
|
+
"selected-keys": l.selectedKeys,
|
|
49
49
|
"auto-open-selected": ""
|
|
50
50
|
}), {
|
|
51
51
|
default: a(() => [
|
|
52
|
-
|
|
52
|
+
R(h(D), null, {
|
|
53
53
|
default: a(({ item: e }) => {
|
|
54
|
-
var
|
|
54
|
+
var C, g;
|
|
55
55
|
return [
|
|
56
|
-
e && !e.hideInMenu
|
|
57
|
-
e != null && e.children && ((
|
|
56
|
+
e && !e.hideInMenu && (l.mode === "vertical" || l.mode === "horizontal" && e.topMenu) ? (o(), s(p, { key: 0 }, [
|
|
57
|
+
e != null && e.children && ((C = e == null ? void 0 : e.children) == null ? void 0 : C.length) > 0 && // 垂直菜单模式 || (顶部菜单模式 && 子元素都是顶部菜单)
|
|
58
|
+
(l.mode === "vertical" || l.mode === "horizontal" && e.topChildrenMenu) ? (o(), u(P, {
|
|
58
59
|
key: e.name
|
|
59
|
-
},
|
|
60
|
+
}, x({
|
|
60
61
|
title: a(() => [
|
|
61
|
-
q(
|
|
62
|
+
_(q(e.title), 1)
|
|
62
63
|
]),
|
|
63
64
|
default: a(() => [
|
|
64
|
-
e != null && e.hideChildrenInMenu ? r("", !0) : (
|
|
65
|
-
key:
|
|
66
|
-
item:
|
|
65
|
+
e != null && e.hideChildrenInMenu ? r("", !0) : (o(!0), s(p, { key: 0 }, M((e == null ? void 0 : e.children) || [], (k) => (o(), u(h(v), {
|
|
66
|
+
key: k.name,
|
|
67
|
+
item: k
|
|
67
68
|
}, null, 8, ["item"]))), 128))
|
|
68
69
|
]),
|
|
69
70
|
_: 2
|
|
@@ -71,33 +72,34 @@ const z = ["src"], E = ["src"], F = "keyblade-pro-menu", B = "keyblade-pro-menu-
|
|
|
71
72
|
e != null && e.icon ? {
|
|
72
73
|
name: "icon",
|
|
73
74
|
fn: a(() => [
|
|
74
|
-
t.value(e) === "icon" ? (
|
|
75
|
-
t.value(e) === "url" ? (
|
|
75
|
+
t.value(e) === "icon" ? (o(), u(I(d.value(e)), { key: 0 })) : r("", !0),
|
|
76
|
+
t.value(e) === "url" ? (o(), s("img", {
|
|
76
77
|
key: 1,
|
|
77
|
-
class:
|
|
78
|
+
class: N(`${T}-img`),
|
|
78
79
|
src: d.value(e),
|
|
79
80
|
alt: ""
|
|
80
|
-
}, null, 10,
|
|
81
|
+
}, null, 10, w)) : r("", !0)
|
|
81
82
|
]),
|
|
82
83
|
key: "0"
|
|
83
84
|
} : void 0
|
|
84
85
|
]), 1024)) : r("", !0),
|
|
85
|
-
!(e != null && e.children) || ((
|
|
86
|
+
!(e != null && e.children) || ((g = e == null ? void 0 : e.children) == null ? void 0 : g.length) === 0 || // 顶部菜单模式 & 有子元素 & 子元素不是顶部菜单
|
|
87
|
+
l.mode === "horizontal" && e.children.length > 0 && !e.topChildrenMenu ? (o(), u(S, {
|
|
86
88
|
key: e.name,
|
|
87
|
-
onClick: (
|
|
88
|
-
},
|
|
89
|
+
onClick: (k) => K(e)
|
|
90
|
+
}, x({
|
|
89
91
|
default: a(() => [
|
|
90
|
-
|
|
92
|
+
_(" " + q(e.title), 1)
|
|
91
93
|
]),
|
|
92
94
|
_: 2
|
|
93
95
|
}, [
|
|
94
96
|
e != null && e.icon ? {
|
|
95
97
|
name: "icon",
|
|
96
98
|
fn: a(() => [
|
|
97
|
-
t.value(e) === "icon" ? (
|
|
98
|
-
t.value(e) === "url" ? (
|
|
99
|
+
t.value(e) === "icon" ? (o(), u(I(d.value(e)), { key: 0 })) : r("", !0),
|
|
100
|
+
t.value(e) === "url" ? (o(), s("img", {
|
|
99
101
|
key: 1,
|
|
100
|
-
class:
|
|
102
|
+
class: N(`${T}-img`),
|
|
101
103
|
src: d.value(e),
|
|
102
104
|
alt: ""
|
|
103
105
|
}, null, 10, E)) : r("", !0)
|
|
@@ -110,7 +112,7 @@ const z = ["src"], E = ["src"], F = "keyblade-pro-menu", B = "keyblade-pro-menu-
|
|
|
110
112
|
}),
|
|
111
113
|
_: 1
|
|
112
114
|
}),
|
|
113
|
-
(
|
|
115
|
+
(o(!0), s(p, null, M(l.items, (e) => (o(), u(h(v), {
|
|
114
116
|
key: e.name,
|
|
115
117
|
item: e
|
|
116
118
|
}, null, 8, ["item"]))), 128))
|
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-layout{width:100%;height:100%}.keyblade-pro-layout .keyblade-pro-layout-header{position:fixed;top:0;left:0;width:100%;height:var(--
|
|
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-layout{width:100%;height:100%}.keyblade-pro-layout .keyblade-pro-layout-header{position:fixed;top:0;left:0;width:100%;height:var(--4a477a1a);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(--4a477a1a);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(--4a477a1a);padding-left:var(--3599ef93);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(--5b478c92)}.keyblade-pro-layout-side .keyblade-pro-layout-header{z-index:98;left:var(--3599ef93);width:calc(100% - var(--3599ef93))}.keyblade-pro-layout-side .keyblade-pro-layout-header-collapsed{left:var(--5b478c92);width:calc(100% - var(--5b478c92))}.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-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-container .keyblade-pro-page-container-content{padding:20px}.keyblade-pro-image-upload-cropper-dialog-cropper-wrapper[data-v-1bddf267]{width:100%;height:400px}.keyblade-pro-image-upload-cropper-dialog-operate[data-v-1bddf267]{margin-top:24px;display:flex;align-items:center;justify-content:center}.keyblade-pro-image-upload-cropper-dialog-footer[data-v-1bddf267]{margin-top:24px;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-image-upload-cropper-dialog-footer-left[data-v-1bddf267]{display:flex;align-items:center;justify-content:flex-start;margin-right:12px}.keyblade-pro-image-upload-cropper-dialog-footer-right[data-v-1bddf267]{flex:1;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-date-range-picker[data-v-8dc7d86d]{display:flex;align-items:center}
|