@fecp/mobile 1.0.76 → 1.0.78
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/mobile.css +28 -7
- package/es/packages/mobile/index.mjs +0 -4
- package/es/packages/mobile/src/components/all.mjs +0 -4
- package/es/packages/mobile/src/components/layout/layout/Layout.vue.mjs +1 -1
- package/es/packages/mobile/src/components/navigation/grid/Grid.vue.mjs +10 -3
- package/es/packages/mobile/src/components/navigation/navBar/NavBar.vue.mjs +24 -20
- package/es/packages/mobile/src/components/navigation/navBar/index.mjs +2 -2
- package/es/packages/mobile/src/components/navigation/tabs/Tabs.vue.mjs +76 -15
- package/lib/mobile.css +28 -7
- package/lib/packages/mobile/index.js +22 -26
- package/lib/packages/mobile/src/components/all.js +22 -26
- package/lib/packages/mobile/src/components/layout/layout/Layout.vue.js +1 -1
- package/lib/packages/mobile/src/components/navigation/grid/Grid.vue.js +9 -2
- package/lib/packages/mobile/src/components/navigation/navBar/NavBar.vue.js +24 -20
- package/lib/packages/mobile/src/components/navigation/tabs/Tabs.vue.js +75 -14
- package/package.json +1 -1
package/es/mobile.css
CHANGED
|
@@ -116,11 +116,26 @@
|
|
|
116
116
|
:root,:host{--van-pagination-height: 40px;--van-pagination-font-size: var(--van-font-size-md);--van-pagination-item-width: 36px;--van-pagination-item-default-color: var(--van-primary-color);--van-pagination-item-disabled-color: var(--van-gray-7);--van-pagination-item-disabled-background: var(--van-background);--van-pagination-background: var(--van-background-2);--van-pagination-desc-color: var(--van-gray-7);--van-pagination-disabled-opacity: var(--van-disabled-opacity)}.van-pagination{font-size:var(--van-pagination-font-size)}.van-pagination__items{display:flex}.van-pagination__item,.van-pagination__page-desc{display:flex;align-items:center;justify-content:center}.van-pagination__item{flex:1;box-sizing:border-box;min-width:var(--van-pagination-item-width);height:var(--van-pagination-height);color:var(--van-pagination-item-default-color);background:var(--van-pagination-background);cursor:pointer;-webkit-user-select:none;user-select:none}.van-pagination__item button{flex:1;height:100%;border:none;padding:0;background:transparent}.van-pagination__item button[disabled]{cursor:not-allowed}.van-pagination__item:active{color:var(--van-white);background-color:var(--van-pagination-item-default-color)}.van-pagination__item:not(:last-child):after{border-right-width:0}.van-pagination__item--active{color:var(--van-white);background-color:var(--van-pagination-item-default-color)}.van-pagination__item--page{flex-grow:0}.van-pagination__item--prev,.van-pagination__item--next{padding:0 var(--van-padding-base);cursor:pointer}.van-pagination__item--border:first-child:after{border-right-width:var(--van-border-width)}.van-pagination__item--disabled,.van-pagination__item--disabled:active{color:var(--van-pagination-item-disabled-color);background-color:var(--van-pagination-item-disabled-background);opacity:var(--van-pagination-disabled-opacity)}.van-pagination__page-desc{flex:1;height:var(--van-pagination-height);color:var(--van-pagination-desc-color)}
|
|
117
117
|
:root,:host{--van-sidebar-width: 80px}.van-sidebar{width:var(--van-sidebar-width);overflow-y:auto;-webkit-overflow-scrolling:touch}
|
|
118
118
|
:root,:host{--van-sidebar-font-size: var(--van-font-size-md);--van-sidebar-line-height: var(--van-line-height-md);--van-sidebar-text-color: var(--van-text-color);--van-sidebar-disabled-text-color: var(--van-text-color-3);--van-sidebar-padding: 20px var(--van-padding-sm);--van-sidebar-active-color: var(--van-active-color);--van-sidebar-background: var(--van-background);--van-sidebar-selected-font-weight: var(--van-font-bold);--van-sidebar-selected-text-color: var(--van-text-color);--van-sidebar-selected-border-width: 4px;--van-sidebar-selected-border-height: 16px;--van-sidebar-selected-border-color: var(--van-primary-color);--van-sidebar-selected-background: var(--van-background-2)}.van-sidebar-item{position:relative;display:block;box-sizing:border-box;padding:var(--van-sidebar-padding);overflow:hidden;color:var(--van-sidebar-text-color);font-size:var(--van-sidebar-font-size);line-height:var(--van-sidebar-line-height);background:var(--van-sidebar-background);cursor:pointer;-webkit-user-select:none;user-select:none}.van-sidebar-item:active{background-color:var(--van-sidebar-active-color)}.van-sidebar-item:not(:last-child):after{border-bottom-width:1px}.van-sidebar-item__text{word-break:break-all}.van-sidebar-item--select{color:var(--van-sidebar-selected-text-color);font-weight:var(--van-sidebar-selected-font-weight)}.van-sidebar-item--select,.van-sidebar-item--select:active{background-color:var(--van-sidebar-selected-background)}.van-sidebar-item--select:before{position:absolute;top:50%;left:0;width:var(--van-sidebar-selected-border-width);height:var(--van-sidebar-selected-border-height);background-color:var(--van-sidebar-selected-border-color);transform:translateY(-50%);content:""}.van-sidebar-item--disabled{color:var(--van-sidebar-disabled-text-color);cursor:not-allowed}.van-sidebar-item--disabled:active{background-color:var(--van-sidebar-background)}
|
|
119
|
+
|
|
120
|
+
.fec-tabs-container[data-v-b016e948] {
|
|
121
|
+
display: flex;
|
|
122
|
+
flex-direction: column;
|
|
123
|
+
}
|
|
124
|
+
.fec-tab-content[data-v-b016e948] {
|
|
125
|
+
flex: 1;
|
|
126
|
+
overflow: auto;
|
|
127
|
+
}
|
|
128
|
+
.fec-tabs[data-v-b016e948] .van-tabs__nav {
|
|
129
|
+
padding-bottom: 0;
|
|
130
|
+
}
|
|
131
|
+
.fec-tabs[data-v-b016e948] .van-tabs__line {
|
|
132
|
+
bottom: 0;
|
|
133
|
+
}
|
|
119
134
|
:root,:host{--van-tabbar-height: 50px;--van-tabbar-z-index: 1;--van-tabbar-background: var(--van-background-2)}.van-tabbar{z-index:var(--van-tabbar-z-index);display:flex;box-sizing:content-box;width:100%;height:var(--van-tabbar-height);background:var(--van-tabbar-background)}.van-tabbar--fixed{position:fixed;bottom:0;left:0}
|
|
120
135
|
:root,:host{--van-tabbar-item-font-size: var(--van-font-size-sm);--van-tabbar-item-text-color: var(--van-text-color);--van-tabbar-item-active-color: var(--van-primary-color);--van-tabbar-item-active-background: var(--van-background-2);--van-tabbar-item-line-height: 1;--van-tabbar-item-icon-size: 22px;--van-tabbar-item-icon-margin-bottom: var(--van-padding-base)}.van-tabbar-item{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;color:var(--van-tabbar-item-text-color);font-size:var(--van-tabbar-item-font-size);line-height:var(--van-tabbar-item-line-height);cursor:pointer}.van-tabbar-item__icon{margin-bottom:var(--van-tabbar-item-icon-margin-bottom);font-size:var(--van-tabbar-item-icon-size)}.van-tabbar-item__icon .van-icon{display:block}.van-tabbar-item__icon .van-badge{margin-top:var(--van-padding-base)}.van-tabbar-item__icon img{display:block;height:20px}.van-tabbar-item--active{color:var(--van-tabbar-item-active-color);background-color:var(--van-tabbar-item-active-background)}
|
|
121
136
|
:root,:host{--van-tree-select-font-size: var(--van-font-size-md);--van-tree-select-nav-background: var(--van-background);--van-tree-select-content-background: var(--van-background-2);--van-tree-select-nav-item-padding: 14px var(--van-padding-sm);--van-tree-select-item-height: 48px;--van-tree-select-item-active-color: var(--van-primary-color);--van-tree-select-item-disabled-color: var(--van-gray-5);--van-tree-select-item-selected-size: 16px}.van-tree-select{position:relative;display:flex;font-size:var(--van-tree-select-font-size)}.van-tree-select__nav{flex:1;overflow-y:auto;background:var(--van-tree-select-nav-background);-webkit-overflow-scrolling:touch}.van-tree-select__nav-item{padding:var(--van-tree-select-nav-item-padding)}.van-tree-select__content{flex:2;overflow-y:auto;background:var(--van-tree-select-content-background);-webkit-overflow-scrolling:touch}.van-tree-select__item{position:relative;padding:0 32px 0 var(--van-padding-md);font-weight:var(--van-font-bold);line-height:var(--van-tree-select-item-height);-webkit-user-select:none;user-select:none;cursor:pointer}.van-tree-select__item--active{color:var(--van-tree-select-item-active-color)}.van-tree-select__item:active{background-color:var(--van-active-color)}.van-tree-select__item--disabled{color:var(--van-tree-select-item-disabled-color);cursor:not-allowed}.van-tree-select__item--disabled:active{background-color:transparent}.van-tree-select__selected{position:absolute;top:50%;right:var(--van-padding-md);margin-top:calc(var(--van-padding-xs) * -1);font-size:var(--van-tree-select-item-selected-size)}
|
|
122
137
|
|
|
123
|
-
.fec-layout-container[data-v-
|
|
138
|
+
.fec-layout-container[data-v-b4f4a63a] {
|
|
124
139
|
display: flex;
|
|
125
140
|
flex-direction: column;
|
|
126
141
|
flex: 1;
|
|
@@ -129,15 +144,15 @@
|
|
|
129
144
|
min-width: 0;
|
|
130
145
|
height: 100vh;
|
|
131
146
|
}
|
|
132
|
-
.fec-layout-container[data-v-
|
|
147
|
+
.fec-layout-container[data-v-b4f4a63a] div[slot="default"] {
|
|
133
148
|
height: 100%;
|
|
134
149
|
}
|
|
135
|
-
.fec-layout-footer[data-v-
|
|
136
|
-
.fec-layout-header[data-v-
|
|
150
|
+
.fec-layout-footer[data-v-b4f4a63a],
|
|
151
|
+
.fec-layout-header[data-v-b4f4a63a] {
|
|
137
152
|
box-sizing: border-box;
|
|
138
153
|
flex-shrink: 0;
|
|
139
154
|
}
|
|
140
|
-
.fec-layout-main[data-v-
|
|
155
|
+
.fec-layout-main[data-v-b4f4a63a] {
|
|
141
156
|
flex: 1;
|
|
142
157
|
flex-basis: auto;
|
|
143
158
|
/* padding: 12px; */
|
|
@@ -145,8 +160,14 @@
|
|
|
145
160
|
display: flex;
|
|
146
161
|
flex-direction: column;
|
|
147
162
|
}
|
|
148
|
-
.fec-layout-
|
|
149
|
-
|
|
163
|
+
.fec-layout-main[data-v-b4f4a63a] .page-base-style {
|
|
164
|
+
min-height: 100%;
|
|
165
|
+
}
|
|
166
|
+
.fec-layout-main[data-v-b4f4a63a] .fec-layout-container {
|
|
167
|
+
height: 100%;
|
|
168
|
+
}
|
|
169
|
+
.fec-layout-header[data-v-b4f4a63a] .van-nav-bar--fixed,
|
|
170
|
+
.fec-layout-header[data-v-b4f4a63a] .van-tabbar--fixed {
|
|
150
171
|
position: relative;
|
|
151
172
|
}
|
|
152
173
|
:root {
|
|
@@ -48,14 +48,12 @@ import { MobileSubmitButton } from "./src/components/form/submitButton/index.mjs
|
|
|
48
48
|
import { MobileActionBar } from "./src/components/navigation/actionBar/index.mjs";
|
|
49
49
|
import { MobileBackTop } from "./src/components/navigation/backTop/index.mjs";
|
|
50
50
|
import { MobileGrid } from "./src/components/navigation/grid/index.mjs";
|
|
51
|
-
import { MobileGridItem } from "./src/components/navigation/gridItem/index.mjs";
|
|
52
51
|
import { MobileIndexBar } from "./src/components/navigation/indexBar/index.mjs";
|
|
53
52
|
import { MobileIndexAnchor } from "./src/components/navigation/indexAnchor/index.mjs";
|
|
54
53
|
import { MobileNavBar } from "./src/components/navigation/navBar/index.mjs";
|
|
55
54
|
import { MobilePagination } from "./src/components/navigation/pagination/index.mjs";
|
|
56
55
|
import { MobileSidebar } from "./src/components/navigation/sidebar/index.mjs";
|
|
57
56
|
import { MobileSidebarItem } from "./src/components/navigation/sidebarItem/index.mjs";
|
|
58
|
-
import { MobileTab } from "./src/components/navigation/tab/index.mjs";
|
|
59
57
|
import { MobileTabs } from "./src/components/navigation/tabs/index.mjs";
|
|
60
58
|
import { MobileTabbar } from "./src/components/navigation/tabbar/index.mjs";
|
|
61
59
|
import { MobileTabbarItem } from "./src/components/navigation/tabbarItem/index.mjs";
|
|
@@ -102,7 +100,6 @@ export {
|
|
|
102
100
|
MobileForm,
|
|
103
101
|
MobileFormItem,
|
|
104
102
|
MobileGrid,
|
|
105
|
-
MobileGridItem,
|
|
106
103
|
MobileHighlight,
|
|
107
104
|
MobileImage,
|
|
108
105
|
MobileIndexAnchor,
|
|
@@ -125,7 +122,6 @@ export {
|
|
|
125
122
|
MobileSwipe,
|
|
126
123
|
MobileSwipeCell,
|
|
127
124
|
MobileSwipeItem,
|
|
128
|
-
MobileTab,
|
|
129
125
|
MobileTabbar,
|
|
130
126
|
MobileTabbarItem,
|
|
131
127
|
MobileTable,
|
|
@@ -45,14 +45,12 @@ import { MobileSubmitButton } from "./form/submitButton/index.mjs";
|
|
|
45
45
|
import { MobileActionBar } from "./navigation/actionBar/index.mjs";
|
|
46
46
|
import { MobileBackTop } from "./navigation/backTop/index.mjs";
|
|
47
47
|
import { MobileGrid } from "./navigation/grid/index.mjs";
|
|
48
|
-
import { MobileGridItem } from "./navigation/gridItem/index.mjs";
|
|
49
48
|
import { MobileIndexBar } from "./navigation/indexBar/index.mjs";
|
|
50
49
|
import { MobileIndexAnchor } from "./navigation/indexAnchor/index.mjs";
|
|
51
50
|
import { MobileNavBar } from "./navigation/navBar/index.mjs";
|
|
52
51
|
import { MobilePagination } from "./navigation/pagination/index.mjs";
|
|
53
52
|
import { MobileSidebar } from "./navigation/sidebar/index.mjs";
|
|
54
53
|
import { MobileSidebarItem } from "./navigation/sidebarItem/index.mjs";
|
|
55
|
-
import { MobileTab } from "./navigation/tab/index.mjs";
|
|
56
54
|
import { MobileTabs } from "./navigation/tabs/index.mjs";
|
|
57
55
|
import { MobileTabbar } from "./navigation/tabbar/index.mjs";
|
|
58
56
|
import { MobileTabbarItem } from "./navigation/tabbarItem/index.mjs";
|
|
@@ -88,7 +86,6 @@ export {
|
|
|
88
86
|
MobileForm,
|
|
89
87
|
MobileFormItem,
|
|
90
88
|
MobileGrid,
|
|
91
|
-
MobileGridItem,
|
|
92
89
|
MobileHighlight,
|
|
93
90
|
MobileImage,
|
|
94
91
|
MobileIndexAnchor,
|
|
@@ -111,7 +108,6 @@ export {
|
|
|
111
108
|
MobileSwipe,
|
|
112
109
|
MobileSwipeCell,
|
|
113
110
|
MobileSwipeItem,
|
|
114
|
-
MobileTab,
|
|
115
111
|
MobileTabbar,
|
|
116
112
|
MobileTabbarItem,
|
|
117
113
|
MobileTable,
|
|
@@ -19,7 +19,7 @@ function _sfc_render(_ctx, _cache) {
|
|
|
19
19
|
])
|
|
20
20
|
]);
|
|
21
21
|
}
|
|
22
|
-
const _Layout = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-
|
|
22
|
+
const _Layout = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-b4f4a63a"]]);
|
|
23
23
|
export {
|
|
24
24
|
_Layout as default
|
|
25
25
|
};
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
/* empty css */
|
|
4
4
|
/* empty css */
|
|
5
5
|
/* empty css */
|
|
6
|
-
import { createBlock, openBlock,
|
|
6
|
+
import { createBlock, openBlock, mergeProps, withCtx, createElementBlock, Fragment, renderList } from "vue";
|
|
7
7
|
import { Grid } from "../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/grid/index.mjs";
|
|
8
8
|
import { GridItem } from "../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/grid-item/index.mjs";
|
|
9
9
|
const _sfc_main = {
|
|
@@ -12,6 +12,10 @@ const _sfc_main = {
|
|
|
12
12
|
options: {
|
|
13
13
|
type: Array,
|
|
14
14
|
default: []
|
|
15
|
+
},
|
|
16
|
+
gutter: {
|
|
17
|
+
type: Number,
|
|
18
|
+
default: 0
|
|
15
19
|
}
|
|
16
20
|
},
|
|
17
21
|
emits: ["clickGridItem"],
|
|
@@ -23,7 +27,10 @@ const _sfc_main = {
|
|
|
23
27
|
return (_ctx, _cache) => {
|
|
24
28
|
const _component_van_grid_item = GridItem;
|
|
25
29
|
const _component_van_grid = Grid;
|
|
26
|
-
return openBlock(), createBlock(_component_van_grid,
|
|
30
|
+
return openBlock(), createBlock(_component_van_grid, mergeProps(_ctx.$attrs, {
|
|
31
|
+
gutter: __props.gutter,
|
|
32
|
+
style: { paddingTop: __props.gutter + "px" }
|
|
33
|
+
}), {
|
|
27
34
|
default: withCtx(() => [
|
|
28
35
|
(openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (item) => {
|
|
29
36
|
return openBlock(), createBlock(_component_van_grid_item, mergeProps({
|
|
@@ -35,7 +42,7 @@ const _sfc_main = {
|
|
|
35
42
|
}), 256))
|
|
36
43
|
]),
|
|
37
44
|
_: 1
|
|
38
|
-
}, 16);
|
|
45
|
+
}, 16, ["gutter", "style"]);
|
|
39
46
|
};
|
|
40
47
|
}
|
|
41
48
|
};
|
|
@@ -3,26 +3,30 @@
|
|
|
3
3
|
/* empty css */
|
|
4
4
|
/* empty css */
|
|
5
5
|
import { createBlock, openBlock, mergeProps, createSlots, renderList, withCtx, renderSlot } from "vue";
|
|
6
|
-
import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.mjs";
|
|
7
6
|
import { NavBar } from "../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/nav-bar/index.mjs";
|
|
8
|
-
const _sfc_main = {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
7
|
+
const _sfc_main = {
|
|
8
|
+
__name: "NavBar",
|
|
9
|
+
setup(__props) {
|
|
10
|
+
const onClickLeft = () => history.back();
|
|
11
|
+
return (_ctx, _cache) => {
|
|
12
|
+
const _component_van_nav_bar = NavBar;
|
|
13
|
+
return openBlock(), createBlock(_component_van_nav_bar, mergeProps(_ctx.$attrs, {
|
|
14
|
+
fixed: false,
|
|
15
|
+
"safe-area-inset-top": "",
|
|
16
|
+
onClickLeft
|
|
17
|
+
}), createSlots({ _: 2 }, [
|
|
18
|
+
renderList(_ctx.$slots, (item, key) => {
|
|
19
|
+
return {
|
|
20
|
+
name: key,
|
|
21
|
+
fn: withCtx(() => [
|
|
22
|
+
renderSlot(_ctx.$slots, key)
|
|
23
|
+
])
|
|
24
|
+
};
|
|
25
|
+
})
|
|
26
|
+
]), 1040);
|
|
27
|
+
};
|
|
28
|
+
}
|
|
29
|
+
};
|
|
26
30
|
export {
|
|
27
|
-
|
|
31
|
+
_sfc_main as default
|
|
28
32
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import
|
|
1
|
+
import _sfc_main from "./NavBar.vue.mjs";
|
|
2
2
|
import install from "../../../utils/install.mjs";
|
|
3
|
-
const MobileNavBar = install.withInstall("MobileNavBar",
|
|
3
|
+
const MobileNavBar = install.withInstall("MobileNavBar", _sfc_main);
|
|
4
4
|
export {
|
|
5
5
|
MobileNavBar,
|
|
6
6
|
MobileNavBar as default
|
|
@@ -2,24 +2,85 @@
|
|
|
2
2
|
/* empty css */
|
|
3
3
|
/* empty css */
|
|
4
4
|
/* empty css */
|
|
5
|
-
|
|
5
|
+
/* empty css */
|
|
6
|
+
/* empty css */
|
|
7
|
+
/* empty css */
|
|
8
|
+
import { computed, createElementBlock, openBlock, normalizeStyle, unref, createVNode, createElementVNode, mergeProps, isRef, withCtx, Fragment, renderList, createBlock, renderSlot } from "vue";
|
|
9
|
+
/* empty css */
|
|
6
10
|
import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.mjs";
|
|
7
11
|
import { Tabs } from "../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/tabs/index.mjs";
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
12
|
+
import { Tab } from "../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/tab/index.mjs";
|
|
13
|
+
const _hoisted_1 = { class: "fec-tab-content" };
|
|
14
|
+
const _sfc_main = {
|
|
15
|
+
__name: "Tabs",
|
|
16
|
+
props: {
|
|
17
|
+
modelValue: {
|
|
18
|
+
type: Object,
|
|
19
|
+
default: {}
|
|
20
|
+
},
|
|
21
|
+
options: {
|
|
22
|
+
type: Array,
|
|
23
|
+
default: []
|
|
24
|
+
},
|
|
25
|
+
autoHeight: {
|
|
26
|
+
//高度自适应
|
|
27
|
+
type: Boolean,
|
|
28
|
+
default: true
|
|
29
|
+
},
|
|
30
|
+
height: {
|
|
31
|
+
//高度
|
|
32
|
+
type: String,
|
|
33
|
+
default: "300"
|
|
34
|
+
}
|
|
35
|
+
},
|
|
36
|
+
emits: ["update:modelValue"],
|
|
37
|
+
setup(__props, { emit: __emit }) {
|
|
38
|
+
const props = __props;
|
|
39
|
+
const emit = __emit;
|
|
40
|
+
const activeName = computed({
|
|
41
|
+
get: () => {
|
|
42
|
+
return props.modelValue;
|
|
43
|
+
},
|
|
44
|
+
set: (val) => {
|
|
45
|
+
emit("update:modelValue", val);
|
|
46
|
+
}
|
|
47
|
+
});
|
|
48
|
+
const compHeight = computed(() => {
|
|
49
|
+
if (props.autoHeight) {
|
|
50
|
+
return "100%";
|
|
51
|
+
} else {
|
|
52
|
+
return props.height + "px";
|
|
53
|
+
}
|
|
54
|
+
});
|
|
55
|
+
return (_ctx, _cache) => {
|
|
56
|
+
const _component_van_tab = Tab;
|
|
57
|
+
const _component_van_tabs = Tabs;
|
|
58
|
+
return openBlock(), createElementBlock("div", {
|
|
59
|
+
class: "fec-tabs-container",
|
|
60
|
+
style: normalizeStyle("height:" + unref(compHeight))
|
|
61
|
+
}, [
|
|
62
|
+
createVNode(_component_van_tabs, mergeProps(_ctx.$attrs, {
|
|
63
|
+
class: "fec-tabs",
|
|
64
|
+
active: unref(activeName),
|
|
65
|
+
"onUpdate:active": _cache[0] || (_cache[0] = ($event) => isRef(activeName) ? activeName.value = $event : null),
|
|
66
|
+
animated: "",
|
|
67
|
+
ellipsis: ""
|
|
68
|
+
}), {
|
|
69
|
+
default: withCtx(() => [
|
|
70
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (item) => {
|
|
71
|
+
return openBlock(), createBlock(_component_van_tab, mergeProps({ ref_for: true }, item, { "show-zero-badge": false }), null, 16);
|
|
72
|
+
}), 256))
|
|
73
|
+
]),
|
|
74
|
+
_: 1
|
|
75
|
+
}, 16, ["active"]),
|
|
76
|
+
createElementVNode("div", _hoisted_1, [
|
|
77
|
+
renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
17
78
|
])
|
|
18
|
-
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
}
|
|
22
|
-
const _Tabs = /* @__PURE__ */ _export_sfc(_sfc_main, [["
|
|
79
|
+
], 4);
|
|
80
|
+
};
|
|
81
|
+
}
|
|
82
|
+
};
|
|
83
|
+
const _Tabs = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b016e948"]]);
|
|
23
84
|
export {
|
|
24
85
|
_Tabs as default
|
|
25
86
|
};
|
package/lib/mobile.css
CHANGED
|
@@ -116,11 +116,26 @@
|
|
|
116
116
|
:root,:host{--van-pagination-height: 40px;--van-pagination-font-size: var(--van-font-size-md);--van-pagination-item-width: 36px;--van-pagination-item-default-color: var(--van-primary-color);--van-pagination-item-disabled-color: var(--van-gray-7);--van-pagination-item-disabled-background: var(--van-background);--van-pagination-background: var(--van-background-2);--van-pagination-desc-color: var(--van-gray-7);--van-pagination-disabled-opacity: var(--van-disabled-opacity)}.van-pagination{font-size:var(--van-pagination-font-size)}.van-pagination__items{display:flex}.van-pagination__item,.van-pagination__page-desc{display:flex;align-items:center;justify-content:center}.van-pagination__item{flex:1;box-sizing:border-box;min-width:var(--van-pagination-item-width);height:var(--van-pagination-height);color:var(--van-pagination-item-default-color);background:var(--van-pagination-background);cursor:pointer;-webkit-user-select:none;user-select:none}.van-pagination__item button{flex:1;height:100%;border:none;padding:0;background:transparent}.van-pagination__item button[disabled]{cursor:not-allowed}.van-pagination__item:active{color:var(--van-white);background-color:var(--van-pagination-item-default-color)}.van-pagination__item:not(:last-child):after{border-right-width:0}.van-pagination__item--active{color:var(--van-white);background-color:var(--van-pagination-item-default-color)}.van-pagination__item--page{flex-grow:0}.van-pagination__item--prev,.van-pagination__item--next{padding:0 var(--van-padding-base);cursor:pointer}.van-pagination__item--border:first-child:after{border-right-width:var(--van-border-width)}.van-pagination__item--disabled,.van-pagination__item--disabled:active{color:var(--van-pagination-item-disabled-color);background-color:var(--van-pagination-item-disabled-background);opacity:var(--van-pagination-disabled-opacity)}.van-pagination__page-desc{flex:1;height:var(--van-pagination-height);color:var(--van-pagination-desc-color)}
|
|
117
117
|
:root,:host{--van-sidebar-width: 80px}.van-sidebar{width:var(--van-sidebar-width);overflow-y:auto;-webkit-overflow-scrolling:touch}
|
|
118
118
|
:root,:host{--van-sidebar-font-size: var(--van-font-size-md);--van-sidebar-line-height: var(--van-line-height-md);--van-sidebar-text-color: var(--van-text-color);--van-sidebar-disabled-text-color: var(--van-text-color-3);--van-sidebar-padding: 20px var(--van-padding-sm);--van-sidebar-active-color: var(--van-active-color);--van-sidebar-background: var(--van-background);--van-sidebar-selected-font-weight: var(--van-font-bold);--van-sidebar-selected-text-color: var(--van-text-color);--van-sidebar-selected-border-width: 4px;--van-sidebar-selected-border-height: 16px;--van-sidebar-selected-border-color: var(--van-primary-color);--van-sidebar-selected-background: var(--van-background-2)}.van-sidebar-item{position:relative;display:block;box-sizing:border-box;padding:var(--van-sidebar-padding);overflow:hidden;color:var(--van-sidebar-text-color);font-size:var(--van-sidebar-font-size);line-height:var(--van-sidebar-line-height);background:var(--van-sidebar-background);cursor:pointer;-webkit-user-select:none;user-select:none}.van-sidebar-item:active{background-color:var(--van-sidebar-active-color)}.van-sidebar-item:not(:last-child):after{border-bottom-width:1px}.van-sidebar-item__text{word-break:break-all}.van-sidebar-item--select{color:var(--van-sidebar-selected-text-color);font-weight:var(--van-sidebar-selected-font-weight)}.van-sidebar-item--select,.van-sidebar-item--select:active{background-color:var(--van-sidebar-selected-background)}.van-sidebar-item--select:before{position:absolute;top:50%;left:0;width:var(--van-sidebar-selected-border-width);height:var(--van-sidebar-selected-border-height);background-color:var(--van-sidebar-selected-border-color);transform:translateY(-50%);content:""}.van-sidebar-item--disabled{color:var(--van-sidebar-disabled-text-color);cursor:not-allowed}.van-sidebar-item--disabled:active{background-color:var(--van-sidebar-background)}
|
|
119
|
+
|
|
120
|
+
.fec-tabs-container[data-v-b016e948] {
|
|
121
|
+
display: flex;
|
|
122
|
+
flex-direction: column;
|
|
123
|
+
}
|
|
124
|
+
.fec-tab-content[data-v-b016e948] {
|
|
125
|
+
flex: 1;
|
|
126
|
+
overflow: auto;
|
|
127
|
+
}
|
|
128
|
+
.fec-tabs[data-v-b016e948] .van-tabs__nav {
|
|
129
|
+
padding-bottom: 0;
|
|
130
|
+
}
|
|
131
|
+
.fec-tabs[data-v-b016e948] .van-tabs__line {
|
|
132
|
+
bottom: 0;
|
|
133
|
+
}
|
|
119
134
|
:root,:host{--van-tabbar-height: 50px;--van-tabbar-z-index: 1;--van-tabbar-background: var(--van-background-2)}.van-tabbar{z-index:var(--van-tabbar-z-index);display:flex;box-sizing:content-box;width:100%;height:var(--van-tabbar-height);background:var(--van-tabbar-background)}.van-tabbar--fixed{position:fixed;bottom:0;left:0}
|
|
120
135
|
:root,:host{--van-tabbar-item-font-size: var(--van-font-size-sm);--van-tabbar-item-text-color: var(--van-text-color);--van-tabbar-item-active-color: var(--van-primary-color);--van-tabbar-item-active-background: var(--van-background-2);--van-tabbar-item-line-height: 1;--van-tabbar-item-icon-size: 22px;--van-tabbar-item-icon-margin-bottom: var(--van-padding-base)}.van-tabbar-item{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;color:var(--van-tabbar-item-text-color);font-size:var(--van-tabbar-item-font-size);line-height:var(--van-tabbar-item-line-height);cursor:pointer}.van-tabbar-item__icon{margin-bottom:var(--van-tabbar-item-icon-margin-bottom);font-size:var(--van-tabbar-item-icon-size)}.van-tabbar-item__icon .van-icon{display:block}.van-tabbar-item__icon .van-badge{margin-top:var(--van-padding-base)}.van-tabbar-item__icon img{display:block;height:20px}.van-tabbar-item--active{color:var(--van-tabbar-item-active-color);background-color:var(--van-tabbar-item-active-background)}
|
|
121
136
|
:root,:host{--van-tree-select-font-size: var(--van-font-size-md);--van-tree-select-nav-background: var(--van-background);--van-tree-select-content-background: var(--van-background-2);--van-tree-select-nav-item-padding: 14px var(--van-padding-sm);--van-tree-select-item-height: 48px;--van-tree-select-item-active-color: var(--van-primary-color);--van-tree-select-item-disabled-color: var(--van-gray-5);--van-tree-select-item-selected-size: 16px}.van-tree-select{position:relative;display:flex;font-size:var(--van-tree-select-font-size)}.van-tree-select__nav{flex:1;overflow-y:auto;background:var(--van-tree-select-nav-background);-webkit-overflow-scrolling:touch}.van-tree-select__nav-item{padding:var(--van-tree-select-nav-item-padding)}.van-tree-select__content{flex:2;overflow-y:auto;background:var(--van-tree-select-content-background);-webkit-overflow-scrolling:touch}.van-tree-select__item{position:relative;padding:0 32px 0 var(--van-padding-md);font-weight:var(--van-font-bold);line-height:var(--van-tree-select-item-height);-webkit-user-select:none;user-select:none;cursor:pointer}.van-tree-select__item--active{color:var(--van-tree-select-item-active-color)}.van-tree-select__item:active{background-color:var(--van-active-color)}.van-tree-select__item--disabled{color:var(--van-tree-select-item-disabled-color);cursor:not-allowed}.van-tree-select__item--disabled:active{background-color:transparent}.van-tree-select__selected{position:absolute;top:50%;right:var(--van-padding-md);margin-top:calc(var(--van-padding-xs) * -1);font-size:var(--van-tree-select-item-selected-size)}
|
|
122
137
|
|
|
123
|
-
.fec-layout-container[data-v-
|
|
138
|
+
.fec-layout-container[data-v-b4f4a63a] {
|
|
124
139
|
display: flex;
|
|
125
140
|
flex-direction: column;
|
|
126
141
|
flex: 1;
|
|
@@ -129,15 +144,15 @@
|
|
|
129
144
|
min-width: 0;
|
|
130
145
|
height: 100vh;
|
|
131
146
|
}
|
|
132
|
-
.fec-layout-container[data-v-
|
|
147
|
+
.fec-layout-container[data-v-b4f4a63a] div[slot="default"] {
|
|
133
148
|
height: 100%;
|
|
134
149
|
}
|
|
135
|
-
.fec-layout-footer[data-v-
|
|
136
|
-
.fec-layout-header[data-v-
|
|
150
|
+
.fec-layout-footer[data-v-b4f4a63a],
|
|
151
|
+
.fec-layout-header[data-v-b4f4a63a] {
|
|
137
152
|
box-sizing: border-box;
|
|
138
153
|
flex-shrink: 0;
|
|
139
154
|
}
|
|
140
|
-
.fec-layout-main[data-v-
|
|
155
|
+
.fec-layout-main[data-v-b4f4a63a] {
|
|
141
156
|
flex: 1;
|
|
142
157
|
flex-basis: auto;
|
|
143
158
|
/* padding: 12px; */
|
|
@@ -145,8 +160,14 @@
|
|
|
145
160
|
display: flex;
|
|
146
161
|
flex-direction: column;
|
|
147
162
|
}
|
|
148
|
-
.fec-layout-
|
|
149
|
-
|
|
163
|
+
.fec-layout-main[data-v-b4f4a63a] .page-base-style {
|
|
164
|
+
min-height: 100%;
|
|
165
|
+
}
|
|
166
|
+
.fec-layout-main[data-v-b4f4a63a] .fec-layout-container {
|
|
167
|
+
height: 100%;
|
|
168
|
+
}
|
|
169
|
+
.fec-layout-header[data-v-b4f4a63a] .van-nav-bar--fixed,
|
|
170
|
+
.fec-layout-header[data-v-b4f4a63a] .van-tabbar--fixed {
|
|
150
171
|
position: relative;
|
|
151
172
|
}
|
|
152
173
|
:root {
|
|
@@ -50,19 +50,17 @@ const index$I = require("./src/components/form/submitButton/index.js");
|
|
|
50
50
|
const index$J = require("./src/components/navigation/actionBar/index.js");
|
|
51
51
|
const index$K = require("./src/components/navigation/backTop/index.js");
|
|
52
52
|
const index$L = require("./src/components/navigation/grid/index.js");
|
|
53
|
-
const index$M = require("./src/components/navigation/
|
|
54
|
-
const index$N = require("./src/components/navigation/
|
|
55
|
-
const index$O = require("./src/components/navigation/
|
|
56
|
-
const index$P = require("./src/components/navigation/
|
|
57
|
-
const index$Q = require("./src/components/navigation/
|
|
58
|
-
const index$R = require("./src/components/navigation/
|
|
59
|
-
const index$S = require("./src/components/navigation/
|
|
60
|
-
const index$T = require("./src/components/navigation/
|
|
61
|
-
const index$U = require("./src/components/navigation/
|
|
62
|
-
const index$V = require("./src/components/navigation/
|
|
63
|
-
const index$W = require("./src/components/
|
|
64
|
-
const index$X = require("./src/components/navigation/treeSelect/index.js");
|
|
65
|
-
const index$Y = require("./src/components/layout/layout/index.js");
|
|
53
|
+
const index$M = require("./src/components/navigation/indexBar/index.js");
|
|
54
|
+
const index$N = require("./src/components/navigation/indexAnchor/index.js");
|
|
55
|
+
const index$O = require("./src/components/navigation/navBar/index.js");
|
|
56
|
+
const index$P = require("./src/components/navigation/pagination/index.js");
|
|
57
|
+
const index$Q = require("./src/components/navigation/sidebar/index.js");
|
|
58
|
+
const index$R = require("./src/components/navigation/sidebarItem/index.js");
|
|
59
|
+
const index$S = require("./src/components/navigation/tabs/index.js");
|
|
60
|
+
const index$T = require("./src/components/navigation/tabbar/index.js");
|
|
61
|
+
const index$U = require("./src/components/navigation/tabbarItem/index.js");
|
|
62
|
+
const index$V = require("./src/components/navigation/treeSelect/index.js");
|
|
63
|
+
const index$W = require("./src/components/layout/layout/index.js");
|
|
66
64
|
const functionCall = require("../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/dialog/function-call.js");
|
|
67
65
|
const functionCall$1 = require("../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/image-preview/function-call.js");
|
|
68
66
|
const functionCall$2 = require("../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/notify/function-call.js");
|
|
@@ -121,19 +119,17 @@ exports.MobileSubmitButton = index$I.MobileSubmitButton;
|
|
|
121
119
|
exports.MobileActionBar = index$J.MobileActionBar;
|
|
122
120
|
exports.MobileBackTop = index$K.MobileBackTop;
|
|
123
121
|
exports.MobileGrid = index$L.MobileGrid;
|
|
124
|
-
exports.
|
|
125
|
-
exports.
|
|
126
|
-
exports.
|
|
127
|
-
exports.
|
|
128
|
-
exports.
|
|
129
|
-
exports.
|
|
130
|
-
exports.
|
|
131
|
-
exports.
|
|
132
|
-
exports.
|
|
133
|
-
exports.
|
|
134
|
-
exports.
|
|
135
|
-
exports.MobileTreeSelect = index$X.MobileTreeSelect;
|
|
136
|
-
exports.MobileLayout = index$Y.MobileLayout;
|
|
122
|
+
exports.MobileIndexBar = index$M.MobileIndexBar;
|
|
123
|
+
exports.MobileIndexAnchor = index$N.MobileIndexAnchor;
|
|
124
|
+
exports.MobileNavBar = index$O.MobileNavBar;
|
|
125
|
+
exports.MobilePagination = index$P.MobilePagination;
|
|
126
|
+
exports.MobileSidebar = index$Q.MobileSidebar;
|
|
127
|
+
exports.MobileSidebarItem = index$R.MobileSidebarItem;
|
|
128
|
+
exports.MobileTabs = index$S.MobileTabs;
|
|
129
|
+
exports.MobileTabbar = index$T.MobileTabbar;
|
|
130
|
+
exports.MobileTabbarItem = index$U.MobileTabbarItem;
|
|
131
|
+
exports.MobileTreeSelect = index$V.MobileTreeSelect;
|
|
132
|
+
exports.MobileLayout = index$W.MobileLayout;
|
|
137
133
|
exports.closeDialog = functionCall.closeDialog;
|
|
138
134
|
exports.showConfirmDialog = functionCall.showConfirmDialog;
|
|
139
135
|
exports.showDialog = functionCall.showDialog;
|
|
@@ -47,19 +47,17 @@ const index$H = require("./form/submitButton/index.js");
|
|
|
47
47
|
const index$I = require("./navigation/actionBar/index.js");
|
|
48
48
|
const index$J = require("./navigation/backTop/index.js");
|
|
49
49
|
const index$K = require("./navigation/grid/index.js");
|
|
50
|
-
const index$L = require("./navigation/
|
|
51
|
-
const index$M = require("./navigation/
|
|
52
|
-
const index$N = require("./navigation/
|
|
53
|
-
const index$O = require("./navigation/
|
|
54
|
-
const index$P = require("./navigation/
|
|
55
|
-
const index$Q = require("./navigation/
|
|
56
|
-
const index$R = require("./navigation/
|
|
57
|
-
const index$S = require("./navigation/
|
|
58
|
-
const index$T = require("./navigation/
|
|
59
|
-
const index$U = require("./navigation/
|
|
60
|
-
const index$V = require("./
|
|
61
|
-
const index$W = require("./navigation/treeSelect/index.js");
|
|
62
|
-
const index$X = require("./layout/layout/index.js");
|
|
50
|
+
const index$L = require("./navigation/indexBar/index.js");
|
|
51
|
+
const index$M = require("./navigation/indexAnchor/index.js");
|
|
52
|
+
const index$N = require("./navigation/navBar/index.js");
|
|
53
|
+
const index$O = require("./navigation/pagination/index.js");
|
|
54
|
+
const index$P = require("./navigation/sidebar/index.js");
|
|
55
|
+
const index$Q = require("./navigation/sidebarItem/index.js");
|
|
56
|
+
const index$R = require("./navigation/tabs/index.js");
|
|
57
|
+
const index$S = require("./navigation/tabbar/index.js");
|
|
58
|
+
const index$T = require("./navigation/tabbarItem/index.js");
|
|
59
|
+
const index$U = require("./navigation/treeSelect/index.js");
|
|
60
|
+
const index$V = require("./layout/layout/index.js");
|
|
63
61
|
exports.MobileButton = index.MobileButton;
|
|
64
62
|
exports.MobileCell = index$1.MobileCell;
|
|
65
63
|
exports.MobileCellGroup = index$2.MobileCellGroup;
|
|
@@ -107,16 +105,14 @@ exports.MobileSubmitButton = index$H.MobileSubmitButton;
|
|
|
107
105
|
exports.MobileActionBar = index$I.MobileActionBar;
|
|
108
106
|
exports.MobileBackTop = index$J.MobileBackTop;
|
|
109
107
|
exports.MobileGrid = index$K.MobileGrid;
|
|
110
|
-
exports.
|
|
111
|
-
exports.
|
|
112
|
-
exports.
|
|
113
|
-
exports.
|
|
114
|
-
exports.
|
|
115
|
-
exports.
|
|
116
|
-
exports.
|
|
117
|
-
exports.
|
|
118
|
-
exports.
|
|
119
|
-
exports.
|
|
120
|
-
exports.
|
|
121
|
-
exports.MobileTreeSelect = index$W.MobileTreeSelect;
|
|
122
|
-
exports.MobileLayout = index$X.MobileLayout;
|
|
108
|
+
exports.MobileIndexBar = index$L.MobileIndexBar;
|
|
109
|
+
exports.MobileIndexAnchor = index$M.MobileIndexAnchor;
|
|
110
|
+
exports.MobileNavBar = index$N.MobileNavBar;
|
|
111
|
+
exports.MobilePagination = index$O.MobilePagination;
|
|
112
|
+
exports.MobileSidebar = index$P.MobileSidebar;
|
|
113
|
+
exports.MobileSidebarItem = index$Q.MobileSidebarItem;
|
|
114
|
+
exports.MobileTabs = index$R.MobileTabs;
|
|
115
|
+
exports.MobileTabbar = index$S.MobileTabbar;
|
|
116
|
+
exports.MobileTabbarItem = index$T.MobileTabbarItem;
|
|
117
|
+
exports.MobileTreeSelect = index$U.MobileTreeSelect;
|
|
118
|
+
exports.MobileLayout = index$V.MobileLayout;
|
|
@@ -21,5 +21,5 @@ function _sfc_render(_ctx, _cache) {
|
|
|
21
21
|
])
|
|
22
22
|
]);
|
|
23
23
|
}
|
|
24
|
-
const _Layout = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-
|
|
24
|
+
const _Layout = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-b4f4a63a"]]);
|
|
25
25
|
exports.default = _Layout;
|
|
@@ -14,6 +14,10 @@ const _sfc_main = {
|
|
|
14
14
|
options: {
|
|
15
15
|
type: Array,
|
|
16
16
|
default: []
|
|
17
|
+
},
|
|
18
|
+
gutter: {
|
|
19
|
+
type: Number,
|
|
20
|
+
default: 0
|
|
17
21
|
}
|
|
18
22
|
},
|
|
19
23
|
emits: ["clickGridItem"],
|
|
@@ -25,7 +29,10 @@ const _sfc_main = {
|
|
|
25
29
|
return (_ctx, _cache) => {
|
|
26
30
|
const _component_van_grid_item = index$1.GridItem;
|
|
27
31
|
const _component_van_grid = index.Grid;
|
|
28
|
-
return vue.openBlock(), vue.createBlock(_component_van_grid, vue.
|
|
32
|
+
return vue.openBlock(), vue.createBlock(_component_van_grid, vue.mergeProps(_ctx.$attrs, {
|
|
33
|
+
gutter: __props.gutter,
|
|
34
|
+
style: { paddingTop: __props.gutter + "px" }
|
|
35
|
+
}), {
|
|
29
36
|
default: vue.withCtx(() => [
|
|
30
37
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.options, (item) => {
|
|
31
38
|
return vue.openBlock(), vue.createBlock(_component_van_grid_item, vue.mergeProps({
|
|
@@ -37,7 +44,7 @@ const _sfc_main = {
|
|
|
37
44
|
}), 256))
|
|
38
45
|
]),
|
|
39
46
|
_: 1
|
|
40
|
-
}, 16);
|
|
47
|
+
}, 16, ["gutter", "style"]);
|
|
41
48
|
};
|
|
42
49
|
}
|
|
43
50
|
};
|
|
@@ -5,24 +5,28 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
|
|
|
5
5
|
;/* empty css */
|
|
6
6
|
;/* empty css */
|
|
7
7
|
const vue = require("vue");
|
|
8
|
-
const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.js");
|
|
9
8
|
const index = require("../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/nav-bar/index.js");
|
|
10
|
-
const _sfc_main = {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
9
|
+
const _sfc_main = {
|
|
10
|
+
__name: "NavBar",
|
|
11
|
+
setup(__props) {
|
|
12
|
+
const onClickLeft = () => history.back();
|
|
13
|
+
return (_ctx, _cache) => {
|
|
14
|
+
const _component_van_nav_bar = index.NavBar;
|
|
15
|
+
return vue.openBlock(), vue.createBlock(_component_van_nav_bar, vue.mergeProps(_ctx.$attrs, {
|
|
16
|
+
fixed: false,
|
|
17
|
+
"safe-area-inset-top": "",
|
|
18
|
+
onClickLeft
|
|
19
|
+
}), vue.createSlots({ _: 2 }, [
|
|
20
|
+
vue.renderList(_ctx.$slots, (item, key) => {
|
|
21
|
+
return {
|
|
22
|
+
name: key,
|
|
23
|
+
fn: vue.withCtx(() => [
|
|
24
|
+
vue.renderSlot(_ctx.$slots, key)
|
|
25
|
+
])
|
|
26
|
+
};
|
|
27
|
+
})
|
|
28
|
+
]), 1040);
|
|
29
|
+
};
|
|
30
|
+
}
|
|
31
|
+
};
|
|
32
|
+
exports.default = _sfc_main;
|
|
@@ -4,22 +4,83 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
|
|
|
4
4
|
;/* empty css */
|
|
5
5
|
;/* empty css */
|
|
6
6
|
;/* empty css */
|
|
7
|
+
;/* empty css */
|
|
8
|
+
;/* empty css */
|
|
9
|
+
;/* empty css */
|
|
7
10
|
const vue = require("vue");
|
|
11
|
+
;/* empty css */
|
|
8
12
|
const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.js");
|
|
9
13
|
const index = require("../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/tabs/index.js");
|
|
10
|
-
const
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
14
|
+
const index$1 = require("../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/tab/index.js");
|
|
15
|
+
const _hoisted_1 = { class: "fec-tab-content" };
|
|
16
|
+
const _sfc_main = {
|
|
17
|
+
__name: "Tabs",
|
|
18
|
+
props: {
|
|
19
|
+
modelValue: {
|
|
20
|
+
type: Object,
|
|
21
|
+
default: {}
|
|
22
|
+
},
|
|
23
|
+
options: {
|
|
24
|
+
type: Array,
|
|
25
|
+
default: []
|
|
26
|
+
},
|
|
27
|
+
autoHeight: {
|
|
28
|
+
//高度自适应
|
|
29
|
+
type: Boolean,
|
|
30
|
+
default: true
|
|
31
|
+
},
|
|
32
|
+
height: {
|
|
33
|
+
//高度
|
|
34
|
+
type: String,
|
|
35
|
+
default: "300"
|
|
36
|
+
}
|
|
37
|
+
},
|
|
38
|
+
emits: ["update:modelValue"],
|
|
39
|
+
setup(__props, { emit: __emit }) {
|
|
40
|
+
const props = __props;
|
|
41
|
+
const emit = __emit;
|
|
42
|
+
const activeName = vue.computed({
|
|
43
|
+
get: () => {
|
|
44
|
+
return props.modelValue;
|
|
45
|
+
},
|
|
46
|
+
set: (val) => {
|
|
47
|
+
emit("update:modelValue", val);
|
|
48
|
+
}
|
|
49
|
+
});
|
|
50
|
+
const compHeight = vue.computed(() => {
|
|
51
|
+
if (props.autoHeight) {
|
|
52
|
+
return "100%";
|
|
53
|
+
} else {
|
|
54
|
+
return props.height + "px";
|
|
55
|
+
}
|
|
56
|
+
});
|
|
57
|
+
return (_ctx, _cache) => {
|
|
58
|
+
const _component_van_tab = index$1.Tab;
|
|
59
|
+
const _component_van_tabs = index.Tabs;
|
|
60
|
+
return vue.openBlock(), vue.createElementBlock("div", {
|
|
61
|
+
class: "fec-tabs-container",
|
|
62
|
+
style: vue.normalizeStyle("height:" + vue.unref(compHeight))
|
|
63
|
+
}, [
|
|
64
|
+
vue.createVNode(_component_van_tabs, vue.mergeProps(_ctx.$attrs, {
|
|
65
|
+
class: "fec-tabs",
|
|
66
|
+
active: vue.unref(activeName),
|
|
67
|
+
"onUpdate:active": _cache[0] || (_cache[0] = ($event) => vue.isRef(activeName) ? activeName.value = $event : null),
|
|
68
|
+
animated: "",
|
|
69
|
+
ellipsis: ""
|
|
70
|
+
}), {
|
|
71
|
+
default: vue.withCtx(() => [
|
|
72
|
+
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.options, (item) => {
|
|
73
|
+
return vue.openBlock(), vue.createBlock(_component_van_tab, vue.mergeProps({ ref_for: true }, item, { "show-zero-badge": false }), null, 16);
|
|
74
|
+
}), 256))
|
|
75
|
+
]),
|
|
76
|
+
_: 1
|
|
77
|
+
}, 16, ["active"]),
|
|
78
|
+
vue.createElementVNode("div", _hoisted_1, [
|
|
79
|
+
vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
19
80
|
])
|
|
20
|
-
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
}
|
|
24
|
-
const _Tabs = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["
|
|
81
|
+
], 4);
|
|
82
|
+
};
|
|
83
|
+
}
|
|
84
|
+
};
|
|
85
|
+
const _Tabs = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-b016e948"]]);
|
|
25
86
|
exports.default = _Tabs;
|