amis 1.9.1-beta.0 → 1.9.1-beta.4
Sign up to get free protection for your applications and to get access to all the features.
- package/lib/RootRenderer.js +10 -2
- package/lib/RootRenderer.js.map +2 -2
- package/lib/Schema.d.ts +3 -2
- package/lib/Schema.js.map +1 -1
- package/lib/SchemaRenderer.js +6 -9
- package/lib/SchemaRenderer.js.map +2 -2
- package/lib/actions/CmptAction.js +4 -4
- package/lib/actions/CmptAction.js.map +2 -2
- package/lib/components/Button.d.ts +11 -10
- package/lib/components/Button.js +2 -2
- package/lib/components/Button.js.map +2 -2
- package/lib/components/CalendarMobile.d.ts +40 -40
- package/lib/components/Checkbox.js +1 -1
- package/lib/components/Checkbox.js.map +2 -2
- package/lib/components/ContextMenu.d.ts +4 -0
- package/lib/components/ContextMenu.js +23 -7
- package/lib/components/ContextMenu.js.map +2 -2
- package/lib/components/DatePicker.d.ts +40 -40
- package/lib/components/DateRangePicker.d.ts +40 -40
- package/lib/components/Form.d.ts +22 -0
- package/lib/components/Form.js +44 -0
- package/lib/components/Form.js.map +13 -0
- package/lib/components/FormField.d.ts +65 -0
- package/lib/components/FormField.js +48 -0
- package/lib/components/FormField.js.map +13 -0
- package/lib/components/InputBox.d.ts +10 -10
- package/lib/components/InputBox.js +4 -3
- package/lib/components/InputBox.js.map +2 -2
- package/lib/components/InputBoxWithSuggestion.d.ts +280 -0
- package/lib/components/InputBoxWithSuggestion.js +65 -0
- package/lib/components/InputBoxWithSuggestion.js.map +13 -0
- package/lib/components/ListGroup.d.ts +10 -10
- package/lib/components/PickerContainer.d.ts +4 -2
- package/lib/components/PickerContainer.js +28 -5
- package/lib/components/PickerContainer.js.map +2 -2
- package/lib/components/Radios.d.ts +10 -10
- package/lib/components/ResultBox.d.ts +40 -40
- package/lib/components/Select.d.ts +195 -202
- package/lib/components/Select.js +7 -3
- package/lib/components/Select.js.map +2 -2
- package/lib/components/Textarea.d.ts +568 -2
- package/lib/components/Textarea.js +129 -1
- package/lib/components/Textarea.js.map +2 -2
- package/lib/components/Toast.js +11 -9
- package/lib/components/Toast.js.map +2 -2
- package/lib/components/UserSelect.d.ts +500 -0
- package/lib/components/UserSelect.js +559 -0
- package/lib/components/UserSelect.js.map +13 -0
- package/lib/components/UserTabSelect.d.ts +320 -0
- package/lib/components/UserTabSelect.js +163 -0
- package/lib/components/UserTabSelect.js.map +13 -0
- package/lib/components/WithRemoteConfig.d.ts +7 -0
- package/lib/components/WithRemoteConfig.js +22 -13
- package/lib/components/WithRemoteConfig.js.map +2 -2
- package/lib/components/calendar/DaysView.d.ts +26 -1
- package/lib/components/calendar/DaysView.js +60 -19
- package/lib/components/calendar/DaysView.js.map +2 -2
- package/lib/components/calendar/TimeView.d.ts +1 -1
- package/lib/components/calendar/TimeView.js +10 -3
- package/lib/components/calendar/TimeView.js.map +2 -2
- package/lib/components/formula/Picker.js +4 -4
- package/lib/components/formula/Picker.js.map +2 -2
- package/lib/components/icons.d.ts +7 -1
- package/lib/components/icons.js +17 -1
- package/lib/components/icons.js.map +2 -2
- package/lib/components/index.d.ts +2 -1
- package/lib/components/index.js +3 -1
- package/lib/components/index.js.map +2 -2
- package/lib/components/json-schema/Array.d.ts +3 -0
- package/lib/components/json-schema/Array.js +125 -0
- package/lib/components/json-schema/Array.js.map +13 -0
- package/lib/components/json-schema/Item.d.ts +3 -0
- package/lib/components/json-schema/Item.js +34 -0
- package/lib/components/json-schema/Item.js.map +13 -0
- package/lib/components/json-schema/Object.d.ts +3 -0
- package/lib/components/json-schema/Object.js +178 -0
- package/lib/components/json-schema/Object.js.map +13 -0
- package/lib/components/json-schema/index.d.ts +279 -0
- package/lib/components/json-schema/index.js +16 -0
- package/lib/components/json-schema/index.js.map +13 -0
- package/lib/components/schema-editor/Array.js +2 -2
- package/lib/components/schema-editor/Array.js.map +2 -2
- package/lib/components/schema-editor/Common.d.ts +2 -0
- package/lib/components/schema-editor/Common.js +39 -3
- package/lib/components/schema-editor/Common.js.map +2 -2
- package/lib/components/schema-editor/Object.js +2 -2
- package/lib/components/schema-editor/Object.js.map +2 -2
- package/lib/components/schema-editor/index.d.ts +45 -41
- package/lib/components/schema-editor/index.js +5 -5
- package/lib/components/schema-editor/index.js.map +2 -2
- package/lib/components/table/ItemActionsWrapper.d.ts +10 -0
- package/lib/components/table/ItemActionsWrapper.js +25 -0
- package/lib/components/table/ItemActionsWrapper.js.map +13 -0
- package/lib/components/table/index.d.ts +48 -41
- package/lib/components/table/index.js +46 -18
- package/lib/components/table/index.js.map +2 -2
- package/lib/helper.css +125 -124
- package/lib/helper.css.map +1 -1
- package/lib/hooks/use-validation-resolver.d.ts +1 -0
- package/lib/hooks/use-validation-resolver.js +49 -0
- package/lib/hooks/use-validation-resolver.js.map +13 -0
- package/lib/icons/department.js +17 -0
- package/lib/icons/menu.js +9 -0
- package/lib/icons/post.js +15 -0
- package/lib/icons/role.js +14 -0
- package/lib/icons/user-remove.js +12 -0
- package/lib/index.d.ts +2 -0
- package/lib/index.js +3 -1
- package/lib/index.js.map +2 -2
- package/lib/locale/de-DE.js +11 -1
- package/lib/locale/de-DE.js.map +2 -2
- package/lib/locale/en-US.js +12 -1
- package/lib/locale/en-US.js.map +2 -2
- package/lib/locale/zh-CN.js +14 -3
- package/lib/locale/zh-CN.js.map +2 -2
- package/lib/renderers/Action.js +25 -11
- package/lib/renderers/Action.js.map +2 -2
- package/lib/renderers/CRUD.js +5 -1
- package/lib/renderers/CRUD.js.map +2 -2
- package/lib/renderers/Dialog.js +9 -3
- package/lib/renderers/Dialog.js.map +2 -2
- package/lib/renderers/Drawer.js +5 -1
- package/lib/renderers/Drawer.js.map +2 -2
- package/lib/renderers/Form/InputDate.d.ts +2 -2
- package/lib/renderers/Form/InputDate.js.map +2 -2
- package/lib/renderers/Form/JSONSchema.d.ts +23 -0
- package/lib/renderers/Form/JSONSchema.js +44 -0
- package/lib/renderers/Form/JSONSchema.js.map +13 -0
- package/lib/renderers/Form/JSONSchemaEditor.d.ts +2 -3
- package/lib/renderers/Form/JSONSchemaEditor.js +9 -24
- package/lib/renderers/Form/JSONSchemaEditor.js.map +2 -2
- package/lib/renderers/Form/Options.js +11 -5
- package/lib/renderers/Form/Options.js.map +2 -2
- package/lib/renderers/Form/Textarea.d.ts +1 -8
- package/lib/renderers/Form/Textarea.js +11 -75
- package/lib/renderers/Form/Textarea.js.map +2 -2
- package/lib/renderers/Form/UserSelect.d.ts +54 -0
- package/lib/renderers/Form/UserSelect.js +197 -0
- package/lib/renderers/Form/UserSelect.js.map +13 -0
- package/lib/renderers/Form/index.d.ts +1 -1
- package/lib/renderers/Form/index.js +88 -42
- package/lib/renderers/Form/index.js.map +2 -2
- package/lib/renderers/Form/wrapControl.js.map +2 -2
- package/lib/renderers/Log.d.ts +28 -0
- package/lib/renderers/Log.js +110 -20
- package/lib/renderers/Log.js.map +2 -2
- package/lib/renderers/Page.js +5 -1
- package/lib/renderers/Page.js.map +2 -2
- package/lib/renderers/Service.js +5 -1
- package/lib/renderers/Service.js.map +2 -2
- package/lib/renderers/Table-v2/index.d.ts +14 -2
- package/lib/renderers/Table-v2/index.js +33 -3
- package/lib/renderers/Table-v2/index.js.map +2 -2
- package/lib/renderers/Wizard.js +37 -14
- package/lib/renderers/Wizard.js.map +2 -2
- package/lib/store/form.js +65 -45
- package/lib/store/form.js.map +2 -2
- package/lib/themes/ang-ie11.css +576 -24
- package/lib/themes/ang.css +553 -12
- package/lib/themes/ang.css.map +1 -1
- package/lib/themes/antd-ie11.css +576 -24
- package/lib/themes/antd.css +553 -12
- package/lib/themes/antd.css.map +1 -1
- package/lib/themes/cxd-ie11.css +576 -24
- package/lib/themes/cxd.css +553 -12
- package/lib/themes/cxd.css.map +1 -1
- package/lib/themes/dark-ie11.css +576 -24
- package/lib/themes/dark.css +553 -12
- package/lib/themes/dark.css.map +1 -1
- package/lib/themes/default-ie11.css +576 -24
- package/lib/themes/default.css +553 -12
- package/lib/themes/default.css.map +1 -1
- package/lib/utils/api.js +1 -1
- package/lib/utils/api.js.map +2 -2
- package/lib/utils/renderer-event.js.map +2 -2
- package/package.json +2 -1
- package/schema.json +552 -5
- package/scss/_properties.scss +20 -8
- package/scss/components/_input-box.scss +22 -1
- package/scss/components/_json-schema.scss +124 -0
- package/scss/components/_log.scss +37 -5
- package/scss/components/form/_date-range.scss +1 -0
- package/scss/components/form/_select.scss +9 -0
- package/scss/components/form/_transfer.scss +19 -3
- package/scss/components/form/_user-select.scss +422 -0
- package/scss/helper/background/_background-color.scss +125 -124
- package/scss/themes/_common.scss +2 -0
- package/sdk/ang-ie11.css +670 -24
- package/sdk/ang.css +647 -12
- package/sdk/antd-ie11.css +670 -24
- package/sdk/antd.css +647 -12
- package/sdk/barcode.js +51 -51
- package/sdk/charts.js +14 -14
- package/sdk/codemirror.js +7 -7
- package/sdk/color-picker.js +65 -65
- package/sdk/cropperjs.js +2 -2
- package/sdk/cxd-ie11.css +670 -24
- package/sdk/cxd.css +647 -12
- package/sdk/dark-ie11.css +670 -24
- package/sdk/dark.css +647 -12
- package/sdk/exceljs.js +1 -1
- package/sdk/helper.css +125 -124
- package/sdk/helper.css.map +1 -1
- package/sdk/locale/de-DE.js +11 -1
- package/sdk/markdown.js +69 -69
- package/sdk/papaparse.js +1 -1
- package/sdk/renderers/Form/CityDB.js +1 -1
- package/sdk/rest.js +16 -16
- package/sdk/rich-text.js +62 -62
- package/sdk/sdk-ie11.css +670 -24
- package/sdk/sdk.css +647 -12
- package/sdk/sdk.js +1653 -1637
- package/sdk/thirds/hls.js/hls.js +1 -1
- package/sdk/thirds/mpegts.js/mpegts.js +1 -1
- package/sdk/tinymce.js +57 -57
- package/src/RootRenderer.tsx +27 -15
- package/src/Schema.ts +5 -1
- package/src/SchemaRenderer.tsx +1 -4
- package/src/actions/CmptAction.ts +4 -4
- package/src/components/Button.tsx +3 -0
- package/src/components/Checkbox.tsx +2 -1
- package/src/components/ContextMenu.tsx +25 -7
- package/src/components/Form.tsx +70 -0
- package/src/components/FormField.tsx +127 -0
- package/src/components/InputBox.tsx +4 -1
- package/src/components/InputBoxWithSuggestion.tsx +113 -0
- package/src/components/PickerContainer.tsx +20 -5
- package/src/components/Select.tsx +18 -10
- package/src/components/Textarea.tsx +234 -2
- package/src/components/Toast.tsx +19 -18
- package/src/components/UserSelect.tsx +850 -0
- package/src/components/UserTabSelect.tsx +261 -0
- package/src/components/WithRemoteConfig.tsx +35 -11
- package/src/components/calendar/DaysView.tsx +117 -49
- package/src/components/calendar/TimeView.tsx +11 -6
- package/src/components/formula/Picker.tsx +2 -1
- package/src/components/icons.tsx +17 -1
- package/src/components/index.tsx +3 -1
- package/src/components/json-schema/Array.tsx +216 -0
- package/src/components/json-schema/Item.tsx +47 -0
- package/src/components/json-schema/Object.tsx +339 -0
- package/src/components/json-schema/index.tsx +44 -0
- package/src/components/schema-editor/Array.tsx +3 -1
- package/src/components/schema-editor/Common.tsx +61 -4
- package/src/components/schema-editor/Object.tsx +3 -1
- package/src/components/schema-editor/index.tsx +12 -5
- package/src/components/table/ItemActionsWrapper.tsx +32 -0
- package/src/components/table/index.tsx +115 -58
- package/src/hooks/use-validation-resolver.ts +45 -0
- package/src/icons/department.svg +17 -0
- package/src/icons/menu.svg +2 -0
- package/src/icons/post.svg +15 -0
- package/src/icons/role.svg +14 -0
- package/src/icons/user-remove.svg +12 -0
- package/src/index.tsx +2 -0
- package/src/locale/de-DE.ts +11 -1
- package/src/locale/en-US.ts +12 -1
- package/src/locale/zh-CN.ts +14 -3
- package/src/renderers/Action.tsx +10 -9
- package/src/renderers/CRUD.tsx +5 -1
- package/src/renderers/Dialog.tsx +9 -3
- package/src/renderers/Drawer.tsx +5 -1
- package/src/renderers/Form/InputDate.tsx +9 -4
- package/src/renderers/Form/JSONSchema.tsx +56 -0
- package/src/renderers/Form/JSONSchemaEditor.tsx +8 -27
- package/src/renderers/Form/Options.tsx +17 -7
- package/src/renderers/Form/Textarea.tsx +7 -117
- package/src/renderers/Form/UserSelect.tsx +263 -0
- package/src/renderers/Form/index.tsx +28 -18
- package/src/renderers/Form/wrapControl.tsx +0 -1
- package/src/renderers/Log.tsx +213 -19
- package/src/renderers/Page.tsx +6 -1
- package/src/renderers/Service.tsx +5 -1
- package/src/renderers/Table-v2/index.tsx +65 -2
- package/src/renderers/Wizard.tsx +24 -10
- package/src/store/form.ts +24 -17
- package/src/utils/api.ts +1 -1
- package/src/utils/renderer-event.ts +0 -2
@@ -1,6 +1,134 @@
|
|
1
1
|
"use strict";
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
+
exports.Textarea = void 0;
|
3
4
|
var tslib_1 = require("tslib");
|
5
|
+
var react_1 = (0, tslib_1.__importDefault)(require("react"));
|
6
|
+
var react_dom_1 = require("react-dom");
|
4
7
|
var react_textarea_autosize_1 = (0, tslib_1.__importDefault)(require("react-textarea-autosize"));
|
5
|
-
|
8
|
+
var locale_1 = require("../locale");
|
9
|
+
var theme_1 = require("../theme");
|
10
|
+
var helper_1 = require("../utils/helper");
|
11
|
+
var icons_1 = require("./icons");
|
12
|
+
var Textarea = /** @class */ (function (_super) {
|
13
|
+
(0, tslib_1.__extends)(Textarea, _super);
|
14
|
+
function Textarea() {
|
15
|
+
var _this = _super !== null && _super.apply(this, arguments) || this;
|
16
|
+
_this.state = {
|
17
|
+
focused: false
|
18
|
+
};
|
19
|
+
_this.inputRef = function (ref) { return (_this.input = (0, react_dom_1.findDOMNode)(ref)); };
|
20
|
+
return _this;
|
21
|
+
}
|
22
|
+
Textarea.prototype.valueToString = function (value) {
|
23
|
+
return typeof value === 'undefined' || value === null
|
24
|
+
? ''
|
25
|
+
: typeof value === 'string'
|
26
|
+
? value
|
27
|
+
: JSON.stringify(value);
|
28
|
+
};
|
29
|
+
Textarea.prototype.focus = function () {
|
30
|
+
var _this = this;
|
31
|
+
if (!this.input) {
|
32
|
+
return;
|
33
|
+
}
|
34
|
+
this.setState({
|
35
|
+
focused: true
|
36
|
+
}, function () {
|
37
|
+
if (!_this.input) {
|
38
|
+
return;
|
39
|
+
}
|
40
|
+
_this.input.focus();
|
41
|
+
// 光标放到最后
|
42
|
+
var len = _this.input.value.length;
|
43
|
+
len && _this.input.setSelectionRange(len, len);
|
44
|
+
});
|
45
|
+
};
|
46
|
+
Textarea.prototype.handleChange = function (e) {
|
47
|
+
var onChange = this.props.onChange;
|
48
|
+
var value = e.currentTarget.value;
|
49
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(value);
|
50
|
+
};
|
51
|
+
Textarea.prototype.handleFocus = function (e) {
|
52
|
+
var onFocus = this.props.onFocus;
|
53
|
+
this.setState({
|
54
|
+
focused: true
|
55
|
+
}, function () {
|
56
|
+
onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
|
57
|
+
});
|
58
|
+
};
|
59
|
+
Textarea.prototype.handleBlur = function (e) {
|
60
|
+
var _a = this.props, onBlur = _a.onBlur, trimContents = _a.trimContents, value = _a.value, onChange = _a.onChange;
|
61
|
+
this.setState({
|
62
|
+
focused: false
|
63
|
+
}, function () {
|
64
|
+
if (trimContents && value && typeof value === 'string') {
|
65
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(value.trim());
|
66
|
+
}
|
67
|
+
onBlur && onBlur(e);
|
68
|
+
});
|
69
|
+
};
|
70
|
+
Textarea.prototype.handleClear = function () {
|
71
|
+
return (0, tslib_1.__awaiter)(this, void 0, void 0, function () {
|
72
|
+
var _a, onChange, resetValue;
|
73
|
+
return (0, tslib_1.__generator)(this, function (_b) {
|
74
|
+
_a = this.props, onChange = _a.onChange, resetValue = _a.resetValue;
|
75
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(resetValue);
|
76
|
+
this.focus();
|
77
|
+
return [2 /*return*/];
|
78
|
+
});
|
79
|
+
});
|
80
|
+
};
|
81
|
+
Textarea.prototype.render = function () {
|
82
|
+
var _a;
|
83
|
+
var _b = this.props, className = _b.className, ns = _b.classPrefix, value = _b.value, placeholder = _b.placeholder, disabled = _b.disabled, minRows = _b.minRows, maxRows = _b.maxRows, readOnly = _b.readOnly, name = _b.name, borderMode = _b.borderMode, cx = _b.classnames, maxLength = _b.maxLength, showCounter = _b.showCounter, clearable = _b.clearable;
|
84
|
+
var counter = showCounter ? this.valueToString(value).length : 0;
|
85
|
+
return (react_1.default.createElement("div", { className: cx("TextareaControl", (_a = {},
|
86
|
+
_a["TextareaControl--border".concat((0, helper_1.ucFirst)(borderMode))] = borderMode,
|
87
|
+
_a['is-focused'] = this.state.focused,
|
88
|
+
_a['is-disabled'] = disabled,
|
89
|
+
_a), className) },
|
90
|
+
react_1.default.createElement(react_textarea_autosize_1.default, { className: cx("TextareaControl-input"), autoComplete: "off", ref: this.inputRef, name: name, disabled: disabled, value: this.valueToString(value), placeholder: placeholder, autoCorrect: "off", spellCheck: "false", readOnly: readOnly, minRows: minRows || undefined, maxRows: maxRows || undefined, onChange: this.handleChange, onFocus: this.handleFocus, onBlur: this.handleBlur }),
|
91
|
+
clearable && !disabled && value ? (react_1.default.createElement("a", { onClick: this.handleClear, className: cx('TextareaControl-clear') },
|
92
|
+
react_1.default.createElement(icons_1.Icon, { icon: "input-clear", className: "icon" }))) : null,
|
93
|
+
showCounter ? (react_1.default.createElement("span", { className: cx('TextareaControl-counter', {
|
94
|
+
'is-empty': counter === 0,
|
95
|
+
'is-clearable': clearable && !disabled && value
|
96
|
+
}) }, "".concat(counter).concat(typeof maxLength === 'number' && maxLength ? "/".concat(maxLength) : ''))) : null));
|
97
|
+
};
|
98
|
+
var _a, _b, _c;
|
99
|
+
Textarea.defaultProps = {
|
100
|
+
minRows: 3,
|
101
|
+
maxRows: 20,
|
102
|
+
trimContents: true,
|
103
|
+
resetValue: '',
|
104
|
+
clearable: false
|
105
|
+
};
|
106
|
+
(0, tslib_1.__decorate)([
|
107
|
+
helper_1.autobind,
|
108
|
+
(0, tslib_1.__metadata)("design:type", Function),
|
109
|
+
(0, tslib_1.__metadata)("design:paramtypes", [typeof (_a = typeof react_1.default !== "undefined" && react_1.default.ChangeEvent) === "function" ? _a : Object]),
|
110
|
+
(0, tslib_1.__metadata)("design:returntype", void 0)
|
111
|
+
], Textarea.prototype, "handleChange", null);
|
112
|
+
(0, tslib_1.__decorate)([
|
113
|
+
helper_1.autobind,
|
114
|
+
(0, tslib_1.__metadata)("design:type", Function),
|
115
|
+
(0, tslib_1.__metadata)("design:paramtypes", [typeof (_b = typeof react_1.default !== "undefined" && react_1.default.FocusEvent) === "function" ? _b : Object]),
|
116
|
+
(0, tslib_1.__metadata)("design:returntype", void 0)
|
117
|
+
], Textarea.prototype, "handleFocus", null);
|
118
|
+
(0, tslib_1.__decorate)([
|
119
|
+
helper_1.autobind,
|
120
|
+
(0, tslib_1.__metadata)("design:type", Function),
|
121
|
+
(0, tslib_1.__metadata)("design:paramtypes", [typeof (_c = typeof react_1.default !== "undefined" && react_1.default.FocusEvent) === "function" ? _c : Object]),
|
122
|
+
(0, tslib_1.__metadata)("design:returntype", void 0)
|
123
|
+
], Textarea.prototype, "handleBlur", null);
|
124
|
+
(0, tslib_1.__decorate)([
|
125
|
+
helper_1.autobind,
|
126
|
+
(0, tslib_1.__metadata)("design:type", Function),
|
127
|
+
(0, tslib_1.__metadata)("design:paramtypes", []),
|
128
|
+
(0, tslib_1.__metadata)("design:returntype", Promise)
|
129
|
+
], Textarea.prototype, "handleClear", null);
|
130
|
+
return Textarea;
|
131
|
+
}(react_1.default.Component));
|
132
|
+
exports.Textarea = Textarea;
|
133
|
+
exports.default = (0, theme_1.themeable)((0, locale_1.localeable)(Textarea));
|
6
134
|
//# sourceMappingURL=./components/Textarea.js.map
|
@@ -6,8 +6,8 @@
|
|
6
6
|
"/src/components/Textarea.tsx"
|
7
7
|
],
|
8
8
|
"names": [],
|
9
|
-
"mappings": "
|
9
|
+
"mappings": "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",
|
10
10
|
"sourcesContent": [
|
11
|
-
"import
|
11
|
+
"import React from 'react';\nimport {findDOMNode} from 'react-dom';\nimport BaseTextArea from 'react-textarea-autosize';\nimport {localeable, LocaleProps} from '../locale';\nimport {themeable, ThemeProps} from '../theme';\nimport {autobind, ucFirst} from '../utils/helper';\nimport {Icon} from './icons';\n\nexport interface TextAreaProps extends ThemeProps, LocaleProps {\n /**\n * 最大行数\n */\n maxRows?: number;\n\n /**\n * 最小行数\n */\n minRows?: number;\n\n /**\n * 是否只读\n */\n readOnly?: boolean;\n\n /**\n * 边框模式,全边框,还是半边框,或者没边框。\n */\n borderMode?: 'full' | 'half' | 'none';\n\n /**\n * 限制文字个数\n */\n maxLength?: number;\n\n /**\n * 是否显示计数\n */\n showCounter?: boolean;\n\n /**\n * 输入内容是否可清除\n */\n clearable?: boolean;\n\n /**\n * 重置值\n */\n resetValue?: string;\n\n trimContents?: boolean;\n\n value?: any;\n onChange?: (value: any) => void;\n\n onFocus?: (e: any) => void;\n onBlur?: (e: any) => void;\n\n placeholder?: string;\n name?: string;\n disabled?: boolean;\n}\n\nexport interface TextAreaState {\n focused: boolean;\n}\n\nexport class Textarea extends React.Component<TextAreaProps, TextAreaState> {\n static defaultProps = {\n minRows: 3,\n maxRows: 20,\n trimContents: true,\n resetValue: '',\n clearable: false\n };\n\n state = {\n focused: false\n };\n\n input?: HTMLInputElement;\n inputRef = (ref: any) => (this.input = findDOMNode(ref) as HTMLInputElement);\n\n valueToString(value: any) {\n return typeof value === 'undefined' || value === null\n ? ''\n : typeof value === 'string'\n ? value\n : JSON.stringify(value);\n }\n\n focus() {\n if (!this.input) {\n return;\n }\n\n this.setState(\n {\n focused: true\n },\n () => {\n if (!this.input) {\n return;\n }\n\n this.input.focus();\n\n // 光标放到最后\n const len = this.input.value.length;\n len && this.input.setSelectionRange(len, len);\n }\n );\n }\n\n @autobind\n handleChange(e: React.ChangeEvent<HTMLTextAreaElement>) {\n const {onChange} = this.props;\n let value = e.currentTarget.value;\n\n onChange?.(value);\n }\n\n @autobind\n handleFocus(e: React.FocusEvent<HTMLTextAreaElement>) {\n const {onFocus} = this.props;\n\n this.setState(\n {\n focused: true\n },\n () => {\n onFocus?.(e);\n }\n );\n }\n\n @autobind\n handleBlur(e: React.FocusEvent<HTMLTextAreaElement>) {\n const {onBlur, trimContents, value, onChange} = this.props;\n\n this.setState(\n {\n focused: false\n },\n () => {\n if (trimContents && value && typeof value === 'string') {\n onChange?.(value.trim());\n }\n\n onBlur && onBlur(e);\n }\n );\n }\n\n @autobind\n async handleClear() {\n const {onChange, resetValue} = this.props;\n\n onChange?.(resetValue);\n this.focus();\n }\n\n render() {\n const {\n className,\n classPrefix: ns,\n value,\n placeholder,\n disabled,\n minRows,\n maxRows,\n readOnly,\n name,\n borderMode,\n classnames: cx,\n maxLength,\n showCounter,\n clearable\n } = this.props;\n const counter = showCounter ? this.valueToString(value).length : 0;\n\n return (\n <div\n className={cx(\n `TextareaControl`,\n {\n [`TextareaControl--border${ucFirst(borderMode)}`]: borderMode,\n 'is-focused': this.state.focused,\n 'is-disabled': disabled\n },\n className\n )}\n >\n <BaseTextArea\n className={cx(`TextareaControl-input`)}\n autoComplete=\"off\"\n ref={this.inputRef}\n name={name}\n disabled={disabled}\n value={this.valueToString(value)}\n placeholder={placeholder}\n autoCorrect=\"off\"\n spellCheck=\"false\"\n readOnly={readOnly}\n minRows={minRows || undefined}\n maxRows={maxRows || undefined}\n onChange={this.handleChange}\n onFocus={this.handleFocus}\n onBlur={this.handleBlur}\n />\n\n {clearable && !disabled && value ? (\n <a onClick={this.handleClear} className={cx('TextareaControl-clear')}>\n <Icon icon=\"input-clear\" className=\"icon\" />\n </a>\n ) : null}\n\n {showCounter ? (\n <span\n className={cx('TextareaControl-counter', {\n 'is-empty': counter === 0,\n 'is-clearable': clearable && !disabled && value\n })}\n >\n {`${counter}${\n typeof maxLength === 'number' && maxLength ? `/${maxLength}` : ''\n }`}\n </span>\n ) : null}\n </div>\n );\n }\n}\n\nexport default themeable(localeable(Textarea));\n"
|
12
12
|
]
|
13
13
|
}
|
package/lib/components/Toast.js
CHANGED
@@ -50,16 +50,18 @@ var ToastComponent = /** @class */ (function (_super) {
|
|
50
50
|
}
|
51
51
|
};
|
52
52
|
ToastComponent.prototype.notifiy = function (level, content, config) {
|
53
|
-
var items = this.state.items.concat();
|
54
53
|
var useMobileUI = (config.useMobileUI || this.props.useMobileUI) && (0, helper_1.isMobile)();
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
items:
|
62
|
-
|
54
|
+
this.setState(function (state) {
|
55
|
+
var items = state.items.concat();
|
56
|
+
if (useMobileUI) {
|
57
|
+
// 移动端只能存在一个
|
58
|
+
items = [];
|
59
|
+
}
|
60
|
+
items.push((0, tslib_1.__assign)((0, tslib_1.__assign)({ body: content, level: level }, config), { id: (0, helper_1.guid)(), position: config.position || (useMobileUI ? 'center' : config.position), timeout: config.timeout || (useMobileUI ? 3000 : undefined) }));
|
61
|
+
return {
|
62
|
+
items: items,
|
63
|
+
useMobileUI: useMobileUI
|
64
|
+
};
|
63
65
|
});
|
64
66
|
};
|
65
67
|
ToastComponent.prototype.success = function (content, config) {
|
@@ -6,8 +6,8 @@
|
|
6
6
|
"/src/components/Toast.tsx"
|
7
7
|
],
|
8
8
|
"names": [],
|
9
|
-
"mappings": ";AAAA;;;;GAIG;;;;;AAEH,2FAK2C;AAC3C,6DAA0B;AAE1B,6DAA0B;AAC1B,0CAA+D;AAC/D,kCAAyE;AACzE,iCAA6B;AAC7B,oCAA+D;AAC/D,wEAAqC;AAOrC,IAAM,UAAU;IAGd,GAAC,qBAAQ,IAAG,IAAI;IAChB,GAAC,oBAAO,IAAG,IAAI;IACf,GAAC,oBAAO,IAAG,KAAK;OACjB,CAAC;AAEF,IAAI,QAAQ,GAAQ,IAAI,CAAC;AACzB,IAAM,IAAI,GAAG,UAAC,OAAe,EAAE,IAAc,EAAE,MAAc;IAA9B,qBAAA,EAAA,SAAc;IAC3C,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;QAClC,OAAO;KACR;IACD,QAAQ,CAAC,MAAM,CAAC,CAAC,OAAO,4BAAM,IAAI,EAAE,CAAC;AACvC,CAAC,CAAC;AA2CF;IAAoC,+CAGnC;IAHD;QAAA,
|
9
|
+
"mappings": "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",
|
10
10
|
"sourcesContent": [
|
11
|
-
"/**\n * @file Toast\n * @description toast提示组件, 单例模式,App级别只需要一个ToastComponent,引入了多个会兼容,也只有第一个生效\n * @author fex\n */\n\nimport Transition, {\n ENTERED,\n ENTERING,\n EXITING,\n EXITED\n} from 'react-transition-group/Transition';\nimport React from 'react';\nimport cx from 'classnames';\nimport Html from './Html';\nimport {uuid, autobind, noop, isMobile} from '../utils/helper';\nimport {ClassNamesFn, themeable, classnames, ThemeProps} from '../theme';\nimport {Icon} from './icons';\nimport {LocaleProps, localeable, TranslateFn} from '../locale';\nimport groupBy from 'lodash/groupBy';\n\ninterface Config {\n closeButton?: boolean;\n timeout?: number;\n}\n\nconst fadeStyles: {\n [propName: string]: string;\n} = {\n [ENTERING]: 'in',\n [ENTERED]: 'in',\n [EXITING]: 'out'\n};\n\nlet toastRef: any = null;\nconst show = (content: string, conf: any = {}, method: string) => {\n if (!toastRef || !toastRef[method]) {\n return;\n }\n toastRef[method](content, {...conf});\n};\n\ninterface ToastComponentProps extends ThemeProps, LocaleProps {\n position:\n | 'top-right'\n | 'top-center'\n | 'top-left'\n | 'bottom-center'\n | 'bottom-left'\n | 'bottom-right'\n | 'center';\n closeButton: boolean;\n showIcon?: boolean;\n timeout: number;\n errorTimeout: number;\n className?: string;\n items?: Array<Item>;\n useMobileUI?: boolean;\n}\n\ninterface Item extends Config {\n title?: string | React.ReactNode;\n body: string | React.ReactNode;\n level: 'info' | 'success' | 'error' | 'warning';\n id: string;\n onDissmiss?: () => void;\n position?:\n | 'top-right'\n | 'top-center'\n | 'top-left'\n | 'bottom-center'\n | 'bottom-left'\n | 'bottom-right'\n | 'center';\n showIcon?: boolean;\n useMobileUI?: boolean;\n}\n\ninterface ToastComponentState {\n items: Array<Item>;\n useMobileUI?: boolean;\n}\n\nexport class ToastComponent extends React.Component<\n ToastComponentProps,\n ToastComponentState\n> {\n static defaultProps: Pick<\n ToastComponentProps,\n 'position' | 'closeButton' | 'timeout' | 'errorTimeout' | 'items'\n > = {\n position: 'top-center',\n closeButton: false,\n timeout: 4000,\n errorTimeout: 6000, // 错误的时候 time 调长\n items: []\n };\n static themeKey = 'toast';\n\n // 当前ToastComponent是否真正render了\n hasRendered = false;\n state: ToastComponentState = {\n items: []\n };\n\n componentDidMount() {\n this.hasRendered = true;\n toastRef = this;\n }\n\n componentWillUnmount() {\n if (this.hasRendered) {\n toastRef = null;\n }\n }\n\n notifiy(level: string, content: any, config?: any) {\n let items = this.state.items.concat();\n const useMobileUI = (config.useMobileUI || this.props.useMobileUI) && isMobile();\n if (useMobileUI) {\n // 移动端只能存在一个\n items = [];\n }\n items.push({\n body: content,\n level,\n ...config,\n id: uuid(),\n position: config.position || (useMobileUI ? 'center' : config.position),\n timeout: config.timeout || (useMobileUI ? 3000 : undefined),\n });\n this.setState({\n items,\n useMobileUI\n });\n }\n\n @autobind\n success(content: string, config?: any) {\n this.notifiy('success', content, config);\n }\n\n @autobind\n error(content: string, config?: any) {\n this.notifiy('error', content, config);\n }\n\n @autobind\n info(content: string, config?: any) {\n this.notifiy('info', content, config);\n }\n\n @autobind\n warning(content: string, config?: any) {\n this.notifiy('warning', content, config);\n }\n\n handleDismissed(index: number) {\n const items = this.state.items.concat();\n const [item] = items.splice(index, 1);\n\n item?.onDissmiss?.();\n this.setState({\n items: items\n });\n }\n\n render() {\n if (toastRef && !this.hasRendered) {\n return null;\n }\n\n const {\n classnames: cx,\n className,\n timeout,\n errorTimeout,\n position,\n showIcon,\n translate,\n closeButton,\n useMobileUI\n } = this.props;\n const items = this.state.items;\n const mobileUI = (useMobileUI || this.state.useMobileUI) && isMobile();\n const groupedItems = groupBy(items, item => item.position || position);\n\n return Object.keys(groupedItems).map(position => {\n const toasts = groupedItems[position];\n return (\n <div\n key={position}\n className={cx(\n `Toast-wrap Toast-wrap--${position.replace(/\\-(\\w)/g, (_, l) =>\n l.toUpperCase()\n )}`,\n {\n 'Toast-mobile': mobileUI\n },\n className\n )}\n >\n {toasts.map((item, index) => {\n const level = item.level || 'info';\n const toastTimeout =\n item.timeout ?? (level === 'error' ? errorTimeout : timeout);\n return (\n <ToastMessage\n classnames={cx}\n key={item.id || index}\n title={item.title}\n body={item.body}\n level={level}\n timeout={toastTimeout}\n closeButton={!mobileUI && (item.closeButton ?? closeButton)}\n onDismiss={this.handleDismissed.bind(this, items.indexOf(item))}\n translate={translate}\n showIcon={item.showIcon ?? showIcon}\n useMobileUI={mobileUI}\n />\n );\n })}\n </div>\n );\n });\n }\n}\n\nexport default themeable(localeable(ToastComponent));\n\ninterface ToastMessageProps {\n title?: string | React.ReactNode;\n body: string | React.ReactNode;\n level: 'info' | 'success' | 'error' | 'warning';\n timeout: number;\n closeButton?: boolean;\n showIcon?: boolean;\n position:\n | 'top-right'\n | 'top-center'\n | 'top-left'\n | 'bottom-center'\n | 'bottom-left'\n | 'bottom-right'\n | 'center';\n onDismiss?: () => void;\n classnames: ClassNamesFn;\n translate: TranslateFn;\n allowHtml: boolean;\n useMobileUI?: boolean;\n}\n\ninterface ToastMessageState {\n visible: boolean;\n}\n\nexport class ToastMessage extends React.Component<\n ToastMessageProps,\n ToastMessageState\n> {\n static defaultProps = {\n timeout: 5000,\n classPrefix: '',\n position: 'top-center',\n allowHtml: true,\n level: 'info'\n };\n\n state = {\n visible: false\n };\n\n // content: React.RefObject<HTMLDivElement>;\n timer: ReturnType<typeof setTimeout>;\n mounted: boolean = false;\n\n componentDidMount() {\n this.mounted = true;\n this.setState({\n visible: true\n });\n }\n\n componentWillUnmount() {\n clearTimeout(this.timer);\n this.mounted = false;\n }\n\n @autobind\n handleMouseEnter() {\n clearTimeout(this.timer);\n }\n\n @autobind\n handleMouseLeave() {\n this.handleEntered();\n }\n\n @autobind\n handleEntered() {\n const timeout = this.props.timeout;\n if (this.mounted && timeout) {\n this.timer = setTimeout(this.close, timeout);\n }\n }\n\n @autobind\n close() {\n clearTimeout(this.timer);\n this.setState({\n visible: false\n });\n }\n\n render() {\n const {\n onDismiss,\n classnames: cx,\n closeButton,\n title,\n body,\n allowHtml,\n level,\n showIcon,\n useMobileUI,\n translate: __\n } = this.props;\n const iconName = useMobileUI ? '' : 'status-';\n\n return (\n <Transition\n mountOnEnter\n unmountOnExit\n in={this.state.visible}\n timeout={750}\n onEntered={this.handleEntered}\n onExited={onDismiss}\n >\n {(status: string) => {\n return (\n <div\n className={cx(`Toast Toast--${level}`, fadeStyles[status],{\n 'Toast-mobile--has-icon': useMobileUI && showIcon !== false\n })}\n onMouseEnter={this.handleMouseEnter}\n onMouseLeave={this.handleMouseLeave}\n onClick={closeButton ? noop : this.close}\n >\n {showIcon === false ? null : (\n <div className={cx('Toast-icon')}>\n {level === 'success' ? (\n <Icon icon={iconName + 'success'} className=\"icon\" />\n ) : level == 'error' ? (\n <Icon icon={iconName + 'fail'} className=\"icon\" />\n ) : level == 'info' ? (\n <Icon icon={iconName + 'info'} className=\"icon\" />\n ) : level == 'warning' ? (\n <Icon icon={iconName + 'warning'} className=\"icon\" />\n ) : null}\n </div>\n )}\n\n <div className={cx('Toast-content')}>\n {typeof title === 'string' ? (\n <span className={cx(`Toast-title`)}>{title}</span>\n ) : React.isValidElement(title) ? (\n React.cloneElement(title, {\n className: cx(`Toast-title`, title?.props?.className ?? '')\n })\n ) : null}\n\n {typeof body === 'string' ? (\n <div className={cx('Toast-body')}>\n {allowHtml ? <Html html={body} /> : body}\n </div>\n ) : React.isValidElement(body) ? (\n React.cloneElement(body, {\n className: cx(`Toast-body`, body?.props?.className ?? '')\n })\n ) : null}\n </div>\n\n {closeButton ? (\n <a onClick={this.close} className={cx(`Toast-close`)}>\n <Icon icon=\"status-close\" className=\"icon\" />\n </a>\n ) : null}\n </div>\n );\n }}\n </Transition>\n );\n }\n}\n\nexport const toast = {\n container: toastRef,\n success: (content: string, conf?: any) => show(content, conf, 'success'),\n error: (content: string, conf?: any) => show(content, conf, 'error'),\n info: (content: string, conf?: any) => show(content, conf, 'info'),\n warning: (content: string, conf?: any) => show(content, conf, 'warning')\n};\n"
|
11
|
+
"/**\n * @file Toast\n * @description toast提示组件, 单例模式,App级别只需要一个ToastComponent,引入了多个会兼容,也只有第一个生效\n * @author fex\n */\n\nimport Transition, {\n ENTERED,\n ENTERING,\n EXITING,\n EXITED\n} from 'react-transition-group/Transition';\nimport React from 'react';\nimport cx from 'classnames';\nimport Html from './Html';\nimport {guid, autobind, noop, isMobile} from '../utils/helper';\nimport {ClassNamesFn, themeable, classnames, ThemeProps} from '../theme';\nimport {Icon} from './icons';\nimport {LocaleProps, localeable, TranslateFn} from '../locale';\nimport groupBy from 'lodash/groupBy';\n\ninterface Config {\n closeButton?: boolean;\n timeout?: number;\n}\n\nconst fadeStyles: {\n [propName: string]: string;\n} = {\n [ENTERING]: 'in',\n [ENTERED]: 'in',\n [EXITING]: 'out'\n};\n\nlet toastRef: any = null;\nconst show = (content: string, conf: any = {}, method: string) => {\n if (!toastRef || !toastRef[method]) {\n return;\n }\n toastRef[method](content, {...conf});\n};\n\ninterface ToastComponentProps extends ThemeProps, LocaleProps {\n position:\n | 'top-right'\n | 'top-center'\n | 'top-left'\n | 'bottom-center'\n | 'bottom-left'\n | 'bottom-right'\n | 'center';\n closeButton: boolean;\n showIcon?: boolean;\n timeout: number;\n errorTimeout: number;\n className?: string;\n items?: Array<Item>;\n useMobileUI?: boolean;\n}\n\ninterface Item extends Config {\n title?: string | React.ReactNode;\n body: string | React.ReactNode;\n level: 'info' | 'success' | 'error' | 'warning';\n id: string;\n onDissmiss?: () => void;\n position?:\n | 'top-right'\n | 'top-center'\n | 'top-left'\n | 'bottom-center'\n | 'bottom-left'\n | 'bottom-right'\n | 'center';\n showIcon?: boolean;\n useMobileUI?: boolean;\n}\n\ninterface ToastComponentState {\n items: Array<Item>;\n useMobileUI?: boolean;\n}\n\nexport class ToastComponent extends React.Component<\n ToastComponentProps,\n ToastComponentState\n> {\n static defaultProps: Pick<\n ToastComponentProps,\n 'position' | 'closeButton' | 'timeout' | 'errorTimeout' | 'items'\n > = {\n position: 'top-center',\n closeButton: false,\n timeout: 4000,\n errorTimeout: 6000, // 错误的时候 time 调长\n items: []\n };\n static themeKey = 'toast';\n\n // 当前ToastComponent是否真正render了\n hasRendered = false;\n state: ToastComponentState = {\n items: []\n };\n\n componentDidMount() {\n this.hasRendered = true;\n toastRef = this;\n }\n\n componentWillUnmount() {\n if (this.hasRendered) {\n toastRef = null;\n }\n }\n\n notifiy(level: string, content: any, config?: any) {\n const useMobileUI = (config.useMobileUI || this.props.useMobileUI) && isMobile();\n this.setState((state) => {\n let items = state.items.concat();\n if (useMobileUI) {\n // 移动端只能存在一个\n items = [];\n }\n items.push({\n body: content,\n level,\n ...config,\n id: guid(),\n position: config.position || (useMobileUI ? 'center' : config.position),\n timeout: config.timeout || (useMobileUI ? 3000 : undefined),\n });\n return {\n items,\n useMobileUI\n }\n });\n }\n\n @autobind\n success(content: string, config?: any) {\n this.notifiy('success', content, config);\n }\n\n @autobind\n error(content: string, config?: any) {\n this.notifiy('error', content, config);\n }\n\n @autobind\n info(content: string, config?: any) {\n this.notifiy('info', content, config);\n }\n\n @autobind\n warning(content: string, config?: any) {\n this.notifiy('warning', content, config);\n }\n\n handleDismissed(index: number) {\n const items = this.state.items.concat();\n const [item] = items.splice(index, 1);\n\n item?.onDissmiss?.();\n this.setState({\n items: items\n });\n }\n\n render() {\n if (toastRef && !this.hasRendered) {\n return null;\n }\n\n const {\n classnames: cx,\n className,\n timeout,\n errorTimeout,\n position,\n showIcon,\n translate,\n closeButton,\n useMobileUI\n } = this.props;\n const items = this.state.items;\n const mobileUI = (useMobileUI || this.state.useMobileUI) && isMobile();\n const groupedItems = groupBy(items, item => item.position || position);\n return Object.keys(groupedItems).map(position => {\n const toasts = groupedItems[position];\n return (\n <div\n key={position}\n className={cx(\n `Toast-wrap Toast-wrap--${position.replace(/\\-(\\w)/g, (_, l) =>\n l.toUpperCase()\n )}`,\n {\n 'Toast-mobile': mobileUI\n },\n className\n )}\n >\n {toasts.map((item, index) => {\n const level = item.level || 'info';\n const toastTimeout =\n item.timeout ?? (level === 'error' ? errorTimeout : timeout);\n return (\n <ToastMessage\n classnames={cx}\n key={item.id || index}\n title={item.title}\n body={item.body}\n level={level}\n timeout={toastTimeout}\n closeButton={!mobileUI && (item.closeButton ?? closeButton)}\n onDismiss={this.handleDismissed.bind(this, items.indexOf(item))}\n translate={translate}\n showIcon={item.showIcon ?? showIcon}\n useMobileUI={mobileUI}\n />\n );\n })}\n </div>\n );\n });\n }\n}\n\nexport default themeable(localeable(ToastComponent));\n\ninterface ToastMessageProps {\n title?: string | React.ReactNode;\n body: string | React.ReactNode;\n level: 'info' | 'success' | 'error' | 'warning';\n timeout: number;\n closeButton?: boolean;\n showIcon?: boolean;\n position:\n | 'top-right'\n | 'top-center'\n | 'top-left'\n | 'bottom-center'\n | 'bottom-left'\n | 'bottom-right'\n | 'center';\n onDismiss?: () => void;\n classnames: ClassNamesFn;\n translate: TranslateFn;\n allowHtml: boolean;\n useMobileUI?: boolean;\n}\n\ninterface ToastMessageState {\n visible: boolean;\n}\n\nexport class ToastMessage extends React.Component<\n ToastMessageProps,\n ToastMessageState\n> {\n static defaultProps = {\n timeout: 5000,\n classPrefix: '',\n position: 'top-center',\n allowHtml: true,\n level: 'info'\n };\n\n state = {\n visible: false\n };\n\n // content: React.RefObject<HTMLDivElement>;\n timer: ReturnType<typeof setTimeout>;\n mounted: boolean = false;\n\n componentDidMount() {\n this.mounted = true;\n this.setState({\n visible: true\n });\n }\n\n componentWillUnmount() {\n clearTimeout(this.timer);\n this.mounted = false;\n }\n\n @autobind\n handleMouseEnter() {\n clearTimeout(this.timer);\n }\n\n @autobind\n handleMouseLeave() {\n this.handleEntered();\n }\n\n @autobind\n handleEntered() {\n const timeout = this.props.timeout;\n if (this.mounted && timeout) {\n this.timer = setTimeout(this.close, timeout);\n }\n }\n\n @autobind\n close() {\n clearTimeout(this.timer);\n this.setState({\n visible: false\n });\n }\n\n render() {\n const {\n onDismiss,\n classnames: cx,\n closeButton,\n title,\n body,\n allowHtml,\n level,\n showIcon,\n useMobileUI,\n translate: __\n } = this.props;\n const iconName = useMobileUI ? '' : 'status-';\n\n return (\n <Transition\n mountOnEnter\n unmountOnExit\n in={this.state.visible}\n timeout={750}\n onEntered={this.handleEntered}\n onExited={onDismiss}\n >\n {(status: string) => {\n return (\n <div\n className={cx(`Toast Toast--${level}`, fadeStyles[status],{\n 'Toast-mobile--has-icon': useMobileUI && showIcon !== false\n })}\n onMouseEnter={this.handleMouseEnter}\n onMouseLeave={this.handleMouseLeave}\n onClick={closeButton ? noop : this.close}\n >\n {showIcon === false ? null : (\n <div className={cx('Toast-icon')}>\n {level === 'success' ? (\n <Icon icon={iconName + 'success'} className=\"icon\" />\n ) : level == 'error' ? (\n <Icon icon={iconName + 'fail'} className=\"icon\" />\n ) : level == 'info' ? (\n <Icon icon={iconName + 'info'} className=\"icon\" />\n ) : level == 'warning' ? (\n <Icon icon={iconName + 'warning'} className=\"icon\" />\n ) : null}\n </div>\n )}\n\n <div className={cx('Toast-content')}>\n {typeof title === 'string' ? (\n <span className={cx(`Toast-title`)}>{title}</span>\n ) : React.isValidElement(title) ? (\n React.cloneElement(title, {\n className: cx(`Toast-title`, title?.props?.className ?? '')\n })\n ) : null}\n\n {typeof body === 'string' ? (\n <div className={cx('Toast-body')}>\n {allowHtml ? <Html html={body} /> : body}\n </div>\n ) : React.isValidElement(body) ? (\n React.cloneElement(body, {\n className: cx(`Toast-body`, body?.props?.className ?? '')\n })\n ) : null}\n </div>\n\n {closeButton ? (\n <a onClick={this.close} className={cx(`Toast-close`)}>\n <Icon icon=\"status-close\" className=\"icon\" />\n </a>\n ) : null}\n </div>\n );\n }}\n </Transition>\n );\n }\n}\n\nexport const toast = {\n container: toastRef,\n success: (content: string, conf?: any) => show(content, conf, 'success'),\n error: (content: string, conf?: any) => show(content, conf, 'error'),\n info: (content: string, conf?: any) => show(content, conf, 'info'),\n warning: (content: string, conf?: any) => show(content, conf, 'warning')\n};\n"
|
12
12
|
]
|
13
13
|
}
|