@oceanbase/ui 0.2.19 → 0.2.21
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/ui.min.js +1 -1
- package/es/Action/Group.d.ts +1 -1
- package/es/Action/Group.js +50 -41
- package/es/Action/Item.d.ts +2 -2
- package/es/Action/Item.js +32 -26
- package/es/Action/index.d.ts +1 -2
- package/es/BackgroundTaskManager/RefreshMan.js +8 -3
- package/es/BackgroundTaskManager/index.js +8 -4
- package/es/BasicLayout/Header.js +193 -140
- package/es/BasicLayout/index.js +149 -108
- package/es/BatchOperationBar/index.js +46 -29
- package/es/Boundary/Components/Code.js +17 -10
- package/es/Boundary/Components/Exception.js +46 -31
- package/es/Boundary/Components/Function.js +17 -10
- package/es/ContentWithIcon/index.js +42 -26
- package/es/ContentWithIcon/index.less +0 -1
- package/es/Dialog/Anchor.d.ts +1 -1
- package/es/Dialog/Anchor.js +9 -6
- package/es/Dialog/EventProxy.d.ts +1 -1
- package/es/Dialog/EventProxy.js +3 -2
- package/es/Dialog/index.js +129 -108
- package/es/Dialog/index.less +3 -1
- package/es/DocDialog/index.d.ts +1 -1
- package/es/DocDialog/index.js +8 -3
- package/es/FullscreenBox/index.d.ts +1 -1
- package/es/FullscreenBox/index.js +22 -16
- package/es/GraphToolbar/index.js +79 -65
- package/es/Highlight/DiffView/DiffCells.d.ts +2 -2
- package/es/Highlight/DiffView/DiffCells.js +22 -15
- package/es/Highlight/DiffView/index.js +49 -40
- package/es/Highlight/HighlightCell.d.ts +1 -1
- package/es/Highlight/HighlightCell.js +19 -13
- package/es/Highlight/JsonView.d.ts +1 -2
- package/es/Highlight/JsonView.js +15 -13
- package/es/Highlight/index.d.ts +1 -1
- package/es/Highlight/index.js +66 -54
- package/es/IconFont/index.d.ts +1 -1
- package/es/IconFont/index.js +9 -3
- package/es/LocaleDropdown/index.js +38 -26
- package/es/Login/ActivateForm.js +63 -50
- package/es/Login/LoginForm.js +115 -99
- package/es/Login/RegisterForm.js +78 -67
- package/es/Login/index.js +122 -91
- package/es/Lottie/index.js +2 -1
- package/es/NavMenu/index.d.ts +2 -2
- package/es/NavMenu/index.js +34 -29
- package/es/PageContainer/ItemRender.d.ts +1 -2
- package/es/PageContainer/ItemRender.js +7 -3
- package/es/PageContainer/index.js +13 -10
- package/es/Password/Content.js +55 -47
- package/es/Password/index.js +62 -45
- package/es/Ranger/QuickPicker.d.ts +1 -2
- package/es/Ranger/QuickPicker.js +42 -31
- package/es/Ranger/Ranger.js +31 -27
- package/es/SideTip/Dragger.d.ts +1 -1
- package/es/SideTip/Dragger.js +5 -3
- package/es/SideTip/IconLoading.d.ts +1 -2
- package/es/SideTip/IconLoading.js +28 -20
- package/es/SideTip/index.js +43 -30
- package/es/SideTip/index.less +4 -1
- package/es/TagSelect/Group.d.ts +1 -1
- package/es/TagSelect/Group.js +16 -11
- package/es/TagSelect/Item.d.ts +1 -1
- package/es/TagSelect/Item.js +30 -23
- package/es/TagSelect/style/index.d.ts +1 -1
- package/es/TaskGraph/Graph.js +39 -31
- package/es/TaskGraph/index.js +68 -57
- package/es/TreeSearch/index.js +36 -32
- package/es/Welcome/index.js +113 -83
- package/es/Welcome/step.js +31 -23
- package/es/locale/LocaleWrapper.js +3 -3
- package/lib/Action/Group.d.ts +1 -1
- package/lib/Action/Item.d.ts +2 -2
- package/lib/Action/index.d.ts +1 -2
- package/lib/ContentWithIcon/index.less +0 -1
- package/lib/Dialog/Anchor.d.ts +1 -1
- package/lib/Dialog/EventProxy.d.ts +1 -1
- package/lib/Dialog/EventProxy.js +12 -2
- package/lib/Dialog/index.less +3 -1
- package/lib/DocDialog/index.d.ts +1 -1
- package/lib/FullscreenBox/index.d.ts +1 -1
- package/lib/FullscreenBox/index.js +76 -74
- package/lib/Highlight/DiffView/DiffCells.d.ts +2 -2
- package/lib/Highlight/DiffView/index.js +1 -1
- package/lib/Highlight/HighlightCell.d.ts +1 -1
- package/lib/Highlight/JsonView.d.ts +1 -2
- package/lib/Highlight/JsonView.js +3 -3
- package/lib/Highlight/index.d.ts +1 -1
- package/lib/IconFont/index.d.ts +1 -1
- package/lib/NavMenu/index.d.ts +2 -2
- package/lib/PageContainer/ItemRender.d.ts +1 -2
- package/lib/Ranger/QuickPicker.d.ts +1 -2
- package/lib/SideTip/Dragger.d.ts +1 -1
- package/lib/SideTip/IconLoading.d.ts +1 -2
- package/lib/SideTip/index.less +4 -1
- package/lib/TagSelect/Group.d.ts +1 -1
- package/lib/TagSelect/Group.js +4 -6
- package/lib/TagSelect/Item.d.ts +1 -1
- package/lib/TagSelect/style/index.d.ts +1 -1
- package/package.json +10 -9
package/es/TreeSearch/index.js
CHANGED
|
@@ -10,7 +10,8 @@ import React, { forwardRef, useEffect, useImperativeHandle, useMemo, useRef, use
|
|
|
10
10
|
import { deepFilter, findFromTree, getAllOptions, nodes2treeNodes, treeNode2node } from "./util";
|
|
11
11
|
|
|
12
12
|
// 用户传入的树节点数据结构
|
|
13
|
-
|
|
13
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
14
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
14
15
|
export default /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
15
16
|
var _ref$treeData = _ref.treeData,
|
|
16
17
|
treeData = _ref$treeData === void 0 ? [] : _ref$treeData,
|
|
@@ -130,39 +131,42 @@ export default /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
130
131
|
var defaultSearchStyle = {
|
|
131
132
|
padding: '0 12px'
|
|
132
133
|
};
|
|
133
|
-
return /*#__PURE__*/
|
|
134
|
+
return /*#__PURE__*/_jsxs("div", {
|
|
134
135
|
ref: treeWrapperDOM,
|
|
135
136
|
style: {
|
|
136
137
|
width: width,
|
|
137
138
|
height: height !== null && height !== void 0 ? height : '100%'
|
|
138
|
-
}
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
139
|
+
},
|
|
140
|
+
children: [/*#__PURE__*/_jsx(Form, {
|
|
141
|
+
form: form,
|
|
142
|
+
onValuesChange: onSearch,
|
|
143
|
+
style: Object.assign(defaultSearchStyle, searchStyle),
|
|
144
|
+
children: /*#__PURE__*/_jsx(Form.Item, {
|
|
145
|
+
noStyle: true,
|
|
146
|
+
name: "searchKey",
|
|
147
|
+
children: /*#__PURE__*/_jsx(Input, {
|
|
148
|
+
"data-testid": "search",
|
|
149
|
+
prefix: /*#__PURE__*/_jsx(SearchOutlined, {})
|
|
150
|
+
})
|
|
151
|
+
})
|
|
152
|
+
}), /*#__PURE__*/_jsx(Divider, {
|
|
153
|
+
style: {
|
|
154
|
+
margin: '12px 0'
|
|
155
|
+
}
|
|
156
|
+
}), searchData.length !== 0 ? /*#__PURE__*/_jsx(Tree, {
|
|
157
|
+
height: treeHeight,
|
|
158
|
+
showIcon: true,
|
|
159
|
+
checkable: checkable,
|
|
160
|
+
blockNode: true,
|
|
161
|
+
selectable: false,
|
|
162
|
+
checkedKeys: checkedKeys,
|
|
163
|
+
onCheck: onCheck,
|
|
164
|
+
titleRender: titleRender,
|
|
165
|
+
defaultExpandAll: defaultExpandAll,
|
|
166
|
+
treeData: form.getFieldValue('searchKey') ? searchData : memoTreeData,
|
|
167
|
+
loadData: loadData
|
|
168
|
+
}) : /*#__PURE__*/_jsx(Empty, {
|
|
169
|
+
image: Empty.PRESENTED_IMAGE_SIMPLE
|
|
170
|
+
})]
|
|
171
|
+
});
|
|
168
172
|
});
|
package/es/Welcome/index.js
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
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
2
|
var _excluded = ["title", "description", "bgImage", "introduces", "buttonText", "buttonProps", "steps", "stepType", "helps", "locale", "className"];
|
|
3
|
+
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; }
|
|
4
|
+
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; }
|
|
3
5
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
4
6
|
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
5
7
|
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
6
|
-
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); }
|
|
7
8
|
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
9
|
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
10
|
import { PlusOutlined } from '@oceanbase/icons';
|
|
@@ -15,6 +16,8 @@ import { directTo, getPrefix } from "../_util";
|
|
|
15
16
|
import "./index.less";
|
|
16
17
|
import zhCN from "./locale/zh-CN";
|
|
17
18
|
import Step from "./step";
|
|
19
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
20
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
18
21
|
var prefix = getPrefix('welcome');
|
|
19
22
|
var Welcome = function Welcome(_ref) {
|
|
20
23
|
var title = _ref.title,
|
|
@@ -36,20 +39,26 @@ var Welcome = function Welcome(_ref) {
|
|
|
36
39
|
var isDefault = stepType === 'default';
|
|
37
40
|
var renderStep = function renderStep(item, index) {
|
|
38
41
|
var DefaultStep = function DefaultStep() {
|
|
39
|
-
return /*#__PURE__*/
|
|
42
|
+
return /*#__PURE__*/_jsxs(Col, {
|
|
40
43
|
span: 12,
|
|
41
44
|
"data-testid": "steps",
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
45
|
+
className: "".concat(prefix, "-item"),
|
|
46
|
+
children: [/*#__PURE__*/_jsx("div", {
|
|
47
|
+
className: "".concat(prefix, "-order-wrapper"),
|
|
48
|
+
children: /*#__PURE__*/_jsx("div", {
|
|
49
|
+
className: "".concat(prefix, "-order"),
|
|
50
|
+
children: index + 1
|
|
51
|
+
})
|
|
52
|
+
}), /*#__PURE__*/_jsxs("span", {
|
|
53
|
+
children: [/*#__PURE__*/_jsx("h3", {
|
|
54
|
+
className: "".concat(prefix, "-title"),
|
|
55
|
+
children: item.title
|
|
56
|
+
}), /*#__PURE__*/_jsx("p", {
|
|
57
|
+
className: "".concat(prefix, "-description"),
|
|
58
|
+
children: item.description
|
|
59
|
+
})]
|
|
60
|
+
})]
|
|
61
|
+
}, item.title);
|
|
53
62
|
};
|
|
54
63
|
var StepProps = {
|
|
55
64
|
title: item.title,
|
|
@@ -59,80 +68,101 @@ var Welcome = function Welcome(_ref) {
|
|
|
59
68
|
operations: item.operations,
|
|
60
69
|
locale: locale
|
|
61
70
|
};
|
|
62
|
-
var StepItem = isDefault ? /*#__PURE__*/
|
|
63
|
-
|
|
64
|
-
})
|
|
65
|
-
"data-testid": "steps",
|
|
66
|
-
key: item.title
|
|
67
|
-
}, StepProps));
|
|
71
|
+
var StepItem = isDefault ? /*#__PURE__*/_jsx(DefaultStep, {}, item.title) : /*#__PURE__*/_jsx(Step, _objectSpread({
|
|
72
|
+
"data-testid": "steps"
|
|
73
|
+
}, StepProps), item.title);
|
|
68
74
|
return StepItem;
|
|
69
75
|
};
|
|
70
|
-
return /*#__PURE__*/
|
|
76
|
+
return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
|
|
71
77
|
className: "".concat("".concat(prefix, "-container"), " ", className)
|
|
72
|
-
}, restProps),
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
}, /*#__PURE__*/React.createElement(Col, {
|
|
78
|
-
span: 24,
|
|
79
|
-
className: "".concat(prefix, "-title")
|
|
80
|
-
}, /*#__PURE__*/React.createElement("div", null, title)), /*#__PURE__*/React.createElement(Col, {
|
|
81
|
-
span: 16,
|
|
82
|
-
className: "".concat(prefix, "-description")
|
|
83
|
-
}, /*#__PURE__*/React.createElement("p", null, description))), /*#__PURE__*/React.createElement(Card, {
|
|
84
|
-
bordered: false,
|
|
85
|
-
className: "".concat(prefix, "-introduce")
|
|
86
|
-
}, /*#__PURE__*/React.createElement(Row, {
|
|
87
|
-
gutter: 78
|
|
88
|
-
}, introduces.map(function (item) {
|
|
89
|
-
return /*#__PURE__*/React.createElement(Col, {
|
|
90
|
-
span: 8,
|
|
91
|
-
key: item.image,
|
|
92
|
-
className: "".concat(prefix, "-item"),
|
|
93
|
-
"data-testid": "introduces"
|
|
94
|
-
}, /*#__PURE__*/React.createElement("img", {
|
|
95
|
-
src: item.image,
|
|
96
|
-
alt: "",
|
|
97
|
-
height: 80
|
|
98
|
-
}), /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("h3", {
|
|
99
|
-
className: "".concat(prefix, "-title")
|
|
100
|
-
}, item.title), /*#__PURE__*/React.createElement("p", {
|
|
101
|
-
className: "".concat(prefix, "-description")
|
|
102
|
-
}, item.description)));
|
|
103
|
-
}))), /*#__PURE__*/React.createElement(Row, {
|
|
104
|
-
className: "".concat(prefix, "-content")
|
|
105
|
-
}, /*#__PURE__*/React.createElement(Col, {
|
|
106
|
-
span: 14,
|
|
107
|
-
className: isDefault ? "".concat(prefix, "-left") : "".concat(prefix, "-border-right")
|
|
108
|
-
}, /*#__PURE__*/React.createElement(Row, {
|
|
109
|
-
justify: "space-around"
|
|
110
|
-
}, steps.map(function (item, index) {
|
|
111
|
-
return renderStep(item, index);
|
|
112
|
-
}), isDefault && /*#__PURE__*/React.createElement(Col, {
|
|
113
|
-
span: 24
|
|
114
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
115
|
-
className: "".concat(prefix, "-btn-wrapper")
|
|
116
|
-
}, /*#__PURE__*/React.createElement(Button, _extends({
|
|
117
|
-
type: "primary",
|
|
118
|
-
icon: /*#__PURE__*/React.createElement(PlusOutlined, null),
|
|
119
|
-
block: true
|
|
120
|
-
}, buttonProps), buttonText))))), /*#__PURE__*/React.createElement(Col, {
|
|
121
|
-
span: 10,
|
|
122
|
-
className: "".concat(prefix, "-right")
|
|
123
|
-
}, /*#__PURE__*/React.createElement("h3", {
|
|
124
|
-
className: "".concat(prefix, "-title")
|
|
125
|
-
}, locale.helpTitle), helps.map(function (item) {
|
|
126
|
-
return /*#__PURE__*/React.createElement(Button, {
|
|
127
|
-
key: item.title,
|
|
128
|
-
shape: "round",
|
|
129
|
-
onClick: function onClick() {
|
|
130
|
-
directTo(item.link);
|
|
78
|
+
}, restProps), {}, {
|
|
79
|
+
children: [/*#__PURE__*/_jsxs(Row, {
|
|
80
|
+
className: "".concat(prefix, "-page-header"),
|
|
81
|
+
style: {
|
|
82
|
+
backgroundImage: "url(\"".concat(bgImage, "\")")
|
|
131
83
|
},
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
84
|
+
children: [/*#__PURE__*/_jsx(Col, {
|
|
85
|
+
span: 24,
|
|
86
|
+
className: "".concat(prefix, "-title"),
|
|
87
|
+
children: /*#__PURE__*/_jsx("div", {
|
|
88
|
+
children: title
|
|
89
|
+
})
|
|
90
|
+
}), /*#__PURE__*/_jsx(Col, {
|
|
91
|
+
span: 16,
|
|
92
|
+
className: "".concat(prefix, "-description"),
|
|
93
|
+
children: /*#__PURE__*/_jsx("p", {
|
|
94
|
+
children: description
|
|
95
|
+
})
|
|
96
|
+
})]
|
|
97
|
+
}), /*#__PURE__*/_jsx(Card, {
|
|
98
|
+
bordered: false,
|
|
99
|
+
className: "".concat(prefix, "-introduce"),
|
|
100
|
+
children: /*#__PURE__*/_jsx(Row, {
|
|
101
|
+
gutter: 78,
|
|
102
|
+
children: introduces.map(function (item) {
|
|
103
|
+
return /*#__PURE__*/_jsxs(Col, {
|
|
104
|
+
span: 8,
|
|
105
|
+
className: "".concat(prefix, "-item"),
|
|
106
|
+
"data-testid": "introduces",
|
|
107
|
+
children: [/*#__PURE__*/_jsx("img", {
|
|
108
|
+
src: item.image,
|
|
109
|
+
alt: "",
|
|
110
|
+
height: 80
|
|
111
|
+
}), /*#__PURE__*/_jsxs("span", {
|
|
112
|
+
children: [/*#__PURE__*/_jsx("h3", {
|
|
113
|
+
className: "".concat(prefix, "-title"),
|
|
114
|
+
children: item.title
|
|
115
|
+
}), /*#__PURE__*/_jsx("p", {
|
|
116
|
+
className: "".concat(prefix, "-description"),
|
|
117
|
+
children: item.description
|
|
118
|
+
})]
|
|
119
|
+
})]
|
|
120
|
+
}, item.image);
|
|
121
|
+
})
|
|
122
|
+
})
|
|
123
|
+
}), /*#__PURE__*/_jsxs(Row, {
|
|
124
|
+
className: "".concat(prefix, "-content"),
|
|
125
|
+
children: [/*#__PURE__*/_jsx(Col, {
|
|
126
|
+
span: 14,
|
|
127
|
+
className: isDefault ? "".concat(prefix, "-left") : "".concat(prefix, "-border-right"),
|
|
128
|
+
children: /*#__PURE__*/_jsxs(Row, {
|
|
129
|
+
justify: "space-around",
|
|
130
|
+
children: [steps.map(function (item, index) {
|
|
131
|
+
return renderStep(item, index);
|
|
132
|
+
}), isDefault && /*#__PURE__*/_jsx(Col, {
|
|
133
|
+
span: 24,
|
|
134
|
+
children: /*#__PURE__*/_jsx("div", {
|
|
135
|
+
className: "".concat(prefix, "-btn-wrapper"),
|
|
136
|
+
children: /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
|
|
137
|
+
type: "primary",
|
|
138
|
+
icon: /*#__PURE__*/_jsx(PlusOutlined, {}),
|
|
139
|
+
block: true
|
|
140
|
+
}, buttonProps), {}, {
|
|
141
|
+
children: buttonText
|
|
142
|
+
}))
|
|
143
|
+
})
|
|
144
|
+
})]
|
|
145
|
+
})
|
|
146
|
+
}), /*#__PURE__*/_jsxs(Col, {
|
|
147
|
+
span: 10,
|
|
148
|
+
className: "".concat(prefix, "-right"),
|
|
149
|
+
children: [/*#__PURE__*/_jsx("h3", {
|
|
150
|
+
className: "".concat(prefix, "-title"),
|
|
151
|
+
children: locale.helpTitle
|
|
152
|
+
}), helps.map(function (item) {
|
|
153
|
+
return /*#__PURE__*/_jsx(Button, {
|
|
154
|
+
shape: "round",
|
|
155
|
+
onClick: function onClick() {
|
|
156
|
+
directTo(item.link);
|
|
157
|
+
},
|
|
158
|
+
className: classNames(_defineProperty({}, "".concat(prefix, "-more"), !!item.isMore)),
|
|
159
|
+
"data-testid": "helps",
|
|
160
|
+
children: item.title
|
|
161
|
+
}, item.title);
|
|
162
|
+
})]
|
|
163
|
+
})]
|
|
164
|
+
})]
|
|
165
|
+
}));
|
|
136
166
|
};
|
|
137
167
|
export default LocaleWrapper({
|
|
138
168
|
componentName: 'Welcome',
|
package/es/Welcome/step.js
CHANGED
|
@@ -4,6 +4,8 @@ import LocaleWrapper from "../locale/LocaleWrapper";
|
|
|
4
4
|
import { getPrefix } from "../_util";
|
|
5
5
|
import "./index.less";
|
|
6
6
|
import zhCN from "./locale/zh-CN";
|
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
7
9
|
var prefix = getPrefix('welcome-step');
|
|
8
10
|
var WelcomeStep = function WelcomeStep(props) {
|
|
9
11
|
var title = props.title,
|
|
@@ -11,30 +13,36 @@ var WelcomeStep = function WelcomeStep(props) {
|
|
|
11
13
|
operations = props.operations,
|
|
12
14
|
imgUrl = props.imgUrl,
|
|
13
15
|
locale = props.locale;
|
|
14
|
-
return /*#__PURE__*/
|
|
16
|
+
return /*#__PURE__*/_jsxs(Col, {
|
|
15
17
|
span: 11,
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
18
|
+
className: prefix,
|
|
19
|
+
children: [/*#__PURE__*/_jsx("div", {
|
|
20
|
+
className: "".concat(prefix, "-left"),
|
|
21
|
+
children: /*#__PURE__*/_jsx("img", {
|
|
22
|
+
src: imgUrl,
|
|
23
|
+
alt: "",
|
|
24
|
+
width: "60"
|
|
25
|
+
})
|
|
26
|
+
}), /*#__PURE__*/_jsxs("div", {
|
|
27
|
+
className: "".concat(prefix, "-right"),
|
|
28
|
+
children: [/*#__PURE__*/_jsx("h3", {
|
|
29
|
+
className: "".concat(prefix, "-title"),
|
|
30
|
+
children: title
|
|
31
|
+
}), /*#__PURE__*/_jsx("p", {
|
|
32
|
+
className: "".concat(prefix, "-description"),
|
|
33
|
+
children: description
|
|
34
|
+
}), operations && /*#__PURE__*/_jsx("div", {
|
|
35
|
+
className: "".concat(prefix, "-operations"),
|
|
36
|
+
children: operations && operations.map(function (operation) {
|
|
37
|
+
return /*#__PURE__*/_jsx("span", {
|
|
38
|
+
onClick: operation.onClick,
|
|
39
|
+
className: "".concat(prefix, "-operation"),
|
|
40
|
+
children: operation.text || locale.defaultOperation
|
|
41
|
+
});
|
|
42
|
+
})
|
|
43
|
+
})]
|
|
44
|
+
})]
|
|
45
|
+
}, title);
|
|
38
46
|
};
|
|
39
47
|
export default LocaleWrapper({
|
|
40
48
|
componentName: 'WelcomeStep',
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
var _excluded = ["locale", "forwardedRef"];
|
|
2
2
|
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); }
|
|
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
3
|
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
4
|
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; }
|
|
6
5
|
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; }
|
|
@@ -21,6 +20,7 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
|
|
|
21
20
|
import { ConfigProvider } from '@oceanbase/design';
|
|
22
21
|
import hoistNonReactStatic from 'hoist-non-react-statics';
|
|
23
22
|
import React from 'react';
|
|
23
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
24
24
|
export default (function (_ref) {
|
|
25
25
|
var componentName = _ref.componentName,
|
|
26
26
|
defaultLocale = _ref.defaultLocale;
|
|
@@ -44,7 +44,7 @@ export default (function (_ref) {
|
|
|
44
44
|
var antLocale = this.context.locale;
|
|
45
45
|
var localeFromContext = componentName && antLocale ? antLocale[componentName] : {};
|
|
46
46
|
var localeData = _objectSpread(_objectSpread({}, defaultLocale), localeFromContext || {});
|
|
47
|
-
return /*#__PURE__*/
|
|
47
|
+
return /*#__PURE__*/_jsx(BaseComponent, _objectSpread({
|
|
48
48
|
ref: forwardedRef,
|
|
49
49
|
theme: {
|
|
50
50
|
hashed: ((_process$env$NODE_ENV = process.env.NODE_ENV) === null || _process$env$NODE_ENV === void 0 ? void 0 : _process$env$NODE_ENV.toLowerCase()) !== 'test'
|
|
@@ -60,7 +60,7 @@ export default (function (_ref) {
|
|
|
60
60
|
_defineProperty(Hoc, "WrappedComponent", BaseComponent);
|
|
61
61
|
_defineProperty(Hoc, "contextType", ConfigProvider.ConfigContext);
|
|
62
62
|
var ForwardComponent = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
63
|
-
return /*#__PURE__*/
|
|
63
|
+
return /*#__PURE__*/_jsx(Hoc, _objectSpread(_objectSpread({}, props), {}, {
|
|
64
64
|
forwardedRef: ref
|
|
65
65
|
}));
|
|
66
66
|
});
|
package/lib/Action/Group.d.ts
CHANGED
|
@@ -10,5 +10,5 @@ export interface GroupProps {
|
|
|
10
10
|
/** 更多操作的自定义展示 */
|
|
11
11
|
moreText?: string | React.ReactElement;
|
|
12
12
|
}
|
|
13
|
-
declare const _default: ({ size, children, dropDownPlacement, shouldVisible, shouldDisabled, enableLoading, moreText, }: GroupProps) =>
|
|
13
|
+
declare const _default: ({ size, children, dropDownPlacement, shouldVisible, shouldDisabled, enableLoading, moreText, }: GroupProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
|
|
14
14
|
export default _default;
|
package/lib/Action/Item.d.ts
CHANGED
|
@@ -19,7 +19,7 @@ export declare class ActionButton extends React.PureComponent<BaseProps> {
|
|
|
19
19
|
state: {
|
|
20
20
|
loading: boolean;
|
|
21
21
|
};
|
|
22
|
-
render():
|
|
22
|
+
render(): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
|
|
23
23
|
}
|
|
24
24
|
export declare class ActionLink extends React.PureComponent<BaseProps> {
|
|
25
25
|
static __DISPLAY_NAME: string;
|
|
@@ -27,5 +27,5 @@ export declare class ActionLink extends React.PureComponent<BaseProps> {
|
|
|
27
27
|
loading: boolean;
|
|
28
28
|
disabled: boolean;
|
|
29
29
|
};
|
|
30
|
-
render():
|
|
30
|
+
render(): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
|
|
31
31
|
}
|
package/lib/Action/index.d.ts
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { ActionButton, ActionLink } from './Item';
|
|
3
2
|
declare const _default: {
|
|
4
|
-
Group: ({ size, children, dropDownPlacement, shouldVisible, shouldDisabled, enableLoading, moreText, }: import("./Group").GroupProps) => import("react").
|
|
3
|
+
Group: ({ size, children, dropDownPlacement, shouldVisible, shouldDisabled, enableLoading, moreText, }: import("./Group").GroupProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
|
|
5
4
|
Button: typeof ActionButton;
|
|
6
5
|
Link: typeof ActionLink;
|
|
7
6
|
};
|
package/lib/Dialog/Anchor.d.ts
CHANGED
|
@@ -15,5 +15,5 @@ export declare class Anchor extends React.Component<IAnchorProps> {
|
|
|
15
15
|
onDragStart: (event: PointerEvent) => void;
|
|
16
16
|
onDragMove: (event: PointerEvent) => void;
|
|
17
17
|
onDragEnd: (event: PointerEvent) => void;
|
|
18
|
-
render():
|
|
18
|
+
render(): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
|
|
19
19
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import type { HTMLAttributes } from 'react';
|
|
2
|
-
export declare const EventProxy: (props: HTMLAttributes<HTMLDivElement>) => import("react").
|
|
2
|
+
export declare const EventProxy: (props: HTMLAttributes<HTMLDivElement>) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
|
package/lib/Dialog/EventProxy.js
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
|
+
var __create = Object.create;
|
|
1
2
|
var __defProp = Object.defineProperty;
|
|
2
3
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
4
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
7
|
var __export = (target, all) => {
|
|
6
8
|
for (var name in all)
|
|
@@ -14,6 +16,14 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
14
16
|
}
|
|
15
17
|
return to;
|
|
16
18
|
};
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
21
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
22
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
23
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
24
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
25
|
+
mod
|
|
26
|
+
));
|
|
17
27
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
18
28
|
|
|
19
29
|
// src/Dialog/EventProxy.tsx
|
|
@@ -23,7 +33,7 @@ __export(EventProxy_exports, {
|
|
|
23
33
|
});
|
|
24
34
|
module.exports = __toCommonJS(EventProxy_exports);
|
|
25
35
|
var import_lodash = require("lodash");
|
|
26
|
-
var import_react = require("react");
|
|
36
|
+
var import_react = __toESM(require("react"));
|
|
27
37
|
var EventProxy = (props) => {
|
|
28
38
|
const handlers = (0, import_react.useMemo)(() => {
|
|
29
39
|
return Object.entries(props).reduce((list, [name, handler]) => {
|
|
@@ -51,7 +61,7 @@ var EventProxy = (props) => {
|
|
|
51
61
|
unbind();
|
|
52
62
|
};
|
|
53
63
|
}, [bind, unbind]);
|
|
54
|
-
return /* @__PURE__ */
|
|
64
|
+
return /* @__PURE__ */ import_react.default.createElement("div", { id: "event-proxy" });
|
|
55
65
|
};
|
|
56
66
|
// Annotate the CommonJS export names for ESM import in node:
|
|
57
67
|
0 && (module.exports = {
|
package/lib/Dialog/index.less
CHANGED
|
@@ -19,7 +19,9 @@
|
|
|
19
19
|
background-color: rgba(65, 74, 77, 1);
|
|
20
20
|
border-radius: 8px;
|
|
21
21
|
box-shadow: @boxShadowSecondary;
|
|
22
|
-
transition:
|
|
22
|
+
transition:
|
|
23
|
+
visibility 0.2s ease-in-out,
|
|
24
|
+
opacity 0.2s linear;
|
|
23
25
|
@header: 52px;
|
|
24
26
|
@footer: 40px;
|
|
25
27
|
@radius: 1px;
|
package/lib/DocDialog/index.d.ts
CHANGED
|
@@ -14,7 +14,7 @@ export interface IDocDialogProps extends LocaleWrapperProps {
|
|
|
14
14
|
docUrls?: Record<string, string>;
|
|
15
15
|
embedConfig?: IDialogConfig;
|
|
16
16
|
normalConfig?: IDialogConfig;
|
|
17
|
-
normalModeWidth?:
|
|
17
|
+
normalModeWidth?: number;
|
|
18
18
|
defautTop?: number;
|
|
19
19
|
visible: boolean;
|
|
20
20
|
setRootWidth: (newWidth: string) => void;
|
|
@@ -4,7 +4,7 @@ import type { LocaleWrapperProps } from '../locale/LocaleWrapper';
|
|
|
4
4
|
import './index.less';
|
|
5
5
|
export type FullscreenModeType = 'viewport' | 'browser';
|
|
6
6
|
export interface FullscreenBoxRef {
|
|
7
|
-
changeFullscreen: () => void;
|
|
7
|
+
changeFullscreen: (fullscreen: boolean) => void;
|
|
8
8
|
}
|
|
9
9
|
export interface FullscreenBoxProps extends LocaleWrapperProps {
|
|
10
10
|
/**
|