@tiny-design/react 1.4.0 → 1.5.1

package/es/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/es/input-number/input-number.js

@@ -12,8 +12,12 @@ import { jsx, jsxs } from "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.forwardRef((props, ref) => {
@@ -24,16 +28,18 @@ const InputNumber = React.forwardRef((props, ref) => {
 		[`${prefixCls}_disabled`]: disabled,
 		[`${prefixCls}_always-controls`]: controls
 	});
+	const resolvedPrecision = precision ?? Math.max(getDecimalPrecision(step), getDecimalPrecision(defaultValue));
 	const [value, setValue] = 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);
@@ -43,7 +49,7 @@ const InputNumber = React.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);
@@ -60,7 +66,7 @@ const InputNumber = React.forwardRef((props, ref) => {
 		children: [/* @__PURE__ */ 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/es/input-number/input-number.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-number.js","names":[],"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,cAAc,MAAM,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,gBAAgB,WAAW,cAAc;CAC/C,MAAM,YAAY,aAAa,gBAAgB,cAAc,WAAW,cAAc;CAEtF,MAAM,MAAM,WAAW,WAAW,WAAW,GAAG,UAAU,GADxC,MAAM,QAAQ,cAAc,iBAAiB,QACW;GACvE,GAAG,UAAU,aAAa;GAC1B,GAAG,UAAU,oBAAoB;EACnC,CAAC;CACF,MAAM,CAAC,OAAO,YAAY,SACxB,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,iBAAgB;AACd,aAAW,SAAS,SAAS,MAAM,MAAgB;IAClD,CAAC,MAAM,CAAC;AAEX,QACE,qBAAC,OAAD;EAAU;EAAK,WAAW;EAAY;YAAtC,CACE,oBAAC,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,qBAAC,OAAD;GAAK,WAAW,GAAG,UAAU;aAA7B,CACE,oBAAC,QAAD;IAAM,WAAW,GAAG,UAAU;IAAO,SAAS;cAC5C,oBAAC,WAAD;KAAW,MAAM;KAAG,WAAW,GAAG,UAAU,SAAS,UAAU;KAAmB,CAAA;IAC7E,CAAA,EACP,oBAAC,QAAD;IAAM,WAAW,GAAG,UAAU;IAAS,SAAS;cAC9C,oBAAC,WAAD;KAAW,MAAM;KAAG,WAAW,GAAG,UAAU;KAAW,CAAA;IAClD,CAAA,CACH;KACF;;EAER;AAEF,YAAY,cAAc"}
+{"version":3,"file":"input-number.js","names":[],"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":";;;;;;;;;;;AAWA,MAAM,WAAW,QAAkC;AACjD,QAAO,CAAC,MAAM,CAAC,IAAI;;AAGrB,MAAM,uBAAuB,QAAwB;CACnD,MAAM,MAAM,OAAO,IAAI;CACvB,MAAM,WAAW,IAAI,QAAQ,IAAI;AACjC,QAAO,aAAa,KAAK,IAAI,IAAI,SAAS,WAAW;;AAGvD,MAAM,eAAe,KAAa,cAA8B;AAC9D,QAAO,WAAW,IAAI,QAAQ,UAAU,CAAC;;AAG3C,MAAM,cAAc,MAAM,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,gBAAgB,WAAW,cAAc;CAC/C,MAAM,YAAY,aAAa,gBAAgB,cAAc,WAAW,cAAc;CAEtF,MAAM,MAAM,WAAW,WAAW,WAAW,GAAG,UAAU,GADxC,MAAM,QAAQ,cAAc,iBAAiB,QACW;GACvE,GAAG,UAAU,aAAa;GAC1B,GAAG,UAAU,oBAAoB;EACnC,CAAC;CACF,MAAM,oBAAoB,aAAa,KAAK,IAAI,oBAAoB,KAAK,EAAE,oBAAoB,aAAa,CAAC;CAC7G,MAAM,CAAC,OAAO,YAAY,SACxB,WAAW,QAAS,MAAM,QAAmB,aAC9C;CAED,MAAM,iBAAiB,MAAiD;EACtE,MAAM,MAAM,OAAO,EAAE,OAAO,MAAM,MAAM,CAAC;EACzC,MAAM,MAAM,oBAAoB,IAAI,YAAY,KAAK,kBAAkB,GAAG;AAC1E,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,kBAAkB;AAC1D,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,kBAAkB;AAC1D,OAAI,OAAO,KAAK;AACd,MAAE,WAAW,UAAU,SAAS,IAAI;AACpC,gBAAY,SAAS,KAAK,EAAE;;;;AAKlC,iBAAgB;AACd,aAAW,SAAS,SAAS,MAAM,MAAgB;IAClD,CAAC,MAAM,CAAC;AAEX,QACE,qBAAC,OAAD;EAAU;EAAK,WAAW;EAAY;YAAtC,CACE,oBAAC,SAAD;GACE,cAAa;GACH;GACV,OAAO,oBAAoB,IAAI,MAAM,QAAQ,kBAAkB,GAAG;GAClE,MAAK;GACL,WAAW,GAAG,UAAU;GACnB;GACA;GACC;GACN,UAAU;GACV,iBAAe;GACf,iBAAe;GACf,iBAAe;GACf,iBAAe;GACf,CAAA,EACF,qBAAC,OAAD;GAAK,WAAW,GAAG,UAAU;aAA7B,CACE,oBAAC,QAAD;IAAM,WAAW,GAAG,UAAU;IAAO,SAAS;cAC5C,oBAAC,WAAD;KAAW,MAAM;KAAG,WAAW,GAAG,UAAU,SAAS,UAAU;KAAmB,CAAA;IAC7E,CAAA,EACP,oBAAC,QAAD;IAAM,WAAW,GAAG,UAAU;IAAS,SAAS;cAC9C,oBAAC,WAAD;KAAW,MAAM;KAAG,WAAW,GAAG,UAAU;KAAW,CAAA;IAClD,CAAA,CACH;KACF;;EAER;AAEF,YAAY,cAAc"}

package/es/input-number/style/_index.scss

@@ -4,6 +4,7 @@
 .#{$prefix}-input-number {
   position: relative;
   box-sizing: border-box;
+  width: 100%;
 
   &:hover {
     .#{$prefix}-input-number__controls {
@@ -12,13 +13,14 @@
   }
 
   &__input {
-    @include input-default();
+    @include input-default;
+
     padding-left: 7px;
     padding-right: 25px;
 
     &::-webkit-inner-spin-button,
     &::-webkit-outer-spin-button {
-      -webkit-appearance: none;
+      appearance: none;
     }
   }
 
@@ -112,7 +114,7 @@
   &_disabled {
     .#{$prefix}-input-number {
       &__input {
-        @include input-default-disabled();
+        @include input-default-disabled;
       }
 
       &__up,

package/es/input-number/style/index.css

@@ -1,6 +1,7 @@
 .ty-input-number {
   position: relative;
   box-sizing: border-box;
+  width: 100%;
 }
 .ty-input-number:hover .ty-input-number__controls {
   opacity: 1;
@@ -13,8 +14,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-number__input:hover {
@@ -36,6 +37,7 @@
 }
 .ty-input-number__input::-webkit-inner-spin-button, .ty-input-number__input::-webkit-outer-spin-button {
   -webkit-appearance: none;
+          appearance: none;
 }
 .ty-input-number__controls {
   box-sizing: border-box;
@@ -84,19 +86,19 @@
   transform: rotate(180deg);
 }
 .ty-input-number_sm .ty-input-number__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-number_md .ty-input-number__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-number_lg .ty-input-number__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-number_disabled .ty-input-number__input {
   cursor: not-allowed;

package/es/input-otp/input-otp.js

@@ -38,13 +38,11 @@ const InputOTP = React.forwardRef((props, ref) => {
 		nativeElement: containerRef.current
 	}));
 	const triggerValueCellsChange = useCallback((nextValueCells) => {
-		setValueCells((prev) => {
-			const prevValue = prev.join("");
-			const nextValue = nextValueCells.join("");
-			if (onChange && prevValue !== nextValue) onChange(nextValue);
-			return nextValueCells;
-		});
-	}, [onChange]);
+		const prevValue = valueCells.join("");
+		const nextValue = nextValueCells.join("");
+		setValueCells(nextValueCells);
+		if (onChange && prevValue !== nextValue) onChange(nextValue);
+	}, [onChange, valueCells]);
 	const patchValue = useCallback((index, txt) => {
 		let nextCells = [...valueCells];
 		for (let i = 0; i < index; i += 1) if (!nextCells[i]) nextCells[i] = "";

package/es/input-otp/input-otp.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-otp.js","names":[],"sources":["../../src/input-otp/input-otp.tsx"],"sourcesContent":["import React, { useRef, useState, useEffect, useContext, useCallback, useMemo } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { InputOTPProps } from './types';\nimport OTPInput from './otp-input';\n\nfunction strToArr(str: string): string[] {\n  return (str || '').split('');\n}\n\nexport interface InputOTPRef {\n  focus: () => void;\n  blur: () => void;\n  nativeElement: HTMLDivElement | null;\n}\n\nconst InputOTP = React.forwardRef<InputOTPRef, InputOTPProps>(\n  (props, ref) => {\n    const {\n      length = 6,\n      size = 'md',\n      defaultValue,\n      value,\n      onChange,\n      formatter,\n      separator,\n      disabled = false,\n      mask,\n      autoFocus,\n      autoComplete,\n      className,\n      style,\n      prefixCls: customisedCls,\n      onFocus,\n      ...otherProps\n    } = props;\n\n    const configContext = useContext(ConfigContext);\n    const prefixCls = getPrefixCls('input-otp', configContext.prefixCls, customisedCls);\n    const inputSize = size || configContext.componentSize || 'md';\n\n    const containerRef = useRef<HTMLDivElement>(null);\n    const inputsRef = useRef<Record<number, HTMLInputElement | null>>({});\n\n    // Formatter helper\n    const internalFormatter = useCallback(\n      (txt: string) => (formatter ? formatter(txt) : txt),\n      [formatter]\n    );\n\n    // Value state\n    const [valueCells, setValueCells] = useState<string[]>(() =>\n      strToArr(internalFormatter(defaultValue || ''))\n    );\n\n    useEffect(() => {\n      if (value !== undefined) {\n        setValueCells(strToArr(value));\n      }\n    }, [value]);\n\n    // Imperative handle\n    React.useImperativeHandle(ref, () => ({\n      focus: () => {\n        // Focus first empty cell (or last cell if all filled)\n        let nextIndex = 0;\n        for (let i = 0; i < length; i += 1) {\n          if (!inputsRef.current[i]?.value) {\n            nextIndex = i;\n            break;\n          }\n          nextIndex = i;\n        }\n        inputsRef.current[nextIndex]?.focus();\n      },\n      blur: () => {\n        for (let i = 0; i < length; i += 1) {\n          inputsRef.current[i]?.blur();\n        }\n      },\n      nativeElement: containerRef.current,\n    }));\n\n    // Trigger onChange when value cells change\n    const triggerValueCellsChange = useCallback(\n      (nextValueCells: string[]) => {\n        setValueCells((prev) => {\n          const prevValue = prev.join('');\n          const nextValue = nextValueCells.join('');\n          if (onChange && prevValue !== nextValue) {\n            onChange(nextValue);\n          }\n          return nextValueCells;\n        });\n      },\n      [onChange]\n    );\n\n    // Patch value at given index\n    const patchValue = useCallback(\n      (index: number, txt: string) => {\n        let nextCells = [...valueCells];\n\n        // Fill cells till index\n        for (let i = 0; i < index; i += 1) {\n          if (!nextCells[i]) {\n            nextCells[i] = '';\n          }\n        }\n\n        if (txt.length <= 1) {\n          nextCells[index] = txt;\n        } else {\n          nextCells = nextCells.slice(0, index).concat(strToArr(txt));\n        }\n        nextCells = nextCells.slice(0, length);\n\n        // Clean trailing empty cells\n        for (let i = nextCells.length - 1; i >= 0; i -= 1) {\n          if (nextCells[i]) {\n            break;\n          }\n          nextCells.pop();\n        }\n\n        // Format if needed\n        const formattedValue = internalFormatter(\n          nextCells.map((c) => c || ' ').join('')\n        );\n        nextCells = strToArr(formattedValue).map((c, i) => {\n          if (c === ' ' && !nextCells[i]) {\n            return nextCells[i];\n          }\n          return c;\n        });\n\n        return nextCells;\n      },\n      [valueCells, length, internalFormatter]\n    );\n\n    // Handle input change\n    const onInputChange = useCallback(\n      (index: number, txt: string) => {\n        const nextCells = patchValue(index, txt);\n        const nextIndex = Math.min(index + txt.length, length - 1);\n        if (nextIndex !== index && nextCells[index] !== undefined) {\n          inputsRef.current[nextIndex]?.focus();\n        }\n        triggerValueCellsChange(nextCells);\n      },\n      [patchValue, length, triggerValueCellsChange]\n    );\n\n    // Handle active change (arrow keys, backspace)\n    const onInputActiveChange = useCallback(\n      (nextIndex: number) => {\n        const clampedIndex = Math.max(0, Math.min(nextIndex, length - 1));\n        inputsRef.current[clampedIndex]?.focus();\n      },\n      [length]\n    );\n\n    // Handle focus — keep focus on the interacted cell\n    const onInputFocus = useCallback(\n      (event: React.FocusEvent<HTMLInputElement>, index: number) => {\n        if (onFocus) {\n          (onFocus as React.FocusEventHandler<HTMLDivElement>)(event as unknown as React.FocusEvent<HTMLDivElement>);\n        }\n      },\n      [onFocus]\n    );\n\n    // Render separator\n    const renderSeparator = useMemo(() => {\n      if (!separator) return null;\n      return (index: number) => {\n        const separatorNode =\n          typeof separator === 'function' ? separator(index) : separator;\n        if (!separatorNode) return null;\n        return (\n          <span className={`${prefixCls}__separator`}>\n            {separatorNode}\n          </span>\n        );\n      };\n    }, [separator, prefixCls]);\n\n    const cls = classNames(prefixCls, className, `${prefixCls}_${inputSize}`, {\n      [`${prefixCls}_disabled`]: disabled,\n    });\n\n    return (\n      <div\n        {...otherProps}\n        ref={containerRef}\n        className={cls}\n        style={style}\n        role=\"group\"\n      >\n        {Array.from({ length }).map((_, index) => {\n          const singleValue = valueCells[index] || '';\n          return (\n            <React.Fragment key={`otp-${index}`}>\n              <OTPInput\n                ref={(el) => {\n                  inputsRef.current[index] = el;\n                }}\n                index={index}\n                size={inputSize}\n                prefixCls={prefixCls}\n                value={singleValue}\n                disabled={disabled}\n                mask={mask}\n                autoFocus={index === 0 && autoFocus}\n                autoComplete={autoComplete}\n                onChange={onInputChange}\n                onActiveChange={onInputActiveChange}\n                onFocus={(e) => onInputFocus(e, index)}\n              />\n              {index < length - 1 && renderSeparator?.(index)}\n            </React.Fragment>\n          );\n        })}\n      </div>\n    );\n  }\n);\n\nInputOTP.displayName = 'InputOTP';\n\nexport default InputOTP;\n"],"mappings":"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"}
+{"version":3,"file":"input-otp.js","names":[],"sources":["../../src/input-otp/input-otp.tsx"],"sourcesContent":["import React, { useRef, useState, useEffect, useContext, useCallback, useMemo } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { InputOTPProps } from './types';\nimport OTPInput from './otp-input';\n\nfunction strToArr(str: string): string[] {\n  return (str || '').split('');\n}\n\nexport interface InputOTPRef {\n  focus: () => void;\n  blur: () => void;\n  nativeElement: HTMLDivElement | null;\n}\n\nconst InputOTP = React.forwardRef<InputOTPRef, InputOTPProps>(\n  (props, ref) => {\n    const {\n      length = 6,\n      size = 'md',\n      defaultValue,\n      value,\n      onChange,\n      formatter,\n      separator,\n      disabled = false,\n      mask,\n      autoFocus,\n      autoComplete,\n      className,\n      style,\n      prefixCls: customisedCls,\n      onFocus,\n      ...otherProps\n    } = props;\n\n    const configContext = useContext(ConfigContext);\n    const prefixCls = getPrefixCls('input-otp', configContext.prefixCls, customisedCls);\n    const inputSize = size || configContext.componentSize || 'md';\n\n    const containerRef = useRef<HTMLDivElement>(null);\n    const inputsRef = useRef<Record<number, HTMLInputElement | null>>({});\n\n    // Formatter helper\n    const internalFormatter = useCallback(\n      (txt: string) => (formatter ? formatter(txt) : txt),\n      [formatter]\n    );\n\n    // Value state\n    const [valueCells, setValueCells] = useState<string[]>(() =>\n      strToArr(internalFormatter(defaultValue || ''))\n    );\n\n    useEffect(() => {\n      if (value !== undefined) {\n        setValueCells(strToArr(value));\n      }\n    }, [value]);\n\n    // Imperative handle\n    React.useImperativeHandle(ref, () => ({\n      focus: () => {\n        // Focus first empty cell (or last cell if all filled)\n        let nextIndex = 0;\n        for (let i = 0; i < length; i += 1) {\n          if (!inputsRef.current[i]?.value) {\n            nextIndex = i;\n            break;\n          }\n          nextIndex = i;\n        }\n        inputsRef.current[nextIndex]?.focus();\n      },\n      blur: () => {\n        for (let i = 0; i < length; i += 1) {\n          inputsRef.current[i]?.blur();\n        }\n      },\n      nativeElement: containerRef.current,\n    }));\n\n    // Trigger onChange when value cells change\n    const triggerValueCellsChange = useCallback(\n      (nextValueCells: string[]) => {\n        const prevValue = valueCells.join('');\n        const nextValue = nextValueCells.join('');\n        setValueCells(nextValueCells);\n        if (onChange && prevValue !== nextValue) {\n          onChange(nextValue);\n        }\n      },\n      [onChange, valueCells]\n    );\n\n    // Patch value at given index\n    const patchValue = useCallback(\n      (index: number, txt: string) => {\n        let nextCells = [...valueCells];\n\n        // Fill cells till index\n        for (let i = 0; i < index; i += 1) {\n          if (!nextCells[i]) {\n            nextCells[i] = '';\n          }\n        }\n\n        if (txt.length <= 1) {\n          nextCells[index] = txt;\n        } else {\n          nextCells = nextCells.slice(0, index).concat(strToArr(txt));\n        }\n        nextCells = nextCells.slice(0, length);\n\n        // Clean trailing empty cells\n        for (let i = nextCells.length - 1; i >= 0; i -= 1) {\n          if (nextCells[i]) {\n            break;\n          }\n          nextCells.pop();\n        }\n\n        // Format if needed\n        const formattedValue = internalFormatter(\n          nextCells.map((c) => c || ' ').join('')\n        );\n        nextCells = strToArr(formattedValue).map((c, i) => {\n          if (c === ' ' && !nextCells[i]) {\n            return nextCells[i];\n          }\n          return c;\n        });\n\n        return nextCells;\n      },\n      [valueCells, length, internalFormatter]\n    );\n\n    // Handle input change\n    const onInputChange = useCallback(\n      (index: number, txt: string) => {\n        const nextCells = patchValue(index, txt);\n        const nextIndex = Math.min(index + txt.length, length - 1);\n        if (nextIndex !== index && nextCells[index] !== undefined) {\n          inputsRef.current[nextIndex]?.focus();\n        }\n        triggerValueCellsChange(nextCells);\n      },\n      [patchValue, length, triggerValueCellsChange]\n    );\n\n    // Handle active change (arrow keys, backspace)\n    const onInputActiveChange = useCallback(\n      (nextIndex: number) => {\n        const clampedIndex = Math.max(0, Math.min(nextIndex, length - 1));\n        inputsRef.current[clampedIndex]?.focus();\n      },\n      [length]\n    );\n\n    // Handle focus — keep focus on the interacted cell\n    const onInputFocus = useCallback(\n      (event: React.FocusEvent<HTMLInputElement>, index: number) => {\n        if (onFocus) {\n          (onFocus as React.FocusEventHandler<HTMLDivElement>)(event as unknown as React.FocusEvent<HTMLDivElement>);\n        }\n      },\n      [onFocus]\n    );\n\n    // Render separator\n    const renderSeparator = useMemo(() => {\n      if (!separator) return null;\n      return (index: number) => {\n        const separatorNode =\n          typeof separator === 'function' ? separator(index) : separator;\n        if (!separatorNode) return null;\n        return (\n          <span className={`${prefixCls}__separator`}>\n            {separatorNode}\n          </span>\n        );\n      };\n    }, [separator, prefixCls]);\n\n    const cls = classNames(prefixCls, className, `${prefixCls}_${inputSize}`, {\n      [`${prefixCls}_disabled`]: disabled,\n    });\n\n    return (\n      <div\n        {...otherProps}\n        ref={containerRef}\n        className={cls}\n        style={style}\n        role=\"group\"\n      >\n        {Array.from({ length }).map((_, index) => {\n          const singleValue = valueCells[index] || '';\n          return (\n            <React.Fragment key={`otp-${index}`}>\n              <OTPInput\n                ref={(el) => {\n                  inputsRef.current[index] = el;\n                }}\n                index={index}\n                size={inputSize}\n                prefixCls={prefixCls}\n                value={singleValue}\n                disabled={disabled}\n                mask={mask}\n                autoFocus={index === 0 && autoFocus}\n                autoComplete={autoComplete}\n                onChange={onInputChange}\n                onActiveChange={onInputActiveChange}\n                onFocus={(e) => onInputFocus(e, index)}\n              />\n              {index < length - 1 && renderSeparator?.(index)}\n            </React.Fragment>\n          );\n        })}\n      </div>\n    );\n  }\n);\n\nInputOTP.displayName = 'InputOTP';\n\nexport default InputOTP;\n"],"mappings":"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"}

package/es/input-otp/style/_index.scss

@@ -44,7 +44,7 @@
     display: inline-flex;
     align-items: center;
     color: var(--ty-color-text-secondary);
-    font-size: $font-size-base;
+    font-size: var(--ty-font-size-base);
   }
 
   &_disabled {

package/es/input-otp/style/index.css

@@ -11,8 +11,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-otp__cell:hover {
@@ -33,24 +33,24 @@
   height: 36px;
   text-align: center;
   padding: 0;
-  font-size: 1rem;
-  border-radius: 2px;
+  font-size: var(--ty-font-size-base);
+  border-radius: var(--ty-border-radius);
   caret-color: currentcolor;
 }
 .ty-input-otp__cell_sm {
   width: 28px;
   height: 28px;
-  font-size: 0.875rem;
+  font-size: var(--ty-font-size-sm);
 }
 .ty-input-otp__cell_md {
   width: 36px;
   height: 36px;
-  font-size: 1rem;
+  font-size: var(--ty-font-size-base);
 }
 .ty-input-otp__cell_lg {
   width: 44px;
   height: 44px;
-  font-size: 1.25rem;
+  font-size: var(--ty-font-size-lg);
 }
 .ty-input-otp__cell_disabled {
   cursor: not-allowed;
@@ -64,7 +64,7 @@
   display: inline-flex;
   align-items: center;
   color: var(--ty-color-text-secondary);
-  font-size: 1rem;
+  font-size: var(--ty-font-size-base);
 }
 .ty-input-otp_disabled {
   cursor: not-allowed;

package/es/list/list.js

@@ -51,7 +51,7 @@ const List = React.forwardRef((props, ref) => {
 			});
 			if (renderItem) {
 				const [start, end] = visibleRange;
-				const visibleItems = dataSource.slice(start, end + 1).map((item, i) => renderItem(item, start + i));
+				const visibleItems = dataSource.slice(start, end + 1).map((item, i) => /* @__PURE__ */ jsx(React.Fragment, { children: renderItem(item, start + i) }, start + i));
 				return /* @__PURE__ */ jsx("div", {
 					style: {
 						height: totalHeight,
@@ -77,7 +77,7 @@ const List = React.forwardRef((props, ref) => {
 			children: locale?.emptyText ?? "No Data"
 		});
 		if (renderItem) {
-			const rendered = items.map((item, index) => renderItem(item, index));
+			const rendered = items.map((item, index) => /* @__PURE__ */ jsx(React.Fragment, { children: renderItem(item, index) }, index));
 			if (grid) return /* @__PURE__ */ jsx("div", {
 				className: `${prefixCls}__grid`,
 				style: {

package/es/list/list.js.map

@@ -1 +1 @@
-{"version":3,"file":"list.js","names":["Pagination"],"sources":["../../src/list/list.tsx"],"sourcesContent":["import React, { useContext, useState } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { useVirtualScroll } from '../_utils/use-virtual-scroll';\nimport Pagination from '../pagination';\nimport { ListProps } from './types';\n\nconst ITEM_HEIGHT_MAP = { sm: 41, md: 49, lg: 57 } as const;\n\nconst List = React.forwardRef<HTMLDivElement, ListProps>((props, ref) => {\n  const {\n    dataSource = [],\n    renderItem,\n    header,\n    footer,\n    loading = false,\n    bordered = false,\n    split = true,\n    size,\n    grid,\n    locale,\n    virtual = false,\n    height,\n    itemHeight: itemHeightProp,\n    pagination,\n    prefixCls: customisedCls,\n    className,\n    style,\n    children,\n    ...otherProps\n  } = props;\n\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('list', configContext.prefixCls, customisedCls);\n  const listSize = size || configContext.componentSize || 'md';\n\n  if (virtual && height == null) {\n    console.warn('[tiny-design: List] `height` is required when `virtual` is enabled.');\n  }\n  if (virtual && grid) {\n    console.warn('[tiny-design: List] `virtual` is not supported with `grid` mode. Falling back to normal rendering.');\n  }\n\n  const isVirtual = virtual && height != null && !grid;\n\n  const [currentPage, setCurrentPage] = useState(1);\n  const pageSize = pagination && pagination.pageSize ? pagination.pageSize : 10;\n\n  const itemHeight = itemHeightProp ?? ITEM_HEIGHT_MAP[listSize] ?? ITEM_HEIGHT_MAP.md;\n  const { visibleRange, totalHeight, offsetY, onScroll } = useVirtualScroll({\n    itemCount: dataSource.length,\n    itemHeight,\n    containerHeight: height ?? 0,\n  });\n\n  const cls = classNames(prefixCls, className, {\n    [`${prefixCls}_${listSize}`]: listSize,\n    [`${prefixCls}_bordered`]: bordered,\n    [`${prefixCls}_split`]: split,\n    [`${prefixCls}_loading`]: loading,\n    [`${prefixCls}_grid`]: grid,\n  });\n\n  const paginatedData = () => {\n    if (!pagination) return dataSource;\n    const page = pagination.current ?? currentPage;\n    const start = (page - 1) * pageSize;\n    return dataSource.slice(start, start + pageSize);\n  };\n\n  const handlePageChange = (page: number) => {\n    setCurrentPage(page);\n    pagination && pagination.onChange?.(page, pageSize);\n  };\n\n  const renderItems = () => {\n    if (isVirtual) {\n      if (dataSource.length === 0) {\n        return (\n          <div className={`${prefixCls}__empty`}>\n            {locale?.emptyText ?? 'No Data'}\n          </div>\n        );\n      }\n      if (renderItem) {\n        const [start, end] = visibleRange;\n        const visibleItems = dataSource.slice(start, end + 1).map((item, i) => renderItem(item, start + i));\n        return (\n          <div style={{ height: totalHeight, position: 'relative' }}>\n            <div style={{ position: 'absolute', top: 0, left: 0, right: 0, transform: `translateY(${offsetY}px)` }}>\n              {visibleItems}\n            </div>\n          </div>\n        );\n      }\n      return children;\n    }\n\n    const items = paginatedData();\n    if (items.length === 0 && !children) {\n      return (\n        <div className={`${prefixCls}__empty`}>\n          {locale?.emptyText ?? 'No Data'}\n        </div>\n      );\n    }\n    if (renderItem) {\n      const rendered = items.map((item, index) => renderItem(item, index));\n      if (grid) {\n        return (\n          <div\n            className={`${prefixCls}__grid`}\n            style={{\n              display: 'grid',\n              gridTemplateColumns: `repeat(${grid.column || 3}, 1fr)`,\n              gap: grid.gutter ? `${grid.gutter}px` : undefined,\n            }}\n          >\n            {rendered}\n          </div>\n        );\n      }\n      return rendered;\n    }\n    return children;\n  };\n\n  const showPagination = pagination && !isVirtual;\n  const paginationConfig = pagination && typeof pagination === 'object' ? pagination : undefined;\n  const totalItems = paginationConfig?.total ?? dataSource.length;\n  const activePage = paginationConfig?.current ?? currentPage;\n\n  const bodyCls = classNames(`${prefixCls}__body`, {\n    [`${prefixCls}__body_virtual`]: isVirtual,\n  });\n\n  const bodyStyle: React.CSSProperties | undefined = isVirtual\n    ? { height, overflowY: 'auto' }\n    : undefined;\n\n  return (\n    <div {...otherProps} ref={ref} className={cls} style={style}>\n      {header && <div className={`${prefixCls}__header`}>{header}</div>}\n      <div className={bodyCls} style={bodyStyle} onScroll={isVirtual ? onScroll : undefined}>\n        {loading ? (\n          <div className={`${prefixCls}__loading`}>Loading...</div>\n        ) : (\n          renderItems()\n        )}\n      </div>\n      {footer && <div className={`${prefixCls}__footer`}>{footer}</div>}\n      {showPagination && (\n        <Pagination\n          current={activePage}\n          total={totalItems}\n          pageSize={pageSize}\n          align={paginationConfig?.align ?? 'right'}\n          size={paginationConfig?.size}\n          disabled={paginationConfig?.disabled}\n          onChange={(page) => handlePageChange(page)}\n          style={{ padding: 16 }}\n        />\n      )}\n    </div>\n  );\n});\n\nList.displayName = 'List';\nexport default List;\n"],"mappings":"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"}
+{"version":3,"file":"list.js","names":["Pagination"],"sources":["../../src/list/list.tsx"],"sourcesContent":["import React, { useContext, useState } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { useVirtualScroll } from '../_utils/use-virtual-scroll';\nimport Pagination from '../pagination';\nimport { ListProps } from './types';\n\nconst ITEM_HEIGHT_MAP = { sm: 41, md: 49, lg: 57 } as const;\n\nconst List = React.forwardRef<HTMLDivElement, ListProps>((props, ref) => {\n  const {\n    dataSource = [],\n    renderItem,\n    header,\n    footer,\n    loading = false,\n    bordered = false,\n    split = true,\n    size,\n    grid,\n    locale,\n    virtual = false,\n    height,\n    itemHeight: itemHeightProp,\n    pagination,\n    prefixCls: customisedCls,\n    className,\n    style,\n    children,\n    ...otherProps\n  } = props;\n\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('list', configContext.prefixCls, customisedCls);\n  const listSize = size || configContext.componentSize || 'md';\n\n  if (virtual && height == null) {\n    console.warn('[tiny-design: List] `height` is required when `virtual` is enabled.');\n  }\n  if (virtual && grid) {\n    console.warn('[tiny-design: List] `virtual` is not supported with `grid` mode. Falling back to normal rendering.');\n  }\n\n  const isVirtual = virtual && height != null && !grid;\n\n  const [currentPage, setCurrentPage] = useState(1);\n  const pageSize = pagination && pagination.pageSize ? pagination.pageSize : 10;\n\n  const itemHeight = itemHeightProp ?? ITEM_HEIGHT_MAP[listSize] ?? ITEM_HEIGHT_MAP.md;\n  const { visibleRange, totalHeight, offsetY, onScroll } = useVirtualScroll({\n    itemCount: dataSource.length,\n    itemHeight,\n    containerHeight: height ?? 0,\n  });\n\n  const cls = classNames(prefixCls, className, {\n    [`${prefixCls}_${listSize}`]: listSize,\n    [`${prefixCls}_bordered`]: bordered,\n    [`${prefixCls}_split`]: split,\n    [`${prefixCls}_loading`]: loading,\n    [`${prefixCls}_grid`]: grid,\n  });\n\n  const paginatedData = () => {\n    if (!pagination) return dataSource;\n    const page = pagination.current ?? currentPage;\n    const start = (page - 1) * pageSize;\n    return dataSource.slice(start, start + pageSize);\n  };\n\n  const handlePageChange = (page: number) => {\n    setCurrentPage(page);\n    pagination && pagination.onChange?.(page, pageSize);\n  };\n\n  const renderItems = () => {\n    if (isVirtual) {\n      if (dataSource.length === 0) {\n        return (\n          <div className={`${prefixCls}__empty`}>\n            {locale?.emptyText ?? 'No Data'}\n          </div>\n        );\n      }\n      if (renderItem) {\n        const [start, end] = visibleRange;\n        const visibleItems = dataSource.slice(start, end + 1).map((item, i) => (\n          <React.Fragment key={start + i}>{renderItem(item, start + i)}</React.Fragment>\n        ));\n        return (\n          <div style={{ height: totalHeight, position: 'relative' }}>\n            <div style={{ position: 'absolute', top: 0, left: 0, right: 0, transform: `translateY(${offsetY}px)` }}>\n              {visibleItems}\n            </div>\n          </div>\n        );\n      }\n      return children;\n    }\n\n    const items = paginatedData();\n    if (items.length === 0 && !children) {\n      return (\n        <div className={`${prefixCls}__empty`}>\n          {locale?.emptyText ?? 'No Data'}\n        </div>\n      );\n    }\n    if (renderItem) {\n      const rendered = items.map((item, index) => (\n        <React.Fragment key={index}>{renderItem(item, index)}</React.Fragment>\n      ));\n      if (grid) {\n        return (\n          <div\n            className={`${prefixCls}__grid`}\n            style={{\n              display: 'grid',\n              gridTemplateColumns: `repeat(${grid.column || 3}, 1fr)`,\n              gap: grid.gutter ? `${grid.gutter}px` : undefined,\n            }}\n          >\n            {rendered}\n          </div>\n        );\n      }\n      return rendered;\n    }\n    return children;\n  };\n\n  const showPagination = pagination && !isVirtual;\n  const paginationConfig = pagination && typeof pagination === 'object' ? pagination : undefined;\n  const totalItems = paginationConfig?.total ?? dataSource.length;\n  const activePage = paginationConfig?.current ?? currentPage;\n\n  const bodyCls = classNames(`${prefixCls}__body`, {\n    [`${prefixCls}__body_virtual`]: isVirtual,\n  });\n\n  const bodyStyle: React.CSSProperties | undefined = isVirtual\n    ? { height, overflowY: 'auto' }\n    : undefined;\n\n  return (\n    <div {...otherProps} ref={ref} className={cls} style={style}>\n      {header && <div className={`${prefixCls}__header`}>{header}</div>}\n      <div className={bodyCls} style={bodyStyle} onScroll={isVirtual ? onScroll : undefined}>\n        {loading ? (\n          <div className={`${prefixCls}__loading`}>Loading...</div>\n        ) : (\n          renderItems()\n        )}\n      </div>\n      {footer && <div className={`${prefixCls}__footer`}>{footer}</div>}\n      {showPagination && (\n        <Pagination\n          current={activePage}\n          total={totalItems}\n          pageSize={pageSize}\n          align={paginationConfig?.align ?? 'right'}\n          size={paginationConfig?.size}\n          disabled={paginationConfig?.disabled}\n          onChange={(page) => handlePageChange(page)}\n          style={{ padding: 16 }}\n        />\n      )}\n    </div>\n  );\n});\n\nList.displayName = 'List';\nexport default List;\n"],"mappings":"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"}

package/es/list/style/_index.scss

@@ -2,11 +2,11 @@
 
 .#{$prefix}-list {
   color: var(--ty-color-text, #{$gray-800});
-  font-size: $font-size-base;
+  font-size: var(--ty-font-size-base);
 
   &_bordered {
     border: 1px solid var(--ty-list-border, #{$gray-300});
-    border-radius: $border-radius;
+    border-radius: var(--ty-border-radius);
   }
 
   &_sm {
@@ -136,6 +136,6 @@
 
   &__description {
     color: var(--ty-color-text-secondary, #{$gray-600});
-    font-size: $font-size-sm;
+    font-size: var(--ty-font-size-sm);
   }
 }

package/es/list/style/index.css

@@ -1,10 +1,10 @@
 .ty-list {
   color: var(--ty-color-text, #32325d);
-  font-size: 1rem;
+  font-size: var(--ty-font-size-base);
 }
 .ty-list_bordered {
   border: 1px solid var(--ty-list-border, #dee2e6);
-  border-radius: 2px;
+  border-radius: var(--ty-border-radius);
 }
 .ty-list_sm .ty-list-item {
   padding: 8px 16px;
@@ -104,5 +104,5 @@
 }
 .ty-list-item-meta__description {
   color: var(--ty-color-text-secondary, #8898aa);
-  font-size: 0.875rem;
+  font-size: var(--ty-font-size-sm);
 }

package/es/marquee/index.d.ts

@@ -0,0 +1 @@
+import { Marquee } from "./marquee.js";

package/es/marquee/index.js

@@ -0,0 +1,9 @@
+import '../style/base.css';
+import './style/index.css';
+import Marquee from "./marquee.js";
+//#region src/marquee/index.tsx
+var marquee_default = Marquee;
+//#endregion
+export { marquee_default as default };
+
+//# sourceMappingURL=index.js.map

package/es/marquee/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/marquee/index.tsx"],"sourcesContent":["import Marquee from './marquee';\n\nexport default Marquee;\n"],"mappings":";;AAEA,IAAA,kBAAe"}

package/es/marquee/marquee.d.ts

@@ -0,0 +1,8 @@
+import { MarqueeProps } from "./types.js";
+import React from "react";
+
+//#region src/marquee/marquee.d.ts
+declare const Marquee: React.MemoExoticComponent<React.ForwardRefExoticComponent<MarqueeProps & React.RefAttributes<HTMLDivElement>>>;
+//#endregion
+export { Marquee };
+//# sourceMappingURL=marquee.d.ts.map

package/es/marquee/marquee.js

@@ -0,0 +1,42 @@
+import { ConfigContext } from "../config-provider/config-context.js";
+import { getPrefixCls } from "../_utils/general.js";
+import React, { useContext, useMemo } from "react";
+import classNames from "classnames";
+import { jsx } from "react/jsx-runtime";
+//#region src/marquee/marquee.tsx
+const Marquee = React.memo(React.forwardRef((props, ref) => {
+	const { direction = "left", duration = 50, pauseOnHover = true, gap = 16, fade = false, infinite = true, prefixCls: customisedCls, className, style, children, ...otherProps } = props;
+	const prefixCls = getPrefixCls("marquee", useContext(ConfigContext).prefixCls, customisedCls);
+	const cls = classNames(prefixCls, { [`${prefixCls}_fade`]: fade }, className);
+	const trackCls = classNames(`${prefixCls}__track`, {
+		[`${prefixCls}__track_reverse`]: direction === "right",
+		[`${prefixCls}__track_pause-on-hover`]: pauseOnHover,
+		[`${prefixCls}__track_once`]: !infinite
+	});
+	const trackStyle = {
+		"--ty-marquee-duration": `${duration}s`,
+		"--ty-marquee-gap": `${gap}px`
+	};
+	const items = useMemo(() => {
+		const childArray = React.Children.toArray(children);
+		if (!infinite) return childArray;
+		const cloned = childArray.map((child) => React.isValidElement(child) ? React.cloneElement(child, { key: `${child.key}-dup` }) : child);
+		return [...childArray, ...cloned];
+	}, [children, infinite]);
+	return /* @__PURE__ */ jsx("div", {
+		...otherProps,
+		ref,
+		className: cls,
+		style,
+		children: /* @__PURE__ */ jsx("div", {
+			className: trackCls,
+			style: trackStyle,
+			children: items
+		})
+	});
+}));
+Marquee.displayName = "Marquee";
+//#endregion
+export { Marquee as default };
+
+//# sourceMappingURL=marquee.js.map

package/es/marquee/marquee.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"marquee.js","names":[],"sources":["../../src/marquee/marquee.tsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { MarqueeProps } from './types';\n\nconst Marquee = React.memo(\n  React.forwardRef<HTMLDivElement, MarqueeProps>((props, ref) => {\n    const {\n      direction = 'left',\n      duration = 50,\n      pauseOnHover = true,\n      gap = 16,\n      fade = false,\n      infinite = true,\n      prefixCls: customisedCls,\n      className,\n      style,\n      children,\n      ...otherProps\n    } = props;\n\n    const configContext = useContext(ConfigContext);\n    const prefixCls = getPrefixCls('marquee', configContext.prefixCls, customisedCls);\n\n    const cls = classNames(\n      prefixCls,\n      {\n        [`${prefixCls}_fade`]: fade,\n      },\n      className\n    );\n\n    const trackCls = classNames(`${prefixCls}__track`, {\n      [`${prefixCls}__track_reverse`]: direction === 'right',\n      [`${prefixCls}__track_pause-on-hover`]: pauseOnHover,\n      [`${prefixCls}__track_once`]: !infinite,\n    });\n\n    const trackStyle: React.CSSProperties = {\n      '--ty-marquee-duration': `${duration}s`,\n      '--ty-marquee-gap': `${gap}px`,\n    } as React.CSSProperties;\n\n    const items = useMemo(() => {\n      const childArray = React.Children.toArray(children);\n      if (!infinite) return childArray;\n      const cloned = childArray.map((child) =>\n        React.isValidElement(child)\n          ? React.cloneElement(child, { key: `${child.key}-dup` })\n          : child\n      );\n      return [...childArray, ...cloned];\n    }, [children, infinite]);\n\n    return (\n      <div {...otherProps} ref={ref} className={cls} style={style}>\n        <div className={trackCls} style={trackStyle}>\n          {items}\n        </div>\n      </div>\n    );\n  })\n);\n\nMarquee.displayName = 'Marquee';\n\nexport default Marquee;\n"],"mappings":";;;;;;AAMA,MAAM,UAAU,MAAM,KACpB,MAAM,YAA0C,OAAO,QAAQ;CAC7D,MAAM,EACJ,YAAY,QACZ,WAAW,IACX,eAAe,MACf,MAAM,IACN,OAAO,OACP,WAAW,MACX,WAAW,eACX,WACA,OACA,UACA,GAAG,eACD;CAGJ,MAAM,YAAY,aAAa,WADT,WAAW,cAAc,CACS,WAAW,cAAc;CAEjF,MAAM,MAAM,WACV,WACA,GACG,GAAG,UAAU,SAAS,MACxB,EACD,UACD;CAED,MAAM,WAAW,WAAW,GAAG,UAAU,UAAU;GAChD,GAAG,UAAU,mBAAmB,cAAc;GAC9C,GAAG,UAAU,0BAA0B;GACvC,GAAG,UAAU,gBAAgB,CAAC;EAChC,CAAC;CAEF,MAAM,aAAkC;EACtC,yBAAyB,GAAG,SAAS;EACrC,oBAAoB,GAAG,IAAI;EAC5B;CAED,MAAM,QAAQ,cAAc;EAC1B,MAAM,aAAa,MAAM,SAAS,QAAQ,SAAS;AACnD,MAAI,CAAC,SAAU,QAAO;EACtB,MAAM,SAAS,WAAW,KAAK,UAC7B,MAAM,eAAe,MAAM,GACvB,MAAM,aAAa,OAAO,EAAE,KAAK,GAAG,MAAM,IAAI,OAAO,CAAC,GACtD,MACL;AACD,SAAO,CAAC,GAAG,YAAY,GAAG,OAAO;IAChC,CAAC,UAAU,SAAS,CAAC;AAExB,QACE,oBAAC,OAAD;EAAK,GAAI;EAAiB;EAAK,WAAW;EAAY;YACpD,oBAAC,OAAD;GAAK,WAAW;GAAU,OAAO;aAC9B;GACG,CAAA;EACF,CAAA;EAER,CACH;AAED,QAAQ,cAAc"}