tiny-ui 0.0.95 → 1.0.1

package/lib/input/input.js

@@ -1,52 +1,53 @@
-import { __assign, __rest } from "tslib";
-import React, { useRef, useEffect, useState, useContext } from 'react';
-import classNames from 'classnames';
-import { KeyCode } from '../_utils/enum';
-import { ConfigContext } from '../config-provider/config-context';
-import { getPrefixCls } from '../_utils/general';
-import { CloseCircle } from '../_utils/components';
-var DEFAULT_MARGIN = 16;
-var Input = React.forwardRef(function (props, ref) {
-    var _a;
-    var _b = props.size, size = _b === void 0 ? 'md' : _b, _c = props.disabled, disabled = _c === void 0 ? false : _c, _d = props.clearable, clearable = _d === void 0 ? false : _d, _e = props.defaultValue, defaultValue = _e === void 0 ? '' : _e, prefix = props.prefix, suffix = props.suffix, onChange = props.onChange, onEnterPress = props.onEnterPress, onKeyDown = props.onKeyDown, className = props.className, style = props.style, onClearClick = props.onClearClick, customisedCls = props.prefixCls, otherProps = __rest(props, ["size", "disabled", "clearable", "defaultValue", "prefix", "suffix", "onChange", "onEnterPress", "onKeyDown", "className", "style", "onClearClick", "prefixCls"]);
-    var configContext = useContext(ConfigContext);
-    var prefixCls = getPrefixCls('input', configContext.prefixCls, customisedCls);
-    var inputSize = props.size || configContext.componentSize || size;
-    var cls = classNames(prefixCls, className, "".concat(prefixCls, "_").concat(inputSize), (_a = {},
-        _a["".concat(prefixCls, "_disabled")] = disabled,
-        _a));
-    var prefixRef = useRef(null);
-    var suffixRef = useRef(null);
-    var _f = useState('value' in props ? props.value : defaultValue), value = _f[0], setValue = _f[1];
-    var _g = useState({ paddingLeft: '7px', paddingRight: '7px' }), inputPadding = _g[0], setInputPadding = _g[1];
-    var inputOnChange = function (e) {
-        var val = e.currentTarget.value;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importStar(require("react"));
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const enum_1 = require("../_utils/enum");
+const config_context_1 = require("../config-provider/config-context");
+const general_1 = require("../_utils/general");
+const components_1 = require("../_utils/components");
+const DEFAULT_MARGIN = 16; // 8px * 2
+const Input = react_1.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_1.useContext)(config_context_1.ConfigContext);
+    const prefixCls = (0, general_1.getPrefixCls)('input', configContext.prefixCls, customisedCls);
+    const inputSize = props.size || configContext.componentSize || size;
+    const cls = (0, classnames_1.default)(prefixCls, className, `${prefixCls}_${inputSize}`, {
+        [`${prefixCls}_disabled`]: disabled,
+    });
+    const prefixRef = (0, react_1.useRef)(null);
+    const suffixRef = (0, react_1.useRef)(null);
+    const [value, setValue] = (0, react_1.useState)('value' in props ? props.value : defaultValue);
+    const [inputPadding, setInputPadding] = (0, react_1.useState)({ paddingLeft: '7px', paddingRight: '7px' });
+    const inputOnChange = (e) => {
+        const val = e.currentTarget.value;
         !('value' in props) && setValue(val);
         onChange && onChange(e);
     };
-    var inputOnKeydown = function (e) {
-        if (e.keyCode === KeyCode.ENTER) {
+    const inputOnKeydown = (e) => {
+        if (e.keyCode === enum_1.KeyCode.ENTER) {
             onEnterPress && onEnterPress(e);
         }
         onKeyDown && onKeyDown(e);
     };
-    var clearBtnOnClick = function (e) {
+    const clearBtnOnClick = (e) => {
         !('value' in props) && setValue('');
         onClearClick && onClearClick(e);
     };
-    var renderClearButton = function () {
+    const renderClearButton = () => {
         if (clearable && value && value.length > 0) {
-            return (React.createElement("span", { className: "".concat(prefixCls, "__clear-btn"), onClick: clearBtnOnClick },
-                React.createElement(CloseCircle, { size: 16, color: "#BFBFBF" })));
+            return ((0, jsx_runtime_1.jsx)("span", { className: `${prefixCls}__clear-btn`, onClick: clearBtnOnClick, children: (0, jsx_runtime_1.jsx)(components_1.CloseCircle, { size: 16, color: "#BFBFBF" }) }));
         }
         return null;
     };
-    useEffect(function () {
-        var prefixNode = prefixRef.current;
-        var suffixNode = suffixRef.current;
-        var prefixWidth = prefixNode && prefixNode.offsetWidth;
-        var suffixWidth = suffixNode && suffixNode.offsetWidth;
-        var padding = __assign({}, inputPadding);
+    (0, react_1.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';
         }
@@ -58,16 +59,11 @@ var Input = React.forwardRef(function (props, ref) {
             setInputPadding(padding);
         }
     }, [inputPadding]);
-    useEffect(function () {
+    (0, react_1.useEffect)(() => {
         'value' in props && typeof props.value !== 'undefined' && setValue(props.value);
     }, [props]);
-    return (React.createElement("div", { className: cls, style: style },
-        prefix && (React.createElement("div", { ref: prefixRef, className: "".concat(prefixCls, "__prefix") }, prefix)),
-        React.createElement("input", __assign({}, otherProps, { ref: ref, value: value, disabled: disabled, className: "".concat(prefixCls, "__input"), style: { paddingLeft: inputPadding.paddingLeft, paddingRight: inputPadding.paddingRight }, onChange: inputOnChange, onKeyDown: inputOnKeydown })),
-        (suffix || clearable) && (React.createElement("div", { ref: suffixRef, className: "".concat(prefixCls, "__suffix") },
-            renderClearButton(),
-            suffix))));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: cls, style: style, children: [prefix && ((0, jsx_runtime_1.jsx)("div", { ref: prefixRef, className: `${prefixCls}__prefix`, children: prefix })), (0, jsx_runtime_1.jsx)("input", { ...otherProps, ref: ref, value: value, disabled: disabled, className: `${prefixCls}__input`, style: { paddingLeft: inputPadding.paddingLeft, paddingRight: inputPadding.paddingRight }, onChange: inputOnChange, onKeyDown: inputOnKeydown }), (suffix || clearable) && ((0, jsx_runtime_1.jsxs)("div", { ref: suffixRef, className: `${prefixCls}__suffix`, children: [renderClearButton(), suffix] }))] }));
 });
 Input.displayName = 'Input';
-export default Input;
+exports.default = Input;
 //# sourceMappingURL=input.js.map

package/lib/input/input.js.map

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

package/lib/input/style/_index.scss

@@ -1,10 +1,10 @@
-@import '../../style/variables';
-@import './mixin';
+@use '../../style/variables' as *;
+@use './mixin' as *;
 
 .#{$prefix}-input {
   position: relative;
   box-sizing: border-box;
-  color: $input-font-color;
+  color: var(--ty-color-text);
 
   &__input {
     @include input-default();
@@ -29,7 +29,7 @@
 
   &__clear-btn {
     display: inline-block;
-    color: rgba(0, 0, 0, 0.25);
+    color: var(--ty-color-text-quaternary);
     width: 14px;
     height: 14px;
     position: relative;
@@ -133,13 +133,13 @@
 }
 
 .#{$prefix}-input-group-addon {
-  background-color: #fafafa;
-  border: 1px solid #d9d9d9;
+  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: $input-font-color;
+  color: var(--ty-color-text);
   padding: 0 7px;
 
   &_sm {

package/lib/input/style/_mixin.scss

@@ -1,37 +1,38 @@
-@import '../../style/variables';
+@use '../../style/variables' as *;
 
 // use for the `input` tag
 @mixin input-default {
   box-sizing: border-box;
   width: 100%;
   margin: 0;
-  color: $input-font-color;
-  border: 1px solid #d9d9d9;
+  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: $primary-color;
+    border-color: var(--ty-color-primary);
   }
 
   &:focus {
-    border-color: rgba($primary-color, 0.8);
-    box-shadow: 0 0 0 2px rgba($primary-color, 0.2);
+    border-color: var(--ty-input-focus-border);
+    box-shadow: var(--ty-input-focus-shadow);
   }
 
   &::placeholder {
-    color: #bfbfbf;
+    color: var(--ty-color-text-placeholder);
   }
 }
 
 @mixin input-default-disabled {
   cursor: not-allowed;
-  background-color: #f4f4f5;
-  color: #999;
+  background-color: var(--ty-input-disabled-bg);
+  color: var(--ty-input-disabled-color);
 
   &:hover {
-    border-color: #d9d9d9;
+    border-color: var(--ty-input-border);
   }
 }

package/lib/input/style/css.js

@@ -1,2 +1,4 @@
-import './index.css';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("./index.css");
 //# sourceMappingURL=index.js.map

package/lib/input/style/index.js

@@ -1,2 +1,4 @@
-import './index.scss';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("./index.scss");
 //# sourceMappingURL=index.js.map

package/lib/input/style/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/input/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/input/style/index.tsx"],"names":[],"mappings":";;AAAA,wBAAsB"}

package/lib/input/types.js

@@ -1,2 +1,3 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=types.js.map

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import { InputNumberProps } from './types';
-declare const InputNumber: (props: InputNumberProps) => React.ReactElement;
+declare const InputNumber: React.ForwardRefExoticComponent<InputNumberProps & React.RefAttributes<HTMLDivElement>>;
 export default InputNumber;

package/lib/input-number/index.js

@@ -1,57 +1,65 @@
-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';
-var isValid = function (val) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importStar(require("react"));
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const config_context_1 = require("../config-provider/config-context");
+const general_1 = require("../_utils/general");
+const components_1 = require("../_utils/components");
+/**
+ * Valid the string is a number
+ * @param val
+ */
+const isValid = (val) => {
     return !isNaN(+val);
 };
-var InputNumber = function (props) {
-    var _a;
-    var _b = props.size, size = _b === void 0 ? 'md' : _b, _c = props.disabled, disabled = _c === void 0 ? false : _c, _d = props.defaultValue, defaultValue = _d === void 0 ? 0 : _d, _e = props.step, step = _e === void 0 ? 1 : _e, _f = props.controls, controls = _f === void 0 ? false : _f, _g = props.min, min = _g === void 0 ? Number.NEGATIVE_INFINITY : _g, _h = props.max, max = _h === void 0 ? Number.POSITIVE_INFINITY : _h, onChange = props.onChange, className = props.className, customisedCls = props.prefixCls, style = props.style;
-    var configContext = useContext(ConfigContext);
-    var prefixCls = getPrefixCls('input-number', configContext.prefixCls, customisedCls);
-    var inputSize = props.size || configContext.componentSize || size;
-    var cls = classNames(prefixCls, className, "".concat(prefixCls, "_").concat(inputSize), (_a = {},
-        _a["".concat(prefixCls, "_disabled")] = disabled,
-        _a["".concat(prefixCls, "_always-controls")] = controls,
-        _a));
-    var _j = useState('value' in props ? props.value : defaultValue), value = _j[0], setValue = _j[1];
-    var inputOnChange = function (e) {
-        var val = Number(e.target.value.trim());
+const toPrecision = (val, precision) => {
+    if (precision === undefined)
+        return val;
+    return parseFloat(val.toFixed(precision));
+};
+const InputNumber = react_1.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_1.useContext)(config_context_1.ConfigContext);
+    const prefixCls = (0, general_1.getPrefixCls)('input-number', configContext.prefixCls, customisedCls);
+    const inputSize = props.size || configContext.componentSize || size;
+    const cls = (0, classnames_1.default)(prefixCls, className, `${prefixCls}_${inputSize}`, {
+        [`${prefixCls}_disabled`]: disabled,
+        [`${prefixCls}_always-controls`]: controls,
+    });
+    const [value, setValue] = (0, react_1.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);
     };
-    var plusOnClick = function (e) {
+    const plusOnClick = (e) => {
         e.stopPropagation();
         if (!disabled && isValid(step)) {
-            var val = +value + +step;
+            const val = toPrecision(+value + +step, precision);
             if (val <= max) {
                 !('value' in props) && setValue(val);
                 onChange && onChange(val, e);
             }
         }
     };
-    var minusOnClick = function (e) {
+    const minusOnClick = (e) => {
         e.stopPropagation();
         if (!disabled && isValid(step)) {
-            var val = +value - +step;
+            const val = toPrecision(+value - +step, precision);
             if (val >= min) {
                 !('value' in props) && setValue(val);
                 onChange && onChange(val, e);
             }
         }
     };
-    useEffect(function () {
+    (0, react_1.useEffect)(() => {
         'value' in props && setValue(props.value);
     }, [props]);
-    return (React.createElement("div", { className: cls, style: style },
-        React.createElement("input", { autoComplete: "off", disabled: disabled, value: value, type: "number", className: "".concat(prefixCls, "__input"), max: max, min: min, step: step, onChange: inputOnChange, "aria-valuenow": value, "aria-valuemax": max, "aria-valuemin": min, "aria-disabled": disabled }),
-        React.createElement("div", { className: "".concat(prefixCls, "__controls") },
-            React.createElement("span", { className: "".concat(prefixCls, "__up"), onClick: plusOnClick },
-                React.createElement(ArrowDown, { size: 8, className: "".concat(prefixCls, "__icon ").concat(prefixCls, "__icon_reverse") })),
-            React.createElement("span", { className: "".concat(prefixCls, "__down"), onClick: minusOnClick },
-                React.createElement(ArrowDown, { size: 8, className: "".concat(prefixCls, "__icon") })))));
-};
-export default InputNumber;
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, className: cls, style: style, children: [(0, jsx_runtime_1.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 }), (0, jsx_runtime_1.jsxs)("div", { className: `${prefixCls}__controls`, children: [(0, jsx_runtime_1.jsx)("span", { className: `${prefixCls}__up`, onClick: plusOnClick, children: (0, jsx_runtime_1.jsx)(components_1.ArrowDown, { size: 8, className: `${prefixCls}__icon ${prefixCls}__icon_reverse` }) }), (0, jsx_runtime_1.jsx)("span", { className: `${prefixCls}__down`, onClick: minusOnClick, children: (0, jsx_runtime_1.jsx)(components_1.ArrowDown, { size: 8, className: `${prefixCls}__icon` }) })] })] }));
+});
+InputNumber.displayName = 'InputNumber';
+exports.default = InputNumber;
 //# sourceMappingURL=index.js.map

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

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

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

@@ -1,5 +1,5 @@
-@import '../../style/variables';
-@import '../../input/style/mixin';
+@use '../../style/variables' as *;
+@use '../../input/style/mixin' as *;
 
 .#{$prefix}-input-number {
   position: relative;
@@ -46,24 +46,24 @@
     justify-content: center;
     align-items: center;
     padding: 0 7px;
-    border-left: 1px solid #d9d9d9;
+    border-left: 1px solid var(--ty-input-number-control-border);
     transition: all 300ms;
 
     &:hover {
       flex: 2;
 
       .ty-icon {
-        color: $primary-color !important;
+        color: var(--ty-color-primary) !important;
       }
     }
 
     &:active {
-      background-color: #f4f4f4;
+      background-color: var(--ty-input-number-control-active-bg);
     }
   }
 
   &__up {
-    border-bottom: 1px solid #d9d9d9;
+    border-bottom: 1px solid var(--ty-input-number-control-border);
   }
 
   &__down {
@@ -72,7 +72,7 @@
 
 
   &__icon {
-    color: #999;
+    color: var(--ty-input-number-icon-color);
 
     &_reverse {
       transform: rotate(180deg);
@@ -120,7 +120,7 @@
         cursor: not-allowed;
 
         .ty-icon {
-          color: #999 !important;
+          color: var(--ty-input-number-icon-color) !important;
         }
 
         &:hover {

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

@@ -1,3 +1,5 @@
-import './index.css';
-import '../../input/style/index.css';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("./index.css");
+require("../../input/style/index.css");
 //# sourceMappingURL=index.js.map

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

@@ -1,3 +1,5 @@
-import './index.scss';
-import '../../input/style/index.scss';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("./index.scss");
+require("../../input/style/index.scss");
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/input-number/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,8BAA8B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/input-number/style/index.tsx"],"names":[],"mappings":";;AAAA,wBAAsB;AAEtB,wCAAsC"}

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

@@ -10,6 +10,7 @@ export interface InputNumberProps extends BaseProps {
     onChange?: (value: number, e: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLSpanElement>) => void;
     size?: SizeType;
     disabled?: boolean;
+    /** Determine whether always display the control button  */
     controls?: boolean;
     children?: React.ReactNode;
 }

package/lib/input-number/types.js

@@ -1,2 +1,3 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=types.js.map

package/lib/input-password/index.js

@@ -1,21 +1,24 @@
-import { __assign, __rest } from "tslib";
-import React, { useContext, useState } from 'react';
-import classNames from 'classnames';
-import Input from '../input';
-import { ConfigContext } from '../config-provider/config-context';
-import { getPrefixCls } from '../_utils/general';
-import { Eye, EyeClose } from '../_utils/components';
-var InputPassword = function (props) {
-    var _a = props.suffix, suffix = _a === void 0 ? true : _a, visibleOnClick = props.visibleOnClick, className = props.className, customisedCls = props.prefixCls, otherProps = __rest(props, ["suffix", "visibleOnClick", "className", "prefixCls"]);
-    var configContext = useContext(ConfigContext);
-    var prefixCls = getPrefixCls('input-pwd', configContext.prefixCls, customisedCls);
-    var cls = classNames(prefixCls, className);
-    var _b = useState(false), visible = _b[0], setVisible = _b[1];
-    var renderSuffix = function () { return (React.createElement("div", { className: "".concat(prefixCls, "__suffix"), onClick: function () {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const input_1 = tslib_1.__importDefault(require("../input"));
+const config_context_1 = require("../config-provider/config-context");
+const general_1 = require("../_utils/general");
+const components_1 = require("../_utils/components");
+const InputPassword = (props) => {
+    const { suffix = true, visibleOnClick, className, prefixCls: customisedCls, ...otherProps } = props;
+    const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
+    const prefixCls = (0, general_1.getPrefixCls)('input-pwd', configContext.prefixCls, customisedCls);
+    const cls = (0, classnames_1.default)(prefixCls, className);
+    const [visible, setVisible] = (0, react_1.useState)(false);
+    const renderSuffix = () => ((0, jsx_runtime_1.jsx)("button", { type: "button", className: `${prefixCls}__suffix`, "aria-label": "Toggle password visibility", onClick: () => {
             setVisible(!visible);
             visibleOnClick && visibleOnClick();
-        } }, visible ? (React.createElement(Eye, { size: 17, className: "".concat(prefixCls, "__icon") })) : (React.createElement(EyeClose, { size: 17, className: "".concat(prefixCls, "__icon") })))); };
-    return (React.createElement(Input, __assign({}, otherProps, { className: cls, type: visible ? 'text' : 'password', suffix: suffix ? renderSuffix() : null })));
+        }, children: visible ? ((0, jsx_runtime_1.jsx)(components_1.Eye, { size: 17, className: `${prefixCls}__icon` })) : ((0, jsx_runtime_1.jsx)(components_1.EyeClose, { size: 17, className: `${prefixCls}__icon` })) }));
+    return ((0, jsx_runtime_1.jsx)(input_1.default, { ...otherProps, className: cls, type: visible ? 'text' : 'password', suffix: suffix ? renderSuffix() : null }));
 };
-export default InputPassword;
+exports.default = InputPassword;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/input-password/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,MAAM,UAAU,CAAC;AAC7B,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAErD,IAAM,aAAa,GAAG,UAAC,KAAyB;IAE5C,IAAA,KAKE,KAAK,OALM,EAAb,MAAM,mBAAG,IAAI,KAAA,EACb,cAAc,GAIZ,KAAK,eAJO,EACd,SAAS,GAGP,KAAK,UAHE,EACE,aAAa,GAEtB,KAAK,UAFiB,EACrB,UAAU,UACX,KAAK,EANH,sDAML,CADc,CACL;IACV,IAAM,aAAa,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAChD,IAAM,SAAS,GAAG,YAAY,CAAC,WAAW,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACpF,IAAM,GAAG,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IACvC,IAAA,KAAwB,QAAQ,CAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAC;IAE9C,IAAM,YAAY,GAAG,cAA0B,OAAA,CAC7C,6BACE,SAAS,EAAE,UAAG,SAAS,aAAU,EACjC,OAAO,EAAE;YACP,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC;YACrB,cAAc,IAAI,cAAc,EAAE,CAAC;QACrC,CAAC,IACA,OAAO,CAAC,CAAC,CAAC,CACT,oBAAC,GAAG,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,UAAG,SAAS,WAAQ,GAAI,CACnD,CAAC,CAAC,CAAC,CACF,oBAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,UAAG,SAAS,WAAQ,GAAI,CACxD,CACG,CACP,EAb8C,CAa9C,CAAC;IAEF,OAAO,CACL,oBAAC,KAAK,eACA,UAAU,IACd,SAAS,EAAE,GAAG,EACd,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EACnC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,IAAI,IACtC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/input-password/index.tsx"],"names":[],"mappings":";;;;AAAA,iCAAoD;AACpD,oEAAoC;AACpC,6DAA6B;AAC7B,sEAAkE;AAClE,+CAAiD;AAEjD,qDAAqD;AAErD,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAe,EAAE;IAC/D,MAAM,EACJ,MAAM,GAAG,IAAI,EACb,cAAc,EACd,SAAS,EACT,SAAS,EAAE,aAAa,EACxB,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,8BAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,IAAA,sBAAY,EAAC,WAAW,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACpF,MAAM,GAAG,GAAG,IAAA,oBAAU,EAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAC7C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,YAAY,GAAG,GAAuB,EAAE,CAAC,CAC7C,mCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,GAAG,SAAS,UAAU,gBACtB,4BAA4B,EACvC,OAAO,EAAE,GAAS,EAAE;YAClB,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC;YACrB,cAAc,IAAI,cAAc,EAAE,CAAC;QACrC,CAAC,YACA,OAAO,CAAC,CAAC,CAAC,CACT,uBAAC,gBAAG,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,SAAS,QAAQ,GAAI,CACnD,CAAC,CAAC,CAAC,CACF,uBAAC,qBAAQ,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,SAAS,QAAQ,GAAI,CACxD,GACM,CACV,CAAC;IAEF,OAAO,CACL,uBAAC,eAAK,OACA,UAAU,EACd,SAAS,EAAE,GAAG,EACd,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EACnC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,IAAI,GACtC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}

package/lib/input-password/style/_index.scss

@@ -1,16 +1,20 @@
-@import '../../style/variables';
+@use '../../style/variables' as *;
 
 .#{$prefix}-input-pwd {
   &__suffix {
     cursor: pointer;
+    background: none;
+    border: none;
+    padding: 0;
+    color: inherit;
   }
 
   &__icon {
-    color: rgba(0, 0, 0, .45);
+    color: var(--ty-color-text-tertiary);
     transition: color 250ms;
 
     &:hover{
-      color: rgba(0, 0, 0, .65);
+      color: var(--ty-color-text-secondary);
     }
   }
 }

package/lib/input-password/style/css.js

@@ -1,3 +1,5 @@
-import './index.css';
-import '../../input/style/index.css';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("./index.css");
+require("../../input/style/index.css");
 //# sourceMappingURL=index.js.map

package/lib/input-password/style/index.js

@@ -1,3 +1,5 @@
-import './index.scss';
-import '../../input/style/index.scss';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("./index.scss");
+require("../../input/style/index.scss");
 //# sourceMappingURL=index.js.map

package/lib/input-password/style/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/input-password/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,8BAA8B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/input-password/style/index.tsx"],"names":[],"mappings":";;AAAA,wBAAsB;AAEtB,wCAAsC"}

package/lib/input-password/types.js

@@ -1,2 +1,3 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=types.js.map

package/lib/intl-provider/index.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
+import { Locale } from '../locale/types';
 export interface IntlProviderProps {
-    locale: string;
+    locale: Locale;
     children: React.ReactNode;
 }
 declare const IntlProvider: (props: IntlProviderProps) => React.ReactElement;