@aloudata/aloudata-design 0.4.8-beta.6 → 0.4.8-beta.7
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.
|
@@ -14,6 +14,11 @@ var SearchSmall = function SearchSmall() {
|
|
|
14
14
|
fill: "#EFF2F5",
|
|
15
15
|
stroke: "#F9FAFB",
|
|
16
16
|
strokeWidth: "5"
|
|
17
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
18
|
+
fillRule: "evenodd",
|
|
19
|
+
clipRule: "evenodd",
|
|
20
|
+
d: "M19.4074 15.3333C17.1574 15.3333 15.3333 17.1574 15.3333 19.4074C15.3333 21.6575 17.1574 23.4815 19.4074 23.4815C20.5031 23.4815 21.4978 23.0489 22.23 22.3453C22.2466 22.3241 22.2646 22.3037 22.2842 22.2842C22.3037 22.2646 22.3241 22.2466 22.3453 22.23C23.0489 21.4978 23.4815 20.5031 23.4815 19.4074C23.4815 17.1574 21.6575 15.3333 19.4074 15.3333ZM23.6734 22.7306C24.3887 21.8138 24.8148 20.6603 24.8148 19.4074C24.8148 16.421 22.3938 14 19.4074 14C16.421 14 14 16.421 14 19.4074C14 22.3938 16.421 24.8148 19.4074 24.8148C20.6603 24.8148 21.8138 24.3887 22.7306 23.6734L24.8619 25.8047C25.1223 26.0651 25.5444 26.0651 25.8047 25.8047C26.0651 25.5444 26.0651 25.1223 25.8047 24.8619L23.6734 22.7306Z",
|
|
21
|
+
fill: "#667085"
|
|
17
22
|
}));
|
|
18
23
|
};
|
|
19
24
|
|
|
@@ -46,12 +46,23 @@
|
|
|
46
46
|
width:160px;
|
|
47
47
|
height: 160px;
|
|
48
48
|
}
|
|
49
|
+
|
|
50
|
+
.ald-empty-title{
|
|
51
|
+
margin-top: 20px;
|
|
52
|
+
}
|
|
49
53
|
}
|
|
50
54
|
|
|
51
55
|
&.ald-empty-small{
|
|
56
|
+
padding:24px;
|
|
57
|
+
|
|
52
58
|
.ald-empty-image-wrap{
|
|
53
59
|
width:40px;
|
|
54
60
|
height: 40px;
|
|
61
|
+
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.ald-empty-title{
|
|
65
|
+
margin-top: 12px;
|
|
55
66
|
}
|
|
56
67
|
}
|
|
57
68
|
}
|
package/dist/Modal/index.js
CHANGED
package/dist/Select/index.js
CHANGED
|
@@ -32,7 +32,7 @@ import { FoldDownFill } from '@aloudata/icons-react';
|
|
|
32
32
|
import { Select as AntdSelect } from 'antd';
|
|
33
33
|
import classNames from 'classnames';
|
|
34
34
|
import List from 'rc-virtual-list';
|
|
35
|
-
import React, { forwardRef, useEffect, useLayoutEffect, useMemo } from 'react';
|
|
35
|
+
import React, { forwardRef, useEffect, useLayoutEffect, useMemo, useRef } from 'react';
|
|
36
36
|
import Empty from "../Empty";
|
|
37
37
|
import MultipleOption from "./components/MultipleOption";
|
|
38
38
|
import SingleOption from "./components/SingleOption";
|
|
@@ -102,7 +102,11 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
102
102
|
_props$listItemHeight = props.listItemHeight,
|
|
103
103
|
listItemHeight = _props$listItemHeight === void 0 ? 36 : _props$listItemHeight,
|
|
104
104
|
_props$notFoundConten = props.notFoundContent,
|
|
105
|
-
notFoundContent = _props$notFoundConten === void 0 ? /*#__PURE__*/React.createElement(Empty,
|
|
105
|
+
notFoundContent = _props$notFoundConten === void 0 ? /*#__PURE__*/React.createElement(Empty, {
|
|
106
|
+
image: Empty.PRESENTED_IMAGE_SEARCH_SMALL,
|
|
107
|
+
size: "small",
|
|
108
|
+
title: "No data"
|
|
109
|
+
}) : _props$notFoundConten,
|
|
106
110
|
value = props.value,
|
|
107
111
|
_props$style = props.style,
|
|
108
112
|
style = _props$style === void 0 ? {} : _props$style,
|
|
@@ -129,6 +133,8 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
129
133
|
prefixWidth = _React$useState6[0],
|
|
130
134
|
setPrefixWidth = _React$useState6[1];
|
|
131
135
|
|
|
136
|
+
var updatedRef = useRef(false);
|
|
137
|
+
|
|
132
138
|
var onMultipleOptionChange = function onMultipleOptionChange(option, selected) {
|
|
133
139
|
var newOptions = [];
|
|
134
140
|
|
|
@@ -291,7 +297,11 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
291
297
|
};
|
|
292
298
|
|
|
293
299
|
useEffect(function () {
|
|
294
|
-
|
|
300
|
+
if (updatedRef.current) {
|
|
301
|
+
setSelectedOptions(getSelectedOptionsFromValue(isMultiple, options, value));
|
|
302
|
+
} else {
|
|
303
|
+
updatedRef.current = true;
|
|
304
|
+
}
|
|
295
305
|
}, [value]);
|
|
296
306
|
return /*#__PURE__*/React.createElement("div", {
|
|
297
307
|
className: classNames('ald-select', className, {
|
|
@@ -26,7 +26,11 @@
|
|
|
26
26
|
background-color: @BG100;
|
|
27
27
|
// padding: 0 4px;
|
|
28
28
|
cursor: pointer;
|
|
29
|
-
width:100%;
|
|
29
|
+
width: 100%;
|
|
30
|
+
|
|
31
|
+
.ant-select-selector {
|
|
32
|
+
color: @NL0;
|
|
33
|
+
}
|
|
30
34
|
|
|
31
35
|
.ald-select-prefix {
|
|
32
36
|
color: @NL40;
|
|
@@ -51,7 +55,6 @@
|
|
|
51
55
|
border: none;
|
|
52
56
|
}
|
|
53
57
|
}
|
|
54
|
-
|
|
55
58
|
}
|
|
56
59
|
|
|
57
60
|
.ant-select-selection-overflow {
|