@1money/react-ui 1.6.4 → 1.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/components/Icons/Icons.d.ts +1 -0
- package/es/components/Icons/Icons.js +3 -2
- package/es/components/Icons/SVGs.d.ts +1 -0
- package/es/components/Icons/SVGs.js +8 -1
- package/es/components/InputAmount/InputAmount.d.ts +5 -0
- package/es/components/InputAmount/InputAmount.js +131 -0
- package/es/components/InputAmount/index.d.ts +4 -0
- package/es/components/InputAmount/index.js +5 -0
- package/es/components/InputAmount/interface.d.ts +14 -0
- package/es/components/InputAmount/interface.js +2 -0
- package/es/components/InputAmount/style/InputAmount.css +1 -0
- package/es/components/InputAmount/style/InputAmount.scss +140 -0
- package/es/components/InputAmount/style/css.js +2 -0
- package/es/components/InputAmount/style/index.d.ts +1 -0
- package/es/components/InputAmount/style/index.js +2 -0
- package/es/index.css +1 -1
- package/es/index.d.ts +2 -0
- package/es/index.js +4 -1
- package/lib/components/Icons/Icons.d.ts +1 -0
- package/lib/components/Icons/Icons.js +2 -1
- package/lib/components/Icons/SVGs.d.ts +1 -0
- package/lib/components/Icons/SVGs.js +10 -3
- package/lib/components/InputAmount/InputAmount.d.ts +5 -0
- package/lib/components/InputAmount/InputAmount.js +138 -0
- package/lib/components/InputAmount/index.d.ts +4 -0
- package/lib/components/InputAmount/index.js +33 -0
- package/lib/components/InputAmount/interface.d.ts +14 -0
- package/lib/components/InputAmount/interface.js +6 -0
- package/lib/components/InputAmount/style/InputAmount.css +1 -0
- package/lib/components/InputAmount/style/InputAmount.scss +140 -0
- package/lib/components/InputAmount/style/css.js +4 -0
- package/lib/components/InputAmount/style/index.d.ts +1 -0
- package/lib/components/InputAmount/style/index.js +4 -0
- package/lib/index.css +1 -1
- package/lib/index.d.ts +2 -0
- package/lib/index.js +9 -1
- package/package.json +7 -1
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { FC, PropsWithChildren } from 'react';
|
|
2
|
+
import type { InputAmountProps } from './interface';
|
|
3
|
+
export declare const InputAmount: FC<PropsWithChildren<InputAmountProps>>;
|
|
4
|
+
declare const _default: import("react").NamedExoticComponent<PropsWithChildren<InputAmountProps>>;
|
|
5
|
+
export default _default;
|
|
@@ -0,0 +1,131 @@
|
|
|
1
|
+
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
2
|
+
var __rest = this && this.__rest || function (s, e) {
|
|
3
|
+
var t = {};
|
|
4
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
6
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
11
|
+
import { memo, useState, useCallback, useRef, useEffect } from 'react';
|
|
12
|
+
import { InputNumber } from 'primereact/inputnumber';
|
|
13
|
+
import { numericFormatter } from 'react-number-format';
|
|
14
|
+
import classnames from '../../utils/classnames';
|
|
15
|
+
var MIN_INPUT_WIDTH = 33;
|
|
16
|
+
export var InputAmount = function InputAmount(props) {
|
|
17
|
+
var value = props.value,
|
|
18
|
+
children = props.children,
|
|
19
|
+
className = props.className,
|
|
20
|
+
wrapperCls = props.wrapperCls,
|
|
21
|
+
_props$prefixCls = props.prefixCls,
|
|
22
|
+
prefixCls = _props$prefixCls === void 0 ? 'input-amount' : _props$prefixCls,
|
|
23
|
+
invalid = props.invalid,
|
|
24
|
+
_props$placeholder = props.placeholder,
|
|
25
|
+
placeholder = _props$placeholder === void 0 ? '0' : _props$placeholder,
|
|
26
|
+
prefix = props.prefix,
|
|
27
|
+
currency = props.currency,
|
|
28
|
+
suffix = props.suffix,
|
|
29
|
+
message = props.message,
|
|
30
|
+
footnote = props.footnote,
|
|
31
|
+
onChange = props.onChange,
|
|
32
|
+
rest = __rest(props, ["value", "children", "className", "wrapperCls", "prefixCls", "invalid", "placeholder", "prefix", "currency", "suffix", "message", "footnote", "onChange"]);
|
|
33
|
+
var classes = classnames(prefixCls);
|
|
34
|
+
var inputRef = useRef(null);
|
|
35
|
+
var fakeEleRef = useRef(null);
|
|
36
|
+
var _useState = useState(null),
|
|
37
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
38
|
+
_value = _useState2[0],
|
|
39
|
+
setValue = _useState2[1];
|
|
40
|
+
var _useState3 = useState(MIN_INPUT_WIDTH),
|
|
41
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
42
|
+
_width = _useState4[0],
|
|
43
|
+
setWidth = _useState4[1];
|
|
44
|
+
var handleChange = useCallback(function (e) {
|
|
45
|
+
setValue(e.value);
|
|
46
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(e);
|
|
47
|
+
}, [onChange]);
|
|
48
|
+
var handleKeyDown = useCallback(function (e) {
|
|
49
|
+
switch (e.key) {
|
|
50
|
+
case '.':
|
|
51
|
+
setValue(function (prev) {
|
|
52
|
+
return "".concat(prev, ".");
|
|
53
|
+
});
|
|
54
|
+
break;
|
|
55
|
+
case 'Backspace':
|
|
56
|
+
if (_value == null) return;
|
|
57
|
+
// eslint-disable-next-line no-case-declarations
|
|
58
|
+
var str = _value.toString();
|
|
59
|
+
if (str[str.length - 2] === '.') {
|
|
60
|
+
setTimeout(function () {
|
|
61
|
+
setValue("".concat(str.slice(0, -1)));
|
|
62
|
+
}, 0);
|
|
63
|
+
}
|
|
64
|
+
break;
|
|
65
|
+
default:
|
|
66
|
+
break;
|
|
67
|
+
}
|
|
68
|
+
}, [_value]);
|
|
69
|
+
useEffect(function () {
|
|
70
|
+
var _a;
|
|
71
|
+
setWidth(((_a = fakeEleRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) || MIN_INPUT_WIDTH);
|
|
72
|
+
}, [_value]);
|
|
73
|
+
useEffect(function () {
|
|
74
|
+
return setValue(value !== null && value !== void 0 ? value : null);
|
|
75
|
+
}, [value]);
|
|
76
|
+
return _jsxs("div", {
|
|
77
|
+
className: classes('wrapper', [wrapperCls, invalid ? classes('invalid') : undefined].join(' ').trim()),
|
|
78
|
+
children: [_jsxs("div", {
|
|
79
|
+
className: classes(void 0, className),
|
|
80
|
+
children: [prefix && _jsx("span", {
|
|
81
|
+
className: classes('prefix'),
|
|
82
|
+
onClick: function onClick() {
|
|
83
|
+
var _a;
|
|
84
|
+
return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
85
|
+
},
|
|
86
|
+
children: prefix
|
|
87
|
+
}), _jsx(InputNumber, Object.assign({}, rest, {
|
|
88
|
+
mode: 'decimal',
|
|
89
|
+
ref: inputRef,
|
|
90
|
+
value: value,
|
|
91
|
+
placeholder: placeholder,
|
|
92
|
+
className: classes('element'),
|
|
93
|
+
onChange: handleChange,
|
|
94
|
+
onKeyDown: handleKeyDown,
|
|
95
|
+
style: {
|
|
96
|
+
'--input-width': "".concat(_width, "px")
|
|
97
|
+
}
|
|
98
|
+
})), currency && _jsx("span", {
|
|
99
|
+
className: classes('currency'),
|
|
100
|
+
onClick: function onClick() {
|
|
101
|
+
var _a;
|
|
102
|
+
return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
103
|
+
},
|
|
104
|
+
children: currency
|
|
105
|
+
}), suffix && _jsx("span", {
|
|
106
|
+
className: classes('suffix'),
|
|
107
|
+
children: suffix
|
|
108
|
+
}), _jsx("span", {
|
|
109
|
+
ref: fakeEleRef,
|
|
110
|
+
className: classes('fake'),
|
|
111
|
+
onClick: function onClick(e) {
|
|
112
|
+
return e.stopPropagation();
|
|
113
|
+
},
|
|
114
|
+
children: numericFormatter('' + (_value == null ? '' : _value), {
|
|
115
|
+
thousandSeparator: true
|
|
116
|
+
})
|
|
117
|
+
})]
|
|
118
|
+
}), (message || footnote) && _jsxs("div", {
|
|
119
|
+
className: classes('extra'),
|
|
120
|
+
children: [message && _jsx("span", {
|
|
121
|
+
className: classes('message'),
|
|
122
|
+
children: message
|
|
123
|
+
}), footnote && _jsx("span", {
|
|
124
|
+
className: classes('footnote'),
|
|
125
|
+
children: footnote
|
|
126
|
+
})]
|
|
127
|
+
})]
|
|
128
|
+
});
|
|
129
|
+
};
|
|
130
|
+
export default /*#__PURE__*/memo(InputAmount);
|
|
131
|
+
//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvSW5wdXRBbW91bnQvSW5wdXRBbW91bnQuanMiLCJjb21wb25lbnRzL3NyYy9jb21wb25lbnRzL0lucHV0QW1vdW50L0lucHV0QW1vdW50LnRzeCJdLCJuYW1lcyI6WyJfX3Jlc3QiLCJzIiwiZSIsInQiLCJwIiwiT2JqZWN0IiwicHJvdG90eXBlIiwiaGFzT3duUHJvcGVydHkiLCJjYWxsIiwiaW5kZXhPZiIsImdldE93blByb3BlcnR5U3ltYm9scyIsImkiLCJsZW5ndGgiLCJwcm9wZXJ0eUlzRW51bWVyYWJsZSIsImpzeCIsIl9qc3giLCJqc3hzIiwiX2pzeHMiLCJtZW1vIiwidXNlU3RhdGUiLCJ1c2VDYWxsYmFjayIsInVzZVJlZiIsInVzZUVmZmVjdCIsIklucHV0TnVtYmVyIiwibnVtZXJpY0Zvcm1hdHRlciIsImNsYXNzbmFtZXMiLCJNSU5fSU5QVVRfV0lEVEgiLCJJbnB1dEFtb3VudCIsInByb3BzIiwidmFsdWUiLCJjaGlsZHJlbiIsImNsYXNzTmFtZSIsIndyYXBwZXJDbHMiLCJfcHJvcHMkcHJlZml4Q2xzIiwicHJlZml4Q2xzIiwiaW52YWxpZCIsIl9wcm9wcyRwbGFjZWhvbGRlciIsInBsYWNlaG9sZGVyIiwicHJlZml4IiwiY3VycmVuY3kiLCJzdWZmaXgiLCJtZXNzYWdlIiwiZm9vdG5vdGUiLCJvbkNoYW5nZSIsInJlc3QiLCJjbGFzc2VzIiwiaW5wdXRSZWYiLCJmYWtlRWxlUmVmIiwiX3VzZVN0YXRlIiwiX3VzZVN0YXRlMiIsIl9zbGljZWRUb0FycmF5IiwiX3ZhbHVlIiwic2V0VmFsdWUiLCJfdXNlU3RhdGUzIiwiX3VzZVN0YXRlNCIsIl93aWR0aCIsInNldFdpZHRoIiwiaGFuZGxlQ2hhbmdlIiwiaGFuZGxlS2V5RG93biIsImtleSIsInByZXYiLCJjb25jYXQiLCJzdHIiLCJ0b1N0cmluZyIsInNldFRpbWVvdXQiLCJzbGljZSIsIl9hIiwiY3VycmVudCIsIm9mZnNldFdpZHRoIiwidW5kZWZpbmVkIiwiam9pbiIsInRyaW0iLCJvbkNsaWNrIiwiZm9jdXMiLCJhc3NpZ24iLCJtb2RlIiwicmVmIiwib25LZXlEb3duIiwic3R5bGUiLCJzdG9wUHJvcGFnYXRpb24iLCJ0aG91c2FuZFNlcGFyYXRvciJdLCJtYXBwaW5ncyI6IjtBQUFBLElBQUlBLE1BQU0sR0FBSSxJQUFJLElBQUksSUFBSSxDQUFDQSxNQUFNLElBQUssVUFBVUMsQ0FBQyxFQUFFQyxDQUFDLEVBQUU7RUFDbEQsSUFBSUMsQ0FBQyxHQUFHLENBQUMsQ0FBQztFQUNWLEtBQUssSUFBSUMsQ0FBQyxJQUFJSCxDQUFDLEVBQUUsSUFBSUksTUFBTSxDQUFDQyxTQUFTLENBQUNDLGNBQWMsQ0FBQ0MsSUFBSSxDQUFDUCxDQUFDLEVBQUVHLENBQUMsQ0FBQyxJQUFJRixDQUFDLENBQUNPLE9BQU8sQ0FBQ0wsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxFQUMvRUQsQ0FBQyxDQUFDQyxDQUFDLENBQUMsR0FBR0gsQ0FBQyxDQUFDRyxDQUFDLENBQUM7RUFDZixJQUFJSCxDQUFDLElBQUksSUFBSSxJQUFJLE9BQU9JLE1BQU0sQ0FBQ0sscUJBQXFCLEtBQUssVUFBVSxFQUMvRCxLQUFLLElBQUlDLENBQUMsR0FBRyxDQUFDLEVBQUVQLENBQUMsR0FBR0MsTUFBTSxDQUFDSyxxQkFBcUIsQ0FBQ1QsQ0FBQyxDQUFDLEVBQUVVLENBQUMsR0FBR1AsQ0FBQyxDQUFDUSxNQUFNLEVBQUVELENBQUMsRUFBRSxFQUFFO0lBQ3BFLElBQUlULENBQUMsQ0FBQ08sT0FBTyxDQUFDTCxDQUFDLENBQUNPLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxJQUFJTixNQUFNLENBQUNDLFNBQVMsQ0FBQ08sb0JBQW9CLENBQUNMLElBQUksQ0FBQ1AsQ0FBQyxFQUFFRyxDQUFDLENBQUNPLENBQUMsQ0FBQyxDQUFDLEVBQzFFUixDQUFDLENBQUNDLENBQUMsQ0FBQ08sQ0FBQyxDQUFDLENBQUMsR0FBR1YsQ0FBQyxDQUFDRyxDQUFDLENBQUNPLENBQUMsQ0FBQyxDQUFDO0VBQ3pC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TyxDQUFDLFVBQVUsQ0FBQztRQUFBZixRQUFBLEVBQUdZO01BQVEsQ0FBQSxDQUFRO0lBQUEsQ0FBQSxDQUNoRTtFQUFBLENBQUEsQ0FFSjtBQUNSLENBQUM7QUFFRCw0QkFBZXhCLElBQUksQ0FBQ1MsV0FBVyxDQUFDIiwiZmlsZSI6ImNvbXBvbmVudHMvSW5wdXRBbW91bnQvSW5wdXRBbW91bnQuanMiLCJzb3VyY2VzQ29udGVudCI6WyJ2YXIgX19yZXN0ID0gKHRoaXMgJiYgdGhpcy5fX3Jlc3QpIHx8IGZ1bmN0aW9uIChzLCBlKSB7XG4gICAgdmFyIHQgPSB7fTtcbiAgICBmb3IgKHZhciBwIGluIHMpIGlmIChPYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5LmNhbGwocywgcCkgJiYgZS5pbmRleE9mKHApIDwgMClcbiAgICAgICAgdFtwXSA9IHNbcF07XG4gICAgaWYgKHMgIT0gbnVsbCAmJiB0eXBlb2YgT2JqZWN0LmdldE93blByb3BlcnR5U3ltYm9scyA9PT0gXCJmdW5jdGlvblwiKVxuICAgICAgICBmb3IgKHZhciBpID0gMCwgcCA9IE9iamVjdC5nZXRPd25Qcm9wZXJ0eVN5bWJvbHMocyk7IGkgPCBwLmxlbmd0aDsgaSsrKSB7XG4gICAgICAgICAgICBpZiAoZS5pbmRleE9mKHBbaV0pIDwgMCAmJiBPYmplY3QucHJvdG90eXBlLnByb3BlcnR5SXNFbnVtZXJhYmxlLmNhbGwocywgcFtpXSkpXG4gICAgICAgICAgICAgICAgdFtwW2ldXSA9IHNbcFtpXV07XG4gICAgICAgIH1cbiAgICByZXR1cm4gdDtcbn07XG5pbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHsgbWVtbywgdXNlU3RhdGUsIHVzZUNhbGxiYWNrLCB1c2VSZWYsIHVzZUVmZmVjdCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IElucHV0TnVtYmVyIH0gZnJvbSAncHJpbWVyZWFjdC9pbnB1dG51bWJlcic7XG5pbXBvcnQgeyBudW1lcmljRm9ybWF0dGVyIH0gZnJvbSAncmVhY3QtbnVtYmVyLWZvcm1hdCc7XG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tICcuLi8uLi91dGlscy9jbGFzc25hbWVzJztcbmNvbnN0IE1JTl9JTlBVVF9XSURUSCA9IDMzO1xuZXhwb3J0IGNvbnN0IElucHV0QW1vdW50ID0gcHJvcHMgPT4ge1xuICAgIGNvbnN0IHsgdmFsdWUsIGNoaWxkcmVuLCBjbGFzc05hbWUsIHdyYXBwZXJDbHMsIHByZWZpeENscyA9ICdpbnB1dC1hbW91bnQnLCBpbnZhbGlkLCBwbGFjZWhvbGRlciA9ICcwJywgcHJlZml4LCBjdXJyZW5jeSwgc3VmZml4LCBtZXNzYWdlLCBmb290bm90ZSwgb25DaGFuZ2UgfSA9IHByb3BzLCByZXN0ID0gX19yZXN0KHByb3BzLCBbXCJ2YWx1ZVwiLCBcImNoaWxkcmVuXCIsIFwiY2xhc3NOYW1lXCIsIFwid3JhcHBlckNsc1wiLCBcInByZWZpeENsc1wiLCBcImludmFsaWRcIiwgXCJwbGFjZWhvbGRlclwiLCBcInByZWZpeFwiLCBcImN1cnJlbmN5XCIsIFwic3VmZml4XCIsIFwibWVzc2FnZVwiLCBcImZvb3Rub3RlXCIsIFwib25DaGFuZ2VcIl0pO1xuICAgIGNvbnN0IGNsYXNzZXMgPSBjbGFzc25hbWVzKHByZWZpeENscyk7XG4gICAgY29uc3QgaW5wdXRSZWYgPSB1c2VSZWYobnVsbCk7XG4gICAgY29uc3QgZmFrZUVsZVJlZiA9IHVzZVJlZihudWxsKTtcbiAgICBjb25zdCBbX3ZhbHVlLCBzZXRWYWx1ZV0gPSB1c2VTdGF0ZShudWxsKTtcbiAgICBjb25zdCBbX3dpZHRoLCBzZXRXaWR0aF0gPSB1c2VTdGF0ZShNSU5fSU5QVVRfV0lEVEgpO1xuICAgIGNvbnN0IGhhbmRsZUNoYW5nZSA9IHVzZUNhbGxiYWNrKChlKSA9PiB7XG4gICAgICAgIHNldFZhbHVlKGUudmFsdWUpO1xuICAgICAgICBvbkNoYW5nZSA9PT0gbnVsbCB8fCBvbkNoYW5nZSA9PT0gdm9pZCAwID8gdm9pZCAwIDogb25DaGFuZ2UoZSk7XG4gICAgfSwgW29uQ2hhbmdlXSk7XG4gICAgY29uc3QgaGFuZGxlS2V5RG93biA9IHVzZUNhbGxiYWNrKChlKSA9PiB7XG4gICAgICAgIHN3aXRjaCAoZS5rZXkpIHtcbiAgICAgICAgICAgIGNhc2UgJy4nOlxuICAgICAgICAgICAgICAgIHNldFZhbHVlKHByZXYgPT4gYCR7cHJldn0uYCk7XG4gICAgICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgICAgICBjYXNlICdCYWNrc3BhY2UnOlxuICAgICAgICAgICAgICAgIGlmIChfdmFsdWUgPT0gbnVsbClcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAgICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1jYXNlLWRlY2xhcmF0aW9uc1xuICAgICAgICAgICAgICAgIGNvbnN0IHN0ciA9IF92YWx1ZS50b1N0cmluZygpO1xuICAgICAgICAgICAgICAgIGlmIChzdHJbc3RyLmxlbmd0aCAtIDJdID09PSAnLicpIHtcbiAgICAgICAgICAgICAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICBzZXRWYWx1ZShgJHtzdHIuc2xpY2UoMCwgLTEpfWApO1xuICAgICAgICAgICAgICAgICAgICB9LCAwKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgICAgICBkZWZhdWx0OlxuICAgICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICB9XG4gICAgfSwgW192YWx1ZV0pO1xuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIHZhciBfYTtcbiAgICAgICAgc2V0V2lkdGgoKChfYSA9IGZha2VFbGVSZWYuY3VycmVudCkgPT09IG51bGwgfHwgX2EgPT09IHZvaWQgMCA/IHZvaWQgMCA6IF9hLm9mZnNldFdpZHRoKSB8fCBNSU5fSU5QVVRfV0lEVEgpO1xuICAgIH0sIFtfdmFsdWVdKTtcbiAgICB1c2VFZmZlY3QoKCkgPT4gc2V0VmFsdWUodmFsdWUgIT09IG51bGwgJiYgdmFsdWUgIT09IHZvaWQgMCA/IHZhbHVlIDogbnVsbCksIFt2YWx1ZV0pO1xuICAgIHJldHVybiBfanN4cyhcImRpdlwiLCB7IGNsYXNzTmFtZTogY2xhc3Nlcygnd3JhcHBlcicsIFt3cmFwcGVyQ2xzLCBpbnZhbGlkID8gY2xhc3NlcygnaW52YWxpZCcpIDogdW5kZWZpbmVkXS5qb2luKCcgJykudHJpbSgpKSwgY2hpbGRyZW46IFtfanN4cyhcImRpdlwiLCB7IGNsYXNzTmFtZTogY2xhc3Nlcyh2b2lkIDAsIGNsYXNzTmFtZSksIGNoaWxkcmVuOiBbcHJlZml4ICYmIF9qc3goXCJzcGFuXCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKCdwcmVmaXgnKSwgb25DbGljazogKCkgPT4geyB2YXIgX2E7IHJldHVybiAoX2EgPSBpbnB1dFJlZi5jdXJyZW50KSA9PT0gbnVsbCB8fCBfYSA9PT0gdm9pZCAwID8gdm9pZCAwIDogX2EuZm9jdXMoKTsgfSwgY2hpbGRyZW46IHByZWZpeCB9KSwgX2pzeChJbnB1dE51bWJlciwgT2JqZWN0LmFzc2lnbih7fSwgcmVzdCwgeyBtb2RlOiAnZGVjaW1hbCcsIHJlZjogaW5wdXRSZWYsIHZhbHVlOiB2YWx1ZSwgcGxhY2Vob2xkZXI6IHBsYWNlaG9sZGVyLCBjbGFzc05hbWU6IGNsYXNzZXMoJ2VsZW1lbnQnKSwgb25DaGFuZ2U6IGhhbmRsZUNoYW5nZSwgb25LZXlEb3duOiBoYW5kbGVLZXlEb3duLCBzdHlsZTogeyAnLS1pbnB1dC13aWR0aCc6IGAke193aWR0aH1weGAgfSB9KSksIGN1cnJlbmN5ICYmIF9qc3goXCJzcGFuXCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKCdjdXJyZW5jeScpLCBvbkNsaWNrOiAoKSA9PiB7IHZhciBfYTsgcmV0dXJuIChfYSA9IGlucHV0UmVmLmN1cnJlbnQpID09PSBudWxsIHx8IF9hID09PSB2b2lkIDAgPyB2b2lkIDAgOiBfYS5mb2N1cygpOyB9LCBjaGlsZHJlbjogY3VycmVuY3kgfSksIHN1ZmZpeCAmJiBfanN4KFwic3BhblwiLCB7IGNsYXNzTmFtZTogY2xhc3Nlcygnc3VmZml4JyksIGNoaWxkcmVuOiBzdWZmaXggfSksIF9qc3goXCJzcGFuXCIsIHsgcmVmOiBmYWtlRWxlUmVmLCBjbGFzc05hbWU6IGNsYXNzZXMoJ2Zha2UnKSwgb25DbGljazogZSA9PiBlLnN0b3BQcm9wYWdhdGlvbigpLCBjaGlsZHJlbjogbnVtZXJpY0Zvcm1hdHRlcignJyArIChfdmFsdWUgPT0gbnVsbCA/ICcnIDogX3ZhbHVlKSwge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRob3VzYW5kU2VwYXJhdG9yOiB0cnVlLFxuICAgICAgICAgICAgICAgICAgICAgICAgfSkgfSldIH0pLCAobWVzc2FnZSB8fCBmb290bm90ZSkgJiYgX2pzeHMoXCJkaXZcIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ2V4dHJhJyksIGNoaWxkcmVuOiBbbWVzc2FnZSAmJiBfanN4KFwic3BhblwiLCB7IGNsYXNzTmFtZTogY2xhc3NlcygnbWVzc2FnZScpLCBjaGlsZHJlbjogbWVzc2FnZSB9KSwgZm9vdG5vdGUgJiYgX2pzeChcInNwYW5cIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ2Zvb3Rub3RlJyksIGNoaWxkcmVuOiBmb290bm90ZSB9KV0gfSldIH0pO1xufTtcbmV4cG9ydCBkZWZhdWx0IG1lbW8oSW5wdXRBbW91bnQpOyIsbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import InputAmount from './InputAmount';
|
|
2
|
+
export { InputAmount } from './InputAmount';
|
|
3
|
+
export default InputAmount;
|
|
4
|
+
export * from './interface';
|
|
5
|
+
//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvSW5wdXRBbW91bnQvaW5kZXgudHMiXSwibmFtZXMiOlsiSW5wdXRBbW91bnQiXSwibWFwcGluZ3MiOiJBQUFBLE9BQU9BLFdBQVcsTUFBTSxlQUFlO0FBRXZDLFNBQVNBLFdBQVcsUUFBUSxlQUFlO0FBRTNDLGVBQWVBLFdBQVc7QUFFMUIsY0FBYyxhQUFhIiwiZmlsZSI6ImNvbXBvbmVudHMvSW5wdXRBbW91bnQvaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { RefObject, ReactNode } from 'react';
|
|
2
|
+
import type { InputNumberProps, InputNumber } from 'primereact/inputnumber';
|
|
3
|
+
export interface InputAmountProps extends Omit<InputNumberProps, 'prefix' | 'suffix' | 'currency'> {
|
|
4
|
+
ref?: RefObject<InputNumber | null>;
|
|
5
|
+
className?: string;
|
|
6
|
+
prefixCls?: string;
|
|
7
|
+
wrapperCls?: string;
|
|
8
|
+
invalid?: boolean;
|
|
9
|
+
prefix?: ReactNode;
|
|
10
|
+
currency?: ReactNode;
|
|
11
|
+
suffix?: ReactNode;
|
|
12
|
+
message?: ReactNode;
|
|
13
|
+
footnote?: ReactNode;
|
|
14
|
+
}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50cy9JbnB1dEFtb3VudC9pbnRlcmZhY2UuanMiLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMiLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvSW5wdXRBbW91bnQvaW50ZXJmYWNlLmpzIl0sInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7fTsiXSwibWFwcGluZ3MiOiJBQUFBIiwiaWdub3JlTGlzdCI6W119
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.om-react-ui-input-amount{display:inline-flex;gap:8px;align-items:center;justify-content:start;width:100%;padding-bottom:16px;border-bottom:1px solid #d1d2d2}.om-react-ui-input-amount-wrapper{display:inline-flex;flex-direction:column;gap:16px;width:100%}.om-react-ui-input-amount:has(.p-inputwrapper-focus:not(.p-invalid)){border-bottom-color:#073387}.om-react-ui-input-amount-element{display:inline-flex;flex-grow:0;color:#073387;font-weight:500;font-size:52px;font-family:var(--font-aeonik),Aeonik;line-height:56px;letter-spacing:-.25px}.om-react-ui-input-amount-element input{position:relative;width:var(--input-width);padding:0;color:inherit;font-weight:inherit;font-size:inherit;font-family:inherit;line-height:inherit;letter-spacing:inherit;border:none;border-radius:0;box-shadow:none}.om-react-ui-input-amount-element input::placeholder{color:inherit}.om-react-ui-input-amount-fake{position:absolute;top:0;left:-9999px;z-index:-1;display:inline-block;font-weight:500;font-size:52px;font-family:var(--font-aeonik),Aeonik;line-height:56px;letter-spacing:-.25px;white-space:pre;visibility:hidden;opacity:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;inset-block-start:0;inset-inline-start:0}.om-react-ui-input-amount-currency,.om-react-ui-input-amount-prefix,.om-react-ui-input-amount-suffix{display:inline-flex;flex-grow:0;flex-shrink:0;align-items:center}.om-react-ui-input-amount-prefix{color:#073387}.om-react-ui-input-amount-currency,.om-react-ui-input-amount-prefix{font-weight:500;font-size:52px;font-family:var(--font-aeonik),Aeonik;line-height:56px;letter-spacing:-.25px}.om-react-ui-input-amount-currency{color:#e3e4e4}.om-react-ui-input-amount-suffix{margin-left:auto}.om-react-ui-input-amount-extra{display:inline-flex;flex-direction:column;gap:16px}.om-react-ui-input-amount-message{color:#131313;font-weight:400;font-size:12px;font-family:var(--font-inter),Inter;line-height:140%}.om-react-ui-input-amount-footnote{color:#073387;font-weight:500;font-size:16px;font-family:var(--font-inter),Inter;line-height:140%}.om-react-ui-input-amount-invalid .om-react-ui-input-amount{border-bottom-color:#ae0000}.om-react-ui-input-amount-invalid .om-react-ui-input-amount-element,.om-react-ui-input-amount-invalid .om-react-ui-input-amount-message,.om-react-ui-input-amount-invalid .om-react-ui-input-amount-prefix{color:#ae0000}
|
|
@@ -0,0 +1,140 @@
|
|
|
1
|
+
@use '../../../variable.scss'as *;
|
|
2
|
+
|
|
3
|
+
$component: 'input-amount';
|
|
4
|
+
$cls: #{$prefix}-#{$component};
|
|
5
|
+
|
|
6
|
+
.#{$cls} {
|
|
7
|
+
&-wrapper {
|
|
8
|
+
display: inline-flex;
|
|
9
|
+
flex-direction: column;
|
|
10
|
+
gap: 16px;
|
|
11
|
+
width: 100%;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
display: inline-flex;
|
|
15
|
+
gap: 8px;
|
|
16
|
+
align-items: center;
|
|
17
|
+
justify-content: start;
|
|
18
|
+
width: 100%;
|
|
19
|
+
padding-bottom: 16px;
|
|
20
|
+
border-bottom: 1px solid $color-grey-bold;
|
|
21
|
+
|
|
22
|
+
&:has(.p-inputwrapper-focus:not(.p-invalid)) {
|
|
23
|
+
border-bottom-color: $color-primary;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
&-element {
|
|
27
|
+
display: inline-flex;
|
|
28
|
+
flex-grow: 0;
|
|
29
|
+
color: $color-primary;
|
|
30
|
+
font-weight: 500;
|
|
31
|
+
font-size: 52px;
|
|
32
|
+
font-family: var(--font-aeonik), Aeonik;
|
|
33
|
+
line-height: 56px;
|
|
34
|
+
letter-spacing: -0.25px;
|
|
35
|
+
|
|
36
|
+
input {
|
|
37
|
+
position: relative;
|
|
38
|
+
width: var(--input-width);
|
|
39
|
+
padding: 0;
|
|
40
|
+
color: inherit;
|
|
41
|
+
font-weight: inherit;
|
|
42
|
+
font-size: inherit;
|
|
43
|
+
font-family: inherit;
|
|
44
|
+
line-height: inherit;
|
|
45
|
+
letter-spacing: inherit;
|
|
46
|
+
border: none;
|
|
47
|
+
border-radius: 0;
|
|
48
|
+
box-shadow: none;
|
|
49
|
+
|
|
50
|
+
&::placeholder {
|
|
51
|
+
color: inherit;
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
&-fake {
|
|
57
|
+
position: absolute;
|
|
58
|
+
top: 0;
|
|
59
|
+
left: -9999px;
|
|
60
|
+
z-index: -1;
|
|
61
|
+
display: inline-block;
|
|
62
|
+
font-weight: 500;
|
|
63
|
+
font-size: 52px;
|
|
64
|
+
font-family: var(--font-aeonik), Aeonik;
|
|
65
|
+
line-height: 56px;
|
|
66
|
+
letter-spacing: -0.25px;
|
|
67
|
+
white-space: pre;
|
|
68
|
+
visibility: hidden;
|
|
69
|
+
opacity: 0;
|
|
70
|
+
user-select: none;
|
|
71
|
+
pointer-events: none;
|
|
72
|
+
inset-block-start: 0;
|
|
73
|
+
inset-inline-start: 0;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
&-prefix,
|
|
77
|
+
&-currency,
|
|
78
|
+
&-suffix {
|
|
79
|
+
display: inline-flex;
|
|
80
|
+
flex-grow: 0;
|
|
81
|
+
flex-shrink: 0;
|
|
82
|
+
align-items: center;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
&-prefix {
|
|
86
|
+
color: $color-primary;
|
|
87
|
+
font-weight: 500;
|
|
88
|
+
font-size: 52px;
|
|
89
|
+
font-family: var(--font-aeonik), Aeonik;
|
|
90
|
+
line-height: 56px;
|
|
91
|
+
letter-spacing: -0.25px;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
&-currency {
|
|
95
|
+
color: $color-grey-deep;
|
|
96
|
+
font-weight: 500;
|
|
97
|
+
font-size: 52px;
|
|
98
|
+
font-family: var(--font-aeonik), Aeonik;
|
|
99
|
+
line-height: 56px;
|
|
100
|
+
letter-spacing: -0.25px;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
&-suffix {
|
|
104
|
+
margin-left: auto;
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
&-extra {
|
|
108
|
+
display: inline-flex;
|
|
109
|
+
flex-direction: column;
|
|
110
|
+
gap: 16px;
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
&-message {
|
|
114
|
+
color: $color-primary-black;
|
|
115
|
+
font-weight: 400;
|
|
116
|
+
font-size: 12px;
|
|
117
|
+
font-family: var(--font-inter), Inter;
|
|
118
|
+
line-height: 140%;
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
&-footnote {
|
|
122
|
+
color: $color-primary;
|
|
123
|
+
font-weight: 500;
|
|
124
|
+
font-size: 16px;
|
|
125
|
+
font-family: var(--font-inter), Inter;
|
|
126
|
+
line-height: 140%;
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
&-invalid {
|
|
130
|
+
.#{$cls} {
|
|
131
|
+
border-bottom-color: $color-negative;
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
.#{$cls}-prefix,
|
|
135
|
+
.#{$cls}-element,
|
|
136
|
+
.#{$cls}-message {
|
|
137
|
+
color: $color-negative;
|
|
138
|
+
}
|
|
139
|
+
}
|
|
140
|
+
}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import './InputAmount.css';
|
|
2
|
+
//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvSW5wdXRBbW91bnQvc3JjL2NvbXBvbmVudHMvSW5wdXRBbW91bnQvc3R5bGUvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxvQkFBb0IiLCJmaWxlIjoiY29tcG9uZW50cy9JbnB1dEFtb3VudC9zdHlsZS9jc3MuanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import './InputAmount.scss';
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import './InputAmount.scss';
|
|
2
|
+
//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvSW5wdXRBbW91bnQvc3JjL2NvbXBvbmVudHMvSW5wdXRBbW91bnQvc3R5bGUvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxvQkFBb0IiLCJmaWxlIjoiY29tcG9uZW50cy9JbnB1dEFtb3VudC9zdHlsZS9pbmRleC5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==
|