@1money/react-ui 0.1.0-alpha.0 → 0.1.0-alpha.10
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/Checkbox/style/Checkbox.css +1 -1
- package/es/components/Checkbox/style/Checkbox.scss +19 -1
- package/es/components/Collapse/Collapse.js +26 -18
- package/es/components/Collapse/Icons.d.ts +1 -1
- package/es/components/Collapse/Icons.js +5 -5
- package/es/components/Collapse/interface.d.ts +2 -1
- package/es/components/Collapse/style/Collapse.css +1 -1
- package/es/components/Collapse/style/Collapse.scss +34 -29
- package/es/components/Input/Input.js +29 -10
- package/es/components/Input/interface.d.ts +11 -9
- package/es/components/Input/style/Input.css +1 -1
- package/es/components/Input/style/Input.scss +50 -0
- package/es/components/Select/Select.js +4 -2
- package/es/components/Select/style/Select.css +1 -1
- package/es/components/Select/style/Select.scss +44 -0
- package/es/index.css +1 -1
- package/lib/components/Checkbox/style/Checkbox.css +1 -1
- package/lib/components/Checkbox/style/Checkbox.scss +19 -1
- package/lib/components/Collapse/Collapse.js +25 -17
- package/lib/components/Collapse/Icons.d.ts +1 -1
- package/lib/components/Collapse/Icons.js +5 -5
- package/lib/components/Collapse/interface.d.ts +2 -1
- package/lib/components/Collapse/style/Collapse.css +1 -1
- package/lib/components/Collapse/style/Collapse.scss +34 -29
- package/lib/components/Input/Input.js +27 -8
- package/lib/components/Input/interface.d.ts +11 -9
- package/lib/components/Input/style/Input.css +1 -1
- package/lib/components/Input/style/Input.scss +50 -0
- package/lib/components/Select/Select.js +4 -2
- package/lib/components/Select/style/Select.css +1 -1
- package/lib/components/Select/style/Select.scss +44 -0
- package/lib/index.css +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
.usd1-react-ui-checkbox-wrapper{display:flex;flex-direction:row}.usd1-react-ui-checkbox-inner{display:flex;align-items:center;margin-right:12px}.usd1-react-ui-checkbox-inner-checkbox{align-self:flex-start}.usd1-react-ui-checkbox-inner label{margin-left:
|
|
1
|
+
.usd1-react-ui-checkbox-wrapper{display:flex;flex-direction:row}.usd1-react-ui-checkbox-inner{display:flex;align-items:center;margin-right:12px}.usd1-react-ui-checkbox-inner-checkbox{align-self:flex-start}.usd1-react-ui-checkbox-inner-checkbox>.p-checkbox-box{border:1px solid #e0e2ee;border-radius:2px}.usd1-react-ui-checkbox-inner-checkbox>.p-checkbox-input{border:none;border-radius:2px}.usd1-react-ui-checkbox-inner-checkbox.p-checkbox.p-highlight .p-checkbox-box{background-color:#6491fa}.usd1-react-ui-checkbox-inner label{margin-left:10px;font-weight:300;font-size:14px;font-style:normal;line-height:20px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}
|
|
@@ -11,10 +11,28 @@
|
|
|
11
11
|
|
|
12
12
|
&-checkbox {
|
|
13
13
|
align-self: flex-start;
|
|
14
|
+
|
|
15
|
+
>.p-checkbox-box {
|
|
16
|
+
border: 1px solid #E0E2EE;
|
|
17
|
+
border-radius: 2px;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
>.p-checkbox-input {
|
|
21
|
+
border: none;
|
|
22
|
+
border-radius: 2px;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
&.p-checkbox.p-highlight .p-checkbox-box {
|
|
26
|
+
background-color: #6491fa;
|
|
27
|
+
}
|
|
14
28
|
}
|
|
15
29
|
|
|
16
30
|
label {
|
|
17
|
-
margin-left:
|
|
31
|
+
margin-left: 10px;
|
|
32
|
+
font-weight: 300;
|
|
33
|
+
font-size: 14px;
|
|
34
|
+
font-style: normal;
|
|
35
|
+
line-height: 20px;
|
|
18
36
|
cursor: pointer;
|
|
19
37
|
user-select: none;
|
|
20
38
|
}
|
|
@@ -8,21 +8,34 @@ var __rest = this && this.__rest || function (s, e) {
|
|
|
8
8
|
};
|
|
9
9
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
10
|
import { createElement as _createElement } from "react";
|
|
11
|
-
import { memo } from 'react';
|
|
11
|
+
import { memo, useCallback } from 'react';
|
|
12
12
|
import { Accordion, AccordionTab } from 'primereact/accordion';
|
|
13
13
|
import propTypes from 'prop-types';
|
|
14
14
|
import classnames from '../../utils/classnames';
|
|
15
15
|
import { ExpandIcon, CollapseIcon } from './Icons';
|
|
16
16
|
export var Collapse = function Collapse(props) {
|
|
17
|
-
var
|
|
18
|
-
items = _props$items === void 0 ? [] : _props$items,
|
|
17
|
+
var items = props.items,
|
|
19
18
|
wrapperCls = props.wrapperCls,
|
|
19
|
+
itemCls = props.itemCls,
|
|
20
|
+
contentCls = props.contentCls,
|
|
20
21
|
_props$prefixCls = props.prefixCls,
|
|
21
22
|
prefixCls = _props$prefixCls === void 0 ? 'collapse' : _props$prefixCls,
|
|
22
|
-
rest = __rest(props, ["items", "wrapperCls", "prefixCls"]);
|
|
23
|
+
rest = __rest(props, ["items", "wrapperCls", "itemCls", "contentCls", "prefixCls"]);
|
|
23
24
|
var classes = classnames(prefixCls);
|
|
25
|
+
var getCollapseItem = useCallback(function () {
|
|
26
|
+
return items.map(function (_a, ind) {
|
|
27
|
+
var children = _a.children,
|
|
28
|
+
key = _a.key,
|
|
29
|
+
rest = __rest(_a, ["children", "key"]);
|
|
30
|
+
return /*#__PURE__*/_createElement(AccordionTab, Object.assign({}, rest, {
|
|
31
|
+
key: key || ind,
|
|
32
|
+
className: classes('item', itemCls),
|
|
33
|
+
contentClassName: classes('item-content', contentCls)
|
|
34
|
+
}), children);
|
|
35
|
+
});
|
|
36
|
+
}, [items]);
|
|
24
37
|
return _jsx(Accordion, Object.assign({}, rest, {
|
|
25
|
-
className: classes(
|
|
38
|
+
className: classes(void 0, wrapperCls),
|
|
26
39
|
expandIcon: _jsx("i", {
|
|
27
40
|
className: classes('icon'),
|
|
28
41
|
children: _jsx(ExpandIcon, {})
|
|
@@ -31,26 +44,21 @@ export var Collapse = function Collapse(props) {
|
|
|
31
44
|
className: classes('icon'),
|
|
32
45
|
children: _jsx(CollapseIcon, {})
|
|
33
46
|
}),
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
key: key,
|
|
40
|
-
className: classes('inner'),
|
|
41
|
-
contentClassName: classes('inner-content')
|
|
42
|
-
}), children);
|
|
43
|
-
})
|
|
47
|
+
transitionOptions: {
|
|
48
|
+
timeout: 0,
|
|
49
|
+
disabled: true
|
|
50
|
+
},
|
|
51
|
+
children: getCollapseItem()
|
|
44
52
|
}));
|
|
45
53
|
};
|
|
46
54
|
/**
|
|
47
55
|
* prop-types can make sure the type-check whatever the environment whether or not use typescript
|
|
48
56
|
*/
|
|
49
57
|
Collapse.propTypes = {
|
|
50
|
-
items: propTypes.array.isRequired,
|
|
51
58
|
wrapperCls: propTypes.string,
|
|
52
|
-
|
|
59
|
+
itemCls: propTypes.string,
|
|
60
|
+
contentCls: propTypes.string,
|
|
53
61
|
prefixCls: propTypes.string
|
|
54
62
|
};
|
|
55
63
|
export default /*#__PURE__*/memo(Collapse);
|
|
56
|
-
//# sourceMappingURL=data:application/json;charset=utf8;base64,
|
|
64
|
+
//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvQ29sbGFwc2UvQ29sbGFwc2UuanMiLCJjb21wb25lbnRzL3NyYy9jb21wb25lbnRzL0NvbGxhcHNlL0NvbGxhcHNlLnRzeCJdLCJuYW1lcyI6WyJfX3Jlc3QiLCJzIiwiZSIsInQiLCJwIiwiT2JqZWN0IiwicHJvdG90eXBlIiwiaGFzT3duUHJvcGVydHkiLCJjYWxsIiwiaW5kZXhPZiIsImdldE93blByb3BlcnR5U3ltYm9scyIsImkiLCJsZW5ndGgiLCJwcm9wZXJ0eUlzRW51bWVyYWJsZSIsImpzeCIsIl9qc3giLCJjcmVhdGVFbGVtZW50IiwiX2NyZWF0ZUVsZW1lbnQiLCJtZW1vIiwidXNlQ2FsbGJhY2siLCJBY2NvcmRpb24iLCJBY2NvcmRpb25UYWIiLCJwcm9wVHlwZXMiLCJjbGFzc25hbWVzIiwiRXhwYW5kSWNvbiIsIkNvbGxhcHNlSWNvbiIsIkNvbGxhcHNlIiwicHJvcHMiLCJpdGVtcyIsIndyYXBwZXJDbHMiLCJpdGVtQ2xzIiwiY29udGVudENscyIsIl9wcm9wcyRwcmVmaXhDbHMiLCJwcmVmaXhDbHMiLCJyZXN0IiwiY2xhc3NlcyIsImdldENvbGxhcHNlSXRlbSIsIm1hcCIsIl9hIiwiaW5kIiwiY2hpbGRyZW4iLCJrZXkiLCJhc3NpZ24iLCJjbGFzc05hbWUiLCJjb250ZW50Q2xhc3NOYW1lIiwiZXhwYW5kSWNvbiIsImNvbGxhcHNlSWNvbiIsInRyYW5zaXRpb25PcHRpb25zIiwidGltZW91dCIsImRpc2FibGVkIiwic3RyaW5nIl0sIm1hcHBpbmdzIjoiQUFBQSxJQUFJQSxNQUFNLEdBQUksSUFBSSxJQUFJLElBQUksQ0FBQ0EsTUFBTSxJQUFLLFVBQVVDLENBQUMsRUFBRUMsQ0FBQyxFQUFFO0VBQ2xELElBQUlDLENBQUMsR0FBRyxDQUFDLENBQUM7RUFDVixLQUFLLElBQUlDLENBQUMsSUFBSUgsQ0FBQyxFQUFFLElBQUlJLE1BQU0sQ0FBQ0MsU0FBUyxDQUFDQyxjQUFjLENBQUNDLElBQUksQ0FBQ1AsQ0FB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LENBQUMsQ0FBQztFQUUxQixPQUNFYixJQUFBLENBQUNLLFNBQVMsRUFBQWYsTUFBQSxDQUFBcUMsTUFBQSxDQUFBLENBQUEsQ0FBQSxFQUNKUixJQUFJLEVBQUE7SUFDUlMsU0FBUyxFQUFFUixPQUFPLENBQUMsS0FBSyxDQUFDLEVBQUVOLFVBQVUsQ0FBQztJQUN0Q2dCLFVBQVUsRUFBRTlCLElBQUEsQ0FBQSxHQUFBLEVBQUE7TUFBRzRCLFNBQVMsRUFBRVIsT0FBTyxDQUFDLE1BQU0sQ0FBQztNQUFBSyxRQUFBLEVBQUV6QixJQUFBLENBQUNTLFVBQVUsRUFBQSxDQUFBLENBQUE7SUFBRyxDQUFBLENBQUk7SUFDN0RzQixZQUFZLEVBQUUvQixJQUFBLENBQUEsR0FBQSxFQUFBO01BQUc0QixTQUFTLEVBQUVSLE9BQU8sQ0FBQyxNQUFNLENBQUM7TUFBQUssUUFBQSxFQUFFekIsSUFBQSxDQUFDVSxZQUFZLEVBQUEsQ0FBQSxDQUFBO0lBQUcsQ0FBQSxDQUFJO0lBQ2pFc0IsaUJBQWlCLEVBQUU7TUFDakJDLE9BQU8sRUFBRSxDQUFDO01BQ1ZDLFFBQVEsRUFBRTtJREZWLENDR0Q7SUFBQVQsUUFBQSxFQUVDSixlQUFlLENBQUE7RUFBRSxDQUFBLENBQUEsQ0FDVDtBQUVoQixDQUFDO0FBRUQ7QURQQTtBQUNBO0FDU0FWLFFBQVEsQ0FBQ0osU0FBUyxHQUFHO0VBQ25CTyxVQUFVLEVBQUVQLFNBQVMsQ0FBQzRCLE1BQU07RUFDNUJwQixPQUFPLEVBQUVSLFNBQVMsQ0FBQzRCLE1BQU07RUFDekJuQixVQUFVLEVBQUVULFNBQVMsQ0FBQzRCLE1BQU07RUFDNUJqQixTQUFTLEVBQUVYLFNBQVMsQ0FBQzRCO0FEUHZCLENDUUM7QUFFRCw0QkFBZWhDLElBQUksQ0FBQ1EsUUFBUSxDQUFDIiwiZmlsZSI6ImNvbXBvbmVudHMvQ29sbGFwc2UvQ29sbGFwc2UuanMiLCJzb3VyY2VzQ29udGVudCI6WyJ2YXIgX19yZXN0ID0gKHRoaXMgJiYgdGhpcy5fX3Jlc3QpIHx8IGZ1bmN0aW9uIChzLCBlKSB7XG4gICAgdmFyIHQgPSB7fTtcbiAgICBmb3IgKHZhciBwIGluIHMpIGlmIChPYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5LmNhbGwocywgcCkgJiYgZS5pbmRleE9mKHApIDwgMClcbiAgICAgICAgdFtwXSA9IHNbcF07XG4gICAgaWYgKHMgIT0gbnVsbCAmJiB0eXBlb2YgT2JqZWN0LmdldE93blByb3BlcnR5U3ltYm9scyA9PT0gXCJmdW5jdGlvblwiKVxuICAgICAgICBmb3IgKHZhciBpID0gMCwgcCA9IE9iamVjdC5nZXRPd25Qcm9wZXJ0eVN5bWJvbHMocyk7IGkgPCBwLmxlbmd0aDsgaSsrKSB7XG4gICAgICAgICAgICBpZiAoZS5pbmRleE9mKHBbaV0pIDwgMCAmJiBPYmplY3QucHJvdG90eXBlLnByb3BlcnR5SXNFbnVtZXJhYmxlLmNhbGwocywgcFtpXSkpXG4gICAgICAgICAgICAgICAgdFtwW2ldXSA9IHNbcFtpXV07XG4gICAgICAgIH1cbiAgICByZXR1cm4gdDtcbn07XG5pbXBvcnQgeyBqc3ggYXMgX2pzeCB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHsgY3JlYXRlRWxlbWVudCBhcyBfY3JlYXRlRWxlbWVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgbWVtbywgdXNlQ2FsbGJhY2sgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBBY2NvcmRpb24sIEFjY29yZGlvblRhYiB9IGZyb20gJ3ByaW1lcmVhY3QvYWNjb3JkaW9uJztcbmltcG9ydCBwcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tICcuLi8uLi91dGlscy9jbGFzc25hbWVzJztcbmltcG9ydCB7IEV4cGFuZEljb24sIENvbGxhcHNlSWNvbiB9IGZyb20gJy4vSWNvbnMnO1xuZXhwb3J0IGNvbnN0IENvbGxhcHNlID0gcHJvcHMgPT4ge1xuICAgIGNvbnN0IHsgaXRlbXMsIHdyYXBwZXJDbHMsIGl0ZW1DbHMsIGNvbnRlbnRDbHMsIHByZWZpeENscyA9ICdjb2xsYXBzZScgfSA9IHByb3BzLCByZXN0ID0gX19yZXN0KHByb3BzLCBbXCJpdGVtc1wiLCBcIndyYXBwZXJDbHNcIiwgXCJpdGVtQ2xzXCIsIFwiY29udGVudENsc1wiLCBcInByZWZpeENsc1wiXSk7XG4gICAgY29uc3QgY2xhc3NlcyA9IGNsYXNzbmFtZXMocHJlZml4Q2xzKTtcbiAgICBjb25zdCBnZXRDb2xsYXBzZUl0ZW0gPSB1c2VDYWxsYmFjaygoKSA9PiBpdGVtcy5tYXAoKF9hLCBpbmQpID0+IHtcbiAgICAgICAgdmFyIHsgY2hpbGRyZW4sIGtleSB9ID0gX2EsIHJlc3QgPSBfX3Jlc3QoX2EsIFtcImNoaWxkcmVuXCIsIFwia2V5XCJdKTtcbiAgICAgICAgcmV0dXJuIF9jcmVhdGVFbGVtZW50KEFjY29yZGlvblRhYiwgT2JqZWN0LmFzc2lnbih7fSwgcmVzdCwgeyBrZXk6IGtleSB8fCBpbmQsIGNsYXNzTmFtZTogY2xhc3NlcygnaXRlbScsIGl0ZW1DbHMpLCBjb250ZW50Q2xhc3NOYW1lOiBjbGFzc2VzKCdpdGVtLWNvbnRlbnQnLCBjb250ZW50Q2xzKSB9KSwgY2hpbGRyZW4pO1xuICAgIH0pLCBbaXRlbXNdKTtcbiAgICByZXR1cm4gKF9qc3goQWNjb3JkaW9uLCBPYmplY3QuYXNzaWduKHt9LCByZXN0LCB7IGNsYXNzTmFtZTogY2xhc3Nlcyh2b2lkIDAsIHdyYXBwZXJDbHMpLCBleHBhbmRJY29uOiBfanN4KFwiaVwiLCB7IGNsYXNzTmFtZTogY2xhc3NlcygnaWNvbicpLCBjaGlsZHJlbjogX2pzeChFeHBhbmRJY29uLCB7fSkgfSksIGNvbGxhcHNlSWNvbjogX2pzeChcImlcIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ2ljb24nKSwgY2hpbGRyZW46IF9qc3goQ29sbGFwc2VJY29uLCB7fSkgfSksIHRyYW5zaXRpb25PcHRpb25zOiB7XG4gICAgICAgICAgICB0aW1lb3V0OiAwLFxuICAgICAgICAgICAgZGlzYWJsZWQ6IHRydWVcbiAgICAgICAgfSwgY2hpbGRyZW46IGdldENvbGxhcHNlSXRlbSgpIH0pKSk7XG59O1xuLyoqXG4gKiBwcm9wLXR5cGVzIGNhbiBtYWtlIHN1cmUgdGhlIHR5cGUtY2hlY2sgd2hhdGV2ZXIgdGhlIGVudmlyb25tZW50IHdoZXRoZXIgb3Igbm90IHVzZSB0eXBlc2NyaXB0XG4gKi9cbkNvbGxhcHNlLnByb3BUeXBlcyA9IHtcbiAgICB3cmFwcGVyQ2xzOiBwcm9wVHlwZXMuc3RyaW5nLFxuICAgIGl0ZW1DbHM6IHByb3BUeXBlcy5zdHJpbmcsXG4gICAgY29udGVudENsczogcHJvcFR5cGVzLnN0cmluZyxcbiAgICBwcmVmaXhDbHM6IHByb3BUeXBlcy5zdHJpbmdcbn07XG5leHBvcnQgZGVmYXVsdCBtZW1vKENvbGxhcHNlKTsiLG51bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
export var
|
|
2
|
+
export var ExpandIcon = function ExpandIcon() {
|
|
3
3
|
return _jsxs("svg", {
|
|
4
4
|
width: "24",
|
|
5
5
|
height: "24",
|
|
@@ -7,7 +7,7 @@ export var CollapseIcon = function CollapseIcon() {
|
|
|
7
7
|
fill: "none",
|
|
8
8
|
xmlns: "http://www.w3.org/2000/svg",
|
|
9
9
|
children: [_jsx("g", {
|
|
10
|
-
|
|
10
|
+
clipPath: "url(#clip0_0_267)",
|
|
11
11
|
children: _jsx("path", {
|
|
12
12
|
d: "M19 13H13V19H11V13H5V11H11V5H13V11H19V13Z",
|
|
13
13
|
fill: "black"
|
|
@@ -24,7 +24,7 @@ export var CollapseIcon = function CollapseIcon() {
|
|
|
24
24
|
})]
|
|
25
25
|
});
|
|
26
26
|
};
|
|
27
|
-
export var
|
|
27
|
+
export var CollapseIcon = function CollapseIcon() {
|
|
28
28
|
return _jsxs("svg", {
|
|
29
29
|
width: "24",
|
|
30
30
|
height: "24",
|
|
@@ -32,7 +32,7 @@ export var ExpandIcon = function ExpandIcon() {
|
|
|
32
32
|
fill: "none",
|
|
33
33
|
xmlns: "http://www.w3.org/2000/svg",
|
|
34
34
|
children: [_jsx("g", {
|
|
35
|
-
|
|
35
|
+
clipPath: "url(#clip0_0_273)",
|
|
36
36
|
children: _jsx("path", {
|
|
37
37
|
d: "M19 13H13H11H5V11H11H13H19V13Z",
|
|
38
38
|
fill: "black"
|
|
@@ -49,4 +49,4 @@ export var ExpandIcon = function ExpandIcon() {
|
|
|
49
49
|
})]
|
|
50
50
|
});
|
|
51
51
|
};
|
|
52
|
-
//# sourceMappingURL=data:application/json;charset=utf8;base64,
|
|
52
|
+
//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvQ29sbGFwc2UvSWNvbnMuanMiLCJjb21wb25lbnRzL3NyYy9jb21wb25lbnRzL0NvbGxhcHNlL0ljb25zLnRzeCJdLCJuYW1lcyI6WyJqc3giLCJfanN4IiwianN4cyIsIl9qc3hzIiwiRXhwYW5kSWNvbiIsIndpZHRoIiwiaGVpZ2h0Iiwidmlld0JveCIsImZpbGwiLCJ4bWxucyIsImNoaWxkcmVuIiwiY2xpcFBhdGgiLCJkIiwiaWQiLCJDb2xsYXBzZUljb24iXSwibWFwcGluZ3MiOiJBQUFBLFNBQVNBLEdBQUcsSUFBSUMsSUFBSSxFQUFFQyxJQUFJLElBQUlDLEtBQUssUUFBUSxtQkFBbUI7QUNBOUQsT0FBTyxJQUFNQyxVQUFVLEdBQUcsU0FBYkEsVUFBVUEsQ0FBQTtFQUFBLE9BQVNELEtBQUEsQ0FBQSxLQUFBLEVBQUE7SUFBS0UsS0FBSyxFQUFDLElBQUk7SUFBQ0MsTUFBTSxFQUFDLElBQUk7SUFBQ0MsT0FBTyxFQUFDLFdBQVc7SUFBQ0MsSUFBSSxFQUFDLE1BQU07SUFBQ0MsS0FBSyxFQUFDLDRCQUE0QjtJQUFBQyxRQUFBLEVBQUEsQ0FDNUhULElBQUEsQ0FBQSxHQUFBLEVBQUE7TUFBR1UsUUFBUSxFQUFDLG1CQUFtQjtNQUFBRCxRQUFBLEVBQzdCVCxJQUFBLENBQUEsTUFBQSxFQUFBO1FBQU1XLENBQUMsRUFBQywyQ0FBMkM7UUFBQ0osSUFBSSxFQUFDO01BQU8sQ0FBQTtJQUFFLENBQUEsQ0FDaEUsRUFDSlAsSUFBQSxDQUFBLE1BQUEsRUFBQTtNQUFBUyxRQUFBLEVBQ0VULElBQUEsQ0FBQSxVQUFBLEVBQUE7UUFBVVksRUFBRSxFQUFDLGFBQWE7UUFBQUgsUUFBQSxFQUN4QlQsSUFBQSxDQUFBLE1BQUEsRUFBQTtVQUFNSSxLQUFLLEVBQUMsSUFBSTtVQUFDQyxNQUFNLEVBQUMsSUFBSTtVQUFDRSxJQUFJLEVBQUM7UUFBTyxDQUFBO01BQUUsQ0FBQTtJQUNsQyxDQUFBLENBQ047RUFBQSxDQUFBLENBQ0g7QUFBQTtBQUdOLE9BQU8sSUFBTU0sWUFBWSxHQUFHLFNBQWZBLFlBQVlBLENBQUE7RUFBQSxPQUFTWCxLQUFBLENBQUEsS0FBQSxFQUFBO0lBQUtFLEtBQUssRUFBQyxJQUFJO0lBQUNDLE1BQU0sRUFBQyxJQUFJO0lBQUNDLE9BQU8sRUFBQyxXQUFXO0lBQUNDLElBQUksRUFBQyxNQUFNO0lBQUNDLEtBQUssRUFBQyw0QkFBNEI7SUFBQUMsUUFBQSxFQUFBLENBQzlIVCxJQUFBLENBQUEsR0FBQSxFQUFBO01BQUdVLFFBQVEsRUFBQyxtQkFBbUI7TUFBQUQsUUFBQSxFQUM3QlQsSUFBQSxDQUFBLE1BQUEsRUFBQTtRQUFNVyxDQUFDLEVBQUMsZ0NBQWdDO1FBQUNKLElBQUksRUFBQztNQUFPLENBQUE7SUFBRSxDQUFBLENBQ3JELEVBQ0pQLElBQUEsQ0FBQSxNQUFBLEVBQUE7TUFBQVMsUUFBQSxFQUNFVCxJQUFBLENBQUEsVUFBQSxFQUFBO1FBQVVZLEVBQUUsRUFBQyxhQUFhO1FBQUFILFFBQUEsRUFDeEJULElBQUEsQ0FBQSxNQUFBLEVBQUE7VUFBTUksS0FBSyxFQUFDLElBQUk7VUFBQ0MsTUFBTSxFQUFDLElBQUk7VUFBQ0UsSUFBSSxFQUFDO1FBQU8sQ0FBQTtNQUFFLENBQUE7SUFDbEMsQ0FBQSxDQUNOO0VBQUEsQ0FBQSxDQUNIO0FBQUEiLCJmaWxlIjoiY29tcG9uZW50cy9Db2xsYXBzZS9JY29ucy5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5leHBvcnQgY29uc3QgRXhwYW5kSWNvbiA9ICgpID0+IF9qc3hzKFwic3ZnXCIsIHsgd2lkdGg6IFwiMjRcIiwgaGVpZ2h0OiBcIjI0XCIsIHZpZXdCb3g6IFwiMCAwIDI0IDI0XCIsIGZpbGw6IFwibm9uZVwiLCB4bWxuczogXCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiLCBjaGlsZHJlbjogW19qc3goXCJnXCIsIHsgY2xpcFBhdGg6IFwidXJsKCNjbGlwMF8wXzI2NylcIiwgY2hpbGRyZW46IF9qc3goXCJwYXRoXCIsIHsgZDogXCJNMTkgMTNIMTNWMTlIMTFWMTNINVYxMUgxMVY1SDEzVjExSDE5VjEzWlwiLCBmaWxsOiBcImJsYWNrXCIgfSkgfSksIF9qc3goXCJkZWZzXCIsIHsgY2hpbGRyZW46IF9qc3goXCJjbGlwUGF0aFwiLCB7IGlkOiBcImNsaXAwXzBfMjY3XCIsIGNoaWxkcmVuOiBfanN4KFwicmVjdFwiLCB7IHdpZHRoOiBcIjI0XCIsIGhlaWdodDogXCIyNFwiLCBmaWxsOiBcIndoaXRlXCIgfSkgfSkgfSldIH0pO1xuZXhwb3J0IGNvbnN0IENvbGxhcHNlSWNvbiA9ICgpID0+IF9qc3hzKFwic3ZnXCIsIHsgd2lkdGg6IFwiMjRcIiwgaGVpZ2h0OiBcIjI0XCIsIHZpZXdCb3g6IFwiMCAwIDI0IDI0XCIsIGZpbGw6IFwibm9uZVwiLCB4bWxuczogXCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiLCBjaGlsZHJlbjogW19qc3goXCJnXCIsIHsgY2xpcFBhdGg6IFwidXJsKCNjbGlwMF8wXzI3MylcIiwgY2hpbGRyZW46IF9qc3goXCJwYXRoXCIsIHsgZDogXCJNMTkgMTNIMTNIMTFINVYxMUgxMUgxM0gxOVYxM1pcIiwgZmlsbDogXCJibGFja1wiIH0pIH0pLCBfanN4KFwiZGVmc1wiLCB7IGNoaWxkcmVuOiBfanN4KFwiY2xpcFBhdGhcIiwgeyBpZDogXCJjbGlwMF8wXzI3M1wiLCBjaGlsZHJlbjogX2pzeChcInJlY3RcIiwgeyB3aWR0aDogXCIyNFwiLCBoZWlnaHQ6IFwiMjRcIiwgZmlsbDogXCJ3aGl0ZVwiIH0pIH0pIH0pXSB9KTsiLG51bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=
|
|
@@ -5,7 +5,8 @@ interface ItemProps extends AccordionTabProps {
|
|
|
5
5
|
export interface CollapseProps extends Omit<AccordionProps, 'className'> {
|
|
6
6
|
items: ItemProps[];
|
|
7
7
|
wrapperCls?: string;
|
|
8
|
-
|
|
8
|
+
itemCls?: string;
|
|
9
|
+
contentCls?: string;
|
|
9
10
|
prefixCls?: string;
|
|
10
11
|
}
|
|
11
12
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.usd1-react-ui-collapse-
|
|
1
|
+
.usd1-react-ui-collapse{font-family:inherit;background-color:#fff}.usd1-react-ui-collapse>.p-accordion-tab{margin-bottom:0!important}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content){border-bottom:.5px solid #e0e2ee;cursor:pointer}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content):hover{background-color:#fafafc}.p-accordion-tab-active>.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content)>a{font-weight:600}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content)>a{display:inline-flex;align-items:center;width:100%;padding:30px 40px;font-weight:300;font-size:24px;font-style:normal;line-height:30px;background-color:inherit;border:none}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content)>a span{margin-left:40px}.usd1-react-ui-collapse-item-content{padding:20px 40px 30px 108px;font-weight:300;font-size:20px;font-style:normal;line-height:32px}.usd1-react-ui-collapse-item-content>.p-accordion-content{padding:0;border:none}.usd1-react-ui-collapse-item-content>.p-accordion-content p{margin:0}.usd1-react-ui-collapse-icon{display:inline-block;width:24px;height:24px}
|
|
@@ -1,57 +1,62 @@
|
|
|
1
1
|
.usd1-react-ui-collapse {
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
font-family: inherit;
|
|
3
|
+
background-color: #FFF;
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
}
|
|
5
|
+
>.p-accordion-tab {
|
|
6
|
+
margin-bottom: 0 !important;
|
|
8
7
|
}
|
|
9
8
|
|
|
10
|
-
.
|
|
11
|
-
|
|
12
|
-
|
|
9
|
+
&-item:not(.usd1-react-ui-collapse-item-content) {
|
|
10
|
+
border-bottom: 0.5px solid #E0E2EE;
|
|
11
|
+
cursor: pointer;
|
|
12
|
+
|
|
13
|
+
&:hover {
|
|
14
|
+
background-color: #FAFAFC;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.p-accordion-tab-active>& {
|
|
18
|
+
>a {
|
|
19
|
+
font-weight: 600;
|
|
20
|
+
}
|
|
13
21
|
}
|
|
14
|
-
}
|
|
15
22
|
|
|
16
|
-
|
|
17
|
-
|
|
23
|
+
>a {
|
|
24
|
+
display: inline-flex;
|
|
25
|
+
align-items: center;
|
|
26
|
+
width: 100%;
|
|
18
27
|
padding: 30px 40px;
|
|
19
28
|
font-weight: 300;
|
|
20
29
|
font-size: 24px;
|
|
21
30
|
font-style: normal;
|
|
22
31
|
line-height: 30px;
|
|
23
|
-
background-color:
|
|
32
|
+
background-color: inherit;
|
|
24
33
|
border: none;
|
|
25
|
-
border-bottom: 0.5px solid #E0E2EE;
|
|
26
|
-
|
|
27
|
-
&:hover {
|
|
28
|
-
background-color: #FAFAFC;
|
|
29
|
-
}
|
|
30
34
|
|
|
31
35
|
span {
|
|
32
36
|
margin-left: 40px;
|
|
33
37
|
}
|
|
34
38
|
}
|
|
39
|
+
}
|
|
35
40
|
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
41
|
+
&-item-content {
|
|
42
|
+
padding: 20px 40px 30px 108px;
|
|
43
|
+
font-weight: 300;
|
|
44
|
+
font-size: 20px;
|
|
45
|
+
font-style: normal;
|
|
46
|
+
line-height: 32px;
|
|
42
47
|
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
48
|
+
>.p-accordion-content {
|
|
49
|
+
padding: 0;
|
|
50
|
+
border: none;
|
|
46
51
|
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
}
|
|
52
|
+
p {
|
|
53
|
+
margin: 0;
|
|
50
54
|
}
|
|
51
55
|
}
|
|
52
56
|
}
|
|
53
57
|
|
|
54
58
|
&-icon {
|
|
59
|
+
display: inline-block;
|
|
55
60
|
width: 24px;
|
|
56
61
|
height: 24px;
|
|
57
62
|
}
|
|
@@ -6,8 +6,8 @@ var __rest = this && this.__rest || function (s, e) {
|
|
|
6
6
|
}
|
|
7
7
|
return t;
|
|
8
8
|
};
|
|
9
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
|
-
import { memo, useMemo } from 'react';
|
|
9
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
|
+
import { memo, useMemo, useCallback } from 'react';
|
|
11
11
|
import { InputText } from 'primereact/inputtext';
|
|
12
12
|
import { InputNumber } from 'primereact/inputnumber';
|
|
13
13
|
import { InputMask } from 'primereact/inputmask';
|
|
@@ -18,11 +18,15 @@ import { AutoComplete } from 'primereact/autocomplete';
|
|
|
18
18
|
import propTypes from 'prop-types';
|
|
19
19
|
import classnames from '../../utils/classnames';
|
|
20
20
|
export var Input = function Input(props) {
|
|
21
|
-
var
|
|
22
|
-
|
|
21
|
+
var label = props.label,
|
|
22
|
+
required = props.required,
|
|
23
|
+
type = props.type,
|
|
24
|
+
_props$className = props.className,
|
|
25
|
+
className = _props$className === void 0 ? '' : _props$className,
|
|
23
26
|
_props$prefixCls = props.prefixCls,
|
|
24
27
|
prefixCls = _props$prefixCls === void 0 ? 'input' : _props$prefixCls,
|
|
25
|
-
|
|
28
|
+
wrapperCls = props.wrapperCls,
|
|
29
|
+
rest = __rest(props, ["label", "required", "type", "className", "prefixCls", "wrapperCls"]);
|
|
26
30
|
var classes = classnames(prefixCls);
|
|
27
31
|
var InputComponent = useMemo(function () {
|
|
28
32
|
switch (type) {
|
|
@@ -35,7 +39,16 @@ export var Input = function Input(props) {
|
|
|
35
39
|
case 'textarea':
|
|
36
40
|
return InputTextarea;
|
|
37
41
|
case 'otp':
|
|
38
|
-
|
|
42
|
+
// eslint-disable-next-line no-case-declarations
|
|
43
|
+
var CustomInputOpt = useCallback(function (_props) {
|
|
44
|
+
var _className = _props.className,
|
|
45
|
+
_rest = __rest(_props, ["className"]);
|
|
46
|
+
return _jsx("div", {
|
|
47
|
+
className: _className,
|
|
48
|
+
children: _jsx(InputOtp, Object.assign({}, _rest))
|
|
49
|
+
});
|
|
50
|
+
}, []);
|
|
51
|
+
return CustomInputOpt;
|
|
39
52
|
case 'password':
|
|
40
53
|
return Password;
|
|
41
54
|
case 'autocomplete':
|
|
@@ -44,9 +57,15 @@ export var Input = function Input(props) {
|
|
|
44
57
|
return InputText;
|
|
45
58
|
}
|
|
46
59
|
}, [type]);
|
|
47
|
-
return
|
|
48
|
-
className: classes(
|
|
49
|
-
|
|
60
|
+
return _jsxs("div", {
|
|
61
|
+
className: classes('wrapper', wrapperCls),
|
|
62
|
+
children: [label && _jsx("span", {
|
|
63
|
+
className: classes('label', required ? classes('label-required') : ''),
|
|
64
|
+
children: label
|
|
65
|
+
}), _jsx(InputComponent, Object.assign({}, rest, {
|
|
66
|
+
className: classes(void 0, ["usd1-react-ui-input-".concat(type), className].join(' '))
|
|
67
|
+
}))]
|
|
68
|
+
});
|
|
50
69
|
};
|
|
51
70
|
/**
|
|
52
71
|
* prop-types can make sure the type-check whatever the environment whether or not use typescript
|
|
@@ -55,4 +74,4 @@ Input.propTypes = {
|
|
|
55
74
|
prefixCls: propTypes.string
|
|
56
75
|
};
|
|
57
76
|
export default /*#__PURE__*/memo(Input);
|
|
58
|
-
//# sourceMappingURL=data:application/json;charset=utf8;base64,
|
|
77
|
+
//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvSW5wdXQvSW5wdXQuanMiLCJjb21wb25lbnRzL3NyYy9jb21wb25lbnRzL0lucHV0L0lucHV0LnRzeCJdLCJuYW1lcyI6WyJfX3Jlc3QiLCJzIiwiZSIsInQiLCJwIiwiT2JqZWN0IiwicHJvdG90eXBlIiwiaGFzT3duUHJvcGVydHkiLCJjYWxsIiwiaW5kZXhPZiIsImdldE93blByb3BlcnR5U3ltYm9scyIsImkiLCJsZW5ndGgiLCJwcm9wZXJ0eUlzRW51bWVyYWJsZSIsImpzeCIsIl9qc3giLCJqc3hzIiwiX2pzeHMiLCJtZW1vIiwidXNlTWVtbyIsInVzZUNhbGxiYWNrIiwiSW5wdXRUZXh0IiwiSW5wdXROdW1iZXIiLCJJbnB1dE1hc2siLCJJbnB1dFRleHRhcmVhIiwiSW5wdXRPdHAiLCJQYXNzd29yZCIsIkF1dG9Db21wbGV0ZSIsInByb3BUeXBlcyIsImNsYXNzbmFtZXMiLCJJbnB1dCIsInByb3BzIiwibGFiZWwiLCJyZXF1aXJlZCIsInR5cGUiLCJfcHJvcHMkY2xhc3NOYW1lIiwiY2xhc3NOYW1lIiwiX3Byb3BzJHByZWZpeENscyIsInByZWZpeENscyIsIndyYXBwZXJDbHMiLCJyZXN0IiwiY2xhc3NlcyIsIklucHV0Q29tcG9uZW50IiwiQ3VzdG9tSW5wdXRPcHQiLCJfcHJvcHMiLCJfY2xhc3NOYW1lIiwiX3Jlc3QiLCJjaGlsZHJlbiIsImFzc2lnbiIsImNvbmNhdCIsImpvaW4iLCJzdHJpbmciXSwibWFwcGluZ3MiOiJBQUFBLElBQUlBLE1BQU0sR0FBSSxJQUFJLElBQUksSUFBSSxDQUFDQSxNQUFNLElBQUssVUFBVUMsQ0FBQyxFQUFFQyxDQUFDLEVBQUU7RUFDbEQsSUFBSUMsQ0FBQyxHQUFHLENBQUMsQ0FBQztFQUNWLEtBQUssSUFBSUMsQ0FBQyxJQUFJSCxDQUFDLEVBQUUsSUFBSUksTUFBTSxDQUFDQyxTQUFTLENBQUNDLGNBQWMsQ0FBQ0MsSUFBSSxDQUFDUCxDQUFDLEVBQUVHLENBQUMsQ0FBQyxJQUFJRixDQUFDLENBQUNPLE9BQU8sQ0FBQ0wsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxFQUMvRUQsQ0FBQyxDQUFDQyxDQUFDLENBQUMsR0FBR0gsQ0FBQyxDQUFDRyxDQUFDLENBQUM7RUFDZixJQUFJSCxDQUFDLElBQUksSUFBSSxJQUFJLE9BQU9JLE1BQU0sQ0FBQ0sscUJBQXFCLEtBQUssVUFBVSxFQUMvRCxLQUFLLElBQUlDLENBQUMsR0FBRyxDQUFDLEVBQUVQLENBQUMsR0FBR0MsTUFBTSxDQUFDSyxxQkFBcUIsQ0FBQ1QsQ0FBQyxDQUFDLEVBQUVVLENBQUMsR0FBR1AsQ0FBQyxDQUFDUSxNQUFNLEVBQUVELENBQUMsRUFBRSxFQUFFO0lBQ3BFLElBQUlULENBQUMsQ0FBQ08sT0FBTyxDQUFDTCxDQUFDLENBQUNPLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxJQUFJTixNQUFNLENBQUNDLFNBQVMsQ0FBQ08sb0JBQW9CLENBQUNMLElBQUksQ0FBQ1AsQ0FBQyxFQUFFRyxDQUFDLENBQUNPLENBQUMsQ0FBQyxDQUFDLEVBQzFFUixDQUFDLENBQUNDLENBQUMsQ0FBQ08sQ0FBQyxDQUFDLENBQUMsR0FBR1YsQ0FBQyxDQUFDRyxDQUFDLENBQUNPLENBQUMsQ0FBQyxDQUFDO0VBQ3pCO0VBQ0osT0FBT1IsQ0FBQztBQUNaLENBQUM7QUFDRCxTQUFTVyxHQUFHLElBQUlDLElBQUksRUFBRUMsSUFBSSxJQUFJQyxLQUFLLFFBQVEsbUJBQW1CO0FDWDlELFNBQVNDLElBQUksRUFBRUMsT0FBTyxFQUFFQyxXQUFXLFFBQVEsT0FBTztBQUNsRCxTQUFTQyxTQUFTLFFBQVEsc0JBQXNCO0FBQ2hELFNBQVNDLFdBQVcsUUFBUSx3QkFBd0I7QUFDcEQsU0FBU0MsU0FBUyxRQUFRLHNCQUFzQjtBQUNoRCxTQUFTQyxhQUFhLFFBQVEsMEJBQTBCO0FBQ3hELFNBQVNDLFFBQVEsUUFBUSxxQkFBcUI7QUFDOUMsU0FBU0MsUUFBUSxRQUFRLHFCQUFxQjtBQUM5QyxTQUFTQyxZQUFZLFFBQVEseUJBQXlCO0FBQ3RELE9BQU9DLFNBQVMsTUFBTSxZQUFZO0FBQ2xDLE9BQU9DLFVBQVUsTUFBTSx3QkFBd0I7QUFLL0MsT0FBTyxJQUFNQyxLQUFLLEdBQXNDLFNBQTNDQSxLQUFLQSxDQUFzQ0MsS0FBSyxFQUFHO0VBQzlELElBQVFDLEtBQUssR0FBK0VELEtBQUssQ0FBekZDLEtBQUs7SUFBRUMsUUFBUSxHQUFxRUYsS0FBSyxDQUFsRkUsUUFBUTtJQUFFQyxJQUFJLEdBQStESCxLQUFLLENBQXhFRyxJQUFJO0lBQUFDLGdCQUFBLEdBQStESixLQUFLLENBQWxFSyxTQUFTO0lBQVRBLFNBQVMsR0FBQUQsZ0JBQUEsY0FBRyxFQUFFLEdBQUFBLGdCQUFBO0lBQUFFLGdCQUFBLEdBQStDTixLQUFLLENBQWxETyxTQUFTO0lBQVRBLFNBQVMsR0FBQUQsZ0JBQUEsY0FBRyxPQUFPLEdBQUFBLGdCQUFBO0lBQUVFLFVBQVUsR0FBY1IsS0FBSyxDQUE3QlEsVUFBVTtJQUFLQyxJQUFJLEdBQUF4QyxNQUFBLENBQUsrQixLQUFLLEVBQTNGLENBQUEsT0FBQSxFQUFBLFVBQUEsRUFBQSxNQUFBLEVBQUEsV0FBQSxFQUFBLFdBQUEsRUFBQSxZQUFBLENBQW1GLENBQVE7RUFDakcsSUFBTVUsT0FBTyxHQUFHWixVQUFVLENBQUNTLFNBQVMsQ0FBQztFQUVyQyxJQUFNSSxjQUFjLEdBQUd2QixPQUFPLENBQUMsWUFBSztJQUNsQyxRQUFRZSxJQUFJO01BQ1YsS0FBSyxNQUFNO1FBQ1QsT0FBT2IsU0FBUztNQUNsQixLQUFLLFFBQVE7UUFDWCxPQUFPQyxXQUFvQztNQUM3QyxLQUFLLE1BQU07UUFDVCxPQUFPQyxTQUFnQztNQUN6QyxLQUFLLFVBQVU7UUFDYixPQUFPQyxhQUFhO01BQ3RCLEtBQUssS0FBSztRQUNSO1FBQ0EsSUFBTW1CLGNBQWMsR0FBR3ZCLFdBQVcsQ0FBQyxVQUFDd0IsTUFBcUIsRUFBSTtVQUNyRCxJQUFhQyxVQUFVLEdBQWVELE1BQU0sQ0FBMUNSLFNBQVM7WUFBaUJVLEtBQUssR0FBQTlDLE1BQUEsQ0FBSzRDLE1BQU0sRUFBNUMsQ0FBQSxXQUFBLENBQW1DLENBQVM7VUFDbEQsT0FBTzdCLElBQUEsQ0FBQSxLQUFBLEVBQUE7WUFBS3FCLFNBQVMsRUFBRVMsVUFBVTtZQUFBRSxRQUFBLEVBQy9CaEMsSUFBQSxDQUFDVSxRQUFRLEVBQUFwQixNQUFBLENBQUEyQyxNQUFBLENBQUEsQ0FBQSxDQUFBLEVBQUlGLEtBQVksQ0FBQTtVQUFHLENBQUEsQ0FDeEI7UUFDUixDQUFDLEVBQUUsRUFBRSxDQUFDO1FBQ04sT0FBT0gsY0FBYztNQUN2QixLQUFLLFVBQVU7UUFDYixPQUFPakIsUUFBOEI7TUFDdkMsS0FBSyxjQUFjO1FBQ2pCLE9BQU9DLFlBQXNDO01BQy9DO1FBQ0UsT0FBT04sU0FBUztJQUNwQjtFQUNGLENBQUMsRUFBRSxDQUFDYSxJQUFJLENBQUMsQ0FBQztFQUVWLE9BQ0VqQixLQUFBLENBQUEsS0FBQSxFQUFBO0lBQUttQixTQUFTLEVBQUVLLE9BQU8sQ0FBQyxTQUFTLEVBQUVGLFVBQVUsQ0FBQztJQUFBUSxRQUFBLEVBQUEsQ0FDM0NmLEtBQUssSUFBSWpCLElBQUEsQ0FBQSxNQUFBLEVBQUE7TUFBTXFCLFNBQVMsRUFBRUssT0FBTyxDQUFDLE9BQU8sRUFBRVIsUUFBUSxHQUFHUSxPQUFPLENBQUMsZ0JBQWdCLENBQUMsR0FBRyxFQUFFLENBQUM7TUFBQU0sUUFBQSxFQUFHZjtJQUFLLENBQUEsQ0FBUSxFQUN0R2pCLElBQUEsQ0FBQzJCLGNBQWMsRUFBQXJDLE1BQUEsQ0FBQTJDLE1BQUEsQ0FBQSxDQUFBLENBQUEsRUFDVFIsSUFBVyxFQUFBO01BQ2ZKLFNBQVMsRUFBRUssT0FBTyxDQUFDLEtBQUssQ0FBQyxFQUFFLHdCQUFBUSxNQUFBLENBQXdCZixJQUFJLEdBQUlFLFNBQVMsQ0FBQyxDQUFDYyxJQUFJLENBQUMsR0FBRyxDQUFDO0lBQUMsQ0FBQSxDQUFBLENBQ2hGO0VBQUEsQ0FBQSxDQUNFO0FBRVYsQ0FBQztBQUVEO0FESkE7QUFDQTtBQ01BcEIsS0FBSyxDQUFDRixTQUFTLEdBQUc7RUFDaEJVLFNBQVMsRUFBRVYsU0FBUyxDQUFDdUI7QURKdkIsQ0NLQztBQUVELDRCQUFlakMsSUFBSSxDQUFDWSxLQUFLLENBQUMiLCJmaWxlIjoiY29tcG9uZW50cy9JbnB1dC9JbnB1dC5qcyIsInNvdXJjZXNDb250ZW50IjpbInZhciBfX3Jlc3QgPSAodGhpcyAmJiB0aGlzLl9fcmVzdCkgfHwgZnVuY3Rpb24gKHMsIGUpIHtcbiAgICB2YXIgdCA9IHt9O1xuICAgIGZvciAodmFyIHAgaW4gcykgaWYgKE9iamVjdC5wcm90b3R5cGUuaGFzT3duUHJvcGVydHkuY2FsbChzLCBwKSAmJiBlLmluZGV4T2YocCkgPCAwKVxuICAgICAgICB0W3BdID0gc1twXTtcbiAgICBpZiAocyAhPSBudWxsICYmIHR5cGVvZiBPYmplY3QuZ2V0T3duUHJvcGVydHlTeW1ib2xzID09PSBcImZ1bmN0aW9uXCIpXG4gICAgICAgIGZvciAodmFyIGkgPSAwLCBwID0gT2JqZWN0LmdldE93blByb3BlcnR5U3ltYm9scyhzKTsgaSA8IHAubGVuZ3RoOyBpKyspIHtcbiAgICAgICAgICAgIGlmIChlLmluZGV4T2YocFtpXSkgPCAwICYmIE9iamVjdC5wcm90b3R5cGUucHJvcGVydHlJc0VudW1lcmFibGUuY2FsbChzLCBwW2ldKSlcbiAgICAgICAgICAgICAgICB0W3BbaV1dID0gc1twW2ldXTtcbiAgICAgICAgfVxuICAgIHJldHVybiB0O1xufTtcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgeyBtZW1vLCB1c2VNZW1vLCB1c2VDYWxsYmFjayB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IElucHV0VGV4dCB9IGZyb20gJ3ByaW1lcmVhY3QvaW5wdXR0ZXh0JztcbmltcG9ydCB7IElucHV0TnVtYmVyIH0gZnJvbSAncHJpbWVyZWFjdC9pbnB1dG51bWJlcic7XG5pbXBvcnQgeyBJbnB1dE1hc2sgfSBmcm9tICdwcmltZXJlYWN0L2lucHV0bWFzayc7XG5pbXBvcnQgeyBJbnB1dFRleHRhcmVhIH0gZnJvbSAncHJpbWVyZWFjdC9pbnB1dHRleHRhcmVhJztcbmltcG9ydCB7IElucHV0T3RwIH0gZnJvbSAncHJpbWVyZWFjdC9pbnB1dG90cCc7XG5pbXBvcnQgeyBQYXNzd29yZCB9IGZyb20gJ3ByaW1lcmVhY3QvcGFzc3dvcmQnO1xuaW1wb3J0IHsgQXV0b0NvbXBsZXRlIH0gZnJvbSAncHJpbWVyZWFjdC9hdXRvY29tcGxldGUnO1xuaW1wb3J0IHByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBjbGFzc25hbWVzIGZyb20gJy4uLy4uL3V0aWxzL2NsYXNzbmFtZXMnO1xuZXhwb3J0IGNvbnN0IElucHV0ID0gcHJvcHMgPT4ge1xuICAgIGNvbnN0IHsgbGFiZWwsIHJlcXVpcmVkLCB0eXBlLCBjbGFzc05hbWUgPSAnJywgcHJlZml4Q2xzID0gJ2lucHV0Jywgd3JhcHBlckNscyB9ID0gcHJvcHMsIHJlc3QgPSBfX3Jlc3QocHJvcHMsIFtcImxhYmVsXCIsIFwicmVxdWlyZWRcIiwgXCJ0eXBlXCIsIFwiY2xhc3NOYW1lXCIsIFwicHJlZml4Q2xzXCIsIFwid3JhcHBlckNsc1wiXSk7XG4gICAgY29uc3QgY2xhc3NlcyA9IGNsYXNzbmFtZXMocHJlZml4Q2xzKTtcbiAgICBjb25zdCBJbnB1dENvbXBvbmVudCA9IHVzZU1lbW8oKCkgPT4ge1xuICAgICAgICBzd2l0Y2ggKHR5cGUpIHtcbiAgICAgICAgICAgIGNhc2UgJ3RleHQnOlxuICAgICAgICAgICAgICAgIHJldHVybiBJbnB1dFRleHQ7XG4gICAgICAgICAgICBjYXNlICdudW1iZXInOlxuICAgICAgICAgICAgICAgIHJldHVybiBJbnB1dE51bWJlcjtcbiAgICAgICAgICAgIGNhc2UgJ21hc2snOlxuICAgICAgICAgICAgICAgIHJldHVybiBJbnB1dE1hc2s7XG4gICAgICAgICAgICBjYXNlICd0ZXh0YXJlYSc6XG4gICAgICAgICAgICAgICAgcmV0dXJuIElucHV0VGV4dGFyZWE7XG4gICAgICAgICAgICBjYXNlICdvdHAnOlxuICAgICAgICAgICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1jYXNlLWRlY2xhcmF0aW9uc1xuICAgICAgICAgICAgICAgIGNvbnN0IEN1c3RvbUlucHV0T3B0ID0gdXNlQ2FsbGJhY2soKF9wcm9wcykgPT4ge1xuICAgICAgICAgICAgICAgICAgICBjb25zdCB7IGNsYXNzTmFtZTogX2NsYXNzTmFtZSB9ID0gX3Byb3BzLCBfcmVzdCA9IF9fcmVzdChfcHJvcHMsIFtcImNsYXNzTmFtZVwiXSk7XG4gICAgICAgICAgICAgICAgICAgIHJldHVybiBfanN4KFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBfY2xhc3NOYW1lLCBjaGlsZHJlbjogX2pzeChJbnB1dE90cCwgT2JqZWN0LmFzc2lnbih7fSwgX3Jlc3QpKSB9KTtcbiAgICAgICAgICAgICAgICB9LCBbXSk7XG4gICAgICAgICAgICAgICAgcmV0dXJuIEN1c3RvbUlucHV0T3B0O1xuICAgICAgICAgICAgY2FzZSAncGFzc3dvcmQnOlxuICAgICAgICAgICAgICAgIHJldHVybiBQYXNzd29yZDtcbiAgICAgICAgICAgIGNhc2UgJ2F1dG9jb21wbGV0ZSc6XG4gICAgICAgICAgICAgICAgcmV0dXJuIEF1dG9Db21wbGV0ZTtcbiAgICAgICAgICAgIGRlZmF1bHQ6XG4gICAgICAgICAgICAgICAgcmV0dXJuIElucHV0VGV4dDtcbiAgICAgICAgfVxuICAgIH0sIFt0eXBlXSk7XG4gICAgcmV0dXJuIChfanN4cyhcImRpdlwiLCB7IGNsYXNzTmFtZTogY2xhc3Nlcygnd3JhcHBlcicsIHdyYXBwZXJDbHMpLCBjaGlsZHJlbjogW2xhYmVsICYmIF9qc3goXCJzcGFuXCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKCdsYWJlbCcsIHJlcXVpcmVkID8gY2xhc3NlcygnbGFiZWwtcmVxdWlyZWQnKSA6ICcnKSwgY2hpbGRyZW46IGxhYmVsIH0pLCBfanN4KElucHV0Q29tcG9uZW50LCBPYmplY3QuYXNzaWduKHt9LCByZXN0LCB7IGNsYXNzTmFtZTogY2xhc3Nlcyh2b2lkIDAsIFtgdXNkMS1yZWFjdC11aS1pbnB1dC0ke3R5cGV9YCwgY2xhc3NOYW1lXS5qb2luKCcgJykpIH0pKV0gfSkpO1xufTtcbi8qKlxuICogcHJvcC10eXBlcyBjYW4gbWFrZSBzdXJlIHRoZSB0eXBlLWNoZWNrIHdoYXRldmVyIHRoZSBlbnZpcm9ubWVudCB3aGV0aGVyIG9yIG5vdCB1c2UgdHlwZXNjcmlwdFxuICovXG5JbnB1dC5wcm9wVHlwZXMgPSB7XG4gICAgcHJlZml4Q2xzOiBwcm9wVHlwZXMuc3RyaW5nXG59O1xuZXhwb3J0IGRlZmF1bHQgbWVtbyhJbnB1dCk7IixudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9
|
|
@@ -5,29 +5,31 @@ import type { InputTextareaProps as PrimeInputTextareaProps } from 'primereact/i
|
|
|
5
5
|
import type { InputOtpProps as PrimeInputOtpProps } from 'primereact/inputotp';
|
|
6
6
|
import type { PasswordProps } from 'primereact/password';
|
|
7
7
|
import type { AutoCompleteProps } from 'primereact/autocomplete';
|
|
8
|
-
interface InputBaseProps {
|
|
8
|
+
export interface InputBaseProps {
|
|
9
9
|
prefixCls?: string;
|
|
10
|
+
label?: string;
|
|
11
|
+
required?: boolean;
|
|
12
|
+
wrapperCls?: string;
|
|
10
13
|
}
|
|
11
|
-
interface InputTextProps extends PrimeInputTextProps, InputBaseProps {
|
|
14
|
+
export interface InputTextProps extends PrimeInputTextProps, InputBaseProps {
|
|
12
15
|
type?: 'text';
|
|
13
16
|
}
|
|
14
|
-
interface InputNumberProps extends PrimeInputNumberProps, InputBaseProps {
|
|
17
|
+
export interface InputNumberProps extends PrimeInputNumberProps, InputBaseProps {
|
|
15
18
|
type: 'number';
|
|
16
19
|
}
|
|
17
|
-
interface InputMaskProps extends PrimeInputMaskProps, InputBaseProps {
|
|
20
|
+
export interface InputMaskProps extends PrimeInputMaskProps, InputBaseProps {
|
|
18
21
|
type: 'mask';
|
|
19
22
|
}
|
|
20
|
-
interface InputTextareaProps extends PrimeInputTextareaProps, InputBaseProps {
|
|
23
|
+
export interface InputTextareaProps extends PrimeInputTextareaProps, InputBaseProps {
|
|
21
24
|
type: 'textarea';
|
|
22
25
|
}
|
|
23
|
-
interface InputOtpProps extends PrimeInputOtpProps, InputBaseProps {
|
|
26
|
+
export interface InputOtpProps extends PrimeInputOtpProps, InputBaseProps {
|
|
24
27
|
type: 'otp';
|
|
25
28
|
}
|
|
26
|
-
interface InputPwdProps extends PasswordProps, InputBaseProps {
|
|
29
|
+
export interface InputPwdProps extends PasswordProps, InputBaseProps {
|
|
27
30
|
type: 'password';
|
|
28
31
|
}
|
|
29
|
-
interface InputAutoCompleteProps extends AutoCompleteProps, InputBaseProps {
|
|
32
|
+
export interface InputAutoCompleteProps extends AutoCompleteProps, InputBaseProps {
|
|
30
33
|
type: 'autocomplete';
|
|
31
34
|
}
|
|
32
35
|
export type InputProps = InputTextProps | InputNumberProps | InputMaskProps | InputTextareaProps | InputOtpProps | InputPwdProps | InputAutoCompleteProps;
|
|
33
|
-
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.usd1-react-ui-input{display:inline-flex}
|
|
1
|
+
.usd1-react-ui-input{display:inline-flex;color:#000;font-weight:300;font-size:14px;font-style:normal;line-height:20px;background-color:#fafafc;border:.5px solid #e0e2ee;border-radius:20px}.usd1-react-ui-input-otp{background-color:inherit;border:none}.usd1-react-ui-input.p-inputtext:enabled:focus,.usd1-react-ui-input .p-inputtext:enabled:focus{border-color:#3d73f2;box-shadow:0 0 0 2px #abc4ff}.usd1-react-ui-input>input{background-color:inherit;border:inherit;border-radius:inherit}.usd1-react-ui-input-wrapper{display:inline-flex;flex-direction:column}.usd1-react-ui-input-label{margin-bottom:8px;padding-left:8px;font-weight:400;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-input-label-required:after{color:#cc1461;font-weight:400;font-size:14px;font-style:normal;line-height:120%;content:"*"}
|
|
@@ -1,3 +1,53 @@
|
|
|
1
1
|
.usd1-react-ui-input {
|
|
2
2
|
display: inline-flex;
|
|
3
|
+
color: #000;
|
|
4
|
+
font-weight: 300;
|
|
5
|
+
font-size: 14px;
|
|
6
|
+
font-style: normal;
|
|
7
|
+
line-height: 20px;
|
|
8
|
+
background-color: #FAFAFC;
|
|
9
|
+
border: 0.5px solid #E0E2EE;
|
|
10
|
+
border-radius: 20px;
|
|
11
|
+
|
|
12
|
+
&-otp {
|
|
13
|
+
background-color: inherit;
|
|
14
|
+
border: none;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.p-inputtext:enabled:focus,
|
|
18
|
+
&.p-inputtext:enabled:focus {
|
|
19
|
+
border-color: #3D73F2;
|
|
20
|
+
box-shadow: 0 0 0 2px #ABC4FF;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
>input {
|
|
24
|
+
background-color: inherit;
|
|
25
|
+
border: inherit;
|
|
26
|
+
border-radius: inherit;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.usd1-react-ui-input-wrapper {
|
|
31
|
+
display: inline-flex;
|
|
32
|
+
flex-direction: column;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.usd1-react-ui-input-label {
|
|
36
|
+
margin-bottom: 8px;
|
|
37
|
+
padding-left: 8px;
|
|
38
|
+
font-weight: 400;
|
|
39
|
+
font-size: 14px;
|
|
40
|
+
font-style: normal;
|
|
41
|
+
line-height: 20px;
|
|
42
|
+
|
|
43
|
+
&-required {
|
|
44
|
+
&::after {
|
|
45
|
+
color: #CC1461;
|
|
46
|
+
font-weight: 400;
|
|
47
|
+
font-size: 14px;
|
|
48
|
+
font-style: normal;
|
|
49
|
+
line-height: 120%;
|
|
50
|
+
content: '*';
|
|
51
|
+
}
|
|
52
|
+
}
|
|
3
53
|
}
|
|
@@ -17,10 +17,11 @@ export var Select = function Select(props) {
|
|
|
17
17
|
var multiple = props.multiple,
|
|
18
18
|
options = props.options,
|
|
19
19
|
className = props.className,
|
|
20
|
+
panelClassName = props.panelClassName,
|
|
20
21
|
_onChange = props.onChange,
|
|
21
22
|
_props$prefixCls = props.prefixCls,
|
|
22
23
|
prefixCls = _props$prefixCls === void 0 ? 'select' : _props$prefixCls,
|
|
23
|
-
rest = __rest(props, ["multiple", "options", "className", "onChange", "prefixCls"]);
|
|
24
|
+
rest = __rest(props, ["multiple", "options", "className", "panelClassName", "onChange", "prefixCls"]);
|
|
24
25
|
var classes = classnames(prefixCls);
|
|
25
26
|
var _useState = useState(null),
|
|
26
27
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -33,6 +34,7 @@ export var Select = function Select(props) {
|
|
|
33
34
|
options: options,
|
|
34
35
|
value: selected,
|
|
35
36
|
className: classes(void 0, className),
|
|
37
|
+
panelClassName: classes('panel', panelClassName),
|
|
36
38
|
onChange: function onChange(e) {
|
|
37
39
|
_onChange === null || _onChange === void 0 ? void 0 : _onChange(e);
|
|
38
40
|
setSelected(e.value);
|
|
@@ -47,4 +49,4 @@ Select.propTypes = {
|
|
|
47
49
|
prefixCls: propTypes.string
|
|
48
50
|
};
|
|
49
51
|
export default /*#__PURE__*/memo(Select);
|
|
50
|
-
//# sourceMappingURL=data:application/json;charset=utf8;base64,
|
|
52
|
+
//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvU2VsZWN0L1NlbGVjdC5qcyIsImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvU2VsZWN0L1NlbGVjdC50c3giXSwibmFtZXMiOlsiX19yZXN0IiwicyIsImUiLCJ0IiwicCIsIk9iamVjdCIsInByb3RvdHlwZSIsImhhc093blByb3BlcnR5IiwiY2FsbCIsImluZGV4T2YiLCJnZXRPd25Qcm9wZXJ0eVN5bWJvbHMiLCJpIiwibGVuZ3RoIiwicHJvcGVydHlJc0VudW1lcmFibGUiLCJqc3giLCJfanN4IiwibWVtbyIsInVzZU1lbW8iLCJ1c2VTdGF0ZSIsIkRyb3Bkb3duIiwiTXVsdGlTZWxlY3QiLCJwcm9wVHlwZXMiLCJjbGFzc25hbWVzIiwiU2VsZWN0IiwicHJvcHMiLCJtdWx0aXBsZSIsIm9wdGlvbnMiLCJjbGFzc05hbWUiLCJwYW5lbENsYXNzTmFtZSIsIm9uQ2hhbmdlIiwiX3Byb3BzJHByZWZpeENscyIsInByZWZpeENscyIsInJlc3QiLCJjbGFzc2VzIiwiX3VzZVN0YXRlIiwiX3VzZVN0YXRlMiIsIl9zbGljZWRUb0FycmF5Iiwic2VsZWN0ZWQiLCJzZXRTZWxlY3RlZCIsIlNlbGVjdENvbXBvbmVudCIsImFzc2lnbiIsInZhbHVlIiwic3RyaW5nIl0sIm1hcHBpbmdzIjoiO0FBQUEsSUFBSUEsTUFBTSxHQUFJLElBQUksSUFBSSxJQUFJLENBQUNBLE1BQU0sSUFBSyxVQUFVQyxDQUFDLEVBQUVDLENBQUMsRUFBRTtFQUNsRCxJQUFJQyxDQUFDLEdBQUcsQ0FBQyxDQUFDO0VBQ1YsS0FBSyxJQUFJQyxDQUFDLElBQUlILENBQUMsRUFBRSxJQUFJSSxNQUFNLENBQUNDLFNBQVMsQ0FBQ0MsY0FBYyxDQUFDQyxJQUFJLENBQUNQLENBQUMsRUFBRUcsQ0FBQyxDQUFDLElBQUlGLENBQUMsQ0FBQ08sT0FBTyxDQUFDTCxDQUFDLENBQUMsR0FBRyxDQUFDLEVBQy9FRCxDQUFDLENBQUNDLENBQUMsQ0FBQyxHQUFHSCxDQUFDLENB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dUMsS0FBSyxDQUFDO0lBQ3RCO0VBQUMsQ0FBQSxDQUFBLENBQ0Q7QUFFTixDQUFDO0FBRUQ7QURGQTtBQUNBO0FDSUFsQixNQUFNLENBQUNGLFNBQVMsR0FBRztFQUNqQk0sU0FBUyxFQUFFTixTQUFTLENBQUNxQixNQUFNO0VBQzNCWCxTQUFTLEVBQUVWLFNBQVMsQ0FBQ3FCO0FERnZCLENDR0M7QUFFRCw0QkFBZTFCLElBQUksQ0FBQ08sTUFBTSxDQUFDIiwiZmlsZSI6ImNvbXBvbmVudHMvU2VsZWN0L1NlbGVjdC5qcyIsInNvdXJjZXNDb250ZW50IjpbInZhciBfX3Jlc3QgPSAodGhpcyAmJiB0aGlzLl9fcmVzdCkgfHwgZnVuY3Rpb24gKHMsIGUpIHtcbiAgICB2YXIgdCA9IHt9O1xuICAgIGZvciAodmFyIHAgaW4gcykgaWYgKE9iamVjdC5wcm90b3R5cGUuaGFzT3duUHJvcGVydHkuY2FsbChzLCBwKSAmJiBlLmluZGV4T2YocCkgPCAwKVxuICAgICAgICB0W3BdID0gc1twXTtcbiAgICBpZiAocyAhPSBudWxsICYmIHR5cGVvZiBPYmplY3QuZ2V0T3duUHJvcGVydHlTeW1ib2xzID09PSBcImZ1bmN0aW9uXCIpXG4gICAgICAgIGZvciAodmFyIGkgPSAwLCBwID0gT2JqZWN0LmdldE93blByb3BlcnR5U3ltYm9scyhzKTsgaSA8IHAubGVuZ3RoOyBpKyspIHtcbiAgICAgICAgICAgIGlmIChlLmluZGV4T2YocFtpXSkgPCAwICYmIE9iamVjdC5wcm90b3R5cGUucHJvcGVydHlJc0VudW1lcmFibGUuY2FsbChzLCBwW2ldKSlcbiAgICAgICAgICAgICAgICB0W3BbaV1dID0gc1twW2ldXTtcbiAgICAgICAgfVxuICAgIHJldHVybiB0O1xufTtcbmltcG9ydCB7IGpzeCBhcyBfanN4IH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgeyBtZW1vLCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IERyb3Bkb3duIH0gZnJvbSAncHJpbWVyZWFjdC9kcm9wZG93bic7XG5pbXBvcnQgeyBNdWx0aVNlbGVjdCB9IGZyb20gJ3ByaW1lcmVhY3QvbXVsdGlzZWxlY3QnO1xuaW1wb3J0IHByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBjbGFzc25hbWVzIGZyb20gJy4uLy4uL3V0aWxzL2NsYXNzbmFtZXMnO1xuZXhwb3J0IGNvbnN0IFNlbGVjdCA9IHByb3BzID0+IHtcbiAgICBjb25zdCB7IG11bHRpcGxlLCBvcHRpb25zLCBjbGFzc05hbWUsIHBhbmVsQ2xhc3NOYW1lLCBvbkNoYW5nZSwgcHJlZml4Q2xzID0gJ3NlbGVjdCcgfSA9IHByb3BzLCByZXN0ID0gX19yZXN0KHByb3BzLCBbXCJtdWx0aXBsZVwiLCBcIm9wdGlvbnNcIiwgXCJjbGFzc05hbWVcIiwgXCJwYW5lbENsYXNzTmFtZVwiLCBcIm9uQ2hhbmdlXCIsIFwicHJlZml4Q2xzXCJdKTtcbiAgICBjb25zdCBjbGFzc2VzID0gY2xhc3NuYW1lcyhwcmVmaXhDbHMpO1xuICAgIGNvbnN0IFtzZWxlY3RlZCwgc2V0U2VsZWN0ZWRdID0gdXNlU3RhdGUobnVsbCk7XG4gICAgY29uc3QgU2VsZWN0Q29tcG9uZW50ID0gdXNlTWVtbygoKSA9PiBtdWx0aXBsZSA/IE11bHRpU2VsZWN0IDogRHJvcGRvd24sIFttdWx0aXBsZV0pO1xuICAgIHJldHVybiAoX2pzeChTZWxlY3RDb21wb25lbnQsIE9iamVjdC5hc3NpZ24oe30sIHJlc3QsIHsgb3B0aW9uczogb3B0aW9ucywgdmFsdWU6IHNlbGVjdGVkLCBjbGFzc05hbWU6IGNsYXNzZXModm9pZCAwLCBjbGFzc05hbWUpLCBwYW5lbENsYXNzTmFtZTogY2xhc3NlcygncGFuZWwnLCBwYW5lbENsYXNzTmFtZSksIG9uQ2hhbmdlOiAoZSkgPT4ge1xuICAgICAgICAgICAgb25DaGFuZ2UgPT09IG51bGwgfHwgb25DaGFuZ2UgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9uQ2hhbmdlKGUpO1xuICAgICAgICAgICAgc2V0U2VsZWN0ZWQoZS52YWx1ZSk7XG4gICAgICAgIH0gfSkpKTtcbn07XG4vKipcbiAqIHByb3AtdHlwZXMgY2FuIG1ha2Ugc3VyZSB0aGUgdHlwZS1jaGVjayB3aGF0ZXZlciB0aGUgZW52aXJvbm1lbnQgd2hldGhlciBvciBub3QgdXNlIHR5cGVzY3JpcHRcbiAqL1xuU2VsZWN0LnByb3BUeXBlcyA9IHtcbiAgICBjbGFzc05hbWU6IHByb3BUeXBlcy5zdHJpbmcsXG4gICAgcHJlZml4Q2xzOiBwcm9wVHlwZXMuc3RyaW5nXG59O1xuZXhwb3J0IGRlZmF1bHQgbWVtbyhTZWxlY3QpOyIsbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.usd1-react-ui-select{display:inline-flex}
|
|
1
|
+
.usd1-react-ui-select{display:inline-flex;border-radius:20px}.usd1-react-ui-select.p-dropdown:not(.p-disabled).p-focus{border-color:#3d73f2;box-shadow:0 0 0 2px #abc4ff}.usd1-react-ui-select.p-dropdown:not(.p-disabled):hover{border-color:#3d73f2}.usd1-react-ui-select>.p-placeholder{color:gray;font-weight:300;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select-panel{border-radius:20px;box-shadow:0 4px 8px 0 rgba(0,0,0,.1)}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight,.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus{font-weight:600;background-color:inherit}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus{font-weight:600;background-color:#fafafc}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item{color:#000;font-weight:300;font-size:14px;font-style:normal;line-height:20px}
|
|
@@ -1,3 +1,47 @@
|
|
|
1
1
|
.usd1-react-ui-select {
|
|
2
2
|
display: inline-flex;
|
|
3
|
+
border-radius: 20px;
|
|
4
|
+
|
|
5
|
+
&.p-dropdown:not(.p-disabled).p-focus {
|
|
6
|
+
border-color: #3D73F2;
|
|
7
|
+
box-shadow: 0 0 0 2px #ABC4FF;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
&.p-dropdown:not(.p-disabled) {
|
|
11
|
+
&:hover {
|
|
12
|
+
border-color: #3D73F2;
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
>.p-placeholder {
|
|
17
|
+
color: #808080;
|
|
18
|
+
font-weight: 300;
|
|
19
|
+
font-size: 14px;
|
|
20
|
+
font-style: normal;
|
|
21
|
+
line-height: 20px;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
&-panel {
|
|
25
|
+
border-radius: 20px;
|
|
26
|
+
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.10);
|
|
27
|
+
|
|
28
|
+
&.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus,
|
|
29
|
+
&.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
|
|
30
|
+
font-weight: 600;
|
|
31
|
+
background-color: inherit;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
&.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
|
|
35
|
+
font-weight: 600;
|
|
36
|
+
background-color: #FAFAFC;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
&.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
|
|
40
|
+
color: #000;
|
|
41
|
+
font-weight: 300;
|
|
42
|
+
font-size: 14px;
|
|
43
|
+
font-style: normal;
|
|
44
|
+
line-height: 20px;
|
|
45
|
+
}
|
|
46
|
+
}
|
|
3
47
|
}
|