@fecp/mobile 1.0.18 → 1.0.20

package/es/packages/mobile/src/components/form/fieldDatePicker/FieldDatePicker.vue.mjs

@@ -11,13 +11,11 @@
 /* empty css                                                                                                                */
 /* empty css                                                                                                                   */
 /* empty css                                                                                                                         */
-/* empty css                                                                                                                 */
-/* empty css                                                                                                                  */
-import { ref, computed, watch, createElementBlock, openBlock, Fragment, createVNode, mergeProps, unref, isRef, createSlots, renderList, withCtx, renderSlot } from "vue";
+import { ref, computed, watch, createBlock, openBlock, unref, mergeProps, isRef, withCtx, createVNode } from "vue";
+import { MobileField } from "../field/index.mjs";
 import hooks from "../../../../../../node_modules/.pnpm/moment@2.30.1/node_modules/moment/dist/moment.mjs";
-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";
-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";
 import { DatePicker } from "../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/date-picker/index.mjs";
+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";
 const _sfc_main = {
   __name: "FieldDatePicker",
   props: {
@@ -32,7 +30,9 @@ const _sfc_main = {
     valueFormat: {
       type: String,
       default: "YYYYMMDD"
-    }
+    },
+    readonly: false,
+    "is-link": false
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
@@ -70,46 +70,36 @@ const _sfc_main = {
       showPicker.value = false;
     };
     return (_ctx, _cache) => {
-      const _component_van_field = Field;
       const _component_van_date_picker = DatePicker;
       const _component_van_popup = Popup;
-      return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(_component_van_field, mergeProps(_ctx.$attrs, {
-          modelValue: unref(fieldTextValue),
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(fieldTextValue) ? fieldTextValue.value = $event : null),
-          "is-link": "",
-          readonly: "",
-          name: "picker",
-          required: "auto",
-          onClick: _cache[1] || (_cache[1] = ($event) => showPicker.value = true)
-        }), createSlots({ _: 2 }, [
-          renderList(_ctx.$slots, (item, key) => {
-            return {
-              name: key,
-              fn: withCtx(() => [
-                renderSlot(_ctx.$slots, key)
-              ])
-            };
-          })
-        ]), 1040, ["modelValue"]),
-        createVNode(_component_van_popup, {
-          show: unref(showPicker),
-          "onUpdate:show": _cache[4] || (_cache[4] = ($event) => isRef(showPicker) ? showPicker.value = $event : null),
-          "destroy-on-close": "",
-          position: "bottom"
-        }, {
-          default: withCtx(() => [
-            createVNode(_component_van_date_picker, mergeProps(_ctx.$attrs, {
-              modelValue: unref(pickerValue),
-              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(pickerValue) ? pickerValue.value = $event : null),
-              readonly: false,
-              onConfirm,
-              onCancel: _cache[3] || (_cache[3] = ($event) => showPicker.value = false)
-            }), null, 16, ["modelValue"])
-          ]),
-          _: 1
-        }, 8, ["show"])
-      ], 64);
+      return openBlock(), createBlock(unref(MobileField), mergeProps(_ctx.$attrs, {
+        modelValue: unref(fieldTextValue),
+        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => isRef(fieldTextValue) ? fieldTextValue.value = $event : null),
+        "is-link": "",
+        readonly: "",
+        onClick: _cache[4] || (_cache[4] = ($event) => showPicker.value = true)
+      }), {
+        default: withCtx(() => [
+          createVNode(_component_van_popup, {
+            show: unref(showPicker),
+            "onUpdate:show": _cache[2] || (_cache[2] = ($event) => isRef(showPicker) ? showPicker.value = $event : null),
+            "destroy-on-close": "",
+            position: "bottom"
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_van_date_picker, mergeProps(_ctx.$attrs, {
+                modelValue: unref(pickerValue),
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(pickerValue) ? pickerValue.value = $event : null),
+                readonly: false,
+                onConfirm,
+                onCancel: _cache[1] || (_cache[1] = ($event) => showPicker.value = false)
+              }), null, 16, ["modelValue"])
+            ]),
+            _: 1
+          }, 8, ["show"])
+        ]),
+        _: 1
+      }, 16, ["modelValue"]);
     };
   }
 };

package/es/packages/mobile/src/components/form/fieldPicker/FieldPicker.vue.mjs

@@ -11,11 +11,9 @@
 /* empty css                                                                                                                */
 /* empty css                                                                                                                         */
 /* empty css                                                                                                                   */
-/* empty css                                                                                                                 */
-/* empty css                                                                                                                  */
-import { ref, computed, watch, createElementBlock, openBlock, Fragment, createVNode, mergeProps, unref, isRef, createSlots, renderList, withCtx, renderSlot } from "vue";
+import { ref, computed, watch, createBlock, openBlock, unref, mergeProps, isRef, withCtx, createVNode } from "vue";
+import { MobileField } from "../field/index.mjs";
 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";
-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";
 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";
 const _sfc_main = {
   __name: "FieldPicker",
@@ -34,7 +32,9 @@ const _sfc_main = {
     modelValue: {
       type: String,
       default: ""
-    }
+    },
+    readonly: false,
+    "is-link": false
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
@@ -69,47 +69,37 @@ const _sfc_main = {
       showPicker.value = false;
     };
     return (_ctx, _cache) => {
-      const _component_van_field = Field;
       const _component_van_picker = Picker;
       const _component_van_popup = Popup;
-      return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(_component_van_field, mergeProps(_ctx.$attrs, {
-          modelValue: unref(fieldTextValue),
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(fieldTextValue) ? fieldTextValue.value = $event : null),
-          "is-link": "",
-          readonly: "",
-          name: "picker",
-          required: "auto",
-          onClick: _cache[1] || (_cache[1] = ($event) => showPicker.value = true)
-        }), createSlots({ _: 2 }, [
-          renderList(_ctx.$slots, (item, key) => {
-            return {
-              name: key,
-              fn: withCtx(() => [
-                renderSlot(_ctx.$slots, key)
-              ])
-            };
-          })
-        ]), 1040, ["modelValue"]),
-        createVNode(_component_van_popup, {
-          show: unref(showPicker),
-          "onUpdate:show": _cache[3] || (_cache[3] = ($event) => isRef(showPicker) ? showPicker.value = $event : null),
-          "destroy-on-close": "",
-          position: "bottom"
-        }, {
-          default: withCtx(() => [
-            createVNode(_component_van_picker, mergeProps(_ctx.$attrs, {
-              columns: __props.columns,
-              "columns-field-names": __props.columnsFieldNames,
-              "model-value": unref(pickerValue),
-              readonly: false,
-              onConfirm,
-              onCancel: _cache[2] || (_cache[2] = ($event) => showPicker.value = false)
-            }), null, 16, ["columns", "columns-field-names", "model-value"])
-          ]),
-          _: 1
-        }, 8, ["show"])
-      ], 64);
+      return openBlock(), createBlock(unref(MobileField), mergeProps(_ctx.$attrs, {
+        modelValue: unref(fieldTextValue),
+        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(fieldTextValue) ? fieldTextValue.value = $event : null),
+        "is-link": "",
+        readonly: "",
+        onClick: _cache[3] || (_cache[3] = ($event) => showPicker.value = true)
+      }), {
+        default: withCtx(() => [
+          createVNode(_component_van_popup, {
+            show: unref(showPicker),
+            "onUpdate:show": _cache[1] || (_cache[1] = ($event) => isRef(showPicker) ? showPicker.value = $event : null),
+            "destroy-on-close": "",
+            position: "bottom"
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_van_picker, mergeProps(_ctx.$attrs, {
+                columns: __props.columns,
+                "columns-field-names": __props.columnsFieldNames,
+                "model-value": unref(pickerValue),
+                readonly: false,
+                onConfirm,
+                onCancel: _cache[0] || (_cache[0] = ($event) => showPicker.value = false)
+              }), null, 16, ["columns", "columns-field-names", "model-value"])
+            ]),
+            _: 1
+          }, 8, ["show"])
+        ]),
+        _: 1
+      }, 16, ["modelValue"]);
     };
   }
 };

package/es/packages/mobile/src/components/form/fieldRadio/FieldRadio.vue.mjs

@@ -0,0 +1,19 @@
+import { createBlock, openBlock, unref, normalizeProps, guardReactiveProps, withCtx, createVNode } from "vue";
+import { MobileField } from "../field/index.mjs";
+import { MobileRadioGroup } from "../radioGroup/index.mjs";
+const _sfc_main = {
+  __name: "FieldRadio",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(MobileField), normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+        input: withCtx(() => [
+          createVNode(unref(MobileRadioGroup), normalizeProps(guardReactiveProps(_ctx.$attrs)), null, 16)
+        ]),
+        _: 1
+      }, 16);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};

package/es/packages/mobile/src/components/form/fieldRadio/index.mjs

@@ -0,0 +1,10 @@
+import _sfc_main from "./FieldRadio.vue.mjs";
+import install from "../../../utils/install.mjs";
+const MobileFieldRadio = install.withInstall(
+  "MobileFieldRadio",
+  _sfc_main
+);
+export {
+  MobileFieldRadio,
+  MobileFieldRadio as default
+};

package/es/packages/mobile/src/components/form/fieldTimePicker/FieldTimePicker.vue.mjs

@@ -11,12 +11,10 @@
 /* empty css                                                                                                                */
 /* empty css                                                                                                                   */
 /* empty css                                                                                                                         */
-/* empty css                                                                                                                 */
-/* empty css                                                                                                                  */
-import { ref, computed, watch, createElementBlock, openBlock, Fragment, createVNode, mergeProps, unref, isRef, createSlots, renderList, withCtx, renderSlot } from "vue";
+import { ref, computed, watch, createBlock, openBlock, unref, mergeProps, isRef, withCtx, createVNode } from "vue";
+import { MobileField } from "../field/index.mjs";
 import hooks from "../../../../../../node_modules/.pnpm/moment@2.30.1/node_modules/moment/dist/moment.mjs";
 import { TimePicker } from "../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/time-picker/index.mjs";
-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";
 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";
 const _sfc_main = {
   __name: "FieldTimePicker",
@@ -32,7 +30,9 @@ const _sfc_main = {
     valueFormat: {
       type: String,
       default: "HH:mm:ss"
-    }
+    },
+    readonly: false,
+    "is-link": false
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
@@ -70,46 +70,36 @@ const _sfc_main = {
       showPicker.value = false;
     };
     return (_ctx, _cache) => {
-      const _component_van_field = Field;
       const _component_van_time_picker = TimePicker;
       const _component_van_popup = Popup;
-      return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(_component_van_field, mergeProps(_ctx.$attrs, {
-          modelValue: unref(fieldTextValue),
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(fieldTextValue) ? fieldTextValue.value = $event : null),
-          "is-link": "",
-          readonly: "",
-          name: "picker",
-          required: "auto",
-          onClick: _cache[1] || (_cache[1] = ($event) => showPicker.value = true)
-        }), createSlots({ _: 2 }, [
-          renderList(_ctx.$slots, (item, key) => {
-            return {
-              name: key,
-              fn: withCtx(() => [
-                renderSlot(_ctx.$slots, key)
-              ])
-            };
-          })
-        ]), 1040, ["modelValue"]),
-        createVNode(_component_van_popup, {
-          show: unref(showPicker),
-          "onUpdate:show": _cache[4] || (_cache[4] = ($event) => isRef(showPicker) ? showPicker.value = $event : null),
-          "destroy-on-close": "",
-          position: "bottom"
-        }, {
-          default: withCtx(() => [
-            createVNode(_component_van_time_picker, mergeProps(_ctx.$attrs, {
-              modelValue: unref(pickerValue),
-              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(pickerValue) ? pickerValue.value = $event : null),
-              readonly: false,
-              onConfirm,
-              onCancel: _cache[3] || (_cache[3] = ($event) => showPicker.value = false)
-            }), null, 16, ["modelValue"])
-          ]),
-          _: 1
-        }, 8, ["show"])
-      ], 64);
+      return openBlock(), createBlock(unref(MobileField), mergeProps(_ctx.$attrs, {
+        modelValue: unref(fieldTextValue),
+        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => isRef(fieldTextValue) ? fieldTextValue.value = $event : null),
+        "is-link": "",
+        readonly: "",
+        onClick: _cache[4] || (_cache[4] = ($event) => showPicker.value = true)
+      }), {
+        default: withCtx(() => [
+          createVNode(_component_van_popup, {
+            show: unref(showPicker),
+            "onUpdate:show": _cache[2] || (_cache[2] = ($event) => isRef(showPicker) ? showPicker.value = $event : null),
+            "destroy-on-close": "",
+            position: "bottom"
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_van_time_picker, mergeProps(_ctx.$attrs, {
+                modelValue: unref(pickerValue),
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(pickerValue) ? pickerValue.value = $event : null),
+                readonly: false,
+                onConfirm,
+                onCancel: _cache[1] || (_cache[1] = ($event) => showPicker.value = false)
+              }), null, 16, ["modelValue"])
+            ]),
+            _: 1
+          }, 8, ["show"])
+        ]),
+        _: 1
+      }, 16, ["modelValue"]);
     };
   }
 };

package/es/packages/mobile/src/components/form/form/Form.vue.mjs

@@ -1,18 +1,34 @@
 /* empty css                                                                                                                 */
 /* empty css                                                                                                                       */
-import { createBlock, openBlock, mergeProps, withCtx, createVNode, renderSlot } from "vue";
+import { computed, provide, createBlock, openBlock, mergeProps, withCtx, createVNode, renderSlot } from "vue";
 import { Form } from "../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/form/index.mjs";
 import { CellGroup } from "../../../../../../node_modules/.pnpm/vant@4.9.17_vue@3.5.13_typescript@5.7.3_/node_modules/vant/es/cell-group/index.mjs";
 const _sfc_main = {
   __name: "Form",
   props: {
+    modelValue: {
+      type: Object,
+      default: {}
+    },
     isCard: {
       //卡片风格
       type: Boolean,
       default: false
     }
   },
-  setup(__props) {
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const formData = computed({
+      get: () => {
+        return props.modelValue;
+      },
+      set: (val) => {
+        emit("update:modelValue", val);
+      }
+    });
+    provide("formData", formData);
     return (_ctx, _cache) => {
       const _component_van_cell_group = CellGroup;
       const _component_van_form = Form;

package/es/packages/mobile/src/components/form/formItem/FormItem.vue.mjs

@@ -0,0 +1,70 @@
+import { computed, defineAsyncComponent, inject, useAttrs, createBlock, openBlock, resolveDynamicComponent, unref, mergeProps, isRef } from "vue";
+import { parseRule } from "../../../utils/formRule.mjs";
+const _sfc_main = {
+  __name: "FormItem",
+  props: {
+    fieldType: {
+      type: String,
+      default: "text"
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const formItem = computed(() => {
+      return defineAsyncComponent(() => {
+        switch (props.fieldType) {
+          case "text":
+            return import("../field/index.mjs");
+          case "picker":
+            return import("../fieldPicker/index.mjs");
+          case "cascader":
+            return import("../fieldCascaderPicker/index.mjs");
+          case "calendar":
+            return import("../fieldCalendarPicker/index.mjs");
+          case "date":
+            return import("../fieldDatePicker/index.mjs");
+          case "time":
+            return import("../fieldTimePicker/index.mjs");
+          case "radio":
+            return import("../fieldRadio/index.mjs");
+          case "checkbox":
+            return import("../fieldCheckbox/index.mjs");
+        }
+      });
+    });
+    const formData = inject("formData");
+    const attrs = useAttrs();
+    const emit = __emit;
+    const compValue = computed({
+      get: () => {
+        var _a;
+        if (formData) {
+          return (_a = formData.value) == null ? void 0 : _a[attrs.name];
+        }
+        return props.modelValue;
+      },
+      set: (val) => {
+        if (formData) {
+          formData.value[attrs.name] = val;
+        } else {
+          emit("update:modelValue", val);
+        }
+      }
+    });
+    const rules = computed(() => {
+      return parseRule(attrs);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(unref(formItem)), mergeProps(_ctx.$attrs, {
+        modelValue: unref(compValue),
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(compValue) ? compValue.value = $event : null),
+        rules: unref(rules),
+        required: "auto"
+      }), null, 16, ["modelValue", "rules"]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};

package/es/packages/mobile/src/components/form/formItem/index.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from "./FormItem.vue.mjs";
+import install from "../../../utils/install.mjs";
+const MobileFormItem = install.withInstall("MobileFormItem", _sfc_main);
+export {
+  MobileFormItem,
+  MobileFormItem as default
+};

package/es/packages/mobile/src/utils/formRule.mjs

@@ -3,18 +3,32 @@ const parseRule = ({ label, isRequired, ruleType }) => {
   if (isRequired) {
     ruleList.push({ required: true, message: `请填写${label}` });
   }
+  const errorMessage = `请填写正确的${label}`;
+  const validateEmpty = false;
   switch (ruleType) {
     case "email":
       var pattern = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
-      ruleList.push({ pattern, message: `请填写正确的${label}` });
+      ruleList.push({
+        pattern,
+        message: errorMessage,
+        validateEmpty
+      });
       break;
     case "phone":
       var pattern = /^((\+?86)|(\(\+86\)))?(1[3-9]\d{9})$/;
-      ruleList.push({ pattern, message: `请填写正确的${label}` });
+      ruleList.push({
+        pattern,
+        message: errorMessage,
+        validateEmpty
+      });
       break;
     case "mobile":
       var pattern = /^([0-9]{3,4}-)?[0-9]{7,8}$/;
-      ruleList.push({ pattern, message: `请填写正确的${label}` });
+      ruleList.push({
+        pattern,
+        message: errorMessage,
+        validateEmpty
+      });
       break;
     case "mobilephone":
       let validatorMobilephone = function(value) {
@@ -23,10 +37,14 @@ const parseRule = ({ label, isRequired, ruleType }) => {
         if (isMob.test(value) || isPhone.test(value)) {
           return true;
         } else {
-          return `请填写正确的${label}`;
+          return false;
         }
       };
-      ruleList.push({ validator: validatorMobilephone });
+      ruleList.push({
+        validator: validatorMobilephone,
+        message: errorMessage,
+        validateEmpty
+      });
       break;
     case "idNo":
       let validatorIdNo = function(value) {
@@ -35,26 +53,46 @@ const parseRule = ({ label, isRequired, ruleType }) => {
         if (reg15.test(value) || reg18.test(value)) {
           return true;
         } else {
-          return `请填写正确的${label}`;
+          return false;
         }
       };
-      ruleList.push({ validator: validatorIdNo });
+      ruleList.push({
+        validator: validatorIdNo,
+        message: errorMessage,
+        validateEmpty
+      });
       break;
     case "usci":
       var pattern = /^([0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}|[1-9]\d{14})$/;
-      ruleList.push({ pattern, message: `请填写正确的${label}` });
+      ruleList.push({
+        pattern,
+        message: errorMessage,
+        validateEmpty
+      });
       break;
     case "postcode":
       var pattern = /^[0-9]{6}$/;
-      ruleList.push({ pattern, message: `请填写正确的${label}` });
+      ruleList.push({
+        pattern,
+        message: errorMessage,
+        validateEmpty
+      });
       break;
     case "fax":
       var pattern = /^([0-9]{3,4}-)?[0-9]{7,8}$/;
-      ruleList.push({ pattern, message: `请填写正确的${label}` });
+      ruleList.push({
+        pattern,
+        message: errorMessage,
+        validateEmpty
+      });
       break;
     case "bankcard":
       var pattern = /^[1-9]\d{7,29}$/;
-      ruleList.push({ pattern, message: `请填写正确的${label}` });
+      ruleList.push({
+        pattern,
+        message: errorMessage,
+        validateEmpty
+      });
       break;
   }
   return ruleList;