@fecp/mobile-designer 1.0.8 → 1.0.9

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const Vue = require("vue");
+const require$$1 = require("vue");
 const FloatingBubble = require("./FloatingBubble.js");
 ;/* empty css           */
 const useRoute = require("../../../utils/use-route.js");
@@ -23,8 +23,8 @@ const _sfc_main = {
   setup(__props) {
     const route = useRoute.useRoute();
     const props = __props;
-    const dropAxis = Vue.ref(props.axis);
-    const compMagnetic = Vue.computed(() => {
+    const dropAxis = require$$1.ref(props.axis);
+    const compMagnetic = require$$1.computed(() => {
       if (props.axis == "xy") {
         return props.magnetic;
       } else {
@@ -32,16 +32,16 @@ const _sfc_main = {
       }
     });
     return (_ctx, _cache) => {
-      return Vue.openBlock(), Vue.createBlock(Vue.unref(FloatingBubble.default), Vue.mergeProps({ class: "fec-floating-bubble" }, _ctx.$attrs, {
-        axis: Vue.unref(dropAxis),
+      return require$$1.openBlock(), require$$1.createBlock(require$$1.unref(FloatingBubble.default), require$$1.mergeProps({ class: "fec-floating-bubble" }, _ctx.$attrs, {
+        axis: require$$1.unref(dropAxis),
         magnetic: compMagnetic.value,
-        onClick: Vue.unref(route)
-      }), Vue.createSlots({ _: 2 }, [
-        Vue.renderList(_ctx.$slots, (item, key) => {
+        onClick: require$$1.unref(route)
+      }), require$$1.createSlots({ _: 2 }, [
+        require$$1.renderList(_ctx.$slots, (item, key) => {
           return {
             name: key,
-            fn: Vue.withCtx(() => [
-              Vue.renderSlot(_ctx.$slots, key)
+            fn: require$$1.withCtx(() => [
+              require$$1.renderSlot(_ctx.$slots, key)
             ])
           };
         })

package/lib/packages/mobile/src/components/feedback/floatingPanel/FloatingPanel.vue.js

@@ -2,18 +2,18 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 ;/* empty css                                               */
 ;/* empty css                                                         */
-const Vue = require("vue");
+const require$$1 = require("vue");
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.js");
 const index = require("../../../../node_modules/vant/es/floating-panel/index.js");
 const _sfc_main = {};
 function _sfc_render(_ctx, _cache) {
   const _component_van_floating_panel = index.FloatingPanel;
-  return Vue.openBlock(), Vue.createBlock(_component_van_floating_panel, Vue.normalizeProps(Vue.guardReactiveProps(_ctx.$attrs)), Vue.createSlots({ _: 2 }, [
-    Vue.renderList(_ctx.$slots, (item, key) => {
+  return require$$1.openBlock(), require$$1.createBlock(_component_van_floating_panel, require$$1.normalizeProps(require$$1.guardReactiveProps(_ctx.$attrs)), require$$1.createSlots({ _: 2 }, [
+    require$$1.renderList(_ctx.$slots, (item, key) => {
       return {
         name: key,
-        fn: Vue.withCtx(() => [
-          Vue.renderSlot(_ctx.$slots, key)
+        fn: require$$1.withCtx(() => [
+          require$$1.renderSlot(_ctx.$slots, key)
         ])
       };
     })

package/lib/packages/mobile/src/components/feedback/loading/Loading.vue.js

@@ -2,18 +2,18 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 ;/* empty css                                               */
 ;/* empty css                                                  */
-const Vue = require("vue");
+const require$$1 = require("vue");
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.js");
 const index = require("../../../../node_modules/vant/es/loading/index.js");
 const _sfc_main = {};
 function _sfc_render(_ctx, _cache) {
   const _component_van_loading = index.Loading;
-  return Vue.openBlock(), Vue.createBlock(_component_van_loading, Vue.normalizeProps(Vue.guardReactiveProps(_ctx.$attrs)), Vue.createSlots({ _: 2 }, [
-    Vue.renderList(_ctx.$slots, (item, key) => {
+  return require$$1.openBlock(), require$$1.createBlock(_component_van_loading, require$$1.normalizeProps(require$$1.guardReactiveProps(_ctx.$attrs)), require$$1.createSlots({ _: 2 }, [
+    require$$1.renderList(_ctx.$slots, (item, key) => {
       return {
         name: key,
-        fn: Vue.withCtx(() => [
-          Vue.renderSlot(_ctx.$slots, key)
+        fn: require$$1.withCtx(() => [
+          require$$1.renderSlot(_ctx.$slots, key)
         ])
       };
     })

package/lib/packages/mobile/src/components/feedback/pullRefresh/PullRefresh.vue.js

@@ -3,18 +3,18 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 ;/* empty css                                               */
 ;/* empty css                                                  */
 ;/* empty css                                                       */
-const Vue = require("vue");
+const require$$1 = require("vue");
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.js");
 const index = require("../../../../node_modules/vant/es/pull-refresh/index.js");
 const _sfc_main = {};
 function _sfc_render(_ctx, _cache) {
   const _component_van_pull_refresh = index.PullRefresh;
-  return Vue.openBlock(), Vue.createBlock(_component_van_pull_refresh, Vue.normalizeProps(Vue.guardReactiveProps(_ctx.$attrs)), Vue.createSlots({ _: 2 }, [
-    Vue.renderList(_ctx.$slots, (item, key) => {
+  return require$$1.openBlock(), require$$1.createBlock(_component_van_pull_refresh, require$$1.normalizeProps(require$$1.guardReactiveProps(_ctx.$attrs)), require$$1.createSlots({ _: 2 }, [
+    require$$1.renderList(_ctx.$slots, (item, key) => {
       return {
         name: key,
-        fn: Vue.withCtx(() => [
-          Vue.renderSlot(_ctx.$slots, key)
+        fn: require$$1.withCtx(() => [
+          require$$1.renderSlot(_ctx.$slots, key)
         ])
       };
     })

package/lib/packages/mobile/src/components/feedback/quickFilter/QuickFilter.vue.js

@@ -10,7 +10,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 ;/* empty css                                                        */
 ;/* empty css                                                  */
 ;/* empty css                                                 */
-const Vue = require("vue");
+const require$$1 = require("vue");
 ;/* empty css                  */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.js");
 const index = require("../../../../node_modules/vant/es/dropdown-menu/index.js");
@@ -42,9 +42,9 @@ const _sfc_main = {
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const activeSelections = Vue.ref({});
-    const confirmedSelections = Vue.ref({});
-    const itemRefs = Vue.ref({});
+    const activeSelections = require$$1.ref({});
+    const confirmedSelections = require$$1.ref({});
+    const itemRefs = require$$1.ref({});
     const isOptionSelected = (fieldName, value) => {
       var _a;
       return ((_a = activeSelections.value[fieldName]) == null ? void 0 : _a.includes(value)) || false;
@@ -90,7 +90,7 @@ const _sfc_main = {
       (_a = itemRefs.value[fieldName]) == null ? void 0 : _a.toggle();
       emitChange();
     };
-    const allFilterRef = Vue.ref(null);
+    const allFilterRef = require$$1.ref(null);
     const resetAllFilters = () => {
       props.filterData.forEach((filter) => {
         activeSelections.value[filter.fieldName] = [];
@@ -130,53 +130,53 @@ const _sfc_main = {
       const _component_van_button = index$2.Button;
       const _component_van_dropdown_item = index$1.DropdownItem;
       const _component_van_dropdown_menu = index.DropdownMenu;
-      return __props.filterData.length > 0 ? (Vue.openBlock(), Vue.createBlock(_component_van_dropdown_menu, {
+      return __props.filterData.length > 0 ? (require$$1.openBlock(), require$$1.createBlock(_component_van_dropdown_menu, {
         key: 0,
         "auto-locate": "",
         class: "fec-quick-filter"
       }, {
-        default: Vue.withCtx(() => [
-          (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(__props.filterData, (filter, index2) => {
-            return Vue.openBlock(), Vue.createBlock(_component_van_dropdown_item, {
+        default: require$$1.withCtx(() => [
+          (require$$1.openBlock(true), require$$1.createElementBlock(require$$1.Fragment, null, require$$1.renderList(__props.filterData, (filter, index2) => {
+            return require$$1.openBlock(), require$$1.createBlock(_component_van_dropdown_item, {
               key: `${filter.label}-${index2}`,
               ref_for: true,
-              ref: (el) => Vue.unref(itemRefs)[filter.fieldName] = el,
+              ref: (el) => require$$1.unref(itemRefs)[filter.fieldName] = el,
               onOpen: ($event) => dropdownItemOpen(filter.fieldName)
             }, {
-              title: Vue.withCtx(() => [
-                Vue.createElementVNode("span", _hoisted_1, [
-                  Vue.createTextVNode(Vue.toDisplayString(filter.dataType === "select" ? getSelectedLabel(filter) || filter.label : filter.label) + " ", 1),
-                  filter.dataType === "multiple" && getConfirmedCount(filter.fieldName) > 0 ? (Vue.openBlock(), Vue.createElementBlock("span", _hoisted_2, Vue.toDisplayString(getConfirmedCount(filter.fieldName)), 1)) : Vue.createCommentVNode("", true)
+              title: require$$1.withCtx(() => [
+                require$$1.createElementVNode("span", _hoisted_1, [
+                  require$$1.createTextVNode(require$$1.toDisplayString(filter.dataType === "select" ? getSelectedLabel(filter) || filter.label : filter.label) + " ", 1),
+                  filter.dataType === "multiple" && getConfirmedCount(filter.fieldName) > 0 ? (require$$1.openBlock(), require$$1.createElementBlock("span", _hoisted_2, require$$1.toDisplayString(getConfirmedCount(filter.fieldName)), 1)) : require$$1.createCommentVNode("", true)
                 ])
               ]),
-              default: Vue.withCtx(() => [
-                Vue.createElementVNode("div", _hoisted_3, [
-                  Vue.createElementVNode("div", _hoisted_4, [
-                    (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(filter.options, (item) => {
-                      return Vue.openBlock(), Vue.createElementBlock("div", {
+              default: require$$1.withCtx(() => [
+                require$$1.createElementVNode("div", _hoisted_3, [
+                  require$$1.createElementVNode("div", _hoisted_4, [
+                    (require$$1.openBlock(true), require$$1.createElementBlock(require$$1.Fragment, null, require$$1.renderList(filter.options, (item) => {
+                      return require$$1.openBlock(), require$$1.createElementBlock("div", {
                         key: item.id || item.value,
-                        class: Vue.normalizeClass(["tag-item", { active: isOptionSelected(filter.fieldName, item.value) }]),
+                        class: require$$1.normalizeClass(["tag-item", { active: isOptionSelected(filter.fieldName, item.value) }]),
                         onClick: ($event) => toggleOption(filter.fieldName, item.value)
-                      }, Vue.toDisplayString(item.label), 11, _hoisted_5);
+                      }, require$$1.toDisplayString(item.label), 11, _hoisted_5);
                     }), 128))
                   ]),
-                  Vue.createElementVNode("div", _hoisted_6, [
-                    Vue.createVNode(_component_van_button, {
+                  require$$1.createElementVNode("div", _hoisted_6, [
+                    require$$1.createVNode(_component_van_button, {
                       size: "small",
                       onClick: ($event) => resetFilter(filter.fieldName)
                     }, {
-                      default: Vue.withCtx(() => _cache[0] || (_cache[0] = [
-                        Vue.createTextVNode("重置")
+                      default: require$$1.withCtx(() => _cache[0] || (_cache[0] = [
+                        require$$1.createTextVNode("重置")
                       ])),
                       _: 2
                     }, 1032, ["onClick"]),
-                    Vue.createVNode(_component_van_button, {
+                    require$$1.createVNode(_component_van_button, {
                       type: "primary",
                       size: "small",
                       onClick: ($event) => confirmFilter(filter.fieldName)
                     }, {
-                      default: Vue.withCtx(() => _cache[1] || (_cache[1] = [
-                        Vue.createTextVNode("确定")
+                      default: require$$1.withCtx(() => _cache[1] || (_cache[1] = [
+                        require$$1.createTextVNode("确定")
                       ])),
                       _: 2
                     }, 1032, ["onClick"])
@@ -186,50 +186,50 @@ const _sfc_main = {
               _: 2
             }, 1032, ["onOpen"]);
           }), 128)),
-          __props.filterData.length > 0 ? (Vue.openBlock(), Vue.createBlock(_component_van_dropdown_item, {
+          __props.filterData.length > 0 ? (require$$1.openBlock(), require$$1.createBlock(_component_van_dropdown_item, {
             key: 0,
             ref_key: "allFilterRef",
             ref: allFilterRef,
             title: "全部筛选"
           }, {
-            default: Vue.withCtx(() => [
-              Vue.createElementVNode("div", _hoisted_7, [
-                (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(__props.filterData, (filter, index2) => {
-                  return Vue.openBlock(), Vue.createElementBlock("div", {
+            default: require$$1.withCtx(() => [
+              require$$1.createElementVNode("div", _hoisted_7, [
+                (require$$1.openBlock(true), require$$1.createElementBlock(require$$1.Fragment, null, require$$1.renderList(__props.filterData, (filter, index2) => {
+                  return require$$1.openBlock(), require$$1.createElementBlock("div", {
                     key: `all-${filter.label}-${index2}`,
                     class: "filter-group"
                   }, [
-                    Vue.createElementVNode("h3", _hoisted_8, Vue.toDisplayString(filter.label), 1),
-                    Vue.createElementVNode("div", _hoisted_9, [
-                      (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(filter.options, (item, optIndex) => {
-                        return Vue.openBlock(), Vue.createElementBlock("div", {
+                    require$$1.createElementVNode("h3", _hoisted_8, require$$1.toDisplayString(filter.label), 1),
+                    require$$1.createElementVNode("div", _hoisted_9, [
+                      (require$$1.openBlock(true), require$$1.createElementBlock(require$$1.Fragment, null, require$$1.renderList(filter.options, (item, optIndex) => {
+                        return require$$1.openBlock(), require$$1.createElementBlock("div", {
                           key: `${filter.label}-${item.value}-${optIndex}`,
-                          class: Vue.normalizeClass(["tag-item", {
+                          class: require$$1.normalizeClass(["tag-item", {
                             active: isOptionSelected(filter.fieldName, item.value)
                           }]),
                           onClick: ($event) => toggleOption(filter.fieldName, item.value)
-                        }, Vue.toDisplayString(item.label), 11, _hoisted_10);
+                        }, require$$1.toDisplayString(item.label), 11, _hoisted_10);
                       }), 128))
                     ])
                   ]);
                 }), 128)),
-                Vue.createElementVNode("div", _hoisted_11, [
-                  Vue.createVNode(_component_van_button, {
+                require$$1.createElementVNode("div", _hoisted_11, [
+                  require$$1.createVNode(_component_van_button, {
                     size: "small",
                     onClick: resetAllFilters
                   }, {
-                    default: Vue.withCtx(() => _cache[2] || (_cache[2] = [
-                      Vue.createTextVNode("重置")
+                    default: require$$1.withCtx(() => _cache[2] || (_cache[2] = [
+                      require$$1.createTextVNode("重置")
                     ])),
                     _: 1
                   }),
-                  Vue.createVNode(_component_van_button, {
+                  require$$1.createVNode(_component_van_button, {
                     type: "primary",
                     size: "small",
                     onClick: confirmAllFilters
                   }, {
-                    default: Vue.withCtx(() => _cache[3] || (_cache[3] = [
-                      Vue.createTextVNode("确定")
+                    default: require$$1.withCtx(() => _cache[3] || (_cache[3] = [
+                      require$$1.createTextVNode("确定")
                     ])),
                     _: 1
                   })
@@ -237,10 +237,10 @@ const _sfc_main = {
               ])
             ]),
             _: 1
-          }, 512)) : Vue.createCommentVNode("", true)
+          }, 512)) : require$$1.createCommentVNode("", true)
         ]),
         _: 1
-      })) : Vue.createCommentVNode("", true);
+      })) : require$$1.createCommentVNode("", true);
     };
   }
 };

package/lib/packages/mobile/src/components/feedback/swipeCell/SwipeCell.vue.js

@@ -2,18 +2,18 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 ;/* empty css                                               */
 ;/* empty css                                                     */
-const Vue = require("vue");
+const require$$1 = require("vue");
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.js");
 const index = require("../../../../node_modules/vant/es/swipe-cell/index.js");
 const _sfc_main = {};
 function _sfc_render(_ctx, _cache) {
   const _component_van_swipe_cell = index.SwipeCell;
-  return Vue.openBlock(), Vue.createBlock(_component_van_swipe_cell, Vue.normalizeProps(Vue.guardReactiveProps(_ctx.$attrs)), Vue.createSlots({ _: 2 }, [
-    Vue.renderList(_ctx.$slots, (item, key) => {
+  return require$$1.openBlock(), require$$1.createBlock(_component_van_swipe_cell, require$$1.normalizeProps(require$$1.guardReactiveProps(_ctx.$attrs)), require$$1.createSlots({ _: 2 }, [
+    require$$1.renderList(_ctx.$slots, (item, key) => {
       return {
         name: key,
-        fn: Vue.withCtx(() => [
-          Vue.renderSlot(_ctx.$slots, key)
+        fn: require$$1.withCtx(() => [
+          require$$1.renderSlot(_ctx.$slots, key)
         ])
       };
     })

package/lib/packages/mobile/src/components/form/checkbox/Checkbox.vue.js

@@ -5,7 +5,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 ;/* empty css                                               */
 ;/* empty css                                                         */
 ;/* empty css                                                   */
-const Vue = require("vue");
+const require$$1 = require("vue");
 const index = require("../../../../node_modules/vant/es/checkbox/index.js");
 const _sfc_main = {
   __name: "Checkbox",
@@ -18,9 +18,9 @@ const _sfc_main = {
   setup(__props) {
     return (_ctx, _cache) => {
       const _component_van_checkbox = index.Checkbox;
-      return Vue.openBlock(), Vue.createBlock(_component_van_checkbox, Vue.mergeProps(_ctx.$attrs, { shape: "square" }), {
-        default: Vue.withCtx(() => [
-          Vue.createTextVNode(Vue.toDisplayString(__props.label), 1)
+      return require$$1.openBlock(), require$$1.createBlock(_component_van_checkbox, require$$1.mergeProps(_ctx.$attrs, { shape: "square" }), {
+        default: require$$1.withCtx(() => [
+          require$$1.createTextVNode(require$$1.toDisplayString(__props.label), 1)
         ]),
         _: 1
       }, 16);

package/lib/packages/mobile/src/components/form/checkboxGroup/CheckboxGroup.vue.js

@@ -5,7 +5,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 ;/* empty css                                                */
 ;/* empty css                                               */
 ;/* empty css                                                   */
-const Vue = require("vue");
+const require$$1 = require("vue");
 ;/* empty css                    */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.js");
 const index = require("../../../../node_modules/vant/es/checkbox-group/index.js");
@@ -30,18 +30,18 @@ const _sfc_main = {
     return (_ctx, _cache) => {
       const _component_van_checkbox = index$1.Checkbox;
       const _component_van_checkbox_group = index.CheckboxGroup;
-      return Vue.openBlock(), Vue.createBlock(_component_van_checkbox_group, Vue.mergeProps(_ctx.$attrs, {
+      return require$$1.openBlock(), require$$1.createBlock(_component_van_checkbox_group, require$$1.mergeProps(_ctx.$attrs, {
         shape: "square",
         class: "fec-m-checkbox"
       }), {
-        default: Vue.withCtx(() => [
-          (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(__props.options, (item) => {
-            return Vue.openBlock(), Vue.createBlock(_component_van_checkbox, {
+        default: require$$1.withCtx(() => [
+          (require$$1.openBlock(true), require$$1.createElementBlock(require$$1.Fragment, null, require$$1.renderList(__props.options, (item) => {
+            return require$$1.openBlock(), require$$1.createBlock(_component_van_checkbox, {
               name: item[__props.fieldNames.value],
               disabled: item[__props.fieldNames.disabled]
             }, {
-              default: Vue.withCtx(() => [
-                Vue.createTextVNode(Vue.toDisplayString(item[__props.fieldNames.text]), 1)
+              default: require$$1.withCtx(() => [
+                require$$1.createTextVNode(require$$1.toDisplayString(item[__props.fieldNames.text]), 1)
               ]),
               _: 2
             }, 1032, ["name", "disabled"]);

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

@@ -5,7 +5,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 ;/* empty css                                               */
 ;/* empty css                                               */
 ;/* empty css                                                */
-const Vue = require("vue");
+const require$$1 = require("vue");
 const formatterUtil = require("../../../utils/formatterUtil.js");
 const useCursor = require("../../../utils/use-cursor.js");
 ;/* empty css            */
@@ -39,43 +39,45 @@ const _sfc_main = {
     showUnit: {
       type: Boolean,
       default: true
-    }
+    },
+    maxlength: {
+      type: Number,
+      default: 0
+    },
+    formData: Object
   },
   emits: ["openPicker", "update:modelValue"],
   setup(__props, { emit: __emit }) {
     const props = __props;
-    const unit = Vue.ref("");
-    const fieldInputRef = Vue.ref();
+    const instance = require$$1.getCurrentInstance();
+    const ctx = instance.proxy;
+    const realMaxLength = require$$1.computed(() => {
+      return Math.floor(props.maxLength / (ctx.$dbFieldLengthRatio || 1)) || "-";
+    });
+    const unit = require$$1.ref("");
+    const fieldInputRef = require$$1.ref();
     const [recordCursor, setCursor] = useCursor.useCursor();
     const emit = __emit;
-    const textValue = Vue.ref("");
-    const compValue = Vue.computed({
-      get: () => {
-        if (!props.fieldType || props.fieldType == "text") {
-          unit.value = formatterUtil.getUnit(props.dataFormatter);
-          if (props.readonly) {
-            textValue.value = formatterUtil.textFormatter(props.modelValue, props.dataFormatter);
-          } else {
-            textValue.value = formatterUtil.textFormatter4Input(
-              props.modelValue,
-              props.dataFormatter
-            );
-          }
-        } else {
-          textValue.value = props.modelValue;
-        }
-        return props.modelValue;
-      },
+    const textValue = require$$1.ref("");
+    const compValue = require$$1.computed({
+      get: () => props.modelValue,
       set: (val) => {
         emit("update:modelValue", val);
       }
     });
-    Vue.watch(textValue, (val) => {
-      if (!val) {
-        emit("update:modelValue", val);
-      }
-    });
-    const compClickable = Vue.computed(() => {
+    require$$1.watch(
+      () => props.modelValue,
+      (newVal) => {
+        unit.value = formatterUtil.getUnit(props.dataFormatter);
+        if (!props.fieldType || props.fieldType === "text") {
+          textValue.value = formatterUtil.textFormatter(newVal, props.dataFormatter);
+        } else {
+          textValue.value = newVal;
+        }
+      },
+      { immediate: true, flush: "post" }
+    );
+    const compClickable = require$$1.computed(() => {
       if (props.disabled || props.readonly) {
         return false;
       }
@@ -120,45 +122,55 @@ const _sfc_main = {
     };
     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),
+      return require$$1.openBlock(), require$$1.createElementBlock(require$$1.Fragment, null, [
+        require$$1.createVNode(_component_van_field, require$$1.mergeProps(_ctx.$attrs, {
+          type: _ctx.$attrs.type == "number" ? "text" : _ctx.$attrs.type,
+          modelValue: require$$1.unref(textValue),
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => require$$1.isRef(textValue) ? textValue.value = $event : null),
+          maxlength: require$$1.unref(realMaxLength),
           disabled: __props.disabled,
           readonly: __props.readonly,
           clearable: "",
-          clickable: Vue.unref(compClickable),
+          clickable: require$$1.unref(compClickable),
           "clear-trigger": "focus",
           onClick: _cache[1] || (_cache[1] = ($event) => !__props.disabled && emit("openPicker")),
           ref_key: "fieldInputRef",
           ref: fieldInputRef,
           onInput: handleInput,
           onCompositionstart: handleCompositionStart,
-          onCompositionend: handleCompositionEnd
-        }), Vue.createSlots({ _: 2 }, [
-          Vue.renderList(_ctx.$slots, (item, key) => {
+          onCompositionend: handleCompositionEnd,
+          "input-align": "right"
+        }), require$$1.createSlots({ _: 2 }, [
+          require$$1.renderList(_ctx.$slots, (item, key) => {
             return {
               name: key,
-              fn: Vue.withCtx(() => [
-                Vue.renderSlot(_ctx.$slots, key)
+              fn: require$$1.withCtx(() => [
+                require$$1.renderSlot(_ctx.$slots, key)
               ])
             };
           }),
-          __props.showUnit && Vue.unref(unit) ? {
-            name: "button",
-            fn: Vue.withCtx(() => [
-              Vue.createTextVNode(Vue.toDisplayString(Vue.unref(unit)), 1)
+          __props.disabled ? {
+            name: "input",
+            fn: require$$1.withCtx(() => [
+              require$$1.createElementVNode("div", null, require$$1.toDisplayString(require$$1.unref(textValue)), 1)
             ]),
             key: "0"
+          } : void 0,
+          __props.showUnit && require$$1.unref(unit) ? {
+            name: "button",
+            fn: require$$1.withCtx(() => [
+              require$$1.createTextVNode(require$$1.toDisplayString(require$$1.unref(unit)), 1)
+            ]),
+            key: "1"
           } : void 0
-        ]), 1040, ["modelValue", "disabled", "readonly", "clickable"]),
-        Vue.withDirectives(Vue.createElementVNode("input", {
+        ]), 1040, ["type", "modelValue", "maxlength", "disabled", "readonly", "clickable"]),
+        require$$1.withDirectives(require$$1.createElementVNode("input", {
           type: "hidden",
-          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => Vue.isRef(compValue) ? compValue.value = $event : null)
+          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => require$$1.isRef(compValue) ? compValue.value = $event : null)
         }, null, 512), [
-          [Vue.vModelText, Vue.unref(compValue)]
+          [require$$1.vModelText, require$$1.unref(compValue)]
         ]),
-        Vue.renderSlot(_ctx.$slots, "default")
+        require$$1.renderSlot(_ctx.$slots, "default")
       ], 64);
     };
   }