@aloudata/aloudata-design 2.10.6 → 2.12.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/dist/ColorPicker/index.js +8 -4
- package/dist/ConfigProvider/defaultRenderEmpty.js +4 -2
- package/dist/ConfigProvider/index.js +9 -1
- package/dist/DataPreviewTable/components/Body/Error.js +6 -2
- package/dist/DataPreviewTable/index.js +6 -2
- package/dist/DoubleCircleIcon/index.d.ts +1 -1
- package/dist/Dropdown/index.d.ts +2 -1
- package/dist/Dropdown/index.js +5 -2
- package/dist/Empty/index.js +5 -1
- package/dist/HighlightText/index.js +2 -1
- package/dist/InputSearch/index.js +6 -2
- package/dist/List/Item.d.ts +31 -0
- package/dist/List/Item.js +76 -0
- package/dist/List/index.d.ts +18 -0
- package/dist/List/index.js +135 -0
- package/dist/{locale-provider → List}/style/index.d.ts +1 -0
- package/dist/List/style/index.js +2 -0
- package/dist/List/style/index.less +120 -0
- package/dist/MemberPicker/components/MemberSelection.js +6 -2
- package/dist/MemberPicker/components/MultipleOption.js +6 -2
- package/dist/MemberPicker/components/Panel.js +8 -4
- package/dist/MemberPicker/components/PanelWrapper.d.ts +1 -1
- package/dist/MemberPicker/components/PanelWrapper.js +10 -6
- package/dist/MemberPicker/components/SelectedMemberTags.js +6 -2
- package/dist/MemberPicker/components/SelectorFooter.js +7 -3
- package/dist/MemberPicker/components/SingleOption.js +6 -2
- package/dist/MemberPicker/components/UserGroupSelection.js +7 -3
- package/dist/MemberPicker/index.js +35 -31
- package/dist/Modal/index.js +17 -23
- package/dist/OverflowCount/style/index.less +1 -0
- package/dist/Radio/components/Group/index.d.ts +1 -1
- package/dist/ScrollArea/index.js +3 -1
- package/dist/Select/index.js +6 -2
- package/dist/Spin/index.d.ts +1 -0
- package/dist/Spin/index.js +4 -3
- package/dist/Steps/matchMedia.mock.d.ts +1 -0
- package/dist/Steps/matchMedia.mock.js +7 -6
- package/dist/Table/components/ErrorBoundary.d.ts +1 -0
- package/dist/Table/components/ErrorBoundary.js +8 -3
- package/dist/Table/components/Footer/index.js +9 -5
- package/dist/Tree/Tree.js +9 -5
- package/dist/ald.min.css +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -0
- package/dist/index.less +1 -0
- package/dist/locale/default.d.ts +59 -2
- package/dist/locale/default.js +18 -2
- package/dist/locale/en_US.d.ts +49 -2
- package/dist/locale/en_US.js +41 -121
- package/dist/locale/zh_CN.d.ts +49 -2
- package/dist/locale/zh_CN.js +41 -120
- package/dist/message/index.js +3 -1
- package/dist/notification/index.js +10 -7
- package/package.json +7 -1
- package/dist/Modal/locale.d.ts +0 -7
- package/dist/Modal/locale.js +0 -18
- package/dist/locale-provider/LocaleReceiver.d.ts +0 -4
- package/dist/locale-provider/LocaleReceiver.js +0 -3
- package/dist/locale-provider/context.d.ts +0 -7
- package/dist/locale-provider/context.js +0 -3
- package/dist/locale-provider/default.d.ts +0 -2
- package/dist/locale-provider/default.js +0 -2
- package/dist/locale-provider/en_US.d.ts +0 -2
- package/dist/locale-provider/en_US.js +0 -2
- package/dist/locale-provider/index.d.ts +0 -65
- package/dist/locale-provider/index.js +0 -80
- package/dist/locale-provider/style/index.js +0 -1
- package/dist/locale-provider/style/index.less +0 -2
- package/dist/locale-provider/zh_CN.d.ts +0 -2
- package/dist/locale-provider/zh_CN.js +0 -2
|
@@ -7,11 +7,12 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
|
7
7
|
import { useVirtualizer } from '@tanstack/react-virtual';
|
|
8
8
|
import classNames from 'classnames';
|
|
9
9
|
import _ from 'lodash';
|
|
10
|
-
import React, { useDeferredValue, useEffect, useState } from 'react';
|
|
10
|
+
import React, { useContext, useDeferredValue, useEffect, useState } from 'react';
|
|
11
11
|
import Empty from "../../Empty";
|
|
12
12
|
import { SearchLine } from "../../Icon";
|
|
13
13
|
import Input from "../../Input";
|
|
14
14
|
import Spin from "../../Spin";
|
|
15
|
+
import { LocaleContext, getTranslator } from "../../locale/default";
|
|
15
16
|
import { isUser } from "../utils/getUsersWithUserId";
|
|
16
17
|
import MultipleOption from "./MultipleOption";
|
|
17
18
|
import { userDisplayNameIsRepeated } from "./Panel";
|
|
@@ -19,6 +20,9 @@ import SingleOption from "./SingleOption";
|
|
|
19
20
|
export var OPTION_HEIGHT = 36;
|
|
20
21
|
export var WRAPPER_HEIGHT = 300;
|
|
21
22
|
export default function MemberSelection(props) {
|
|
23
|
+
var _useContext = useContext(LocaleContext),
|
|
24
|
+
locale = _useContext.locale;
|
|
25
|
+
var t = getTranslator(locale);
|
|
22
26
|
var className = props.className,
|
|
23
27
|
userList = props.userList,
|
|
24
28
|
multiple = props.multiple,
|
|
@@ -64,7 +68,7 @@ export default function MemberSelection(props) {
|
|
|
64
68
|
setSearchValue(e.target.value);
|
|
65
69
|
}
|
|
66
70
|
}), userList.length === 0 && !loading && /*#__PURE__*/React.createElement(Empty, {
|
|
67
|
-
title:
|
|
71
|
+
title: t.MemberPicker.noData,
|
|
68
72
|
size: "small",
|
|
69
73
|
image: Empty.PRESENTED_IMAGE_SEARCH,
|
|
70
74
|
className: "ald-member-picker-member-list-empty"
|
|
@@ -2,8 +2,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
|
|
|
2
2
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
3
3
|
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
4
4
|
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
5
|
+
import { LocaleContext, getTranslator } from "../../locale/default";
|
|
5
6
|
import classnames from 'classnames';
|
|
6
|
-
import React from 'react';
|
|
7
|
+
import React, { useContext } from 'react';
|
|
7
8
|
import Checkbox from "../../Checkbox";
|
|
8
9
|
import { EUserType } from "../../ConfigProvider/getUserList";
|
|
9
10
|
import TextLink from "../../TextLink/index";
|
|
@@ -11,6 +12,9 @@ import { getAccount, getId, getPhoto } from "../utils";
|
|
|
11
12
|
import { isUserGroup } from "../utils/getUsersWithUserId";
|
|
12
13
|
import NickLabel from "./NickLabel";
|
|
13
14
|
export default function MultipleList(params) {
|
|
15
|
+
var _useContext = useContext(LocaleContext),
|
|
16
|
+
locale = _useContext.locale;
|
|
17
|
+
var t = getTranslator(locale);
|
|
14
18
|
var disabled = params.disabled,
|
|
15
19
|
user = params.user,
|
|
16
20
|
selected = params.selected,
|
|
@@ -54,5 +58,5 @@ export default function MultipleList(params) {
|
|
|
54
58
|
e.stopPropagation();
|
|
55
59
|
e.preventDefault();
|
|
56
60
|
}
|
|
57
|
-
},
|
|
61
|
+
}, t.MemberPicker.subLevel));
|
|
58
62
|
}
|
|
@@ -14,8 +14,9 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
|
|
|
14
14
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
15
15
|
import classNames from 'classnames';
|
|
16
16
|
import { EUserType } from "../../ConfigProvider/getUserList";
|
|
17
|
-
import React, { useCallback, useEffect, useMemo, useState } from 'react';
|
|
17
|
+
import React, { useCallback, useContext, useEffect, useMemo, useState } from 'react';
|
|
18
18
|
import Tabs from "../../Tabs";
|
|
19
|
+
import { LocaleContext, getTranslator } from "../../locale/default";
|
|
19
20
|
import { EMemberPicker } from "../interface";
|
|
20
21
|
import { getId } from "../utils";
|
|
21
22
|
import { isUser, isUserGroup } from "../utils/getUsersWithUserId";
|
|
@@ -30,6 +31,9 @@ export var userDisplayNameIsRepeated = function userDisplayNameIsRepeated(userLi
|
|
|
30
31
|
};
|
|
31
32
|
export default function Panel(props) {
|
|
32
33
|
var _classNames;
|
|
34
|
+
var _useContext = useContext(LocaleContext),
|
|
35
|
+
locale = _useContext.locale;
|
|
36
|
+
var t = getTranslator(locale);
|
|
33
37
|
var type = props.type,
|
|
34
38
|
multiple = props.multiple,
|
|
35
39
|
dropdownWidth = props.dropdownWidth,
|
|
@@ -123,17 +127,17 @@ export default function Panel(props) {
|
|
|
123
127
|
destroyInactiveTabPane: true,
|
|
124
128
|
items: [{
|
|
125
129
|
key: 'user',
|
|
126
|
-
label:
|
|
130
|
+
label: t.MemberPicker.users,
|
|
127
131
|
children: userSelection
|
|
128
132
|
}, {
|
|
129
133
|
key: 'userGroup',
|
|
130
|
-
label:
|
|
134
|
+
label: t.MemberPicker.userGroups,
|
|
131
135
|
children: userGroupSelection
|
|
132
136
|
}],
|
|
133
137
|
className: "ald-member-tabs"
|
|
134
138
|
});
|
|
135
139
|
}
|
|
136
|
-
}, [dataList, panelWidth, selectedUsers, onSelectionChange, onSearchValueChange, lockedIds, props.loading, type]);
|
|
140
|
+
}, [t, dataList, panelWidth, selectedUsers, onSelectionChange, onSearchValueChange, lockedIds, props.loading, type]);
|
|
137
141
|
return /*#__PURE__*/React.createElement("div", {
|
|
138
142
|
className: classNames(className, 'ald-member-picker-wrapper', (_classNames = {}, _defineProperty(_classNames, 'ald-member-picker-multiple', multiple), _defineProperty(_classNames, 'ald-member-picker-single', !multiple), _classNames)),
|
|
139
143
|
style: {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { IUserGroup, TUser, TUserGroupValue, TUserValue } from "../../ConfigProvider/getUserList";
|
|
2
1
|
import React from 'react';
|
|
2
|
+
import { IUserGroup, TUser, TUserGroupValue, TUserValue } from '../../ConfigProvider/getUserList';
|
|
3
3
|
import { EMemberPicker, IUser, MemberPickerValue } from '../interface';
|
|
4
4
|
interface IProps {
|
|
5
5
|
type: EMemberPicker;
|
|
@@ -7,10 +7,11 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
|
|
|
7
7
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
8
8
|
import { message } from "../..";
|
|
9
9
|
import ConfigProvider from "../../ConfigProvider";
|
|
10
|
-
import { EUserType } from "../../ConfigProvider/getUserList";
|
|
11
10
|
import { useRequest } from 'ahooks';
|
|
12
11
|
import _ from 'lodash';
|
|
13
|
-
import React, { useCallback, useEffect, useMemo, useState } from 'react';
|
|
12
|
+
import React, { useCallback, useContext, useEffect, useMemo, useState } from 'react';
|
|
13
|
+
import { EUserType } from "../../ConfigProvider/getUserList";
|
|
14
|
+
import { LocaleContext, getTranslator } from "../../locale/default";
|
|
14
15
|
import { isUser, isUserGroup } from "../utils/getUsersWithUserId";
|
|
15
16
|
import Panel from "./Panel";
|
|
16
17
|
export var PanelWrapper = function PanelWrapper(_ref) {
|
|
@@ -23,6 +24,9 @@ export var PanelWrapper = function PanelWrapper(_ref) {
|
|
|
23
24
|
className = _ref.className,
|
|
24
25
|
_ref$lockedIds = _ref.lockedIds,
|
|
25
26
|
lockedIds = _ref$lockedIds === void 0 ? [] : _ref$lockedIds;
|
|
27
|
+
var _useContext = useContext(LocaleContext),
|
|
28
|
+
locale = _useContext.locale;
|
|
29
|
+
var t = getTranslator(locale);
|
|
26
30
|
var _ConfigProvider$useGe = ConfigProvider.useGetUserList(),
|
|
27
31
|
getUsersByIds = _ConfigProvider$useGe.getUsersByIds,
|
|
28
32
|
getUsersByKeywords = _ConfigProvider$useGe.getUsersByKeywords;
|
|
@@ -48,10 +52,10 @@ export var PanelWrapper = function PanelWrapper(_ref) {
|
|
|
48
52
|
return function (_ref2) {
|
|
49
53
|
_objectDestructuringEmpty(_ref2);
|
|
50
54
|
return Promise.reject({
|
|
51
|
-
message:
|
|
55
|
+
message: t.MemberPicker.pleaseConfigGetUserByKeywordsMethod
|
|
52
56
|
});
|
|
53
57
|
};
|
|
54
|
-
}, [getUsersByKeywords]);
|
|
58
|
+
}, [getUsersByKeywords, t.MemberPicker.pleaseConfigGetUserByKeywordsMethod]);
|
|
55
59
|
var queryByIds = useMemo(function () {
|
|
56
60
|
if (getUsersByIds) {
|
|
57
61
|
return getUsersByIds;
|
|
@@ -59,10 +63,10 @@ export var PanelWrapper = function PanelWrapper(_ref) {
|
|
|
59
63
|
return function (_ref3) {
|
|
60
64
|
_objectDestructuringEmpty(_ref3);
|
|
61
65
|
return Promise.reject({
|
|
62
|
-
message:
|
|
66
|
+
message: t.MemberPicker.pleaseConfigGetUserByIdsMethod
|
|
63
67
|
});
|
|
64
68
|
};
|
|
65
|
-
}, [getUsersByIds]);
|
|
69
|
+
}, [getUsersByIds, t.MemberPicker.pleaseConfigGetUserByIdsMethod]);
|
|
66
70
|
var _useRequest = useRequest(function () {
|
|
67
71
|
return queryByKeywords(searchString);
|
|
68
72
|
}, {
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
import { LocaleContext, getTranslator } from "../../locale/default";
|
|
1
2
|
import classNames from 'classnames';
|
|
2
3
|
import _ from 'lodash';
|
|
3
|
-
import React from 'react';
|
|
4
|
+
import React, { useContext } from 'react';
|
|
4
5
|
import { CloseMLine } from "../../Icon";
|
|
5
6
|
import ScrollArea from "../../ScrollArea";
|
|
6
7
|
import { getAccount, getId, getPhoto } from "../utils";
|
|
@@ -13,11 +14,14 @@ export default function SelectedMemberTags(props) {
|
|
|
13
14
|
_props$lockedIds = props.lockedIds,
|
|
14
15
|
lockedIds = _props$lockedIds === void 0 ? [] : _props$lockedIds,
|
|
15
16
|
userList = props.userList;
|
|
17
|
+
var _useContext = useContext(LocaleContext),
|
|
18
|
+
locale = _useContext.locale;
|
|
19
|
+
var t = getTranslator(locale);
|
|
16
20
|
return /*#__PURE__*/React.createElement("div", {
|
|
17
21
|
className: classNames(className, 'ald-member-picker-selected-member-tags-wrap')
|
|
18
22
|
}, /*#__PURE__*/React.createElement("div", {
|
|
19
23
|
className: 'ald-member-picker-has-selected'
|
|
20
|
-
},
|
|
24
|
+
}, t.MemberPicker.selectedTotal(selectedUsers.length)), /*#__PURE__*/React.createElement(ScrollArea, {
|
|
21
25
|
style: {
|
|
22
26
|
maxHeight: 'calc(100% - 20px)',
|
|
23
27
|
overflow: 'hidden'
|
|
@@ -1,15 +1,19 @@
|
|
|
1
1
|
import classNames from 'classnames';
|
|
2
|
-
import React from 'react';
|
|
2
|
+
import React, { useContext } from 'react';
|
|
3
3
|
import Button from "../../Button";
|
|
4
|
+
import { LocaleContext, getTranslator } from "../../locale/default";
|
|
4
5
|
export default function SelectorFooter(props) {
|
|
6
|
+
var _useContext = useContext(LocaleContext),
|
|
7
|
+
locale = _useContext.locale;
|
|
8
|
+
var t = getTranslator(locale);
|
|
5
9
|
var className = props.className;
|
|
6
10
|
return /*#__PURE__*/React.createElement("div", {
|
|
7
11
|
className: classNames(className, 'ald-member-picker-footer')
|
|
8
12
|
}, /*#__PURE__*/React.createElement(Button, {
|
|
9
13
|
onClick: props.onCancel,
|
|
10
14
|
type: "secondary"
|
|
11
|
-
},
|
|
15
|
+
}, t.MemberPicker.cancel), /*#__PURE__*/React.createElement(Button, {
|
|
12
16
|
onClick: props.onOk,
|
|
13
17
|
type: "primary"
|
|
14
|
-
},
|
|
18
|
+
}, t.MemberPicker.confirm));
|
|
15
19
|
}
|
|
@@ -2,14 +2,18 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
|
|
|
2
2
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
3
3
|
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
4
4
|
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
5
|
+
import { LocaleContext, getTranslator } from "../../locale/default";
|
|
5
6
|
import classnames from 'classnames';
|
|
6
|
-
import React from 'react';
|
|
7
|
+
import React, { useContext } from 'react';
|
|
7
8
|
import { EUserType } from "../../ConfigProvider/getUserList";
|
|
8
9
|
import TextLink from "../../TextLink/index";
|
|
9
10
|
import { getAccount, getId, getPhoto } from "../utils";
|
|
10
11
|
import { isUserGroup } from "../utils/getUsersWithUserId";
|
|
11
12
|
import NickLabel from "./NickLabel";
|
|
12
13
|
export default function SingleOption(params) {
|
|
14
|
+
var _useContext = useContext(LocaleContext),
|
|
15
|
+
locale = _useContext.locale;
|
|
16
|
+
var t = getTranslator(locale);
|
|
13
17
|
var disabled = params.disabled,
|
|
14
18
|
user = params.user,
|
|
15
19
|
selected = params.selected,
|
|
@@ -48,5 +52,5 @@ export default function SingleOption(params) {
|
|
|
48
52
|
e.stopPropagation();
|
|
49
53
|
e.preventDefault();
|
|
50
54
|
}
|
|
51
|
-
},
|
|
55
|
+
}, t.MemberPicker.subLevel));
|
|
52
56
|
}
|
|
@@ -7,12 +7,13 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
|
7
7
|
import { Breadcrumb } from 'antd';
|
|
8
8
|
import classNames from 'classnames';
|
|
9
9
|
import _ from 'lodash';
|
|
10
|
-
import React, { useState } from 'react';
|
|
10
|
+
import React, { useContext, useState } from 'react';
|
|
11
11
|
import Empty from "../../Empty";
|
|
12
12
|
import { ChevronLeftLine, SearchLine } from "../../Icon";
|
|
13
13
|
import Input from "../../Input";
|
|
14
14
|
import ScrollArea from "../../ScrollArea";
|
|
15
15
|
import Spin from "../../Spin";
|
|
16
|
+
import { LocaleContext, getTranslator } from "../../locale/default";
|
|
16
17
|
import { isUserGroup } from "../utils/getUsersWithUserId";
|
|
17
18
|
import MultipleOption from "./MultipleOption";
|
|
18
19
|
import SingleOption from "./SingleOption";
|
|
@@ -25,6 +26,9 @@ var UserGroupSelection = function UserGroupSelection(_ref) {
|
|
|
25
26
|
loading = _ref.loading,
|
|
26
27
|
width = _ref.width,
|
|
27
28
|
lockedIds = _ref.lockedIds;
|
|
29
|
+
var _useContext = useContext(LocaleContext),
|
|
30
|
+
locale = _useContext.locale;
|
|
31
|
+
var t = getTranslator(locale);
|
|
28
32
|
var _useState = useState(''),
|
|
29
33
|
_useState2 = _slicedToArray(_useState, 2),
|
|
30
34
|
searchKey = _useState2[0],
|
|
@@ -68,7 +72,7 @@ var UserGroupSelection = function UserGroupSelection(_ref) {
|
|
|
68
72
|
setSearchKey(e.target.value);
|
|
69
73
|
}
|
|
70
74
|
}), userGroupList.length === 0 && !loading && /*#__PURE__*/React.createElement(Empty, {
|
|
71
|
-
title:
|
|
75
|
+
title: t.MemberPicker.noData,
|
|
72
76
|
size: "small",
|
|
73
77
|
image: Empty.PRESENTED_IMAGE_SEARCH,
|
|
74
78
|
className: "ald-member-picker-member-list-empty"
|
|
@@ -85,7 +89,7 @@ var UserGroupSelection = function UserGroupSelection(_ref) {
|
|
|
85
89
|
className: "ald-member-picker-breadcrumb-item-inner"
|
|
86
90
|
}, /*#__PURE__*/React.createElement(ChevronLeftLine, {
|
|
87
91
|
size: 16
|
|
88
|
-
}),
|
|
92
|
+
}), t.MemberPicker.userGroups)), groupPath.map(function (group) {
|
|
89
93
|
return /*#__PURE__*/React.createElement(Breadcrumb.Item, {
|
|
90
94
|
className: "ald-member-picker-breadcrumb-item",
|
|
91
95
|
key: group.groupId,
|
|
@@ -17,39 +17,43 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
17
17
|
import { usePrevious, useRequest } from 'ahooks';
|
|
18
18
|
import classNames from 'classnames';
|
|
19
19
|
import _ from 'lodash';
|
|
20
|
-
import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
|
20
|
+
import React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
|
|
21
21
|
import Avatar from "../Avatar";
|
|
22
22
|
import ConfigProvider from "../ConfigProvider";
|
|
23
23
|
import { EUserType } from "../ConfigProvider/getUserList";
|
|
24
24
|
import { UserGroup } from "../Icon";
|
|
25
25
|
import Select from "../Select";
|
|
26
|
+
import { LocaleContext, getTranslator } from "../locale/default";
|
|
26
27
|
import message from "../message";
|
|
27
28
|
import Panel from "./components/Panel";
|
|
28
29
|
import MemberPanel from "./components/PanelWrapper";
|
|
29
30
|
import { EMemberPicker } from "./interface";
|
|
30
31
|
import { isUser, isUserGroup } from "./utils/getUsersWithUserId";
|
|
31
|
-
var Component = function Component(
|
|
32
|
-
var
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
32
|
+
var Component = function Component(props) {
|
|
33
|
+
var _useContext = useContext(LocaleContext),
|
|
34
|
+
locale = _useContext.locale;
|
|
35
|
+
var t = getTranslator(locale);
|
|
36
|
+
var value = props.value,
|
|
37
|
+
_props$type = props.type,
|
|
38
|
+
type = _props$type === void 0 ? EMemberPicker.USER : _props$type,
|
|
39
|
+
onChange = props.onChange,
|
|
40
|
+
multiple = props.multiple,
|
|
41
|
+
dropdownWidth = props.dropdownWidth,
|
|
42
|
+
open = props.open,
|
|
43
|
+
onOpenChange = props.onOpenChange,
|
|
44
|
+
_props$placeholder = props.placeholder,
|
|
45
|
+
placeholder = _props$placeholder === void 0 ? t.MemberPicker.select : _props$placeholder,
|
|
46
|
+
className = props.className,
|
|
47
|
+
allowClear = props.allowClear,
|
|
48
|
+
disabled = props.disabled,
|
|
49
|
+
_onClear = props.onClear,
|
|
50
|
+
size = props.size,
|
|
51
|
+
_props$selectType = props.selectType,
|
|
52
|
+
selectType = _props$selectType === void 0 ? 'secondary' : _props$selectType,
|
|
53
|
+
propPrefix = props.prefix,
|
|
54
|
+
_props$lockedIds = props.lockedIds,
|
|
55
|
+
lockedIds = _props$lockedIds === void 0 ? [] : _props$lockedIds,
|
|
56
|
+
restProps = _objectWithoutProperties(props, _excluded);
|
|
53
57
|
var _ConfigProvider$useGe = ConfigProvider.useGetUserList(),
|
|
54
58
|
getUsersByIds = _ConfigProvider$useGe.getUsersByIds,
|
|
55
59
|
getUsersByKeywords = _ConfigProvider$useGe.getUsersByKeywords;
|
|
@@ -82,24 +86,24 @@ var Component = function Component(_ref) {
|
|
|
82
86
|
if (getUsersByKeywords) {
|
|
83
87
|
return getUsersByKeywords;
|
|
84
88
|
}
|
|
85
|
-
return function (
|
|
86
|
-
_objectDestructuringEmpty(
|
|
89
|
+
return function (_ref) {
|
|
90
|
+
_objectDestructuringEmpty(_ref);
|
|
87
91
|
return Promise.reject({
|
|
88
|
-
message:
|
|
92
|
+
message: t.MemberPicker.pleaseConfigGetUserByKeywordsMethod
|
|
89
93
|
});
|
|
90
94
|
};
|
|
91
|
-
}, [getUsersByKeywords]);
|
|
95
|
+
}, [getUsersByKeywords, t.MemberPicker.pleaseConfigGetUserByKeywordsMethod]);
|
|
92
96
|
var queryByIds = useMemo(function () {
|
|
93
97
|
if (getUsersByIds) {
|
|
94
98
|
return getUsersByIds;
|
|
95
99
|
}
|
|
96
|
-
return function (
|
|
97
|
-
_objectDestructuringEmpty(
|
|
100
|
+
return function (_ref2) {
|
|
101
|
+
_objectDestructuringEmpty(_ref2);
|
|
98
102
|
return Promise.reject({
|
|
99
|
-
message:
|
|
103
|
+
message: t.MemberPicker.pleaseConfigGetUserByIdsMethod
|
|
100
104
|
});
|
|
101
105
|
};
|
|
102
|
-
}, [getUsersByIds]);
|
|
106
|
+
}, [getUsersByIds, t.MemberPicker.pleaseConfigGetUserByIdsMethod]);
|
|
103
107
|
var _useRequest = useRequest(function () {
|
|
104
108
|
return queryByKeywords(searchString);
|
|
105
109
|
}, {
|
package/dist/Modal/index.js
CHANGED
|
@@ -18,10 +18,11 @@ import { Modal as AntdModal } from 'antd';
|
|
|
18
18
|
import { modalGlobalConfig } from 'antd/lib/modal/confirm';
|
|
19
19
|
import useModal from 'antd/lib/modal/useModal/index';
|
|
20
20
|
import classNames from 'classnames';
|
|
21
|
-
import React, { useMemo } from 'react';
|
|
21
|
+
import React, { useContext, useMemo } from 'react';
|
|
22
22
|
import { btnPrefix, getButtonSizeClass, getButtonType, getDangerStatus, getShape } from "../Button";
|
|
23
23
|
import { AttentionTriangleLightLine, CheckCircleLightLine, CloseLLine, InformationCircleLightLine } from "../Icon";
|
|
24
24
|
import IconButton from "../IconButton";
|
|
25
|
+
import { getTranslator, LocaleContext } from "../locale/default";
|
|
25
26
|
import ScrollArea from "../ScrollArea";
|
|
26
27
|
|
|
27
28
|
// export type { ModalProps, ModalFuncProps };
|
|
@@ -89,6 +90,9 @@ function getIcon(type) {
|
|
|
89
90
|
});
|
|
90
91
|
}
|
|
91
92
|
var OriginModal = function OriginModal(props) {
|
|
93
|
+
var _useContext = useContext(LocaleContext),
|
|
94
|
+
locale = _useContext.locale;
|
|
95
|
+
var t = getTranslator(locale);
|
|
92
96
|
var className = props.className,
|
|
93
97
|
children = props.children,
|
|
94
98
|
okType = props.okType,
|
|
@@ -100,9 +104,9 @@ var OriginModal = function OriginModal(props) {
|
|
|
100
104
|
_props$cancelButtonPr = props.cancelButtonProps,
|
|
101
105
|
cancelButtonProps = _props$cancelButtonPr === void 0 ? {} : _props$cancelButtonPr,
|
|
102
106
|
_props$okText = props.okText,
|
|
103
|
-
okText = _props$okText === void 0 ?
|
|
107
|
+
okText = _props$okText === void 0 ? t.Modal.sure : _props$okText,
|
|
104
108
|
_props$cancelText = props.cancelText,
|
|
105
|
-
cancelText = _props$cancelText === void 0 ?
|
|
109
|
+
cancelText = _props$cancelText === void 0 ? t.Modal.cancel : _props$cancelText,
|
|
106
110
|
icon = props.icon,
|
|
107
111
|
title = props.title,
|
|
108
112
|
paddingLess = props.paddingLess,
|
|
@@ -176,10 +180,8 @@ Modal.info = function infoFn(props) {
|
|
|
176
180
|
width = props.width,
|
|
177
181
|
title = props.title,
|
|
178
182
|
subTitle = props.subTitle,
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
_props$cancelText2 = props.cancelText,
|
|
182
|
-
cancelText = _props$cancelText2 === void 0 ? '取消' : _props$cancelText2,
|
|
183
|
+
okText = props.okText,
|
|
184
|
+
cancelText = props.cancelText,
|
|
183
185
|
className = props.className,
|
|
184
186
|
restProps = _objectWithoutProperties(props, _excluded3);
|
|
185
187
|
return AntdModal.info(_objectSpread({
|
|
@@ -208,10 +210,8 @@ Modal.success = function successFn(props) {
|
|
|
208
210
|
width = props.width,
|
|
209
211
|
title = props.title,
|
|
210
212
|
subTitle = props.subTitle,
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
_props$cancelText3 = props.cancelText,
|
|
214
|
-
cancelText = _props$cancelText3 === void 0 ? '取消' : _props$cancelText3,
|
|
213
|
+
okText = props.okText,
|
|
214
|
+
cancelText = props.cancelText,
|
|
215
215
|
className = props.className,
|
|
216
216
|
restProps = _objectWithoutProperties(props, _excluded4);
|
|
217
217
|
return AntdModal.success(_objectSpread({
|
|
@@ -241,10 +241,8 @@ Modal.error = function errorFn(props) {
|
|
|
241
241
|
width = props.width,
|
|
242
242
|
title = props.title,
|
|
243
243
|
subTitle = props.subTitle,
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
_props$cancelText4 = props.cancelText,
|
|
247
|
-
cancelText = _props$cancelText4 === void 0 ? '取消' : _props$cancelText4,
|
|
244
|
+
okText = props.okText,
|
|
245
|
+
cancelText = props.cancelText,
|
|
248
246
|
className = props.className,
|
|
249
247
|
restProps = _objectWithoutProperties(props, _excluded5);
|
|
250
248
|
return AntdModal.error(_objectSpread({
|
|
@@ -274,10 +272,8 @@ Modal.warning = function modalWarn(props) {
|
|
|
274
272
|
width = props.width,
|
|
275
273
|
title = props.title,
|
|
276
274
|
subTitle = props.subTitle,
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
_props$cancelText5 = props.cancelText,
|
|
280
|
-
cancelText = _props$cancelText5 === void 0 ? '取消' : _props$cancelText5,
|
|
275
|
+
okText = props.okText,
|
|
276
|
+
cancelText = props.cancelText,
|
|
281
277
|
className = props.className,
|
|
282
278
|
restProps = _objectWithoutProperties(props, _excluded6);
|
|
283
279
|
return AntdModal.warning(_objectSpread({
|
|
@@ -308,10 +304,8 @@ Modal.confirm = function confirmFn(props) {
|
|
|
308
304
|
title = props.title,
|
|
309
305
|
subTitle = props.subTitle,
|
|
310
306
|
className = props.className,
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
_props$cancelText6 = props.cancelText,
|
|
314
|
-
cancelText = _props$cancelText6 === void 0 ? '取消' : _props$cancelText6,
|
|
307
|
+
okText = props.okText,
|
|
308
|
+
cancelText = props.cancelText,
|
|
315
309
|
_props$type = props.type,
|
|
316
310
|
type = _props$type === void 0 ? 'confirm' : _props$type,
|
|
317
311
|
restProps = _objectWithoutProperties(props, _excluded7);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { IRadioGroupProps } from '../../interface/radioGroup';
|
|
3
|
-
export declare const RadioGroupContext: React.Context<Omit<IRadioGroupProps, "
|
|
3
|
+
export declare const RadioGroupContext: React.Context<Omit<IRadioGroupProps, "children" | "className">>;
|
|
4
4
|
export default function RadioGroup(props: IRadioGroupProps): React.JSX.Element;
|
package/dist/ScrollArea/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var _excluded = ["children", "className", "innerClassName", "horizontalScrollBarClassName", "verticalScrollBarClassName", "onViewportScroll", "contentDeterminesWidth", "scrollBarHidden"];
|
|
1
|
+
var _excluded = ["children", "className", "innerClassName", "horizontalScrollBarClassName", "verticalScrollBarClassName", "onViewportScroll", "contentDeterminesWidth", "scrollBarHidden", "asChild"];
|
|
2
2
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
3
3
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
4
4
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
@@ -14,6 +14,7 @@ var ScrollArea = function ScrollArea(props, ref) {
|
|
|
14
14
|
onViewportScroll = props.onViewportScroll,
|
|
15
15
|
contentDeterminesWidth = props.contentDeterminesWidth,
|
|
16
16
|
scrollBarHidden = props.scrollBarHidden,
|
|
17
|
+
asChild = props.asChild,
|
|
17
18
|
rest = _objectWithoutProperties(props, _excluded);
|
|
18
19
|
var isHorizontalScrollBarHidden = scrollBarHidden === null || scrollBarHidden === void 0 ? void 0 : scrollBarHidden.includes('horizontal');
|
|
19
20
|
var isVerticalScrollBarHidden = scrollBarHidden === null || scrollBarHidden === void 0 ? void 0 : scrollBarHidden.includes('vertical');
|
|
@@ -21,6 +22,7 @@ var ScrollArea = function ScrollArea(props, ref) {
|
|
|
21
22
|
scrollHideDelay: 50,
|
|
22
23
|
className: classNames('ald-scroll-area', className)
|
|
23
24
|
}), /*#__PURE__*/React.createElement(ScrollAreaComponent.Viewport, {
|
|
25
|
+
asChild: asChild,
|
|
24
26
|
className: classNames('ald-scroll-area-inner', {
|
|
25
27
|
'ald-scroll-area-width-auto': !contentDeterminesWidth
|
|
26
28
|
}, innerClassName),
|
package/dist/Select/index.js
CHANGED
|
@@ -30,6 +30,7 @@ import { ConfigContext } from "../ConfigProvider";
|
|
|
30
30
|
import SizeContext from "../ConfigProvider/sizeContext";
|
|
31
31
|
import Empty from "../Empty";
|
|
32
32
|
import { ArrowDownFill, TimesLightLine } from "../Icon";
|
|
33
|
+
import { LocaleContext, getTranslator } from "../locale/default";
|
|
33
34
|
import Option from "./components/Option";
|
|
34
35
|
var defaultDropdownStyle = {
|
|
35
36
|
minWidth: 192
|
|
@@ -72,6 +73,9 @@ var getSelectedOptionsFromValue = function getSelectedOptionsFromValue(isMultipl
|
|
|
72
73
|
};
|
|
73
74
|
var Select = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
74
75
|
var _classNames;
|
|
76
|
+
var _useContext = useContext(LocaleContext),
|
|
77
|
+
locale = _useContext.locale;
|
|
78
|
+
var t = getTranslator(locale);
|
|
75
79
|
var mode = props.mode,
|
|
76
80
|
options = props.options,
|
|
77
81
|
dropdownRender = props.dropdownRender,
|
|
@@ -89,7 +93,7 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
89
93
|
notFoundContent = _props$notFoundConten === void 0 ? /*#__PURE__*/React.createElement(Empty, {
|
|
90
94
|
image: Empty.PRESENTED_IMAGE_SEARCH_SMALL,
|
|
91
95
|
size: "small",
|
|
92
|
-
title:
|
|
96
|
+
title: t.Select.noSearchResult
|
|
93
97
|
}) : _props$notFoundConten,
|
|
94
98
|
value = props.value,
|
|
95
99
|
_props$type = props.type,
|
|
@@ -110,7 +114,7 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
110
114
|
_props$showArrow = props.showArrow,
|
|
111
115
|
showArrow = _props$showArrow === void 0 ? true : _props$showArrow,
|
|
112
116
|
restProps = _objectWithoutProperties(props, _excluded);
|
|
113
|
-
var placeholder = type === 'primary' ?
|
|
117
|
+
var placeholder = type === 'primary' ? t.Select.all : propsPlaceholder;
|
|
114
118
|
var contentSize = useContext(SizeContext);
|
|
115
119
|
var _React$useContext = React.useContext(ConfigContext),
|
|
116
120
|
getPrefixCls = _React$useContext.getPrefixCls,
|
package/dist/Spin/index.d.ts
CHANGED
package/dist/Spin/index.js
CHANGED
|
@@ -16,7 +16,8 @@ function CustomSpin(props) {
|
|
|
16
16
|
children = props.children,
|
|
17
17
|
spinning = props.spinning,
|
|
18
18
|
wrapperClassName = props.wrapperClassName,
|
|
19
|
-
className = props.className
|
|
19
|
+
className = props.className,
|
|
20
|
+
style = props.style;
|
|
20
21
|
if (!children) {
|
|
21
22
|
return CustomIcon({
|
|
22
23
|
size: size,
|
|
@@ -31,9 +32,9 @@ function CustomSpin(props) {
|
|
|
31
32
|
}
|
|
32
33
|
if (isFragment(children) || isReactComponent(children)) {
|
|
33
34
|
return /*#__PURE__*/React.createElement('div', {
|
|
34
|
-
style: {
|
|
35
|
+
style: _objectSpread(_objectSpread({}, style), {}, {
|
|
35
36
|
position: 'relative'
|
|
36
|
-
},
|
|
37
|
+
}),
|
|
37
38
|
className: classNames(wrapperClassName)
|
|
38
39
|
}, [children, CustomIcon({
|
|
39
40
|
size: size,
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -1,17 +1,18 @@
|
|
|
1
|
+
import { vitest } from 'vitest';
|
|
1
2
|
Object.defineProperty(window, 'matchMedia', {
|
|
2
3
|
writable: true,
|
|
3
|
-
value:
|
|
4
|
+
value: vitest.fn().mockImplementation(function (query) {
|
|
4
5
|
return {
|
|
5
6
|
matches: false,
|
|
6
7
|
media: query,
|
|
7
8
|
onchange: null,
|
|
8
|
-
addListener:
|
|
9
|
+
addListener: vitest.fn(),
|
|
9
10
|
// deprecated
|
|
10
|
-
removeListener:
|
|
11
|
+
removeListener: vitest.fn(),
|
|
11
12
|
// deprecated
|
|
12
|
-
addEventListener:
|
|
13
|
-
removeEventListener:
|
|
14
|
-
dispatchEvent:
|
|
13
|
+
addEventListener: vitest.fn(),
|
|
14
|
+
removeEventListener: vitest.fn(),
|
|
15
|
+
dispatchEvent: vitest.fn()
|
|
15
16
|
};
|
|
16
17
|
})
|
|
17
18
|
});
|
|
@@ -7,6 +7,7 @@ interface ErrorBoundaryState {
|
|
|
7
7
|
hasError: boolean;
|
|
8
8
|
}
|
|
9
9
|
export default class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {
|
|
10
|
+
static contextType: React.Context<import("antd/lib/locale").Locale>;
|
|
10
11
|
constructor(props: ErrorBoundaryProps);
|
|
11
12
|
static getDerivedStateFromError(): ErrorBoundaryState;
|
|
12
13
|
componentDidCatch(error: Error, info: React.ErrorInfo): void;
|