shineout 1.8.5 → 1.8.6
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/css/Alert/index.d.ts +15 -15
- package/css/Alert/styles/alert.css +8 -4
- package/css/DataList/List.js +6 -3
- package/css/Popover/Confirm.js +1 -1
- package/css/Popover/Content.js +22 -0
- package/css/Popover/Panel.js +5 -3
- package/css/Popover/index.d.ts +9 -2
- package/css/Popover/index.js +3 -0
- package/css/Popover/styles/popover.css +0 -3
- package/css/TreeSelect/TreeSelect.js +5 -2
- package/css/icons/index.js +2 -1
- package/css/index.d.ts +1 -1
- package/css/index.js +1 -1
- package/css/utils/proptypes.js +1 -1
- package/css/utils/validate/index.js +6 -1
- package/dist/shineout.js +102 -49
- package/dist/shineout.js.map +1 -1
- package/dist/shineout.min.js +1 -1
- package/dist/theme.antd.css +1 -1
- package/dist/theme.antd2.css +1 -1
- package/dist/theme.default.css +1 -1
- package/dist/theme.shineout.css +1 -1
- package/es/Alert/index.d.ts +15 -15
- package/es/Alert/styles/alert.less +2 -1
- package/es/DataList/List.js +6 -3
- package/es/Popover/Confirm.js +1 -1
- package/es/Popover/Content.js +12 -0
- package/es/Popover/Panel.js +5 -3
- package/es/Popover/index.d.ts +9 -2
- package/es/Popover/index.js +2 -0
- package/es/Popover/styles/popover.less +0 -4
- package/es/TreeSelect/TreeSelect.js +5 -2
- package/es/icons/index.js +2 -1
- package/es/index.d.ts +1 -1
- package/es/index.js +1 -1
- package/es/utils/proptypes.js +1 -1
- package/es/utils/validate/index.js +5 -1
- package/lib/Alert/index.d.ts +15 -15
- package/lib/Alert/styles/alert.less +2 -1
- package/lib/DataList/List.js +6 -3
- package/lib/Popover/Confirm.js +1 -1
- package/lib/Popover/Content.js +22 -0
- package/lib/Popover/Panel.js +5 -3
- package/lib/Popover/index.d.ts +9 -2
- package/lib/Popover/index.js +3 -0
- package/lib/Popover/styles/popover.less +0 -4
- package/lib/TreeSelect/TreeSelect.js +5 -2
- package/lib/icons/index.js +2 -1
- package/lib/index.d.ts +1 -1
- package/lib/index.js +1 -1
- package/lib/utils/proptypes.js +1 -1
- package/lib/utils/validate/index.js +6 -1
- package/package.json +1 -1
package/css/Alert/index.d.ts
CHANGED
|
@@ -5,59 +5,59 @@ export interface AlertProps extends StandardProps {
|
|
|
5
5
|
|
|
6
6
|
/**
|
|
7
7
|
* Content, text or react component
|
|
8
|
-
*
|
|
8
|
+
*
|
|
9
9
|
* 内容,文字或react组件
|
|
10
|
-
*
|
|
10
|
+
*
|
|
11
11
|
* default: -
|
|
12
12
|
*/
|
|
13
13
|
children?: React.ReactNode;
|
|
14
14
|
|
|
15
15
|
/**
|
|
16
16
|
* When the type is true, the status icon is displayed according to the type property. If you need to display a custom icon, pass in ReactElement.
|
|
17
|
-
*
|
|
17
|
+
*
|
|
18
18
|
* 为true时,根据type属性显示状态图标。如果需要显示自定义图标,传入ReactElement。
|
|
19
|
-
*
|
|
19
|
+
*
|
|
20
20
|
* default: -
|
|
21
21
|
*/
|
|
22
22
|
icon?: React.ReactElement | boolean;
|
|
23
23
|
|
|
24
24
|
/**
|
|
25
25
|
* The size for icon
|
|
26
|
-
*
|
|
26
|
+
*
|
|
27
27
|
* icon 的尺寸
|
|
28
|
-
*
|
|
28
|
+
*
|
|
29
29
|
* default: 14
|
|
30
30
|
*/
|
|
31
31
|
iconSize?: number;
|
|
32
32
|
|
|
33
33
|
/**
|
|
34
34
|
* When onClose is empty, no close is displayed. If you need to close and do not need to handle callbacks, set it true.
|
|
35
|
-
*
|
|
35
|
+
*
|
|
36
36
|
* 当 onClose 为空时,不显示关闭。如果需要关闭又不需要处理回调,设置为true即可
|
|
37
|
-
*
|
|
37
|
+
*
|
|
38
38
|
* default: -
|
|
39
39
|
*/
|
|
40
40
|
onClose?: (() => void) | boolean;
|
|
41
41
|
|
|
42
42
|
/**
|
|
43
43
|
* types
|
|
44
|
-
*
|
|
44
|
+
*
|
|
45
45
|
* 类型
|
|
46
|
-
*
|
|
46
|
+
*
|
|
47
47
|
* default: *warning*
|
|
48
|
-
*
|
|
48
|
+
*
|
|
49
49
|
*/
|
|
50
|
-
type?: 'success' | 'info' | 'warning' | 'danger' | 'error';
|
|
50
|
+
type?: 'success' | 'info' | 'warning' | 'danger' | 'error' | 'confirmwarning';
|
|
51
51
|
|
|
52
52
|
/**
|
|
53
53
|
* show close button
|
|
54
|
-
*
|
|
54
|
+
*
|
|
55
55
|
* 是否隐藏关闭按钮
|
|
56
|
-
*
|
|
56
|
+
*
|
|
57
57
|
* default: false
|
|
58
58
|
*/
|
|
59
59
|
hideClose?: boolean,
|
|
60
60
|
}
|
|
61
61
|
|
|
62
62
|
declare class Alert extends React.Component<AlertProps> {}
|
|
63
|
-
export default Alert
|
|
63
|
+
export default Alert
|
|
@@ -134,7 +134,8 @@
|
|
|
134
134
|
fill: var(--success-color, #00cc66);
|
|
135
135
|
}
|
|
136
136
|
.so-alert-danger,
|
|
137
|
-
.so-alert-error
|
|
137
|
+
.so-alert-error,
|
|
138
|
+
.so-alert-confirmwarning {
|
|
138
139
|
border-color: var(--alert-danger-border-color, #ebccd1);
|
|
139
140
|
background-color: var(--alert-danger-bg, #f2dede);
|
|
140
141
|
color: var(--alert-danger-text-color, #a94442);
|
|
@@ -142,14 +143,17 @@
|
|
|
142
143
|
box-shadow: var(--alert-danger-box-shadow, 'none');
|
|
143
144
|
}
|
|
144
145
|
.so-alert-danger hr,
|
|
145
|
-
.so-alert-error hr
|
|
146
|
+
.so-alert-error hr,
|
|
147
|
+
.so-alert-confirmwarning hr {
|
|
146
148
|
border-top-color: var(--alert-danger-border-darken-5-color, #e4b9c0);
|
|
147
149
|
}
|
|
148
150
|
.so-alert-danger .alert-link,
|
|
149
|
-
.so-alert-error .alert-link
|
|
151
|
+
.so-alert-error .alert-link,
|
|
152
|
+
.so-alert-confirmwarning .alert-link {
|
|
150
153
|
color: var(--alert-danger-text-darken-10-color, #843534);
|
|
151
154
|
}
|
|
152
155
|
.so-alert-danger .so-alert-icon path,
|
|
153
|
-
.so-alert-error .so-alert-icon path
|
|
156
|
+
.so-alert-error .so-alert-icon path,
|
|
157
|
+
.so-alert-confirmwarning .so-alert-icon path {
|
|
154
158
|
fill: var(--danger-color, #f85555);
|
|
155
159
|
}
|
package/css/DataList/List.js
CHANGED
|
@@ -133,7 +133,8 @@ function (_Component) {
|
|
|
133
133
|
keygen = _this$props2.keygen,
|
|
134
134
|
fixed = _this$props2.fixed,
|
|
135
135
|
rowsInView = _this$props2.rowsInView,
|
|
136
|
-
lineHeight = _this$props2.lineHeight
|
|
136
|
+
lineHeight = _this$props2.lineHeight,
|
|
137
|
+
value = _this$props2.value;
|
|
137
138
|
if (isEmpty) return _react.default.createElement("div", {
|
|
138
139
|
className: (0, _styles.listClass)('item', 'empty')
|
|
139
140
|
}, empty || (0, _locale.getLocale)('noData'));
|
|
@@ -143,7 +144,8 @@ function (_Component) {
|
|
|
143
144
|
data: data,
|
|
144
145
|
keygen: keygen,
|
|
145
146
|
renderItem: this.renderItem,
|
|
146
|
-
itemsInView: rowsInView
|
|
147
|
+
itemsInView: rowsInView,
|
|
148
|
+
force: value
|
|
147
149
|
});
|
|
148
150
|
};
|
|
149
151
|
|
|
@@ -210,7 +212,8 @@ Index.propTypes = {
|
|
|
210
212
|
fixed: _propTypes.default.bool,
|
|
211
213
|
rowsInView: _propTypes.default.number,
|
|
212
214
|
height: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
|
|
213
|
-
lineHeight: _propTypes.default.number
|
|
215
|
+
lineHeight: _propTypes.default.number,
|
|
216
|
+
value: _propTypes.default.array
|
|
214
217
|
};
|
|
215
218
|
Index.defaultProps = {
|
|
216
219
|
size: 'default',
|
package/css/Popover/Confirm.js
CHANGED
|
@@ -138,7 +138,7 @@ Confirm.propTypes = (0, _objectSpread2.default)({}, (0, _proptypes.getProps)(_pr
|
|
|
138
138
|
icon: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.node])
|
|
139
139
|
});
|
|
140
140
|
Confirm.defaultProps = {
|
|
141
|
-
type: '
|
|
141
|
+
type: 'confirmwarning',
|
|
142
142
|
icon: true,
|
|
143
143
|
okType: 'danger'
|
|
144
144
|
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
exports.__esModule = true;
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
|
|
8
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
+
|
|
10
|
+
var _react = _interopRequireDefault(require("react"));
|
|
11
|
+
|
|
12
|
+
var _Panel = _interopRequireDefault(require("./Panel"));
|
|
13
|
+
|
|
14
|
+
function Content(props) {
|
|
15
|
+
// eslint-disable-next-line
|
|
16
|
+
return _react.default.createElement(_Panel.default, (0, _extends2.default)({}, props, {
|
|
17
|
+
useTextStyle: true
|
|
18
|
+
}));
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
var _default = Content;
|
|
22
|
+
exports.default = _default;
|
package/css/Popover/Panel.js
CHANGED
|
@@ -295,7 +295,8 @@ function (_Component) {
|
|
|
295
295
|
children = _this$props4.children,
|
|
296
296
|
type = _this$props4.type,
|
|
297
297
|
visible = _this$props4.visible,
|
|
298
|
-
showArrow = _this$props4.showArrow
|
|
298
|
+
showArrow = _this$props4.showArrow,
|
|
299
|
+
useTextStyle = _this$props4.useTextStyle;
|
|
299
300
|
var show = typeof visible === 'boolean' ? visible : this.state.show;
|
|
300
301
|
|
|
301
302
|
if (!this.isRendered && !show || !this.parentElement || !children) {
|
|
@@ -329,7 +330,7 @@ function (_Component) {
|
|
|
329
330
|
|
|
330
331
|
this.element.className = (0, _classnames.default)((0, _styles.popoverClass)('_', position, type), this.props.className, this.id);
|
|
331
332
|
var childrened = (0, _is.isFunc)(children) ? children(this.handleHide) : children;
|
|
332
|
-
if (typeof childrened === 'string') childrened = _react.default.createElement("span", {
|
|
333
|
+
if (typeof childrened === 'string' || useTextStyle) childrened = _react.default.createElement("span", {
|
|
333
334
|
className: (0, _styles.popoverClass)('text')
|
|
334
335
|
}, childrened);
|
|
335
336
|
return _reactDom.default.createPortal([showArrow && _react.default.createElement("div", {
|
|
@@ -373,7 +374,8 @@ Panel.propTypes = {
|
|
|
373
374
|
showArrow: _propTypes.default.bool,
|
|
374
375
|
bindChain: _propTypes.default.func,
|
|
375
376
|
zIndex: _propTypes.default.number,
|
|
376
|
-
clickToCancelDelay: _propTypes.default.bool
|
|
377
|
+
clickToCancelDelay: _propTypes.default.bool,
|
|
378
|
+
useTextStyle: _propTypes.default.bool
|
|
377
379
|
};
|
|
378
380
|
Panel.defaultProps = {
|
|
379
381
|
background: '',
|
package/css/Popover/index.d.ts
CHANGED
|
@@ -131,7 +131,7 @@ export interface PopoverProps extends StandardProps {
|
|
|
131
131
|
*
|
|
132
132
|
* default: none
|
|
133
133
|
*/
|
|
134
|
-
type?: 'success' | 'info' | 'warning' | 'danger';
|
|
134
|
+
type?: 'success' | 'info' | 'warning' | 'danger' | 'confirmwarning';
|
|
135
135
|
|
|
136
136
|
/**
|
|
137
137
|
* Old API, out of date
|
|
@@ -232,8 +232,15 @@ declare class PopoverConfirm extends React.Component<PopoverConfirmProps, {}> {
|
|
|
232
232
|
render(): JSX.Element;
|
|
233
233
|
}
|
|
234
234
|
|
|
235
|
-
declare class
|
|
235
|
+
declare class PopoverContent extends React.Component<PopoverProps, {}> {
|
|
236
|
+
render(): JSX.Element;
|
|
237
|
+
}
|
|
238
|
+
|
|
239
|
+
export type ContentProps = Omit<PopoverProps, 'content'>;
|
|
240
|
+
|
|
241
|
+
declare class Popover extends React.Component<ContentProps, {}> {
|
|
236
242
|
static Confirm: typeof PopoverConfirm;
|
|
243
|
+
static Content: typeof PopoverContent;
|
|
237
244
|
|
|
238
245
|
render(): JSX.Element;
|
|
239
246
|
}
|
package/css/Popover/index.js
CHANGED
|
@@ -17,6 +17,8 @@ var _Panel = _interopRequireDefault(require("./Panel"));
|
|
|
17
17
|
|
|
18
18
|
var _Confirm = _interopRequireDefault(require("./Confirm"));
|
|
19
19
|
|
|
20
|
+
var _Content = _interopRequireDefault(require("./Content"));
|
|
21
|
+
|
|
20
22
|
var Component = (0, _Container.default)(events);
|
|
21
23
|
|
|
22
24
|
function Popover(props) {
|
|
@@ -28,5 +30,6 @@ function Popover(props) {
|
|
|
28
30
|
Popover.displayName = 'ShineoutPopover';
|
|
29
31
|
Popover.Confirm = _Confirm.default;
|
|
30
32
|
Popover.Confirm.displayName = 'ShineoutPopoverConfirm';
|
|
33
|
+
Popover.Content = _Content.default;
|
|
31
34
|
var _default = Popover;
|
|
32
35
|
exports.default = _default;
|
|
@@ -308,9 +308,6 @@
|
|
|
308
308
|
margin-bottom: 8px;
|
|
309
309
|
font-size: var(--font-size-base, 14px);
|
|
310
310
|
}
|
|
311
|
-
.so-popover-confirm .so-popover-mention .so-alert-warning .so-alert-icon path {
|
|
312
|
-
fill: var(--danger-color, #f85555);
|
|
313
|
-
}
|
|
314
311
|
.so-popover-text {
|
|
315
312
|
display: inline-block;
|
|
316
313
|
max-width: var(--popover-text-max-width, 320px);
|
|
@@ -294,7 +294,9 @@ function (_PureComponent) {
|
|
|
294
294
|
data = _this$props7.data,
|
|
295
295
|
absolute = _this$props7.absolute,
|
|
296
296
|
height = _this$props7.height,
|
|
297
|
-
zIndex = _this$props7.zIndex
|
|
297
|
+
zIndex = _this$props7.zIndex,
|
|
298
|
+
compressed = _this$props7.compressed,
|
|
299
|
+
value = _this$props7.value;
|
|
298
300
|
var props = {};
|
|
299
301
|
['mode', 'data', 'datum', 'defaultExpanded', 'defaultExpandAll', 'disabled', 'expanded', 'keygen', 'loader', 'onExpand', 'renderItem', 'line', 'parentClickExpand', 'childrenKey', 'expandIcons'].forEach(function (k) {
|
|
300
302
|
props[k] = _this3.props[k];
|
|
@@ -331,7 +333,8 @@ function (_PureComponent) {
|
|
|
331
333
|
overflowY: 'auto'
|
|
332
334
|
},
|
|
333
335
|
fixed: "min",
|
|
334
|
-
zIndex: zIndex
|
|
336
|
+
zIndex: zIndex,
|
|
337
|
+
value: multiple && !compressed ? value : undefined
|
|
335
338
|
}, _react.default.createElement("div", {
|
|
336
339
|
className: (0, _styles.treeSelectClass)('tree-wrapper')
|
|
337
340
|
}, content));
|
package/css/icons/index.js
CHANGED
package/css/index.d.ts
CHANGED
package/css/index.js
CHANGED
package/css/utils/proptypes.js
CHANGED
|
@@ -15,7 +15,7 @@ function getProps(PropTypes) {
|
|
|
15
15
|
grid: PropTypes.oneOfType([PropTypes.number, PropTypes.object]),
|
|
16
16
|
placeholder: PropTypes.oneOfType([PropTypes.string, PropTypes.element, PropTypes.func]),
|
|
17
17
|
size: PropTypes.oneOf(['small', 'default', 'large']),
|
|
18
|
-
type: PropTypes.oneOf(['primary', 'default', 'secondary', 'success', 'info', 'warning', 'error', 'danger', 'link'])
|
|
18
|
+
type: PropTypes.oneOf(['primary', 'default', 'secondary', 'success', 'info', 'warning', 'error', 'danger', 'link', 'confirmwarning'])
|
|
19
19
|
};
|
|
20
20
|
|
|
21
21
|
for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
|
|
@@ -5,6 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
5
5
|
exports.__esModule = true;
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
|
|
8
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread"));
|
|
9
|
+
|
|
8
10
|
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
|
9
11
|
|
|
10
12
|
var _Datum = _interopRequireDefault(require("../../Datum"));
|
|
@@ -58,7 +60,10 @@ function getRule(rules, props) {
|
|
|
58
60
|
|
|
59
61
|
if (other.min !== undefined || other.max !== undefined) {
|
|
60
62
|
if (type === 'number' || type === 'integer') {
|
|
61
|
-
return (0, _range.default)(props
|
|
63
|
+
return (0, _range.default)((0, _objectSpread2.default)({}, props, {
|
|
64
|
+
min: other.min,
|
|
65
|
+
max: other.max
|
|
66
|
+
}));
|
|
62
67
|
}
|
|
63
68
|
|
|
64
69
|
return (0, _rangeLength.default)(props);
|