tiny-ui 1.0.3 → 1.0.4

package/es/input/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","sourceRoot":"","sources":["../../components/input/input.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAa,UAAU,EAAE,MAAM,OAAO,CAAC;AAClF,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAGnD,MAAM,cAAc,GAAG,EAAE,CAAC,CAAC,UAAU;AAErC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,CAAC,KAAiB,EAAE,GAAG,EAAe,EAAE;IACtC,MAAM,EACJ,IAAI,GAAG,IAAI,EACX,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,KAAK,EACjB,YAAY,GAAG,EAAE,EACjB,MAAM,EACN,MAAM,EACN,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,SAAS,EACT,KAAK,EACL,YAAY,EACZ,SAAS,EAAE,aAAa,EACxB,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IAChF,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,IAAI,aAAa,CAAC,aAAa,IAAI,IAAI,CAAC;IACpE,MAAM,GAAG,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,EAAE,GAAG,SAAS,IAAI,SAAS,EAAE,EAAE;QACxE,CAAC,GAAG,SAAS,WAAW,CAAC,EAAE,QAAQ;KACpC,CAAC,CAAC;IACH,MAAM,SAAS,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACtD,MAAM,SAAS,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACtD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAChC,OAAO,IAAI,KAAK,CAAC,CAAC,CAAE,KAAK,CAAC,KAAgB,CAAC,CAAC,CAAC,YAAY,CAC1D,CAAC;IACF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,CAAC;IAE9F,MAAM,aAAa,GAAG,CAAC,CAAsC,EAAQ,EAAE;QACrE,MAAM,GAAG,GAAG,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC;QAClC,CAAC,CAAC,OAAO,IAAI,KAAK,CAAC,IAAI,QAAQ,CAAC,GAAG,CAAC,CAAC;QACrC,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,CAAwC,EAAQ,EAAE;QACxE,IAAI,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC,KAAK,EAAE,CAAC;YAChC,YAAY,IAAI,YAAY,CAAC,CAAC,CAAC,CAAC;QAClC,CAAC;QACD,SAAS,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,CAAoC,EAAQ,EAAE;QACrE,CAAC,CAAC,OAAO,IAAI,KAAK,CAAC,IAAI,QAAQ,CAAC,EAAE,CAAC,CAAC;QACpC,YAAY,IAAI,YAAY,CAAC,CAAC,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,GAAc,EAAE;QACxC,IAAI,SAAS,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC3C,OAAO,CACL,eAAM,SAAS,EAAE,GAAG,SAAS,aAAa,EAAE,OAAO,EAAE,eAAe,YAClE,KAAC,WAAW,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,SAAS,GAAG,GACpC,CACR,CAAC;QACJ,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,UAAU,GAAG,SAAS,CAAC,OAAO,CAAC;QACrC,MAAM,UAAU,GAAG,SAAS,CAAC,OAAO,CAAC;QAErC,MAAM,WAAW,GAAG,UAAU,IAAI,UAAU,CAAC,WAAW,CAAC;QACzD,MAAM,WAAW,GAAG,UAAU,IAAI,UAAU,CAAC,WAAW,CAAC;QACzD,MAAM,OAAO,GAAG,EAAE,GAAG,YAAY,EAAE,CAAC;QAEpC,IAAI,WAAW,EAAE,CAAC;YAChB,OAAO,CAAC,WAAW,GAAG,WAAW,GAAG,cAAc,GAAG,IAAI,CAAC;QAC5D,CAAC;QACD,IAAI,WAAW,EAAE,CAAC;YAChB,OAAO,CAAC,YAAY,GAAG,WAAW,GAAG,cAAc,GAAG,IAAI,CAAC;QAC7D,CAAC;QAED,IACE,OAAO,CAAC,WAAW,KAAK,YAAY,CAAC,WAAW;YAChD,OAAO,CAAC,YAAY,KAAK,YAAY,CAAC,YAAY,EAClD,CAAC;YACD,eAAe,CAAC,OAAO,CAAC,CAAC;QAC3B,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,IAAI,KAAK,IAAI,OAAO,KAAK,CAAC,KAAK,KAAK,WAAW,IAAI,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAClF,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,eAAK,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,aAC9B,MAAM,IAAI,CACT,cAAK,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,SAAS,UAAU,YACnD,MAAM,GACH,CACP,EACD,mBACM,UAAU,EACd,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,GAAG,SAAS,SAAS,EAChC,KAAK,EAAE,EAAE,WAAW,EAAE,YAAY,CAAC,WAAW,EAAE,YAAY,EAAE,YAAY,CAAC,YAAY,EAAE,EACzF,QAAQ,EAAE,aAAa,EACvB,SAAS,EAAE,cAAc,GACzB,EACD,CAAC,MAAM,IAAI,SAAS,CAAC,IAAI,CACxB,eAAK,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,SAAS,UAAU,aACnD,iBAAiB,EAAE,EACnB,MAAM,IACH,CACP,IACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,eAAe,KAAK,CAAC"}
+{"version":3,"file":"input.js","names":[],"sources":["../../components/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,QAAQ,MAAM,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,gBAAgB,WAAW,cAAc;CAC/C,MAAM,YAAY,aAAa,SAAS,cAAc,WAAW,cAAc;CAE/E,MAAM,MAAM,WAAW,WAAW,WAAW,GAAG,UAAU,GADxC,MAAM,QAAQ,cAAc,iBAAiB,QACW,GACvE,GAAG,UAAU,aAAa,UAC5B,CAAC;CACF,MAAM,YAAY,OAA8B,KAAK;CACrD,MAAM,YAAY,OAA8B,KAAK;CACrD,MAAM,CAAC,OAAO,YAAY,SACxB,WAAW,QAAS,MAAM,QAAmB,aAC9C;CACD,MAAM,CAAC,cAAc,mBAAmB,SAAS;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,oBAAC,QAAD;GAAM,WAAW,GAAG,UAAU;GAAc,SAAS;aACnD,oBAAC,aAAD;IAAa,MAAM;IAAI,OAAM;IAAY,CAAA;GACpC,CAAA;AAGX,SAAO;;AAGT,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,iBAAgB;AACd,aAAW,SAAS,OAAO,MAAM,UAAU,eAAe,SAAS,MAAM,MAAM;IAC9E,CAAC,MAAM,MAAM,CAAC;AAEjB,QACE,qBAAC,OAAD;EAAK,WAAW;EAAY;YAA5B;GACG,UACC,oBAAC,OAAD;IAAK,KAAK;IAAW,WAAW,GAAG,UAAU;cAC1C;IACG,CAAA;GAER,oBAAC,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,qBAAC,OAAD;IAAK,KAAK;IAAW,WAAW,GAAG,UAAU;cAA7C,CACG,mBAAmB,EACnB,OACG;;GAEJ;;EAGX;AAED,MAAM,cAAc"}

package/es/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/es/input/style/index.d.ts

@@ -1 +1 @@
-import './index.scss';
+export { };

package/es/input/style/index.js

@@ -1,2 +1 @@
-import './index.scss';
-//# sourceMappingURL=index.js.map
+import "./index.css";

package/es/input/types.d.ts

@@ -1,26 +1,31 @@
-import React, { ReactNode } from 'react';
-import { BaseProps, SizeType } from '../_utils/props';
-export 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;
+import { BaseProps, SizeType } from "../_utils/props.js";
+import React, { ReactNode } from "react";
+
+//#region components/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;
 }
-export interface InputGroupProps extends BaseProps, React.PropsWithoutRef<JSX.IntrinsicElements['div']> {
-    size?: SizeType;
-    disabled?: boolean;
-    children: React.ReactElement;
+interface InputGroupProps extends BaseProps, React.PropsWithoutRef<JSX.IntrinsicElements['div']> {
+  size?: SizeType;
+  disabled?: boolean;
+  children: React.ReactElement;
 }
-export interface InputGroupAddonProps extends BaseProps, React.PropsWithoutRef<JSX.IntrinsicElements['div']> {
-    noBorder: boolean;
-    disabled?: boolean;
-    size?: SizeType;
-    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/es/input-number/index.d.ts

@@ -1,2 +1 @@
-import InputNumber from './input-number';
-export default InputNumber;
+import { InputNumber } from "./input-number.js";

package/es/input-number/index.js

@@ -1,3 +1,10 @@
-import InputNumber from './input-number';
-export default InputNumber;
+import '../style/base.css';
+import './style/index.css';
+import '../input/style/index.css';
+import InputNumber from "./input-number.js";
+//#region components/input-number/index.tsx
+var input_number_default = InputNumber;
+//#endregion
+export { input_number_default as default };
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/input-number/index.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAEzC,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.js","names":[],"sources":["../../components/input-number/index.tsx"],"sourcesContent":["import InputNumber from './input-number';\n\nexport default InputNumber;\n"],"mappings":";;AAEA,IAAA,uBAAe"}

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

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

package/es/input-number/input-number.js

@@ -1,62 +1,98 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useEffect, useState, useContext } from 'react';
-import classNames from 'classnames';
-import { ConfigContext } from '../config-provider/config-context';
-import { getPrefixCls } from '../_utils/general';
-import { ArrowDown } from '../_utils/components';
+import { ConfigContext } from "../config-provider/config-context.js";
+import { getPrefixCls } from "../_utils/general.js";
+import { ArrowDown } from "../_utils/components.js";
+import React, { useContext, useEffect, useState } from "react";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region components/input-number/input-number.tsx
 /**
- * Valid the string is a number
- * @param val
- */
+* Valid the string is a number
+* @param val
+*/
 const isValid = (val) => {
-    return !isNaN(+val);
+	return !isNaN(+val);
 };
 const toPrecision = (val, precision) => {
-    if (precision === undefined)
-        return val;
-    return parseFloat(val.toFixed(precision));
+	if (precision === void 0) return val;
+	return parseFloat(val.toFixed(precision));
 };
 const InputNumber = React.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 = useContext(ConfigContext);
-    const prefixCls = getPrefixCls('input-number', configContext.prefixCls, customisedCls);
-    const inputSize = props.size || configContext.componentSize || size;
-    const cls = classNames(prefixCls, className, `${prefixCls}_${inputSize}`, {
-        [`${prefixCls}_disabled`]: disabled,
-        [`${prefixCls}_always-controls`]: controls,
-    });
-    const [value, setValue] = useState('value' in props ? props.value : defaultValue);
-    const inputOnChange = (e) => {
-        const raw = Number(e.target.value.trim());
-        const val = toPrecision(raw, 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);
-            }
-        }
-    };
-    useEffect(() => {
-        'value' in props && setValue(props.value);
-    }, [props]);
-    return (_jsxs("div", { ref: ref, className: cls, style: style, children: [_jsx("input", { autoComplete: "off", disabled: disabled, value: precision !== undefined ? value.toFixed(precision) : value, type: "number", className: `${prefixCls}__input`, max: max, min: min, step: step, onChange: inputOnChange, "aria-valuenow": value, "aria-valuemax": max, "aria-valuemin": min, "aria-disabled": disabled }), _jsxs("div", { className: `${prefixCls}__controls`, children: [_jsx("span", { className: `${prefixCls}__up`, onClick: plusOnClick, children: _jsx(ArrowDown, { size: 8, className: `${prefixCls}__icon ${prefixCls}__icon_reverse` }) }), _jsx("span", { className: `${prefixCls}__down`, onClick: minusOnClick, children: _jsx(ArrowDown, { size: 8, className: `${prefixCls}__icon` }) })] })] }));
+	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 = useContext(ConfigContext);
+	const prefixCls = getPrefixCls("input-number", configContext.prefixCls, customisedCls);
+	const cls = classNames(prefixCls, className, `${prefixCls}_${props.size || configContext.componentSize || size}`, {
+		[`${prefixCls}_disabled`]: disabled,
+		[`${prefixCls}_always-controls`]: controls
+	});
+	const [value, setValue] = 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);
+			}
+		}
+	};
+	useEffect(() => {
+		"value" in props && setValue(props.value);
+	}, [props]);
+	return /* @__PURE__ */ jsxs("div", {
+		ref,
+		className: cls,
+		style,
+		children: [/* @__PURE__ */ 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__ */ jsxs("div", {
+			className: `${prefixCls}__controls`,
+			children: [/* @__PURE__ */ jsx("span", {
+				className: `${prefixCls}__up`,
+				onClick: plusOnClick,
+				children: /* @__PURE__ */ jsx(ArrowDown, {
+					size: 8,
+					className: `${prefixCls}__icon ${prefixCls}__icon_reverse`
+				})
+			}), /* @__PURE__ */ jsx("span", {
+				className: `${prefixCls}__down`,
+				onClick: minusOnClick,
+				children: /* @__PURE__ */ jsx(ArrowDown, {
+					size: 8,
+					className: `${prefixCls}__icon`
+				})
+			})]
+		})]
+	});
 });
-InputNumber.displayName = 'InputNumber';
-export default InputNumber;
+InputNumber.displayName = "InputNumber";
+//#endregion
+export { InputNumber as default };
+
 //# sourceMappingURL=input-number.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"input-number.js","sourceRoot":"","sources":["../../components/input-number/input-number.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"input-number.js","names":[],"sources":["../../components/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"}

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

@@ -0,0 +1,123 @@
+.ty-input-number {
+  position: relative;
+  box-sizing: border-box;
+}
+.ty-input-number:hover .ty-input-number__controls {
+  opacity: 1;
+}
+.ty-input-number__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-number__input:hover {
+  border-color: var(--ty-color-primary);
+}
+.ty-input-number__input:focus {
+  border-color: var(--ty-input-focus-border);
+  box-shadow: var(--ty-input-focus-shadow);
+}
+.ty-input-number__input::-moz-placeholder {
+  color: var(--ty-color-text-placeholder);
+}
+.ty-input-number__input::placeholder {
+  color: var(--ty-color-text-placeholder);
+}
+.ty-input-number__input {
+  padding-left: 7px;
+  padding-right: 25px;
+}
+.ty-input-number__input::-webkit-inner-spin-button, .ty-input-number__input::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+}
+.ty-input-number__controls {
+  box-sizing: border-box;
+  position: absolute;
+  right: 0;
+  top: 0;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 1px;
+  opacity: 0;
+  transition: all 300ms;
+}
+.ty-input-number__up, .ty-input-number__down {
+  cursor: pointer;
+  box-sizing: border-box;
+  flex: 1;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  padding: 0 7px;
+  border-left: 1px solid var(--ty-input-number-control-border);
+  transition: all 300ms;
+}
+.ty-input-number__up:hover, .ty-input-number__down:hover {
+  flex: 2;
+}
+.ty-input-number__up:hover .ty-icon, .ty-input-number__down:hover .ty-icon {
+  color: var(--ty-color-primary) !important;
+}
+.ty-input-number__up:active, .ty-input-number__down:active {
+  background-color: var(--ty-input-number-control-active-bg);
+}
+.ty-input-number__up {
+  border-bottom: 1px solid var(--ty-input-number-control-border);
+}
+.ty-input-number__down {
+  padding-top: 1px;
+}
+.ty-input-number__icon {
+  color: var(--ty-input-number-icon-color);
+}
+.ty-input-number__icon_reverse {
+  transform: rotate(180deg);
+}
+.ty-input-number_sm .ty-input-number__input {
+  font-size: 0.875rem;
+  height: 24px;
+  line-height: 24px;
+}
+.ty-input-number_md .ty-input-number__input {
+  font-size: 1rem;
+  height: 32px;
+  line-height: 32px;
+}
+.ty-input-number_lg .ty-input-number__input {
+  font-size: 1.25rem;
+  height: 42px;
+  line-height: 42px;
+}
+.ty-input-number_disabled .ty-input-number__input {
+  cursor: not-allowed;
+  background-color: var(--ty-input-disabled-bg);
+  color: var(--ty-input-disabled-color);
+}
+.ty-input-number_disabled .ty-input-number__input:hover {
+  border-color: var(--ty-input-border);
+}
+.ty-input-number_disabled .ty-input-number__up, .ty-input-number_disabled .ty-input-number__down {
+  cursor: not-allowed;
+}
+.ty-input-number_disabled .ty-input-number__up .ty-icon, .ty-input-number_disabled .ty-input-number__down .ty-icon {
+  color: var(--ty-input-number-icon-color) !important;
+}
+.ty-input-number_disabled .ty-input-number__up:hover, .ty-input-number_disabled .ty-input-number__down:hover {
+  flex: 1;
+}
+.ty-input-number_disabled .ty-input-number__up:active, .ty-input-number_disabled .ty-input-number__down:active {
+  background-color: transparent;
+}
+.ty-input-number_always-controls .ty-input-number__controls {
+  opacity: 1;
+}

package/es/input-number/style/index.d.ts

@@ -1,2 +1 @@
-import './index.scss';
-import '../../input/style/index.scss';
+export { };

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

@@ -1,3 +1,2 @@
-import './index.scss';
-import '../../input/style/index.scss';
-//# sourceMappingURL=index.js.map
+import "./index.css";
+import "../../input/style/index.css";