@fecp/mobile 1.0.5 → 1.0.6

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.
Files changed (9) hide show
  1. package/es/packages/mobile/index.mjs +2 -0
  2. package/es/packages/mobile/src/components/all.mjs +2 -0
  3. package/es/packages/mobile/src/components/form/fieldPicker/FieldPicker.vue.mjs +106 -0
  4. package/es/packages/mobile/src/components/form/fieldPicker/index.mjs +10 -0
  5. package/lib/packages/mobile/index.js +48 -46
  6. package/lib/packages/mobile/src/components/all.js +48 -46
  7. package/lib/packages/mobile/src/components/form/fieldPicker/FieldPicker.vue.js +106 -0
  8. package/lib/packages/mobile/src/components/form/fieldPicker/index.js +10 -0
  9. package/package.json +1 -1
package/es/packages/mobile/index.mjs CHANGED
@@ -29,6 +29,7 @@ import { MobileCheckbox } from "./src/components/form/checkbox/index.mjs";
29
29
  import { MobileCheckboxGroup } from "./src/components/form/checkboxGroup/index.mjs";
30
30
  import { MobileDatePicker } from "./src/components/form/datePicker/index.mjs";
31
31
  import { MobileField } from "./src/components/form/field/index.mjs";
32
+ import { MobileFieldPicker } from "./src/components/form/fieldPicker/index.mjs";
32
33
  import { MobileForm } from "./src/components/form/form/index.mjs";
33
34
  import { MobilePicker } from "./src/components/form/picker/index.mjs";
34
35
  import { MobilePickerGroup } from "./src/components/form/pickerGroup/index.mjs";
@@ -81,6 +82,7 @@ export {
81
82
  MobileDropdownMenu,
82
83
  MobileEmpty,
83
84
  MobileField,
85
+ MobileFieldPicker,
84
86
  MobileFloatingBubble,
85
87
  MobileFloatingPanel,
86
88
  MobileForm,
package/es/packages/mobile/src/components/all.mjs CHANGED
@@ -28,6 +28,7 @@ import { MobileCheckbox } from "./form/checkbox/index.mjs";
28
28
  import { MobileCheckboxGroup } from "./form/checkboxGroup/index.mjs";
29
29
  import { MobileDatePicker } from "./form/datePicker/index.mjs";
30
30
  import { MobileField } from "./form/field/index.mjs";
31
+ import { MobileFieldPicker } from "./form/fieldPicker/index.mjs";
31
32
  import { MobileForm } from "./form/form/index.mjs";
32
33
  import { MobilePicker } from "./form/picker/index.mjs";
33
34
  import { MobilePickerGroup } from "./form/pickerGroup/index.mjs";
@@ -70,6 +71,7 @@ export {
70
71
  MobileDropdownMenu,
71
72
  MobileEmpty,
72
73
  MobileField,
74
+ MobileFieldPicker,
73
75
  MobileFloatingBubble,
74
76
  MobileFloatingPanel,
75
77
  MobileForm,
package/es/packages/mobile/src/components/form/fieldPicker/FieldPicker.vue.mjs ADDED
@@ -0,0 +1,106 @@
1
+ /* empty css */
2
+ /* empty css */
3
+ /* empty css */
4
+ /* empty css */
5
+ /* empty css */
6
+ /* empty css */
7
+ /* empty css */
8
+ /* empty css */
9
+ /* empty css */
10
+ /* empty css */
11
+ /* empty css */
12
+ /* empty css */
13
+ /* empty css */
14
+ /* empty css */
15
+ /* empty css */
16
+ import { computed, ref, createElementBlock, openBlock, Fragment, createVNode, mergeProps, unref, isRef, createSlots, renderList, withCtx, renderSlot } from "vue";
17
+ import { Picker } from "../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/picker/index.mjs";
18
+ import { Field } from "../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/field/index.mjs";
19
+ import { Popup } from "../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/popup/index.mjs";
20
+ const _sfc_main = {
21
+ __name: "FieldPicker",
22
+ props: {
23
+ columns: {
24
+ type: Array,
25
+ default: []
26
+ },
27
+ columnsFieldNames: {
28
+ type: Object,
29
+ default: {
30
+ text: "text",
31
+ value: "value"
32
+ }
33
+ },
34
+ modelValue: {
35
+ type: Boolean,
36
+ default: false
37
+ }
38
+ },
39
+ emits: ["update:modelValue", "update:pickerValue", "submit"],
40
+ setup(__props, { emit: __emit }) {
41
+ const props = __props;
42
+ const emit = __emit;
43
+ const fieldValue = computed({
44
+ get: () => {
45
+ let value = props.modelValue;
46
+ return value;
47
+ },
48
+ set: (val) => {
49
+ emit("update:modelValue", val);
50
+ }
51
+ });
52
+ const pickerValue = ref([]);
53
+ const showPicker = ref(false);
54
+ const onConfirm = ({ selectedValues, selectedOptions }) => {
55
+ var _a;
56
+ fieldValue.value = (_a = selectedOptions[0]) == null ? void 0 : _a.text;
57
+ pickerValue.value = selectedValues;
58
+ showPicker.value = false;
59
+ };
60
+ return (_ctx, _cache) => {
61
+ const _component_van_field = Field;
62
+ const _component_van_picker = Picker;
63
+ const _component_van_popup = Popup;
64
+ return openBlock(), createElementBlock(Fragment, null, [
65
+ createVNode(_component_van_field, mergeProps({
66
+ modelValue: unref(fieldValue),
67
+ "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(fieldValue) ? fieldValue.value = $event : null),
68
+ "is-link": "",
69
+ readonly: "",
70
+ name: "picker"
71
+ }, _ctx.$attrs, {
72
+ onClick: _cache[1] || (_cache[1] = ($event) => showPicker.value = true)
73
+ }), createSlots({ _: 2 }, [
74
+ renderList(_ctx.$slots, (item, key) => {
75
+ return {
76
+ name: key,
77
+ fn: withCtx(() => [
78
+ renderSlot(_ctx.$slots, key)
79
+ ])
80
+ };
81
+ })
82
+ ]), 1040, ["modelValue"]),
83
+ createVNode(_component_van_popup, {
84
+ show: unref(showPicker),
85
+ "onUpdate:show": _cache[3] || (_cache[3] = ($event) => isRef(showPicker) ? showPicker.value = $event : null),
86
+ "destroy-on-close": "",
87
+ position: "bottom"
88
+ }, {
89
+ default: withCtx(() => [
90
+ createVNode(_component_van_picker, {
91
+ columns: __props.columns,
92
+ "columns-field-names": __props.columnsFieldNames,
93
+ "model-value": unref(pickerValue),
94
+ onConfirm,
95
+ onCancel: _cache[2] || (_cache[2] = ($event) => showPicker.value = false)
96
+ }, null, 8, ["columns", "columns-field-names", "model-value"])
97
+ ]),
98
+ _: 1
99
+ }, 8, ["show"])
100
+ ], 64);
101
+ };
102
+ }
103
+ };
104
+ export {
105
+ _sfc_main as default
106
+ };
package/es/packages/mobile/src/components/form/fieldPicker/index.mjs ADDED
@@ -0,0 +1,10 @@
1
+ import _sfc_main from "./FieldPicker.vue.mjs";
2
+ import install from "../../../utils/install.mjs";
3
+ const MobileFieldPicker = install.withInstall(
4
+ "MobileFieldPicker",
5
+ _sfc_main
6
+ );
7
+ export {
8
+ MobileFieldPicker,
9
+ MobileFieldPicker as default
10
+ };
package/lib/packages/mobile/index.js CHANGED
@@ -31,29 +31,30 @@ const index$r = require("./src/components/form/checkbox/index.js");
31
31
  const index$s = require("./src/components/form/checkboxGroup/index.js");
32
32
  const index$t = require("./src/components/form/datePicker/index.js");
33
33
  const index$u = require("./src/components/form/field/index.js");
34
- const index$v = require("./src/components/form/form/index.js");
35
- const index$w = require("./src/components/form/picker/index.js");
36
- const index$x = require("./src/components/form/pickerGroup/index.js");
37
- const index$y = require("./src/components/form/radio/index.js");
38
- const index$z = require("./src/components/form/radioGroup/index.js");
39
- const index$A = require("./src/components/form/search/index.js");
40
- const index$B = require("./src/components/form/timePicker/index.js");
41
- const index$C = require("./src/components/form/uploader/index.js");
42
- const index$D = require("./src/components/navigation/actionBar/index.js");
43
- const index$E = require("./src/components/navigation/backTop/index.js");
44
- const index$F = require("./src/components/navigation/grid/index.js");
45
- const index$G = require("./src/components/navigation/gridItem/index.js");
46
- const index$H = require("./src/components/navigation/indexBar/index.js");
47
- const index$I = require("./src/components/navigation/indexAnchor/index.js");
48
- const index$J = require("./src/components/navigation/navBar/index.js");
49
- const index$K = require("./src/components/navigation/pagination/index.js");
50
- const index$L = require("./src/components/navigation/sidebar/index.js");
51
- const index$M = require("./src/components/navigation/sidebarItem/index.js");
52
- const index$N = require("./src/components/navigation/tab/index.js");
53
- const index$O = require("./src/components/navigation/tabs/index.js");
54
- const index$P = require("./src/components/navigation/tabbar/index.js");
55
- const index$Q = require("./src/components/navigation/tabbarItem/index.js");
56
- const index$R = require("./src/components/navigation/treeSelect/index.js");
34
+ const index$v = require("./src/components/form/fieldPicker/index.js");
35
+ const index$w = require("./src/components/form/form/index.js");
36
+ const index$x = require("./src/components/form/picker/index.js");
37
+ const index$y = require("./src/components/form/pickerGroup/index.js");
38
+ const index$z = require("./src/components/form/radio/index.js");
39
+ const index$A = require("./src/components/form/radioGroup/index.js");
40
+ const index$B = require("./src/components/form/search/index.js");
41
+ const index$C = require("./src/components/form/timePicker/index.js");
42
+ const index$D = require("./src/components/form/uploader/index.js");
43
+ const index$E = require("./src/components/navigation/actionBar/index.js");
44
+ const index$F = require("./src/components/navigation/backTop/index.js");
45
+ const index$G = require("./src/components/navigation/grid/index.js");
46
+ const index$H = require("./src/components/navigation/gridItem/index.js");
47
+ const index$I = require("./src/components/navigation/indexBar/index.js");
48
+ const index$J = require("./src/components/navigation/indexAnchor/index.js");
49
+ const index$K = require("./src/components/navigation/navBar/index.js");
50
+ const index$L = require("./src/components/navigation/pagination/index.js");
51
+ const index$M = require("./src/components/navigation/sidebar/index.js");
52
+ const index$N = require("./src/components/navigation/sidebarItem/index.js");
53
+ const index$O = require("./src/components/navigation/tab/index.js");
54
+ const index$P = require("./src/components/navigation/tabs/index.js");
55
+ const index$Q = require("./src/components/navigation/tabbar/index.js");
56
+ const index$R = require("./src/components/navigation/tabbarItem/index.js");
57
+ const index$S = require("./src/components/navigation/treeSelect/index.js");
57
58
  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");
58
59
  const functionCall$1 = require("../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/notify/function-call.js");
59
60
  const functionCall$2 = require("../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/toast/function-call.js");
@@ -94,29 +95,30 @@ exports.MobileCheckbox = index$r.MobileCheckbox;
94
95
  exports.MobileCheckboxGroup = index$s.MobileCheckboxGroup;
95
96
  exports.MobileDatePicker = index$t.MobileDatePicker;
96
97
  exports.MobileField = index$u.MobileField;
97
- exports.MobileForm = index$v.MobileForm;
98
- exports.MobilePicker = index$w.MobilePicker;
99
- exports.MobilePickerGroup = index$x.MobilePickerGroup;
100
- exports.MobileRadio = index$y.MobileRadio;
101
- exports.MobileRadioGroup = index$z.MobileRadioGroup;
102
- exports.MobileSearch = index$A.MobileSearch;
103
- exports.MobileTimePicker = index$B.MobileTimePicker;
104
- exports.MobileUploader = index$C.MobileUploader;
105
- exports.MobileActionBar = index$D.MobileActionBar;
106
- exports.MobileBackTop = index$E.MobileBackTop;
107
- exports.MobileGrid = index$F.MobileGrid;
108
- exports.MobileGridItem = index$G.MobileGridItem;
109
- exports.MobileIndexBar = index$H.MobileIndexBar;
110
- exports.MobileIndexAnchor = index$I.MobileIndexAnchor;
111
- exports.MobileNavBar = index$J.MobileNavBar;
112
- exports.MobilePagination = index$K.MobilePagination;
113
- exports.MobileSidebar = index$L.MobileSidebar;
114
- exports.MobileSidebarItem = index$M.MobileSidebarItem;
115
- exports.MobileTab = index$N.MobileTab;
116
- exports.MobileTabs = index$O.MobileTabs;
117
- exports.MobileTabbar = index$P.MobileTabbar;
118
- exports.MobileTabbarItem = index$Q.MobileTabbarItem;
119
- exports.MobileTreeSelect = index$R.MobileTreeSelect;
98
+ exports.MobileFieldPicker = index$v.MobileFieldPicker;
99
+ exports.MobileForm = index$w.MobileForm;
100
+ exports.MobilePicker = index$x.MobilePicker;
101
+ exports.MobilePickerGroup = index$y.MobilePickerGroup;
102
+ exports.MobileRadio = index$z.MobileRadio;
103
+ exports.MobileRadioGroup = index$A.MobileRadioGroup;
104
+ exports.MobileSearch = index$B.MobileSearch;
105
+ exports.MobileTimePicker = index$C.MobileTimePicker;
106
+ exports.MobileUploader = index$D.MobileUploader;
107
+ exports.MobileActionBar = index$E.MobileActionBar;
108
+ exports.MobileBackTop = index$F.MobileBackTop;
109
+ exports.MobileGrid = index$G.MobileGrid;
110
+ exports.MobileGridItem = index$H.MobileGridItem;
111
+ exports.MobileIndexBar = index$I.MobileIndexBar;
112
+ exports.MobileIndexAnchor = index$J.MobileIndexAnchor;
113
+ exports.MobileNavBar = index$K.MobileNavBar;
114
+ exports.MobilePagination = index$L.MobilePagination;
115
+ exports.MobileSidebar = index$M.MobileSidebar;
116
+ exports.MobileSidebarItem = index$N.MobileSidebarItem;
117
+ exports.MobileTab = index$O.MobileTab;
118
+ exports.MobileTabs = index$P.MobileTabs;
119
+ exports.MobileTabbar = index$Q.MobileTabbar;
120
+ exports.MobileTabbarItem = index$R.MobileTabbarItem;
121
+ exports.MobileTreeSelect = index$S.MobileTreeSelect;
120
122
  exports.closeDialog = functionCall.closeDialog;
121
123
  exports.showConfirmDialog = functionCall.showConfirmDialog;
122
124
  exports.showDialog = functionCall.showDialog;
package/lib/packages/mobile/src/components/all.js CHANGED
@@ -30,29 +30,30 @@ const index$q = require("./form/checkbox/index.js");
30
30
  const index$r = require("./form/checkboxGroup/index.js");
31
31
  const index$s = require("./form/datePicker/index.js");
32
32
  const index$t = require("./form/field/index.js");
33
- const index$u = require("./form/form/index.js");
34
- const index$v = require("./form/picker/index.js");
35
- const index$w = require("./form/pickerGroup/index.js");
36
- const index$x = require("./form/radio/index.js");
37
- const index$y = require("./form/radioGroup/index.js");
38
- const index$z = require("./form/search/index.js");
39
- const index$A = require("./form/timePicker/index.js");
40
- const index$B = require("./form/uploader/index.js");
41
- const index$C = require("./navigation/actionBar/index.js");
42
- const index$D = require("./navigation/backTop/index.js");
43
- const index$E = require("./navigation/grid/index.js");
44
- const index$F = require("./navigation/gridItem/index.js");
45
- const index$G = require("./navigation/indexBar/index.js");
46
- const index$H = require("./navigation/indexAnchor/index.js");
47
- const index$I = require("./navigation/navBar/index.js");
48
- const index$J = require("./navigation/pagination/index.js");
49
- const index$K = require("./navigation/sidebar/index.js");
50
- const index$L = require("./navigation/sidebarItem/index.js");
51
- const index$M = require("./navigation/tab/index.js");
52
- const index$N = require("./navigation/tabs/index.js");
53
- const index$O = require("./navigation/tabbar/index.js");
54
- const index$P = require("./navigation/tabbarItem/index.js");
55
- const index$Q = require("./navigation/treeSelect/index.js");
33
+ const index$u = require("./form/fieldPicker/index.js");
34
+ const index$v = require("./form/form/index.js");
35
+ const index$w = require("./form/picker/index.js");
36
+ const index$x = require("./form/pickerGroup/index.js");
37
+ const index$y = require("./form/radio/index.js");
38
+ const index$z = require("./form/radioGroup/index.js");
39
+ const index$A = require("./form/search/index.js");
40
+ const index$B = require("./form/timePicker/index.js");
41
+ const index$C = require("./form/uploader/index.js");
42
+ const index$D = require("./navigation/actionBar/index.js");
43
+ const index$E = require("./navigation/backTop/index.js");
44
+ const index$F = require("./navigation/grid/index.js");
45
+ const index$G = require("./navigation/gridItem/index.js");
46
+ const index$H = require("./navigation/indexBar/index.js");
47
+ const index$I = require("./navigation/indexAnchor/index.js");
48
+ const index$J = require("./navigation/navBar/index.js");
49
+ const index$K = require("./navigation/pagination/index.js");
50
+ const index$L = require("./navigation/sidebar/index.js");
51
+ const index$M = require("./navigation/sidebarItem/index.js");
52
+ const index$N = require("./navigation/tab/index.js");
53
+ const index$O = require("./navigation/tabs/index.js");
54
+ const index$P = require("./navigation/tabbar/index.js");
55
+ const index$Q = require("./navigation/tabbarItem/index.js");
56
+ const index$R = require("./navigation/treeSelect/index.js");
56
57
  exports.MobileButton = index.MobileButton;
57
58
  exports.MobileCell = index$1.MobileCell;
58
59
  exports.MobileCellGroup = index$2.MobileCellGroup;
@@ -83,26 +84,27 @@ exports.MobileCheckbox = index$q.MobileCheckbox;
83
84
  exports.MobileCheckboxGroup = index$r.MobileCheckboxGroup;
84
85
  exports.MobileDatePicker = index$s.MobileDatePicker;
85
86
  exports.MobileField = index$t.MobileField;
86
- exports.MobileForm = index$u.MobileForm;
87
- exports.MobilePicker = index$v.MobilePicker;
88
- exports.MobilePickerGroup = index$w.MobilePickerGroup;
89
- exports.MobileRadio = index$x.MobileRadio;
90
- exports.MobileRadioGroup = index$y.MobileRadioGroup;
91
- exports.MobileSearch = index$z.MobileSearch;
92
- exports.MobileTimePicker = index$A.MobileTimePicker;
93
- exports.MobileUploader = index$B.MobileUploader;
94
- exports.MobileActionBar = index$C.MobileActionBar;
95
- exports.MobileBackTop = index$D.MobileBackTop;
96
- exports.MobileGrid = index$E.MobileGrid;
97
- exports.MobileGridItem = index$F.MobileGridItem;
98
- exports.MobileIndexBar = index$G.MobileIndexBar;
99
- exports.MobileIndexAnchor = index$H.MobileIndexAnchor;
100
- exports.MobileNavBar = index$I.MobileNavBar;
101
- exports.MobilePagination = index$J.MobilePagination;
102
- exports.MobileSidebar = index$K.MobileSidebar;
103
- exports.MobileSidebarItem = index$L.MobileSidebarItem;
104
- exports.MobileTab = index$M.MobileTab;
105
- exports.MobileTabs = index$N.MobileTabs;
106
- exports.MobileTabbar = index$O.MobileTabbar;
107
- exports.MobileTabbarItem = index$P.MobileTabbarItem;
108
- exports.MobileTreeSelect = index$Q.MobileTreeSelect;
87
+ exports.MobileFieldPicker = index$u.MobileFieldPicker;
88
+ exports.MobileForm = index$v.MobileForm;
89
+ exports.MobilePicker = index$w.MobilePicker;
90
+ exports.MobilePickerGroup = index$x.MobilePickerGroup;
91
+ exports.MobileRadio = index$y.MobileRadio;
92
+ exports.MobileRadioGroup = index$z.MobileRadioGroup;
93
+ exports.MobileSearch = index$A.MobileSearch;
94
+ exports.MobileTimePicker = index$B.MobileTimePicker;
95
+ exports.MobileUploader = index$C.MobileUploader;
96
+ exports.MobileActionBar = index$D.MobileActionBar;
97
+ exports.MobileBackTop = index$E.MobileBackTop;
98
+ exports.MobileGrid = index$F.MobileGrid;
99
+ exports.MobileGridItem = index$G.MobileGridItem;
100
+ exports.MobileIndexBar = index$H.MobileIndexBar;
101
+ exports.MobileIndexAnchor = index$I.MobileIndexAnchor;
102
+ exports.MobileNavBar = index$J.MobileNavBar;
103
+ exports.MobilePagination = index$K.MobilePagination;
104
+ exports.MobileSidebar = index$L.MobileSidebar;
105
+ exports.MobileSidebarItem = index$M.MobileSidebarItem;
106
+ exports.MobileTab = index$N.MobileTab;
107
+ exports.MobileTabs = index$O.MobileTabs;
108
+ exports.MobileTabbar = index$P.MobileTabbar;
109
+ exports.MobileTabbarItem = index$Q.MobileTabbarItem;
110
+ exports.MobileTreeSelect = index$R.MobileTreeSelect;
package/lib/packages/mobile/src/components/form/fieldPicker/FieldPicker.vue.js ADDED
@@ -0,0 +1,106 @@
1
+ "use strict";
2
+ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
+ ;/* empty css */
4
+ ;/* empty css */
5
+ ;/* empty css */
6
+ ;/* empty css */
7
+ ;/* empty css */
8
+ ;/* empty css */
9
+ ;/* empty css */
10
+ ;/* empty css */
11
+ ;/* empty css */
12
+ ;/* empty css */
13
+ ;/* empty css */
14
+ ;/* empty css */
15
+ ;/* empty css */
16
+ ;/* empty css */
17
+ ;/* empty css */
18
+ const vue = require("vue");
19
+ const index$2 = require("../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/picker/index.js");
20
+ const index = require("../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/field/index.js");
21
+ const index$1 = require("../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/popup/index.js");
22
+ const _sfc_main = {
23
+ __name: "FieldPicker",
24
+ props: {
25
+ columns: {
26
+ type: Array,
27
+ default: []
28
+ },
29
+ columnsFieldNames: {
30
+ type: Object,
31
+ default: {
32
+ text: "text",
33
+ value: "value"
34
+ }
35
+ },
36
+ modelValue: {
37
+ type: Boolean,
38
+ default: false
39
+ }
40
+ },
41
+ emits: ["update:modelValue", "update:pickerValue", "submit"],
42
+ setup(__props, { emit: __emit }) {
43
+ const props = __props;
44
+ const emit = __emit;
45
+ const fieldValue = vue.computed({
46
+ get: () => {
47
+ let value = props.modelValue;
48
+ return value;
49
+ },
50
+ set: (val) => {
51
+ emit("update:modelValue", val);
52
+ }
53
+ });
54
+ const pickerValue = vue.ref([]);
55
+ const showPicker = vue.ref(false);
56
+ const onConfirm = ({ selectedValues, selectedOptions }) => {
57
+ var _a;
58
+ fieldValue.value = (_a = selectedOptions[0]) == null ? void 0 : _a.text;
59
+ pickerValue.value = selectedValues;
60
+ showPicker.value = false;
61
+ };
62
+ return (_ctx, _cache) => {
63
+ const _component_van_field = index.Field;
64
+ const _component_van_picker = index$2.Picker;
65
+ const _component_van_popup = index$1.Popup;
66
+ return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
67
+ vue.createVNode(_component_van_field, vue.mergeProps({
68
+ modelValue: vue.unref(fieldValue),
69
+ "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(fieldValue) ? fieldValue.value = $event : null),
70
+ "is-link": "",
71
+ readonly: "",
72
+ name: "picker"
73
+ }, _ctx.$attrs, {
74
+ onClick: _cache[1] || (_cache[1] = ($event) => showPicker.value = true)
75
+ }), vue.createSlots({ _: 2 }, [
76
+ vue.renderList(_ctx.$slots, (item, key) => {
77
+ return {
78
+ name: key,
79
+ fn: vue.withCtx(() => [
80
+ vue.renderSlot(_ctx.$slots, key)
81
+ ])
82
+ };
83
+ })
84
+ ]), 1040, ["modelValue"]),
85
+ vue.createVNode(_component_van_popup, {
86
+ show: vue.unref(showPicker),
87
+ "onUpdate:show": _cache[3] || (_cache[3] = ($event) => vue.isRef(showPicker) ? showPicker.value = $event : null),
88
+ "destroy-on-close": "",
89
+ position: "bottom"
90
+ }, {
91
+ default: vue.withCtx(() => [
92
+ vue.createVNode(_component_van_picker, {
93
+ columns: __props.columns,
94
+ "columns-field-names": __props.columnsFieldNames,
95
+ "model-value": vue.unref(pickerValue),
96
+ onConfirm,
97
+ onCancel: _cache[2] || (_cache[2] = ($event) => showPicker.value = false)
98
+ }, null, 8, ["columns", "columns-field-names", "model-value"])
99
+ ]),
100
+ _: 1
101
+ }, 8, ["show"])
102
+ ], 64);
103
+ };
104
+ }
105
+ };
106
+ exports.default = _sfc_main;
package/lib/packages/mobile/src/components/form/fieldPicker/index.js ADDED
@@ -0,0 +1,10 @@
1
+ "use strict";
2
+ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
+ const FieldPicker = require("./FieldPicker.vue.js");
4
+ const install = require("../../../utils/install.js");
5
+ const MobileFieldPicker = install.default.withInstall(
6
+ "MobileFieldPicker",
7
+ FieldPicker.default
8
+ );
9
+ exports.MobileFieldPicker = MobileFieldPicker;
10
+ exports.default = MobileFieldPicker;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fecp/mobile",
3
- "version": "1.0.5",
3
+ "version": "1.0.6",
4
4
  "main": "lib/packages/mobile/index.js",
5
5
  "module": "es/packages/mobile/index.mjs",
6
6
  "files": [