@oceanbase/ui 1.0.0-alpha.3 → 1.0.0-alpha.4
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.css +1 -1
- package/dist/ui.min.js +1 -1
- package/es/Action/Group.js +121 -15
- package/es/Action/style/index.js +8 -4
- package/es/BasicLayout/locale/ja-JP.d.ts +13 -0
- package/es/BasicLayout/locale/ja-JP.js +12 -0
- package/es/BasicLayout/style/index.js +5 -5
- package/es/BatchOperationBar/index.less +1 -1
- package/es/BatchOperationBar/locale/ja-JP.d.ts +7 -0
- package/es/BatchOperationBar/locale/ja-JP.js +6 -0
- package/es/Boundary/locale/ja-JP.d.ts +11 -0
- package/es/Boundary/locale/ja-JP.js +10 -0
- package/es/DateRanger/locale/ja-JP.d.ts +56 -0
- package/es/DateRanger/locale/ja-JP.js +20 -0
- package/es/Dialog/locale/ja-JP.d.ts +5 -0
- package/es/Dialog/locale/ja-JP.js +4 -0
- package/es/DocDialog/locale/ja-JP.d.ts +2 -0
- package/es/DocDialog/locale/ja-JP.js +1 -0
- package/es/FooterToolbar/style/index.js +7 -1
- package/es/FullscreenBox/index.less +3 -1
- package/es/FullscreenBox/locale/ja-JP.d.ts +2 -0
- package/es/FullscreenBox/locale/ja-JP.js +1 -0
- package/es/GraphToolbar/locale/ja-JP.d.ts +9 -0
- package/es/GraphToolbar/locale/ja-JP.js +8 -0
- package/es/Highlight/index.less +2 -2
- package/es/Highlight/locale/ja-JP.d.ts +4 -0
- package/es/Highlight/locale/ja-JP.js +3 -0
- package/es/LocaleDropdown/index.js +4 -2
- package/es/Login/index.less +2 -2
- package/es/Login/locale/ja-JP.d.ts +28 -0
- package/es/Login/locale/ja-JP.js +27 -0
- package/es/PageContainer/locale/ja-JP.d.ts +4 -0
- package/es/PageContainer/locale/ja-JP.js +3 -0
- package/es/PageContainer/style/index.js +5 -5
- package/es/Password/locale/ja-JP.d.ts +13 -0
- package/es/Password/locale/ja-JP.js +12 -0
- package/es/Ranger/locale/ja-JP.d.ts +28 -0
- package/es/Ranger/locale/ja-JP.js +29 -0
- package/es/SideTip/locale/ja-JP.d.ts +2 -0
- package/es/SideTip/locale/ja-JP.js +1 -0
- package/es/TaskGraph/index.less +1 -1
- package/es/TaskGraph/locale/ja-JP.d.ts +13 -0
- package/es/TaskGraph/locale/ja-JP.js +12 -0
- package/es/Welcome/locale/ja-JP.d.ts +5 -0
- package/es/Welcome/locale/ja-JP.js +4 -0
- package/es/locale/ja-JP.d.ts +3 -0
- package/es/locale/ja-JP.js +42 -0
- package/lib/Action/Group.js +85 -20
- package/lib/Action/style/index.js +16 -1
- package/lib/BasicLayout/locale/ja-JP.d.ts +13 -0
- package/lib/BasicLayout/locale/ja-JP.js +36 -0
- package/lib/BasicLayout/style/index.js +5 -5
- package/lib/BatchOperationBar/index.less +1 -1
- package/lib/BatchOperationBar/locale/ja-JP.d.ts +7 -0
- package/lib/BatchOperationBar/locale/ja-JP.js +30 -0
- package/lib/Boundary/locale/ja-JP.d.ts +11 -0
- package/lib/Boundary/locale/ja-JP.js +34 -0
- package/lib/DateRanger/locale/ja-JP.d.ts +56 -0
- package/lib/DateRanger/locale/ja-JP.js +49 -0
- package/lib/Dialog/locale/ja-JP.d.ts +5 -0
- package/lib/Dialog/locale/ja-JP.js +28 -0
- package/lib/DocDialog/locale/ja-JP.d.ts +2 -0
- package/lib/DocDialog/locale/ja-JP.js +25 -0
- package/lib/FooterToolbar/style/index.js +7 -1
- package/lib/FullscreenBox/index.less +3 -1
- package/lib/FullscreenBox/locale/ja-JP.d.ts +2 -0
- package/lib/FullscreenBox/locale/ja-JP.js +25 -0
- package/lib/GraphToolbar/locale/ja-JP.d.ts +9 -0
- package/lib/GraphToolbar/locale/ja-JP.js +32 -0
- package/lib/Highlight/index.less +2 -2
- package/lib/Highlight/locale/ja-JP.d.ts +4 -0
- package/lib/Highlight/locale/ja-JP.js +27 -0
- package/lib/LocaleDropdown/index.js +2 -1
- package/lib/Login/index.less +2 -2
- package/lib/Login/locale/ja-JP.d.ts +28 -0
- package/lib/Login/locale/ja-JP.js +51 -0
- package/lib/PageContainer/locale/ja-JP.d.ts +4 -0
- package/lib/PageContainer/locale/ja-JP.js +27 -0
- package/lib/PageContainer/style/index.js +5 -5
- package/lib/Password/locale/ja-JP.d.ts +13 -0
- package/lib/Password/locale/ja-JP.js +36 -0
- package/lib/Ranger/locale/ja-JP.d.ts +28 -0
- package/lib/Ranger/locale/ja-JP.js +53 -0
- package/lib/SideTip/locale/ja-JP.d.ts +2 -0
- package/lib/SideTip/locale/ja-JP.js +25 -0
- package/lib/TaskGraph/index.less +1 -1
- package/lib/TaskGraph/locale/ja-JP.d.ts +13 -0
- package/lib/TaskGraph/locale/ja-JP.js +36 -0
- package/lib/Welcome/locale/ja-JP.d.ts +5 -0
- package/lib/Welcome/locale/ja-JP.js +28 -0
- package/lib/locale/ja-JP.d.ts +3 -0
- package/lib/locale/ja-JP.js +71 -0
- package/package.json +5 -5
package/es/Action/Group.js
CHANGED
|
@@ -10,8 +10,8 @@ import { EllipsisOutlined, LoadingOutlined } from '@oceanbase/icons';
|
|
|
10
10
|
import { isBoolean, max, omit } from 'lodash';
|
|
11
11
|
import useStyle from "./style";
|
|
12
12
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
14
13
|
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
14
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
15
15
|
var getOrder = function getOrder(_ref) {
|
|
16
16
|
var type = _ref.type,
|
|
17
17
|
fixed = _ref.fixed;
|
|
@@ -29,6 +29,97 @@ var getOrder = function getOrder(_ref) {
|
|
|
29
29
|
}
|
|
30
30
|
return order;
|
|
31
31
|
};
|
|
32
|
+
|
|
33
|
+
/**
|
|
34
|
+
* 递归查找 Action 组件(可能被 Popconfirm/Tooltip 等组件包裹)
|
|
35
|
+
* 返回实际的 Action 组件和其 props
|
|
36
|
+
*/
|
|
37
|
+
var findActionComponent = function findActionComponent(element) {
|
|
38
|
+
var _element$type, _element$type2, _element$props;
|
|
39
|
+
var depth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
|
|
40
|
+
if (! /*#__PURE__*/React.isValidElement(element)) {
|
|
41
|
+
return null;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
// 检查是否是 Action.Button 或 Action.Link
|
|
45
|
+
// @ts-ignore
|
|
46
|
+
if (((_element$type = element.type) === null || _element$type === void 0 ? void 0 : _element$type.__DISPLAY_NAME) === 'button' || ((_element$type2 = element.type) === null || _element$type2 === void 0 ? void 0 : _element$type2.__DISPLAY_NAME) === 'link') {
|
|
47
|
+
return {
|
|
48
|
+
action: element,
|
|
49
|
+
wrapper: null
|
|
50
|
+
};
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
// 如果深度太深,避免无限递归
|
|
54
|
+
if (depth > 10) {
|
|
55
|
+
return null;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
// 如果有 children,递归查找
|
|
59
|
+
var elementChildren = (_element$props = element.props) === null || _element$props === void 0 ? void 0 : _element$props.children;
|
|
60
|
+
if (elementChildren) {
|
|
61
|
+
var child = React.Children.only(elementChildren);
|
|
62
|
+
if ( /*#__PURE__*/React.isValidElement(child)) {
|
|
63
|
+
var result = findActionComponent(child, depth + 1);
|
|
64
|
+
if (result) {
|
|
65
|
+
// 如果找到了 Action 组件,当前元素就是 wrapper
|
|
66
|
+
return {
|
|
67
|
+
action: result.action,
|
|
68
|
+
wrapper: element
|
|
69
|
+
};
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
return null;
|
|
74
|
+
};
|
|
75
|
+
|
|
76
|
+
/**
|
|
77
|
+
* 渲染菜单项内容,保持嵌套的 Popconfirm/Tooltip 结构
|
|
78
|
+
*/
|
|
79
|
+
var renderMenuItemContent = function renderMenuItemContent(action, actionProps, enableLoading) {
|
|
80
|
+
var loading = actionProps.loading,
|
|
81
|
+
children = actionProps.children,
|
|
82
|
+
tooltip = actionProps.tooltip;
|
|
83
|
+
var result = findActionComponent(action);
|
|
84
|
+
if (!result) {
|
|
85
|
+
// 如果没有找到嵌套结构,使用默认渲染
|
|
86
|
+
var _content = /*#__PURE__*/_jsxs(_Fragment, {
|
|
87
|
+
children: [loading && enableLoading && /*#__PURE__*/_jsx(LoadingOutlined, {}), " ", children || action]
|
|
88
|
+
});
|
|
89
|
+
// 如果有 tooltip,用 Tooltip 包裹
|
|
90
|
+
return tooltip ? /*#__PURE__*/_jsx(Tooltip, {
|
|
91
|
+
title: tooltip,
|
|
92
|
+
children: _content
|
|
93
|
+
}) : _content;
|
|
94
|
+
}
|
|
95
|
+
var actualAction = result.action,
|
|
96
|
+
wrapper = result.wrapper;
|
|
97
|
+
|
|
98
|
+
// 创建新的 action 元素,保留所有 props 并添加 loading 状态
|
|
99
|
+
var newAction = /*#__PURE__*/React.cloneElement(actualAction, _objectSpread(_objectSpread(_objectSpread({}, actualAction.props), actionProps), {}, {
|
|
100
|
+
children: /*#__PURE__*/_jsxs(_Fragment, {
|
|
101
|
+
children: [loading && enableLoading && /*#__PURE__*/_jsx(LoadingOutlined, {}), " ", children || actualAction.props.children]
|
|
102
|
+
})
|
|
103
|
+
}));
|
|
104
|
+
|
|
105
|
+
// 如果 action 被包裹,需要重新构建包裹结构
|
|
106
|
+
if (wrapper) {
|
|
107
|
+
var wrapperProps = wrapper.props;
|
|
108
|
+
// 保持原有的 wrapper 结构,只更新 children
|
|
109
|
+
return /*#__PURE__*/React.cloneElement(wrapper, _objectSpread(_objectSpread({}, wrapperProps), {}, {
|
|
110
|
+
children: newAction
|
|
111
|
+
}));
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
// 如果没有包裹,直接渲染,如果有 tooltip 则用 Tooltip 包裹
|
|
115
|
+
var content = /*#__PURE__*/_jsxs(_Fragment, {
|
|
116
|
+
children: [loading && enableLoading && /*#__PURE__*/_jsx(LoadingOutlined, {}), " ", children || actualAction.props.children]
|
|
117
|
+
});
|
|
118
|
+
return tooltip ? /*#__PURE__*/_jsx(Tooltip, {
|
|
119
|
+
title: tooltip,
|
|
120
|
+
children: content
|
|
121
|
+
}) : content;
|
|
122
|
+
};
|
|
32
123
|
export default (function (_ref2) {
|
|
33
124
|
var customizePrefixCls = _ref2.prefixCls,
|
|
34
125
|
_ref2$size = _ref2.size,
|
|
@@ -121,25 +212,40 @@ export default (function (_ref2) {
|
|
|
121
212
|
children: ellipsisActions.map(function (action, index) {
|
|
122
213
|
var _ref3;
|
|
123
214
|
var actionKey = action.key;
|
|
124
|
-
|
|
125
|
-
|
|
215
|
+
// 查找实际的 Action 组件以获取 props
|
|
216
|
+
var actionResult = findActionComponent(action);
|
|
217
|
+
var actualAction = (actionResult === null || actionResult === void 0 ? void 0 : actionResult.action) || action;
|
|
218
|
+
var actionProps = actualAction.props;
|
|
219
|
+
|
|
126
220
|
// 当用户传入loading 或者 传入 disabled 的情况都要禁用按钮
|
|
127
|
-
var actionDisabled =
|
|
221
|
+
var actionDisabled = actionProps.loading || (isBoolean(actionProps.disabled) ? actionProps.disabled : getDefaultDisabled(action.key));
|
|
222
|
+
|
|
223
|
+
// 提取需要传递给 Menu.Item 的 props(排除 danger,单独处理)
|
|
224
|
+
var menuItemProps = omit(actionProps, ['disabled', 'loading', 'tooltip', 'visible', 'fixed', 'enableLoading', 'onClick', 'children', 'danger']);
|
|
225
|
+
|
|
226
|
+
// 处理 onClick:如果 action 被 Popconfirm 包裹,Menu.Item 的 onClick 不应该直接触发 action 的 onClick
|
|
227
|
+
// 而是让 Popconfirm 来处理。如果没有 Popconfirm,则正常触发。
|
|
228
|
+
var handleMenuItemClick = function handleMenuItemClick(info) {
|
|
229
|
+
var _actionProps$onClick;
|
|
230
|
+
// 如果 action 被包裹(可能是 Popconfirm 或其他组件),不直接触发 onClick
|
|
231
|
+
// 让包裹组件来处理交互
|
|
232
|
+
if (actionResult !== null && actionResult !== void 0 && actionResult.wrapper) {
|
|
233
|
+
// 包裹组件会处理点击,这里不需要做任何事
|
|
234
|
+
// 注意:Menu.Item 的点击会关闭下拉菜单,但 Popconfirm 应该能够正常显示
|
|
235
|
+
return;
|
|
236
|
+
}
|
|
237
|
+
// 如果没有包裹,正常触发 onClick
|
|
238
|
+
(_actionProps$onClick = actionProps.onClick) === null || _actionProps$onClick === void 0 || _actionProps$onClick.call(actionProps, info.domEvent);
|
|
239
|
+
};
|
|
128
240
|
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
129
241
|
children: [/*#__PURE__*/_jsx(Menu.Item, _objectSpread(_objectSpread({
|
|
130
242
|
// @ts-ignore
|
|
131
|
-
onClick:
|
|
132
|
-
var _action$props$onClick, _action$props;
|
|
133
|
-
var domEvent = _ref4.domEvent;
|
|
134
|
-
(_action$props$onClick = (_action$props = action.props).onClick) === null || _action$props$onClick === void 0 || _action$props$onClick.call(_action$props, domEvent);
|
|
135
|
-
}
|
|
136
|
-
}, omit(action.props, ['disabled'])), {}, {
|
|
243
|
+
onClick: handleMenuItemClick,
|
|
137
244
|
disabled: actionDisabled,
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
}), (_ref3 = actionKey) !== null && _ref3 !== void 0 ? _ref3 : index.toString()), action.props.divider && /*#__PURE__*/_jsx(Menu.Divider, {})]
|
|
245
|
+
danger: !!actionProps.danger
|
|
246
|
+
}, menuItemProps), {}, {
|
|
247
|
+
children: renderMenuItemContent(action, actionProps, enableLoading)
|
|
248
|
+
}), (_ref3 = actionKey) !== null && _ref3 !== void 0 ? _ref3 : index.toString()), actionProps.divider && /*#__PURE__*/_jsx(Menu.Divider, {})]
|
|
143
249
|
});
|
|
144
250
|
})
|
|
145
251
|
}),
|
package/es/Action/style/index.js
CHANGED
|
@@ -10,9 +10,7 @@ export var genActionStyle = function genActionStyle(token) {
|
|
|
10
10
|
var paddingHorizontal = token.paddingSM;
|
|
11
11
|
var padding = "".concat(paddingVertical, "px ").concat(paddingHorizontal, "px");
|
|
12
12
|
var margin = "-".concat(paddingVertical, "px -").concat(paddingHorizontal, "px");
|
|
13
|
-
return _defineProperty({}, "".concat(componentCls, "-more-menu"), _defineProperty({
|
|
14
|
-
background: 'red'
|
|
15
|
-
}, "".concat(antCls, "-dropdown-menu-item"), _defineProperty(_defineProperty({}, "".concat(antCls, "-typography"), _defineProperty({
|
|
13
|
+
return _defineProperty({}, "".concat(componentCls, "-more-menu"), _defineProperty({}, "".concat(antCls, "-dropdown-menu-item"), _defineProperty(_defineProperty(_defineProperty({}, "".concat(antCls, "-typography"), _defineProperty({
|
|
16
14
|
display: 'block',
|
|
17
15
|
margin: margin,
|
|
18
16
|
padding: "".concat(padding, " !important")
|
|
@@ -33,7 +31,13 @@ export var genActionStyle = function genActionStyle(token) {
|
|
|
33
31
|
background: 'transparent'
|
|
34
32
|
})), "".concat(antCls, "-wave"), {
|
|
35
33
|
display: 'none'
|
|
36
|
-
}))))
|
|
34
|
+
})), "&".concat(antCls, "-dropdown-menu-item-danger"), _defineProperty(_defineProperty({}, "".concat(antCls, "-typography"), _defineProperty({}, "&:not(".concat(antCls, "-typography-disabled)"), {
|
|
35
|
+
color: 'unset'
|
|
36
|
+
})), "".concat(antCls, "-btn"), _defineProperty({}, "&:not(:disabled):not(".concat(antCls, "-btn-disabled)"), _defineProperty({
|
|
37
|
+
color: 'unset'
|
|
38
|
+
}, "&:hover", {
|
|
39
|
+
color: 'unset'
|
|
40
|
+
}))))));
|
|
37
41
|
};
|
|
38
42
|
export default (function (prefixCls) {
|
|
39
43
|
var useStyle = genComponentStyleHook('Action', function (token) {
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
help: string;
|
|
3
|
+
welcome: string;
|
|
4
|
+
versionNotice: string;
|
|
5
|
+
viewDocs: string;
|
|
6
|
+
downloadDocs: string;
|
|
7
|
+
about: string;
|
|
8
|
+
version: string;
|
|
9
|
+
releaseTime: string;
|
|
10
|
+
company: string;
|
|
11
|
+
right: string;
|
|
12
|
+
};
|
|
13
|
+
export default _default;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
help: 'ヘルプ',
|
|
3
|
+
welcome: 'ウェルカムページ',
|
|
4
|
+
versionNotice: 'バージョン通知',
|
|
5
|
+
viewDocs: 'ユーザーマニュアルを表示',
|
|
6
|
+
downloadDocs: 'ユーザーマニュアルをダウンロード',
|
|
7
|
+
about: 'について',
|
|
8
|
+
version: 'バージョン',
|
|
9
|
+
releaseTime: 'リリース日',
|
|
10
|
+
company: '北京奥星贝斯科技有限公司',
|
|
11
|
+
right: '著作権所有'
|
|
12
|
+
};
|
|
@@ -148,7 +148,7 @@ export var genBasicLayoutStyle = function genBasicLayoutStyle(token) {
|
|
|
148
148
|
paddingLeft: '28px !important'
|
|
149
149
|
})), "".concat(antCls, "-menu-item-active, ").concat(antCls, "-menu-submenu-active > ").concat(antCls, "-menu-submenu-title"), {
|
|
150
150
|
color: "".concat(colorText, " !important"),
|
|
151
|
-
fontWeight:
|
|
151
|
+
fontWeight: token.fontWeightStrong,
|
|
152
152
|
animation: 'activeGradientAnimation 0.1s',
|
|
153
153
|
// .border-gradient(linear-gradient(to right, #E9EDF6, @colorBgLayout), linear-gradient(90deg, #C6CDD9, @colorBgLayout), 0.5px, solid, 8px 0 0 8px),
|
|
154
154
|
backgroundImage: "linear-gradient(to right,#E9EDF6, ".concat(colorBgLayout, "),linear-gradient(90deg,#C6CDD9,").concat(colorBgLayout, ")"),
|
|
@@ -159,7 +159,7 @@ export var genBasicLayoutStyle = function genBasicLayoutStyle(token) {
|
|
|
159
159
|
transition: 'border-width .3s'
|
|
160
160
|
}), "".concat(antCls, "-menu-item-selected"), {
|
|
161
161
|
color: "".concat(colorPrimary, " !important"),
|
|
162
|
-
fontWeight:
|
|
162
|
+
fontWeight: token.fontWeightStrong,
|
|
163
163
|
animation: 'selectedGradientAnimation 0.5s',
|
|
164
164
|
// .border-gradient(linear-gradient(to right, #E5EEFF, #F4F8FF), linear-gradient(90deg, @colorPrimaryBorder, @colorBgLayout), 0.5px, solid, 8px 0 0 8px),
|
|
165
165
|
backgroundImage: "linear-gradient(to right,#E5EEFF,#F4F8FF),linear-gradient(90deg,".concat(colorPrimaryBorder, ",").concat(colorBgLayout, ")"),
|
|
@@ -287,7 +287,7 @@ export var genBasicLayoutStyle = function genBasicLayoutStyle(token) {
|
|
|
287
287
|
}
|
|
288
288
|
}), "".concat(antCls, "-menu-item-active"), {
|
|
289
289
|
color: 'colorText !important',
|
|
290
|
-
fontWeight:
|
|
290
|
+
fontWeight: token.fontWeightStrong,
|
|
291
291
|
animation: 'activeGradientAnimation 0.1s',
|
|
292
292
|
// .border-gradient(linear-gradient(to right, #E9EDF6, colorBgLayout), linear-gradient(90deg, #C6CDD9, colorBgLayout), 0.5px, solid, 8px 0 0 8px),
|
|
293
293
|
backgroundImage: "linear-gradient(to right, #E9EDF6, ".concat(colorBgLayout, "), linear-gradient(90deg, #C6CDD9, ").concat(colorBgLayout, ")"),
|
|
@@ -298,7 +298,7 @@ export var genBasicLayoutStyle = function genBasicLayoutStyle(token) {
|
|
|
298
298
|
transition: 'border-width .3s'
|
|
299
299
|
}), "".concat(antCls, "-menu-submenu-active > & ").concat(antCls, "-menu-submenu-title"), {
|
|
300
300
|
color: 'colorText !important',
|
|
301
|
-
fontWeight:
|
|
301
|
+
fontWeight: token.fontWeightStrong,
|
|
302
302
|
animation: 'activeGradientAnimation 0.1s',
|
|
303
303
|
// .border-gradient(linear-gradient(to right, #E9EDF6, colorBgLayout), linear-gradient(90deg, #C6CDD9, colorBgLayout), 0.5px, solid, 8px 0 0 8px),
|
|
304
304
|
backgroundImage: "linear-gradient(to right, #E9EDF6, ".concat(colorBgLayout, "), linear-gradient(90deg, #C6CDD9, ").concat(colorBgLayout, ")"),
|
|
@@ -309,7 +309,7 @@ export var genBasicLayoutStyle = function genBasicLayoutStyle(token) {
|
|
|
309
309
|
transition: 'border-width .3s'
|
|
310
310
|
}), "".concat(antCls, "-menu-item-selected"), {
|
|
311
311
|
color: "".concat(colorPrimary, " !important"),
|
|
312
|
-
fontWeight:
|
|
312
|
+
fontWeight: token.fontWeightStrong,
|
|
313
313
|
animation: 'selectedGradientAnimation 0.1s',
|
|
314
314
|
// .border-gradient(linear-gradient(to right, #E5EEFF, #F4F8FF), linear-gradient(90deg, @colorPrimaryBorder, colorBgLayout), 0.5px, solid, 8px 0 0 8px),
|
|
315
315
|
backgroundImage: "linear-gradient(to right,#E5EEFF,#F4F8FF),linear-gradient(90deg,".concat(colorPrimaryBorder, ",").concat(colorBgLayout, ")"),
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
goHome: 'ホームに戻る',
|
|
3
|
+
noPermission: 'このページへのアクセス権限がありません',
|
|
4
|
+
noPage: 'このページが見つかりません',
|
|
5
|
+
normal: '正常動作',
|
|
6
|
+
test: 'クリックしてクラッシュ効果をテスト',
|
|
7
|
+
collapse: 'ページがクラッシュしました~',
|
|
8
|
+
incompatible: 'ブラウザバージョンが互換性がありません',
|
|
9
|
+
proposal: 'ブラウザバージョンが低すぎます。セキュリティリスクを避けるため、Chrome ブラウザのバージョン 80 以上を使用することをお勧めします'
|
|
10
|
+
};
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
locale: string;
|
|
3
|
+
dateFormat?: string;
|
|
4
|
+
dateTimeFormat?: string;
|
|
5
|
+
fieldDateTimeFormat?: string;
|
|
6
|
+
fieldDateFormat?: string;
|
|
7
|
+
fieldTimeFormat?: string;
|
|
8
|
+
fieldMonthFormat?: string;
|
|
9
|
+
fieldYearFormat?: string;
|
|
10
|
+
fieldWeekFormat?: string;
|
|
11
|
+
fieldQuarterFormat?: string;
|
|
12
|
+
monthBeforeYear?: boolean;
|
|
13
|
+
yearFormat?: string;
|
|
14
|
+
monthFormat?: string;
|
|
15
|
+
cellYearFormat?: string;
|
|
16
|
+
cellQuarterFormat?: string;
|
|
17
|
+
dayFormat?: string;
|
|
18
|
+
cellDateFormat?: string;
|
|
19
|
+
cellMeridiemFormat?: string;
|
|
20
|
+
today: string;
|
|
21
|
+
now: string;
|
|
22
|
+
backToToday: string;
|
|
23
|
+
ok: string;
|
|
24
|
+
timeSelect: string;
|
|
25
|
+
dateSelect: string;
|
|
26
|
+
weekSelect?: string;
|
|
27
|
+
clear: string;
|
|
28
|
+
week: string;
|
|
29
|
+
month: string;
|
|
30
|
+
year: string;
|
|
31
|
+
previousMonth: string;
|
|
32
|
+
nextMonth: string;
|
|
33
|
+
monthSelect: string;
|
|
34
|
+
yearSelect: string;
|
|
35
|
+
decadeSelect: string;
|
|
36
|
+
previousYear: string;
|
|
37
|
+
nextYear: string;
|
|
38
|
+
previousDecade: string;
|
|
39
|
+
nextDecade: string;
|
|
40
|
+
previousCentury: string;
|
|
41
|
+
nextCentury: string;
|
|
42
|
+
shortWeekDays?: string[];
|
|
43
|
+
shortMonths?: string[];
|
|
44
|
+
customize: string;
|
|
45
|
+
customTime: string;
|
|
46
|
+
startDate: string;
|
|
47
|
+
startTime: string;
|
|
48
|
+
endDate: string;
|
|
49
|
+
endTime: string;
|
|
50
|
+
cancel: string;
|
|
51
|
+
confirm: string;
|
|
52
|
+
current: string;
|
|
53
|
+
jumpBack: string;
|
|
54
|
+
jumpForward: string;
|
|
55
|
+
};
|
|
56
|
+
export default _default;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
5
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
6
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
7
|
+
import ja_JP from 'rc-picker/es/locale/ja_JP';
|
|
8
|
+
export default _objectSpread({
|
|
9
|
+
customize: 'カスタム',
|
|
10
|
+
customTime: 'カスタム時間',
|
|
11
|
+
startDate: '開始日',
|
|
12
|
+
startTime: '開始時刻',
|
|
13
|
+
endDate: '終了日',
|
|
14
|
+
endTime: '終了時刻',
|
|
15
|
+
cancel: 'キャンセル',
|
|
16
|
+
confirm: '確定',
|
|
17
|
+
current: '現在',
|
|
18
|
+
jumpBack: '前の時間間隔にジャンプ',
|
|
19
|
+
jumpForward: '次の時間間隔にジャンプ'
|
|
20
|
+
}, ja_JP);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default {};
|
|
@@ -10,9 +10,15 @@ export var genFooterToolbarStyle = function genFooterToolbarStyle(token) {
|
|
|
10
10
|
boxShadowSecondary = token.boxShadowSecondary,
|
|
11
11
|
controlHeightLG = token.controlHeightLG;
|
|
12
12
|
return _defineProperty({}, "".concat(componentCls), {
|
|
13
|
+
flexDirection: 'row-reverse',
|
|
14
|
+
lineHeight: 'initial',
|
|
15
|
+
alignItems: 'center',
|
|
16
|
+
justifyContent: 'flex-end',
|
|
17
|
+
gap: token.padding,
|
|
18
|
+
paddingBlock: token.padding,
|
|
19
|
+
paddingInline: token.paddingXL,
|
|
13
20
|
width: '100%',
|
|
14
21
|
backgroundColor: colorBgBase,
|
|
15
|
-
borderRadius: borderRadius,
|
|
16
22
|
boxShadow: boxShadowSecondary,
|
|
17
23
|
borderBlockStart: 'none'
|
|
18
24
|
});
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
@import '../variable.less';
|
|
2
|
+
|
|
1
3
|
@prefix: ob-fullscreen;
|
|
2
4
|
.@{prefix}-box {
|
|
3
5
|
box-sizing: border-box;
|
|
@@ -29,7 +31,7 @@
|
|
|
29
31
|
cursor: pointer;
|
|
30
32
|
}
|
|
31
33
|
.@{prefix}-box-header-title {
|
|
32
|
-
font-weight:
|
|
34
|
+
font-weight: @fontWeightStrong;
|
|
33
35
|
font-size: 16px;
|
|
34
36
|
line-height: 24px;
|
|
35
37
|
margin-inline-start: 24px;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default {};
|
package/es/Highlight/index.less
CHANGED
|
@@ -127,7 +127,7 @@
|
|
|
127
127
|
}
|
|
128
128
|
|
|
129
129
|
.hljs-strong {
|
|
130
|
-
font-weight:
|
|
130
|
+
font-weight: @fontWeightStrong;
|
|
131
131
|
}
|
|
132
132
|
|
|
133
133
|
.hljs-link {
|
|
@@ -258,7 +258,7 @@
|
|
|
258
258
|
}
|
|
259
259
|
|
|
260
260
|
.hljs-strong {
|
|
261
|
-
font-weight:
|
|
261
|
+
font-weight: @fontWeightStrong;
|
|
262
262
|
}
|
|
263
263
|
}
|
|
264
264
|
|
|
@@ -9,7 +9,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
|
9
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; }
|
|
10
10
|
import { GlobalOutlined } from '@oceanbase/icons';
|
|
11
11
|
import { findByValue } from '@oceanbase/util';
|
|
12
|
-
import { Dropdown, Menu, Space } from '@oceanbase/design';
|
|
12
|
+
import { Dropdown, Menu, Space, theme } from '@oceanbase/design';
|
|
13
13
|
import React from 'react';
|
|
14
14
|
import { LOCALE_LIST } from "../constant";
|
|
15
15
|
import { getLocale, setLocale } from "../_util";
|
|
@@ -20,6 +20,8 @@ var LocaleDropdown = function LocaleDropdown(_ref) {
|
|
|
20
20
|
showLabel = _ref.showLabel,
|
|
21
21
|
className = _ref.className,
|
|
22
22
|
restProps = _objectWithoutProperties(_ref, _excluded);
|
|
23
|
+
var _theme$useToken = theme.useToken(),
|
|
24
|
+
token = _theme$useToken.token;
|
|
23
25
|
// 语言切换菜单
|
|
24
26
|
var localeMenu = /*#__PURE__*/_jsx(Menu, {
|
|
25
27
|
onClick: function onClick(_ref2) {
|
|
@@ -43,7 +45,7 @@ var LocaleDropdown = function LocaleDropdown(_ref) {
|
|
|
43
45
|
width: 28,
|
|
44
46
|
height: 28,
|
|
45
47
|
fontSize: 12,
|
|
46
|
-
fontWeight:
|
|
48
|
+
fontWeight: token.fontWeightStrong,
|
|
47
49
|
lineHeight: '28px',
|
|
48
50
|
textAlign: 'center',
|
|
49
51
|
border: '0.88px solid #ced4e1',
|
package/es/Login/index.less
CHANGED
|
@@ -20,14 +20,14 @@
|
|
|
20
20
|
.@{prefix}-info {
|
|
21
21
|
margin: 185px 48px 0 48px;
|
|
22
22
|
color: #fff;
|
|
23
|
-
font-weight:
|
|
23
|
+
font-weight: @fontWeightStrong;
|
|
24
24
|
font-size: 56px;
|
|
25
25
|
font-family: PingFangSC;
|
|
26
26
|
|
|
27
27
|
.@{prefix}-start {
|
|
28
28
|
margin-top: 22px;
|
|
29
29
|
color: #f4f4f4;
|
|
30
|
-
font-weight:
|
|
30
|
+
font-weight: @fontWeightStrong;
|
|
31
31
|
font-size: 32px;
|
|
32
32
|
letter-spacing: 0;
|
|
33
33
|
}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
usernamePlaceholder: string;
|
|
3
|
+
usernameMessage: string;
|
|
4
|
+
passwordPlaceholder: string;
|
|
5
|
+
passwordMessage: string;
|
|
6
|
+
loginText: string;
|
|
7
|
+
otherLoginText: string;
|
|
8
|
+
isLoadingWarn: string;
|
|
9
|
+
usernameLabel: string;
|
|
10
|
+
switchLoginLabel: string;
|
|
11
|
+
switchRegisterLabel: string;
|
|
12
|
+
userExistMessage: string;
|
|
13
|
+
usernameFormatMessage: string;
|
|
14
|
+
samePasswordMessage: string;
|
|
15
|
+
usernameHelp: string;
|
|
16
|
+
usernameLengthMessage: string;
|
|
17
|
+
passwordLabel: string;
|
|
18
|
+
passwordHelp: string;
|
|
19
|
+
confirmPwdLabel: string;
|
|
20
|
+
confirmPwdMessage: string;
|
|
21
|
+
registerBtn: string;
|
|
22
|
+
registerTitle: string;
|
|
23
|
+
activeTitle: string;
|
|
24
|
+
activeTitleDescrition: string;
|
|
25
|
+
activeSubmitBtn: string;
|
|
26
|
+
activeBackBtn: string;
|
|
27
|
+
};
|
|
28
|
+
export default _default;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
usernamePlaceholder: 'アカウントを入力してください',
|
|
3
|
+
usernameMessage: 'アカウントを入力してください',
|
|
4
|
+
passwordPlaceholder: 'パスワードを入力してください',
|
|
5
|
+
passwordMessage: 'パスワードを入力してください',
|
|
6
|
+
loginText: 'ログイン',
|
|
7
|
+
otherLoginText: 'サードパーティログイン',
|
|
8
|
+
isLoadingWarn: '実行中',
|
|
9
|
+
usernameLabel: 'ユーザー名',
|
|
10
|
+
switchLoginLabel: '既存アカウントでログイン',
|
|
11
|
+
switchRegisterLabel: 'アカウント登録',
|
|
12
|
+
userExistMessage: 'ユーザー名は既に存在します',
|
|
13
|
+
usernameFormatMessage: 'ユーザー名の形式が要件を満たしていません',
|
|
14
|
+
samePasswordMessage: '確認パスワードが一致しません',
|
|
15
|
+
usernameHelp: '英字、数字、アンダースコア、特殊文字 (._+@#$%) をサポート、長さ 4~48 文字',
|
|
16
|
+
usernameLengthMessage: 'ユーザー名の長さは 4~48 文字',
|
|
17
|
+
passwordLabel: 'パスワード',
|
|
18
|
+
passwordHelp: '少なくとも 2 桁の数字、2 文字の大文字、2 文字の小文字、2 文字の特殊文字 (._+@#$%) を含み、長さ 8~32 文字',
|
|
19
|
+
confirmPwdLabel: 'パスワード確認',
|
|
20
|
+
confirmPwdMessage: 'パスワードを再度入力してください',
|
|
21
|
+
registerBtn: '今すぐ登録',
|
|
22
|
+
registerTitle: 'アカウント登録',
|
|
23
|
+
activeTitle: 'パスワードを設定してアカウントを有効化',
|
|
24
|
+
activeTitleDescrition: 'アカウントのセキュリティのため、パスワードを設定してアカウントを有効化する必要があります',
|
|
25
|
+
activeSubmitBtn: '有効化',
|
|
26
|
+
activeBackBtn: '前のステップに戻る'
|
|
27
|
+
};
|
|
@@ -22,9 +22,9 @@ export var genPageContainerStyle = function genPageContainerStyle(token) {
|
|
|
22
22
|
minHeight: 'auto'
|
|
23
23
|
}), "".concat(componentCls, "-warp-page-header,").concat(componentCls, "-wrap-page-header"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
|
|
24
24
|
// 减小内容区左右两侧间距
|
|
25
|
-
paddingInlineStart: "".concat(
|
|
26
|
-
paddingInlineEnd: "".concat(
|
|
27
|
-
paddingBlockStart: "".concat(
|
|
25
|
+
paddingInlineStart: "".concat(token.paddingXL, "px !important"),
|
|
26
|
+
paddingInlineEnd: "".concat(token.paddingXL, "px !important"),
|
|
27
|
+
paddingBlockStart: "".concat(paddingLG, "px !important"),
|
|
28
28
|
paddingBlockEnd: "".concat(padding, "px !important")
|
|
29
29
|
}, "".concat(antCls, "-page-header-breadcrumb"), {
|
|
30
30
|
// overwritten pro-components style
|
|
@@ -45,9 +45,9 @@ export var genPageContainerStyle = function genPageContainerStyle(token) {
|
|
|
45
45
|
}), "".concat(antCls, "-page-header-footer"), {
|
|
46
46
|
marginBlockStart: 0
|
|
47
47
|
})), "".concat(componentCls, "-children-container"), _defineProperty({
|
|
48
|
-
paddingInline:
|
|
48
|
+
paddingInline: token.paddingXL,
|
|
49
49
|
paddingBlockStart: 0,
|
|
50
|
-
paddingBlockEnd:
|
|
50
|
+
paddingBlockEnd: padding
|
|
51
51
|
}, "& > ".concat(antCls, "-tabs-top:not(").concat(antCls, "-tabs-card):first-child"), {
|
|
52
52
|
// equal to page header paddingBlockEnd
|
|
53
53
|
marginTop: -padding
|