@aloudata/aloudata-design 1.9.8 → 1.9.11
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/AldTable/helper.js +21 -23
- package/dist/AldTable/index.d.ts +2 -2
- package/dist/AldTable/index.js +40 -50
- package/dist/AldTable/style/index.less +26 -6
- package/dist/AldTable/types.d.ts +2 -0
- package/dist/App/index.js +2 -9
- package/dist/Avatar/component/Avatar/avatar.d.ts +2 -2
- package/dist/Avatar/component/Avatar/avatar.js +0 -2
- package/dist/Avatar/component/Avatar/index.d.ts +1 -1
- package/dist/Avatar/component/Avatar/index.js +6 -20
- package/dist/Breadcrumb/index.d.ts +1 -1
- package/dist/Breadcrumb/index.js +6 -16
- package/dist/Button/index.d.ts +4 -4
- package/dist/Button/index.js +21 -41
- package/dist/Checkbox/component/CheckboxGroup/index.d.ts +2 -2
- package/dist/Checkbox/component/CheckboxGroup/index.js +4 -10
- package/dist/Checkbox/index.d.ts +3 -3
- package/dist/Checkbox/index.js +5 -14
- package/dist/Checkbox/type.js +3 -4
- package/dist/ColorPicker/constant.js +2 -1
- package/dist/ColorPicker/index.d.ts +1 -1
- package/dist/ColorPicker/index.js +15 -42
- package/dist/ConfigProvider/defaultRenderEmpty.d.ts +1 -1
- package/dist/ConfigProvider/defaultRenderEmpty.js +0 -5
- package/dist/ConfigProvider/getUserList.d.ts +4 -4
- package/dist/ConfigProvider/getUserList.js +2 -2
- package/dist/ConfigProvider/hooks/useGetUserList.js +2 -5
- package/dist/ConfigProvider/index.js +2 -6
- package/dist/ConfigProvider/sizeContext.d.ts +1 -1
- package/dist/ConfigProvider/sizeContext.js +1 -1
- package/dist/DataPreviewTable/components/Body/Cell.d.ts +1 -1
- package/dist/DataPreviewTable/components/Body/Cell.js +4 -10
- package/dist/DataPreviewTable/components/Body/Error.d.ts +1 -1
- package/dist/DataPreviewTable/components/Body/Error.js +3 -5
- package/dist/DataPreviewTable/components/Body/SkeletonBody.d.ts +1 -1
- package/dist/DataPreviewTable/components/Body/SkeletonBody.js +10 -19
- package/dist/DataPreviewTable/components/Body/index.d.ts +1 -1
- package/dist/DataPreviewTable/components/Body/index.js +10 -19
- package/dist/DataPreviewTable/components/DragBar/index.d.ts +1 -1
- package/dist/DataPreviewTable/components/DragBar/index.js +14 -24
- package/dist/DataPreviewTable/components/Header/index.d.ts +2 -2
- package/dist/DataPreviewTable/components/Header/index.js +7 -15
- package/dist/DataPreviewTable/hooks/useDirection.js +32 -57
- package/dist/DataPreviewTable/index.js +22 -29
- package/dist/DataPreviewTable/interface.d.ts +2 -2
- package/dist/DataPreviewTable/interface.js +6 -9
- package/dist/DataPreviewTable/utils/findRange.js +2 -20
- package/dist/DataPreviewTable/utils/getColumnRange.js +3 -7
- package/dist/DataPreviewTable/utils/getRowRange.js +2 -8
- package/dist/DataPreviewTable/utils/getTableLayout.js +0 -1
- package/dist/DatePicker/index.d.ts +11 -11
- package/dist/DatePicker/index.js +85 -116
- package/dist/Divider/index.d.ts +1 -1
- package/dist/Divider/index.js +0 -3
- package/dist/DoubleCircleIcon/index.d.ts +2 -2
- package/dist/DoubleCircleIcon/index.js +7 -9
- package/dist/Dropdown/Button.d.ts +2 -2
- package/dist/Dropdown/Button.js +7 -11
- package/dist/Dropdown/index.d.ts +4 -4
- package/dist/Dropdown/index.js +11 -21
- package/dist/Dropdown/style/index.less +5 -0
- package/dist/Empty/image/Data.d.ts +2 -2
- package/dist/Empty/image/Data.js +0 -2
- package/dist/Empty/image/Search.d.ts +2 -2
- package/dist/Empty/image/Search.js +0 -2
- package/dist/Empty/image/SearchSmall.d.ts +2 -2
- package/dist/Empty/image/SearchSmall.js +0 -2
- package/dist/Empty/image/User.d.ts +2 -2
- package/dist/Empty/image/User.js +0 -2
- package/dist/Empty/image/WorkBook.d.ts +2 -2
- package/dist/Empty/image/WorkBook.js +0 -2
- package/dist/Empty/index.d.ts +1 -1
- package/dist/Empty/index.js +13 -23
- package/dist/Form/index.d.ts +4 -4
- package/dist/Form/index.js +16 -27
- package/dist/Icon/components/AlertTriangleDuotone.d.ts +1 -1
- package/dist/Icon/components/AlertTriangleDuotone.js +4 -11
- package/dist/Icon/components/CancelCircleDuotone.d.ts +1 -1
- package/dist/Icon/components/CancelCircleDuotone.js +9 -16
- package/dist/Icon/components/CheckCircleDuotone.d.ts +1 -1
- package/dist/Icon/components/CheckCircleDuotone.js +4 -11
- package/dist/Icon/components/Icon.d.ts +1 -1
- package/dist/Icon/components/Icon.js +9 -13
- package/dist/Icon/components/InfoCircleLine.d.ts +1 -1
- package/dist/Icon/components/InfoCircleLine.js +4 -11
- package/dist/Icon/components/createFromScripts.js +2 -8
- package/dist/IconButton/index.js +36 -57
- package/dist/IconButton/style/index.less +4 -0
- package/dist/Input/components/Group/index.d.ts +2 -2
- package/dist/Input/components/Group/index.js +4 -9
- package/dist/Input/components/Input/index.d.ts +2 -2
- package/dist/Input/components/Input/index.js +9 -17
- package/dist/Input/components/Password/index.js +4 -9
- package/dist/Input/components/TextArea/index.js +5 -10
- package/dist/InputNumber/index.d.ts +2 -2
- package/dist/InputNumber/index.js +13 -20
- package/dist/MemberPicker/components/MemberSelection.d.ts +2 -2
- package/dist/MemberPicker/components/MemberSelection.js +12 -20
- package/dist/MemberPicker/components/MultipleOption.d.ts +2 -2
- package/dist/MemberPicker/components/MultipleOption.js +8 -9
- package/dist/MemberPicker/components/NickLabel.js +2 -4
- package/dist/MemberPicker/components/Panel.d.ts +2 -2
- package/dist/MemberPicker/components/Panel.js +14 -25
- package/dist/MemberPicker/components/SelectedMemberTags.d.ts +2 -2
- package/dist/MemberPicker/components/SelectedMemberTags.js +2 -4
- package/dist/MemberPicker/components/SelectorFooter.d.ts +2 -2
- package/dist/MemberPicker/components/SingleOption.d.ts +2 -2
- package/dist/MemberPicker/components/SingleOption.js +9 -10
- package/dist/MemberPicker/index.js +46 -79
- package/dist/MemberPicker/interface.d.ts +2 -2
- package/dist/MemberPicker/utils/getUsersWithUserId.js +0 -1
- package/dist/Menu/Divider.d.ts +3 -3
- package/dist/Menu/MenuItem.d.ts +1 -1
- package/dist/Menu/SubMenu.d.ts +1 -1
- package/dist/Menu/SubMenu.js +1 -6
- package/dist/Menu/index.d.ts +2 -2
- package/dist/Menu/index.js +7 -16
- package/dist/Menu/style/dropdown.less +4 -2
- package/dist/Modal/index.d.ts +4 -4
- package/dist/Modal/index.js +108 -130
- package/dist/Modal/locale.js +4 -6
- package/dist/Navigator/components/Header/index.d.ts +2 -2
- package/dist/Navigator/components/Header/index.js +0 -2
- package/dist/Navigator/components/Menu/index.d.ts +2 -2
- package/dist/Navigator/components/Menu/index.js +8 -19
- package/dist/Navigator/components/MenuItem/index.d.ts +1 -1
- package/dist/Navigator/components/MenuItem/index.js +6 -9
- package/dist/Navigator/index.d.ts +1 -1
- package/dist/Navigator/index.js +5 -7
- package/dist/Pagination/index.d.ts +3 -3
- package/dist/Pagination/index.js +18 -43
- package/dist/Popconfirm/index.d.ts +2 -2
- package/dist/Popconfirm/index.js +19 -27
- package/dist/Popover/index.d.ts +2 -2
- package/dist/Popover/index.js +2 -9
- package/dist/Progress/index.js +21 -33
- package/dist/Radio/components/Group/index.d.ts +1 -1
- package/dist/Radio/components/Group/index.js +27 -36
- package/dist/Radio/components/Radio/index.d.ts +2 -2
- package/dist/Radio/components/Radio/index.js +10 -18
- package/dist/Radio/interface/radioGroup.d.ts +3 -3
- package/dist/Result/index.d.ts +7 -7
- package/dist/Result/index.js +17 -26
- package/dist/Result/noFound.js +0 -3
- package/dist/Result/serverError.js +0 -3
- package/dist/Result/unauthorized.js +1 -4
- package/dist/ScrollArea/index.js +6 -13
- package/dist/Select/components/MultipleOption.d.ts +2 -2
- package/dist/Select/components/MultipleOption.js +4 -8
- package/dist/Select/components/SingleOption.d.ts +2 -2
- package/dist/Select/components/SingleOption.js +5 -9
- package/dist/Select/index.d.ts +2 -2
- package/dist/Select/index.js +66 -134
- package/dist/Spin/CustomIcon/index.d.ts +2 -2
- package/dist/Spin/CustomIcon/index.js +0 -2
- package/dist/Spin/Icon/index.d.ts +2 -2
- package/dist/Spin/index.d.ts +2 -2
- package/dist/Spin/index.js +1 -10
- package/dist/Steps/components/ProcessIcon/index.d.ts +2 -2
- package/dist/Steps/components/ProcessIcon/index.js +0 -2
- package/dist/Steps/components/Step/index.d.ts +3 -3
- package/dist/Steps/components/Step/index.js +2 -8
- package/dist/Steps/index.d.ts +3 -3
- package/dist/Steps/index.js +8 -10
- package/dist/Switch/index.js +17 -30
- package/dist/Table/Table.js +88 -131
- package/dist/Table/components/Empty/index.d.ts +2 -2
- package/dist/Table/components/Empty/index.js +0 -2
- package/dist/Table/components/Loading/index.d.ts +2 -2
- package/dist/Table/components/Loading/index.js +0 -2
- package/dist/Table/components/TableBodyRowList/index.d.ts +2 -2
- package/dist/Table/components/TableBodyRowList/index.js +19 -39
- package/dist/Table/components/TableHead/index.d.ts +1 -1
- package/dist/Table/components/TableHead/index.js +56 -82
- package/dist/Table/hooks/useFrame.d.ts +1 -1
- package/dist/Table/hooks/useFrame.js +9 -24
- package/dist/Table/interface.d.ts +1 -1
- package/dist/Table/utils.js +8 -28
- package/dist/Tabs/TabPane.d.ts +2 -2
- package/dist/Tabs/index.d.ts +2 -2
- package/dist/Tabs/index.js +18 -33
- package/dist/Tooltip/index.d.ts +2 -2
- package/dist/Tooltip/index.js +12 -12
- package/dist/Tree/demo/basic/index.d.ts +2 -2
- package/dist/Tree/index.d.ts +1 -1
- package/dist/Tree/index.js +2 -4
- package/dist/_utils/hooks/useControlledState.js +9 -21
- package/dist/_utils/hooks/useId.js +4 -5
- package/dist/_utils/hooks/usePrefixCls.js +2 -5
- package/dist/index.js +3 -1
- package/dist/locale-provider/context.d.ts +1 -1
- package/dist/locale-provider/index.d.ts +1 -1
- package/dist/locale-provider/index.js +8 -33
- package/dist/message/index.js +3 -7
- package/dist/notification/demo/index.d.ts +2 -2
- package/dist/notification/demo/index.js +0 -1
- package/dist/notification/index.js +23 -32
- package/package.json +1 -1
package/dist/ScrollArea/index.js
CHANGED
|
@@ -1,24 +1,18 @@
|
|
|
1
1
|
var _excluded = ["children", "className", "innerClassName", "horizontalScrollBarClassName", "verticalScrollBarClassName", "onViewportScroll"];
|
|
2
|
-
|
|
3
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); }
|
|
4
|
-
|
|
5
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; }
|
|
6
|
-
|
|
7
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; }
|
|
8
|
-
|
|
9
5
|
import * as ScrollAreaComponent from '@radix-ui/react-scroll-area';
|
|
10
6
|
import classNames from 'classnames';
|
|
11
7
|
import React, { forwardRef, memo } from 'react';
|
|
12
|
-
|
|
13
8
|
var ScrollArea = function ScrollArea(props, ref) {
|
|
14
9
|
var children = props.children,
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
10
|
+
className = props.className,
|
|
11
|
+
innerClassName = props.innerClassName,
|
|
12
|
+
horizontalScrollBarClassName = props.horizontalScrollBarClassName,
|
|
13
|
+
verticalScrollBarClassName = props.verticalScrollBarClassName,
|
|
14
|
+
onViewportScroll = props.onViewportScroll,
|
|
15
|
+
rest = _objectWithoutProperties(props, _excluded);
|
|
22
16
|
return /*#__PURE__*/React.createElement(ScrollAreaComponent.Root, _extends({}, rest, {
|
|
23
17
|
scrollHideDelay: 50,
|
|
24
18
|
className: classNames('ald-scroll-area', className)
|
|
@@ -46,5 +40,4 @@ var ScrollArea = function ScrollArea(props, ref) {
|
|
|
46
40
|
className: 'ald-scroll-area-thumb'
|
|
47
41
|
})));
|
|
48
42
|
};
|
|
49
|
-
|
|
50
43
|
export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(ScrollArea));
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { DefaultOptionType } from 'antd/lib/select';
|
|
2
|
+
import React from 'react';
|
|
3
3
|
interface IMultipleOptionProps {
|
|
4
4
|
selected: boolean;
|
|
5
5
|
disabled?: boolean;
|
|
@@ -7,5 +7,5 @@ interface IMultipleOptionProps {
|
|
|
7
7
|
onChange?: (selected: boolean) => void;
|
|
8
8
|
className?: string;
|
|
9
9
|
}
|
|
10
|
-
export default function MultipleList(params: IMultipleOptionProps): JSX.Element;
|
|
10
|
+
export default function MultipleList(params: IMultipleOptionProps): React.JSX.Element;
|
|
11
11
|
export {};
|
|
@@ -1,22 +1,18 @@
|
|
|
1
1
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
2
|
-
|
|
3
2
|
import classnames from 'classnames';
|
|
4
3
|
import React from 'react';
|
|
5
4
|
import Checkbox from "../../Checkbox";
|
|
6
5
|
export default function MultipleList(params) {
|
|
7
6
|
var _option$label;
|
|
8
|
-
|
|
9
7
|
var disabled = params.disabled,
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
8
|
+
option = params.option,
|
|
9
|
+
selected = params.selected,
|
|
10
|
+
onChange = params.onChange,
|
|
11
|
+
className = params.className;
|
|
15
12
|
var onClick = function onClick() {
|
|
16
13
|
if (disabled) return;
|
|
17
14
|
onChange === null || onChange === void 0 ? void 0 : onChange(!selected);
|
|
18
15
|
};
|
|
19
|
-
|
|
20
16
|
return /*#__PURE__*/React.createElement("div", {
|
|
21
17
|
className: classnames('ald-multiple-option', className, {
|
|
22
18
|
'ald-multiple-option-disabled': disabled
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { DefaultOptionType } from 'antd/lib/select';
|
|
2
|
+
import React from 'react';
|
|
3
3
|
interface ISelectProps {
|
|
4
4
|
selected: boolean;
|
|
5
5
|
option: DefaultOptionType;
|
|
@@ -7,5 +7,5 @@ interface ISelectProps {
|
|
|
7
7
|
disabled?: boolean;
|
|
8
8
|
className?: string;
|
|
9
9
|
}
|
|
10
|
-
export default function SingleOption(params: ISelectProps): JSX.Element;
|
|
10
|
+
export default function SingleOption(params: ISelectProps): React.JSX.Element;
|
|
11
11
|
export {};
|
|
@@ -1,22 +1,18 @@
|
|
|
1
1
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
2
|
-
|
|
3
2
|
import classnames from 'classnames';
|
|
4
3
|
import React from 'react';
|
|
5
4
|
export default function SingleOption(params) {
|
|
6
5
|
var _option$label;
|
|
7
|
-
|
|
8
6
|
var disabled = params.disabled,
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
7
|
+
selected = params.selected,
|
|
8
|
+
option = params.option,
|
|
9
|
+
_params$onChange = params.onChange,
|
|
10
|
+
onChange = _params$onChange === void 0 ? function () {} : _params$onChange,
|
|
11
|
+
className = params.className;
|
|
15
12
|
var onClick = function onClick() {
|
|
16
13
|
if (disabled) return;
|
|
17
14
|
onChange(!selected);
|
|
18
15
|
};
|
|
19
|
-
|
|
20
16
|
return /*#__PURE__*/React.createElement("div", {
|
|
21
17
|
className: classnames('ald-single-option', className, {
|
|
22
18
|
'ald-single-option-disabled': disabled,
|
package/dist/Select/index.d.ts
CHANGED
|
@@ -6,8 +6,8 @@ export interface ISelectProps extends Omit<SelectProps, 'mode'> {
|
|
|
6
6
|
mode?: 'multiple';
|
|
7
7
|
showAllOption?: boolean;
|
|
8
8
|
}
|
|
9
|
-
export
|
|
10
|
-
export
|
|
9
|
+
export type IRefSelectProps = RefSelectProps;
|
|
10
|
+
export type IAldRefSelectProps = IRefSelectProps & {
|
|
11
11
|
open: () => void;
|
|
12
12
|
close: () => void;
|
|
13
13
|
};
|
package/dist/Select/index.js
CHANGED
|
@@ -1,33 +1,21 @@
|
|
|
1
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
1
2
|
var _excluded = ["mode", "options", "dropdownRender", "onDropdownVisibleChange", "defaultValue", "onChange", "open", "defaultOpen", "prefix", "prefixWidth", "className", "popupClassName", "listHeight", "listItemHeight", "notFoundContent", "value", "tagRender", "style", "autoFocus", "showSearch", "showAllOption", "size", "status", "disabled", "prefixCls"];
|
|
2
|
-
|
|
3
3
|
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); }
|
|
4
|
-
|
|
5
|
-
function
|
|
6
|
-
|
|
4
|
+
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; }
|
|
5
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
6
|
+
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); }
|
|
7
7
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
8
|
-
|
|
9
8
|
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
10
|
-
|
|
11
9
|
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
12
|
-
|
|
13
10
|
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
14
|
-
|
|
15
11
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
16
|
-
|
|
17
12
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
18
|
-
|
|
19
13
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
20
|
-
|
|
21
|
-
function
|
|
22
|
-
|
|
23
|
-
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
24
|
-
|
|
14
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
15
|
+
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
25
16
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
26
|
-
|
|
27
17
|
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; }
|
|
28
|
-
|
|
29
18
|
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; }
|
|
30
|
-
|
|
31
19
|
import { FoldDownFill } from '@aloudata/icons-react';
|
|
32
20
|
import { Select as AntdSelect } from 'antd';
|
|
33
21
|
import { getMergedStatus } from 'antd/lib/_util/statusUtils';
|
|
@@ -50,7 +38,6 @@ var suffixIconSizeMap = {
|
|
|
50
38
|
middle: 16,
|
|
51
39
|
small: 14
|
|
52
40
|
};
|
|
53
|
-
|
|
54
41
|
var getSelectedOptionsFromValue = function getSelectedOptionsFromValue(isMultiple, options, value, defaultValue) {
|
|
55
42
|
if (typeof value !== 'undefined') {
|
|
56
43
|
if (isMultiple) {
|
|
@@ -64,95 +51,80 @@ var getSelectedOptionsFromValue = function getSelectedOptionsFromValue(isMultipl
|
|
|
64
51
|
var _newOptions = options === null || options === void 0 ? void 0 : options.filter(function (option) {
|
|
65
52
|
return option.value === value;
|
|
66
53
|
});
|
|
67
|
-
|
|
68
54
|
return _newOptions || [];
|
|
69
55
|
}
|
|
70
|
-
|
|
71
56
|
return [];
|
|
72
57
|
}
|
|
73
|
-
|
|
74
58
|
if (typeof defaultValue !== 'undefined') {
|
|
75
59
|
if (isMultiple) {
|
|
76
60
|
if (Array.isArray(defaultValue)) {
|
|
77
61
|
var _newOptions2 = options === null || options === void 0 ? void 0 : options.filter(function (option) {
|
|
78
62
|
return defaultValue.includes(option.value);
|
|
79
63
|
});
|
|
80
|
-
|
|
81
64
|
return _newOptions2 || [];
|
|
82
65
|
}
|
|
83
66
|
} else {
|
|
84
67
|
var _newOptions3 = options === null || options === void 0 ? void 0 : options.filter(function (option) {
|
|
85
68
|
return option.value === defaultValue;
|
|
86
69
|
});
|
|
87
|
-
|
|
88
70
|
return _newOptions3 || [];
|
|
89
71
|
}
|
|
90
|
-
|
|
91
72
|
return [];
|
|
92
73
|
}
|
|
93
|
-
|
|
94
74
|
return [];
|
|
95
75
|
};
|
|
96
|
-
|
|
97
76
|
var Select = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
98
77
|
var mode = props.mode,
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
78
|
+
options = props.options,
|
|
79
|
+
dropdownRender = props.dropdownRender,
|
|
80
|
+
_onDropdownVisibleChange = props.onDropdownVisibleChange,
|
|
81
|
+
defaultValue = props.defaultValue,
|
|
82
|
+
onChange = props.onChange,
|
|
83
|
+
_open = props.open,
|
|
84
|
+
defaultOpen = props.defaultOpen,
|
|
85
|
+
prefix = props.prefix,
|
|
86
|
+
prefixWidth = props.prefixWidth,
|
|
87
|
+
className = props.className,
|
|
88
|
+
popupClassName = props.popupClassName,
|
|
89
|
+
listHeight = props.listHeight,
|
|
90
|
+
_props$listItemHeight = props.listItemHeight,
|
|
91
|
+
listItemHeight = _props$listItemHeight === void 0 ? 36 : _props$listItemHeight,
|
|
92
|
+
_props$notFoundConten = props.notFoundContent,
|
|
93
|
+
notFoundContent = _props$notFoundConten === void 0 ? /*#__PURE__*/React.createElement(Empty, {
|
|
94
|
+
image: Empty.PRESENTED_IMAGE_SEARCH_SMALL,
|
|
95
|
+
size: "small",
|
|
96
|
+
title: "\u65E0\u641C\u7D22\u7ED3\u679C"
|
|
97
|
+
}) : _props$notFoundConten,
|
|
98
|
+
value = props.value,
|
|
99
|
+
tagRender = props.tagRender,
|
|
100
|
+
_props$style = props.style,
|
|
101
|
+
style = _props$style === void 0 ? {} : _props$style,
|
|
102
|
+
autoFocus = props.autoFocus,
|
|
103
|
+
_props$showSearch = props.showSearch,
|
|
104
|
+
showSearch = _props$showSearch === void 0 ? false : _props$showSearch,
|
|
105
|
+
showAllOption = props.showAllOption,
|
|
106
|
+
customSize = props.size,
|
|
107
|
+
customStatus = props.status,
|
|
108
|
+
customDisabled = props.disabled,
|
|
109
|
+
customizePrefixCls = props.prefixCls,
|
|
110
|
+
restProps = _objectWithoutProperties(props, _excluded);
|
|
133
111
|
var contentSize = useContext(SizeContext);
|
|
134
|
-
|
|
135
112
|
var _React$useContext = React.useContext(ConfigContext),
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
113
|
+
getPrefixCls = _React$useContext.getPrefixCls,
|
|
114
|
+
direction = _React$useContext.direction;
|
|
115
|
+
var prefixCls = getPrefixCls('select', customizePrefixCls);
|
|
116
|
+
// ===================== Compact Item =====================
|
|
141
117
|
var _useCompactItemContex = useCompactItemContext(prefixCls, direction),
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
118
|
+
compactSize = _useCompactItemContex.compactSize,
|
|
119
|
+
compactItemClassnames = _useCompactItemContex.compactItemClassnames;
|
|
145
120
|
var size = compactSize || customSize || contentSize || 'middle';
|
|
146
|
-
|
|
147
121
|
var _React$useContext2 = React.useContext(FormItemInputContext),
|
|
148
|
-
|
|
149
|
-
|
|
122
|
+
contextStatus = _React$useContext2.status;
|
|
150
123
|
var _useStyle = useStyle(prefixCls),
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
124
|
+
_useStyle2 = _slicedToArray(_useStyle, 2),
|
|
125
|
+
hashId = _useStyle2[1];
|
|
126
|
+
var mergedStatus = getMergedStatus(contextStatus, customStatus);
|
|
127
|
+
// ===================== Disabled =====================
|
|
156
128
|
var disabled = React.useContext(DisabledContext);
|
|
157
129
|
var mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled;
|
|
158
130
|
var isMultiple = mode === 'multiple';
|
|
@@ -164,34 +136,26 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
164
136
|
__IS_INNER_ALL_OPTION: true
|
|
165
137
|
}].concat(_toConsumableArray(options || []));
|
|
166
138
|
}
|
|
167
|
-
|
|
168
139
|
return options;
|
|
169
140
|
}, [options, showAllOption, isMultiple]);
|
|
170
|
-
|
|
171
141
|
var _React$useState = React.useState(getSelectedOptionsFromValue(isMultiple, innerOptions, value, defaultValue)),
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
142
|
+
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
143
|
+
selectedOptions = _React$useState2[0],
|
|
144
|
+
setSelectedOptions = _React$useState2[1];
|
|
176
145
|
var dropDownTimeRef = React.useRef(0);
|
|
177
|
-
|
|
178
146
|
var _React$useState3 = React.useState(typeof _open === 'boolean' ? _open : defaultOpen),
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
147
|
+
_React$useState4 = _slicedToArray(_React$useState3, 2),
|
|
148
|
+
isOpen = _React$useState4[0],
|
|
149
|
+
setIsOpen = _React$useState4[1];
|
|
183
150
|
var _React$useState5 = React.useState(typeof autoFocus === 'boolean' ? autoFocus : false),
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
151
|
+
_React$useState6 = _slicedToArray(_React$useState5, 2),
|
|
152
|
+
isFocus = _React$useState6[0],
|
|
153
|
+
setIsFocus = _React$useState6[1];
|
|
188
154
|
var prefixRef = React.useRef(null);
|
|
189
155
|
var sizeInPrefix = useMemo(function () {
|
|
190
156
|
var isJSX = /*#__PURE__*/React.isValidElement(prefix);
|
|
191
|
-
|
|
192
157
|
if (isJSX) {
|
|
193
158
|
var _prefix$props$style;
|
|
194
|
-
|
|
195
159
|
var _size = prefix.props.size;
|
|
196
160
|
var width = (_prefix$props$style = prefix.props.style) === null || _prefix$props$style === void 0 ? void 0 : _prefix$props$style.width;
|
|
197
161
|
return width || _size;
|
|
@@ -199,56 +163,47 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
199
163
|
return 0;
|
|
200
164
|
}
|
|
201
165
|
}, [prefix]);
|
|
202
|
-
|
|
203
166
|
var _React$useState7 = React.useState(sizeInPrefix),
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
167
|
+
_React$useState8 = _slicedToArray(_React$useState7, 2),
|
|
168
|
+
prefixW = _React$useState8[0],
|
|
169
|
+
setPrefixWidth = _React$useState8[1];
|
|
208
170
|
var mergedPrefixWidth = prefixWidth || prefixW;
|
|
209
171
|
var updatedRef = useRef(false);
|
|
210
|
-
var selectRef = useRef(null);
|
|
172
|
+
var selectRef = useRef(null);
|
|
211
173
|
|
|
174
|
+
// 处理 ref 方法
|
|
212
175
|
useImperativeHandle(ref, function () {
|
|
213
176
|
return {
|
|
214
177
|
focus: function focus() {
|
|
215
178
|
var _selectRef$current;
|
|
216
|
-
|
|
217
179
|
(_selectRef$current = selectRef.current) === null || _selectRef$current === void 0 ? void 0 : _selectRef$current.focus();
|
|
218
180
|
},
|
|
219
181
|
blur: function blur() {
|
|
220
182
|
var _selectRef$current2;
|
|
221
|
-
|
|
222
183
|
(_selectRef$current2 = selectRef.current) === null || _selectRef$current2 === void 0 ? void 0 : _selectRef$current2.blur();
|
|
223
184
|
},
|
|
224
185
|
scrollTo: function scrollTo(index) {
|
|
225
186
|
var _selectRef$current3;
|
|
226
|
-
|
|
227
187
|
(_selectRef$current3 = selectRef.current) === null || _selectRef$current3 === void 0 ? void 0 : _selectRef$current3.scrollTo(index);
|
|
228
188
|
},
|
|
229
189
|
open: function open() {
|
|
230
190
|
var _selectRef$current4;
|
|
231
|
-
|
|
232
191
|
if (_open) return;
|
|
233
192
|
setIsOpen(true);
|
|
234
193
|
(_selectRef$current4 = selectRef.current) === null || _selectRef$current4 === void 0 ? void 0 : _selectRef$current4.focus();
|
|
235
194
|
},
|
|
236
195
|
close: function close() {
|
|
237
196
|
var _selectRef$current5;
|
|
238
|
-
|
|
239
197
|
if (!_open) return;
|
|
240
198
|
setIsOpen(false);
|
|
241
199
|
(_selectRef$current5 = selectRef.current) === null || _selectRef$current5 === void 0 ? void 0 : _selectRef$current5.blur();
|
|
242
200
|
}
|
|
243
201
|
};
|
|
244
202
|
});
|
|
245
|
-
|
|
246
203
|
var onMultipleOptionChange = function onMultipleOptionChange(option, selected) {
|
|
247
204
|
var newOptions = [];
|
|
248
|
-
|
|
249
205
|
if (selected) {
|
|
250
206
|
var _props$onSelect;
|
|
251
|
-
|
|
252
207
|
if (option.__IS_INNER_ALL_OPTION) {
|
|
253
208
|
newOptions = (innerOptions === null || innerOptions === void 0 ? void 0 : innerOptions.filter(function (item) {
|
|
254
209
|
return !item.__IS_INNER_ALL_OPTION && !item.disabled;
|
|
@@ -256,13 +211,10 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
256
211
|
} else {
|
|
257
212
|
newOptions = [].concat(_toConsumableArray(selectedOptions), [option]);
|
|
258
213
|
}
|
|
259
|
-
|
|
260
214
|
(_props$onSelect = props.onSelect) === null || _props$onSelect === void 0 ? void 0 : _props$onSelect.call(props, option.value, option);
|
|
261
215
|
} else {
|
|
262
216
|
var _props$onDeselect;
|
|
263
|
-
|
|
264
217
|
(_props$onDeselect = props.onDeselect) === null || _props$onDeselect === void 0 ? void 0 : _props$onDeselect.call(props, option.value, option);
|
|
265
|
-
|
|
266
218
|
if (option.__IS_INNER_ALL_OPTION) {
|
|
267
219
|
newOptions = [];
|
|
268
220
|
} else {
|
|
@@ -271,26 +223,21 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
271
223
|
});
|
|
272
224
|
}
|
|
273
225
|
}
|
|
274
|
-
|
|
275
226
|
if (typeof value === 'undefined') {
|
|
276
227
|
setSelectedOptions(newOptions);
|
|
277
228
|
}
|
|
278
|
-
|
|
279
229
|
onChange === null || onChange === void 0 ? void 0 : onChange(newOptions.map(function (item) {
|
|
280
230
|
return item.value;
|
|
281
231
|
}), newOptions);
|
|
282
232
|
};
|
|
283
|
-
|
|
284
233
|
var getListHeight = function getListHeight() {
|
|
285
234
|
if (typeof listHeight === 'number' && innerOptions !== null && innerOptions !== void 0 && innerOptions.length) {
|
|
286
235
|
if (listHeight <= innerOptions.length * listItemHeight) {
|
|
287
236
|
return listHeight;
|
|
288
237
|
}
|
|
289
238
|
}
|
|
290
|
-
|
|
291
239
|
return 0;
|
|
292
240
|
};
|
|
293
|
-
|
|
294
241
|
var multipleRender = function multipleRender() {
|
|
295
242
|
return /*#__PURE__*/React.createElement("div", {
|
|
296
243
|
className: "ald-multiple-option-list"
|
|
@@ -302,7 +249,6 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
302
249
|
itemKey: "value"
|
|
303
250
|
}, function (option) {
|
|
304
251
|
var isSelected = false;
|
|
305
|
-
|
|
306
252
|
if (option.__IS_INNER_ALL_OPTION) {
|
|
307
253
|
isSelected = selectedOptions.length === (innerOptions === null || innerOptions === void 0 ? void 0 : innerOptions.filter(function (option) {
|
|
308
254
|
return !option.__IS_INNER_ALL_OPTION && !option.disabled;
|
|
@@ -312,7 +258,6 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
312
258
|
return selectedOption.value === option.value;
|
|
313
259
|
});
|
|
314
260
|
}
|
|
315
|
-
|
|
316
261
|
return /*#__PURE__*/React.createElement(MultipleOption, {
|
|
317
262
|
key: option.value,
|
|
318
263
|
selected: isSelected,
|
|
@@ -325,19 +270,15 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
325
270
|
});
|
|
326
271
|
}));
|
|
327
272
|
};
|
|
328
|
-
|
|
329
273
|
var onSingleOptionChange = function onSingleOptionChange(option) {
|
|
330
274
|
var _props$onSelect2;
|
|
331
|
-
|
|
332
275
|
if (typeof value === 'undefined') {
|
|
333
276
|
setSelectedOptions([option]);
|
|
334
277
|
}
|
|
335
|
-
|
|
336
278
|
onChange === null || onChange === void 0 ? void 0 : onChange(option.value, option);
|
|
337
279
|
(_props$onSelect2 = props.onSelect) === null || _props$onSelect2 === void 0 ? void 0 : _props$onSelect2.call(props, option.value, option);
|
|
338
280
|
setIsOpen(false);
|
|
339
281
|
};
|
|
340
|
-
|
|
341
282
|
var singleRender = function singleRender() {
|
|
342
283
|
return /*#__PURE__*/React.createElement("div", {
|
|
343
284
|
className: "ald-single-option-list"
|
|
@@ -363,7 +304,6 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
363
304
|
});
|
|
364
305
|
}));
|
|
365
306
|
};
|
|
366
|
-
|
|
367
307
|
var getDropdownRender = function getDropdownRender() {
|
|
368
308
|
if (dropdownRender) {
|
|
369
309
|
if (isMultiple) {
|
|
@@ -373,7 +313,6 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
373
313
|
};
|
|
374
314
|
} else {
|
|
375
315
|
var _menu = singleRender();
|
|
376
|
-
|
|
377
316
|
return function () {
|
|
378
317
|
return dropdownRender(_menu);
|
|
379
318
|
};
|
|
@@ -389,10 +328,9 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
389
328
|
return /*#__PURE__*/React.createElement(React.Fragment, null, notFoundContent);
|
|
390
329
|
};
|
|
391
330
|
}
|
|
392
|
-
};
|
|
331
|
+
};
|
|
332
|
+
// todo: 隐藏已选择项
|
|
393
333
|
// todo: 分组
|
|
394
|
-
|
|
395
|
-
|
|
396
334
|
var currentValue = useMemo(function () {
|
|
397
335
|
if (isMultiple) {
|
|
398
336
|
return selectedOptions.map(function (option) {
|
|
@@ -400,7 +338,6 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
400
338
|
});
|
|
401
339
|
} else {
|
|
402
340
|
var _selectedOptions$;
|
|
403
|
-
|
|
404
341
|
return (_selectedOptions$ = selectedOptions[0]) === null || _selectedOptions$ === void 0 ? void 0 : _selectedOptions$.value;
|
|
405
342
|
}
|
|
406
343
|
}, [selectedOptions, isMultiple]);
|
|
@@ -414,18 +351,15 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
414
351
|
var styleVar = {
|
|
415
352
|
'--ald-select-prefix-width': "".concat(mergedPrefixWidth, "px")
|
|
416
353
|
};
|
|
417
|
-
|
|
418
354
|
var defaultTagRender = function defaultTagRender(props) {
|
|
419
355
|
var label = props.label;
|
|
420
356
|
return /*#__PURE__*/React.createElement("span", {
|
|
421
357
|
className: "ald-select-multiple-tag-default"
|
|
422
358
|
}, label);
|
|
423
359
|
};
|
|
424
|
-
|
|
425
360
|
var maxTagPlaceholder = function maxTagPlaceholder(omittedValues) {
|
|
426
361
|
return /*#__PURE__*/React.createElement(React.Fragment, null, "\u7B49", omittedValues.length, "\u9879");
|
|
427
362
|
};
|
|
428
|
-
|
|
429
363
|
useEffect(function () {
|
|
430
364
|
if (updatedRef.current) {
|
|
431
365
|
setSelectedOptions(getSelectedOptionsFromValue(isMultiple, innerOptions, value, defaultValue));
|
|
@@ -481,11 +415,9 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
481
415
|
}),
|
|
482
416
|
onDropdownVisibleChange: function onDropdownVisibleChange(open) {
|
|
483
417
|
setIsOpen(open);
|
|
484
|
-
|
|
485
418
|
if (!open) {
|
|
486
419
|
dropDownTimeRef.current = Date.now();
|
|
487
420
|
}
|
|
488
|
-
|
|
489
421
|
_onDropdownVisibleChange === null || _onDropdownVisibleChange === void 0 ? void 0 : _onDropdownVisibleChange(open);
|
|
490
422
|
},
|
|
491
423
|
value: value !== null && value !== void 0 ? value : currentValue,
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import type { SizeType } from '../../ConfigProvider/SizeContext';
|
|
3
3
|
import './index.less';
|
|
4
4
|
interface ICustomIconProps {
|
|
5
5
|
size?: SizeType;
|
|
6
6
|
}
|
|
7
|
-
declare const Icon: (props: ICustomIconProps) => JSX.Element;
|
|
7
|
+
declare const Icon: (props: ICustomIconProps) => React.JSX.Element;
|
|
8
8
|
export default Icon;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import "./index.less";
|
|
3
3
|
import classNames from 'classnames';
|
|
4
|
-
|
|
5
4
|
var Icon = function Icon(props) {
|
|
6
5
|
var size = props.size;
|
|
7
6
|
return /*#__PURE__*/React.createElement("div", {
|
|
@@ -22,5 +21,4 @@ var Icon = function Icon(props) {
|
|
|
22
21
|
className: "icon-bar"
|
|
23
22
|
})));
|
|
24
23
|
};
|
|
25
|
-
|
|
26
24
|
export default Icon;
|
package/dist/Spin/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { SpinProps as AntdSpinProps } from 'antd';
|
|
2
|
+
import React from 'react';
|
|
3
3
|
export interface SpinProps extends Omit<AntdSpinProps, 'size'> {
|
|
4
4
|
size?: 'small' | 'large' | 'middle';
|
|
5
5
|
}
|
|
6
|
-
declare function CustomSpin(props: SpinProps): JSX.Element;
|
|
6
|
+
declare function CustomSpin(props: SpinProps): React.JSX.Element;
|
|
7
7
|
export default CustomSpin;
|
package/dist/Spin/index.js
CHANGED
|
@@ -1,26 +1,18 @@
|
|
|
1
1
|
var _excluded = ["size"];
|
|
2
|
-
|
|
3
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); }
|
|
4
|
-
|
|
5
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; }
|
|
6
|
-
|
|
7
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; }
|
|
8
|
-
|
|
9
5
|
import { Spin } from 'antd';
|
|
10
6
|
import classNames from 'classnames';
|
|
11
7
|
import React from 'react';
|
|
12
8
|
import CustomIcon from "./CustomIcon";
|
|
13
|
-
|
|
14
9
|
function CustomSpin(props) {
|
|
15
10
|
var size = props.size,
|
|
16
|
-
|
|
17
|
-
|
|
11
|
+
restProps = _objectWithoutProperties(props, _excluded);
|
|
18
12
|
var spinSize = 'default';
|
|
19
|
-
|
|
20
13
|
if (size === 'middle') {
|
|
21
14
|
spinSize = 'default';
|
|
22
15
|
}
|
|
23
|
-
|
|
24
16
|
return /*#__PURE__*/React.createElement(Spin, _extends({
|
|
25
17
|
className: classNames('ald-spin', props.className),
|
|
26
18
|
indicator: /*#__PURE__*/React.createElement(CustomIcon, {
|
|
@@ -30,5 +22,4 @@ function CustomSpin(props) {
|
|
|
30
22
|
size: spinSize
|
|
31
23
|
}));
|
|
32
24
|
}
|
|
33
|
-
|
|
34
25
|
export default CustomSpin;
|