@fecp/mobile 1.0.75 → 1.0.76
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 +10 -9
- package/es/packages/mobile/src/components/feedback/dropdownMenu/DropdownMenu.vue.mjs +19 -22
- package/es/packages/mobile/src/components/layout/layout/Layout.vue.mjs +1 -1
- package/es/packages/mobile/src/components/navigation/grid/Grid.vue.mjs +39 -18
- package/es/packages/mobile/src/components/navigation/grid/index.mjs +2 -2
- package/lib/mobile.css +10 -9
- package/lib/packages/mobile/src/components/feedback/dropdownMenu/DropdownMenu.vue.js +18 -21
- package/lib/packages/mobile/src/components/layout/layout/Layout.vue.js +1 -1
- package/lib/packages/mobile/src/components/navigation/grid/Grid.vue.js +38 -17
- package/package.json +1 -1
package/es/mobile.css
CHANGED
|
@@ -120,7 +120,7 @@
|
|
|
120
120
|
: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
121
|
: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
122
|
|
|
123
|
-
.fec-layout-container[data-v-
|
|
123
|
+
.fec-layout-container[data-v-653743f0] {
|
|
124
124
|
display: flex;
|
|
125
125
|
flex-direction: column;
|
|
126
126
|
flex: 1;
|
|
@@ -129,23 +129,24 @@
|
|
|
129
129
|
min-width: 0;
|
|
130
130
|
height: 100vh;
|
|
131
131
|
}
|
|
132
|
-
.fec-layout-container[data-v-
|
|
132
|
+
.fec-layout-container[data-v-653743f0] div[slot="default"] {
|
|
133
133
|
height: 100%;
|
|
134
134
|
}
|
|
135
|
-
.fec-layout-footer[data-v-
|
|
136
|
-
.fec-layout-header[data-v-
|
|
135
|
+
.fec-layout-footer[data-v-653743f0],
|
|
136
|
+
.fec-layout-header[data-v-653743f0] {
|
|
137
137
|
box-sizing: border-box;
|
|
138
138
|
flex-shrink: 0;
|
|
139
139
|
}
|
|
140
|
-
.fec-layout-main[data-v-
|
|
141
|
-
display: block;
|
|
140
|
+
.fec-layout-main[data-v-653743f0] {
|
|
142
141
|
flex: 1;
|
|
143
142
|
flex-basis: auto;
|
|
144
143
|
/* padding: 12px; */
|
|
145
|
-
overflow: auto;
|
|
144
|
+
overflow: auto;
|
|
145
|
+
display: flex;
|
|
146
|
+
flex-direction: column;
|
|
146
147
|
}
|
|
147
|
-
.fec-layout-header[data-v-
|
|
148
|
-
.fec-layout-header[data-v-
|
|
148
|
+
.fec-layout-header[data-v-653743f0] .van-nav-bar--fixed,
|
|
149
|
+
.fec-layout-header[data-v-653743f0] .van-tabbar--fixed {
|
|
149
150
|
position: relative;
|
|
150
151
|
}
|
|
151
152
|
:root {
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
/* empty css */
|
|
7
7
|
/* empty css */
|
|
8
8
|
/* empty css */
|
|
9
|
-
import { computed,
|
|
9
|
+
import { computed, createBlock, openBlock, mergeProps, withCtx, createElementBlock, Fragment, renderList, unref } from "vue";
|
|
10
10
|
import { DropdownMenu } from "../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/dropdown-menu/index.mjs";
|
|
11
11
|
import { DropdownItem } from "../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/dropdown-item/index.mjs";
|
|
12
12
|
const _sfc_main = {
|
|
@@ -39,27 +39,24 @@ const _sfc_main = {
|
|
|
39
39
|
return (_ctx, _cache) => {
|
|
40
40
|
const _component_van_dropdown_item = DropdownItem;
|
|
41
41
|
const _component_van_dropdown_menu = DropdownMenu;
|
|
42
|
-
return openBlock(),
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
}, 16),
|
|
61
|
-
createTextVNode(" " + toDisplayString(unref(activeObj)), 1)
|
|
62
|
-
], 64);
|
|
42
|
+
return openBlock(), createBlock(_component_van_dropdown_menu, mergeProps(_ctx.$attrs, {
|
|
43
|
+
"swipe-threshold": "4",
|
|
44
|
+
"auto-locate": ""
|
|
45
|
+
}), {
|
|
46
|
+
default: withCtx(() => [
|
|
47
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (item) => {
|
|
48
|
+
return openBlock(), createBlock(_component_van_dropdown_item, {
|
|
49
|
+
modelValue: unref(activeObj)[item.name],
|
|
50
|
+
"onUpdate:modelValue": ($event) => unref(activeObj)[item.name] = $event,
|
|
51
|
+
title: item.title,
|
|
52
|
+
options: item.options,
|
|
53
|
+
teleport: "body",
|
|
54
|
+
onChange: (value) => changeItem(value, item)
|
|
55
|
+
}, null, 8, ["modelValue", "onUpdate:modelValue", "title", "options", "onChange"]);
|
|
56
|
+
}), 256))
|
|
57
|
+
]),
|
|
58
|
+
_: 1
|
|
59
|
+
}, 16);
|
|
63
60
|
};
|
|
64
61
|
}
|
|
65
62
|
};
|
|
@@ -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-653743f0"]]);
|
|
23
23
|
export {
|
|
24
24
|
_Layout as default
|
|
25
25
|
};
|
|
@@ -1,23 +1,44 @@
|
|
|
1
1
|
/* empty css */
|
|
2
2
|
/* empty css */
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
/* empty css */
|
|
4
|
+
/* empty css */
|
|
5
|
+
/* empty css */
|
|
6
|
+
import { createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementBlock, Fragment, renderList, mergeProps } from "vue";
|
|
5
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";
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
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
|
+
const _sfc_main = {
|
|
10
|
+
__name: "Grid",
|
|
11
|
+
props: {
|
|
12
|
+
options: {
|
|
13
|
+
type: Array,
|
|
14
|
+
default: []
|
|
15
|
+
}
|
|
16
|
+
},
|
|
17
|
+
emits: ["clickGridItem"],
|
|
18
|
+
setup(__props, { emit: __emit }) {
|
|
19
|
+
const emit = __emit;
|
|
20
|
+
function clickGridItem(item) {
|
|
21
|
+
emit("clickGridItem", item.name);
|
|
22
|
+
}
|
|
23
|
+
return (_ctx, _cache) => {
|
|
24
|
+
const _component_van_grid_item = GridItem;
|
|
25
|
+
const _component_van_grid = Grid;
|
|
26
|
+
return openBlock(), createBlock(_component_van_grid, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
|
|
27
|
+
default: withCtx(() => [
|
|
28
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (item) => {
|
|
29
|
+
return openBlock(), createBlock(_component_van_grid_item, mergeProps({
|
|
30
|
+
name: item.name,
|
|
31
|
+
ref_for: true
|
|
32
|
+
}, item, {
|
|
33
|
+
onClick: ($event) => clickGridItem(item)
|
|
34
|
+
}), null, 16, ["name", "onClick"]);
|
|
35
|
+
}), 256))
|
|
36
|
+
]),
|
|
37
|
+
_: 1
|
|
38
|
+
}, 16);
|
|
39
|
+
};
|
|
40
|
+
}
|
|
41
|
+
};
|
|
21
42
|
export {
|
|
22
|
-
|
|
43
|
+
_sfc_main as default
|
|
23
44
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import
|
|
1
|
+
import _sfc_main from "./Grid.vue.mjs";
|
|
2
2
|
import install from "../../../utils/install.mjs";
|
|
3
|
-
const MobileGrid = install.withInstall("MobileGrid",
|
|
3
|
+
const MobileGrid = install.withInstall("MobileGrid", _sfc_main);
|
|
4
4
|
export {
|
|
5
5
|
MobileGrid,
|
|
6
6
|
MobileGrid as default
|
package/lib/mobile.css
CHANGED
|
@@ -120,7 +120,7 @@
|
|
|
120
120
|
: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
121
|
: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
122
|
|
|
123
|
-
.fec-layout-container[data-v-
|
|
123
|
+
.fec-layout-container[data-v-653743f0] {
|
|
124
124
|
display: flex;
|
|
125
125
|
flex-direction: column;
|
|
126
126
|
flex: 1;
|
|
@@ -129,23 +129,24 @@
|
|
|
129
129
|
min-width: 0;
|
|
130
130
|
height: 100vh;
|
|
131
131
|
}
|
|
132
|
-
.fec-layout-container[data-v-
|
|
132
|
+
.fec-layout-container[data-v-653743f0] div[slot="default"] {
|
|
133
133
|
height: 100%;
|
|
134
134
|
}
|
|
135
|
-
.fec-layout-footer[data-v-
|
|
136
|
-
.fec-layout-header[data-v-
|
|
135
|
+
.fec-layout-footer[data-v-653743f0],
|
|
136
|
+
.fec-layout-header[data-v-653743f0] {
|
|
137
137
|
box-sizing: border-box;
|
|
138
138
|
flex-shrink: 0;
|
|
139
139
|
}
|
|
140
|
-
.fec-layout-main[data-v-
|
|
141
|
-
display: block;
|
|
140
|
+
.fec-layout-main[data-v-653743f0] {
|
|
142
141
|
flex: 1;
|
|
143
142
|
flex-basis: auto;
|
|
144
143
|
/* padding: 12px; */
|
|
145
|
-
overflow: auto;
|
|
144
|
+
overflow: auto;
|
|
145
|
+
display: flex;
|
|
146
|
+
flex-direction: column;
|
|
146
147
|
}
|
|
147
|
-
.fec-layout-header[data-v-
|
|
148
|
-
.fec-layout-header[data-v-
|
|
148
|
+
.fec-layout-header[data-v-653743f0] .van-nav-bar--fixed,
|
|
149
|
+
.fec-layout-header[data-v-653743f0] .van-tabbar--fixed {
|
|
149
150
|
position: relative;
|
|
150
151
|
}
|
|
151
152
|
:root {
|
|
@@ -41,27 +41,24 @@ const _sfc_main = {
|
|
|
41
41
|
return (_ctx, _cache) => {
|
|
42
42
|
const _component_van_dropdown_item = index$1.DropdownItem;
|
|
43
43
|
const _component_van_dropdown_menu = index.DropdownMenu;
|
|
44
|
-
return vue.openBlock(), vue.
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
}, 16),
|
|
63
|
-
vue.createTextVNode(" " + vue.toDisplayString(vue.unref(activeObj)), 1)
|
|
64
|
-
], 64);
|
|
44
|
+
return vue.openBlock(), vue.createBlock(_component_van_dropdown_menu, vue.mergeProps(_ctx.$attrs, {
|
|
45
|
+
"swipe-threshold": "4",
|
|
46
|
+
"auto-locate": ""
|
|
47
|
+
}), {
|
|
48
|
+
default: vue.withCtx(() => [
|
|
49
|
+
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.options, (item) => {
|
|
50
|
+
return vue.openBlock(), vue.createBlock(_component_van_dropdown_item, {
|
|
51
|
+
modelValue: vue.unref(activeObj)[item.name],
|
|
52
|
+
"onUpdate:modelValue": ($event) => vue.unref(activeObj)[item.name] = $event,
|
|
53
|
+
title: item.title,
|
|
54
|
+
options: item.options,
|
|
55
|
+
teleport: "body",
|
|
56
|
+
onChange: (value) => changeItem(value, item)
|
|
57
|
+
}, null, 8, ["modelValue", "onUpdate:modelValue", "title", "options", "onChange"]);
|
|
58
|
+
}), 256))
|
|
59
|
+
]),
|
|
60
|
+
_: 1
|
|
61
|
+
}, 16);
|
|
65
62
|
};
|
|
66
63
|
}
|
|
67
64
|
};
|
|
@@ -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-653743f0"]]);
|
|
25
25
|
exports.default = _Layout;
|
|
@@ -2,22 +2,43 @@
|
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
3
|
;/* empty css */
|
|
4
4
|
;/* empty css */
|
|
5
|
+
;/* empty css */
|
|
6
|
+
;/* empty css */
|
|
7
|
+
;/* empty css */
|
|
5
8
|
const vue = require("vue");
|
|
6
|
-
const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.js");
|
|
7
9
|
const index = require("../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/grid/index.js");
|
|
8
|
-
const
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
10
|
+
const index$1 = require("../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/grid-item/index.js");
|
|
11
|
+
const _sfc_main = {
|
|
12
|
+
__name: "Grid",
|
|
13
|
+
props: {
|
|
14
|
+
options: {
|
|
15
|
+
type: Array,
|
|
16
|
+
default: []
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
emits: ["clickGridItem"],
|
|
20
|
+
setup(__props, { emit: __emit }) {
|
|
21
|
+
const emit = __emit;
|
|
22
|
+
function clickGridItem(item) {
|
|
23
|
+
emit("clickGridItem", item.name);
|
|
24
|
+
}
|
|
25
|
+
return (_ctx, _cache) => {
|
|
26
|
+
const _component_van_grid_item = index$1.GridItem;
|
|
27
|
+
const _component_van_grid = index.Grid;
|
|
28
|
+
return vue.openBlock(), vue.createBlock(_component_van_grid, vue.normalizeProps(vue.guardReactiveProps(_ctx.$attrs)), {
|
|
29
|
+
default: vue.withCtx(() => [
|
|
30
|
+
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.options, (item) => {
|
|
31
|
+
return vue.openBlock(), vue.createBlock(_component_van_grid_item, vue.mergeProps({
|
|
32
|
+
name: item.name,
|
|
33
|
+
ref_for: true
|
|
34
|
+
}, item, {
|
|
35
|
+
onClick: ($event) => clickGridItem(item)
|
|
36
|
+
}), null, 16, ["name", "onClick"]);
|
|
37
|
+
}), 256))
|
|
38
|
+
]),
|
|
39
|
+
_: 1
|
|
40
|
+
}, 16);
|
|
41
|
+
};
|
|
42
|
+
}
|
|
43
|
+
};
|
|
44
|
+
exports.default = _sfc_main;
|