@aloudata/aloudata-design 2.0.0-beta.8 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Button/style/index.less +4 -0
- package/dist/Checkbox/style/index.less +8 -10
- package/dist/ColorPicker/index.js +4 -2
- package/dist/ColorPicker/style/index.less +1 -2
- package/dist/ConfigProvider/index.d.ts +1 -1
- package/dist/ConfigProvider/index.js +9 -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 +15 -12
- package/dist/Dropdown/index.js +4 -1
- package/dist/Dropdown/style/index.less +12 -2
- package/dist/Empty/index.js +2 -1
- package/dist/Empty/style/index.less +2 -2
- package/dist/Form/style/index.d.ts +1 -0
- package/dist/Form/style/index.js +1 -0
- package/dist/Form/style/index.less +15 -0
- package/dist/HighlightText/index.d.ts +12 -0
- package/dist/HighlightText/index.js +27 -0
- package/dist/HighlightText/style/index.less +5 -0
- package/dist/Icon/components/ArrowRightLightLine.d.ts +11 -0
- package/dist/Icon/components/ArrowRightLightLine.js +35 -0
- package/dist/Icon/components/TimesLightLine.d.ts +11 -0
- package/dist/Icon/components/TimesLightLine.js +35 -0
- package/dist/Icon/index.d.ts +2 -0
- package/dist/Icon/index.js +2 -0
- package/dist/Icon/svg/Arrow-Right-light-line.svg +5 -0
- package/dist/Icon/svg/Times-light-line.svg +5 -0
- package/dist/IconButton/index.js +4 -1
- package/dist/Input/components/Input/index.d.ts +2 -5
- package/dist/Input/components/Input/index.js +2 -1
- package/dist/Input/components/TextArea/index.js +7 -4
- package/dist/MemberPicker/index.js +35 -9
- package/dist/MemberPicker/interface.d.ts +1 -1
- package/dist/MemberPicker/style/index.less +13 -5
- package/dist/Menu/style/index.less +1 -2
- package/dist/Modal/index.d.ts +3 -4
- package/dist/Modal/index.js +29 -8
- package/dist/Modal/style/modal.less +4 -0
- package/dist/Modal/style/modalConfirm.less +5 -1
- package/dist/Modal/style/polyfill/index.less +0 -3
- package/dist/Popconfirm/index.js +1 -1
- package/dist/Popconfirm/style/index.less +4 -8
- package/dist/Progress/style/index.less +5 -2
- package/dist/Radio/components/Radio/index.js +26 -4
- package/dist/Radio/style/index.less +57 -3
- package/dist/Select/index.d.ts +0 -1
- package/dist/Select/index.js +19 -19
- package/dist/Select/style/emptyShowAll.less +10 -0
- package/dist/Select/style/index.less +17 -7
- package/dist/Select/style/layout.less +1 -0
- package/dist/Select/style/selectDropdown.less +1 -2
- package/dist/Select/style/status.less +45 -2
- package/dist/Table/index.js +8 -2
- package/dist/Table/style/index.less +6 -5
- package/dist/Tabs/style/index.less +2 -7
- package/dist/Tooltip/index.js +5 -3
- package/dist/Tooltip/style/index.less +6 -6
- package/dist/Tree/Tree.d.ts +3 -2
- package/dist/Tree/Tree.js +80 -10
- package/dist/Tree/demo/basic/index.js +4 -0
- package/dist/Tree/demo/filter/index.d.ts +3 -0
- package/dist/Tree/demo/filter/index.js +64 -0
- package/dist/Tree/style/checkbox.less +57 -36
- package/dist/Tree/style/index.less +27 -6
- package/dist/Tree/style/mixin.less +10 -6
- package/dist/Tree/style/var.less +1 -1
- package/dist/ald.min.css +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.js +1 -1
- package/dist/index.less +1 -0
- package/dist/style/index.less +3 -3
- package/dist/style/themes/default/index.less +5 -3
- package/package.json +2 -1
- package/dist/Navigator/components/Header/index.d.ts +0 -9
- package/dist/Navigator/components/Header/index.js +0 -16
- package/dist/Navigator/components/Menu/index.d.ts +0 -13
- package/dist/Navigator/components/Menu/index.js +0 -42
- package/dist/Navigator/components/MenuItem/index.d.ts +0 -21
- package/dist/Navigator/components/MenuItem/index.js +0 -36
- package/dist/Navigator/index.d.ts +0 -51
- package/dist/Navigator/index.js +0 -33
- package/dist/Navigator/style/bg.png +0 -0
- package/dist/Navigator/style/index.less +0 -159
- /package/dist/{Navigator → HighlightText}/style/index.d.ts +0 -0
- /package/dist/{Navigator → HighlightText}/style/index.js +0 -0
|
@@ -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;
|
|
@@ -120,8 +118,8 @@
|
|
|
120
118
|
}
|
|
121
119
|
|
|
122
120
|
.ant-checkbox-inner {
|
|
123
|
-
width:
|
|
124
|
-
height:
|
|
121
|
+
width: 14px;
|
|
122
|
+
height: 14px;
|
|
125
123
|
background-color: @checkbox-inner-bgc-normal;
|
|
126
124
|
border-color: @checkbox-border-color-normal;
|
|
127
125
|
border-radius: 2px;
|
|
@@ -139,8 +137,8 @@
|
|
|
139
137
|
background-color: @checkbox-checked-inner-bgc-normal;
|
|
140
138
|
|
|
141
139
|
&::after {
|
|
142
|
-
top:
|
|
143
|
-
left:
|
|
140
|
+
top: 3px;
|
|
141
|
+
left: 2px;
|
|
144
142
|
z-index: 10;
|
|
145
143
|
width: 10px;
|
|
146
144
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
@@ -157,7 +155,6 @@
|
|
|
157
155
|
cursor: default;
|
|
158
156
|
|
|
159
157
|
& + span {
|
|
160
|
-
color: @NL0;
|
|
161
158
|
cursor: default;
|
|
162
159
|
}
|
|
163
160
|
|
|
@@ -165,8 +162,8 @@
|
|
|
165
162
|
background-color: @checkbox-inner-bgc-disabled;
|
|
166
163
|
|
|
167
164
|
&::after {
|
|
168
|
-
top:
|
|
169
|
-
left:
|
|
165
|
+
top: 3px;
|
|
166
|
+
left: 2px;
|
|
170
167
|
z-index: 10;
|
|
171
168
|
width: 10px;
|
|
172
169
|
height: 8px;
|
|
@@ -200,9 +197,10 @@
|
|
|
200
197
|
.ant-checkbox + span {
|
|
201
198
|
display: flex;
|
|
202
199
|
align-items: center;
|
|
203
|
-
padding-right:
|
|
200
|
+
padding-right: 0;
|
|
204
201
|
padding-left: 6px;
|
|
205
202
|
font-size: 14px;
|
|
203
|
+
color: var(--alias-colors-text-default);
|
|
206
204
|
}
|
|
207
205
|
|
|
208
206
|
&.ald-checkbox-small {
|
|
@@ -146,10 +146,12 @@ export default function ColorPicker(_ref) {
|
|
|
146
146
|
className: cls(className, 'ald-color-picker'),
|
|
147
147
|
ref: wrapRef
|
|
148
148
|
}, /*#__PURE__*/React.createElement(Dropdown, {
|
|
149
|
-
overlay: overlay,
|
|
150
149
|
trigger: ['click'],
|
|
151
150
|
open: open,
|
|
152
|
-
placement: 'bottomLeft'
|
|
151
|
+
placement: 'bottomLeft',
|
|
152
|
+
dropdownRender: function dropdownRender() {
|
|
153
|
+
return overlay;
|
|
154
|
+
}
|
|
153
155
|
}, /*#__PURE__*/React.createElement("div", {
|
|
154
156
|
className: cls('wrapper', {
|
|
155
157
|
focused: open
|
|
@@ -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,14 @@ 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
|
+
autoInsertSpaceInButton: false,
|
|
24
|
+
theme: {
|
|
25
|
+
token: {
|
|
26
|
+
fontFamily: "Inter,'PingFang SC', system-ui, -apple-system, blinkmacsystemfont,\n 'Helvetica Neue', 'Segoe UI', helvetica, arial, 'Microsoft YaHei',\n 'WenQuanYi Micro Hei', sans-serif;"
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
}, props), childNode);
|
|
22
30
|
};
|
|
23
31
|
AldCustomConfigProvider.ConfigContext = ConfigProvider.ConfigContext;
|
|
24
32
|
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,8 +5,9 @@
|
|
|
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
|
+
font-variant-numeric: lining-nums tabular-nums;
|
|
10
11
|
position: relative;
|
|
11
12
|
|
|
12
13
|
* {
|
|
@@ -15,33 +16,34 @@
|
|
|
15
16
|
}
|
|
16
17
|
|
|
17
18
|
.ald-data-preview-header {
|
|
18
|
-
height:
|
|
19
|
+
height: 32px;
|
|
19
20
|
z-index: 2;
|
|
20
|
-
background
|
|
21
|
+
background: var(--alias-colors-bg-skeleton-subtle, #f9fafb);
|
|
21
22
|
width: 100%;
|
|
22
23
|
}
|
|
23
24
|
|
|
24
25
|
.ald-data-preview-header-cell {
|
|
25
26
|
height: 100%;
|
|
26
27
|
position: relative;
|
|
27
|
-
border: 1px solid #
|
|
28
|
+
border: 1px solid var(--alias-colors-border-default, #e5e7eb);
|
|
28
29
|
border-left: none;
|
|
29
30
|
border-top: none;
|
|
30
31
|
display: flex;
|
|
31
32
|
align-items: center;
|
|
32
33
|
box-sizing: border-box;
|
|
33
|
-
color: #
|
|
34
|
+
color: var(--alias-colors-text-strong, #111827);
|
|
34
35
|
font-weight: 500;
|
|
35
36
|
|
|
36
37
|
.ald-data-preview-header-default {
|
|
37
38
|
padding: 4px 13px 3px 20px;
|
|
38
39
|
height: 100%;
|
|
39
40
|
width: 100%;
|
|
40
|
-
line-height:
|
|
41
|
+
line-height: 25px;
|
|
42
|
+
background: var(--alias-colors-bg-skeleton-subtle, #f9fafb);
|
|
41
43
|
|
|
42
44
|
.ald-data-preview-header-left {
|
|
43
45
|
width: 20px;
|
|
44
|
-
height:
|
|
46
|
+
height: 100%;
|
|
45
47
|
display: flex;
|
|
46
48
|
align-items: center;
|
|
47
49
|
justify-content: center;
|
|
@@ -50,6 +52,8 @@
|
|
|
50
52
|
left: 4px;
|
|
51
53
|
z-index: 1;
|
|
52
54
|
color: #575757;
|
|
55
|
+
top: 0;
|
|
56
|
+
bottom: 0;
|
|
53
57
|
// background:rgb(0 0 0 / 0%)
|
|
54
58
|
}
|
|
55
59
|
|
|
@@ -78,15 +82,14 @@
|
|
|
78
82
|
.ald-data-preview-body-cell {
|
|
79
83
|
white-space: nowrap;
|
|
80
84
|
overflow: hidden;
|
|
81
|
-
border: 1px solid #
|
|
85
|
+
border: 1px solid var(--alias-colors-border-subtle, #f3f4f6);
|
|
82
86
|
border-left: none;
|
|
83
87
|
border-top: none;
|
|
84
|
-
padding: 2px
|
|
88
|
+
padding: 2px 4px;
|
|
85
89
|
line-height: 16px;
|
|
86
90
|
box-sizing: border-box;
|
|
87
|
-
|
|
88
|
-
font-
|
|
89
|
-
text-align: left;
|
|
91
|
+
color: var(--alias-colors-text-default, #1f2937);
|
|
92
|
+
font-size: 12px;
|
|
90
93
|
}
|
|
91
94
|
|
|
92
95
|
.ald-data-preview-body-skeleton-cell {
|
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;
|
|
@@ -75,8 +86,7 @@
|
|
|
75
86
|
.dropdown-wrap {
|
|
76
87
|
border: 1px solid var(--alias-colors-border-strong, #d1d5db);
|
|
77
88
|
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);
|
|
89
|
+
box-shadow: 0 10px 18px -2px rgba(0, 0, 0, 0.08);
|
|
80
90
|
overflow: hidden;
|
|
81
91
|
padding: 4px 0;
|
|
82
92
|
background-color: var(--alias-colors-bg-skeleton-subtler, #fff);
|
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", {
|
package/dist/Form/style/index.js
CHANGED
|
@@ -28,6 +28,21 @@
|
|
|
28
28
|
display: none;
|
|
29
29
|
}
|
|
30
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
|
+
}
|
|
31
46
|
}
|
|
32
47
|
}
|
|
33
48
|
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* 高亮关键词
|
|
4
|
+
*/
|
|
5
|
+
export default function HighlightText(props: IProps): React.JSX.Element;
|
|
6
|
+
interface IProps {
|
|
7
|
+
keyword: string;
|
|
8
|
+
highlightClassName?: string;
|
|
9
|
+
children: React.ReactNode;
|
|
10
|
+
className?: string;
|
|
11
|
+
}
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import classNames from 'classnames';
|
|
2
|
+
import _ from 'lodash';
|
|
3
|
+
import React from 'react';
|
|
4
|
+
/**
|
|
5
|
+
* 高亮关键词
|
|
6
|
+
*/
|
|
7
|
+
export default function HighlightText(props) {
|
|
8
|
+
var className = props.className,
|
|
9
|
+
children = props.children,
|
|
10
|
+
keyword = props.keyword,
|
|
11
|
+
highlightClassName = props.highlightClassName;
|
|
12
|
+
var trimKeyword = _.trim(keyword);
|
|
13
|
+
if (typeof children !== 'string' || trimKeyword === '') {
|
|
14
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, children);
|
|
15
|
+
}
|
|
16
|
+
var text = children;
|
|
17
|
+
var regex = new RegExp("(".concat(trimKeyword, ")"), 'gi');
|
|
18
|
+
var parts = text.split(regex);
|
|
19
|
+
return /*#__PURE__*/React.createElement("span", {
|
|
20
|
+
className: className
|
|
21
|
+
}, parts.map(function (part, index) {
|
|
22
|
+
return regex.test(part) ? /*#__PURE__*/React.createElement("span", {
|
|
23
|
+
key: index,
|
|
24
|
+
className: classNames('ald-highlight-text', highlightClassName)
|
|
25
|
+
}, part) : part;
|
|
26
|
+
}));
|
|
27
|
+
}
|
|
@@ -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 ArrowRightLightLine = function ArrowRightLightLine(_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: "M9.47 6.47a.75.75 0 0 1 1.06 0l5 5a.75.75 0 0 1 0 1.06l-5 5a.75.75 0 1 1-1.06-1.06L13.94 12 9.47 7.53a.75.75 0 0 1 0-1.06Z",
|
|
30
|
+
clipRule: "evenodd"
|
|
31
|
+
}));
|
|
32
|
+
};
|
|
33
|
+
var ForwardRef = /*#__PURE__*/forwardRef(ArrowRightLightLine);
|
|
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,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
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export { default as AlertTriangleDuotone } from './components/AlertTriangleDuotone';
|
|
2
2
|
export { default as AlertTriangleLine } from './components/AlertTriangleLine';
|
|
3
3
|
export { default as ArrowDownFill } from './components/ArrowDownFill';
|
|
4
|
+
export { default as ArrowRightLightLine } from './components/ArrowRightLightLine';
|
|
4
5
|
export { default as AttentionCircleFill } from './components/AttentionCircleFill';
|
|
5
6
|
export { default as AttentionTriangleFill } from './components/AttentionTriangleFill';
|
|
6
7
|
export { default as AttentionTriangleLightLine } from './components/AttentionTriangleLightLine';
|
|
@@ -33,6 +34,7 @@ export { default as LoadingDuotone } from './components/LoadingDuotone';
|
|
|
33
34
|
export { default as LoadingLine } from './components/LoadingLine';
|
|
34
35
|
export { default as MoreVerticalLine } from './components/MoreVerticalLine';
|
|
35
36
|
export { default as SearchLine } from './components/SearchLine';
|
|
37
|
+
export { default as TimesLightLine } from './components/TimesLightLine';
|
|
36
38
|
export { default as TriangleLightLine } from './components/TriangleLightLine';
|
|
37
39
|
export { default as User } from './components/User';
|
|
38
40
|
export { default as UserGroup } from './components/UserGroup';
|
package/dist/Icon/index.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export { default as AlertTriangleDuotone } from "./components/AlertTriangleDuotone";
|
|
2
2
|
export { default as AlertTriangleLine } from "./components/AlertTriangleLine";
|
|
3
3
|
export { default as ArrowDownFill } from "./components/ArrowDownFill";
|
|
4
|
+
export { default as ArrowRightLightLine } from "./components/ArrowRightLightLine";
|
|
4
5
|
export { default as AttentionCircleFill } from "./components/AttentionCircleFill";
|
|
5
6
|
export { default as AttentionTriangleFill } from "./components/AttentionTriangleFill";
|
|
6
7
|
export { default as AttentionTriangleLightLine } from "./components/AttentionTriangleLightLine";
|
|
@@ -33,6 +34,7 @@ export { default as LoadingDuotone } from "./components/LoadingDuotone";
|
|
|
33
34
|
export { default as LoadingLine } from "./components/LoadingLine";
|
|
34
35
|
export { default as MoreVerticalLine } from "./components/MoreVerticalLine";
|
|
35
36
|
export { default as SearchLine } from "./components/SearchLine";
|
|
37
|
+
export { default as TimesLightLine } from "./components/TimesLightLine";
|
|
36
38
|
export { default as TriangleLightLine } from "./components/TriangleLightLine";
|
|
37
39
|
export { default as User } from "./components/User";
|
|
38
40
|
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 / Arrow / Arrow-Right-light-line">
|
|
3
|
+
<path id="Icon" fill-rule="evenodd" clip-rule="evenodd" d="M9.46967 6.46967C9.76256 6.17678 10.2374 6.17678 10.5303 6.46967L15.5303 11.4697C15.8232 11.7626 15.8232 12.2374 15.5303 12.5303L10.5303 17.5303C10.2374 17.8232 9.76256 17.8232 9.46967 17.5303C9.17678 17.2374 9.17678 16.7626 9.46967 16.4697L13.9393 12L9.46967 7.53033C9.17678 7.23744 9.17678 6.76256 9.46967 6.46967Z" fill="black"/>
|
|
4
|
+
</g>
|
|
5
|
+
</svg>
|
|
@@ -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,
|
|
@@ -34,18 +34,15 @@ export interface IInputProps extends Omit<InputProps, 'size' | 'id' | 'prefix' |
|
|
|
34
34
|
* @description 输入框id
|
|
35
35
|
*/
|
|
36
36
|
id?: string;
|
|
37
|
-
/**
|
|
38
|
-
* @description 提示文字
|
|
39
|
-
*/
|
|
40
|
-
prefix?: ReactNode;
|
|
41
37
|
/**
|
|
42
38
|
* @description 带标签的 input,设置前置标签
|
|
43
39
|
*/
|
|
44
|
-
|
|
40
|
+
prefix?: ReactNode;
|
|
45
41
|
/**
|
|
46
42
|
* @description 可以点击清除图标删除内容
|
|
47
43
|
* @default true
|
|
48
44
|
*/
|
|
45
|
+
allowClear?: boolean;
|
|
49
46
|
disabled?: boolean;
|
|
50
47
|
/**
|
|
51
48
|
* @description 提示文字
|
|
@@ -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,
|