@tiny-design/react 1.3.0 → 1.5.0

package/lib/color-picker/style/index.css

@@ -18,7 +18,7 @@
 .ty-color-picker__swatch {
   width: 32px;
   height: 32px;
-  border-radius: 2px;
+  border-radius: var(--ty-border-radius);
   border: 1px solid var(--ty-color-picker-border, #dee2e6);
   padding: 3px;
   cursor: pointer;
@@ -124,7 +124,7 @@
 .ty-color-picker__format-btn {
   border: 1px solid var(--ty-color-picker-border, #dee2e6);
   background: transparent;
-  border-radius: 2px;
+  border-radius: var(--ty-border-radius);
   padding: 2px 6px;
   cursor: pointer;
   font-size: 12px;
@@ -137,7 +137,7 @@
 .ty-color-picker__hex-input {
   flex: 1;
   border: 1px solid var(--ty-color-picker-border, #dee2e6);
-  border-radius: 2px;
+  border-radius: var(--ty-border-radius);
   padding: 2px 6px;
   font-size: 12px;
   font-family: lucida console, consolas, monaco, andale mono, ubuntu mono, monospace;
@@ -159,7 +159,7 @@
 .ty-color-picker__preset {
   width: 20px;
   height: 20px;
-  border-radius: 2px;
+  border-radius: var(--ty-border-radius);
   cursor: pointer;
   border: 1px solid var(--ty-color-picker-border, #dee2e6);
   transition: transform 0.15s;

package/lib/date-picker/style/_index.scss

@@ -5,7 +5,7 @@ $dp: #{$prefix}-date-picker;
 .#{$dp} {
   display: inline-flex;
   position: relative;
-  font-size: $font-size-base;
+  font-size: var(--ty-font-size-base);
 
   // ---- Input ----
   &__input {

package/lib/date-picker/style/index.css

@@ -1,7 +1,7 @@
 .ty-date-picker {
   display: inline-flex;
   position: relative;
-  font-size: 1rem;
+  font-size: var(--ty-font-size-base);
 }
 .ty-date-picker__input {
   display: inline-flex;

package/lib/descriptions/style/_index.scss

@@ -1,7 +1,6 @@
 @use '../../style/variables' as *;
 
 .#{$prefix}-descriptions {
-
   &__body {
     width: 100%;
     overflow: hidden;
@@ -24,7 +23,7 @@
     font-size: 16px;
   }
 
-  &__item_colon:after {
+  &__item_colon::after {
     content: ':';
     margin-left: 2px;
     margin-right: 5px;
@@ -32,15 +31,15 @@
 
   &__item-label {
     color: var(--ty-color-text-label);
-    font-size: $font-size-base;
+    font-size: var(--ty-font-size-base);
     font-weight: 400;
-    line-height: $line-height-base;
+    line-height: var(--ty-line-height-base);
   }
 
   &__item-content {
     color: var(--ty-color-text-secondary);
-    font-size: $font-size-base;
-    line-height: $line-height-base;
+    font-size: var(--ty-font-size-base);
+    line-height: var(--ty-line-height-base);
   }
 
   &_bordered {

package/lib/descriptions/style/index.css

@@ -17,25 +17,25 @@
   font-weight: 600;
   font-size: 16px;
 }
-.ty-descriptions__item_colon:after {
+.ty-descriptions__item_colon::after {
   content: ":";
   margin-left: 2px;
   margin-right: 5px;
 }
 .ty-descriptions__item-label {
   color: var(--ty-color-text-label);
-  font-size: 1rem;
+  font-size: var(--ty-font-size-base);
   font-weight: 400;
-  line-height: 1.5;
+  line-height: var(--ty-line-height-base);
 }
 .ty-descriptions__item-content {
   color: var(--ty-color-text-secondary);
-  font-size: 1rem;
-  line-height: 1.5;
+  font-size: var(--ty-font-size-base);
+  line-height: var(--ty-line-height-base);
 }
 .ty-descriptions_bordered .ty-descriptions__body {
   border: 1px solid var(--ty-descriptions-border);
-  border-radius: 2px;
+  border-radius: var(--ty-border-radius);
 }
 .ty-descriptions_bordered .ty-descriptions__row {
   border-bottom: 1px solid var(--ty-descriptions-border);

package/lib/empty/style/_index.scss

@@ -16,7 +16,7 @@
 
   &__desc {
     color: var(--ty-empty-desc-color);
-    font-size: $font-size-base;
+    font-size: var(--ty-font-size-base);
     margin: 0;
   }
 

package/lib/empty/style/index.css

@@ -12,7 +12,7 @@
 }
 .ty-empty__desc {
   color: var(--ty-empty-desc-color);
-  font-size: 1rem;
+  font-size: var(--ty-font-size-base);
   margin: 0;
 }
 .ty-empty__footer {

package/lib/form/style/_index.scss

@@ -1,7 +1,6 @@
 @use '../../style/variables' as *;
 
 .#{$prefix}-form {
-
   &_vertical {
     .#{$prefix}-form-item__label {
       text-align: left;
@@ -23,15 +22,15 @@
     text-align: right;
     vertical-align: top;
     color: var(--ty-color-text);
-    font-size: $font-size-base;
+    font-size: var(--ty-font-size-base);
 
-    &_required:before {
+    &_required::before {
       content: '*';
       margin-right: 3px;
       color: var(--ty-form-error-color);
     }
 
-    &_colon:after {
+    &_colon::after {
       content: ':';
       margin: 0 8px 0 2px;
     }
@@ -65,7 +64,7 @@
 
   &__notice {
     font-size: 13px;
-    border-radius: $border-radius;
+    border-radius: var(--ty-border-radius);
     background: var(--ty-form-notice-bg);
     color: var(--ty-form-notice-color);
     padding: 5px;
@@ -86,7 +85,7 @@
 
       &:focus{
         border-color: var(--ty-form-error-hover);
-        box-shadow: 0 0 0 2px rgba(255,77,79,.2);
+        box-shadow: 0 0 0 2px rgb(255 77 79 / 20%);
       }
     }
   }

package/lib/form/style/index.css

@@ -15,14 +15,14 @@
   text-align: right;
   vertical-align: top;
   color: var(--ty-color-text);
-  font-size: 1rem;
+  font-size: var(--ty-font-size-base);
 }
-.ty-form-item__label_required:before {
+.ty-form-item__label_required::before {
   content: "*";
   margin-right: 3px;
   color: var(--ty-form-error-color);
 }
-.ty-form-item__label_colon:after {
+.ty-form-item__label_colon::after {
   content: ":";
   margin: 0 8px 0 2px;
 }
@@ -50,7 +50,7 @@
 }
 .ty-form-item__notice {
   font-size: 13px;
-  border-radius: 2px;
+  border-radius: var(--ty-border-radius);
   background: var(--ty-form-notice-bg);
   color: var(--ty-form-notice-color);
   padding: 5px;

package/lib/index.d.ts

@@ -40,6 +40,7 @@ import { Link } from "./link/link.js";
 import { DefaultList } from "./list/index.js";
 import { Loader } from "./loader/loader.js";
 import { _default } from "./loading-bar/index.js";
+import { Marquee } from "./marquee/marquee.js";
 import { DefaultMenu } from "./menu/index.js";
 import { messageContainer } from "./message/message-container.js";
 import { DefaultSelect } from "./native-select/index.js";
@@ -87,4 +88,4 @@ import { en_US } from "./locale/en_US.js";
 import { zh_CN } from "./locale/zh_CN.js";
 import { useLocale } from "./_utils/use-locale.js";
 import { ThemeMode, useTheme } from "./_utils/use-theme.js";
-export { Alert, DefaultAnchor as Anchor, AspectRatio, AutoComplete, DefaultAvatar as Avatar, BackTop, Badge, DefaultBreadcrumb as Breadcrumb, DefaultButton as Button, Calendar, DefaultCard as Card, DefaultCarousel as Carousel, Cascader, DefaultCheckbox as Checkbox, Col, DefaultCollapse as Collapse, ColorPicker, ConfigProvider, CopyToClipboard, Countdown, DatePicker, DefaultDesc as Descriptions, Divider, Drawer, Dropdown, Empty, Flex, DefaultFlip as Flip, DefaultForm as Form, Image, DefaultInput as Input, InputNumber, InputOTP, InputPassword, IntlProvider, Keyboard, DefaultLayout as Layout, Link, DefaultList as List, Loader, _default as LoadingBar, type Locale, DefaultMenu as Menu, messageContainer as Message, ModalWithContext as Modal, DefaultSelect as NativeSelect, notificationContainer as Notification, Overlay, Pagination, PopConfirm, Popover, Progress, DefaultRadio as Radio, Rate, Result, Row, ScrollIndicator, Segmented, DefaultSelect$1 as Select, Skeleton, Slider, Space, DefaultSpeedDial as SpeedDial, Split, SplitButton, Statistic, DefaultSteps as Steps, Sticky, StrengthIndicator, Switch, Table, DefaultTabs as Tabs, DefaultTag as Tag, Textarea, type ThemeMode, TimePicker, DefaultTimeline as Timeline, Tooltip, Transfer, Transition, Tree, DefaultTypo as Typography, Upload, Waterfall, en_US, useLocale, useTheme, withLocale, withSpin, zh_CN };
+export { Alert, DefaultAnchor as Anchor, AspectRatio, AutoComplete, DefaultAvatar as Avatar, BackTop, Badge, DefaultBreadcrumb as Breadcrumb, DefaultButton as Button, Calendar, DefaultCard as Card, DefaultCarousel as Carousel, Cascader, DefaultCheckbox as Checkbox, Col, DefaultCollapse as Collapse, ColorPicker, ConfigProvider, CopyToClipboard, Countdown, DatePicker, DefaultDesc as Descriptions, Divider, Drawer, Dropdown, Empty, Flex, DefaultFlip as Flip, DefaultForm as Form, Image, DefaultInput as Input, InputNumber, InputOTP, InputPassword, IntlProvider, Keyboard, DefaultLayout as Layout, Link, DefaultList as List, Loader, _default as LoadingBar, type Locale, Marquee, DefaultMenu as Menu, messageContainer as Message, ModalWithContext as Modal, DefaultSelect as NativeSelect, notificationContainer as Notification, Overlay, Pagination, PopConfirm, Popover, Progress, DefaultRadio as Radio, Rate, Result, Row, ScrollIndicator, Segmented, DefaultSelect$1 as Select, Skeleton, Slider, Space, DefaultSpeedDial as SpeedDial, Split, SplitButton, Statistic, DefaultSteps as Steps, Sticky, StrengthIndicator, Switch, Table, DefaultTabs as Tabs, DefaultTag as Tag, Textarea, type ThemeMode, TimePicker, DefaultTimeline as Timeline, Tooltip, Transfer, Transition, Tree, DefaultTypo as Typography, Upload, Waterfall, en_US, useLocale, useTheme, withLocale, withSpin, zh_CN };

package/lib/index.js

@@ -47,43 +47,44 @@ const require_index$41 = require("./pagination/index.js");
 const require_index$42 = require("./list/index.js");
 const require_index$43 = require("./loader/index.js");
 const require_index$44 = require("./loading-bar/index.js");
-const require_index$45 = require("./menu/index.js");
-const require_index$46 = require("./message/index.js");
-const require_index$47 = require("./native-select/index.js");
-const require_index$48 = require("./row/index.js");
-const require_index$49 = require("./modal/index.js");
-const require_index$50 = require("./notification/index.js");
-const require_index$51 = require("./popover/index.js");
-const require_index$52 = require("./pop-confirm/index.js");
-const require_index$53 = require("./progress/index.js");
-const require_index$54 = require("./radio/index.js");
-const require_index$55 = require("./rate/index.js");
-const require_index$56 = require("./result/index.js");
-const require_index$57 = require("./scroll-indicator/index.js");
-const require_index$58 = require("./segmented/index.js");
-const require_index$59 = require("./select/index.js");
-const require_index$60 = require("./skeleton/index.js");
-const require_index$61 = require("./tooltip/index.js");
-const require_index$62 = require("./slider/index.js");
-const require_index$63 = require("./split/index.js");
-const require_index$64 = require("./split-button/index.js");
-const require_index$65 = require("./space/index.js");
-const require_index$66 = require("./speed-dial/index.js");
-const require_index$67 = require("./steps/index.js");
-const require_index$68 = require("./statistic/index.js");
-const require_index$69 = require("./strength-indicator/index.js");
-const require_index$70 = require("./switch/index.js");
-const require_index$71 = require("./table/index.js");
-const require_index$72 = require("./tabs/index.js");
-const require_index$73 = require("./tag/index.js");
-const require_index$74 = require("./textarea/index.js");
-const require_index$75 = require("./timeline/index.js");
-const require_index$76 = require("./time-picker/index.js");
-const require_index$77 = require("./transfer/index.js");
-const require_index$78 = require("./tree/index.js");
-const require_index$79 = require("./typography/index.js");
-const require_index$80 = require("./upload/index.js");
-const require_index$81 = require("./waterfall/index.js");
+const require_index$45 = require("./marquee/index.js");
+const require_index$46 = require("./menu/index.js");
+const require_index$47 = require("./message/index.js");
+const require_index$48 = require("./native-select/index.js");
+const require_index$49 = require("./row/index.js");
+const require_index$50 = require("./modal/index.js");
+const require_index$51 = require("./notification/index.js");
+const require_index$52 = require("./popover/index.js");
+const require_index$53 = require("./pop-confirm/index.js");
+const require_index$54 = require("./progress/index.js");
+const require_index$55 = require("./radio/index.js");
+const require_index$56 = require("./rate/index.js");
+const require_index$57 = require("./result/index.js");
+const require_index$58 = require("./scroll-indicator/index.js");
+const require_index$59 = require("./segmented/index.js");
+const require_index$60 = require("./select/index.js");
+const require_index$61 = require("./skeleton/index.js");
+const require_index$62 = require("./tooltip/index.js");
+const require_index$63 = require("./slider/index.js");
+const require_index$64 = require("./split/index.js");
+const require_index$65 = require("./split-button/index.js");
+const require_index$66 = require("./space/index.js");
+const require_index$67 = require("./speed-dial/index.js");
+const require_index$68 = require("./steps/index.js");
+const require_index$69 = require("./statistic/index.js");
+const require_index$70 = require("./strength-indicator/index.js");
+const require_index$71 = require("./switch/index.js");
+const require_index$72 = require("./table/index.js");
+const require_index$73 = require("./tabs/index.js");
+const require_index$74 = require("./tag/index.js");
+const require_index$75 = require("./textarea/index.js");
+const require_index$76 = require("./timeline/index.js");
+const require_index$77 = require("./time-picker/index.js");
+const require_index$78 = require("./transfer/index.js");
+const require_index$79 = require("./tree/index.js");
+const require_index$80 = require("./typography/index.js");
+const require_index$81 = require("./upload/index.js");
+const require_index$82 = require("./waterfall/index.js");
 const require_with_locale = require("./intl-provider/with-locale.js");
 const require_with_spin = require("./with-spin/with-spin.js");
 const require_zh_CN = require("./locale/zh_CN.js");
@@ -129,47 +130,48 @@ exports.Link = require_index$40;
 exports.List = require_index$42;
 exports.Loader = require_index$43;
 exports.LoadingBar = require_index$44;
-exports.Menu = require_index$45;
-exports.Message = require_index$46;
-exports.Modal = require_index$49;
-exports.NativeSelect = require_index$47;
-exports.Notification = require_index$50;
+exports.Marquee = require_index$45;
+exports.Menu = require_index$46;
+exports.Message = require_index$47;
+exports.Modal = require_index$50;
+exports.NativeSelect = require_index$48;
+exports.Notification = require_index$51;
 exports.Overlay = require_index$27;
 exports.Pagination = require_index$41;
-exports.PopConfirm = require_index$52;
-exports.Popover = require_index$51;
-exports.Progress = require_index$53;
-exports.Radio = require_index$54;
-exports.Rate = require_index$55;
-exports.Result = require_index$56;
-exports.Row = require_index$48;
-exports.ScrollIndicator = require_index$57;
-exports.Segmented = require_index$58;
-exports.Select = require_index$59;
-exports.Skeleton = require_index$60;
-exports.Slider = require_index$62;
-exports.Space = require_index$65;
-exports.SpeedDial = require_index$66;
-exports.Split = require_index$63;
-exports.SplitButton = require_index$64;
-exports.Statistic = require_index$68;
-exports.Steps = require_index$67;
+exports.PopConfirm = require_index$53;
+exports.Popover = require_index$52;
+exports.Progress = require_index$54;
+exports.Radio = require_index$55;
+exports.Rate = require_index$56;
+exports.Result = require_index$57;
+exports.Row = require_index$49;
+exports.ScrollIndicator = require_index$58;
+exports.Segmented = require_index$59;
+exports.Select = require_index$60;
+exports.Skeleton = require_index$61;
+exports.Slider = require_index$63;
+exports.Space = require_index$66;
+exports.SpeedDial = require_index$67;
+exports.Split = require_index$64;
+exports.SplitButton = require_index$65;
+exports.Statistic = require_index$69;
+exports.Steps = require_index$68;
 exports.Sticky = require_index$2;
-exports.StrengthIndicator = require_index$69;
-exports.Switch = require_index$70;
-exports.Table = require_index$71;
-exports.Tabs = require_index$72;
-exports.Tag = require_index$73;
-exports.Textarea = require_index$74;
-exports.TimePicker = require_index$76;
-exports.Timeline = require_index$75;
-exports.Tooltip = require_index$61;
-exports.Transfer = require_index$77;
+exports.StrengthIndicator = require_index$70;
+exports.Switch = require_index$71;
+exports.Table = require_index$72;
+exports.Tabs = require_index$73;
+exports.Tag = require_index$74;
+exports.Textarea = require_index$75;
+exports.TimePicker = require_index$77;
+exports.Timeline = require_index$76;
+exports.Tooltip = require_index$62;
+exports.Transfer = require_index$78;
 exports.Transition = require_index;
-exports.Tree = require_index$78;
-exports.Typography = require_index$79;
-exports.Upload = require_index$80;
-exports.Waterfall = require_index$81;
+exports.Tree = require_index$79;
+exports.Typography = require_index$80;
+exports.Upload = require_index$81;
+exports.Waterfall = require_index$82;
 exports.en_US = require_en_US;
 exports.useLocale = require_use_locale.useLocale;
 exports.useTheme = require_use_theme.useTheme;

package/lib/input/style/_index.scss

@@ -4,10 +4,11 @@
 .#{$prefix}-input {
   position: relative;
   box-sizing: border-box;
+  width: 100%;
   color: var(--ty-color-text);
 
   &__input {
-    @include input-default();
+    @include input-default;
   }
 
   &__prefix,
@@ -77,7 +78,7 @@
 
   &_disabled {
     .#{$prefix}-input__input {
-      @include input-default-disabled();
+      @include input-default-disabled;
     }
   }
 }
@@ -124,7 +125,7 @@
       }
     }
 
-    &:not(:first-child):not(:last-child) {
+    &:not(:first-child, :last-child) {
       .#{$prefix}-input__input {
         border-radius: 0;
       }
@@ -166,7 +167,7 @@
     border-top-left-radius: 0;
   }
 
-  &:not(:first-child):not(:last-child) {
+  &:not(:first-child, :last-child) {
     border-radius: 0;
     border-left: 0;
     border-right: 0;

package/lib/input/style/_mixin.scss

@@ -10,7 +10,7 @@
   transition: all 0.3s;
   outline: 0;
   border-radius: $input-border-radius;
-  font-size: $font-size-base;
+  font-size: var(--ty-font-size-base);
   background-color: var(--ty-input-bg);
 
   &:hover {

package/lib/input/style/index.css

@@ -1,6 +1,7 @@
 .ty-input {
   position: relative;
   box-sizing: border-box;
+  width: 100%;
   color: var(--ty-color-text);
 }
 .ty-input__input {
@@ -11,8 +12,8 @@
   border: 1px solid var(--ty-input-border);
   transition: all 0.3s;
   outline: 0;
-  border-radius: 2px;
-  font-size: 1rem;
+  border-radius: var(--ty-border-radius);
+  font-size: var(--ty-font-size-base);
   background-color: var(--ty-input-bg);
 }
 .ty-input__input:hover {
@@ -51,25 +52,25 @@
   cursor: pointer;
 }
 .ty-input_sm .ty-input__input {
-  font-size: 0.875rem;
-  height: 24px;
-  line-height: 24px;
+  font-size: var(--ty-font-size-sm);
+  height: var(--ty-height-sm);
+  line-height: var(--ty-height-sm);
 }
 .ty-input_sm .ty-input__clear-btn {
   transform: scale(0.7);
 }
 .ty-input_md .ty-input__input {
-  font-size: 1rem;
-  height: 32px;
-  line-height: 32px;
+  font-size: var(--ty-font-size-base);
+  height: var(--ty-height-md);
+  line-height: var(--ty-height-md);
 }
 .ty-input_md .ty-input__clear-btn {
   transform: scale(0.8);
 }
 .ty-input_lg .ty-input__input {
-  font-size: 1.25rem;
-  height: 42px;
-  line-height: 42px;
+  font-size: var(--ty-font-size-lg);
+  height: var(--ty-height-lg);
+  line-height: var(--ty-height-lg);
 }
 .ty-input_disabled .ty-input__input {
   cursor: not-allowed;
@@ -92,13 +93,13 @@
   justify-content: center;
 }
 .ty-input-group_sm {
-  height: 24px;
+  height: var(--ty-height-sm);
 }
 .ty-input-group_md {
-  height: 32px;
+  height: var(--ty-height-md);
 }
 .ty-input-group_lg {
-  height: 42px;
+  height: var(--ty-height-lg);
 }
 .ty-input-group .ty-input {
   z-index: 1;
@@ -112,7 +113,7 @@
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
-.ty-input-group .ty-input:not(:first-child):not(:last-child) .ty-input__input {
+.ty-input-group .ty-input:not(:first-child, :last-child) .ty-input__input {
   border-radius: 0;
 }
 
@@ -122,18 +123,18 @@
   box-sizing: border-box;
   text-align: center;
   line-height: 1;
-  border-radius: 2px;
+  border-radius: var(--ty-border-radius);
   color: var(--ty-color-text);
   padding: 0 7px;
 }
 .ty-input-group-addon_sm {
-  font-size: 0.875rem;
+  font-size: var(--ty-font-size-sm);
 }
 .ty-input-group-addon_md {
-  font-size: 1rem;
+  font-size: var(--ty-font-size-base);
 }
 .ty-input-group-addon_lg {
-  font-size: 1.25rem;
+  font-size: var(--ty-font-size-lg);
 }
 .ty-input-group-addon:first-child {
   border-right: 0;
@@ -145,7 +146,7 @@
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
 }
-.ty-input-group-addon:not(:first-child):not(:last-child) {
+.ty-input-group-addon:not(:first-child, :last-child) {
   border-radius: 0;
   border-left: 0;
   border-right: 0;

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

@@ -15,8 +15,12 @@ let react_jsx_runtime = require("react/jsx-runtime");
 const isValid = (val) => {
 	return !isNaN(+val);
 };
+const getDecimalPrecision = (num) => {
+	const str = String(num);
+	const dotIndex = str.indexOf(".");
+	return dotIndex === -1 ? 0 : str.length - dotIndex - 1;
+};
 const toPrecision = (val, precision) => {
-	if (precision === void 0) return val;
 	return parseFloat(val.toFixed(precision));
 };
 const InputNumber = react.default.forwardRef((props, ref) => {
@@ -27,16 +31,18 @@ const InputNumber = react.default.forwardRef((props, ref) => {
 		[`${prefixCls}_disabled`]: disabled,
 		[`${prefixCls}_always-controls`]: controls
 	});
+	const resolvedPrecision = precision ?? Math.max(getDecimalPrecision(step), getDecimalPrecision(defaultValue));
 	const [value, setValue] = (0, react.useState)("value" in props ? props.value : defaultValue);
 	const inputOnChange = (e) => {
-		const val = toPrecision(Number(e.target.value.trim()), precision);
+		const raw = Number(e.target.value.trim());
+		const val = resolvedPrecision > 0 ? toPrecision(raw, resolvedPrecision) : raw;
 		!("value" in props) && setValue(val);
 		onChange && isValid(val) && onChange(val, e);
 	};
 	const plusOnClick = (e) => {
 		e.stopPropagation();
 		if (!disabled && isValid(step)) {
-			const val = toPrecision(+value + +step, precision);
+			const val = toPrecision(+value + +step, resolvedPrecision);
 			if (val <= max) {
 				!("value" in props) && setValue(val);
 				onChange && onChange(val, e);
@@ -46,7 +52,7 @@ const InputNumber = react.default.forwardRef((props, ref) => {
 	const minusOnClick = (e) => {
 		e.stopPropagation();
 		if (!disabled && isValid(step)) {
-			const val = toPrecision(+value - +step, precision);
+			const val = toPrecision(+value - +step, resolvedPrecision);
 			if (val >= min) {
 				!("value" in props) && setValue(val);
 				onChange && onChange(val, e);
@@ -63,7 +69,7 @@ const InputNumber = react.default.forwardRef((props, ref) => {
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 			autoComplete: "off",
 			disabled,
-			value: precision !== void 0 ? value.toFixed(precision) : value,
+			value: resolvedPrecision > 0 ? value.toFixed(resolvedPrecision) : value,
 			type: "number",
 			className: `${prefixCls}__input`,
 			max,

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

@@ -1 +1 @@
-{"version":3,"file":"input-number.js","names":["React","ConfigContext","getPrefixCls","ArrowDown"],"sources":["../../src/input-number/input-number.tsx"],"sourcesContent":["import React, { useEffect, useState, MouseEvent, useContext } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { InputNumberProps } from './types';\nimport { ArrowDown } from '../_utils/components';\n\n/**\n * Valid the string is a number\n * @param val\n */\nconst isValid = (val: string | number): boolean => {\n  return !isNaN(+val);\n};\n\nconst toPrecision = (val: number, precision?: number): number => {\n  if (precision === undefined) return val;\n  return parseFloat(val.toFixed(precision));\n};\n\nconst InputNumber = React.forwardRef<HTMLDivElement, InputNumberProps>((props, ref) => {\n  const {\n    size = 'md',\n    disabled = false,\n    defaultValue = 0,\n    step = 1,\n    precision,\n    controls = false,\n    min = Number.NEGATIVE_INFINITY,\n    max = Number.POSITIVE_INFINITY,\n    onChange,\n    className,\n    prefixCls: customisedCls,\n    style,\n  } = props;\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('input-number', configContext.prefixCls, customisedCls);\n  const inputSize = props.size || configContext.componentSize || size;\n  const cls = classNames(prefixCls, className, `${prefixCls}_${inputSize}`, {\n    [`${prefixCls}_disabled`]: disabled,\n    [`${prefixCls}_always-controls`]: controls,\n  });\n  const [value, setValue] = useState<number>(\n    'value' in props ? (props.value as number) : defaultValue\n  );\n\n  const inputOnChange = (e: React.ChangeEvent<HTMLInputElement>): void => {\n    const raw = Number(e.target.value.trim());\n    const val = toPrecision(raw, precision);\n    !('value' in props) && setValue(val);\n    onChange && isValid(val) && onChange(val, e);\n  };\n\n  const plusOnClick = (e: MouseEvent<HTMLSpanElement>): void => {\n    e.stopPropagation();\n    if (!disabled && isValid(step)) {\n      const val = toPrecision(+value + +step, precision);\n      if (val <= max) {\n        !('value' in props) && setValue(val);\n        onChange && onChange(val, e);\n      }\n    }\n  };\n\n  const minusOnClick = (e: MouseEvent<HTMLSpanElement>): void => {\n    e.stopPropagation();\n    if (!disabled && isValid(step)) {\n      const val = toPrecision(+value - +step, precision);\n      if (val >= min) {\n        !('value' in props) && setValue(val);\n        onChange && onChange(val, e);\n      }\n    }\n  };\n\n  useEffect(() => {\n    'value' in props && setValue(props.value as number);\n  }, [props]);\n\n  return (\n    <div ref={ref} className={cls} style={style}>\n      <input\n        autoComplete=\"off\"\n        disabled={disabled}\n        value={precision !== undefined ? value.toFixed(precision) : value}\n        type=\"number\"\n        className={`${prefixCls}__input`}\n        max={max}\n        min={min}\n        step={step}\n        onChange={inputOnChange}\n        aria-valuenow={value}\n        aria-valuemax={max}\n        aria-valuemin={min}\n        aria-disabled={disabled}\n      />\n      <div className={`${prefixCls}__controls`}>\n        <span className={`${prefixCls}__up`} onClick={plusOnClick}>\n          <ArrowDown size={8} className={`${prefixCls}__icon ${prefixCls}__icon_reverse`} />\n        </span>\n        <span className={`${prefixCls}__down`} onClick={minusOnClick}>\n          <ArrowDown size={8} className={`${prefixCls}__icon`} />\n        </span>\n      </div>\n    </div>\n  );\n});\n\nInputNumber.displayName = 'InputNumber';\n\nexport default InputNumber;\n"],"mappings":";;;;;;;;;;;;;;AAWA,MAAM,WAAW,QAAkC;AACjD,QAAO,CAAC,MAAM,CAAC,IAAI;;AAGrB,MAAM,eAAe,KAAa,cAA+B;AAC/D,KAAI,cAAc,KAAA,EAAW,QAAO;AACpC,QAAO,WAAW,IAAI,QAAQ,UAAU,CAAC;;AAG3C,MAAM,cAAcA,MAAAA,QAAM,YAA8C,OAAO,QAAQ;CACrF,MAAM,EACJ,OAAO,MACP,WAAW,OACX,eAAe,GACf,OAAO,GACP,WACA,WAAW,OACX,MAAM,OAAO,mBACb,MAAM,OAAO,mBACb,UACA,WACA,WAAW,eACX,UACE;CACJ,MAAM,iBAAA,GAAA,MAAA,YAA2BC,uBAAAA,cAAc;CAC/C,MAAM,YAAYC,gBAAAA,aAAa,gBAAgB,cAAc,WAAW,cAAc;CAEtF,MAAM,OAAA,GAAA,WAAA,SAAiB,WAAW,WAAW,GAAG,UAAU,GADxC,MAAM,QAAQ,cAAc,iBAAiB,QACW;GACvE,GAAG,UAAU,aAAa;GAC1B,GAAG,UAAU,oBAAoB;EACnC,CAAC;CACF,MAAM,CAAC,OAAO,aAAA,GAAA,MAAA,UACZ,WAAW,QAAS,MAAM,QAAmB,aAC9C;CAED,MAAM,iBAAiB,MAAiD;EAEtE,MAAM,MAAM,YADA,OAAO,EAAE,OAAO,MAAM,MAAM,CAAC,EACZ,UAAU;AACvC,IAAE,WAAW,UAAU,SAAS,IAAI;AACpC,cAAY,QAAQ,IAAI,IAAI,SAAS,KAAK,EAAE;;CAG9C,MAAM,eAAe,MAAyC;AAC5D,IAAE,iBAAiB;AACnB,MAAI,CAAC,YAAY,QAAQ,KAAK,EAAE;GAC9B,MAAM,MAAM,YAAY,CAAC,QAAQ,CAAC,MAAM,UAAU;AAClD,OAAI,OAAO,KAAK;AACd,MAAE,WAAW,UAAU,SAAS,IAAI;AACpC,gBAAY,SAAS,KAAK,EAAE;;;;CAKlC,MAAM,gBAAgB,MAAyC;AAC7D,IAAE,iBAAiB;AACnB,MAAI,CAAC,YAAY,QAAQ,KAAK,EAAE;GAC9B,MAAM,MAAM,YAAY,CAAC,QAAQ,CAAC,MAAM,UAAU;AAClD,OAAI,OAAO,KAAK;AACd,MAAE,WAAW,UAAU,SAAS,IAAI;AACpC,gBAAY,SAAS,KAAK,EAAE;;;;AAKlC,EAAA,GAAA,MAAA,iBAAgB;AACd,aAAW,SAAS,SAAS,MAAM,MAAgB;IAClD,CAAC,MAAM,CAAC;AAEX,QACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EAAU;EAAK,WAAW;EAAY;YAAtC,CACE,iBAAA,GAAA,kBAAA,KAAC,SAAD;GACE,cAAa;GACH;GACV,OAAO,cAAc,KAAA,IAAY,MAAM,QAAQ,UAAU,GAAG;GAC5D,MAAK;GACL,WAAW,GAAG,UAAU;GACnB;GACA;GACC;GACN,UAAU;GACV,iBAAe;GACf,iBAAe;GACf,iBAAe;GACf,iBAAe;GACf,CAAA,EACF,iBAAA,GAAA,kBAAA,MAAC,OAAD;GAAK,WAAW,GAAG,UAAU;aAA7B,CACE,iBAAA,GAAA,kBAAA,KAAC,QAAD;IAAM,WAAW,GAAG,UAAU;IAAO,SAAS;cAC5C,iBAAA,GAAA,kBAAA,KAACC,mBAAAA,WAAD;KAAW,MAAM;KAAG,WAAW,GAAG,UAAU,SAAS,UAAU;KAAmB,CAAA;IAC7E,CAAA,EACP,iBAAA,GAAA,kBAAA,KAAC,QAAD;IAAM,WAAW,GAAG,UAAU;IAAS,SAAS;cAC9C,iBAAA,GAAA,kBAAA,KAACA,mBAAAA,WAAD;KAAW,MAAM;KAAG,WAAW,GAAG,UAAU;KAAW,CAAA;IAClD,CAAA,CACH;KACF;;EAER;AAEF,YAAY,cAAc"}
+{"version":3,"file":"input-number.js","names":["React","ConfigContext","getPrefixCls","ArrowDown"],"sources":["../../src/input-number/input-number.tsx"],"sourcesContent":["import React, { useEffect, useState, MouseEvent, useContext } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { InputNumberProps } from './types';\nimport { ArrowDown } from '../_utils/components';\n\n/**\n * Valid the string is a number\n * @param val\n */\nconst isValid = (val: string | number): boolean => {\n  return !isNaN(+val);\n};\n\nconst getDecimalPrecision = (num: number): number => {\n  const str = String(num);\n  const dotIndex = str.indexOf('.');\n  return dotIndex === -1 ? 0 : str.length - dotIndex - 1;\n};\n\nconst toPrecision = (val: number, precision: number): number => {\n  return parseFloat(val.toFixed(precision));\n};\n\nconst InputNumber = React.forwardRef<HTMLDivElement, InputNumberProps>((props, ref) => {\n  const {\n    size = 'md',\n    disabled = false,\n    defaultValue = 0,\n    step = 1,\n    precision,\n    controls = false,\n    min = Number.NEGATIVE_INFINITY,\n    max = Number.POSITIVE_INFINITY,\n    onChange,\n    className,\n    prefixCls: customisedCls,\n    style,\n  } = props;\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('input-number', configContext.prefixCls, customisedCls);\n  const inputSize = props.size || configContext.componentSize || size;\n  const cls = classNames(prefixCls, className, `${prefixCls}_${inputSize}`, {\n    [`${prefixCls}_disabled`]: disabled,\n    [`${prefixCls}_always-controls`]: controls,\n  });\n  const resolvedPrecision = precision ?? Math.max(getDecimalPrecision(step), getDecimalPrecision(defaultValue));\n  const [value, setValue] = useState<number>(\n    'value' in props ? (props.value as number) : defaultValue\n  );\n\n  const inputOnChange = (e: React.ChangeEvent<HTMLInputElement>): void => {\n    const raw = Number(e.target.value.trim());\n    const val = resolvedPrecision > 0 ? toPrecision(raw, resolvedPrecision) : raw;\n    !('value' in props) && setValue(val);\n    onChange && isValid(val) && onChange(val, e);\n  };\n\n  const plusOnClick = (e: MouseEvent<HTMLSpanElement>): void => {\n    e.stopPropagation();\n    if (!disabled && isValid(step)) {\n      const val = toPrecision(+value + +step, resolvedPrecision);\n      if (val <= max) {\n        !('value' in props) && setValue(val);\n        onChange && onChange(val, e);\n      }\n    }\n  };\n\n  const minusOnClick = (e: MouseEvent<HTMLSpanElement>): void => {\n    e.stopPropagation();\n    if (!disabled && isValid(step)) {\n      const val = toPrecision(+value - +step, resolvedPrecision);\n      if (val >= min) {\n        !('value' in props) && setValue(val);\n        onChange && onChange(val, e);\n      }\n    }\n  };\n\n  useEffect(() => {\n    'value' in props && setValue(props.value as number);\n  }, [props]);\n\n  return (\n    <div ref={ref} className={cls} style={style}>\n      <input\n        autoComplete=\"off\"\n        disabled={disabled}\n        value={resolvedPrecision > 0 ? value.toFixed(resolvedPrecision) : value}\n        type=\"number\"\n        className={`${prefixCls}__input`}\n        max={max}\n        min={min}\n        step={step}\n        onChange={inputOnChange}\n        aria-valuenow={value}\n        aria-valuemax={max}\n        aria-valuemin={min}\n        aria-disabled={disabled}\n      />\n      <div className={`${prefixCls}__controls`}>\n        <span className={`${prefixCls}__up`} onClick={plusOnClick}>\n          <ArrowDown size={8} className={`${prefixCls}__icon ${prefixCls}__icon_reverse`} />\n        </span>\n        <span className={`${prefixCls}__down`} onClick={minusOnClick}>\n          <ArrowDown size={8} className={`${prefixCls}__icon`} />\n        </span>\n      </div>\n    </div>\n  );\n});\n\nInputNumber.displayName = 'InputNumber';\n\nexport default InputNumber;\n"],"mappings":"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"}