@fecp/mobile 1.1.7 → 1.1.8

package/lib/packages/mobile/src/components/feedback/floatingBubble/FloatingBubble.vue.js

@@ -4,6 +4,7 @@ const vue = require("vue");
 const FloatingBubble = require("./FloatingBubble.js");
 ;/* empty css           */
 const useRoute = require("../../../utils/use-route.js");
+require("../../../../../../_virtual/less.js");
 const _sfc_main = {
   __name: "FloatingBubble",
   props: {
@@ -22,6 +23,7 @@ const _sfc_main = {
   setup(__props) {
     const route = useRoute.useRoute();
     const props = __props;
+    const dropAxis = vue.ref(props.axis);
     const compMagnetic = vue.computed(() => {
       if (props.axis == "xy") {
         return props.magnetic;
@@ -30,8 +32,8 @@ const _sfc_main = {
       }
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(FloatingBubble.default), vue.mergeProps(_ctx.$attrs, {
-        axis: __props.axis,
+      return vue.openBlock(), vue.createBlock(vue.unref(FloatingBubble.default), vue.mergeProps({ class: "fec-floating-bubble" }, _ctx.$attrs, {
+        axis: vue.unref(dropAxis),
         magnetic: compMagnetic.value,
         onClick: vue.unref(route)
       }), vue.createSlots({ _: 2 }, [

package/lib/packages/mobile/src/components/form/field/Field.vue.js

@@ -6,28 +6,120 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 ;/* empty css                                                                                                                 */
 ;/* empty css                                                                                                                  */
 const vue = require("vue");
+require("../../../../../../_virtual/index.js");
+const formatterUtil = require("../../../utils/formatterUtil.js");
+const useCursor = require("../../../utils/use-cursor.js");
 ;/* empty css            */
-const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.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 _sfc_main = {};
-function _sfc_render(_ctx, _cache) {
-  const _component_van_field = index.Field;
-  return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-    vue.createVNode(_component_van_field, vue.mergeProps(_ctx.$attrs, {
-      clearable: "",
-      "clear-trigger": "always"
-    }), vue.createSlots({ _: 2 }, [
-      vue.renderList(_ctx.$slots, (item, key) => {
-        return {
-          name: key,
-          fn: vue.withCtx(() => [
-            vue.renderSlot(_ctx.$slots, key)
-          ])
-        };
-      })
-    ]), 1040),
-    vue.renderSlot(_ctx.$slots, "default")
-  ], 64);
-}
-const _Field = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
-exports.default = _Field;
+const _sfc_main = {
+  __name: "Field",
+  props: {
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    fieldType: {
+      type: String
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    clickable: {
+      type: Boolean,
+      default: false
+    },
+    dataFormatter: {
+      type: String,
+      default: ""
+    },
+    showUnit: {
+      type: Boolean,
+      default: true
+    }
+  },
+  emits: ["openPicker", "update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const unit = vue.ref("");
+    const fieldInputRef = vue.ref();
+    const [recordCursor, setCursor] = useCursor.useCursor();
+    const emit = __emit;
+    const compValue = vue.computed({
+      get: () => {
+        return props.modelValue;
+      },
+      set: (val) => {
+        emit("update:modelValue", val);
+      }
+    });
+    const textValue = vue.computed(() => {
+      if (props.fieldType == "text") {
+        unit.value = formatterUtil.getUnit(props.dataFormatter);
+        return formatterUtil.textFormatter(props.modelValue, props.dataFormatter);
+      }
+      return props.modelValue;
+    });
+    const compClickable = vue.computed(() => {
+      if (props.disabled) {
+        return false;
+      }
+      return true;
+    });
+    const handleInput = (e) => {
+      const inputElement = e.target;
+      recordCursor(inputElement);
+      inputElement.value = formatterUtil.textFormatter4Input(
+        inputElement.value,
+        props.dataFormatter
+      );
+      setCursor(inputElement);
+      const unformattedValue = formatterUtil.reverseTextFormatter(
+        inputElement.value,
+        props.dataFormatter
+      );
+      compValue.value = unformattedValue;
+    };
+    return (_ctx, _cache) => {
+      const _component_van_field = index.Field;
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        vue.createVNode(_component_van_field, vue.mergeProps(_ctx.$attrs, {
+          modelValue: vue.unref(textValue),
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(textValue) ? textValue.value = $event : null),
+          disabled: __props.disabled,
+          clearable: "",
+          clickable: vue.unref(compClickable),
+          "clear-trigger": "always",
+          onClick: _cache[1] || (_cache[1] = ($event) => !__props.disabled && emit("openPicker")),
+          ref_key: "fieldInputRef",
+          ref: fieldInputRef,
+          onInput: handleInput
+        }), vue.createSlots({ _: 2 }, [
+          vue.renderList(_ctx.$slots, (item, key) => {
+            return {
+              name: key,
+              fn: vue.withCtx(() => [
+                vue.renderSlot(_ctx.$slots, key)
+              ])
+            };
+          }),
+          __props.showUnit && vue.unref(unit) ? {
+            name: "button",
+            fn: vue.withCtx(() => [
+              vue.createTextVNode(vue.toDisplayString(vue.unref(unit)), 1)
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1040, ["modelValue", "disabled", "clickable"]),
+        vue.withDirectives(vue.createElementVNode("input", {
+          type: "hidden",
+          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.isRef(compValue) ? compValue.value = $event : null)
+        }, null, 512), [
+          [vue.vModelText, vue.unref(compValue)]
+        ]),
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 64);
+    };
+  }
+};
+exports.default = _sfc_main;

package/lib/packages/mobile/src/components/form/fieldArea/FieldArea.vue.js

@@ -142,7 +142,7 @@ const _sfc_main = {
         isLink: __props.readonly ? false : true,
         readonly: "",
         disabled: __props.disabled,
-        onClick: _cache[5] || (_cache[5] = () => {
+        onOpenPicker: _cache[5] || (_cache[5] = () => {
           if (!__props.readonly) {
             showPicker.value = true;
           }

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

@@ -142,7 +142,7 @@ const _sfc_main = {
         isLink: __props.readonly ? false : true,
         readonly: "",
         disabled: __props.disabled,
-        onClick: _cache[3] || (_cache[3] = () => {
+        onOpenPicker: _cache[3] || (_cache[3] = () => {
           if (!__props.readonly) {
             showCalendar.value = true;
           }

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

@@ -137,7 +137,7 @@ const _sfc_main = {
         isLink: __props.readonly ? false : true,
         readonly: "",
         disabled: __props.disabled,
-        onClick: _cache[5] || (_cache[5] = () => {
+        onOpenPicker: _cache[5] || (_cache[5] = () => {
           if (!__props.readonly) {
             showPicker.value = true;
           }

package/lib/packages/mobile/src/components/form/fieldDatePicker/FieldDatePicker.vue.js

@@ -128,7 +128,7 @@ const _sfc_main = {
         isLink: __props.readonly ? false : true,
         readonly: "",
         disabled: __props.disabled,
-        onClick: _cache[5] || (_cache[5] = () => {
+        onOpenPicker: _cache[5] || (_cache[5] = () => {
           if (!__props.readonly) {
             showPicker.value = true;
           }

package/lib/packages/mobile/src/components/form/fieldDateTimePicker/FieldDateTimePicker.vue.js

@@ -127,7 +127,7 @@ const _sfc_main = {
         isLink: __props.readonly ? false : true,
         readonly: "",
         disabled: __props.disabled,
-        onClick: _cache[6] || (_cache[6] = () => {
+        onOpenPicker: _cache[6] || (_cache[6] = () => {
           if (!__props.readonly) {
             showPicker.value = true;
           }

package/lib/packages/mobile/src/components/form/fieldPicker/FieldPicker.vue.js

@@ -117,7 +117,7 @@ const _sfc_main = {
         isLink: __props.readonly ? false : true,
         readonly: "",
         disabled: __props.disabled,
-        onClick: _cache[4] || (_cache[4] = () => {
+        onOpenPicker: _cache[4] || (_cache[4] = () => {
           if (!__props.readonly) {
             showPicker.value = true;
           }

package/lib/packages/mobile/src/components/form/fieldTimePicker/FieldTimePicker.vue.js

@@ -130,7 +130,7 @@ const _sfc_main = {
         isLink: __props.readonly ? false : true,
         readonly: "",
         disabled: __props.disabled,
-        onClick: _cache[5] || (_cache[5] = () => {
+        onOpenPicker: _cache[5] || (_cache[5] = () => {
           if (!__props.readonly) {
             showPicker.value = true;
           }

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

@@ -34,7 +34,7 @@ const _sfc_main = {
       default: true
     }
   },
-  emits: ["update:modelValue"],
+  emits: ["update:modelValue", "submit"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -77,12 +77,16 @@ const _sfc_main = {
     };
     vue.provide("dicListMap", dicListMap);
     processSlotComponents();
+    function submitForm(oriFormData) {
+      emit("submit", vue.toRaw(formData.value));
+    }
     return (_ctx, _cache) => {
       const _component_van_cell_group = index$1.CellGroup;
       const _component_van_form = index.Form;
       return vue.openBlock(), vue.createBlock(_component_van_form, vue.mergeProps(_ctx.$attrs, {
         required: "auto",
-        class: { fecMForm: true, isShadow: __props.isCard && __props.isShadow }
+        class: { fecMForm: true, isShadow: __props.isCard && __props.isShadow },
+        onSubmit: submitForm
       }), {
         default: vue.withCtx(() => [
           vue.createVNode(_component_van_cell_group, { inset: __props.isCard }, {
@@ -97,5 +101,5 @@ const _sfc_main = {
     };
   }
 };
-const _Form = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-69b5b14f"]]);
+const _Form = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-a3cc552b"]]);
 exports.default = _Form;

package/lib/packages/mobile/src/components/form/formItem/FormItem.vue.js

@@ -90,13 +90,14 @@ const _sfc_main = {
       return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(formItem)), vue.mergeProps(_ctx.$attrs, {
         modelValue: vue.unref(compValue),
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(compValue) ? compValue.value = $event : null),
+        fieldType: __props.fieldType,
         rules: vue.unref(rules),
         required: vue.unref(formItemReadonly) ? false : "auto",
         disabled: vue.unref(formItemDisabled),
         readonly: vue.unref(formItemReadonly),
         placeholder: vue.unref(formItemReadonly) ? "" : __props.placeholder,
         dicList: (_a = vue.unref(dicListMap)) == null ? void 0 : _a[vue.unref(attrs).dicKey]
-      }), null, 16, ["modelValue", "rules", "required", "disabled", "readonly", "placeholder", "dicList"]);
+      }), null, 16, ["modelValue", "fieldType", "rules", "required", "disabled", "readonly", "placeholder", "dicList"]);
     };
   }
 };

package/lib/packages/mobile/src/utils/formatterUtil.js

@@ -53,21 +53,20 @@ const textFormatter = (value, dataFormatter) => {
     case "money(yi)":
       return moneyFormatter(value, dataFormatter);
     case "bankCard":
-      return index.default.commafy(index.default.toValueString(value), {
+      value = index.default.toValueString(value);
+      value = value.replace(/\s+/g, "");
+      return index.default.commafy(value, {
         spaceNumber: 4,
         separator: " "
       });
     case "percent":
       value = index.default.multiply(index.default.toNumber(value), 100);
-      value = index.default.toFixed(value, 2);
       return value;
     case "thousand":
       value = index.default.multiply(index.default.toNumber(value), 1e3);
-      value = index.default.toFixed(value, 2);
       return value;
     case "tenThousand":
       value = index.default.multiply(index.default.toNumber(value), 1e4);
-      value = index.default.toFixed(value, 2);
       return value;
     default:
       return value;
@@ -91,9 +90,89 @@ const moneyFormatter = (value, dataFormatter) => {
   }
   return index.default.commafy(moneyValue, { digits: 2 });
 };
+const textFormatter4Input = (value, dataFormatter) => {
+  switch (dataFormatter) {
+    case "money(yuan)":
+    case "money(wan)":
+    case "money(yi)":
+      return index.default.toNumberString(index.default.toNumber(value)).replace(
+        /\B(?=(\d{3})+(?!\d))/g,
+        ","
+      );
+    case "bankCard":
+      return index.default.toValueString(value.replace(/\s+/g, "")).replace(
+        /\B(?=(\d{4})+(?!\d))/g,
+        " "
+      );
+    default:
+      return value;
+  }
+};
+const reverseTextFormatter = (value, dataFormatter) => {
+  switch (dataFormatter) {
+    case "money(yuan)":
+    case "money(wan)":
+    case "money(yi)":
+      return reverseMoneyFormatter(value, dataFormatter);
+    case "bankCard":
+      return value.replace(/\s+/g, "");
+    case "percent":
+      value = index.default.divide(index.default.toNumber(value), 100);
+      return value;
+    case "thousand":
+      value = index.default.divide(index.default.toNumber(value), 1e3);
+      return value;
+    case "tenThousand":
+      value = index.default.divide(index.default.toNumber(value), 1e4);
+      return value;
+    default:
+      return value;
+  }
+};
+const reverseMoneyFormatter = (value, dataFormatter) => {
+  let moneyValue;
+  value = value.replace(/,/gi, "");
+  switch (dataFormatter) {
+    case "money(yuan)":
+      moneyValue = index.default.toNumber(value);
+      break;
+    case "money(wan)":
+      moneyValue = index.default.multiply(index.default.toNumber(value), 1e4);
+      break;
+    case "money(yi)":
+      moneyValue = index.default.multiply(index.default.toNumber(value), 1e8);
+      break;
+    default:
+      moneyValue = index.default.toNumber(value);
+      break;
+  }
+  return index.default.toNumberString(moneyValue);
+};
+const getUnit = (dataFormatter) => {
+  switch (dataFormatter) {
+    case "money(yuan)":
+      return "元";
+    case "money(wan)":
+      return "万";
+    case "money(yi)":
+      return "亿";
+    case "percent":
+      return "%";
+    case "thousand":
+      return "‰";
+    case "tenThousand":
+      return "‱";
+    default:
+      return "";
+  }
+};
 exports.cascadeFormatter = cascadeFormatter;
 exports.dateFormatter = dateFormatter;
+exports.getUnit = getUnit;
 exports.moneyFormatter = moneyFormatter;
 exports.multipleFormatter = multipleFormatter;
+exports.reverseMoneyFormatter = reverseMoneyFormatter;
+exports.reverseTextFormatter = reverseTextFormatter;
 exports.selectFormatter = selectFormatter;
 exports.textFormatter = textFormatter;
+exports.textFormatter4Input = textFormatter4Input;

package/lib/packages/mobile/src/utils/use-cursor.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function useCursor() {
+  let selectionInfo;
+  function recordCursor(inputElement) {
+    if (inputElement == void 0) return;
+    const { selectionStart, selectionEnd, value } = inputElement;
+    if (selectionStart == null || selectionEnd == null) return;
+    const beforeTxt = value.slice(0, Math.max(0, selectionStart));
+    const afterTxt = value.slice(Math.max(0, selectionEnd));
+    selectionInfo = {
+      selectionStart,
+      selectionEnd,
+      value,
+      beforeTxt,
+      afterTxt
+    };
+  }
+  function setCursor(inputElement) {
+    if (inputElement == void 0 || selectionInfo == void 0) return;
+    const { value } = inputElement;
+    const { beforeTxt, afterTxt, selectionStart } = selectionInfo;
+    if (beforeTxt == void 0 || afterTxt == void 0 || selectionStart == void 0)
+      return;
+    let startPos = value.length;
+    if (value.endsWith(afterTxt)) {
+      startPos = value.length - afterTxt.length;
+    } else if (value.startsWith(beforeTxt)) {
+      startPos = beforeTxt.length;
+    } else {
+      const beforeLastChar = beforeTxt[selectionStart - 1];
+      const newIndex = value.indexOf(beforeLastChar, selectionStart - 1);
+      if (newIndex !== -1) {
+        startPos = newIndex + 1;
+      }
+    }
+    inputElement.setSelectionRange(startPos, startPos);
+  }
+  return [recordCursor, setCursor];
+}
+exports.useCursor = useCursor;

package/lib/packages/mobile/src/utils/use-route.js

@@ -7,7 +7,6 @@ const routeProps = {
   replace: Boolean
 };
 function route({ to, url, replace, $router: router }) {
-  debugger;
   if (to && router) {
     router[replace ? "replace" : "push"](to);
   } else if (url) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fecp/mobile",
-  "version": "1.1.7",
+  "version": "1.1.8",
   "main": "lib/packages/mobile/index.js",
   "module": "es/packages/mobile/index.mjs",
   "files": [