@geelato/web-vue 2.59.0 → 2.59.1

package/lib/input-number/input-number.js

@@ -55,6 +55,10 @@ var _InputNumber = vue.defineComponent({
     parser: {
       type: Function
     },
+    showGroupSeparator: {
+      type: Boolean,
+      default: false
+    },
     placeholder: String,
     hideButton: {
       type: Boolean,
@@ -122,21 +126,44 @@ var _InputNumber = vue.defineComponent({
       }
       return void 0;
     });
-    const getStringValue = (number) => {
+    const parseValue = (value) => {
       var _a2, _b;
+      const parsed = (_b = (_a2 = props.parser) == null ? void 0 : _a2.call(props, value)) != null ? _b : value.replace(/[,，]/g, "");
+      return String(parsed).trim();
+    };
+    const formatGroupSeparator = (value) => {
+      if (!value || /^(\.|-)$/.test(value)) {
+        return value;
+      }
+      const negative = value[0] === "-";
+      const normalized = negative ? value.slice(1) : value;
+      const [intPart, decimalPart] = normalized.split(".");
+      const formattedInt = intPart.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+      const hasDot = normalized.includes(".");
+      const formatted = hasDot ? `${formattedInt}.${decimalPart != null ? decimalPart : ""}` : formattedInt;
+      return negative ? `-${formatted}` : formatted;
+    };
+    const formatValue = (value) => {
+      var _a2, _b;
+      const formatted = (_b = (_a2 = props.formatter) == null ? void 0 : _a2.call(props, value)) != null ? _b : value;
+      if (!props.formatter && props.showGroupSeparator) {
+        return formatGroupSeparator(formatted);
+      }
+      return formatted;
+    };
+    const getStringValue = (number) => {
       if (!is.isNumber(number)) {
         return "";
       }
       const numString = mergedPrecision.value ? number.toFixed(mergedPrecision.value) : String(number);
-      return (_b = (_a2 = props.formatter) == null ? void 0 : _a2.call(props, numString)) != null ? _b : numString;
+      return formatValue(numString);
     };
     const _value = vue.ref(getStringValue((_a = props.modelValue) != null ? _a : props.defaultValue));
     const valueNumber = vue.computed(() => {
-      var _a2, _b;
       if (!_value.value) {
         return void 0;
       }
-      const number = Number((_b = (_a2 = props.parser) == null ? void 0 : _a2.call(props, _value.value)) != null ? _b : _value.value);
+      const number = Number(parseValue(_value.value));
       return Number.isNaN(number) ? void 0 : number;
     });
     const isMin = vue.ref(is.isNumber(valueNumber.value) && valueNumber.value <= props.min);
@@ -217,13 +244,18 @@ var _InputNumber = vue.defineComponent({
       }
     };
     const handleInput = (value, ev) => {
-      var _a2, _b, _c, _d;
       if (props.readOnly)
         return;
       value = value.trim().replace(/。/g, ".");
-      value = (_b = (_a2 = props.parser) == null ? void 0 : _a2.call(props, value)) != null ? _b : value;
-      if (is.isNumber(Number(value)) || /^(\.|-)$/.test(value)) {
-        _value.value = (_d = (_c = props.formatter) == null ? void 0 : _c.call(props, value)) != null ? _d : value;
+      const parsedValue = parseValue(value);
+      if (is.isNumber(Number(parsedValue)) || /^(\.|-)$/.test(parsedValue)) {
+        if (props.formatter || props.showGroupSeparator) {
+          _value.value = formatValue(parsedValue);
+        } else if (props.parser) {
+          _value.value = parsedValue;
+        } else {
+          _value.value = value;
+        }
         updateNumberStatus(valueNumber.value);
         emit("input", valueNumber.value, _value.value, ev);
         if (props.modelEvent === "input") {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geelato/web-vue",
-  "version": "2.59.0",
+  "version": "2.59.1",
   "description": "Arco Design Vue 2.0: A Vue.js 3 UI Library",
   "keywords": [
     "arco",
@@ -29,25 +29,6 @@
     "lib/**/style/*",
     "*.less"
   ],
-  "scripts": {
-    "init": "pnpm run icongen && pnpm run lessgen && arco-vue-scripts build:component",
-    "start": "arco-vue-scripts dev:component",
-    "docgen": "arco-vue-scripts docgen",
-    "icongen": "arco-vue-scripts icongen && pnpm run dtsgen:icon",
-    "lessgen": "arco-vue-scripts lessgen",
-    "jsongen": "arco-vue-scripts jsongen",
-    "build": "pnpm run build:component && pnpm run build:style && pnpm run dtsgen && pnpm run jsongen",
-    "build:component": "arco-vue-scripts build:component -u",
-    "build:module": "arco-vue-scripts build:component",
-    "build:style": "arco-vue-scripts build:style",
-    "dtsgen": "arco-vue-scripts dtsgen 'components/**/*.{ts,tsx,vue}'",
-    "dtsgen:icon": "arco-vue-scripts dtsgen 'components/icon/**/*.{ts,tsx,vue}' -o 'components/icon/@types'",
-    "test": "arco-vue-scripts test --coverage",
-    "test:update": "arco-vue-scripts test --coverage -u",
-    "test:screenshot": "arco-vue-scripts test:screenshot -o ./__screenshots__/",
-    "changelog": "arco-vue-scripts changelog",
-    "lint-staged": "npx lint-staged"
-  },
   "peerDependencies": {
     "vue": ">=3.1.0"
   },
@@ -62,7 +43,6 @@
     ]
   },
   "devDependencies": {
-    "@arco-design/arco-vue-scripts": "workspace:*",
     "@babel/core": "^7.26.9",
     "@babel/plugin-proposal-class-properties": "^7.18.6",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
@@ -89,7 +69,8 @@
     "stylelint-config-standard": "^20.0.0",
     "stylelint-order": "^4.1.0",
     "typescript": "^4.9.5",
-    "vue-jest": "5.0.0-alpha.10"
+    "vue-jest": "5.0.0-alpha.10",
+    "@arco-design/arco-vue-scripts": "0.2.10"
   },
   "dependencies": {
     "@arco-design/color": "^0.4.0",
@@ -106,9 +87,27 @@
     "tags": "json/vetur-tags.json",
     "attributes": "json/vetur-attributes.json"
   },
-  "web-types": "json/web-types.json"
-  ,
+  "web-types": "json/web-types.json",
   "publishConfig": {
     "access": "public"
+  },
+  "scripts": {
+    "init": "pnpm run icongen && pnpm run lessgen && arco-vue-scripts build:component",
+    "start": "arco-vue-scripts dev:component",
+    "docgen": "arco-vue-scripts docgen",
+    "icongen": "arco-vue-scripts icongen && pnpm run dtsgen:icon",
+    "lessgen": "arco-vue-scripts lessgen",
+    "jsongen": "arco-vue-scripts jsongen",
+    "build": "pnpm run build:component && pnpm run build:style && pnpm run dtsgen && pnpm run jsongen",
+    "build:component": "arco-vue-scripts build:component -u",
+    "build:module": "arco-vue-scripts build:component",
+    "build:style": "arco-vue-scripts build:style",
+    "dtsgen": "arco-vue-scripts dtsgen 'components/**/*.{ts,tsx,vue}'",
+    "dtsgen:icon": "arco-vue-scripts dtsgen 'components/icon/**/*.{ts,tsx,vue}' -o 'components/icon/@types'",
+    "test": "arco-vue-scripts test --coverage",
+    "test:update": "arco-vue-scripts test --coverage -u",
+    "test:screenshot": "arco-vue-scripts test:screenshot -o ./__screenshots__/",
+    "changelog": "arco-vue-scripts changelog",
+    "lint-staged": "npx lint-staged"
   }
-}
+}