qfw

es/input/index2.js

@@ -102,10 +102,32 @@ const _sfc_main = defineComponent({
     });
     const isPassword = computed(() => type.value == "password");
     const composing = ref(false);
+    const formatMoney = function(s) {
+      var noNegative = true;
+      s = parseFloat((s + "").replace(/[^\d\.-]/g, "")) + "";
+      if (parseFloat(s) < 0) {
+        s = Math.abs(s).toFixed(2) + "";
+        noNegative = false;
+      }
+      var l = s.split(".")[0].split("").reverse(), r = s.split(".")[1];
+      var t = "";
+      for (let i = 0; i < l.length; i++) {
+        if (i % 3 == 2 && i != l.length - 1) {
+          t += l[i] + ",";
+        } else {
+          t += l[i] + "";
+        }
+      }
+      return (noNegative ? "" : "-") + t.split("").reverse().join("") + "." + r;
+    };
     watch(() => props.type, () => {
       type.value = props.type;
     });
     watch(() => props.modelValue, () => {
+      if (props.qfw) {
+        currentValue.value = formatMoney(props.modelValue.toString());
+        return;
+      }
       currentValue.value = String(props.modelValue == null ? "" : props.modelValue);
     });
     const onInput = function(event) {
@@ -140,24 +162,6 @@ const _sfc_main = defineComponent({
         onNumberBlur(event);
       }
       if (props.qfw) {
-        var formatMoney = function(s) {
-          var noNegative = true;
-          s = parseFloat((s + "").replace(/[^\d\.-]/g, "")) + "";
-          if (parseFloat(s) < 0) {
-            s = Math.abs(s).toFixed(2) + "";
-            noNegative = false;
-          }
-          var l = s.split(".")[0].split("").reverse(), r = s.split(".")[1];
-          var t = "";
-          for (let i = 0; i < l.length; i++) {
-            if (i % 3 == 2 && i != l.length - 1) {
-              t += l[i] + ",";
-            } else {
-              t += l[i] + "";
-            }
-          }
-          return (noNegative ? "" : "-") + t.split("").reverse().join("") + "." + r;
-        };
         try {
           let reg = /\d{1,3}(?=(\d{3})+$)/g;
           console.log("\u6DFB\u52A0\uFF0C", formatMoney(props.modelValue.toString()));

lib/index.js

@@ -11198,10 +11198,32 @@ const _sfc_main$1v = defineComponent({
     });
     const isPassword = computed$1(() => type4.value == "password");
     const composing = ref(false);
+    const formatMoney = function(s) {
+      var noNegative = true;
+      s = parseFloat((s + "").replace(/[^\d\.-]/g, "")) + "";
+      if (parseFloat(s) < 0) {
+        s = Math.abs(s).toFixed(2) + "";
+        noNegative = false;
+      }
+      var l = s.split(".")[0].split("").reverse(), r = s.split(".")[1];
+      var t = "";
+      for (let i = 0; i < l.length; i++) {
+        if (i % 3 == 2 && i != l.length - 1) {
+          t += l[i] + ",";
+        } else {
+          t += l[i] + "";
+        }
+      }
+      return (noNegative ? "" : "-") + t.split("").reverse().join("") + "." + r;
+    };
     watch(() => props.type, () => {
       type4.value = props.type;
     });
     watch(() => props.modelValue, () => {
+      if (props.qfw) {
+        currentValue.value = formatMoney(props.modelValue.toString());
+        return;
+      }
       currentValue.value = String(props.modelValue == null ? "" : props.modelValue);
     });
     const onInput = function(event) {
@@ -11236,24 +11258,6 @@ const _sfc_main$1v = defineComponent({
         onNumberBlur(event);
       }
       if (props.qfw) {
-        var formatMoney = function(s) {
-          var noNegative = true;
-          s = parseFloat((s + "").replace(/[^\d\.-]/g, "")) + "";
-          if (parseFloat(s) < 0) {
-            s = Math.abs(s).toFixed(2) + "";
-            noNegative = false;
-          }
-          var l = s.split(".")[0].split("").reverse(), r = s.split(".")[1];
-          var t = "";
-          for (let i = 0; i < l.length; i++) {
-            if (i % 3 == 2 && i != l.length - 1) {
-              t += l[i] + ",";
-            } else {
-              t += l[i] + "";
-            }
-          }
-          return (noNegative ? "" : "-") + t.split("").reverse().join("") + "." + r;
-        };
         try {
           let reg = /\d{1,3}(?=(\d{3})+$)/g;
           console.log("\u6DFB\u52A0\uFF0C", formatMoney(props.modelValue.toString()));

src/component/input/index.vue

@@ -29,7 +29,7 @@ export interface InputProps {
   maxlength?: number;
   max?: number;
   min?: number;
-  qfw?:boolean;
+  qfw?: boolean;
 }
 
 const props = withDefaults(defineProps<InputProps>(), {
@@ -63,6 +63,27 @@ const hasContent = computed(() => (props.modelValue as string)?.length > 0);
 const isPassword = computed(() => type.value == "password");
 const composing = ref(false);
 
+const formatMoney = function (s: string) {
+  var noNegative = true;
+  s = parseFloat((s + "").replace(/[^\d\.-]/g, "")) + "";
+  if (parseFloat(s) < 0) {
+    s = Math.abs(s).toFixed(2) + "";
+    noNegative = false;
+  }
+
+  var l = s.split(".")[0].split("").reverse(),
+    r = s.split(".")[1];
+  var t = "";
+  for (let i = 0; i < l.length; i++) {
+    if (i % 3 == 2 && i != l.length - 1) {
+      t += l[i] + ",";
+    } else {
+      t += l[i] + ""; //加上空格
+    }
+  }
+  return (noNegative ? "" : "-") + t.split("").reverse().join("") + "." + r;
+}
+
 watch(
   () => props.type,
   () => {
@@ -73,6 +94,10 @@ watch(
 watch(
   () => props.modelValue,
   () => {
+    if(props.qfw){
+      currentValue.value = formatMoney(props.modelValue.toString());
+      return ;
+    }
     currentValue.value = String(
       props.modelValue == null ? "" : props.modelValue
     );
@@ -84,8 +109,8 @@ const onInput = function (event: Event) {
   let value = inputElement.value;
   emit("input", value);
   if (composing.value) return;
-  if(props.qfw){
-    value = value.replace(/,/g,"")
+  if (props.qfw) {
+    value = value.replace(/,/g, "")
   }
   emit("update:modelValue", value);
 };
@@ -96,15 +121,15 @@ const onClear = () => {
 };
 
 const onFocus = (event: Event) => {
-  currentValue.value = new String(props.modelValue).replace(/,/g,"")
+  currentValue.value = new String(props.modelValue).replace(/,/g, "")
   emit("focus", event);
 };
 
 const onChange = (event: Event) => {
   const inputElement = event.target as HTMLInputElement;
   let value = inputElement.value;
-  if(props.qfw){
-    value = value.replace(/,/g,"")
+  if (props.qfw) {
+    value = value.replace(/,/g, "")
   }
   emit("change", value);
 };
@@ -113,38 +138,19 @@ const onBlur = (event: Event) => {
   if (props.type === "number") {
     onNumberBlur(event);
   }
-  if(props.qfw){
-    var formatMoney=function(s: string){
-      var noNegative = true;
-      s = parseFloat((s + "").replace(/[^\d\.-]/g, "")) + "";
-      if(parseFloat(s) < 0){
-        s = Math.abs(s).toFixed(2) + "";
-        noNegative = false;
-      }
-      
-      var l = s.split(".")[0].split("").reverse(),
-        r = s.split(".")[1];
-      var t = "";
-      for(let i = 0; i < l.length; i++) {
-        if(i%3==2&&i!=l.length-1){
-          t+=l[i]+",";
-        }else{
-          t+=l[i]+""; //加上空格
-        }
-      }
-      return (noNegative?"":"-") + t.split("").reverse().join("") + "." + r;
-    }
-    try{
-      let reg = /\d{1,3}(?=(\d{3})+$)/g;   
+  if (props.qfw) {
+
+    try {
+      let reg = /\d{1,3}(?=(\d{3})+$)/g;
       // new String(props.modelValue).replace(reg, '$&,');
       console.log("添加，", formatMoney(props.modelValue.toString()))
       currentValue.value = formatMoney(props.modelValue.toString());
-    }catch{
+    } catch {
       currentValue.value = "输入错误"
     }
   }
 
-  
+
   emit("blur", event);
 };
 
@@ -156,8 +162,8 @@ const onNumberBlur = (event: Event) => {
     if (props.max && props.max < Number(value)) value = props.max.toString();
     if (props.min && props.min > Number(value)) value = props.min.toString();
   }
-  if(props.qfw){
-    value = value.replace(/,/g,"")
+  if (props.qfw) {
+    value = value.replace(/,/g, "")
   }
   emit("update:modelValue", value);
 };
@@ -195,52 +201,22 @@ const showPassword = () => {
     <div class="layui-input-wrapper">
       <span class="layui-input-prefix" v-if="slots.prefix || props.prefixIcon">
         <slot name="prefix" v-if="slots.prefix"></slot>
-        <lay-icon
-          v-else
-          :type="props.prefixIcon"
-          class="layui-input-prefix-icon"
-        ></lay-icon>
+        <lay-icon v-else :type="props.prefixIcon" class="layui-input-prefix-icon"></lay-icon>
       </span>
-      <input
-        :type="type"
-        :name="name"
-        :disabled="disabled"
-        :placeholder="placeholder"
-        :autofocus="autofocus"
-        :autocomplete="autocomplete"
-        :maxlength="maxlength"
-        :max="max"
-        :min="min"
-        :readonly="readonly"
-        :value="currentValue"
-        @input="onInput"
-        @change="onChange"
-        @focus="onFocus"
-        @blur="onBlur"
-        @compositionstart="onCompositionstart"
-        @compositionend="onCompositionend"
-      />
-      <span
-        class="layui-input-password"
-        @click="showPassword"
-        v-if="password && hasContent"
-      >
+      <input :type="type" :name="name" :disabled="disabled" :placeholder="placeholder" :autofocus="autofocus"
+        :autocomplete="autocomplete" :maxlength="maxlength" :max="max" :min="min" :readonly="readonly"
+        :value="currentValue" @input="onInput" @change="onChange" @focus="onFocus" @blur="onBlur"
+        @compositionstart="onCompositionstart" @compositionend="onCompositionend" />
+      <span class="layui-input-password" @click="showPassword" v-if="password && hasContent">
         <password-icon v-if="isPassword"></password-icon>
         <un-password-icon v-else></un-password-icon>
       </span>
-      <span
-        class="layui-input-clear"
-        v-if="allowClear && hasContent && !disabled"
-      >
+      <span class="layui-input-clear" v-if="allowClear && hasContent && !disabled">
         <lay-icon type="layui-icon-close-fill" @click.stop="onClear"></lay-icon>
       </span>
       <span class="layui-input-suffix" v-if="slots.suffix || props.suffixIcon">
         <slot name="suffix" v-if="slots.suffix"></slot>
-        <lay-icon
-          v-else
-          :type="props.suffixIcon"
-          class="layui-input-suffix-icon"
-        ></lay-icon>
+        <lay-icon v-else :type="props.suffixIcon" class="layui-input-suffix-icon"></lay-icon>
       </span>
     </div>
     <div class="layui-input-append" v-if="slots.append">