@keyblade/pro-components 0.0.4 → 0.0.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.
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { ComponentInternalInstance, ExtractPropTypes, PropType, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, ComponentOptionsMixin, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, App } from 'vue';
|
|
1
|
+
import type { ComponentInternalInstance, ExtractPropTypes, PropType, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, Ref, ComponentOptionsMixin, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, App } from 'vue';
|
|
2
2
|
declare const ProBreadcrumb: {
|
|
3
3
|
new (...args: any[]): {
|
|
4
4
|
$: ComponentInternalInstance;
|
|
@@ -34,7 +34,7 @@ declare const ProBreadcrumb: {
|
|
|
34
34
|
}>>, {
|
|
35
35
|
prefixClsName: string;
|
|
36
36
|
props: any;
|
|
37
|
-
injectValue:
|
|
37
|
+
injectValue: Ref<string[]>;
|
|
38
38
|
}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
|
|
39
39
|
items: string[];
|
|
40
40
|
}, {}, string> & {
|
|
@@ -66,7 +66,7 @@ declare const ProBreadcrumb: {
|
|
|
66
66
|
}>> & ShallowUnwrapRef<{
|
|
67
67
|
prefixClsName: string;
|
|
68
68
|
props: any;
|
|
69
|
-
injectValue:
|
|
69
|
+
injectValue: Ref<string[]>;
|
|
70
70
|
}> & {} & ComponentCustomProperties & {};
|
|
71
71
|
__isFragment?: undefined;
|
|
72
72
|
__isTeleport?: undefined;
|
|
@@ -80,7 +80,7 @@ declare const ProBreadcrumb: {
|
|
|
80
80
|
}>>, {
|
|
81
81
|
prefixClsName: string;
|
|
82
82
|
props: any;
|
|
83
|
-
injectValue:
|
|
83
|
+
injectValue: Ref<string[]>;
|
|
84
84
|
}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
|
|
85
85
|
items: string[];
|
|
86
86
|
}, {}, string> & VNodeProps & AllowedComponentProps & ComponentCustomProps & {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, type PropType } from 'vue';
|
|
1
|
+
import type { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, type PropType, type Ref } from 'vue';
|
|
2
2
|
declare const _sfc_main: DefineComponent<{
|
|
3
3
|
items: {
|
|
4
4
|
type: PropType<string[]>;
|
|
@@ -8,7 +8,7 @@ declare const _sfc_main: DefineComponent<{
|
|
|
8
8
|
}, {
|
|
9
9
|
prefixClsName: string;
|
|
10
10
|
props: any;
|
|
11
|
-
injectValue:
|
|
11
|
+
injectValue: Ref<string[]>;
|
|
12
12
|
}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
|
|
13
13
|
items: {
|
|
14
14
|
type: PropType<string[]>;
|
package/es/pro-layout/index.d.ts
CHANGED
|
@@ -11,6 +11,7 @@ declare const ProLayout: {
|
|
|
11
11
|
theme: "light" | "dark";
|
|
12
12
|
footerTitle: string;
|
|
13
13
|
tabsMode: boolean;
|
|
14
|
+
siderBreakpoint: "xxl" | "xl" | "lg" | "md" | "sm" | "xs";
|
|
14
15
|
}> & Omit<Readonly<ExtractPropTypes<{
|
|
15
16
|
menuItems: {
|
|
16
17
|
type: PropType<IProMenuItem[]>;
|
|
@@ -42,9 +43,14 @@ declare const ProLayout: {
|
|
|
42
43
|
required: false;
|
|
43
44
|
default: boolean;
|
|
44
45
|
};
|
|
46
|
+
siderBreakpoint: {
|
|
47
|
+
type: PropType<"xxl" | "xl" | "lg" | "md" | "sm" | "xs">;
|
|
48
|
+
required: false;
|
|
49
|
+
default: string;
|
|
50
|
+
};
|
|
45
51
|
}>> & {
|
|
46
52
|
onCollapse?: ((collapsed: boolean) => any) | undefined;
|
|
47
|
-
} & VNodeProps & AllowedComponentProps & ComponentCustomProps, "menuItems" | "headerTitle" | "headerLogo" | "theme" | "footerTitle" | "tabsMode">;
|
|
53
|
+
} & VNodeProps & AllowedComponentProps & ComponentCustomProps, "menuItems" | "headerTitle" | "headerLogo" | "theme" | "footerTitle" | "tabsMode" | "siderBreakpoint">;
|
|
48
54
|
$attrs: {
|
|
49
55
|
[x: string]: unknown;
|
|
50
56
|
};
|
|
@@ -89,6 +95,11 @@ declare const ProLayout: {
|
|
|
89
95
|
required: false;
|
|
90
96
|
default: boolean;
|
|
91
97
|
};
|
|
98
|
+
siderBreakpoint: {
|
|
99
|
+
type: PropType<"xxl" | "xl" | "lg" | "md" | "sm" | "xs">;
|
|
100
|
+
required: false;
|
|
101
|
+
default: string;
|
|
102
|
+
};
|
|
92
103
|
}>> & {
|
|
93
104
|
onCollapse?: ((collapsed: boolean) => any) | undefined;
|
|
94
105
|
}, {
|
|
@@ -129,6 +140,7 @@ declare const ProLayout: {
|
|
|
129
140
|
theme: "light" | "dark";
|
|
130
141
|
footerTitle: string;
|
|
131
142
|
tabsMode: boolean;
|
|
143
|
+
siderBreakpoint: "xxl" | "xl" | "lg" | "md" | "sm" | "xs";
|
|
132
144
|
}, {}, string> & {
|
|
133
145
|
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
|
|
134
146
|
created?: ((() => void) | (() => void)[]) | undefined;
|
|
@@ -180,6 +192,11 @@ declare const ProLayout: {
|
|
|
180
192
|
required: false;
|
|
181
193
|
default: boolean;
|
|
182
194
|
};
|
|
195
|
+
siderBreakpoint: {
|
|
196
|
+
type: PropType<"xxl" | "xl" | "lg" | "md" | "sm" | "xs">;
|
|
197
|
+
required: false;
|
|
198
|
+
default: string;
|
|
199
|
+
};
|
|
183
200
|
}>> & {
|
|
184
201
|
onCollapse?: ((collapsed: boolean) => any) | undefined;
|
|
185
202
|
} & ShallowUnwrapRef<{
|
|
@@ -246,6 +263,11 @@ declare const ProLayout: {
|
|
|
246
263
|
required: false;
|
|
247
264
|
default: boolean;
|
|
248
265
|
};
|
|
266
|
+
siderBreakpoint: {
|
|
267
|
+
type: PropType<"xxl" | "xl" | "lg" | "md" | "sm" | "xs">;
|
|
268
|
+
required: false;
|
|
269
|
+
default: string;
|
|
270
|
+
};
|
|
249
271
|
}>> & {
|
|
250
272
|
onCollapse?: ((collapsed: boolean) => any) | undefined;
|
|
251
273
|
}, {
|
|
@@ -286,6 +308,7 @@ declare const ProLayout: {
|
|
|
286
308
|
theme: "light" | "dark";
|
|
287
309
|
footerTitle: string;
|
|
288
310
|
tabsMode: boolean;
|
|
311
|
+
siderBreakpoint: "xxl" | "xl" | "lg" | "md" | "sm" | "xs";
|
|
289
312
|
}, {}, string> & VNodeProps & AllowedComponentProps & ComponentCustomProps & {
|
|
290
313
|
install: (app: App) => void;
|
|
291
314
|
};
|
|
@@ -31,6 +31,11 @@ declare const _sfc_main: DefineComponent<{
|
|
|
31
31
|
required: false;
|
|
32
32
|
default: boolean;
|
|
33
33
|
};
|
|
34
|
+
siderBreakpoint: {
|
|
35
|
+
type: PropType<"xxl" | "xl" | "lg" | "md" | "sm" | "xs">;
|
|
36
|
+
required: false;
|
|
37
|
+
default: string;
|
|
38
|
+
};
|
|
34
39
|
}, {
|
|
35
40
|
prefixClsName: string;
|
|
36
41
|
props: any;
|
|
@@ -93,6 +98,11 @@ declare const _sfc_main: DefineComponent<{
|
|
|
93
98
|
required: false;
|
|
94
99
|
default: boolean;
|
|
95
100
|
};
|
|
101
|
+
siderBreakpoint: {
|
|
102
|
+
type: PropType<"xxl" | "xl" | "lg" | "md" | "sm" | "xs">;
|
|
103
|
+
required: false;
|
|
104
|
+
default: string;
|
|
105
|
+
};
|
|
96
106
|
}>> & {
|
|
97
107
|
onCollapse?: ((collapsed: boolean) => any) | undefined;
|
|
98
108
|
}, {
|
|
@@ -102,5 +112,6 @@ declare const _sfc_main: DefineComponent<{
|
|
|
102
112
|
theme: "light" | "dark";
|
|
103
113
|
footerTitle: string;
|
|
104
114
|
tabsMode: boolean;
|
|
115
|
+
siderBreakpoint: "xxl" | "xl" | "lg" | "md" | "sm" | "xs";
|
|
105
116
|
}>;
|
|
106
117
|
export default _sfc_main;
|
|
@@ -33,6 +33,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
33
33
|
type: Boolean,
|
|
34
34
|
required: false,
|
|
35
35
|
default: true
|
|
36
|
+
},
|
|
37
|
+
siderBreakpoint: {
|
|
38
|
+
type: String,
|
|
39
|
+
required: false,
|
|
40
|
+
default: "xl"
|
|
36
41
|
}
|
|
37
42
|
},
|
|
38
43
|
emits: {
|
|
@@ -41,8 +46,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
41
46
|
setup(__props, { emit }) {
|
|
42
47
|
const props = __props;
|
|
43
48
|
useCssVars((_ctx) => ({
|
|
44
|
-
"
|
|
45
|
-
"
|
|
49
|
+
"1e11aed1": siderWidthPx,
|
|
50
|
+
"043fd9d8": siderCollapsedWidthPx
|
|
46
51
|
}));
|
|
47
52
|
const prefixClsName = "keyblade-pro-layout";
|
|
48
53
|
const { menuItems } = toRefs(props);
|
|
@@ -149,7 +154,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
149
154
|
class: normalizeClass(`${prefixClsName}-sider`),
|
|
150
155
|
collapsible: true,
|
|
151
156
|
width: siderWidth,
|
|
152
|
-
breakpoint:
|
|
157
|
+
breakpoint: __props.siderBreakpoint,
|
|
153
158
|
collapsed: siderCollapsed.value,
|
|
154
159
|
"hide-trigger": true,
|
|
155
160
|
onCollapse: onSiderCollapse
|
|
@@ -172,7 +177,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
172
177
|
], 2)
|
|
173
178
|
]),
|
|
174
179
|
_: 3
|
|
175
|
-
}, 8, ["class", "collapsed"]),
|
|
180
|
+
}, 8, ["class", "breakpoint", "collapsed"]),
|
|
176
181
|
createVNode(_component_a_layout, {
|
|
177
182
|
class: normalizeClass(`${prefixClsName}-body` + (siderCollapsed.value ? ` ${prefixClsName}-body-collapsed` : ""))
|
|
178
183
|
}, {
|
package/es/style.css
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
.keyblade-pro-page-wrapper {
|
|
2
|
-
padding: 0 20px 20px 20px;
|
|
3
|
-
}
|
|
4
1
|
.keyblade-pro-reuse-tabs {
|
|
5
2
|
position: relative;
|
|
6
3
|
background-color: var(--color-bg-2);
|
|
7
4
|
padding: 4px 20px;
|
|
8
5
|
}
|
|
6
|
+
.keyblade-pro-page-wrapper {
|
|
7
|
+
padding: 0 20px 20px 20px;
|
|
8
|
+
}
|
|
9
9
|
.keyblade-pro-layout {
|
|
10
10
|
width: 100%;
|
|
11
11
|
height: 100%;
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
}
|
|
57
57
|
.keyblade-pro-layout-body {
|
|
58
58
|
padding-top: 60px;
|
|
59
|
-
padding-left: var(--
|
|
59
|
+
padding-left: var(--1e11aed1);
|
|
60
60
|
min-height: 100vh;
|
|
61
61
|
overflow-y: hidden;
|
|
62
62
|
background-color: var(--color-fill-2);
|
|
@@ -76,5 +76,5 @@
|
|
|
76
76
|
text-align: center;
|
|
77
77
|
}
|
|
78
78
|
.keyblade-pro-layout-body-collapsed {
|
|
79
|
-
padding-left: var(--
|
|
79
|
+
padding-left: var(--043fd9d8);
|
|
80
80
|
}
|