@ditari/bsui 1.1.64 → 1.1.66
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/CHANGELOG.md +12 -0
- package/dist/cjs/layout/FuckMain.vue.d.ts +11 -0
- package/dist/cjs/layout/FuckMain.vue2.cjs +6 -4
- package/dist/cjs/layout/FuckMain.vue2.cjs.map +1 -1
- package/dist/cjs/layout/Main.vue.d.ts +11 -0
- package/dist/cjs/layout/Main.vue2.cjs +6 -4
- package/dist/cjs/layout/Main.vue2.cjs.map +1 -1
- package/dist/esm/layout/FuckMain.vue.d.ts +11 -0
- package/dist/esm/layout/FuckMain.vue2.mjs +6 -4
- package/dist/esm/layout/FuckMain.vue2.mjs.map +1 -1
- package/dist/esm/layout/Main.vue.d.ts +11 -0
- package/dist/esm/layout/Main.vue2.mjs +6 -4
- package/dist/esm/layout/Main.vue2.mjs.map +1 -1
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -8,6 +8,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
8
8
|
type: BooleanConstructor;
|
|
9
9
|
required: false;
|
|
10
10
|
};
|
|
11
|
+
sideWidth: {
|
|
12
|
+
type: NumberConstructor;
|
|
13
|
+
required: false;
|
|
14
|
+
default: number;
|
|
15
|
+
};
|
|
11
16
|
}, {
|
|
12
17
|
props: any;
|
|
13
18
|
store: import("pinia").Store<string, {
|
|
@@ -127,8 +132,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
127
132
|
type: BooleanConstructor;
|
|
128
133
|
required: false;
|
|
129
134
|
};
|
|
135
|
+
sideWidth: {
|
|
136
|
+
type: NumberConstructor;
|
|
137
|
+
required: false;
|
|
138
|
+
default: number;
|
|
139
|
+
};
|
|
130
140
|
}>>, {
|
|
131
141
|
showConfig: any;
|
|
132
142
|
breadcrumbStatus: boolean;
|
|
143
|
+
sideWidth: number;
|
|
133
144
|
}, {}>;
|
|
134
145
|
export default _default;
|
|
@@ -15,7 +15,8 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
15
15
|
__name: "FuckMain",
|
|
16
16
|
props: {
|
|
17
17
|
"showConfig": { type: null, required: false, default: { backBtn: "LeftOutlined" } },
|
|
18
|
-
"breadcrumbStatus": { type: Boolean, required: false }
|
|
18
|
+
"breadcrumbStatus": { type: Boolean, required: false },
|
|
19
|
+
"sideWidth": { type: Number, required: false, default: 200 }
|
|
19
20
|
},
|
|
20
21
|
setup(__props) {
|
|
21
22
|
const props = __props;
|
|
@@ -40,6 +41,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
40
41
|
vue.createVNode(_component_a_layout_sider, {
|
|
41
42
|
collapsed: collapsedStatus.value,
|
|
42
43
|
"onUpdate:collapsed": _cache[0] || (_cache[0] = ($event) => collapsedStatus.value = $event),
|
|
44
|
+
width: __props.sideWidth,
|
|
43
45
|
trigger: null,
|
|
44
46
|
collapsible: "",
|
|
45
47
|
class: "ditari-layout-sider"
|
|
@@ -54,14 +56,14 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
54
56
|
]),
|
|
55
57
|
_: 3
|
|
56
58
|
/* FORWARDED */
|
|
57
|
-
}, 8, ["collapsed"]),
|
|
59
|
+
}, 8, ["collapsed", "width"]),
|
|
58
60
|
vue.createVNode(_component_a_layout, null, {
|
|
59
61
|
default: vue.withCtx(() => [
|
|
60
62
|
vue.createElementVNode(
|
|
61
63
|
"div",
|
|
62
64
|
{
|
|
63
65
|
class: "ditari-fuck-top-layout",
|
|
64
|
-
style: vue.normalizeStyle({ left: collapsedStatus.value ? "80px" : "
|
|
66
|
+
style: vue.normalizeStyle({ left: collapsedStatus.value ? "80px" : __props.sideWidth + "px" })
|
|
65
67
|
},
|
|
66
68
|
[
|
|
67
69
|
vue.createElementVNode("div", {
|
|
@@ -87,7 +89,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
87
89
|
/* STYLE */
|
|
88
90
|
),
|
|
89
91
|
vue.createVNode(_component_a_layout_content, {
|
|
90
|
-
style: vue.normalizeStyle([{ "margin-top": "42px" }, { marginLeft: collapsedStatus.value ? "80px" : "
|
|
92
|
+
style: vue.normalizeStyle([{ "margin-top": "42px" }, { marginLeft: collapsedStatus.value ? "80px" : __props.sideWidth + "px" }]),
|
|
91
93
|
class: "ditari-layout-content"
|
|
92
94
|
}, {
|
|
93
95
|
default: vue.withCtx(() => [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FuckMain.vue2.cjs","sources":["../../../src/layout/FuckMain.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * FUCK MAIN 入口文件\n */\nimport { computed, provide } from \"vue\";\nimport { MenuFoldOutlined, MenuUnfoldOutlined } from \"@ant-design/icons-vue\";\nimport { useKeepAliveStore, useSettingsStore } from \"@ditari/store\";\n\n//标签页组件\nimport DNavTabs from \"./NavTabs.vue\";\n// 菜单组件\nimport Menu from \"../menu/Menu\";\n\nconst props = defineProps({\n \"showConfig\": { type: null, required: false, default: { backBtn: \"LeftOutlined\" } as any },\n \"breadcrumbStatus\": { type: Boolean, required: false, }\n});\n\n// 注入show组件的配置文件\n// eslint-disable-next-line vue/no-setup-props-destructure\nprovide(\"showConfig\", props.showConfig);\n\n// 缓存store\nconst store = useKeepAliveStore();\n// 缓存的names\nconst keepAliveNames = computed(() => store.get);\n// 设置store\nconst settingsStore = useSettingsStore();\nconst { switchCollapsed } = settingsStore;\nconst collapsedStatus = computed(() => settingsStore.getCollapsed);\n</script>\n<template>\n <a-layout class=\"ditari-layout\">\n <a-layout-sider\n v-model:collapsed=\"collapsedStatus\"\n :trigger=\"null\"\n collapsible\n class=\"ditari-layout-sider\"\n >\n <div class=\"ditari-logo\">\n <slot name=\"logo\"></slot>\n </div>\n <div class=\"ditari-menu\">\n <Menu />\n </div>\n </a-layout-sider>\n <a-layout>\n <div\n class=\"ditari-fuck-top-layout\"\n :style=\"{ left: collapsedStatus ? '80px' : '
|
|
1
|
+
{"version":3,"file":"FuckMain.vue2.cjs","sources":["../../../src/layout/FuckMain.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * FUCK MAIN 入口文件\n */\nimport { computed, provide } from \"vue\";\nimport { MenuFoldOutlined, MenuUnfoldOutlined } from \"@ant-design/icons-vue\";\nimport { useKeepAliveStore, useSettingsStore } from \"@ditari/store\";\n\n//标签页组件\nimport DNavTabs from \"./NavTabs.vue\";\n// 菜单组件\nimport Menu from \"../menu/Menu\";\n\nconst props = defineProps({\n \"showConfig\": { type: null, required: false, default: { backBtn: \"LeftOutlined\" } as any },\n \"breadcrumbStatus\": { type: Boolean, required: false, },\n \"sideWidth\": { type: Number, required: false, default: 200 }\n});\n\n// 注入show组件的配置文件\n// eslint-disable-next-line vue/no-setup-props-destructure\nprovide(\"showConfig\", props.showConfig);\n\n// 缓存store\nconst store = useKeepAliveStore();\n// 缓存的names\nconst keepAliveNames = computed(() => store.get);\n// 设置store\nconst settingsStore = useSettingsStore();\nconst { switchCollapsed } = settingsStore;\nconst collapsedStatus = computed(() => settingsStore.getCollapsed);\n</script>\n<template>\n <a-layout class=\"ditari-layout\">\n <a-layout-sider\n v-model:collapsed=\"collapsedStatus\"\n :width=\"sideWidth\"\n :trigger=\"null\"\n collapsible\n class=\"ditari-layout-sider\"\n >\n <div class=\"ditari-logo\">\n <slot name=\"logo\"></slot>\n </div>\n <div class=\"ditari-menu\">\n <Menu />\n </div>\n </a-layout-sider>\n <a-layout>\n <div\n class=\"ditari-fuck-top-layout\"\n :style=\"{ left: collapsedStatus ? '80px' : sideWidth + 'px' }\"\n >\n <div class=\"ditari-side-collapsed\" @click=\"switchCollapsed\">\n <menu-unfold-outlined\n v-if=\"collapsedStatus\"\n class=\"trigger\"\n style=\"font-size: 16px; font-weight: bold; cursor: pointer\"\n />\n <menu-fold-outlined\n v-else\n style=\"font-size: 16px; font-weight: bold; cursor: pointer\"\n />\n </div>\n <d-nav-tabs />\n <div class=\"ditari-user-menu\">\n <slot name=\"operation\"></slot>\n </div>\n </div>\n <a-layout-content\n style=\"margin-top: 42px\"\n class=\"ditari-layout-content\"\n :style=\"{ marginLeft: collapsedStatus ? '80px' : sideWidth + 'px' }\"\n >\n <router-view v-slot=\"{ Component }\">\n <transition name=\"main\" mode=\"out-in\" appear>\n <keep-alive ref=\"keepAliveRef\" :include=\"keepAliveNames\">\n <component :is=\"Component\" :key=\"$route.path\" />\n </keep-alive>\n </transition>\n </router-view>\n <slot name=\"micro\"></slot>\n </a-layout-content>\n </a-layout>\n </a-layout>\n <a-back-top class=\"ditari-ant-back-top\" :visibility-height=\"50\"></a-back-top>\n</template>\n"],"names":["provide","store","useKeepAliveStore","computed","useSettingsStore"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAqBA,IAAQA,WAAA,CAAA,YAAA,EAAc,MAAM,UAAU,CAAA,CAAA;AAGtC,IAAA,MAAMC,UAAQC,uBAAkB,EAAA,CAAA;AAEhC,IAAA,MAAM,cAAiB,GAAAC,YAAA,CAAS,MAAMF,OAAA,CAAM,GAAG,CAAA,CAAA;AAE/C,IAAA,MAAM,gBAAgBG,sBAAiB,EAAA,CAAA;AACvC,IAAM,MAAA,EAAE,iBAAoB,GAAA,aAAA,CAAA;AAC5B,IAAA,MAAM,eAAkB,GAAAD,YAAA,CAAS,MAAM,aAAA,CAAc,YAAY,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -8,6 +8,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
8
8
|
type: BooleanConstructor;
|
|
9
9
|
required: false;
|
|
10
10
|
};
|
|
11
|
+
sideWidth: {
|
|
12
|
+
type: NumberConstructor;
|
|
13
|
+
required: false;
|
|
14
|
+
default: number;
|
|
15
|
+
};
|
|
11
16
|
}, {
|
|
12
17
|
props: any;
|
|
13
18
|
store: import("pinia").Store<string, {
|
|
@@ -138,8 +143,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
138
143
|
type: BooleanConstructor;
|
|
139
144
|
required: false;
|
|
140
145
|
};
|
|
146
|
+
sideWidth: {
|
|
147
|
+
type: NumberConstructor;
|
|
148
|
+
required: false;
|
|
149
|
+
default: number;
|
|
150
|
+
};
|
|
141
151
|
}>>, {
|
|
142
152
|
showConfig: any;
|
|
143
153
|
breadcrumbStatus: boolean;
|
|
154
|
+
sideWidth: number;
|
|
144
155
|
}, {}>;
|
|
145
156
|
export default _default;
|
|
@@ -18,7 +18,8 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
18
18
|
__name: "Main",
|
|
19
19
|
props: {
|
|
20
20
|
"showConfig": { type: null, required: false, default: { backBtn: "LeftOutlined" } },
|
|
21
|
-
"breadcrumbStatus": { type: Boolean, required: false }
|
|
21
|
+
"breadcrumbStatus": { type: Boolean, required: false },
|
|
22
|
+
"sideWidth": { type: Number, required: false, default: 200 }
|
|
22
23
|
},
|
|
23
24
|
setup(__props) {
|
|
24
25
|
const props = __props;
|
|
@@ -43,6 +44,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
43
44
|
vue.createVNode(_component_a_layout_sider, {
|
|
44
45
|
collapsed: collapsedStatus.value,
|
|
45
46
|
"onUpdate:collapsed": _cache[0] || (_cache[0] = ($event) => collapsedStatus.value = $event),
|
|
47
|
+
width: __props.sideWidth,
|
|
46
48
|
trigger: null,
|
|
47
49
|
collapsible: "",
|
|
48
50
|
class: "ditari-layout-sider"
|
|
@@ -59,14 +61,14 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
59
61
|
]),
|
|
60
62
|
_: 3
|
|
61
63
|
/* FORWARDED */
|
|
62
|
-
}, 8, ["collapsed"]),
|
|
64
|
+
}, 8, ["collapsed", "width"]),
|
|
63
65
|
vue.createVNode(_component_a_layout, null, {
|
|
64
66
|
default: vue.withCtx(() => [
|
|
65
67
|
vue.createElementVNode(
|
|
66
68
|
"div",
|
|
67
69
|
{
|
|
68
70
|
class: "ditari-top-layout",
|
|
69
|
-
style: vue.normalizeStyle({ left: collapsedStatus.value ? "80px" : "
|
|
71
|
+
style: vue.normalizeStyle({ left: collapsedStatus.value ? "80px" : __props.sideWidth + "px" })
|
|
70
72
|
},
|
|
71
73
|
[
|
|
72
74
|
vue.createVNode(NavTabs.default),
|
|
@@ -98,7 +100,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
98
100
|
),
|
|
99
101
|
vue.createVNode(_component_a_layout_content, {
|
|
100
102
|
class: "ditari-layout-content",
|
|
101
|
-
style: vue.normalizeStyle({ marginLeft: collapsedStatus.value ? "80px" : "
|
|
103
|
+
style: vue.normalizeStyle({ marginLeft: collapsedStatus.value ? "80px" : __props.sideWidth + "px" })
|
|
102
104
|
}, {
|
|
103
105
|
default: vue.withCtx(() => [
|
|
104
106
|
vue.createVNode(_component_router_view, null, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Main.vue2.cjs","sources":["../../../src/layout/Main.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * 入口文件\n */\nimport { computed, provide } from \"vue\";\nimport { MenuFoldOutlined, MenuUnfoldOutlined } from \"@ant-design/icons-vue\";\nimport { useKeepAliveStore, useSettingsStore } from \"@ditari/store\";\n\n//标签页组件\nimport DNavTabs from \"./NavTabs.vue\";\n//面包屑组件\nimport DBreadcrumb from \"./Breadcrumb.vue\";\n// 菜单组件\nimport Menu from \"../menu/Menu\";\n\nconst props = defineProps({\n \"showConfig\": { type: null, required: false, default: { backBtn: \"LeftOutlined\" } as any },\n \"breadcrumbStatus\": { type: Boolean, required: false, }\n});\n// 注入show组件的配置文件\n// eslint-disable-next-line vue/no-setup-props-destructure\nprovide(\"showConfig\", props.showConfig);\n// 缓存store\nconst store = useKeepAliveStore();\n// 缓存的names\nconst keepAliveNames = computed(() => store.get);\n// 设置store\nconst settingsStore = useSettingsStore();\nconst { switchCollapsed } = settingsStore;\nconst collapsedStatus = computed(() => settingsStore.getCollapsed);\n</script>\n<template>\n <a-layout class=\"ditari-layout\">\n <a-layout-sider\n v-model:collapsed=\"collapsedStatus\"\n :trigger=\"null\"\n collapsible\n class=\"ditari-layout-sider\"\n >\n <div>\n <div class=\"ditari-logo\">\n <slot name=\"logo\"></slot>\n </div>\n <div class=\"ditari-menu\">\n <Menu />\n </div>\n </div>\n </a-layout-sider>\n <a-layout>\n <div\n class=\"ditari-top-layout\"\n :style=\"{ left: collapsedStatus ? '80px' : '
|
|
1
|
+
{"version":3,"file":"Main.vue2.cjs","sources":["../../../src/layout/Main.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * 入口文件\n */\nimport { computed, provide } from \"vue\";\nimport { MenuFoldOutlined, MenuUnfoldOutlined } from \"@ant-design/icons-vue\";\nimport { useKeepAliveStore, useSettingsStore } from \"@ditari/store\";\n\n//标签页组件\nimport DNavTabs from \"./NavTabs.vue\";\n//面包屑组件\nimport DBreadcrumb from \"./Breadcrumb.vue\";\n// 菜单组件\nimport Menu from \"../menu/Menu\";\n\nconst props = defineProps({\n \"showConfig\": { type: null, required: false, default: { backBtn: \"LeftOutlined\" } as any },\n \"breadcrumbStatus\": { type: Boolean, required: false, },\n \"sideWidth\": { type: Number, required: false, default: 200 }\n});\n// 注入show组件的配置文件\n// eslint-disable-next-line vue/no-setup-props-destructure\nprovide(\"showConfig\", props.showConfig);\n// 缓存store\nconst store = useKeepAliveStore();\n// 缓存的names\nconst keepAliveNames = computed(() => store.get);\n// 设置store\nconst settingsStore = useSettingsStore();\nconst { switchCollapsed } = settingsStore;\nconst collapsedStatus = computed(() => settingsStore.getCollapsed);\n</script>\n<template>\n <a-layout class=\"ditari-layout\">\n <a-layout-sider\n v-model:collapsed=\"collapsedStatus\"\n :width=\"sideWidth\"\n :trigger=\"null\"\n collapsible\n class=\"ditari-layout-sider\"\n >\n <div>\n <div class=\"ditari-logo\">\n <slot name=\"logo\"></slot>\n </div>\n <div class=\"ditari-menu\">\n <Menu />\n </div>\n </div>\n </a-layout-sider>\n <a-layout>\n <div\n class=\"ditari-top-layout\"\n :style=\"{ left: collapsedStatus ? '80px' : sideWidth + 'px' }\"\n >\n <d-nav-tabs />\n <div class=\"ditari-layout-header\">\n <div class=\"ditari-layout-header-left\">\n <div class=\"ditari-side-collapsed\" @click=\"switchCollapsed\">\n <menu-unfold-outlined\n v-if=\"collapsedStatus\"\n class=\"trigger\"\n style=\"font-size: 16px; font-weight: bold; cursor: pointer\"\n />\n <menu-fold-outlined\n v-else\n style=\"font-size: 16px; font-weight: bold; cursor: pointer\"\n />\n </div>\n <d-breadcrumb />\n </div>\n <div class=\"ditari-user-menu\">\n <slot name=\"operation\"></slot>\n </div>\n </div>\n </div>\n <a-layout-content\n class=\"ditari-layout-content\"\n :style=\"{ marginLeft: collapsedStatus ? '80px' : sideWidth + 'px' }\"\n >\n <router-view v-slot=\"{ Component }\">\n <transition name=\"main\" mode=\"out-in\" appear>\n <keep-alive ref=\"keepAliveRef\" :include=\"keepAliveNames\">\n <component :is=\"Component\" :key=\"$route.path\" />\n </keep-alive>\n </transition>\n </router-view>\n <slot name=\"micro\"></slot>\n </a-layout-content>\n </a-layout>\n </a-layout>\n <a-back-top class=\"ditari-ant-back-top\" :visibility-height=\"50\"></a-back-top>\n</template>\n<style lang=\"scss\"></style>\n"],"names":["provide","store","useKeepAliveStore","computed","useSettingsStore"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,IAAQA,WAAA,CAAA,YAAA,EAAc,MAAM,UAAU,CAAA,CAAA;AAEtC,IAAA,MAAMC,UAAQC,uBAAkB,EAAA,CAAA;AAEhC,IAAA,MAAM,cAAiB,GAAAC,YAAA,CAAS,MAAMF,OAAA,CAAM,GAAG,CAAA,CAAA;AAE/C,IAAA,MAAM,gBAAgBG,sBAAiB,EAAA,CAAA;AACvC,IAAM,MAAA,EAAE,iBAAoB,GAAA,aAAA,CAAA;AAC5B,IAAA,MAAM,eAAkB,GAAAD,YAAA,CAAS,MAAM,aAAA,CAAc,YAAY,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -8,6 +8,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
8
8
|
type: BooleanConstructor;
|
|
9
9
|
required: false;
|
|
10
10
|
};
|
|
11
|
+
sideWidth: {
|
|
12
|
+
type: NumberConstructor;
|
|
13
|
+
required: false;
|
|
14
|
+
default: number;
|
|
15
|
+
};
|
|
11
16
|
}, {
|
|
12
17
|
props: any;
|
|
13
18
|
store: import("pinia").Store<string, {
|
|
@@ -127,8 +132,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
127
132
|
type: BooleanConstructor;
|
|
128
133
|
required: false;
|
|
129
134
|
};
|
|
135
|
+
sideWidth: {
|
|
136
|
+
type: NumberConstructor;
|
|
137
|
+
required: false;
|
|
138
|
+
default: number;
|
|
139
|
+
};
|
|
130
140
|
}>>, {
|
|
131
141
|
showConfig: any;
|
|
132
142
|
breadcrumbStatus: boolean;
|
|
143
|
+
sideWidth: number;
|
|
133
144
|
}, {}>;
|
|
134
145
|
export default _default;
|
|
@@ -11,7 +11,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
11
11
|
__name: "FuckMain",
|
|
12
12
|
props: {
|
|
13
13
|
"showConfig": { type: null, required: false, default: { backBtn: "LeftOutlined" } },
|
|
14
|
-
"breadcrumbStatus": { type: Boolean, required: false }
|
|
14
|
+
"breadcrumbStatus": { type: Boolean, required: false },
|
|
15
|
+
"sideWidth": { type: Number, required: false, default: 200 }
|
|
15
16
|
},
|
|
16
17
|
setup(__props) {
|
|
17
18
|
const props = __props;
|
|
@@ -36,6 +37,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
36
37
|
createVNode(_component_a_layout_sider, {
|
|
37
38
|
collapsed: collapsedStatus.value,
|
|
38
39
|
"onUpdate:collapsed": _cache[0] || (_cache[0] = ($event) => collapsedStatus.value = $event),
|
|
40
|
+
width: __props.sideWidth,
|
|
39
41
|
trigger: null,
|
|
40
42
|
collapsible: "",
|
|
41
43
|
class: "ditari-layout-sider"
|
|
@@ -50,14 +52,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
50
52
|
]),
|
|
51
53
|
_: 3
|
|
52
54
|
/* FORWARDED */
|
|
53
|
-
}, 8, ["collapsed"]),
|
|
55
|
+
}, 8, ["collapsed", "width"]),
|
|
54
56
|
createVNode(_component_a_layout, null, {
|
|
55
57
|
default: withCtx(() => [
|
|
56
58
|
createElementVNode(
|
|
57
59
|
"div",
|
|
58
60
|
{
|
|
59
61
|
class: "ditari-fuck-top-layout",
|
|
60
|
-
style: normalizeStyle({ left: collapsedStatus.value ? "80px" : "
|
|
62
|
+
style: normalizeStyle({ left: collapsedStatus.value ? "80px" : __props.sideWidth + "px" })
|
|
61
63
|
},
|
|
62
64
|
[
|
|
63
65
|
createElementVNode("div", {
|
|
@@ -83,7 +85,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
83
85
|
/* STYLE */
|
|
84
86
|
),
|
|
85
87
|
createVNode(_component_a_layout_content, {
|
|
86
|
-
style: normalizeStyle([{ "margin-top": "42px" }, { marginLeft: collapsedStatus.value ? "80px" : "
|
|
88
|
+
style: normalizeStyle([{ "margin-top": "42px" }, { marginLeft: collapsedStatus.value ? "80px" : __props.sideWidth + "px" }]),
|
|
87
89
|
class: "ditari-layout-content"
|
|
88
90
|
}, {
|
|
89
91
|
default: withCtx(() => [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FuckMain.vue2.mjs","sources":["../../../src/layout/FuckMain.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * FUCK MAIN 入口文件\n */\nimport { computed, provide } from \"vue\";\nimport { MenuFoldOutlined, MenuUnfoldOutlined } from \"@ant-design/icons-vue\";\nimport { useKeepAliveStore, useSettingsStore } from \"@ditari/store\";\n\n//标签页组件\nimport DNavTabs from \"./NavTabs.vue\";\n// 菜单组件\nimport Menu from \"../menu/Menu\";\n\nconst props = defineProps({\n \"showConfig\": { type: null, required: false, default: { backBtn: \"LeftOutlined\" } as any },\n \"breadcrumbStatus\": { type: Boolean, required: false, }\n});\n\n// 注入show组件的配置文件\n// eslint-disable-next-line vue/no-setup-props-destructure\nprovide(\"showConfig\", props.showConfig);\n\n// 缓存store\nconst store = useKeepAliveStore();\n// 缓存的names\nconst keepAliveNames = computed(() => store.get);\n// 设置store\nconst settingsStore = useSettingsStore();\nconst { switchCollapsed } = settingsStore;\nconst collapsedStatus = computed(() => settingsStore.getCollapsed);\n</script>\n<template>\n <a-layout class=\"ditari-layout\">\n <a-layout-sider\n v-model:collapsed=\"collapsedStatus\"\n :trigger=\"null\"\n collapsible\n class=\"ditari-layout-sider\"\n >\n <div class=\"ditari-logo\">\n <slot name=\"logo\"></slot>\n </div>\n <div class=\"ditari-menu\">\n <Menu />\n </div>\n </a-layout-sider>\n <a-layout>\n <div\n class=\"ditari-fuck-top-layout\"\n :style=\"{ left: collapsedStatus ? '80px' : '
|
|
1
|
+
{"version":3,"file":"FuckMain.vue2.mjs","sources":["../../../src/layout/FuckMain.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * FUCK MAIN 入口文件\n */\nimport { computed, provide } from \"vue\";\nimport { MenuFoldOutlined, MenuUnfoldOutlined } from \"@ant-design/icons-vue\";\nimport { useKeepAliveStore, useSettingsStore } from \"@ditari/store\";\n\n//标签页组件\nimport DNavTabs from \"./NavTabs.vue\";\n// 菜单组件\nimport Menu from \"../menu/Menu\";\n\nconst props = defineProps({\n \"showConfig\": { type: null, required: false, default: { backBtn: \"LeftOutlined\" } as any },\n \"breadcrumbStatus\": { type: Boolean, required: false, },\n \"sideWidth\": { type: Number, required: false, default: 200 }\n});\n\n// 注入show组件的配置文件\n// eslint-disable-next-line vue/no-setup-props-destructure\nprovide(\"showConfig\", props.showConfig);\n\n// 缓存store\nconst store = useKeepAliveStore();\n// 缓存的names\nconst keepAliveNames = computed(() => store.get);\n// 设置store\nconst settingsStore = useSettingsStore();\nconst { switchCollapsed } = settingsStore;\nconst collapsedStatus = computed(() => settingsStore.getCollapsed);\n</script>\n<template>\n <a-layout class=\"ditari-layout\">\n <a-layout-sider\n v-model:collapsed=\"collapsedStatus\"\n :width=\"sideWidth\"\n :trigger=\"null\"\n collapsible\n class=\"ditari-layout-sider\"\n >\n <div class=\"ditari-logo\">\n <slot name=\"logo\"></slot>\n </div>\n <div class=\"ditari-menu\">\n <Menu />\n </div>\n </a-layout-sider>\n <a-layout>\n <div\n class=\"ditari-fuck-top-layout\"\n :style=\"{ left: collapsedStatus ? '80px' : sideWidth + 'px' }\"\n >\n <div class=\"ditari-side-collapsed\" @click=\"switchCollapsed\">\n <menu-unfold-outlined\n v-if=\"collapsedStatus\"\n class=\"trigger\"\n style=\"font-size: 16px; font-weight: bold; cursor: pointer\"\n />\n <menu-fold-outlined\n v-else\n style=\"font-size: 16px; font-weight: bold; cursor: pointer\"\n />\n </div>\n <d-nav-tabs />\n <div class=\"ditari-user-menu\">\n <slot name=\"operation\"></slot>\n </div>\n </div>\n <a-layout-content\n style=\"margin-top: 42px\"\n class=\"ditari-layout-content\"\n :style=\"{ marginLeft: collapsedStatus ? '80px' : sideWidth + 'px' }\"\n >\n <router-view v-slot=\"{ Component }\">\n <transition name=\"main\" mode=\"out-in\" appear>\n <keep-alive ref=\"keepAliveRef\" :include=\"keepAliveNames\">\n <component :is=\"Component\" :key=\"$route.path\" />\n </keep-alive>\n </transition>\n </router-view>\n <slot name=\"micro\"></slot>\n </a-layout-content>\n </a-layout>\n </a-layout>\n <a-back-top class=\"ditari-ant-back-top\" :visibility-height=\"50\"></a-back-top>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAqBA,IAAQ,OAAA,CAAA,YAAA,EAAc,MAAM,UAAU,CAAA,CAAA;AAGtC,IAAA,MAAM,QAAQ,iBAAkB,EAAA,CAAA;AAEhC,IAAA,MAAM,cAAiB,GAAA,QAAA,CAAS,MAAM,KAAA,CAAM,GAAG,CAAA,CAAA;AAE/C,IAAA,MAAM,gBAAgB,gBAAiB,EAAA,CAAA;AACvC,IAAM,MAAA,EAAE,iBAAoB,GAAA,aAAA,CAAA;AAC5B,IAAA,MAAM,eAAkB,GAAA,QAAA,CAAS,MAAM,aAAA,CAAc,YAAY,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -8,6 +8,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
8
8
|
type: BooleanConstructor;
|
|
9
9
|
required: false;
|
|
10
10
|
};
|
|
11
|
+
sideWidth: {
|
|
12
|
+
type: NumberConstructor;
|
|
13
|
+
required: false;
|
|
14
|
+
default: number;
|
|
15
|
+
};
|
|
11
16
|
}, {
|
|
12
17
|
props: any;
|
|
13
18
|
store: import("pinia").Store<string, {
|
|
@@ -138,8 +143,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
138
143
|
type: BooleanConstructor;
|
|
139
144
|
required: false;
|
|
140
145
|
};
|
|
146
|
+
sideWidth: {
|
|
147
|
+
type: NumberConstructor;
|
|
148
|
+
required: false;
|
|
149
|
+
default: number;
|
|
150
|
+
};
|
|
141
151
|
}>>, {
|
|
142
152
|
showConfig: any;
|
|
143
153
|
breadcrumbStatus: boolean;
|
|
154
|
+
sideWidth: number;
|
|
144
155
|
}, {}>;
|
|
145
156
|
export default _default;
|
|
@@ -14,7 +14,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
14
14
|
__name: "Main",
|
|
15
15
|
props: {
|
|
16
16
|
"showConfig": { type: null, required: false, default: { backBtn: "LeftOutlined" } },
|
|
17
|
-
"breadcrumbStatus": { type: Boolean, required: false }
|
|
17
|
+
"breadcrumbStatus": { type: Boolean, required: false },
|
|
18
|
+
"sideWidth": { type: Number, required: false, default: 200 }
|
|
18
19
|
},
|
|
19
20
|
setup(__props) {
|
|
20
21
|
const props = __props;
|
|
@@ -39,6 +40,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
39
40
|
createVNode(_component_a_layout_sider, {
|
|
40
41
|
collapsed: collapsedStatus.value,
|
|
41
42
|
"onUpdate:collapsed": _cache[0] || (_cache[0] = ($event) => collapsedStatus.value = $event),
|
|
43
|
+
width: __props.sideWidth,
|
|
42
44
|
trigger: null,
|
|
43
45
|
collapsible: "",
|
|
44
46
|
class: "ditari-layout-sider"
|
|
@@ -55,14 +57,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
55
57
|
]),
|
|
56
58
|
_: 3
|
|
57
59
|
/* FORWARDED */
|
|
58
|
-
}, 8, ["collapsed"]),
|
|
60
|
+
}, 8, ["collapsed", "width"]),
|
|
59
61
|
createVNode(_component_a_layout, null, {
|
|
60
62
|
default: withCtx(() => [
|
|
61
63
|
createElementVNode(
|
|
62
64
|
"div",
|
|
63
65
|
{
|
|
64
66
|
class: "ditari-top-layout",
|
|
65
|
-
style: normalizeStyle({ left: collapsedStatus.value ? "80px" : "
|
|
67
|
+
style: normalizeStyle({ left: collapsedStatus.value ? "80px" : __props.sideWidth + "px" })
|
|
66
68
|
},
|
|
67
69
|
[
|
|
68
70
|
createVNode(DNavTabs),
|
|
@@ -94,7 +96,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
94
96
|
),
|
|
95
97
|
createVNode(_component_a_layout_content, {
|
|
96
98
|
class: "ditari-layout-content",
|
|
97
|
-
style: normalizeStyle({ marginLeft: collapsedStatus.value ? "80px" : "
|
|
99
|
+
style: normalizeStyle({ marginLeft: collapsedStatus.value ? "80px" : __props.sideWidth + "px" })
|
|
98
100
|
}, {
|
|
99
101
|
default: withCtx(() => [
|
|
100
102
|
createVNode(_component_router_view, null, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Main.vue2.mjs","sources":["../../../src/layout/Main.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * 入口文件\n */\nimport { computed, provide } from \"vue\";\nimport { MenuFoldOutlined, MenuUnfoldOutlined } from \"@ant-design/icons-vue\";\nimport { useKeepAliveStore, useSettingsStore } from \"@ditari/store\";\n\n//标签页组件\nimport DNavTabs from \"./NavTabs.vue\";\n//面包屑组件\nimport DBreadcrumb from \"./Breadcrumb.vue\";\n// 菜单组件\nimport Menu from \"../menu/Menu\";\n\nconst props = defineProps({\n \"showConfig\": { type: null, required: false, default: { backBtn: \"LeftOutlined\" } as any },\n \"breadcrumbStatus\": { type: Boolean, required: false, }\n});\n// 注入show组件的配置文件\n// eslint-disable-next-line vue/no-setup-props-destructure\nprovide(\"showConfig\", props.showConfig);\n// 缓存store\nconst store = useKeepAliveStore();\n// 缓存的names\nconst keepAliveNames = computed(() => store.get);\n// 设置store\nconst settingsStore = useSettingsStore();\nconst { switchCollapsed } = settingsStore;\nconst collapsedStatus = computed(() => settingsStore.getCollapsed);\n</script>\n<template>\n <a-layout class=\"ditari-layout\">\n <a-layout-sider\n v-model:collapsed=\"collapsedStatus\"\n :trigger=\"null\"\n collapsible\n class=\"ditari-layout-sider\"\n >\n <div>\n <div class=\"ditari-logo\">\n <slot name=\"logo\"></slot>\n </div>\n <div class=\"ditari-menu\">\n <Menu />\n </div>\n </div>\n </a-layout-sider>\n <a-layout>\n <div\n class=\"ditari-top-layout\"\n :style=\"{ left: collapsedStatus ? '80px' : '
|
|
1
|
+
{"version":3,"file":"Main.vue2.mjs","sources":["../../../src/layout/Main.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * 入口文件\n */\nimport { computed, provide } from \"vue\";\nimport { MenuFoldOutlined, MenuUnfoldOutlined } from \"@ant-design/icons-vue\";\nimport { useKeepAliveStore, useSettingsStore } from \"@ditari/store\";\n\n//标签页组件\nimport DNavTabs from \"./NavTabs.vue\";\n//面包屑组件\nimport DBreadcrumb from \"./Breadcrumb.vue\";\n// 菜单组件\nimport Menu from \"../menu/Menu\";\n\nconst props = defineProps({\n \"showConfig\": { type: null, required: false, default: { backBtn: \"LeftOutlined\" } as any },\n \"breadcrumbStatus\": { type: Boolean, required: false, },\n \"sideWidth\": { type: Number, required: false, default: 200 }\n});\n// 注入show组件的配置文件\n// eslint-disable-next-line vue/no-setup-props-destructure\nprovide(\"showConfig\", props.showConfig);\n// 缓存store\nconst store = useKeepAliveStore();\n// 缓存的names\nconst keepAliveNames = computed(() => store.get);\n// 设置store\nconst settingsStore = useSettingsStore();\nconst { switchCollapsed } = settingsStore;\nconst collapsedStatus = computed(() => settingsStore.getCollapsed);\n</script>\n<template>\n <a-layout class=\"ditari-layout\">\n <a-layout-sider\n v-model:collapsed=\"collapsedStatus\"\n :width=\"sideWidth\"\n :trigger=\"null\"\n collapsible\n class=\"ditari-layout-sider\"\n >\n <div>\n <div class=\"ditari-logo\">\n <slot name=\"logo\"></slot>\n </div>\n <div class=\"ditari-menu\">\n <Menu />\n </div>\n </div>\n </a-layout-sider>\n <a-layout>\n <div\n class=\"ditari-top-layout\"\n :style=\"{ left: collapsedStatus ? '80px' : sideWidth + 'px' }\"\n >\n <d-nav-tabs />\n <div class=\"ditari-layout-header\">\n <div class=\"ditari-layout-header-left\">\n <div class=\"ditari-side-collapsed\" @click=\"switchCollapsed\">\n <menu-unfold-outlined\n v-if=\"collapsedStatus\"\n class=\"trigger\"\n style=\"font-size: 16px; font-weight: bold; cursor: pointer\"\n />\n <menu-fold-outlined\n v-else\n style=\"font-size: 16px; font-weight: bold; cursor: pointer\"\n />\n </div>\n <d-breadcrumb />\n </div>\n <div class=\"ditari-user-menu\">\n <slot name=\"operation\"></slot>\n </div>\n </div>\n </div>\n <a-layout-content\n class=\"ditari-layout-content\"\n :style=\"{ marginLeft: collapsedStatus ? '80px' : sideWidth + 'px' }\"\n >\n <router-view v-slot=\"{ Component }\">\n <transition name=\"main\" mode=\"out-in\" appear>\n <keep-alive ref=\"keepAliveRef\" :include=\"keepAliveNames\">\n <component :is=\"Component\" :key=\"$route.path\" />\n </keep-alive>\n </transition>\n </router-view>\n <slot name=\"micro\"></slot>\n </a-layout-content>\n </a-layout>\n </a-layout>\n <a-back-top class=\"ditari-ant-back-top\" :visibility-height=\"50\"></a-back-top>\n</template>\n<style lang=\"scss\"></style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAsBA,IAAQ,OAAA,CAAA,YAAA,EAAc,MAAM,UAAU,CAAA,CAAA;AAEtC,IAAA,MAAM,QAAQ,iBAAkB,EAAA,CAAA;AAEhC,IAAA,MAAM,cAAiB,GAAA,QAAA,CAAS,MAAM,KAAA,CAAM,GAAG,CAAA,CAAA;AAE/C,IAAA,MAAM,gBAAgB,gBAAiB,EAAA,CAAA;AACvC,IAAM,MAAA,EAAE,iBAAoB,GAAA,aAAA,CAAA;AAC5B,IAAA,MAAM,eAAkB,GAAA,QAAA,CAAS,MAAM,aAAA,CAAc,YAAY,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ditari/bsui",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.66",
|
|
4
4
|
"description": "",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"author": "",
|
|
@@ -33,8 +33,8 @@
|
|
|
33
33
|
"./theme/*": "./dist/style/*"
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
|
-
"@ditari/
|
|
37
|
-
"@ditari/
|
|
36
|
+
"@ditari/store": "^1.0.11",
|
|
37
|
+
"@ditari/hooks": "^1.0.13"
|
|
38
38
|
},
|
|
39
39
|
"peerDependencies": {
|
|
40
40
|
"vue": "^3.3.4",
|