@geelato/web-vue 2.58.3 → 2.59.1

package/lib/index.css

@@ -14678,13 +14678,13 @@ body[arco-theme='dark'] .arco-radio-button::after {
 .arco-table-border-body-cell .arco-table-td:not(:last-child):not(.arco-table-tr-expand) {
   border-right: 1px solid var(--color-neutral-3);
 }
-.arco-table-stripe:not(.arco-table-dragging) .arco-table-tr:not(.arco-table-tr-empty):not(.arco-table-tr-summary):nth-child(even) .arco-table-td:not(.arco-table-col-fixed-left):not(.arco-table-col-fixed-right),
-.arco-table-stripe .arco-table-tr-drag .arco-table-td:not(.arco-table-col-fixed-left):not(.arco-table-col-fixed-right) {
+.arco-table-stripe:not(.arco-table-dragging) .arco-table-tr:not(.arco-table-tr-empty):not( .arco-table-tr-summary):nth-child(even) .arco-table-td:not(.arco-table-col-fixed-left):not( .arco-table-col-fixed-right),
+.arco-table-stripe .arco-table-tr-drag .arco-table-td:not(.arco-table-col-fixed-left):not( .arco-table-col-fixed-right) {
   background-color: var(--color-fill-1);
 }
-.arco-table-stripe:not(.arco-table-dragging) .arco-table-tr:not(.arco-table-tr-empty):not(.arco-table-tr-summary):nth-child(even) .arco-table-td.arco-table-col-fixed-left::before,
+.arco-table-stripe:not(.arco-table-dragging) .arco-table-tr:not(.arco-table-tr-empty):not( .arco-table-tr-summary):nth-child(even) .arco-table-td.arco-table-col-fixed-left::before,
 .arco-table-stripe .arco-table-tr-drag .arco-table-td.arco-table-col-fixed-left::before,
-.arco-table-stripe:not(.arco-table-dragging) .arco-table-tr:not(.arco-table-tr-empty):not(.arco-table-tr-summary):nth-child(even) .arco-table-td.arco-table-col-fixed-right::before,
+.arco-table-stripe:not(.arco-table-dragging) .arco-table-tr:not(.arco-table-tr-empty):not( .arco-table-tr-summary):nth-child(even) .arco-table-td.arco-table-col-fixed-right::before,
 .arco-table-stripe .arco-table-tr-drag .arco-table-td.arco-table-col-fixed-right::before {
   position: absolute;
   top: 0;
@@ -14698,13 +14698,13 @@ body[arco-theme='dark'] .arco-radio-button::after {
 .arco-table .arco-table-tr-draggable {
   cursor: move;
 }
-.arco-table-hover:not(.arco-table-dragging) .arco-table-tr:not(.arco-table-tr-empty):not(.arco-table-tr-summary):hover .arco-table-td:not(.arco-table-col-fixed-left):not(.arco-table-col-fixed-right),
-.arco-table-hover .arco-table-tr-drag .arco-table-td:not(.arco-table-col-fixed-left):not(.arco-table-col-fixed-right) {
+.arco-table-hover:not(.arco-table-dragging) .arco-table-tr:not(.arco-table-tr-empty):not( .arco-table-tr-summary):hover .arco-table-td:not(.arco-table-col-fixed-left):not( .arco-table-col-fixed-right),
+.arco-table-hover .arco-table-tr-drag .arco-table-td:not(.arco-table-col-fixed-left):not( .arco-table-col-fixed-right) {
   background-color: var(--color-fill-1);
 }
-.arco-table-hover:not(.arco-table-dragging) .arco-table-tr:not(.arco-table-tr-empty):not(.arco-table-tr-summary):hover .arco-table-td.arco-table-col-fixed-left::before,
+.arco-table-hover:not(.arco-table-dragging) .arco-table-tr:not(.arco-table-tr-empty):not( .arco-table-tr-summary):hover .arco-table-td.arco-table-col-fixed-left::before,
 .arco-table-hover .arco-table-tr-drag .arco-table-td.arco-table-col-fixed-left::before,
-.arco-table-hover:not(.arco-table-dragging) .arco-table-tr:not(.arco-table-tr-empty):not(.arco-table-tr-summary):hover .arco-table-td.arco-table-col-fixed-right::before,
+.arco-table-hover:not(.arco-table-dragging) .arco-table-tr:not(.arco-table-tr-empty):not( .arco-table-tr-summary):hover .arco-table-td.arco-table-col-fixed-right::before,
 .arco-table-hover .arco-table-tr-drag .arco-table-td.arco-table-col-fixed-right::before {
   position: absolute;
   top: 0;
@@ -14715,10 +14715,10 @@ body[arco-theme='dark'] .arco-radio-button::after {
   background-color: var(--color-fill-1);
   content: '';
 }
-.arco-table-hover .arco-table-tr-expand:not(.arco-table-tr-empty):hover .arco-table-td:not(.arco-table-col-fixed-left):not(.arco-table-col-fixed-right) {
+.arco-table-hover .arco-table-tr-expand:not(.arco-table-tr-empty):hover .arco-table-td:not(.arco-table-col-fixed-left):not( .arco-table-col-fixed-right) {
   background-color: var(--color-fill-1);
 }
-.arco-table-tr-expand .arco-table-td .arco-table-hover .arco-table-tr:not(.arco-table-tr-empty) .arco-table-td:not(.arco-table-col-fixed-left):not(.arco-table-col-fixed-right) {
+.arco-table-tr-expand .arco-table-td .arco-table-hover .arco-table-tr:not(.arco-table-tr-empty) .arco-table-td:not(.arco-table-col-fixed-left):not( .arco-table-col-fixed-right) {
   background-color: transparent;
 }
 .arco-table-tr-expand .arco-table-td .arco-table-hover .arco-table-tr:not(.arco-table-tr-empty) .arco-table-td.arco-table-col-fixed-left::before,

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,
@@ -77,6 +81,10 @@ var _InputNumber = vue.defineComponent({
     },
     inputAttrs: {
       type: Object
+    },
+    keyboard: {
+      type: Boolean,
+      default: true
     }
   },
   emits: {
@@ -118,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);
@@ -213,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") {
@@ -258,7 +294,7 @@ var _InputNumber = vue.defineComponent({
     }]]));
     const onKeyDown = (event) => {
       emit("keydown", event);
-      if (!event.defaultPrevented) {
+      if (!event.defaultPrevented && props.keyboard) {
         keyDownHandler(event);
       }
     };

package/lib/table/style/index.css

@@ -544,13 +544,13 @@
 .arco-table-border-body-cell .arco-table-td:not(:last-child):not(.arco-table-tr-expand) {
   border-right: 1px solid var(--color-neutral-3);
 }
-.arco-table-stripe:not(.arco-table-dragging) .arco-table-tr:not(.arco-table-tr-empty):not(.arco-table-tr-summary):nth-child(even) .arco-table-td:not(.arco-table-col-fixed-left):not(.arco-table-col-fixed-right),
-.arco-table-stripe .arco-table-tr-drag .arco-table-td:not(.arco-table-col-fixed-left):not(.arco-table-col-fixed-right) {
+.arco-table-stripe:not(.arco-table-dragging) .arco-table-tr:not(.arco-table-tr-empty):not( .arco-table-tr-summary):nth-child(even) .arco-table-td:not(.arco-table-col-fixed-left):not( .arco-table-col-fixed-right),
+.arco-table-stripe .arco-table-tr-drag .arco-table-td:not(.arco-table-col-fixed-left):not( .arco-table-col-fixed-right) {
   background-color: var(--color-fill-1);
 }
-.arco-table-stripe:not(.arco-table-dragging) .arco-table-tr:not(.arco-table-tr-empty):not(.arco-table-tr-summary):nth-child(even) .arco-table-td.arco-table-col-fixed-left::before,
+.arco-table-stripe:not(.arco-table-dragging) .arco-table-tr:not(.arco-table-tr-empty):not( .arco-table-tr-summary):nth-child(even) .arco-table-td.arco-table-col-fixed-left::before,
 .arco-table-stripe .arco-table-tr-drag .arco-table-td.arco-table-col-fixed-left::before,
-.arco-table-stripe:not(.arco-table-dragging) .arco-table-tr:not(.arco-table-tr-empty):not(.arco-table-tr-summary):nth-child(even) .arco-table-td.arco-table-col-fixed-right::before,
+.arco-table-stripe:not(.arco-table-dragging) .arco-table-tr:not(.arco-table-tr-empty):not( .arco-table-tr-summary):nth-child(even) .arco-table-td.arco-table-col-fixed-right::before,
 .arco-table-stripe .arco-table-tr-drag .arco-table-td.arco-table-col-fixed-right::before {
   position: absolute;
   top: 0;
@@ -564,13 +564,13 @@
 .arco-table .arco-table-tr-draggable {
   cursor: move;
 }
-.arco-table-hover:not(.arco-table-dragging) .arco-table-tr:not(.arco-table-tr-empty):not(.arco-table-tr-summary):hover .arco-table-td:not(.arco-table-col-fixed-left):not(.arco-table-col-fixed-right),
-.arco-table-hover .arco-table-tr-drag .arco-table-td:not(.arco-table-col-fixed-left):not(.arco-table-col-fixed-right) {
+.arco-table-hover:not(.arco-table-dragging) .arco-table-tr:not(.arco-table-tr-empty):not( .arco-table-tr-summary):hover .arco-table-td:not(.arco-table-col-fixed-left):not( .arco-table-col-fixed-right),
+.arco-table-hover .arco-table-tr-drag .arco-table-td:not(.arco-table-col-fixed-left):not( .arco-table-col-fixed-right) {
   background-color: var(--color-fill-1);
 }
-.arco-table-hover:not(.arco-table-dragging) .arco-table-tr:not(.arco-table-tr-empty):not(.arco-table-tr-summary):hover .arco-table-td.arco-table-col-fixed-left::before,
+.arco-table-hover:not(.arco-table-dragging) .arco-table-tr:not(.arco-table-tr-empty):not( .arco-table-tr-summary):hover .arco-table-td.arco-table-col-fixed-left::before,
 .arco-table-hover .arco-table-tr-drag .arco-table-td.arco-table-col-fixed-left::before,
-.arco-table-hover:not(.arco-table-dragging) .arco-table-tr:not(.arco-table-tr-empty):not(.arco-table-tr-summary):hover .arco-table-td.arco-table-col-fixed-right::before,
+.arco-table-hover:not(.arco-table-dragging) .arco-table-tr:not(.arco-table-tr-empty):not( .arco-table-tr-summary):hover .arco-table-td.arco-table-col-fixed-right::before,
 .arco-table-hover .arco-table-tr-drag .arco-table-td.arco-table-col-fixed-right::before {
   position: absolute;
   top: 0;
@@ -581,10 +581,10 @@
   background-color: var(--color-fill-1);
   content: '';
 }
-.arco-table-hover .arco-table-tr-expand:not(.arco-table-tr-empty):hover .arco-table-td:not(.arco-table-col-fixed-left):not(.arco-table-col-fixed-right) {
+.arco-table-hover .arco-table-tr-expand:not(.arco-table-tr-empty):hover .arco-table-td:not(.arco-table-col-fixed-left):not( .arco-table-col-fixed-right) {
   background-color: var(--color-fill-1);
 }
-.arco-table-tr-expand .arco-table-td .arco-table-hover .arco-table-tr:not(.arco-table-tr-empty) .arco-table-td:not(.arco-table-col-fixed-left):not(.arco-table-col-fixed-right) {
+.arco-table-tr-expand .arco-table-td .arco-table-hover .arco-table-tr:not(.arco-table-tr-empty) .arco-table-td:not(.arco-table-col-fixed-left):not( .arco-table-col-fixed-right) {
   background-color: transparent;
 }
 .arco-table-tr-expand .arco-table-td .arco-table-hover .arco-table-tr:not(.arco-table-tr-empty) .arco-table-td.arco-table-col-fixed-left::before,

package/lib/table/style/index.less

@@ -1,4 +1,5 @@
 @import '../../style/mixins/index.less';
+// @import '../../_components/auto-tooltip/style/index.less';
 @import './token.less';
 @import './filters-popup.less';
 
@@ -726,9 +727,13 @@
   // stripe: true
   &-stripe {
     &:not(.@{table-prefix-cls}-dragging)
-      .@{table-cls-tr}:not(.@{table-prefix-cls}-tr-empty):not(.@{table-prefix-cls}-tr-summary):nth-child(even),
+      .@{table-cls-tr}:not(.@{table-prefix-cls}-tr-empty):not(
+        .@{table-prefix-cls}-tr-summary
+      ):nth-child(even),
     .@{table-cls-tr}-drag {
-      .@{table-cls-td}:not(.@{table-prefix-cls}-col-fixed-left):not(.@{table-prefix-cls}-col-fixed-right) {
+      .@{table-cls-td}:not(.@{table-prefix-cls}-col-fixed-left):not(
+          .@{table-prefix-cls}-col-fixed-right
+        ) {
         background-color: @table-color-bg-body-stripe-row;
       }
 
@@ -754,9 +759,13 @@
 
   &-hover {
     &:not(.@{table-prefix-cls}-dragging)
-      .@{table-cls-tr}:not(.@{table-prefix-cls}-tr-empty):not(.@{table-prefix-cls}-tr-summary):hover,
+      .@{table-cls-tr}:not(.@{table-prefix-cls}-tr-empty):not(
+        .@{table-prefix-cls}-tr-summary
+      ):hover,
     .@{table-cls-tr}-drag {
-      .@{table-cls-td}:not(.@{table-prefix-cls}-col-fixed-left):not(.@{table-prefix-cls}-col-fixed-right) {
+      .@{table-cls-td}:not(.@{table-prefix-cls}-col-fixed-left):not(
+          .@{table-prefix-cls}-col-fixed-right
+        ) {
         background-color: @table-color-bg-body-row_hover;
       }
 
@@ -776,7 +785,9 @@
     }
 
     .@{table-cls-tr}-expand:not(.@{table-prefix-cls}-tr-empty):hover {
-      .@{table-cls-td}:not(.@{table-prefix-cls}-col-fixed-left):not(.@{table-prefix-cls}-col-fixed-right) {
+      .@{table-cls-td}:not(.@{table-prefix-cls}-col-fixed-left):not(
+          .@{table-prefix-cls}-col-fixed-right
+        ) {
         background-color: @table-color-bg-expand-content_hover;
       }
     }
@@ -784,7 +795,9 @@
     // 去除嵌套子表格的 hover 效果
     .@{table-prefix-cls}-tr-expand .@{table-cls-td} & {
       .@{table-cls-tr}:not(.@{table-prefix-cls}-tr-empty) {
-        .@{table-cls-td}:not(.@{table-prefix-cls}-col-fixed-left):not(.@{table-prefix-cls}-col-fixed-right) {
+        .@{table-cls-td}:not(.@{table-prefix-cls}-col-fixed-left):not(
+            .@{table-prefix-cls}-col-fixed-right
+          ) {
           background-color: transparent;
         }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geelato/web-vue",
-  "version": "2.58.3",
+  "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"
   }
-}
+}