jky-component-lib 0.0.73 → 0.0.75
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/dist/es/components.d.ts +0 -1
- package/dist/es/components.js +1 -4
- package/dist/es/index.js +0 -15
- package/dist/es/menu/Menu.vue.js +42 -40
- package/dist/es/menu/MenuItem.vue.js +43 -41
- package/dist/es/package.json.js +1 -1
- package/dist/es/page-layout/PageLayout.vue.d.ts +1 -1
- package/dist/es/page-layout/PageLayout.vue.js +41 -59
- package/dist/es/style.css +0 -56
- package/dist/es/styles.css +1 -1
- package/dist/lib/components.d.ts +0 -1
- package/dist/lib/components.js +1 -4
- package/dist/lib/index.js +0 -15
- package/dist/lib/menu/Menu.vue.js +42 -40
- package/dist/lib/menu/MenuItem.vue.js +42 -40
- package/dist/lib/package.json.js +1 -1
- package/dist/lib/page-layout/PageLayout.vue.d.ts +1 -1
- package/dist/lib/page-layout/PageLayout.vue.js +40 -58
- package/dist/lib/style.css +0 -56
- package/dist/lib/styles.css +1 -1
- package/package.json +1 -1
- package/dist/es/tabs/TabContent.vue.d.ts +0 -16
- package/dist/es/tabs/TabContent.vue.js +0 -65
- package/dist/es/tabs/TabContent.vue3.js +0 -5
- package/dist/es/tabs/Tabs.vue.d.ts +0 -46
- package/dist/es/tabs/Tabs.vue.js +0 -311
- package/dist/es/tabs/Tabs.vue3.js +0 -5
- package/dist/es/tabs/index.d.ts +0 -9
- package/dist/es/tabs/index.js +0 -8
- package/dist/es/tabs/routeListener.d.ts +0 -19
- package/dist/es/tabs/routeListener.js +0 -26
- package/dist/es/tabs/style.css +0 -29
- package/dist/es/tabs/useTabs.d.ts +0 -27
- package/dist/es/tabs/useTabs.js +0 -59
- package/dist/es/tabs/useTabsStore.d.ts +0 -53
- package/dist/es/tabs/useTabsStore.js +0 -208
- package/dist/lib/tabs/TabContent.vue.d.ts +0 -16
- package/dist/lib/tabs/TabContent.vue.js +0 -65
- package/dist/lib/tabs/TabContent.vue3.js +0 -5
- package/dist/lib/tabs/Tabs.vue.d.ts +0 -46
- package/dist/lib/tabs/Tabs.vue.js +0 -311
- package/dist/lib/tabs/Tabs.vue3.js +0 -5
- package/dist/lib/tabs/index.d.ts +0 -9
- package/dist/lib/tabs/index.js +0 -8
- package/dist/lib/tabs/routeListener.d.ts +0 -19
- package/dist/lib/tabs/routeListener.js +0 -26
- package/dist/lib/tabs/style.css +0 -29
- package/dist/lib/tabs/useTabs.d.ts +0 -27
- package/dist/lib/tabs/useTabs.js +0 -59
- package/dist/lib/tabs/useTabsStore.d.ts +0 -53
- package/dist/lib/tabs/useTabsStore.js +0 -208
package/dist/es/components.d.ts
CHANGED
package/dist/es/components.js
CHANGED
|
@@ -9,7 +9,6 @@ import { JkyPageLayout } from "./page-layout/index.js";
|
|
|
9
9
|
import { JkyPageTable } from "./page-table/index.js";
|
|
10
10
|
import { JkyRichEditor } from "./rich-editor/index.js";
|
|
11
11
|
import { JkySayHello } from "./say-hello/index.js";
|
|
12
|
-
import { JkyTabs } from "./tabs/index.js";
|
|
13
12
|
const components = [
|
|
14
13
|
JkySayHello,
|
|
15
14
|
JkyButton,
|
|
@@ -21,8 +20,7 @@ const components = [
|
|
|
21
20
|
JkyAddInput,
|
|
22
21
|
JkyRichEditor,
|
|
23
22
|
JkyPageTable,
|
|
24
|
-
JkyPageLayout
|
|
25
|
-
JkyTabs
|
|
23
|
+
JkyPageLayout
|
|
26
24
|
];
|
|
27
25
|
export {
|
|
28
26
|
JkyAddInput,
|
|
@@ -36,6 +34,5 @@ export {
|
|
|
36
34
|
JkyPageTable,
|
|
37
35
|
JkyRichEditor,
|
|
38
36
|
JkySayHello,
|
|
39
|
-
JkyTabs,
|
|
40
37
|
components
|
|
41
38
|
};
|
package/dist/es/index.js
CHANGED
|
@@ -2,8 +2,6 @@ import { components } from "./components.js";
|
|
|
2
2
|
import { createInstaller } from "./utils/installer.js";
|
|
3
3
|
/* empty css */
|
|
4
4
|
import { JkyComponentLibResolver } from "./resolver.js";
|
|
5
|
-
import { default as default2 } from "./tabs/TabContent.vue.js";
|
|
6
|
-
/* empty css */
|
|
7
5
|
import { JkyAddInput } from "./add-input/index.js";
|
|
8
6
|
import { JkyButton } from "./button/index.js";
|
|
9
7
|
import { JkyButtonNav } from "./button-nav/index.js";
|
|
@@ -15,10 +13,6 @@ import { JkyPageLayout } from "./page-layout/index.js";
|
|
|
15
13
|
import { JkyPageTable } from "./page-table/index.js";
|
|
16
14
|
import { JkyRichEditor } from "./rich-editor/index.js";
|
|
17
15
|
import { JkySayHello } from "./say-hello/index.js";
|
|
18
|
-
import { JkyTabs } from "./tabs/index.js";
|
|
19
|
-
import { clearRouteListeners, emitRouteChange, onRouteChange } from "./tabs/routeListener.js";
|
|
20
|
-
import { createTabsStore, resetTabsStore, useTabsStore } from "./tabs/useTabsStore.js";
|
|
21
|
-
import { useTabs } from "./tabs/useTabs.js";
|
|
22
16
|
const installer = createInstaller(components);
|
|
23
17
|
const install = installer.install;
|
|
24
18
|
const version = installer.version;
|
|
@@ -35,17 +29,8 @@ export {
|
|
|
35
29
|
JkyPageTable,
|
|
36
30
|
JkyRichEditor,
|
|
37
31
|
JkySayHello,
|
|
38
|
-
default2 as JkyTabContent,
|
|
39
|
-
JkyTabs,
|
|
40
|
-
clearRouteListeners,
|
|
41
32
|
components,
|
|
42
|
-
createTabsStore,
|
|
43
33
|
installer as default,
|
|
44
|
-
emitRouteChange,
|
|
45
34
|
install,
|
|
46
|
-
onRouteChange,
|
|
47
|
-
resetTabsStore,
|
|
48
|
-
useTabs,
|
|
49
|
-
useTabsStore,
|
|
50
35
|
version
|
|
51
36
|
};
|
package/dist/es/menu/Menu.vue.js
CHANGED
|
@@ -69,46 +69,48 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
|
|
|
69
69
|
return openBlock(), createElementBlock(Fragment, {
|
|
70
70
|
key: item.index
|
|
71
71
|
}, [
|
|
72
|
-
item.
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
72
|
+
!item.hideMenu ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
|
|
73
|
+
item.children && item.children.length > 0 ? (openBlock(), createBlock(unref(ElSubMenu), {
|
|
74
|
+
key: 0,
|
|
75
|
+
index: item.index || "",
|
|
76
|
+
class: normalizeClass(item.customClass),
|
|
77
|
+
disabled: (_a = item.disabled) != null ? _a : false,
|
|
78
|
+
"popper-offset": item.popperOffset
|
|
79
|
+
}, {
|
|
80
|
+
title: withCtx(() => [
|
|
81
|
+
item.icon ? (openBlock(), createElementBlock("span", {
|
|
82
|
+
key: 0,
|
|
83
|
+
class: normalizeClass([item.icon, "jky-menu-item__icon"])
|
|
84
|
+
}, null, 2)) : createCommentVNode("", true),
|
|
85
|
+
item.title ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(item.title), 1)) : createCommentVNode("", true)
|
|
86
|
+
]),
|
|
87
|
+
default: withCtx(() => [
|
|
88
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(item.children, (child) => {
|
|
89
|
+
return openBlock(), createBlock(_sfc_main$1, {
|
|
90
|
+
key: child.index,
|
|
91
|
+
item: child,
|
|
92
|
+
levels: props.levels > 0 ? props.levels - 1 : 0
|
|
93
|
+
}, null, 8, ["item", "levels"]);
|
|
94
|
+
}), 128))
|
|
95
|
+
]),
|
|
96
|
+
_: 2
|
|
97
|
+
}, 1032, ["index", "class", "disabled", "popper-offset"])) : (openBlock(), createBlock(unref(ElMenuItem), {
|
|
98
|
+
key: 1,
|
|
99
|
+
index: item.index || "",
|
|
100
|
+
class: normalizeClass(item.customClass),
|
|
101
|
+
disabled: (_b = item.disabled) != null ? _b : false,
|
|
102
|
+
route: item.route
|
|
103
|
+
}, {
|
|
104
|
+
default: withCtx(() => [
|
|
105
|
+
item.icon ? (openBlock(), createElementBlock("span", {
|
|
106
|
+
key: 0,
|
|
107
|
+
class: normalizeClass([item.icon, "jky-menu-item__icon"])
|
|
108
|
+
}, null, 2)) : createCommentVNode("", true),
|
|
109
|
+
item.title ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(item.title), 1)) : createCommentVNode("", true)
|
|
110
|
+
]),
|
|
111
|
+
_: 2
|
|
112
|
+
}, 1032, ["index", "class", "disabled", "route"]))
|
|
113
|
+
], 64)) : createCommentVNode("", true)
|
|
112
114
|
], 64);
|
|
113
115
|
}), 128)) : renderSlot(_ctx.$slots, "default", { key: 1 })
|
|
114
116
|
]),
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent, resolveComponent, openBlock, createBlock, unref, normalizeClass, withCtx,
|
|
1
|
+
import { defineComponent, resolveComponent, openBlock, createElementBlock, Fragment, createBlock, unref, normalizeClass, withCtx, renderList, createCommentVNode, toDisplayString } from "vue";
|
|
2
2
|
import { ElSubMenu, ElMenuItem } from "element-plus";
|
|
3
3
|
const _hoisted_1 = {
|
|
4
4
|
key: 1,
|
|
@@ -19,46 +19,48 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
19
19
|
return (_ctx, _cache) => {
|
|
20
20
|
var _a, _b;
|
|
21
21
|
const _component_MenuItem = resolveComponent("MenuItem", true);
|
|
22
|
-
return props.item.
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
22
|
+
return !props.item.hideMenu ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
|
|
23
|
+
props.item.children && props.item.children.length > 0 ? (openBlock(), createBlock(unref(ElSubMenu), {
|
|
24
|
+
key: 0,
|
|
25
|
+
index: props.item.index || "",
|
|
26
|
+
class: normalizeClass(props.item.customClass),
|
|
27
|
+
disabled: (_a = props.item.disabled) != null ? _a : false,
|
|
28
|
+
"popper-offset": props.item.popperOffset
|
|
29
|
+
}, {
|
|
30
|
+
title: withCtx(() => [
|
|
31
|
+
props.item.icon ? (openBlock(), createElementBlock("span", {
|
|
32
|
+
key: 0,
|
|
33
|
+
class: normalizeClass([props.item.icon, "jky-menu-item__icon"])
|
|
34
|
+
}, null, 2)) : createCommentVNode("", true),
|
|
35
|
+
props.item.title ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(props.item.title), 1)) : createCommentVNode("", true)
|
|
36
|
+
]),
|
|
37
|
+
default: withCtx(() => [
|
|
38
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(props.item.children, (child) => {
|
|
39
|
+
return openBlock(), createBlock(_component_MenuItem, {
|
|
40
|
+
key: child.index,
|
|
41
|
+
item: child,
|
|
42
|
+
levels: props.levels !== void 0 && props.levels > 0 ? props.levels - 1 : 0
|
|
43
|
+
}, null, 8, ["item", "levels"]);
|
|
44
|
+
}), 128))
|
|
45
|
+
]),
|
|
46
|
+
_: 1
|
|
47
|
+
}, 8, ["index", "class", "disabled", "popper-offset"])) : (openBlock(), createBlock(unref(ElMenuItem), {
|
|
48
|
+
key: 1,
|
|
49
|
+
index: props.item.index || "",
|
|
50
|
+
class: normalizeClass(props.item.customClass),
|
|
51
|
+
disabled: (_b = props.item.disabled) != null ? _b : false,
|
|
52
|
+
route: props.item.route
|
|
53
|
+
}, {
|
|
54
|
+
default: withCtx(() => [
|
|
55
|
+
props.item.icon ? (openBlock(), createElementBlock("span", {
|
|
56
|
+
key: 0,
|
|
57
|
+
class: normalizeClass([props.item.icon, "jky-menu-item__icon"])
|
|
58
|
+
}, null, 2)) : createCommentVNode("", true),
|
|
59
|
+
props.item.title ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(props.item.title), 1)) : createCommentVNode("", true)
|
|
60
|
+
]),
|
|
61
|
+
_: 1
|
|
62
|
+
}, 8, ["index", "class", "disabled", "route"]))
|
|
63
|
+
], 64)) : createCommentVNode("", true);
|
|
62
64
|
};
|
|
63
65
|
}
|
|
64
66
|
});
|
package/dist/es/package.json.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { PageLayoutProps } from './types';
|
|
2
2
|
declare const _default: import('vue').DefineComponent<PageLayoutProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<PageLayoutProps> & Readonly<{}>, {
|
|
3
|
-
cachable: boolean;
|
|
4
3
|
showTopMenu: boolean;
|
|
5
4
|
showSideMenu: boolean;
|
|
6
5
|
asideWidth: string;
|
|
7
6
|
asideWithScrollbar: boolean;
|
|
8
7
|
mainWithCard: boolean;
|
|
9
8
|
mainWithScrollbar: boolean;
|
|
9
|
+
cachable: boolean;
|
|
10
10
|
transitionName: string;
|
|
11
11
|
tabsWithCard: boolean;
|
|
12
12
|
cardPadding: string;
|
|
@@ -29,15 +29,12 @@ var __objRest = (source, exclude) => {
|
|
|
29
29
|
}
|
|
30
30
|
return target;
|
|
31
31
|
};
|
|
32
|
-
import { defineComponent, useAttrs, ref, computed, watch, openBlock, createElementBlock, normalizeClass, createBlock, unref, withCtx, createElementVNode, createVNode, createCommentVNode, normalizeStyle, resolveDynamicComponent, Transition, KeepAlive } from "vue";
|
|
32
|
+
import { defineComponent, useAttrs, ref, computed, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, unref, withCtx, createElementVNode, createVNode, createCommentVNode, normalizeStyle, resolveDynamicComponent, Transition, KeepAlive } from "vue";
|
|
33
33
|
import { ElCard, ElAside, ElScrollbar } from "element-plus";
|
|
34
34
|
import { cloneDeep } from "lodash-es";
|
|
35
35
|
import { useRouter, useRoute, RouterView } from "vue-router";
|
|
36
36
|
import _sfc_main$1 from "../menu/Menu.vue.js";
|
|
37
37
|
/* empty css */
|
|
38
|
-
import _sfc_main$2 from "../tabs/Tabs.vue.js";
|
|
39
|
-
/* empty css */
|
|
40
|
-
import { useTabsStore } from "../tabs/useTabsStore.js";
|
|
41
38
|
const _hoisted_1 = { class: "w-full flex justify-center" };
|
|
42
39
|
const _hoisted_2 = { class: "flex flex-1 min-h-0 overflow-hidden gap-3" };
|
|
43
40
|
const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
|
|
@@ -68,26 +65,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
|
|
|
68
65
|
const props = __props;
|
|
69
66
|
const router = useRouter();
|
|
70
67
|
const route = useRoute();
|
|
71
|
-
const store = useTabsStore();
|
|
72
68
|
const attrs = useAttrs();
|
|
73
69
|
const activeTopMenu = ref("");
|
|
74
70
|
const activeSideMenu = ref("");
|
|
75
71
|
const routes = router.getRoutes();
|
|
76
|
-
const cacheInclude =
|
|
77
|
-
watch(
|
|
78
|
-
cacheInclude,
|
|
79
|
-
(cacheTabs) => {
|
|
80
|
-
console.warn("CacheTabs changed:", cacheTabs);
|
|
81
|
-
},
|
|
82
|
-
{ deep: true }
|
|
83
|
-
);
|
|
72
|
+
const cacheInclude = [];
|
|
84
73
|
function buildMenuFromRoutes(routes2) {
|
|
85
74
|
const menuRoutes = routes2.filter((r) => {
|
|
86
75
|
var _a;
|
|
87
76
|
return (_a = r.meta) == null ? void 0 : _a.title;
|
|
88
77
|
});
|
|
89
78
|
const buildMenuItem = (route2, parentPath = "") => {
|
|
90
|
-
var _a, _b;
|
|
79
|
+
var _a, _b, _c, _d;
|
|
91
80
|
let fullPath = "";
|
|
92
81
|
if (route2.path.startsWith(parentPath)) {
|
|
93
82
|
fullPath = route2.path;
|
|
@@ -99,6 +88,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
|
|
|
99
88
|
index: normalizedPath,
|
|
100
89
|
title: ((_a = route2.meta) == null ? void 0 : _a.title) || "",
|
|
101
90
|
icon: ((_b = route2.meta) == null ? void 0 : _b.icon) || "",
|
|
91
|
+
hideMenu: (_d = (_c = route2.meta) == null ? void 0 : _c.hideMenu) != null ? _d : false,
|
|
102
92
|
route: normalizedPath,
|
|
103
93
|
path: normalizedPath,
|
|
104
94
|
customClass: activeTopMenu.value.startsWith(normalizedPath) ? "is-active jky-page-layout__active-top-menu" : ""
|
|
@@ -114,7 +104,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
|
|
|
114
104
|
return menuRoutes.filter((route2) => {
|
|
115
105
|
const pathSegments = route2.path.split("/").filter(Boolean);
|
|
116
106
|
return pathSegments.length === 1;
|
|
117
|
-
}).map((route2) => buildMenuItem(route2));
|
|
107
|
+
}).filter((route2) => route2.hideMenu !== true).map((route2) => buildMenuItem(route2));
|
|
118
108
|
}
|
|
119
109
|
const menuData = computed(() => {
|
|
120
110
|
return buildMenuFromRoutes(routes);
|
|
@@ -187,6 +177,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
|
|
|
187
177
|
router.push(index);
|
|
188
178
|
}
|
|
189
179
|
return (_ctx, _cache) => {
|
|
180
|
+
const _component_ElAutoResizer = resolveComponent("ElAutoResizer");
|
|
190
181
|
return openBlock(), createElementBlock("div", {
|
|
191
182
|
class: normalizeClass(["jky-page-layout flex h-full w-full flex-col overflow-hidden gap-3", props.className])
|
|
192
183
|
}, [
|
|
@@ -249,71 +240,62 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
|
|
|
249
240
|
createElementVNode("div", {
|
|
250
241
|
class: normalizeClass(["jky-page-layout__main flex-1 flex flex-col min-w-0 overflow-hidden", props.mainClass])
|
|
251
242
|
}, [
|
|
252
|
-
props.tabsWithCard ? (openBlock(), createBlock(unref(ElCard), {
|
|
253
|
-
key: 0,
|
|
254
|
-
class: "jky-page-layout__tabs shrink-0",
|
|
255
|
-
style: normalizeStyle({ "--el-card-padding": props.cardPadding })
|
|
256
|
-
}, {
|
|
257
|
-
default: withCtx(() => [
|
|
258
|
-
createVNode(_sfc_main$2, {
|
|
259
|
-
mode: "route",
|
|
260
|
-
cachable: props.cachable
|
|
261
|
-
}, null, 8, ["cachable"])
|
|
262
|
-
]),
|
|
263
|
-
_: 1
|
|
264
|
-
}, 8, ["style"])) : (openBlock(), createBlock(_sfc_main$2, {
|
|
265
|
-
key: 1,
|
|
266
|
-
class: "jky-page-layout__tabs shrink-0",
|
|
267
|
-
mode: "route",
|
|
268
|
-
cachable: props.cachable
|
|
269
|
-
}, null, 8, ["cachable"])),
|
|
270
243
|
(openBlock(), createBlock(resolveDynamicComponent(props.mainWithCard ? unref(ElCard) : "div"), {
|
|
271
244
|
class: normalizeClass(["jky-page-layout__content flex-1 min-h-0 overflow-hidden", props.contentClass]),
|
|
272
245
|
"body-class": props.mainWithScrollbar ? "" : "pb-0!"
|
|
273
246
|
}, {
|
|
274
247
|
default: withCtx(() => [
|
|
275
|
-
|
|
276
|
-
default: withCtx(() => [
|
|
277
|
-
|
|
248
|
+
createVNode(_component_ElAutoResizer, null, {
|
|
249
|
+
default: withCtx(({ height, width }) => [
|
|
250
|
+
props.mainWithScrollbar ? (openBlock(), createBlock(unref(ElScrollbar), { key: 0 }, {
|
|
251
|
+
default: withCtx(() => [
|
|
252
|
+
createVNode(unref(RouterView), null, {
|
|
253
|
+
default: withCtx(({ Component, route: currentRoute }) => [
|
|
254
|
+
createVNode(Transition, {
|
|
255
|
+
name: props.transitionName
|
|
256
|
+
}, {
|
|
257
|
+
default: withCtx(() => [
|
|
258
|
+
(openBlock(), createBlock(KeepAlive, {
|
|
259
|
+
include: props.cachable ? cacheInclude : []
|
|
260
|
+
}, [
|
|
261
|
+
(openBlock(), createBlock(resolveDynamicComponent(Component), {
|
|
262
|
+
key: currentRoute.name,
|
|
263
|
+
height,
|
|
264
|
+
width
|
|
265
|
+
}, null, 8, ["height", "width"]))
|
|
266
|
+
], 1032, ["include"]))
|
|
267
|
+
]),
|
|
268
|
+
_: 2
|
|
269
|
+
}, 1032, ["name"])
|
|
270
|
+
]),
|
|
271
|
+
_: 2
|
|
272
|
+
}, 1024)
|
|
273
|
+
]),
|
|
274
|
+
_: 2
|
|
275
|
+
}, 1024)) : (openBlock(), createBlock(unref(RouterView), { key: 1 }, {
|
|
278
276
|
default: withCtx(({ Component, route: currentRoute }) => [
|
|
279
277
|
createVNode(Transition, {
|
|
280
278
|
name: props.transitionName
|
|
281
279
|
}, {
|
|
282
280
|
default: withCtx(() => [
|
|
283
281
|
(openBlock(), createBlock(KeepAlive, {
|
|
284
|
-
include: props.cachable ? cacheInclude
|
|
282
|
+
include: props.cachable ? cacheInclude : []
|
|
285
283
|
}, [
|
|
286
284
|
(openBlock(), createBlock(resolveDynamicComponent(Component), {
|
|
287
|
-
key: currentRoute.name
|
|
288
|
-
|
|
285
|
+
key: currentRoute.name,
|
|
286
|
+
height,
|
|
287
|
+
width
|
|
288
|
+
}, null, 8, ["height", "width"]))
|
|
289
289
|
], 1032, ["include"]))
|
|
290
290
|
]),
|
|
291
291
|
_: 2
|
|
292
292
|
}, 1032, ["name"])
|
|
293
293
|
]),
|
|
294
|
-
_: 1
|
|
295
|
-
})
|
|
296
|
-
]),
|
|
297
|
-
_: 1
|
|
298
|
-
})) : (openBlock(), createBlock(unref(RouterView), { key: 1 }, {
|
|
299
|
-
default: withCtx(({ Component, route: currentRoute }) => [
|
|
300
|
-
createVNode(Transition, {
|
|
301
|
-
name: props.transitionName
|
|
302
|
-
}, {
|
|
303
|
-
default: withCtx(() => [
|
|
304
|
-
(openBlock(), createBlock(KeepAlive, {
|
|
305
|
-
include: props.cachable ? cacheInclude.value : []
|
|
306
|
-
}, [
|
|
307
|
-
(openBlock(), createBlock(resolveDynamicComponent(Component), {
|
|
308
|
-
key: currentRoute.name
|
|
309
|
-
}))
|
|
310
|
-
], 1032, ["include"]))
|
|
311
|
-
]),
|
|
312
294
|
_: 2
|
|
313
|
-
},
|
|
295
|
+
}, 1024))
|
|
314
296
|
]),
|
|
315
297
|
_: 1
|
|
316
|
-
})
|
|
298
|
+
})
|
|
317
299
|
]),
|
|
318
300
|
_: 1
|
|
319
301
|
}, 8, ["class", "body-class"]))
|
package/dist/es/style.css
CHANGED
|
@@ -81,9 +81,7 @@
|
|
|
81
81
|
--color-red-700: oklch(50.5% .213 27.518);
|
|
82
82
|
--color-red-800: oklch(44.4% .177 26.899);
|
|
83
83
|
--color-red-900: oklch(39.6% .141 25.723);
|
|
84
|
-
--color-orange-100: oklch(95.4% .038 75.164);
|
|
85
84
|
--color-orange-500: oklch(70.5% .213 47.604);
|
|
86
|
-
--color-orange-800: oklch(47% .157 37.304);
|
|
87
85
|
--color-amber-500: oklch(76.9% .188 70.08);
|
|
88
86
|
--color-yellow-50: oklch(98.7% .026 102.212);
|
|
89
87
|
--color-yellow-100: oklch(97.3% .071 103.193);
|
|
@@ -602,10 +600,6 @@
|
|
|
602
600
|
margin-right: calc(var(--spacing) * 4);
|
|
603
601
|
}
|
|
604
602
|
|
|
605
|
-
.mb-0 {
|
|
606
|
-
margin-bottom: calc(var(--spacing) * 0);
|
|
607
|
-
}
|
|
608
|
-
|
|
609
603
|
.mb-1 {
|
|
610
604
|
margin-bottom: calc(var(--spacing) * 1);
|
|
611
605
|
}
|
|
@@ -1785,12 +1779,6 @@
|
|
|
1785
1779
|
margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
|
|
1786
1780
|
}
|
|
1787
1781
|
|
|
1788
|
-
:where(.space-y-2 > :not(:last-child)) {
|
|
1789
|
-
--tw-space-y-reverse: 0;
|
|
1790
|
-
margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
|
|
1791
|
-
margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
|
|
1792
|
-
}
|
|
1793
|
-
|
|
1794
1782
|
:where(.space-y-3 > :not(:last-child)) {
|
|
1795
1783
|
--tw-space-y-reverse: 0;
|
|
1796
1784
|
margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
|
|
@@ -1894,10 +1882,6 @@
|
|
|
1894
1882
|
border-color: var(--color-green-200);
|
|
1895
1883
|
}
|
|
1896
1884
|
|
|
1897
|
-
.border-green-500 {
|
|
1898
|
-
border-color: var(--color-green-500);
|
|
1899
|
-
}
|
|
1900
|
-
|
|
1901
1885
|
.border-red-200 {
|
|
1902
1886
|
border-color: var(--color-red-200);
|
|
1903
1887
|
}
|
|
@@ -1910,10 +1894,6 @@
|
|
|
1910
1894
|
border-color: var(--color-yellow-200);
|
|
1911
1895
|
}
|
|
1912
1896
|
|
|
1913
|
-
.border-yellow-500 {
|
|
1914
|
-
border-color: var(--color-yellow-500);
|
|
1915
|
-
}
|
|
1916
|
-
|
|
1917
1897
|
.border-l-\(--el-color-primary\) {
|
|
1918
1898
|
border-left-color: var(--el-color-primary);
|
|
1919
1899
|
}
|
|
@@ -2016,10 +1996,6 @@
|
|
|
2016
1996
|
background-color: var(--color-green-200);
|
|
2017
1997
|
}
|
|
2018
1998
|
|
|
2019
|
-
.bg-green-500 {
|
|
2020
|
-
background-color: var(--color-green-500);
|
|
2021
|
-
}
|
|
2022
|
-
|
|
2023
1999
|
.bg-green-500\! {
|
|
2024
2000
|
background-color: var(--color-green-500) !important;
|
|
2025
2001
|
}
|
|
@@ -2028,10 +2004,6 @@
|
|
|
2028
2004
|
background-color: var(--color-indigo-50);
|
|
2029
2005
|
}
|
|
2030
2006
|
|
|
2031
|
-
.bg-orange-100 {
|
|
2032
|
-
background-color: var(--color-orange-100);
|
|
2033
|
-
}
|
|
2034
|
-
|
|
2035
2007
|
.bg-purple-50 {
|
|
2036
2008
|
background-color: var(--color-purple-50);
|
|
2037
2009
|
}
|
|
@@ -2040,10 +2012,6 @@
|
|
|
2040
2012
|
background-color: var(--color-purple-100);
|
|
2041
2013
|
}
|
|
2042
2014
|
|
|
2043
|
-
.bg-purple-500 {
|
|
2044
|
-
background-color: var(--color-purple-500);
|
|
2045
|
-
}
|
|
2046
|
-
|
|
2047
2015
|
.bg-purple-500\! {
|
|
2048
2016
|
background-color: var(--color-purple-500) !important;
|
|
2049
2017
|
}
|
|
@@ -2301,10 +2269,6 @@
|
|
|
2301
2269
|
padding-block: calc(var(--spacing) * 6);
|
|
2302
2270
|
}
|
|
2303
2271
|
|
|
2304
|
-
.py-8 {
|
|
2305
|
-
padding-block: calc(var(--spacing) * 8);
|
|
2306
|
-
}
|
|
2307
|
-
|
|
2308
2272
|
.py-12 {
|
|
2309
2273
|
padding-block: calc(var(--spacing) * 12);
|
|
2310
2274
|
}
|
|
@@ -2525,10 +2489,6 @@
|
|
|
2525
2489
|
color: var(--color-indigo-800);
|
|
2526
2490
|
}
|
|
2527
2491
|
|
|
2528
|
-
.text-orange-800 {
|
|
2529
|
-
color: var(--color-orange-800);
|
|
2530
|
-
}
|
|
2531
|
-
|
|
2532
2492
|
.text-purple-100 {
|
|
2533
2493
|
color: var(--color-purple-100);
|
|
2534
2494
|
}
|
|
@@ -2597,10 +2557,6 @@
|
|
|
2597
2557
|
font-style: italic;
|
|
2598
2558
|
}
|
|
2599
2559
|
|
|
2600
|
-
.line-through {
|
|
2601
|
-
text-decoration-line: line-through;
|
|
2602
|
-
}
|
|
2603
|
-
|
|
2604
2560
|
.underline {
|
|
2605
2561
|
text-decoration-line: underline;
|
|
2606
2562
|
}
|
|
@@ -2723,14 +2679,6 @@
|
|
|
2723
2679
|
background-color: var(--color-gray-300);
|
|
2724
2680
|
}
|
|
2725
2681
|
|
|
2726
|
-
.hover\:bg-green-600:hover {
|
|
2727
|
-
background-color: var(--color-green-600);
|
|
2728
|
-
}
|
|
2729
|
-
|
|
2730
|
-
.hover\:bg-purple-600:hover {
|
|
2731
|
-
background-color: var(--color-purple-600);
|
|
2732
|
-
}
|
|
2733
|
-
|
|
2734
2682
|
.hover\:bg-red-200:hover {
|
|
2735
2683
|
background-color: var(--color-red-200);
|
|
2736
2684
|
}
|
|
@@ -2747,10 +2695,6 @@
|
|
|
2747
2695
|
color: var(--color-blue-900);
|
|
2748
2696
|
}
|
|
2749
2697
|
|
|
2750
|
-
.hover\:text-red-700:hover {
|
|
2751
|
-
color: var(--color-red-700);
|
|
2752
|
-
}
|
|
2753
|
-
|
|
2754
2698
|
.hover\:text-red-900:hover {
|
|
2755
2699
|
color: var(--color-red-900);
|
|
2756
2700
|
}
|