@fecp/mobile 1.0.5 → 1.0.7

package/lib/packages/mobile/index.js

@@ -31,32 +31,38 @@ const index$r = require("./src/components/form/checkbox/index.js");
 const index$s = require("./src/components/form/checkboxGroup/index.js");
 const index$t = require("./src/components/form/datePicker/index.js");
 const index$u = require("./src/components/form/field/index.js");
-const index$v = require("./src/components/form/form/index.js");
-const index$w = require("./src/components/form/picker/index.js");
-const index$x = require("./src/components/form/pickerGroup/index.js");
-const index$y = require("./src/components/form/radio/index.js");
-const index$z = require("./src/components/form/radioGroup/index.js");
-const index$A = require("./src/components/form/search/index.js");
-const index$B = require("./src/components/form/timePicker/index.js");
-const index$C = require("./src/components/form/uploader/index.js");
-const index$D = require("./src/components/navigation/actionBar/index.js");
-const index$E = require("./src/components/navigation/backTop/index.js");
-const index$F = require("./src/components/navigation/grid/index.js");
-const index$G = require("./src/components/navigation/gridItem/index.js");
-const index$H = require("./src/components/navigation/indexBar/index.js");
-const index$I = require("./src/components/navigation/indexAnchor/index.js");
-const index$J = require("./src/components/navigation/navBar/index.js");
-const index$K = require("./src/components/navigation/pagination/index.js");
-const index$L = require("./src/components/navigation/sidebar/index.js");
-const index$M = require("./src/components/navigation/sidebarItem/index.js");
-const index$N = require("./src/components/navigation/tab/index.js");
-const index$O = require("./src/components/navigation/tabs/index.js");
-const index$P = require("./src/components/navigation/tabbar/index.js");
-const index$Q = require("./src/components/navigation/tabbarItem/index.js");
-const index$R = require("./src/components/navigation/treeSelect/index.js");
+const index$v = require("./src/components/form/fieldPicker/index.js");
+const index$w = require("./src/components/form/fieldCalendarPicker/index.js");
+const index$x = require("./src/components/form/fieldDatePicker/index.js");
+const index$y = require("./src/components/form/fieldTimePicker/index.js");
+const index$z = require("./src/components/form/fieldCascaderPicker/index.js");
+const index$A = require("./src/components/form/form/index.js");
+const index$B = require("./src/components/form/picker/index.js");
+const index$C = require("./src/components/form/pickerGroup/index.js");
+const index$D = require("./src/components/form/radio/index.js");
+const index$E = require("./src/components/form/radioGroup/index.js");
+const index$F = require("./src/components/form/search/index.js");
+const index$G = require("./src/components/form/timePicker/index.js");
+const index$H = require("./src/components/form/uploader/index.js");
+const index$I = require("./src/components/navigation/actionBar/index.js");
+const index$J = require("./src/components/navigation/backTop/index.js");
+const index$K = require("./src/components/navigation/grid/index.js");
+const index$L = require("./src/components/navigation/gridItem/index.js");
+const index$M = require("./src/components/navigation/indexBar/index.js");
+const index$N = require("./src/components/navigation/indexAnchor/index.js");
+const index$O = require("./src/components/navigation/navBar/index.js");
+const index$P = require("./src/components/navigation/pagination/index.js");
+const index$Q = require("./src/components/navigation/sidebar/index.js");
+const index$R = require("./src/components/navigation/sidebarItem/index.js");
+const index$S = require("./src/components/navigation/tab/index.js");
+const index$T = require("./src/components/navigation/tabs/index.js");
+const index$U = require("./src/components/navigation/tabbar/index.js");
+const index$V = require("./src/components/navigation/tabbarItem/index.js");
+const index$W = require("./src/components/navigation/treeSelect/index.js");
 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");
-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");
-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");
+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");
+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");
+const functionCall$3 = require("../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/toast/function-call.js");
 const index = {
   install: (app) => {
     for (let c in all) {
@@ -94,38 +100,44 @@ exports.MobileCheckbox = index$r.MobileCheckbox;
 exports.MobileCheckboxGroup = index$s.MobileCheckboxGroup;
 exports.MobileDatePicker = index$t.MobileDatePicker;
 exports.MobileField = index$u.MobileField;
-exports.MobileForm = index$v.MobileForm;
-exports.MobilePicker = index$w.MobilePicker;
-exports.MobilePickerGroup = index$x.MobilePickerGroup;
-exports.MobileRadio = index$y.MobileRadio;
-exports.MobileRadioGroup = index$z.MobileRadioGroup;
-exports.MobileSearch = index$A.MobileSearch;
-exports.MobileTimePicker = index$B.MobileTimePicker;
-exports.MobileUploader = index$C.MobileUploader;
-exports.MobileActionBar = index$D.MobileActionBar;
-exports.MobileBackTop = index$E.MobileBackTop;
-exports.MobileGrid = index$F.MobileGrid;
-exports.MobileGridItem = index$G.MobileGridItem;
-exports.MobileIndexBar = index$H.MobileIndexBar;
-exports.MobileIndexAnchor = index$I.MobileIndexAnchor;
-exports.MobileNavBar = index$J.MobileNavBar;
-exports.MobilePagination = index$K.MobilePagination;
-exports.MobileSidebar = index$L.MobileSidebar;
-exports.MobileSidebarItem = index$M.MobileSidebarItem;
-exports.MobileTab = index$N.MobileTab;
-exports.MobileTabs = index$O.MobileTabs;
-exports.MobileTabbar = index$P.MobileTabbar;
-exports.MobileTabbarItem = index$Q.MobileTabbarItem;
-exports.MobileTreeSelect = index$R.MobileTreeSelect;
+exports.MobileFieldPicker = index$v.MobileFieldPicker;
+exports.MobileFieldCalendarPicker = index$w.MobileFieldCalendarPicker;
+exports.MobileFieldDatePicker = index$x.MobileFieldDatePicker;
+exports.MobileFieldTimePicker = index$y.MobileFieldTimePicker;
+exports.MobileFieldCascaderPicker = index$z.MobileFieldCascaderPicker;
+exports.MobileForm = index$A.MobileForm;
+exports.MobilePicker = index$B.MobilePicker;
+exports.MobilePickerGroup = index$C.MobilePickerGroup;
+exports.MobileRadio = index$D.MobileRadio;
+exports.MobileRadioGroup = index$E.MobileRadioGroup;
+exports.MobileSearch = index$F.MobileSearch;
+exports.MobileTimePicker = index$G.MobileTimePicker;
+exports.MobileUploader = index$H.MobileUploader;
+exports.MobileActionBar = index$I.MobileActionBar;
+exports.MobileBackTop = index$J.MobileBackTop;
+exports.MobileGrid = index$K.MobileGrid;
+exports.MobileGridItem = index$L.MobileGridItem;
+exports.MobileIndexBar = index$M.MobileIndexBar;
+exports.MobileIndexAnchor = index$N.MobileIndexAnchor;
+exports.MobileNavBar = index$O.MobileNavBar;
+exports.MobilePagination = index$P.MobilePagination;
+exports.MobileSidebar = index$Q.MobileSidebar;
+exports.MobileSidebarItem = index$R.MobileSidebarItem;
+exports.MobileTab = index$S.MobileTab;
+exports.MobileTabs = index$T.MobileTabs;
+exports.MobileTabbar = index$U.MobileTabbar;
+exports.MobileTabbarItem = index$V.MobileTabbarItem;
+exports.MobileTreeSelect = index$W.MobileTreeSelect;
 exports.closeDialog = functionCall.closeDialog;
 exports.showConfirmDialog = functionCall.showConfirmDialog;
 exports.showDialog = functionCall.showDialog;
-exports.closeNotify = functionCall$1.closeNotify;
-exports.showNotify = functionCall$1.showNotify;
-exports.allowMultipleToast = functionCall$2.allowMultipleToast;
-exports.closeToast = functionCall$2.closeToast;
-exports.showFailToast = functionCall$2.showFailToast;
-exports.showLoadingToast = functionCall$2.showLoadingToast;
-exports.showSuccessToast = functionCall$2.showSuccessToast;
-exports.showToast = functionCall$2.showToast;
+exports.showImagePreview = functionCall$1.showImagePreview;
+exports.closeNotify = functionCall$2.closeNotify;
+exports.showNotify = functionCall$2.showNotify;
+exports.allowMultipleToast = functionCall$3.allowMultipleToast;
+exports.closeToast = functionCall$3.closeToast;
+exports.showFailToast = functionCall$3.showFailToast;
+exports.showLoadingToast = functionCall$3.showLoadingToast;
+exports.showSuccessToast = functionCall$3.showSuccessToast;
+exports.showToast = functionCall$3.showToast;
 exports.default = index;

package/lib/packages/mobile/src/components/all.js

@@ -30,29 +30,34 @@ const index$q = require("./form/checkbox/index.js");
 const index$r = require("./form/checkboxGroup/index.js");
 const index$s = require("./form/datePicker/index.js");
 const index$t = require("./form/field/index.js");
-const index$u = require("./form/form/index.js");
-const index$v = require("./form/picker/index.js");
-const index$w = require("./form/pickerGroup/index.js");
-const index$x = require("./form/radio/index.js");
-const index$y = require("./form/radioGroup/index.js");
-const index$z = require("./form/search/index.js");
-const index$A = require("./form/timePicker/index.js");
-const index$B = require("./form/uploader/index.js");
-const index$C = require("./navigation/actionBar/index.js");
-const index$D = require("./navigation/backTop/index.js");
-const index$E = require("./navigation/grid/index.js");
-const index$F = require("./navigation/gridItem/index.js");
-const index$G = require("./navigation/indexBar/index.js");
-const index$H = require("./navigation/indexAnchor/index.js");
-const index$I = require("./navigation/navBar/index.js");
-const index$J = require("./navigation/pagination/index.js");
-const index$K = require("./navigation/sidebar/index.js");
-const index$L = require("./navigation/sidebarItem/index.js");
-const index$M = require("./navigation/tab/index.js");
-const index$N = require("./navigation/tabs/index.js");
-const index$O = require("./navigation/tabbar/index.js");
-const index$P = require("./navigation/tabbarItem/index.js");
-const index$Q = require("./navigation/treeSelect/index.js");
+const index$u = require("./form/fieldPicker/index.js");
+const index$v = require("./form/fieldCalendarPicker/index.js");
+const index$w = require("./form/fieldDatePicker/index.js");
+const index$x = require("./form/fieldTimePicker/index.js");
+const index$y = require("./form/fieldCascaderPicker/index.js");
+const index$z = require("./form/form/index.js");
+const index$A = require("./form/picker/index.js");
+const index$B = require("./form/pickerGroup/index.js");
+const index$C = require("./form/radio/index.js");
+const index$D = require("./form/radioGroup/index.js");
+const index$E = require("./form/search/index.js");
+const index$F = require("./form/timePicker/index.js");
+const index$G = require("./form/uploader/index.js");
+const index$H = require("./navigation/actionBar/index.js");
+const index$I = require("./navigation/backTop/index.js");
+const index$J = require("./navigation/grid/index.js");
+const index$K = require("./navigation/gridItem/index.js");
+const index$L = require("./navigation/indexBar/index.js");
+const index$M = require("./navigation/indexAnchor/index.js");
+const index$N = require("./navigation/navBar/index.js");
+const index$O = require("./navigation/pagination/index.js");
+const index$P = require("./navigation/sidebar/index.js");
+const index$Q = require("./navigation/sidebarItem/index.js");
+const index$R = require("./navigation/tab/index.js");
+const index$S = require("./navigation/tabs/index.js");
+const index$T = require("./navigation/tabbar/index.js");
+const index$U = require("./navigation/tabbarItem/index.js");
+const index$V = require("./navigation/treeSelect/index.js");
 exports.MobileButton = index.MobileButton;
 exports.MobileCell = index$1.MobileCell;
 exports.MobileCellGroup = index$2.MobileCellGroup;
@@ -83,26 +88,31 @@ exports.MobileCheckbox = index$q.MobileCheckbox;
 exports.MobileCheckboxGroup = index$r.MobileCheckboxGroup;
 exports.MobileDatePicker = index$s.MobileDatePicker;
 exports.MobileField = index$t.MobileField;
-exports.MobileForm = index$u.MobileForm;
-exports.MobilePicker = index$v.MobilePicker;
-exports.MobilePickerGroup = index$w.MobilePickerGroup;
-exports.MobileRadio = index$x.MobileRadio;
-exports.MobileRadioGroup = index$y.MobileRadioGroup;
-exports.MobileSearch = index$z.MobileSearch;
-exports.MobileTimePicker = index$A.MobileTimePicker;
-exports.MobileUploader = index$B.MobileUploader;
-exports.MobileActionBar = index$C.MobileActionBar;
-exports.MobileBackTop = index$D.MobileBackTop;
-exports.MobileGrid = index$E.MobileGrid;
-exports.MobileGridItem = index$F.MobileGridItem;
-exports.MobileIndexBar = index$G.MobileIndexBar;
-exports.MobileIndexAnchor = index$H.MobileIndexAnchor;
-exports.MobileNavBar = index$I.MobileNavBar;
-exports.MobilePagination = index$J.MobilePagination;
-exports.MobileSidebar = index$K.MobileSidebar;
-exports.MobileSidebarItem = index$L.MobileSidebarItem;
-exports.MobileTab = index$M.MobileTab;
-exports.MobileTabs = index$N.MobileTabs;
-exports.MobileTabbar = index$O.MobileTabbar;
-exports.MobileTabbarItem = index$P.MobileTabbarItem;
-exports.MobileTreeSelect = index$Q.MobileTreeSelect;
+exports.MobileFieldPicker = index$u.MobileFieldPicker;
+exports.MobileFieldCalendarPicker = index$v.MobileFieldCalendarPicker;
+exports.MobileFieldDatePicker = index$w.MobileFieldDatePicker;
+exports.MobileFieldTimePicker = index$x.MobileFieldTimePicker;
+exports.MobileFieldCascaderPicker = index$y.MobileFieldCascaderPicker;
+exports.MobileForm = index$z.MobileForm;
+exports.MobilePicker = index$A.MobilePicker;
+exports.MobilePickerGroup = index$B.MobilePickerGroup;
+exports.MobileRadio = index$C.MobileRadio;
+exports.MobileRadioGroup = index$D.MobileRadioGroup;
+exports.MobileSearch = index$E.MobileSearch;
+exports.MobileTimePicker = index$F.MobileTimePicker;
+exports.MobileUploader = index$G.MobileUploader;
+exports.MobileActionBar = index$H.MobileActionBar;
+exports.MobileBackTop = index$I.MobileBackTop;
+exports.MobileGrid = index$J.MobileGrid;
+exports.MobileGridItem = index$K.MobileGridItem;
+exports.MobileIndexBar = index$L.MobileIndexBar;
+exports.MobileIndexAnchor = index$M.MobileIndexAnchor;
+exports.MobileNavBar = index$N.MobileNavBar;
+exports.MobilePagination = index$O.MobilePagination;
+exports.MobileSidebar = index$P.MobileSidebar;
+exports.MobileSidebarItem = index$Q.MobileSidebarItem;
+exports.MobileTab = index$R.MobileTab;
+exports.MobileTabs = index$S.MobileTabs;
+exports.MobileTabbar = index$T.MobileTabbar;
+exports.MobileTabbarItem = index$U.MobileTabbarItem;
+exports.MobileTreeSelect = index$V.MobileTreeSelect;

package/lib/packages/mobile/src/components/form/fieldCalendarPicker/FieldCalendarPicker.vue.js

@@ -0,0 +1,156 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+;/* empty css                                                                                                                 */
+;/* empty css                                                                                                                  */
+;/* empty css                                                                                                                 */
+;/* empty css                                                                                                                    */
+;/* empty css                                                                                                                   */
+;/* empty css                                                                                                                    */
+;/* empty css                                                                                                                  */
+;/* empty css                                                                                                                  */
+;/* empty css                                                                                                                   */
+;/* empty css                                                                                                                  */
+;/* empty css                                                                                                                       */
+;/* empty css                                                                                                                 */
+;/* empty css                                                                                                                */
+;/* empty css                                                                                                                   */
+;/* empty css                                                                                                                         */
+;/* empty css                                                                                                                     */
+;/* empty css                                                                                                                 */
+;/* empty css                                                                                                                  */
+const vue = require("vue");
+const moment = require("../../../../../../node_modules/.pnpm/moment@2.30.1/node_modules/moment/dist/moment.js");
+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");
+const index$1 = require("../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/calendar/index.js");
+const _sfc_main = {
+  __name: "FieldCalendarPicker",
+  props: {
+    title: {
+      type: String,
+      default: "日期选择"
+    },
+    calendarType: {
+      type: String,
+      default: "single"
+    },
+    textFormat: {
+      type: String,
+      default: "YYYY-MM-DD"
+    },
+    valueFormat: {
+      type: String,
+      default: "YYYYMMDD"
+    },
+    modelValue: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const fieldTextValue = vue.ref("");
+    const showCalendar = vue.ref(false);
+    const emit = __emit;
+    const defaultDate = vue.computed({
+      get: () => {
+        if (props.calendarType == "single") {
+          try {
+            return moment.default(props.modelValue, props.valueFormat).toDate();
+          } catch (error) {
+            return /* @__PURE__ */ new Date();
+          }
+        } else if (props.calendarType == "multiple") {
+          try {
+            return props.modelValue.map(
+              (value) => moment.default(value, props.valueFormat).toDate()
+            );
+          } catch (error) {
+            return [/* @__PURE__ */ new Date()];
+          }
+        } else if (props.calendarType == "range") {
+          try {
+            return props.modelValue.map(
+              (value) => moment.default(value, props.valueFormat).toDate()
+            );
+          } catch (error) {
+            return [];
+          }
+        }
+      },
+      set: (val) => {
+        emit("update:modelValue", val);
+      }
+    });
+    vue.watch(
+      () => props.modelValue,
+      (value) => {
+        if (props.calendarType == "single") {
+          fieldTextValue.value = moment.default(value, props.valueFormat).format(
+            props.textFormat
+          );
+        } else if (props.calendarType == "multiple") {
+          if (Array.isArray(value)) {
+            fieldTextValue.value = `选择了 ${value.length} 个日期`;
+          }
+        } else if (props.calendarType == "range") {
+          if (Array.isArray(value)) {
+            const [start, end] = value;
+            fieldTextValue.value = `${moment.default(start, props.valueFormat).format(
+              props.textFormat
+            )} 至 ${moment.default(end, props.valueFormat).format(props.textFormat)}`;
+          }
+        }
+      },
+      { immediate: true }
+    );
+    const onConfirm = (values) => {
+      if (props.calendarType == "single") {
+        defaultDate.value = moment.default(values).format(props.valueFormat);
+      } else if (props.calendarType == "multiple") {
+        defaultDate.value = values.map(
+          (value) => moment.default(value).format(props.valueFormat)
+        );
+      } else if (props.calendarType == "range") {
+        defaultDate.value = values.map(
+          (value) => moment.default(value).format(props.valueFormat)
+        );
+      }
+      showCalendar.value = false;
+    };
+    return (_ctx, _cache) => {
+      const _component_van_field = index.Field;
+      const _component_van_calendar = index$1.Calendar;
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        vue.createVNode(_component_van_field, vue.mergeProps({
+          modelValue: vue.unref(fieldTextValue),
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(fieldTextValue) ? fieldTextValue.value = $event : null),
+          "is-link": "",
+          readonly: "",
+          name: "picker"
+        }, _ctx.$attrs, {
+          onClick: _cache[1] || (_cache[1] = ($event) => showCalendar.value = true)
+        }), vue.createSlots({ _: 2 }, [
+          vue.renderList(_ctx.$slots, (item, key) => {
+            return {
+              name: key,
+              fn: vue.withCtx(() => [
+                vue.renderSlot(_ctx.$slots, key)
+              ])
+            };
+          })
+        ]), 1040, ["modelValue"]),
+        vue.createVNode(_component_van_calendar, vue.mergeProps(_ctx.$attrs, {
+          show: vue.unref(showCalendar),
+          "onUpdate:show": _cache[2] || (_cache[2] = ($event) => vue.isRef(showCalendar) ? showCalendar.value = $event : null),
+          "default-date": vue.unref(defaultDate),
+          title: __props.title,
+          type: __props.calendarType,
+          "switch-mode": "year-month",
+          onConfirm
+        }), null, 16, ["show", "default-date", "title", "type"])
+      ], 64);
+    };
+  }
+};
+exports.default = _sfc_main;

package/lib/packages/mobile/src/components/form/fieldCalendarPicker/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const FieldCalendarPicker = require("./FieldCalendarPicker.vue.js");
+const install = require("../../../utils/install.js");
+const MobileFieldCalendarPicker = install.default.withInstall(
+  "MobileFieldCalendarPicker",
+  FieldCalendarPicker.default
+);
+exports.MobileFieldCalendarPicker = MobileFieldCalendarPicker;
+exports.default = MobileFieldCalendarPicker;

package/lib/packages/mobile/src/components/form/fieldCascaderPicker/fieldCascaderPicker.vue.js

@@ -0,0 +1,142 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+;/* empty css                                                                                                                 */
+;/* empty css                                                                                                                  */
+;/* empty css                                                                                                                 */
+;/* empty css                                                                                                                    */
+;/* empty css                                                                                                                  */
+;/* empty css                                                                                                                   */
+;/* empty css                                                                                                                  */
+;/* empty css                                                                                                                       */
+;/* empty css                                                                                                                 */
+;/* empty css                                                                                                                */
+;/* empty css                                                                                                                     */
+;/* empty css                                                                                                                 */
+;/* empty css                                                                                                                  */
+const vue = require("vue");
+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");
+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");
+const index$2 = require("../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/cascader/index.js");
+const _sfc_main = {
+  __name: "fieldCascaderPicker",
+  props: {
+    options: {
+      type: Array,
+      default: []
+    },
+    fieldNames: {
+      type: Object,
+      default: {
+        text: "text",
+        value: "value",
+        children: "children"
+      }
+    },
+    modelValue: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const fieldTextValue = vue.ref("");
+    const showPicker = vue.ref(false);
+    const emit = __emit;
+    const pickerValue = vue.computed({
+      get: () => {
+        const value = props.modelValue.split("/");
+        return value[value.length - 1];
+      },
+      set: (val) => {
+        emit("update:modelValue", val);
+      }
+    });
+    function getDisplayValue(options, fieldNames, modelValue) {
+      const { text, value, children } = fieldNames;
+      const values = modelValue.split("/");
+      const displayValues = [];
+      function findValueInOptions(currentOptions, targetValue) {
+        for (const option of currentOptions) {
+          if (option[value] === targetValue) {
+            return option[text];
+          }
+          if (option[children] && option[children].length > 0) {
+            const result = findValueInOptions(option[children], targetValue);
+            if (result) {
+              return result;
+            }
+          }
+        }
+        return null;
+      }
+      for (const val of values) {
+        const displayValue = findValueInOptions(options, val);
+        if (displayValue) {
+          displayValues.push(displayValue);
+        }
+      }
+      return displayValues.join("/");
+    }
+    vue.watch(
+      () => props.modelValue,
+      (value) => {
+        fieldTextValue.value = getDisplayValue(
+          props.options,
+          props.fieldNames,
+          value
+        );
+      },
+      { immediate: true }
+    );
+    const onFinish = ({ selectedOptions }) => {
+      pickerValue.value = selectedOptions.map((option) => option[props.fieldNames.value]).join("/");
+      showPicker.value = false;
+    };
+    return (_ctx, _cache) => {
+      const _component_van_field = index.Field;
+      const _component_van_cascader = index$2.Cascader;
+      const _component_van_popup = index$1.Popup;
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        vue.createVNode(_component_van_field, vue.mergeProps({
+          modelValue: vue.unref(fieldTextValue),
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(fieldTextValue) ? fieldTextValue.value = $event : null),
+          "is-link": "",
+          readonly: "",
+          name: "picker"
+        }, _ctx.$attrs, {
+          onClick: _cache[1] || (_cache[1] = ($event) => showPicker.value = true)
+        }), vue.createSlots({ _: 2 }, [
+          vue.renderList(_ctx.$slots, (item, key) => {
+            return {
+              name: key,
+              fn: vue.withCtx(() => [
+                vue.renderSlot(_ctx.$slots, key)
+              ])
+            };
+          })
+        ]), 1040, ["modelValue"]),
+        vue.createVNode(_component_van_popup, {
+          show: vue.unref(showPicker),
+          "onUpdate:show": _cache[4] || (_cache[4] = ($event) => vue.isRef(showPicker) ? showPicker.value = $event : null),
+          "destroy-on-close": "",
+          position: "bottom"
+        }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(_component_van_cascader, vue.mergeProps(_ctx.$attrs, {
+              modelValue: vue.unref(pickerValue),
+              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.isRef(pickerValue) ? pickerValue.value = $event : null),
+              options: __props.options,
+              "field-names": _ctx.columnsFieldNames,
+              placeholder: "请选择",
+              onFinish,
+              onClose: _cache[3] || (_cache[3] = ($event) => showPicker.value = false)
+            }), null, 16, ["modelValue", "options", "field-names"])
+          ]),
+          _: 1
+        }, 8, ["show"])
+      ], 64);
+    };
+  }
+};
+exports.default = _sfc_main;

package/lib/packages/mobile/src/components/form/fieldCascaderPicker/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const fieldCascaderPicker = require("./fieldCascaderPicker.vue.js");
+const install = require("../../../utils/install.js");
+const MobileFieldCascaderPicker = install.default.withInstall(
+  "MobileFieldCascaderPicker",
+  fieldCascaderPicker.default
+);
+exports.MobileFieldCascaderPicker = MobileFieldCascaderPicker;
+exports.default = MobileFieldCascaderPicker;