@aloudata/aloudata-design 2.0.0-beta.10 → 2.0.0-beta.12
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/Button/style/index.less +4 -0
- package/dist/Checkbox/style/index.less +0 -3
- 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/interface.d.ts +1 -0
- package/dist/DataPreviewTable/style/index.less +2 -1
- package/dist/Dropdown/index.js +4 -1
- package/dist/Dropdown/style/index.less +11 -0
- package/dist/Empty/style/index.less +2 -2
- package/dist/Icon/components/TimesLightLine.d.ts +11 -0
- package/dist/Icon/components/TimesLightLine.js +35 -0
- package/dist/Icon/index.d.ts +1 -0
- package/dist/Icon/index.js +1 -0
- package/dist/Icon/svg/Times-light-line.svg +5 -0
- package/dist/IconButton/index.js +4 -1
- package/dist/Input/components/Input/index.js +2 -1
- package/dist/Input/components/TextArea/index.js +7 -4
- package/dist/MemberPicker/index.js +19 -2
- package/dist/MemberPicker/style/index.less +6 -3
- package/dist/Modal/style/polyfill/index.less +0 -3
- package/dist/Popconfirm/index.js +1 -1
- package/dist/Popconfirm/style/index.less +2 -4
- package/dist/Progress/style/index.less +5 -2
- package/dist/Select/index.js +4 -3
- package/dist/Select/style/index.less +1 -0
- package/dist/Select/style/layout.less +1 -0
- package/dist/Select/style/status.less +17 -1
- package/dist/Table/style/index.less +6 -5
- package/dist/Tabs/style/index.less +1 -5
- package/dist/Tooltip/index.js +5 -3
- package/dist/Tree/Tree.d.ts +2 -2
- package/dist/Tree/Tree.js +65 -2
- package/dist/Tree/demo/basic/index.js +3 -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 +10 -0
- package/dist/Tree/style/mixin.less +7 -3
- package/dist/ald.min.css +1 -1
- package/dist/style/index.less +3 -3
- package/dist/style/themes/default/index.less +3 -1
- package/package.json +1 -1
|
@@ -47,7 +47,6 @@
|
|
|
47
47
|
|
|
48
48
|
.ald-checkbox.ald-checkbox {
|
|
49
49
|
height: 20px;
|
|
50
|
-
color: @NL0;
|
|
51
50
|
font-size: 13px;
|
|
52
51
|
line-height: 20px;
|
|
53
52
|
|
|
@@ -57,7 +56,6 @@
|
|
|
57
56
|
|
|
58
57
|
&.ant-checkbox-wrapper {
|
|
59
58
|
height: 20px;
|
|
60
|
-
color: @NL0;
|
|
61
59
|
font-weight: 400;
|
|
62
60
|
font-size: 13px;
|
|
63
61
|
line-height: 20px;
|
|
@@ -157,7 +155,6 @@
|
|
|
157
155
|
cursor: default;
|
|
158
156
|
|
|
159
157
|
& + span {
|
|
160
|
-
color: @NL0;
|
|
161
158
|
cursor: default;
|
|
162
159
|
}
|
|
163
160
|
|
|
@@ -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 {
|
|
@@ -7,6 +7,7 @@
|
|
|
7
7
|
.ald-data-preview-table {
|
|
8
8
|
border: 1px solid var(--alias-colors-border-default, #e5e7eb);
|
|
9
9
|
font-size: 12px;
|
|
10
|
+
font-variant-numeric: lining-nums tabular-nums;
|
|
10
11
|
position: relative;
|
|
11
12
|
|
|
12
13
|
* {
|
|
@@ -34,7 +35,7 @@
|
|
|
34
35
|
font-weight: 500;
|
|
35
36
|
|
|
36
37
|
.ald-data-preview-header-default {
|
|
37
|
-
padding:
|
|
38
|
+
padding: 4px 13px 3px 20px;
|
|
38
39
|
height: 100%;
|
|
39
40
|
width: 100%;
|
|
40
41
|
line-height: 20px;
|
package/dist/Dropdown/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
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
|
-
var _excluded = ["children", "open", "overlayClassName", "menu", "align", "placement"];
|
|
2
|
+
var _excluded = ["children", "open", "overlayClassName", "menu", "align", "placement", "trigger"];
|
|
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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
5
5
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
@@ -21,6 +21,8 @@ export default function Dropdown(props) {
|
|
|
21
21
|
menu = props.menu,
|
|
22
22
|
align = props.align,
|
|
23
23
|
placement = props.placement,
|
|
24
|
+
_props$trigger = props.trigger,
|
|
25
|
+
trigger = _props$trigger === void 0 ? ['click'] : _props$trigger,
|
|
24
26
|
otherProps = _objectWithoutProperties(props, _excluded);
|
|
25
27
|
// antd 根据 open 字段是否存在来判断 open 是否是可控模式
|
|
26
28
|
var antdDropdownProps = otherProps;
|
|
@@ -52,6 +54,7 @@ export default function Dropdown(props) {
|
|
|
52
54
|
overlayClassName: classNames('ald-dropdown-overlay', overlayClassName),
|
|
53
55
|
menu: menus,
|
|
54
56
|
align: defaultAlign,
|
|
57
|
+
trigger: trigger,
|
|
55
58
|
placement: placement
|
|
56
59
|
}, antdDropdownProps), children);
|
|
57
60
|
}
|
|
@@ -17,6 +17,17 @@
|
|
|
17
17
|
background-color: unset;
|
|
18
18
|
}
|
|
19
19
|
|
|
20
|
+
.ant-dropdown-menu-item-danger {
|
|
21
|
+
color: #b91c1c !important;
|
|
22
|
+
|
|
23
|
+
&:hover {
|
|
24
|
+
background: var(
|
|
25
|
+
--alias-colors-bg-interaction-hover,
|
|
26
|
+
rgba(0, 0, 0, 0.05)
|
|
27
|
+
) !important;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
|
|
20
31
|
.ant-dropdown-menu-item,
|
|
21
32
|
.ant-dropdown-menu-submenu .ant-dropdown-menu-submenu-title {
|
|
22
33
|
display: flex;
|
|
@@ -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 TimesLightLine = function TimesLightLine(_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: "M17.53 7.53a.75.75 0 1 0-1.06-1.06L12 10.94 7.53 6.47a.75.75 0 0 0-1.06 1.06L10.94 12l-4.47 4.47a.75.75 0 0 0 1.06 1.06L12 13.06l4.47 4.47a.75.75 0 0 0 1.06-1.06L13.06 12l4.47-4.47Z",
|
|
30
|
+
clipRule: "evenodd"
|
|
31
|
+
}));
|
|
32
|
+
};
|
|
33
|
+
var ForwardRef = /*#__PURE__*/forwardRef(TimesLightLine);
|
|
34
|
+
var Memo = /*#__PURE__*/memo(ForwardRef);
|
|
35
|
+
export default Memo;
|
package/dist/Icon/index.d.ts
CHANGED
|
@@ -33,6 +33,7 @@ export { default as LoadingDuotone } from './components/LoadingDuotone';
|
|
|
33
33
|
export { default as LoadingLine } from './components/LoadingLine';
|
|
34
34
|
export { default as MoreVerticalLine } from './components/MoreVerticalLine';
|
|
35
35
|
export { default as SearchLine } from './components/SearchLine';
|
|
36
|
+
export { default as TimesLightLine } from './components/TimesLightLine';
|
|
36
37
|
export { default as TriangleLightLine } from './components/TriangleLightLine';
|
|
37
38
|
export { default as User } from './components/User';
|
|
38
39
|
export { default as UserGroup } from './components/UserGroup';
|
package/dist/Icon/index.js
CHANGED
|
@@ -33,6 +33,7 @@ export { default as LoadingDuotone } from "./components/LoadingDuotone";
|
|
|
33
33
|
export { default as LoadingLine } from "./components/LoadingLine";
|
|
34
34
|
export { default as MoreVerticalLine } from "./components/MoreVerticalLine";
|
|
35
35
|
export { default as SearchLine } from "./components/SearchLine";
|
|
36
|
+
export { default as TimesLightLine } from "./components/TimesLightLine";
|
|
36
37
|
export { default as TriangleLightLine } from "./components/TriangleLightLine";
|
|
37
38
|
export { default as User } from "./components/User";
|
|
38
39
|
export { default as UserGroup } from "./components/UserGroup";
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g id=" Icon / Light / Icon / Math / Times-light-line">
|
|
3
|
+
<path id="Icon" fill-rule="evenodd" clip-rule="evenodd" d="M17.5303 7.53045C17.8232 7.23756 17.8232 6.76269 17.5303 6.46979C17.2374 6.1769 16.7625 6.1769 16.4696 6.46979L12 10.9394L7.53037 6.46979C7.23747 6.1769 6.7626 6.1769 6.46971 6.46979C6.17681 6.76269 6.17681 7.23756 6.46971 7.53045L10.9393 12.0001L6.46964 16.4698C6.17675 16.7627 6.17675 17.2376 6.46964 17.5305C6.76253 17.8233 7.23741 17.8233 7.5303 17.5305L12 13.0607L16.4697 17.5305C16.7626 17.8233 17.2375 17.8233 17.5304 17.5305C17.8233 17.2376 17.8233 16.7627 17.5304 16.4698L13.0607 12.0001L17.5303 7.53045Z" fill="black"/>
|
|
4
|
+
</g>
|
|
5
|
+
</svg>
|
package/dist/IconButton/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var _excluded = ["icon", "onClick", "disabled", "size", "menu", "className", "onOpenChange", "tooltip", "id", "showArrow", "mode"];
|
|
1
|
+
var _excluded = ["icon", "onClick", "disabled", "size", "menu", "className", "onOpenChange", "tooltip", "id", "trigger", "showArrow", "mode"];
|
|
2
2
|
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; }
|
|
3
3
|
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; }
|
|
4
4
|
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); }
|
|
@@ -57,6 +57,8 @@ var DropdownButton = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
57
57
|
onOpenChange = props.onOpenChange,
|
|
58
58
|
tooltip = props.tooltip,
|
|
59
59
|
id = props.id,
|
|
60
|
+
_props$trigger = props.trigger,
|
|
61
|
+
trigger = _props$trigger === void 0 ? ['click'] : _props$trigger,
|
|
60
62
|
_props$showArrow = props.showArrow,
|
|
61
63
|
showArrow = _props$showArrow === void 0 ? true : _props$showArrow,
|
|
62
64
|
_props$mode2 = props.mode,
|
|
@@ -93,6 +95,7 @@ var DropdownButton = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
93
95
|
title: tooltip === null || tooltip === void 0 ? void 0 : tooltip.title
|
|
94
96
|
}), /*#__PURE__*/React.createElement(Dropdown, _extends({
|
|
95
97
|
menu: menu,
|
|
98
|
+
trigger: trigger,
|
|
96
99
|
onOpenChange: onOpenChange
|
|
97
100
|
}, restDropdownProps), /*#__PURE__*/React.createElement("div", {
|
|
98
101
|
id: id,
|
|
@@ -43,10 +43,11 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
43
43
|
ref: ref,
|
|
44
44
|
bordered: bordered,
|
|
45
45
|
disabled: disabled,
|
|
46
|
+
autoComplete: "off",
|
|
46
47
|
allowClear: allowClear ? {
|
|
47
48
|
clearIcon: /*#__PURE__*/React.createElement(CloseCircleFill, {
|
|
48
49
|
size: 20,
|
|
49
|
-
color: "#
|
|
50
|
+
color: "#9CA3AF"
|
|
50
51
|
})
|
|
51
52
|
} : undefined,
|
|
52
53
|
spellCheck: false,
|
|
@@ -1,5 +1,5 @@
|
|
|
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
|
-
var _excluded = ["bordered", "size", "disabled", "className"];
|
|
2
|
+
var _excluded = ["bordered", "size", "disabled", "className", "allowClear"];
|
|
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 _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
5
|
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
@@ -19,19 +19,22 @@ export default /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
19
19
|
disabled = props.disabled,
|
|
20
20
|
_props$className = props.className,
|
|
21
21
|
className = _props$className === void 0 ? '' : _props$className,
|
|
22
|
+
_props$allowClear = props.allowClear,
|
|
23
|
+
allowClear = _props$allowClear === void 0 ? false : _props$allowClear,
|
|
22
24
|
rest = _objectWithoutProperties(props, _excluded);
|
|
23
25
|
var contentSize = useContext(SizeContext);
|
|
24
26
|
var size = customSize || contentSize || 'middle';
|
|
25
27
|
return /*#__PURE__*/React.createElement(AntdTextArea, _extends({}, rest, {
|
|
28
|
+
autoComplete: "off",
|
|
26
29
|
disabled: disabled,
|
|
27
30
|
spellCheck: false,
|
|
28
31
|
className: classnames('ald-input', 'ald-input-textarea', "ald-input-textarea-".concat(getSizeType(size)), _defineProperty({}, "ald-input-disabled", disabled), className),
|
|
29
|
-
allowClear: {
|
|
32
|
+
allowClear: allowClear ? {
|
|
30
33
|
clearIcon: /*#__PURE__*/React.createElement(CloseCircleFill, {
|
|
31
34
|
size: 20,
|
|
32
|
-
color: "#
|
|
35
|
+
color: "#9CA3AF"
|
|
33
36
|
})
|
|
34
|
-
},
|
|
37
|
+
} : false,
|
|
35
38
|
ref: ref,
|
|
36
39
|
bordered: bordered
|
|
37
40
|
}));
|
|
@@ -10,8 +10,10 @@ import { useRequest } from 'ahooks';
|
|
|
10
10
|
import classNames from 'classnames';
|
|
11
11
|
import _ from 'lodash';
|
|
12
12
|
import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
|
13
|
+
import Avatar from "../Avatar";
|
|
13
14
|
import ConfigProvider from "../ConfigProvider";
|
|
14
15
|
import { EUserType } from "../ConfigProvider/getUserList";
|
|
16
|
+
import { UserGroup } from "../Icon";
|
|
15
17
|
import Select from "../Select";
|
|
16
18
|
import message from "../message";
|
|
17
19
|
import Panel from "./components/Panel";
|
|
@@ -30,12 +32,13 @@ var Component = function Component(_ref) {
|
|
|
30
32
|
_ref$placeholder = _ref.placeholder,
|
|
31
33
|
placeholder = _ref$placeholder === void 0 ? '选择' : _ref$placeholder,
|
|
32
34
|
className = _ref.className,
|
|
33
|
-
prefix = _ref.prefix,
|
|
34
35
|
allowClear = _ref.allowClear,
|
|
35
36
|
disabled = _ref.disabled,
|
|
36
37
|
_onClear = _ref.onClear,
|
|
37
38
|
size = _ref.size,
|
|
38
|
-
selectType = _ref.selectType,
|
|
39
|
+
_ref$selectType = _ref.selectType,
|
|
40
|
+
selectType = _ref$selectType === void 0 ? 'secondary' : _ref$selectType,
|
|
41
|
+
propPrefix = _ref.prefix,
|
|
39
42
|
_ref$lockedIds = _ref.lockedIds,
|
|
40
43
|
lockedIds = _ref$lockedIds === void 0 ? [] : _ref$lockedIds;
|
|
41
44
|
var _ConfigProvider$useGe = ConfigProvider.useGetUserList(),
|
|
@@ -183,6 +186,20 @@ var Component = function Component(_ref) {
|
|
|
183
186
|
setDropdownOpen(open);
|
|
184
187
|
onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(open);
|
|
185
188
|
}, [onOpenChange]);
|
|
189
|
+
var prefix = useMemo(function () {
|
|
190
|
+
if (multiple) return propPrefix;
|
|
191
|
+
if (type === EMemberPicker.USER) {
|
|
192
|
+
var user = searchUserList[0];
|
|
193
|
+
return /*#__PURE__*/React.createElement(Avatar, {
|
|
194
|
+
src: user === null || user === void 0 ? void 0 : user.photo,
|
|
195
|
+
size: 20
|
|
196
|
+
});
|
|
197
|
+
}
|
|
198
|
+
if (type === EMemberPicker.GROUP) return /*#__PURE__*/React.createElement(UserGroup, {
|
|
199
|
+
size: 20
|
|
200
|
+
});
|
|
201
|
+
return propPrefix;
|
|
202
|
+
}, [multiple, propPrefix, searchUserList, type]);
|
|
186
203
|
return /*#__PURE__*/React.createElement(Select, {
|
|
187
204
|
prefix: prefix,
|
|
188
205
|
size: size,
|
|
@@ -19,7 +19,8 @@
|
|
|
19
19
|
&.ald-member-picker-multiple {
|
|
20
20
|
display: flex;
|
|
21
21
|
flex-wrap: wrap;
|
|
22
|
-
border-radius:
|
|
22
|
+
border-radius: 6px;
|
|
23
|
+
overflow: hidden;
|
|
23
24
|
// .memberSelection {
|
|
24
25
|
// }
|
|
25
26
|
|
|
@@ -315,9 +316,11 @@
|
|
|
315
316
|
|
|
316
317
|
.ald-select-popup.ald-member-picker-popup.ald-member-picker-popup.ald-member-picker-popup {
|
|
317
318
|
border: none;
|
|
318
|
-
background-color: transparent;
|
|
319
319
|
overflow: hidden;
|
|
320
320
|
padding: 0;
|
|
321
|
-
box-shadow: none;
|
|
322
321
|
border-radius: 0;
|
|
322
|
+
border-radius: 4px;
|
|
323
|
+
background: var(--colors-neutral-white, #fff);
|
|
324
|
+
box-shadow: 0 20px 24px -4px rgba(16, 24, 40, 0.08),
|
|
325
|
+
0 8px 8px -4px rgba(16, 24, 40, 0.03);
|
|
323
326
|
}
|
|
@@ -32,9 +32,6 @@
|
|
|
32
32
|
font-size: 14px;
|
|
33
33
|
line-height: 1.5714;
|
|
34
34
|
list-style: none;
|
|
35
|
-
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
|
|
36
|
-
'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
|
|
37
|
-
'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
|
38
35
|
pointer-events: none;
|
|
39
36
|
position: relative;
|
|
40
37
|
top: 100px;
|
package/dist/Popconfirm/index.js
CHANGED
|
@@ -16,7 +16,7 @@ function MyPopconfirm(props) {
|
|
|
16
16
|
rootClassName = props.rootClassName,
|
|
17
17
|
_props$icon = props.icon,
|
|
18
18
|
icon = _props$icon === void 0 ? /*#__PURE__*/React.createElement(AttentionTriangleFill, {
|
|
19
|
-
size:
|
|
19
|
+
size: 16,
|
|
20
20
|
color: "#D64343",
|
|
21
21
|
fill: "#fff"
|
|
22
22
|
}) : _props$icon,
|
|
@@ -40,16 +40,14 @@
|
|
|
40
40
|
|
|
41
41
|
.ant-popover-inner-content {
|
|
42
42
|
.ant-popconfirm-message {
|
|
43
|
-
padding-bottom:
|
|
43
|
+
padding-bottom: 8px;
|
|
44
44
|
margin-bottom: 0;
|
|
45
45
|
}
|
|
46
46
|
|
|
47
47
|
.ant-popconfirm-buttons {
|
|
48
|
-
padding-
|
|
49
|
-
padding-left: 24px;
|
|
48
|
+
padding-left: 16px;
|
|
50
49
|
display: flex;
|
|
51
50
|
align-items: center;
|
|
52
|
-
gap: 16px;
|
|
53
51
|
flex-direction: row-reverse;
|
|
54
52
|
justify-content: start;
|
|
55
53
|
}
|
|
@@ -7,11 +7,14 @@
|
|
|
7
7
|
pointer-events: none;
|
|
8
8
|
|
|
9
9
|
&-show-bg {
|
|
10
|
-
background-color:
|
|
10
|
+
background-color: var(
|
|
11
|
+
--alias-colors-bg-accent-blue-subtle-default,
|
|
12
|
+
#d4e7fd
|
|
13
|
+
);
|
|
11
14
|
}
|
|
12
15
|
|
|
13
16
|
&-inner {
|
|
14
|
-
background-color: #
|
|
17
|
+
background-color: var(--alias-colors-icon-information, #2986f4);
|
|
15
18
|
border-radius: 2px 0 0;
|
|
16
19
|
height: 100%;
|
|
17
20
|
width: 0;
|
package/dist/Select/index.js
CHANGED
|
@@ -29,7 +29,7 @@ import React, { forwardRef, useContext, useEffect, useImperativeHandle, useMemo,
|
|
|
29
29
|
import { ConfigContext } from "../ConfigProvider";
|
|
30
30
|
import SizeContext from "../ConfigProvider/sizeContext";
|
|
31
31
|
import Empty from "../Empty";
|
|
32
|
-
import { ArrowDownFill,
|
|
32
|
+
import { ArrowDownFill, TimesLightLine } from "../Icon";
|
|
33
33
|
import Option from "./components/Option";
|
|
34
34
|
var DEFAULT_ALL_OPTION_VALUE = 'default_all_option_value';
|
|
35
35
|
var DEFAULT_LIST_ITEM_HEIGHT = 36;
|
|
@@ -395,8 +395,9 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
395
395
|
className: classNames({
|
|
396
396
|
'ald-select-prefix-select': !!prefix || prefix === 0
|
|
397
397
|
}),
|
|
398
|
-
clearIcon: /*#__PURE__*/React.createElement(
|
|
399
|
-
className: "ald-select-clear-icon"
|
|
398
|
+
clearIcon: /*#__PURE__*/React.createElement(TimesLightLine, {
|
|
399
|
+
className: "ald-select-clear-icon",
|
|
400
|
+
color: "#9CA3AF"
|
|
400
401
|
}),
|
|
401
402
|
style: {
|
|
402
403
|
width: '100%'
|
|
@@ -28,12 +28,22 @@
|
|
|
28
28
|
|
|
29
29
|
cursor: default;
|
|
30
30
|
|
|
31
|
-
.ant-select
|
|
31
|
+
.ant-select {
|
|
32
32
|
cursor: default;
|
|
33
33
|
|
|
34
|
+
.ant-select-selector {
|
|
35
|
+
cursor: default;
|
|
36
|
+
}
|
|
37
|
+
|
|
34
38
|
.ant-select-selection-search input {
|
|
35
39
|
cursor: default;
|
|
36
40
|
}
|
|
41
|
+
|
|
42
|
+
.ant-select-arrow {
|
|
43
|
+
.ald-select-suffix-icon {
|
|
44
|
+
color: var(--alias-colors-icon-disabled, rgba(0, 0, 0, 0.25));
|
|
45
|
+
}
|
|
46
|
+
}
|
|
37
47
|
}
|
|
38
48
|
}
|
|
39
49
|
|
|
@@ -73,6 +83,12 @@
|
|
|
73
83
|
.ant-select-selection-search input {
|
|
74
84
|
cursor: default;
|
|
75
85
|
}
|
|
86
|
+
|
|
87
|
+
.ant-select-arrow {
|
|
88
|
+
.ald-select-suffix-icon {
|
|
89
|
+
color: var(--alias-colors-icon-disabled, rgba(0, 0, 0, 0.25));
|
|
90
|
+
}
|
|
91
|
+
}
|
|
76
92
|
}
|
|
77
93
|
}
|
|
78
94
|
}
|
|
@@ -13,10 +13,10 @@
|
|
|
13
13
|
|
|
14
14
|
.ald-table-main {
|
|
15
15
|
width: 100%;
|
|
16
|
-
color: #171717;
|
|
17
16
|
font-size: 13px;
|
|
18
17
|
line-height: 20px;
|
|
19
18
|
background: #fff;
|
|
19
|
+
color: var(--alias-colors-text-subtle, #4b5563);
|
|
20
20
|
|
|
21
21
|
.ald-table-content {
|
|
22
22
|
display: flex;
|
|
@@ -69,7 +69,8 @@
|
|
|
69
69
|
|
|
70
70
|
.ald-table-th-default {
|
|
71
71
|
font-weight: 500;
|
|
72
|
-
|
|
72
|
+
line-height: 16px;
|
|
73
|
+
padding-left: var(--alias-spacing-200, 16px);
|
|
73
74
|
font-size: 12px;
|
|
74
75
|
overflow: hidden;
|
|
75
76
|
height: 40px;
|
|
@@ -78,13 +79,13 @@
|
|
|
78
79
|
}
|
|
79
80
|
|
|
80
81
|
.ald-table-td-default {
|
|
81
|
-
|
|
82
|
+
line-height: 20px;
|
|
83
|
+
padding-left: var(--alias-spacing-200, 16px);
|
|
82
84
|
display: flex;
|
|
83
85
|
align-items: center;
|
|
84
86
|
height: 100%;
|
|
85
87
|
font-size: 14px;
|
|
86
88
|
min-height: 47px;
|
|
87
|
-
font-weight: 400;
|
|
88
89
|
overflow: hidden;
|
|
89
90
|
}
|
|
90
91
|
|
|
@@ -102,7 +103,7 @@
|
|
|
102
103
|
}
|
|
103
104
|
|
|
104
105
|
.ald-table-body {
|
|
105
|
-
min-height:
|
|
106
|
+
min-height: 96px;
|
|
106
107
|
overflow: auto;
|
|
107
108
|
|
|
108
109
|
.ald-table-tr {
|
|
@@ -133,7 +133,7 @@
|
|
|
133
133
|
margin-bottom: 20px;
|
|
134
134
|
|
|
135
135
|
&::before {
|
|
136
|
-
border-color:
|
|
136
|
+
border-color: var(--alias-colors-border-default, #e5e7eb);
|
|
137
137
|
}
|
|
138
138
|
}
|
|
139
139
|
|
|
@@ -150,10 +150,6 @@
|
|
|
150
150
|
&.ald-tabs-compact {
|
|
151
151
|
.ant-tabs-nav {
|
|
152
152
|
margin-bottom: 0;
|
|
153
|
-
|
|
154
|
-
&::before {
|
|
155
|
-
border: 0;
|
|
156
|
-
}
|
|
157
153
|
}
|
|
158
154
|
}
|
|
159
155
|
}
|
package/dist/Tooltip/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
1
|
import AntdTooltip from 'antd/lib/tooltip';
|
|
3
2
|
import classNames from 'classnames';
|
|
3
|
+
import React from 'react';
|
|
4
4
|
export default function Tooltip(props) {
|
|
5
5
|
var children = props.children,
|
|
6
6
|
title = props.title,
|
|
@@ -9,8 +9,10 @@ export default function Tooltip(props) {
|
|
|
9
9
|
trigger = props.trigger,
|
|
10
10
|
zIndex = props.zIndex,
|
|
11
11
|
placement = props.placement,
|
|
12
|
-
|
|
13
|
-
|
|
12
|
+
_props$mouseEnterDela = props.mouseEnterDelay,
|
|
13
|
+
mouseEnterDelay = _props$mouseEnterDela === void 0 ? 0 : _props$mouseEnterDela,
|
|
14
|
+
_props$mouseLeaveDela = props.mouseLeaveDelay,
|
|
15
|
+
mouseLeaveDelay = _props$mouseLeaveDela === void 0 ? 0 : _props$mouseLeaveDela,
|
|
14
16
|
getPopupContainer = props.getPopupContainer,
|
|
15
17
|
destroyTooltipOnHide = props.destroyTooltipOnHide,
|
|
16
18
|
getTooltipContainer = props.getTooltipContainer,
|
package/dist/Tree/Tree.d.ts
CHANGED
|
@@ -80,7 +80,7 @@ interface DraggableConfig {
|
|
|
80
80
|
icon?: React.ReactNode | false;
|
|
81
81
|
nodeDraggable?: DraggableFn;
|
|
82
82
|
}
|
|
83
|
-
export interface TreeProps<T extends BasicDataNode = DataNode> extends Omit<RcTreeProps<T>, 'prefixCls' | 'showLine' | 'direction' | 'draggable' | 'icon' | 'switcherIcon'> {
|
|
83
|
+
export interface TreeProps<T extends BasicDataNode = DataNode> extends Omit<RcTreeProps<T>, 'prefixCls' | 'showLine' | 'direction' | 'draggable' | 'icon' | 'switcherIcon' | 'filterTreeNode'> {
|
|
84
84
|
showLine?: boolean | {
|
|
85
85
|
showLeafIcon: boolean | TreeLeafIcon;
|
|
86
86
|
};
|
|
@@ -116,7 +116,7 @@ export interface TreeProps<T extends BasicDataNode = DataNode> extends Omit<RcTr
|
|
|
116
116
|
defaultSelectedKeys?: Key[];
|
|
117
117
|
selectable?: boolean;
|
|
118
118
|
/** 点击树节点触发 */
|
|
119
|
-
|
|
119
|
+
filterTreeNode?: (node: DataNode) => boolean;
|
|
120
120
|
loadedKeys?: Key[];
|
|
121
121
|
/** 设置节点可拖拽(IE>8) */
|
|
122
122
|
draggable?: DraggableFn | boolean | DraggableConfig;
|