@aloudata/aloudata-design 2.0.0-beta.1 → 2.0.0-beta.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/Avatar/component/Avatar/index.js +9 -7
- package/dist/Avatar/style/index.less +8 -1
- package/dist/Button/style/variables.less +8 -5
- package/dist/Checkbox/index.js +10 -4
- package/dist/Checkbox/style/index.less +12 -0
- package/dist/Checkbox/type.d.ts +11 -0
- package/dist/ColorPicker/style/index.less +1 -2
- package/dist/ConfigProvider/index.d.ts +1 -1
- package/dist/ConfigProvider/index.js +8 -1
- package/dist/DataPreviewTable/components/Body/index.js +7 -0
- package/dist/DataPreviewTable/constant.d.ts +1 -1
- package/dist/DataPreviewTable/constant.js +1 -1
- package/dist/DataPreviewTable/interface.d.ts +1 -0
- package/dist/DataPreviewTable/style/index.less +11 -11
- package/dist/Dropdown/style/index.less +3 -2
- package/dist/Empty/image/Search.js +2 -2
- package/dist/Empty/image/SearchSmall.js +2 -2
- package/dist/Empty/index.js +2 -1
- package/dist/Empty/style/index.less +2 -1
- package/dist/Form/style/index.less +27 -6
- package/dist/Icon/components/CloseCircleLightLine.d.ts +11 -0
- package/dist/Icon/components/CloseCircleLightLine.js +35 -0
- package/dist/Icon/components/User.d.ts +11 -0
- package/dist/Icon/components/User.js +41 -0
- package/dist/Icon/components/UserGroup.d.ts +11 -0
- package/dist/Icon/components/UserGroup.js +39 -0
- package/dist/Icon/index.d.ts +3 -0
- package/dist/Icon/index.js +4 -1
- package/dist/Icon/svg/Close-Circle-light-line.svg +5 -0
- package/dist/Icon/svg/check-circle-light-line.svg +1 -1
- package/dist/Icon/svg/information-circle-light-line.svg +1 -1
- package/dist/Icon/svg/user.svg +4 -0
- package/dist/Icon/svg/userGroup.svg +7 -0
- package/dist/Input/components/Input/index.js +1 -0
- package/dist/Input/components/TextArea/index.js +1 -0
- package/dist/InputNumber/style/index.less +12 -9
- package/dist/MemberPicker/components/MultipleOption.js +4 -3
- package/dist/MemberPicker/components/NickLabel.d.ts +2 -0
- package/dist/MemberPicker/components/NickLabel.js +8 -2
- package/dist/MemberPicker/components/Panel.js +2 -2
- package/dist/MemberPicker/components/SelectedMemberTags.js +4 -1
- package/dist/MemberPicker/components/SingleOption.js +1 -0
- package/dist/MemberPicker/index.js +13 -1
- package/dist/MemberPicker/interface.d.ts +1 -0
- package/dist/MemberPicker/style/index.less +39 -29
- package/dist/Menu/style/index.less +1 -2
- package/dist/Modal/style/polyfill/index.less +0 -3
- package/dist/Navigator/style/index.less +1 -1
- package/dist/Pagination/index.d.ts +1 -1
- package/dist/Pagination/index.js +7 -1
- package/dist/Pagination/types.d.ts +1 -0
- package/dist/Popconfirm/index.js +3 -3
- package/dist/Popconfirm/style/index.less +49 -15
- package/dist/Progress/style/index.less +5 -2
- package/dist/ScrollArea/index.d.ts +1 -0
- package/dist/ScrollArea/index.js +5 -2
- package/dist/ScrollArea/style/index.less +5 -0
- package/dist/Select/index.js +3 -1
- package/dist/Select/style/index.less +21 -9
- package/dist/Select/style/layout.less +7 -5
- package/dist/Select/style/selectDropdown.less +1 -2
- package/dist/Select/style/size.less +239 -20
- package/dist/Select/style/variables.less +6 -3
- package/dist/Skeleton/style/index.less +84 -4
- package/dist/Spin/index.js +2 -3
- package/dist/Spin/style/index.less +8 -0
- package/dist/Table/components/Pagination/index.js +3 -1
- package/dist/Table/index.js +18 -3
- package/dist/Table/style/index.less +16 -9
- package/dist/Table/types.d.ts +1 -0
- package/dist/Tabs/index.d.ts +5 -0
- package/dist/Tabs/index.js +5 -2
- package/dist/Tabs/style/index.less +10 -7
- package/dist/TextLink/index.js +3 -2
- package/dist/TextLink/style/index.less +5 -0
- package/dist/TextLink/style/type.less +2 -2
- package/dist/Tree/DirectoryTree.js +0 -12
- package/dist/Tree/Tree.d.ts +2 -2
- package/dist/Tree/Tree.js +56 -2
- package/dist/Tree/demo/directoryTree/index.d.ts +3 -0
- package/dist/Tree/demo/directoryTree/index.js +44 -0
- package/dist/Tree/demo/filter/index.d.ts +3 -0
- package/dist/Tree/demo/filter/index.js +63 -0
- package/dist/Tree/style/index.less +35 -12
- package/dist/Tree/style/mixin.less +10 -8
- package/dist/Tree/style/reset.less +15 -0
- package/dist/ald.min.css +1 -1
- package/dist/notification/demo/footer.d.ts +3 -0
- package/dist/notification/demo/footer.js +44 -0
- package/dist/notification/index.js +77 -48
- package/dist/notification/style/index.less +49 -11
- package/dist/style/index.less +3 -3
- package/dist/style/themes/default/index.less +4 -2
- package/package.json +1 -1
|
@@ -2,10 +2,10 @@ var _excluded = ["size", "showFullValue", "children", "src"];
|
|
|
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; }
|
|
5
|
+
import { User } from "../../../Icon";
|
|
5
6
|
import InternalAvatar from 'antd/lib/avatar/avatar';
|
|
6
7
|
import classNames from 'classnames';
|
|
7
8
|
import * as React from 'react';
|
|
8
|
-
import DefaultAvatar from "./avatar";
|
|
9
9
|
var ZERO = 0;
|
|
10
10
|
var Avatar = function Avatar(props) {
|
|
11
11
|
var _props$size = props.size,
|
|
@@ -32,15 +32,17 @@ var Avatar = function Avatar(props) {
|
|
|
32
32
|
return children;
|
|
33
33
|
};
|
|
34
34
|
var defaultSrc = React.useMemo(function () {
|
|
35
|
-
if (typeof src === 'undefined'
|
|
36
|
-
return /*#__PURE__*/React.createElement(
|
|
35
|
+
if (typeof src === 'undefined' || !src) {
|
|
36
|
+
return /*#__PURE__*/React.createElement(User, {
|
|
37
|
+
size: size
|
|
38
|
+
});
|
|
37
39
|
}
|
|
38
40
|
return src;
|
|
39
|
-
}, [
|
|
40
|
-
return /*#__PURE__*/React.createElement(InternalAvatar, _extends({
|
|
41
|
+
}, [size, src]);
|
|
42
|
+
return /*#__PURE__*/React.createElement(InternalAvatar, _extends({}, restProps, {
|
|
41
43
|
size: typeof size === 'number' ? size : undefined,
|
|
42
|
-
className: getSizeClass(size),
|
|
44
|
+
className: classNames(getSizeClass(size), restProps.className),
|
|
43
45
|
src: defaultSrc
|
|
44
|
-
}
|
|
46
|
+
}), getChildren());
|
|
45
47
|
};
|
|
46
48
|
export default Avatar;
|
|
@@ -2,7 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
.ald-avatar.ald-avatar {
|
|
4
4
|
color: @ND0;
|
|
5
|
-
background-color:
|
|
5
|
+
background-color: #fff;
|
|
6
|
+
border: 0;
|
|
6
7
|
|
|
7
8
|
&.ald-avatar-default {
|
|
8
9
|
background-color: transparent;
|
|
@@ -36,3 +37,9 @@
|
|
|
36
37
|
line-height: 24px;
|
|
37
38
|
}
|
|
38
39
|
}
|
|
40
|
+
|
|
41
|
+
.ant-avatar-group {
|
|
42
|
+
.ald-avatar.ald-avatar {
|
|
43
|
+
border: 1px solid #fff;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
var(--alias-padding-150-minus-1, 12px);
|
|
11
11
|
@button-line-height-large: 24px;
|
|
12
12
|
@button-gap-large: 8px;
|
|
13
|
-
@button-text-min-width-large:
|
|
13
|
+
@button-text-min-width-large: 56px;
|
|
14
14
|
|
|
15
15
|
@button-height-middle: 32px;
|
|
16
16
|
@button-text-size-middle: 14px;
|
|
@@ -19,16 +19,16 @@
|
|
|
19
19
|
var(--alias-padding-150-minus-1, 12px);
|
|
20
20
|
@button-line-height-middle: 20px;
|
|
21
21
|
@button-gap-middle: 4px;
|
|
22
|
-
@button-text-min-width-middle:
|
|
22
|
+
@button-text-min-width-middle: 52px;
|
|
23
23
|
|
|
24
24
|
@button-height-small: 28px;
|
|
25
25
|
@button-text-size-small: 12px;
|
|
26
|
-
@button-border-radius-small:
|
|
26
|
+
@button-border-radius-small: var(--alias-radius-50, 4px);
|
|
27
27
|
@button-padding-small: var(--alias-padding-75-minus-1, 6px)
|
|
28
28
|
var(--alias-padding-150-minus-1, 12px);
|
|
29
29
|
@button-line-height-small: 16px;
|
|
30
30
|
@button-gap-small: var(--alias-radius-50, 4px);
|
|
31
|
-
@button-text-min-width-small:
|
|
31
|
+
@button-text-min-width-small: 48px;
|
|
32
32
|
|
|
33
33
|
// @button-height-mini: 24px;
|
|
34
34
|
// @button-text-size-mini: 12px;
|
|
@@ -38,7 +38,10 @@
|
|
|
38
38
|
|
|
39
39
|
/**** primary按钮 ****/
|
|
40
40
|
// bg color
|
|
41
|
-
@button-primary-bg-color:var(
|
|
41
|
+
@button-primary-bg-color: var(
|
|
42
|
+
--alias-colors-bg-accent-blue-stronger-default,
|
|
43
|
+
#126fdd
|
|
44
|
+
);
|
|
42
45
|
@button-primary-bg-color-hover: var(
|
|
43
46
|
--alias-colors-bg-accent-blue-stronger-hover,
|
|
44
47
|
#0f59b1
|
package/dist/Checkbox/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
var _excluded = ["className", "disabled"],
|
|
2
|
-
_excluded2 = ["className", "disabled"];
|
|
1
|
+
var _excluded = ["className", "disabled", "size"],
|
|
2
|
+
_excluded2 = ["className", "disabled", "size"];
|
|
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
4
|
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; }
|
|
5
5
|
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; }
|
|
@@ -11,22 +11,28 @@ import CheckboxGroup from "./component/CheckboxGroup";
|
|
|
11
11
|
function Checkbox(props) {
|
|
12
12
|
var className = props.className,
|
|
13
13
|
customDisabled = props.disabled,
|
|
14
|
+
size = props.size,
|
|
14
15
|
otherProps = _objectWithoutProperties(props, _excluded);
|
|
15
16
|
var disabled = React.useContext(DisabledContext);
|
|
16
17
|
var mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled;
|
|
17
18
|
return /*#__PURE__*/React.createElement(AntdCheckbox, _extends({
|
|
18
|
-
className: classNames('ald-checkbox', className
|
|
19
|
+
className: classNames('ald-checkbox', className, {
|
|
20
|
+
'ald-checkbox-small': size === 'small'
|
|
21
|
+
}),
|
|
19
22
|
disabled: mergedDisabled
|
|
20
23
|
}, otherProps));
|
|
21
24
|
}
|
|
22
25
|
Checkbox.Group = function Group(props) {
|
|
23
26
|
var className = props.className,
|
|
24
27
|
customDisabled = props.disabled,
|
|
28
|
+
size = props.size,
|
|
25
29
|
otherProps = _objectWithoutProperties(props, _excluded2);
|
|
26
30
|
var disabled = React.useContext(DisabledContext);
|
|
27
31
|
var mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled;
|
|
28
32
|
return /*#__PURE__*/React.createElement(CheckboxGroup, _extends({
|
|
29
|
-
className: classNames('ald-checkbox-group', className
|
|
33
|
+
className: classNames('ald-checkbox-group', className, {
|
|
34
|
+
'ald-checkbox-group-small': size === 'small'
|
|
35
|
+
}),
|
|
30
36
|
disabled: mergedDisabled
|
|
31
37
|
}, otherProps));
|
|
32
38
|
};
|
|
@@ -204,6 +204,18 @@
|
|
|
204
204
|
padding-left: 6px;
|
|
205
205
|
font-size: 14px;
|
|
206
206
|
}
|
|
207
|
+
|
|
208
|
+
&.ald-checkbox-small {
|
|
209
|
+
.ant-checkbox + span {
|
|
210
|
+
font-size: 12px;
|
|
211
|
+
}
|
|
212
|
+
}
|
|
213
|
+
}
|
|
214
|
+
|
|
215
|
+
.ald-checkbox-group-small {
|
|
216
|
+
.ant-checkbox.ant-checkbox + span {
|
|
217
|
+
font-size: 12px;
|
|
218
|
+
}
|
|
207
219
|
}
|
|
208
220
|
|
|
209
221
|
.ald-checkbox.ald-checkbox.ant-checkbox-wrapper-disabled {
|
package/dist/Checkbox/type.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { CheckboxChangeEvent, CheckboxGroupProps, CheckboxProps } from 'antd/lib/checkbox';
|
|
2
2
|
import { CheckboxOptionType, CheckboxValueType } from 'antd/lib/checkbox/Group';
|
|
3
|
+
export type TSize = 'middle' | 'small';
|
|
3
4
|
export declare enum EDirection {
|
|
4
5
|
VERTICAL = "vertical",
|
|
5
6
|
HORIZONTAL = "horizontal"
|
|
@@ -41,6 +42,11 @@ export interface ICheckboxProps extends CheckboxProps {
|
|
|
41
42
|
* @default -
|
|
42
43
|
*/
|
|
43
44
|
onChange?: (e: CheckboxChangeEvent) => void;
|
|
45
|
+
/**
|
|
46
|
+
* @description 大小
|
|
47
|
+
* @default 'middle'
|
|
48
|
+
*/
|
|
49
|
+
size?: TSize;
|
|
44
50
|
}
|
|
45
51
|
export interface ICheckboxGroupProps extends CheckboxGroupProps {
|
|
46
52
|
/**
|
|
@@ -91,4 +97,9 @@ export interface ICheckboxGroupProps extends CheckboxGroupProps {
|
|
|
91
97
|
* @default -
|
|
92
98
|
*/
|
|
93
99
|
className?: string;
|
|
100
|
+
/**
|
|
101
|
+
* @description 大小
|
|
102
|
+
* @default 'middle'
|
|
103
|
+
*/
|
|
104
|
+
size?: TSize;
|
|
94
105
|
}
|
|
@@ -50,8 +50,7 @@
|
|
|
50
50
|
background: #fff;
|
|
51
51
|
border: 1px solid #dbdbdb;
|
|
52
52
|
box-sizing: border-box;
|
|
53
|
-
box-shadow: 0
|
|
54
|
-
0 12px 16px -4px rgb(16 24 40 / 0.08);
|
|
53
|
+
box-shadow: 0 10px 18px -2px rgba(0, 0, 0, 0.08);
|
|
55
54
|
border-radius: 2px;
|
|
56
55
|
padding: 8px 7px;
|
|
57
56
|
|
|
@@ -6,7 +6,7 @@ import useGetUserList from './hooks/useGetUserList';
|
|
|
6
6
|
import SizeContext from './sizeContext';
|
|
7
7
|
export { ConfigContext } from 'antd/lib/config-provider';
|
|
8
8
|
export { ConfigConsumer } from 'antd/lib/config-provider/';
|
|
9
|
-
export type { ConfigConsumerProps,
|
|
9
|
+
export type { CSPConfig, ConfigConsumerProps, DirectionType, RenderEmptyHandler, configConsumerProps, globalConfig, } from 'antd/lib/config-provider/';
|
|
10
10
|
interface AldCustomConfigProviderProps extends ConfigProviderProps {
|
|
11
11
|
children?: React.ReactNode;
|
|
12
12
|
getUsersByIds?: getUsersByIdsType;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
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); }
|
|
1
2
|
import { ConfigProvider } from 'antd';
|
|
2
3
|
import React from 'react';
|
|
3
4
|
import getUserListContext from "./getUserList";
|
|
@@ -18,7 +19,13 @@ var AldCustomConfigProvider = function AldCustomConfigProvider(props) {
|
|
|
18
19
|
}
|
|
19
20
|
}, children);
|
|
20
21
|
}
|
|
21
|
-
return /*#__PURE__*/React.createElement(ConfigProvider,
|
|
22
|
+
return /*#__PURE__*/React.createElement(ConfigProvider, _extends({
|
|
23
|
+
theme: {
|
|
24
|
+
token: {
|
|
25
|
+
fontFamily: "Inter,'PingFang SC', system-ui, -apple-system, blinkmacsystemfont,\n 'Helvetica Neue', 'Segoe UI', helvetica, arial, 'Microsoft YaHei',\n 'WenQuanYi Micro Hei', sans-serif;"
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
}, props), childNode);
|
|
22
29
|
};
|
|
23
30
|
AldCustomConfigProvider.ConfigContext = ConfigProvider.ConfigContext;
|
|
24
31
|
AldCustomConfigProvider.SizeContext = SizeContext;
|
|
@@ -33,6 +33,13 @@ function Body(props) {
|
|
|
33
33
|
position: 'absolute',
|
|
34
34
|
textAlign: columns[columnIndex].align || 'left'
|
|
35
35
|
};
|
|
36
|
+
var render = columns[columnIndex].render;
|
|
37
|
+
if (render) {
|
|
38
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
39
|
+
style: style,
|
|
40
|
+
key: columnIndex
|
|
41
|
+
}, render(cell));
|
|
42
|
+
}
|
|
36
43
|
return /*#__PURE__*/React.createElement(Cell, {
|
|
37
44
|
key: columnIndex,
|
|
38
45
|
style: style,
|
|
@@ -20,6 +20,7 @@ export interface PreviewColumn {
|
|
|
20
20
|
defaultWidth?: number;
|
|
21
21
|
renderHeader?: (column: Omit<PreviewColumn, 'render'>) => React.ReactElement;
|
|
22
22
|
align?: Align;
|
|
23
|
+
render?: (value: TValue) => React.ReactElement;
|
|
23
24
|
}
|
|
24
25
|
export type TValue = string | null | number | boolean;
|
|
25
26
|
export interface IColumnLayout {
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
@import '../../Result/style/index.less';
|
|
6
6
|
|
|
7
7
|
.ald-data-preview-table {
|
|
8
|
-
border: 1px solid #
|
|
8
|
+
border: 1px solid var(--alias-colors-border-default, #e5e7eb);
|
|
9
9
|
font-size: 12px;
|
|
10
10
|
position: relative;
|
|
11
11
|
|
|
@@ -15,29 +15,30 @@
|
|
|
15
15
|
}
|
|
16
16
|
|
|
17
17
|
.ald-data-preview-header {
|
|
18
|
-
height:
|
|
18
|
+
height: 32px;
|
|
19
19
|
z-index: 2;
|
|
20
|
-
background
|
|
20
|
+
background: var(--alias-colors-bg-skeleton-subtle, #f9fafb);
|
|
21
21
|
width: 100%;
|
|
22
22
|
}
|
|
23
23
|
|
|
24
24
|
.ald-data-preview-header-cell {
|
|
25
25
|
height: 100%;
|
|
26
26
|
position: relative;
|
|
27
|
-
border: 1px solid #
|
|
27
|
+
border: 1px solid var(--alias-colors-border-default, #e5e7eb);
|
|
28
28
|
border-left: none;
|
|
29
29
|
border-top: none;
|
|
30
30
|
display: flex;
|
|
31
31
|
align-items: center;
|
|
32
32
|
box-sizing: border-box;
|
|
33
|
-
color: #
|
|
33
|
+
color: var(--alias-colors-text-strong, #111827);
|
|
34
34
|
font-weight: 500;
|
|
35
35
|
|
|
36
36
|
.ald-data-preview-header-default {
|
|
37
|
-
padding: 4px
|
|
37
|
+
padding: 6px 4px;
|
|
38
38
|
height: 100%;
|
|
39
39
|
width: 100%;
|
|
40
40
|
line-height: 20px;
|
|
41
|
+
background: var(--alias-colors-bg-skeleton-subtle, #f9fafb);
|
|
41
42
|
|
|
42
43
|
.ald-data-preview-header-left {
|
|
43
44
|
width: 20px;
|
|
@@ -78,15 +79,14 @@
|
|
|
78
79
|
.ald-data-preview-body-cell {
|
|
79
80
|
white-space: nowrap;
|
|
80
81
|
overflow: hidden;
|
|
81
|
-
border: 1px solid #
|
|
82
|
+
border: 1px solid var(--alias-colors-border-subtle, #f3f4f6);
|
|
82
83
|
border-left: none;
|
|
83
84
|
border-top: none;
|
|
84
|
-
padding: 2px
|
|
85
|
+
padding: 2px 4px;
|
|
85
86
|
line-height: 16px;
|
|
86
87
|
box-sizing: border-box;
|
|
87
|
-
|
|
88
|
-
font-
|
|
89
|
-
text-align: left;
|
|
88
|
+
color: var(--alias-colors-text-default, #1f2937);
|
|
89
|
+
font-size: 12px;
|
|
90
90
|
}
|
|
91
91
|
|
|
92
92
|
.ald-data-preview-body-skeleton-cell {
|
|
@@ -75,9 +75,10 @@
|
|
|
75
75
|
.dropdown-wrap {
|
|
76
76
|
border: 1px solid var(--alias-colors-border-strong, #d1d5db);
|
|
77
77
|
border-radius: var(--alias-radius-75, 6px);
|
|
78
|
-
box-shadow: 0
|
|
79
|
-
0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05);
|
|
78
|
+
box-shadow: 0 10px 18px -2px rgba(0, 0, 0, 0.08);
|
|
80
79
|
overflow: hidden;
|
|
80
|
+
padding: 4px 0;
|
|
81
|
+
background-color: var(--alias-colors-bg-skeleton-subtler, #fff);
|
|
81
82
|
}
|
|
82
83
|
// dropdown的容器
|
|
83
84
|
.ant-dropdown.ant-dropdown {
|
|
@@ -10,9 +10,9 @@ var Search = function Search() {
|
|
|
10
10
|
}, /*#__PURE__*/React.createElement("rect", {
|
|
11
11
|
width: "240",
|
|
12
12
|
height: "240",
|
|
13
|
-
fill: "url(#
|
|
13
|
+
fill: "url(#patternSearch)"
|
|
14
14
|
}), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("pattern", {
|
|
15
|
-
id: "
|
|
15
|
+
id: "patternSearch",
|
|
16
16
|
patternContentUnits: "objectBoundingBox",
|
|
17
17
|
width: "1",
|
|
18
18
|
height: "1"
|
|
@@ -9,9 +9,9 @@ var SearchSmall = function SearchSmall() {
|
|
|
9
9
|
}, /*#__PURE__*/React.createElement("rect", {
|
|
10
10
|
width: "40",
|
|
11
11
|
height: "40",
|
|
12
|
-
fill: "url(#
|
|
12
|
+
fill: "url(#patternSmall)"
|
|
13
13
|
}), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("pattern", {
|
|
14
|
-
id: "
|
|
14
|
+
id: "patternSmall",
|
|
15
15
|
patternContentUnits: "objectBoundingBox",
|
|
16
16
|
width: "1",
|
|
17
17
|
height: "1"
|
package/dist/Empty/index.js
CHANGED
|
@@ -7,6 +7,7 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
|
|
|
7
7
|
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; }
|
|
8
8
|
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; }
|
|
9
9
|
import classNames from 'classnames';
|
|
10
|
+
import _ from 'lodash';
|
|
10
11
|
import * as React from 'react';
|
|
11
12
|
import DataEmptyImg from "./image/Data";
|
|
12
13
|
import SearchEmptyImg from "./image/Search";
|
|
@@ -52,7 +53,7 @@ var Empty = function Empty(props) {
|
|
|
52
53
|
};
|
|
53
54
|
return /*#__PURE__*/React.createElement("div", _extends({
|
|
54
55
|
className: classNames(prefixCls, _defineProperty({}, "".concat(prefixCls, "-").concat(getSize(size)), getSize(size)), className)
|
|
55
|
-
}, restProps), /*#__PURE__*/React.createElement("div", {
|
|
56
|
+
}, restProps), !_.isNull(imageNode) && /*#__PURE__*/React.createElement("div", {
|
|
56
57
|
className: "".concat(prefixCls, "-image-wrap "),
|
|
57
58
|
style: imageStyle
|
|
58
59
|
}, imageNode), title && /*#__PURE__*/React.createElement("div", {
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
@import '../../style/index.less';
|
|
2
2
|
|
|
3
|
-
@ald-prefix:
|
|
3
|
+
@ald-prefix: ald;
|
|
4
4
|
|
|
5
5
|
.ald-empty {
|
|
6
6
|
display: flex;
|
|
7
7
|
flex-direction: column;
|
|
8
8
|
align-items: center;
|
|
9
9
|
justify-content: center;
|
|
10
|
+
height: 100%;
|
|
10
11
|
|
|
11
12
|
.ald-empty-image-wrap {
|
|
12
13
|
display: flex;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
.ant-form {
|
|
4
4
|
&.ant-form {
|
|
5
|
-
font-size:
|
|
5
|
+
font-size: 14px;
|
|
6
6
|
}
|
|
7
7
|
|
|
8
8
|
.ant-form-item {
|
|
@@ -18,18 +18,31 @@
|
|
|
18
18
|
|
|
19
19
|
label {
|
|
20
20
|
overflow: hidden;
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
font-style: normal;
|
|
21
|
+
height: 32px;
|
|
22
|
+
color: var(--alias-colors-text-subtle, #4b5563);
|
|
24
23
|
font-weight: 500;
|
|
25
24
|
line-height: 20px;
|
|
26
|
-
height: 32px;
|
|
27
25
|
|
|
28
26
|
&.ant-form-item-no-colon {
|
|
29
27
|
&::after {
|
|
30
28
|
display: none;
|
|
31
29
|
}
|
|
32
30
|
}
|
|
31
|
+
|
|
32
|
+
.ant-form-item-tooltip {
|
|
33
|
+
margin-left: var(--alias-spacing-25, 2px);
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
&.ant-form-item-required:not(
|
|
37
|
+
.ant-form-item-required-mark-optional
|
|
38
|
+
)::before {
|
|
39
|
+
width: 8px;
|
|
40
|
+
margin-right: var(--alias-spacing-25, 2px);
|
|
41
|
+
color: var(--alias-colors-text-danger, #b91c1c);
|
|
42
|
+
text-align: right;
|
|
43
|
+
font-size: 14px;
|
|
44
|
+
font-weight: 500;
|
|
45
|
+
}
|
|
33
46
|
}
|
|
34
47
|
}
|
|
35
48
|
|
|
@@ -40,8 +53,16 @@
|
|
|
40
53
|
.ant-form-item-control-input {
|
|
41
54
|
min-height: 20px;
|
|
42
55
|
}
|
|
43
|
-
|
|
56
|
+
// 表单元素的容器
|
|
44
57
|
.ant-form-item-control-input-content {
|
|
58
|
+
.ald-select {
|
|
59
|
+
width: 100%;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
.ald-input-number {
|
|
63
|
+
width: 100%;
|
|
64
|
+
}
|
|
65
|
+
|
|
45
66
|
.ald-switch {
|
|
46
67
|
display: block;
|
|
47
68
|
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { SVGProps } from 'react';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
interface SVGRProps {
|
|
4
|
+
size?: number | string;
|
|
5
|
+
title?: string;
|
|
6
|
+
titleId?: string;
|
|
7
|
+
desc?: string;
|
|
8
|
+
descId?: string;
|
|
9
|
+
}
|
|
10
|
+
declare const Memo: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>>;
|
|
11
|
+
export default Memo;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
var _excluded = ["title", "titleId", "desc", "descId"];
|
|
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
|
+
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
|
+
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; }
|
|
5
|
+
import * as React from 'react';
|
|
6
|
+
import { forwardRef, memo } from 'react';
|
|
7
|
+
var CloseCircleLightLine = function CloseCircleLightLine(_ref, ref) {
|
|
8
|
+
var title = _ref.title,
|
|
9
|
+
titleId = _ref.titleId,
|
|
10
|
+
desc = _ref.desc,
|
|
11
|
+
descId = _ref.descId,
|
|
12
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
13
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
14
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
15
|
+
width: props.width || props.size || 16,
|
|
16
|
+
height: props.height || props.size || 16,
|
|
17
|
+
fill: "none",
|
|
18
|
+
viewBox: "0 0 24 24",
|
|
19
|
+
ref: ref,
|
|
20
|
+
"aria-labelledby": titleId,
|
|
21
|
+
"aria-describedby": descId
|
|
22
|
+
}, props), desc ? /*#__PURE__*/React.createElement("desc", {
|
|
23
|
+
id: descId
|
|
24
|
+
}, desc) : null, title ? /*#__PURE__*/React.createElement("title", {
|
|
25
|
+
id: titleId
|
|
26
|
+
}, title) : null, /*#__PURE__*/React.createElement("path", {
|
|
27
|
+
fill: props.color || 'currentColor',
|
|
28
|
+
fillRule: "evenodd",
|
|
29
|
+
d: "M3.75 12a8.25 8.25 0 1 1 16.5 0 8.25 8.25 0 0 1-16.5 0ZM12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25Zm-1.47 7.22a.75.75 0 1 0-1.06 1.06L10.94 12l-1.47 1.47a.75.75 0 1 0 1.06 1.06L12 13.06l1.47 1.47a.75.75 0 1 0 1.06-1.06L13.06 12l1.47-1.47a.75.75 0 1 0-1.06-1.06L12 10.94l-1.47-1.47Z",
|
|
30
|
+
clipRule: "evenodd"
|
|
31
|
+
}));
|
|
32
|
+
};
|
|
33
|
+
var ForwardRef = /*#__PURE__*/forwardRef(CloseCircleLightLine);
|
|
34
|
+
var Memo = /*#__PURE__*/memo(ForwardRef);
|
|
35
|
+
export default Memo;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { SVGProps } from 'react';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
interface SVGRProps {
|
|
4
|
+
size?: number | string;
|
|
5
|
+
title?: string;
|
|
6
|
+
titleId?: string;
|
|
7
|
+
desc?: string;
|
|
8
|
+
descId?: string;
|
|
9
|
+
}
|
|
10
|
+
declare const Memo: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>>;
|
|
11
|
+
export default Memo;
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
var _excluded = ["title", "titleId", "desc", "descId"];
|
|
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
|
+
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
|
+
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; }
|
|
5
|
+
import * as React from 'react';
|
|
6
|
+
import { forwardRef, memo } from 'react';
|
|
7
|
+
var User = function User(_ref, ref) {
|
|
8
|
+
var title = _ref.title,
|
|
9
|
+
titleId = _ref.titleId,
|
|
10
|
+
desc = _ref.desc,
|
|
11
|
+
descId = _ref.descId,
|
|
12
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
13
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
14
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
15
|
+
width: props.width || props.size || 16,
|
|
16
|
+
height: props.height || props.size || 16,
|
|
17
|
+
fill: "none",
|
|
18
|
+
viewBox: "0 0 100 100",
|
|
19
|
+
ref: ref,
|
|
20
|
+
"aria-labelledby": titleId,
|
|
21
|
+
"aria-describedby": descId
|
|
22
|
+
}, props), desc ? /*#__PURE__*/React.createElement("desc", {
|
|
23
|
+
id: descId
|
|
24
|
+
}, desc) : null, title ? /*#__PURE__*/React.createElement("title", {
|
|
25
|
+
id: titleId
|
|
26
|
+
}, title) : null, /*#__PURE__*/React.createElement("circle", {
|
|
27
|
+
cx: 50,
|
|
28
|
+
cy: 50,
|
|
29
|
+
r: 50,
|
|
30
|
+
fill: "#F97316",
|
|
31
|
+
opacity: 0.25
|
|
32
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
33
|
+
fill: "#F97316",
|
|
34
|
+
fillRule: "evenodd",
|
|
35
|
+
d: "M62.992 45.79a15.626 15.626 0 1 0-25.986-17.362A15.626 15.626 0 0 0 62.992 45.79ZM50 93.75c13.386 0 25.367-6.011 33.392-15.482C75.594 68.424 63.534 62.11 50 62.11c-13.534 0-25.594 6.315-33.392 16.16C24.633 87.738 36.614 93.75 50 93.75Z",
|
|
36
|
+
clipRule: "evenodd"
|
|
37
|
+
}));
|
|
38
|
+
};
|
|
39
|
+
var ForwardRef = /*#__PURE__*/forwardRef(User);
|
|
40
|
+
var Memo = /*#__PURE__*/memo(ForwardRef);
|
|
41
|
+
export default Memo;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { SVGProps } from 'react';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
interface SVGRProps {
|
|
4
|
+
size?: number | string;
|
|
5
|
+
title?: string;
|
|
6
|
+
titleId?: string;
|
|
7
|
+
desc?: string;
|
|
8
|
+
descId?: string;
|
|
9
|
+
}
|
|
10
|
+
declare const Memo: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>>;
|
|
11
|
+
export default Memo;
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
var _excluded = ["title", "titleId", "desc", "descId"];
|
|
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
|
+
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
|
+
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; }
|
|
5
|
+
import * as React from 'react';
|
|
6
|
+
import { forwardRef, memo } from 'react';
|
|
7
|
+
var UserGroup = function UserGroup(_ref, ref) {
|
|
8
|
+
var title = _ref.title,
|
|
9
|
+
titleId = _ref.titleId,
|
|
10
|
+
desc = _ref.desc,
|
|
11
|
+
descId = _ref.descId,
|
|
12
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
13
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
14
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
15
|
+
width: props.width || props.size || 16,
|
|
16
|
+
height: props.height || props.size || 16,
|
|
17
|
+
fill: "none",
|
|
18
|
+
viewBox: "0 0 100 100",
|
|
19
|
+
ref: ref,
|
|
20
|
+
"aria-labelledby": titleId,
|
|
21
|
+
"aria-describedby": descId
|
|
22
|
+
}, props), desc ? /*#__PURE__*/React.createElement("desc", {
|
|
23
|
+
id: descId
|
|
24
|
+
}, desc) : null, title ? /*#__PURE__*/React.createElement("title", {
|
|
25
|
+
id: titleId
|
|
26
|
+
}, title) : null, /*#__PURE__*/React.createElement("circle", {
|
|
27
|
+
cx: 50,
|
|
28
|
+
cy: 50,
|
|
29
|
+
r: 50,
|
|
30
|
+
fill: "#6366F1",
|
|
31
|
+
opacity: 0.25
|
|
32
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
33
|
+
fill: "#6366F1",
|
|
34
|
+
d: "M68 90.162A43.844 43.844 0 0 1 50 94c-14.145 0-26.732-6.675-34.78-17.047C19.91 68.061 29.246 62 40 62c15.464 0 28 12.536 28 28v.162ZM84.78 76.953a44.255 44.255 0 0 1-9.036 8.733C74.614 76.22 69.81 67.882 62.8 62.138c9.558.949 17.703 6.704 21.982 14.815ZM40 53c8.837 0 16-7.163 16-16s-7.163-16-16-16-16 7.163-16 16 7.163 16 16 16ZM64 37a23.91 23.91 0 0 1-6.001 15.876c.655.082 1.323.124 2.001.124 8.837 0 16-7.163 16-16s-7.163-16-16-16c-.678 0-1.346.042-2.001.124A23.91 23.91 0 0 1 64 37Z"
|
|
35
|
+
}));
|
|
36
|
+
};
|
|
37
|
+
var ForwardRef = /*#__PURE__*/forwardRef(UserGroup);
|
|
38
|
+
var Memo = /*#__PURE__*/memo(ForwardRef);
|
|
39
|
+
export default Memo;
|
package/dist/Icon/index.d.ts
CHANGED
|
@@ -14,6 +14,7 @@ export { default as ChevronLeftLine } from './components/ChevronLeftLine';
|
|
|
14
14
|
export { default as ChevronRightLine } from './components/ChevronRightLine';
|
|
15
15
|
export { default as CircleLightLine } from './components/CircleLightLine';
|
|
16
16
|
export { default as CloseCircleFill } from './components/CloseCircleFill';
|
|
17
|
+
export { default as CloseCircleLightLine } from './components/CloseCircleLightLine';
|
|
17
18
|
export { default as CloseLLine } from './components/CloseLLine';
|
|
18
19
|
export { default as CloseLightLine } from './components/CloseLightLine';
|
|
19
20
|
export { default as CloseMLine } from './components/CloseMLine';
|
|
@@ -33,3 +34,5 @@ export { default as LoadingLine } from './components/LoadingLine';
|
|
|
33
34
|
export { default as MoreVerticalLine } from './components/MoreVerticalLine';
|
|
34
35
|
export { default as SearchLine } from './components/SearchLine';
|
|
35
36
|
export { default as TriangleLightLine } from './components/TriangleLightLine';
|
|
37
|
+
export { default as User } from './components/User';
|
|
38
|
+
export { default as UserGroup } from './components/UserGroup';
|