@tiny-design/react 1.0.4

package/lib/input/input.js

@@ -0,0 +1,95 @@
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+const require_config_context = require("../config-provider/config-context.js");
+const require_general = require("../_utils/general.js");
+const require_components = require("../_utils/components.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/input/input.tsx
+const DEFAULT_MARGIN = 16;
+const Input = react.default.forwardRef((props, ref) => {
+	const { size = "md", disabled = false, clearable = false, defaultValue = "", prefix, suffix, onChange, onEnterPress, onKeyDown, className, style, onClearClick, prefixCls: customisedCls, ...otherProps } = props;
+	const configContext = (0, react.useContext)(require_config_context.ConfigContext);
+	const prefixCls = require_general.getPrefixCls("input", configContext.prefixCls, customisedCls);
+	const cls = (0, classnames.default)(prefixCls, className, `${prefixCls}_${props.size || configContext.componentSize || size}`, { [`${prefixCls}_disabled`]: disabled });
+	const prefixRef = (0, react.useRef)(null);
+	const suffixRef = (0, react.useRef)(null);
+	const [value, setValue] = (0, react.useState)("value" in props ? props.value : defaultValue);
+	const [inputPadding, setInputPadding] = (0, react.useState)({
+		paddingLeft: "7px",
+		paddingRight: "7px"
+	});
+	const inputOnChange = (e) => {
+		const val = e.currentTarget.value;
+		!("value" in props) && setValue(val);
+		onChange && onChange(e);
+	};
+	const inputOnKeydown = (e) => {
+		if (e.key === "Enter") onEnterPress && onEnterPress(e);
+		onKeyDown && onKeyDown(e);
+	};
+	const clearBtnOnClick = (e) => {
+		!("value" in props) && setValue("");
+		onClearClick && onClearClick(e);
+	};
+	const renderClearButton = () => {
+		if (clearable && value && value.length > 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: `${prefixCls}__clear-btn`,
+			onClick: clearBtnOnClick,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components.CloseCircle, {
+				size: 16,
+				color: "#BFBFBF"
+			})
+		});
+		return null;
+	};
+	(0, react.useEffect)(() => {
+		const prefixNode = prefixRef.current;
+		const suffixNode = suffixRef.current;
+		const prefixWidth = prefixNode && prefixNode.offsetWidth;
+		const suffixWidth = suffixNode && suffixNode.offsetWidth;
+		const padding = { ...inputPadding };
+		if (prefixWidth) padding.paddingLeft = prefixWidth + DEFAULT_MARGIN + "px";
+		if (suffixWidth) padding.paddingRight = suffixWidth + DEFAULT_MARGIN + "px";
+		if (padding.paddingLeft !== inputPadding.paddingLeft || padding.paddingRight !== inputPadding.paddingRight) setInputPadding(padding);
+	}, [inputPadding]);
+	(0, react.useEffect)(() => {
+		"value" in props && typeof props.value !== "undefined" && setValue(props.value);
+	}, [props.value]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: cls,
+		style,
+		children: [
+			prefix && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				ref: prefixRef,
+				className: `${prefixCls}__prefix`,
+				children: prefix
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+				...otherProps,
+				ref,
+				value,
+				disabled,
+				className: `${prefixCls}__input`,
+				style: {
+					paddingLeft: inputPadding.paddingLeft,
+					paddingRight: inputPadding.paddingRight
+				},
+				onChange: inputOnChange,
+				onKeyDown: inputOnKeydown
+			}),
+			(suffix || clearable) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				ref: suffixRef,
+				className: `${prefixCls}__suffix`,
+				children: [renderClearButton(), suffix]
+			})
+		]
+	});
+});
+Input.displayName = "Input";
+//#endregion
+exports.default = Input;
+
+//# sourceMappingURL=input.js.map

package/lib/input/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","names":["React","ConfigContext","getPrefixCls","CloseCircle"],"sources":["../../src/input/input.tsx"],"sourcesContent":["import React, { useRef, useEffect, useState, ReactNode, useContext } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { CloseCircle } from '../_utils/components';\nimport { InputProps } from './types';\n\nconst DEFAULT_MARGIN = 16; // 8px * 2\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n  (props: InputProps, ref): JSX.Element => {\n    const {\n      size = 'md',\n      disabled = false,\n      clearable = false,\n      defaultValue = '',\n      prefix,\n      suffix,\n      onChange,\n      onEnterPress,\n      onKeyDown,\n      className,\n      style,\n      onClearClick,\n      prefixCls: customisedCls,\n      ...otherProps\n    } = props;\n    const configContext = useContext(ConfigContext);\n    const prefixCls = getPrefixCls('input', configContext.prefixCls, customisedCls);\n    const inputSize = props.size || configContext.componentSize || size;\n    const cls = classNames(prefixCls, className, `${prefixCls}_${inputSize}`, {\n      [`${prefixCls}_disabled`]: disabled,\n    });\n    const prefixRef = useRef<HTMLDivElement | null>(null);\n    const suffixRef = useRef<HTMLDivElement | null>(null);\n    const [value, setValue] = useState<string>(\n      'value' in props ? (props.value as string) : defaultValue\n    );\n    const [inputPadding, setInputPadding] = useState({ paddingLeft: '7px', paddingRight: '7px' });\n\n    const inputOnChange = (e: React.ChangeEvent<HTMLInputElement>): void => {\n      const val = e.currentTarget.value;\n      !('value' in props) && setValue(val);\n      onChange && onChange(e);\n    };\n\n    const inputOnKeydown = (e: React.KeyboardEvent<HTMLInputElement>): void => {\n      if (e.key === 'Enter') {\n        onEnterPress && onEnterPress(e);\n      }\n      onKeyDown && onKeyDown(e);\n    };\n\n    const clearBtnOnClick = (e: React.MouseEvent<HTMLSpanElement>): void => {\n      !('value' in props) && setValue('');\n      onClearClick && onClearClick(e);\n    };\n\n    const renderClearButton = (): ReactNode => {\n      if (clearable && value && value.length > 0) {\n        return (\n          <span className={`${prefixCls}__clear-btn`} onClick={clearBtnOnClick}>\n            <CloseCircle size={16} color=\"#BFBFBF\" />\n          </span>\n        );\n      }\n      return null;\n    };\n\n    useEffect(() => {\n      const prefixNode = prefixRef.current;\n      const suffixNode = suffixRef.current;\n\n      const prefixWidth = prefixNode && prefixNode.offsetWidth;\n      const suffixWidth = suffixNode && suffixNode.offsetWidth;\n      const padding = { ...inputPadding };\n\n      if (prefixWidth) {\n        padding.paddingLeft = prefixWidth + DEFAULT_MARGIN + 'px';\n      }\n      if (suffixWidth) {\n        padding.paddingRight = suffixWidth + DEFAULT_MARGIN + 'px';\n      }\n\n      if (\n        padding.paddingLeft !== inputPadding.paddingLeft ||\n        padding.paddingRight !== inputPadding.paddingRight\n      ) {\n        setInputPadding(padding);\n      }\n    }, [inputPadding]);\n\n    useEffect(() => {\n      'value' in props && typeof props.value !== 'undefined' && setValue(props.value);\n    }, [props.value]);\n\n    return (\n      <div className={cls} style={style}>\n        {prefix && (\n          <div ref={prefixRef} className={`${prefixCls}__prefix`}>\n            {prefix}\n          </div>\n        )}\n        <input\n          {...otherProps}\n          ref={ref}\n          value={value}\n          disabled={disabled}\n          className={`${prefixCls}__input`}\n          style={{ paddingLeft: inputPadding.paddingLeft, paddingRight: inputPadding.paddingRight }}\n          onChange={inputOnChange}\n          onKeyDown={inputOnKeydown}\n        />\n        {(suffix || clearable) && (\n          <div ref={suffixRef} className={`${prefixCls}__suffix`}>\n            {renderClearButton()}\n            {suffix}\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n\nInput.displayName = 'Input';\n\nexport default Input;\n"],"mappings":";;;;;;;;;;AAOA,MAAM,iBAAiB;AAEvB,MAAM,QAAQA,MAAAA,QAAM,YACjB,OAAmB,QAAqB;CACvC,MAAM,EACJ,OAAO,MACP,WAAW,OACX,YAAY,OACZ,eAAe,IACf,QACA,QACA,UACA,cACA,WACA,WACA,OACA,cACA,WAAW,eACX,GAAG,eACD;CACJ,MAAM,iBAAA,GAAA,MAAA,YAA2BC,uBAAAA,cAAc;CAC/C,MAAM,YAAYC,gBAAAA,aAAa,SAAS,cAAc,WAAW,cAAc;CAE/E,MAAM,OAAA,GAAA,WAAA,SAAiB,WAAW,WAAW,GAAG,UAAU,GADxC,MAAM,QAAQ,cAAc,iBAAiB,QACW,GACvE,GAAG,UAAU,aAAa,UAC5B,CAAC;CACF,MAAM,aAAA,GAAA,MAAA,QAA0C,KAAK;CACrD,MAAM,aAAA,GAAA,MAAA,QAA0C,KAAK;CACrD,MAAM,CAAC,OAAO,aAAA,GAAA,MAAA,UACZ,WAAW,QAAS,MAAM,QAAmB,aAC9C;CACD,MAAM,CAAC,cAAc,oBAAA,GAAA,MAAA,UAA4B;EAAE,aAAa;EAAO,cAAc;EAAO,CAAC;CAE7F,MAAM,iBAAiB,MAAiD;EACtE,MAAM,MAAM,EAAE,cAAc;AAC5B,IAAE,WAAW,UAAU,SAAS,IAAI;AACpC,cAAY,SAAS,EAAE;;CAGzB,MAAM,kBAAkB,MAAmD;AACzE,MAAI,EAAE,QAAQ,QACZ,iBAAgB,aAAa,EAAE;AAEjC,eAAa,UAAU,EAAE;;CAG3B,MAAM,mBAAmB,MAA+C;AACtE,IAAE,WAAW,UAAU,SAAS,GAAG;AACnC,kBAAgB,aAAa,EAAE;;CAGjC,MAAM,0BAAqC;AACzC,MAAI,aAAa,SAAS,MAAM,SAAS,EACvC,QACE,iBAAA,GAAA,kBAAA,KAAC,QAAD;GAAM,WAAW,GAAG,UAAU;GAAc,SAAS;aACnD,iBAAA,GAAA,kBAAA,KAACC,mBAAAA,aAAD;IAAa,MAAM;IAAI,OAAM;IAAY,CAAA;GACpC,CAAA;AAGX,SAAO;;AAGT,EAAA,GAAA,MAAA,iBAAgB;EACd,MAAM,aAAa,UAAU;EAC7B,MAAM,aAAa,UAAU;EAE7B,MAAM,cAAc,cAAc,WAAW;EAC7C,MAAM,cAAc,cAAc,WAAW;EAC7C,MAAM,UAAU,EAAE,GAAG,cAAc;AAEnC,MAAI,YACF,SAAQ,cAAc,cAAc,iBAAiB;AAEvD,MAAI,YACF,SAAQ,eAAe,cAAc,iBAAiB;AAGxD,MACE,QAAQ,gBAAgB,aAAa,eACrC,QAAQ,iBAAiB,aAAa,aAEtC,iBAAgB,QAAQ;IAEzB,CAAC,aAAa,CAAC;AAElB,EAAA,GAAA,MAAA,iBAAgB;AACd,aAAW,SAAS,OAAO,MAAM,UAAU,eAAe,SAAS,MAAM,MAAM;IAC9E,CAAC,MAAM,MAAM,CAAC;AAEjB,QACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EAAK,WAAW;EAAY;YAA5B;GACG,UACC,iBAAA,GAAA,kBAAA,KAAC,OAAD;IAAK,KAAK;IAAW,WAAW,GAAG,UAAU;cAC1C;IACG,CAAA;GAER,iBAAA,GAAA,kBAAA,KAAC,SAAD;IACE,GAAI;IACC;IACE;IACG;IACV,WAAW,GAAG,UAAU;IACxB,OAAO;KAAE,aAAa,aAAa;KAAa,cAAc,aAAa;KAAc;IACzF,UAAU;IACV,WAAW;IACX,CAAA;IACA,UAAU,cACV,iBAAA,GAAA,kBAAA,MAAC,OAAD;IAAK,KAAK;IAAW,WAAW,GAAG,UAAU;cAA7C,CACG,mBAAmB,EACnB,OACG;;GAEJ;;EAGX;AAED,MAAM,cAAc"}

package/lib/input/style/_index.scss

@@ -0,0 +1,180 @@
+@use '../../style/variables' as *;
+@use './mixin' as *;
+
+.#{$prefix}-input {
+  position: relative;
+  box-sizing: border-box;
+  color: var(--ty-color-text);
+
+  &__input {
+    @include input-default();
+  }
+
+  &__prefix,
+  &__suffix {
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    z-index: 1;
+    margin: 0 8px;
+  }
+
+  &__prefix {
+    left: 0;
+  }
+
+  &__suffix {
+    right: 0;
+  }
+
+  &__clear-btn {
+    display: inline-block;
+    color: var(--ty-color-text-quaternary);
+    width: 14px;
+    height: 14px;
+    position: relative;
+    top: 2px;
+    cursor: pointer;
+  }
+
+  &_sm {
+    .#{$prefix}-input {
+      &__input {
+        font-size: $input-sm-font-size;
+        height: $input-sm-height;
+        line-height: $input-sm-height;
+      }
+
+      &__clear-btn {
+        transform: scale(0.7);
+      }
+    }
+  }
+
+  &_md {
+    .#{$prefix}-input {
+      &__input {
+        font-size: $input-md-font-size;
+        height: $input-md-height;
+        line-height: $input-md-height;
+      }
+
+      &__clear-btn {
+        transform: scale(0.8);
+      }
+    }
+  }
+
+  &_lg {
+    .#{$prefix}-input {
+      &__input {
+        font-size: $input-lg-font-size;
+        height: $input-lg-height;
+        line-height: $input-lg-height;
+      }
+    }
+  }
+
+  &_disabled {
+    .#{$prefix}-input__input {
+      @include input-default-disabled();
+    }
+  }
+}
+
+.#{$prefix}-input-group {
+  width: 100%;
+  display: flex;
+  box-sizing: border-box;
+  position: relative;
+
+  & > .#{$prefix}-input-group-addon {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  &_sm {
+    height: $input-sm-height;
+  }
+
+  &_md {
+    height: $input-md-height;
+  }
+
+  &_lg {
+    height: $input-lg-height;
+  }
+
+  .#{$prefix}-input {
+    z-index: 1;
+    flex: 1;
+
+    &:first-child {
+      .#{$prefix}-input__input {
+        border-top-right-radius: 0;
+        border-bottom-right-radius: 0;
+      }
+    }
+
+    &:last-child {
+      .#{$prefix}-input__input {
+        border-top-left-radius: 0;
+        border-bottom-left-radius: 0;
+      }
+    }
+
+    &:not(:first-child):not(:last-child) {
+      .#{$prefix}-input__input {
+        border-radius: 0;
+      }
+    }
+  }
+}
+
+.#{$prefix}-input-group-addon {
+  background-color: var(--ty-input-addon-bg);
+  border: 1px solid var(--ty-input-border);
+  box-sizing: border-box;
+  text-align: center;
+  line-height: 1;
+  border-radius: $input-border-radius;
+  color: var(--ty-color-text);
+  padding: 0 7px;
+
+  &_sm {
+    font-size: $input-sm-font-size;
+  }
+
+  &_md {
+    font-size: $input-md-font-size;
+  }
+
+  &_lg {
+    font-size: $input-lg-font-size;
+  }
+
+  &:first-child {
+    border-right: 0;
+    border-bottom-right-radius: 0;
+    border-top-right-radius: 0;
+  }
+
+  &:last-child {
+    border-left: 0;
+    border-bottom-left-radius: 0;
+    border-top-left-radius: 0;
+  }
+
+  &:not(:first-child):not(:last-child) {
+    border-radius: 0;
+    border-left: 0;
+    border-right: 0;
+    padding: 0 7px;
+  }
+
+  &_no-border {
+    border: none;
+    padding: 0;
+  }
+}

package/lib/input/style/_mixin.scss

@@ -0,0 +1,38 @@
+@use '../../style/variables' as *;
+
+// use for the `input` tag
+@mixin input-default {
+  box-sizing: border-box;
+  width: 100%;
+  margin: 0;
+  color: var(--ty-color-text);
+  border: 1px solid var(--ty-input-border);
+  transition: all 0.3s;
+  outline: 0;
+  border-radius: $input-border-radius;
+  font-size: $font-size-base;
+  background-color: var(--ty-input-bg);
+
+  &:hover {
+    border-color: var(--ty-color-primary);
+  }
+
+  &:focus {
+    border-color: var(--ty-input-focus-border);
+    box-shadow: var(--ty-input-focus-shadow);
+  }
+
+  &::placeholder {
+    color: var(--ty-color-text-placeholder);
+  }
+}
+
+@mixin input-default-disabled {
+  cursor: not-allowed;
+  background-color: var(--ty-input-disabled-bg);
+  color: var(--ty-input-disabled-color);
+
+  &:hover {
+    border-color: var(--ty-input-border);
+  }
+}

package/lib/input/style/index.css

@@ -0,0 +1,157 @@
+.ty-input {
+  position: relative;
+  box-sizing: border-box;
+  color: var(--ty-color-text);
+}
+.ty-input__input {
+  box-sizing: border-box;
+  width: 100%;
+  margin: 0;
+  color: var(--ty-color-text);
+  border: 1px solid var(--ty-input-border);
+  transition: all 0.3s;
+  outline: 0;
+  border-radius: 2px;
+  font-size: 1rem;
+  background-color: var(--ty-input-bg);
+}
+.ty-input__input:hover {
+  border-color: var(--ty-color-primary);
+}
+.ty-input__input:focus {
+  border-color: var(--ty-input-focus-border);
+  box-shadow: var(--ty-input-focus-shadow);
+}
+.ty-input__input::-moz-placeholder {
+  color: var(--ty-color-text-placeholder);
+}
+.ty-input__input::placeholder {
+  color: var(--ty-color-text-placeholder);
+}
+.ty-input__prefix, .ty-input__suffix {
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  z-index: 1;
+  margin: 0 8px;
+}
+.ty-input__prefix {
+  left: 0;
+}
+.ty-input__suffix {
+  right: 0;
+}
+.ty-input__clear-btn {
+  display: inline-block;
+  color: var(--ty-color-text-quaternary);
+  width: 14px;
+  height: 14px;
+  position: relative;
+  top: 2px;
+  cursor: pointer;
+}
+.ty-input_sm .ty-input__input {
+  font-size: 0.875rem;
+  height: 24px;
+  line-height: 24px;
+}
+.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;
+}
+.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;
+}
+.ty-input_disabled .ty-input__input {
+  cursor: not-allowed;
+  background-color: var(--ty-input-disabled-bg);
+  color: var(--ty-input-disabled-color);
+}
+.ty-input_disabled .ty-input__input:hover {
+  border-color: var(--ty-input-border);
+}
+
+.ty-input-group {
+  width: 100%;
+  display: flex;
+  box-sizing: border-box;
+  position: relative;
+}
+.ty-input-group > .ty-input-group-addon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.ty-input-group_sm {
+  height: 24px;
+}
+.ty-input-group_md {
+  height: 32px;
+}
+.ty-input-group_lg {
+  height: 42px;
+}
+.ty-input-group .ty-input {
+  z-index: 1;
+  flex: 1;
+}
+.ty-input-group .ty-input:first-child .ty-input__input {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.ty-input-group .ty-input:last-child .ty-input__input {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.ty-input-group .ty-input:not(:first-child):not(:last-child) .ty-input__input {
+  border-radius: 0;
+}
+
+.ty-input-group-addon {
+  background-color: var(--ty-input-addon-bg);
+  border: 1px solid var(--ty-input-border);
+  box-sizing: border-box;
+  text-align: center;
+  line-height: 1;
+  border-radius: 2px;
+  color: var(--ty-color-text);
+  padding: 0 7px;
+}
+.ty-input-group-addon_sm {
+  font-size: 0.875rem;
+}
+.ty-input-group-addon_md {
+  font-size: 1rem;
+}
+.ty-input-group-addon_lg {
+  font-size: 1.25rem;
+}
+.ty-input-group-addon:first-child {
+  border-right: 0;
+  border-bottom-right-radius: 0;
+  border-top-right-radius: 0;
+}
+.ty-input-group-addon:last-child {
+  border-left: 0;
+  border-bottom-left-radius: 0;
+  border-top-left-radius: 0;
+}
+.ty-input-group-addon:not(:first-child):not(:last-child) {
+  border-radius: 0;
+  border-left: 0;
+  border-right: 0;
+  padding: 0 7px;
+}
+.ty-input-group-addon_no-border {
+  border: none;
+  padding: 0;
+}

package/lib/input/style/index.d.ts

@@ -0,0 +1 @@
+export { };

package/lib/input/style/index.js

@@ -0,0 +1 @@
+require("./index.css");

package/lib/input/types.d.ts

@@ -0,0 +1,31 @@
+import { BaseProps, SizeType } from "../_utils/props.js";
+import React, { ReactNode } from "react";
+
+//#region src/input/types.d.ts
+interface InputProps extends BaseProps, Omit<React.PropsWithRef<JSX.IntrinsicElements['input']>, 'size' | 'prefix'> {
+  clearable?: boolean;
+  prefix?: ReactNode;
+  suffix?: ReactNode;
+  value?: string;
+  defaultValue?: string;
+  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+  onEnterPress?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+  onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
+  size?: SizeType;
+  disabled?: boolean;
+  onClearClick?: (e: React.MouseEvent<HTMLSpanElement>) => void;
+}
+interface InputGroupProps extends BaseProps, React.PropsWithoutRef<JSX.IntrinsicElements['div']> {
+  size?: SizeType;
+  disabled?: boolean;
+  children: React.ReactElement;
+}
+interface InputGroupAddonProps extends BaseProps, React.PropsWithoutRef<JSX.IntrinsicElements['div']> {
+  noBorder: boolean;
+  disabled?: boolean;
+  size?: SizeType;
+  children: React.ReactElement;
+}
+//#endregion
+export { InputGroupAddonProps, InputGroupProps, InputProps };
+//# sourceMappingURL=types.d.ts.map

package/lib/input-number/index.js

@@ -0,0 +1,9 @@
+require('../style/base.css');
+require('./style/index.css');
+require('../input/style/index.css');
+//#region src/input-number/index.tsx
+var input_number_default = require("./input-number.js").default;
+//#endregion
+exports.default = input_number_default;
+
+//# sourceMappingURL=index.js.map

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

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

package/lib/input-number/input-number.d.ts

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

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

@@ -0,0 +1,101 @@
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+const require_config_context = require("../config-provider/config-context.js");
+const require_general = require("../_utils/general.js");
+const require_components = require("../_utils/components.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/input-number/input-number.tsx
+/**
+* Valid the string is a number
+* @param val
+*/
+const isValid = (val) => {
+	return !isNaN(+val);
+};
+const toPrecision = (val, precision) => {
+	if (precision === void 0) return val;
+	return parseFloat(val.toFixed(precision));
+};
+const InputNumber = react.default.forwardRef((props, ref) => {
+	const { size = "md", disabled = false, defaultValue = 0, step = 1, precision, controls = false, min = Number.NEGATIVE_INFINITY, max = Number.POSITIVE_INFINITY, onChange, className, prefixCls: customisedCls, style } = props;
+	const configContext = (0, react.useContext)(require_config_context.ConfigContext);
+	const prefixCls = require_general.getPrefixCls("input-number", configContext.prefixCls, customisedCls);
+	const cls = (0, classnames.default)(prefixCls, className, `${prefixCls}_${props.size || configContext.componentSize || size}`, {
+		[`${prefixCls}_disabled`]: disabled,
+		[`${prefixCls}_always-controls`]: controls
+	});
+	const [value, setValue] = (0, react.useState)("value" in props ? props.value : defaultValue);
+	const inputOnChange = (e) => {
+		const val = toPrecision(Number(e.target.value.trim()), precision);
+		!("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);
+			if (val <= max) {
+				!("value" in props) && setValue(val);
+				onChange && onChange(val, e);
+			}
+		}
+	};
+	const minusOnClick = (e) => {
+		e.stopPropagation();
+		if (!disabled && isValid(step)) {
+			const val = toPrecision(+value - +step, precision);
+			if (val >= min) {
+				!("value" in props) && setValue(val);
+				onChange && onChange(val, e);
+			}
+		}
+	};
+	(0, react.useEffect)(() => {
+		"value" in props && setValue(props.value);
+	}, [props]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		ref,
+		className: cls,
+		style,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+			autoComplete: "off",
+			disabled,
+			value: precision !== void 0 ? value.toFixed(precision) : value,
+			type: "number",
+			className: `${prefixCls}__input`,
+			max,
+			min,
+			step,
+			onChange: inputOnChange,
+			"aria-valuenow": value,
+			"aria-valuemax": max,
+			"aria-valuemin": min,
+			"aria-disabled": disabled
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: `${prefixCls}__controls`,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: `${prefixCls}__up`,
+				onClick: plusOnClick,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components.ArrowDown, {
+					size: 8,
+					className: `${prefixCls}__icon ${prefixCls}__icon_reverse`
+				})
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: `${prefixCls}__down`,
+				onClick: minusOnClick,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components.ArrowDown, {
+					size: 8,
+					className: `${prefixCls}__icon`
+				})
+			})]
+		})]
+	});
+});
+InputNumber.displayName = "InputNumber";
+//#endregion
+exports.default = InputNumber;
+
+//# sourceMappingURL=input-number.js.map

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

@@ -0,0 +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"}