@oceanbase/ui 1.0.0-alpha.10 → 1.0.0-alpha.11
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.js +1 -0
- package/es/Action/Item.js +1 -0
- package/es/Action/index.js +1 -0
- package/es/BackgroundTaskManager/RefreshMan.js +1 -0
- package/es/BackgroundTaskManager/index.js +1 -0
- package/es/BasicLayout/Header.js +1 -0
- package/es/BasicLayout/index.js +1 -0
- package/es/BatchOperationBar/index.js +1 -0
- package/es/Boundary/Components/Code.js +1 -0
- package/es/Boundary/Components/Exception.js +1 -0
- package/es/Boundary/Components/Function.js +1 -0
- package/es/Boundary/index.js +1 -0
- package/es/ContentWithIcon/index.js +1 -0
- package/es/ContentWithQuestion/index.js +1 -0
- package/es/DateRanger/PickerPanel.js +1 -0
- package/es/DateRanger/Ranger.js +1 -0
- package/es/DateRanger/index.js +1 -0
- package/es/Dialog/Anchor.js +1 -0
- package/es/Dialog/EventProxy.js +1 -0
- package/es/Dialog/index.js +1 -0
- package/es/DocDialog/index.js +1 -0
- package/es/FooterToolbar/index.js +1 -0
- package/es/FullscreenBox/index.js +1 -0
- package/es/Highlight/DiffView/DiffCells.js +1 -0
- package/es/Highlight/DiffView/index.js +1 -0
- package/es/Highlight/HighlightCell.js +1 -0
- package/es/Highlight/JsonView.js +1 -0
- package/es/Highlight/index.js +1 -0
- package/es/Highlight/useKeyDownCopyEvent.js +1 -0
- package/es/IconFont/index.js +1 -0
- package/es/LightFilter/index.js +1 -0
- package/es/LocaleDropdown/index.js +1 -0
- package/es/Login/ActivateForm.js +1 -0
- package/es/Login/LoginForm.js +1 -0
- package/es/Login/RegisterForm.js +1 -0
- package/es/Login/index.js +1 -0
- package/es/Lottie/index.js +1 -0
- package/es/NavMenu/index.js +1 -0
- package/es/PageContainer/ItemRender.js +1 -0
- package/es/PageContainer/index.js +1 -0
- package/es/PageLoading/index.js +1 -0
- package/es/Password/Content.js +1 -0
- package/es/Password/index.js +1 -0
- package/es/ProCard/index.js +1 -0
- package/es/ProTable/index.js +2 -3
- package/es/Ranger/QuickPicker.js +1 -0
- package/es/Ranger/Ranger.js +1 -0
- package/es/Ranger/index.js +1 -0
- package/es/SideTip/Dragger.js +1 -0
- package/es/SideTip/IconLoading.js +1 -0
- package/es/SideTip/index.js +1 -0
- package/es/TagSelect/Group.js +1 -0
- package/es/TagSelect/Item.js +1 -0
- package/es/TagSelect/index.js +1 -0
- package/es/TreeSearch/index.js +1 -0
- package/es/Welcome/index.js +1 -0
- package/es/Welcome/step.js +1 -0
- package/es/_util/index.js +1 -0
- package/es/constant/index.js +1 -0
- package/es/index.js +1 -0
- package/es/locale/LocaleWrapper.js +1 -0
- package/es/locale/index.js +1 -0
- package/lib/Action/Group.js +189 -162
- package/lib/Action/Item.js +47 -65
- package/lib/Action/index.js +13 -35
- package/lib/Action/style/index.js +25 -43
- package/lib/BackgroundTaskManager/RefreshMan.js +34 -50
- package/lib/BackgroundTaskManager/constants.js +10 -32
- package/lib/BackgroundTaskManager/index.js +118 -126
- package/lib/BasicLayout/Header.js +242 -200
- package/lib/BasicLayout/index.js +265 -307
- package/lib/BasicLayout/locale/en-US.js +16 -34
- package/lib/BasicLayout/locale/ja-JP.js +16 -34
- package/lib/BasicLayout/locale/zh-CN.js +16 -34
- package/lib/BasicLayout/locale/zh-TW.js +16 -34
- package/lib/BasicLayout/style/Header.js +41 -60
- package/lib/BasicLayout/style/index.js +176 -197
- package/lib/BatchOperationBar/index.js +109 -151
- package/lib/BatchOperationBar/locale/en-US.js +10 -28
- package/lib/BatchOperationBar/locale/ja-JP.js +10 -28
- package/lib/BatchOperationBar/locale/zh-CN.js +10 -28
- package/lib/BatchOperationBar/locale/zh-TW.js +10 -28
- package/lib/BatchOperationBar/style/index.js +30 -46
- package/lib/Boundary/Components/Code.js +57 -75
- package/lib/Boundary/Components/Exception.js +103 -123
- package/lib/Boundary/Components/Function.js +47 -62
- package/lib/Boundary/Components/index.js +36 -25
- package/lib/Boundary/IBoundary.js +4 -16
- package/lib/Boundary/constant.js +16 -38
- package/lib/Boundary/index.js +11 -24
- package/lib/Boundary/locale/en-US.js +14 -32
- package/lib/Boundary/locale/ja-JP.js +14 -32
- package/lib/Boundary/locale/zh-CN.js +14 -32
- package/lib/Boundary/locale/zh-TW.js +14 -32
- package/lib/Boundary/style/index.js +28 -47
- package/lib/Boundary/utils.js +9 -31
- package/lib/ContentWithIcon/index.js +101 -114
- package/lib/ContentWithIcon/style/index.js +17 -36
- package/lib/ContentWithQuestion/index.js +40 -52
- package/lib/ContentWithQuestion/style/index.js +16 -35
- package/lib/DateRanger/PickerPanel.js +343 -325
- package/lib/DateRanger/Ranger.js +430 -515
- package/lib/DateRanger/constant/index.js +188 -376
- package/lib/DateRanger/index.js +45 -64
- package/lib/DateRanger/locale/en-US.js +20 -47
- package/lib/DateRanger/locale/ja-JP.js +20 -47
- package/lib/DateRanger/locale/zh-CN.js +20 -47
- package/lib/DateRanger/locale/zh-TW.js +20 -47
- package/lib/DateRanger/style/index.js +41 -62
- package/lib/DateRanger/typing.js +4 -16
- package/lib/Dialog/Anchor.js +70 -95
- package/lib/Dialog/Dock.js +14 -36
- package/lib/Dialog/EventProxy.js +21 -39
- package/lib/Dialog/index.js +327 -370
- package/lib/Dialog/locale/en-US.js +8 -26
- package/lib/Dialog/locale/ja-JP.js +8 -26
- package/lib/Dialog/locale/zh-CN.js +8 -26
- package/lib/Dialog/locale/zh-TW.js +8 -26
- package/lib/Dialog/style/index.js +58 -76
- package/lib/DocDialog/index.js +51 -77
- package/lib/DocDialog/locale/en-US.js +5 -23
- package/lib/DocDialog/locale/ja-JP.js +5 -23
- package/lib/DocDialog/locale/zh-CN.js +5 -23
- package/lib/DocDialog/locale/zh-TW.js +5 -23
- package/lib/FooterToolbar/index.js +27 -45
- package/lib/FooterToolbar/style/index.js +23 -38
- package/lib/FullscreenBox/index.js +151 -138
- package/lib/FullscreenBox/locale/en-US.js +5 -23
- package/lib/FullscreenBox/locale/ja-JP.js +5 -23
- package/lib/FullscreenBox/locale/zh-CN.js +5 -23
- package/lib/FullscreenBox/locale/zh-TW.js +5 -23
- package/lib/FullscreenBox/style/index.js +23 -41
- package/lib/Highlight/DiffView/DiffCells.js +34 -54
- package/lib/Highlight/DiffView/index.js +165 -163
- package/lib/Highlight/HighlightCell.js +28 -47
- package/lib/Highlight/JsonView.js +45 -74
- package/lib/Highlight/index.js +200 -214
- package/lib/Highlight/languages/bash.js +7 -34
- package/lib/Highlight/languages/cpp.js +7 -34
- package/lib/Highlight/languages/css.js +7 -34
- package/lib/Highlight/languages/dockerfile.js +7 -34
- package/lib/Highlight/languages/go.js +7 -34
- package/lib/Highlight/languages/groovy.js +7 -34
- package/lib/Highlight/languages/http.js +7 -34
- package/lib/Highlight/languages/java.js +7 -34
- package/lib/Highlight/languages/javascript.js +7 -34
- package/lib/Highlight/languages/json.js +7 -34
- package/lib/Highlight/languages/markdown.js +7 -34
- package/lib/Highlight/languages/nginx.js +7 -34
- package/lib/Highlight/languages/python.js +7 -34
- package/lib/Highlight/languages/ruby.js +7 -34
- package/lib/Highlight/languages/solidity.js +7 -34
- package/lib/Highlight/languages/sql.js +7 -34
- package/lib/Highlight/languages/typescript.js +7 -34
- package/lib/Highlight/languages/xml.js +7 -34
- package/lib/Highlight/languages/yaml.js +7 -34
- package/lib/Highlight/locale/en-US.js +7 -25
- package/lib/Highlight/locale/ja-JP.js +7 -25
- package/lib/Highlight/locale/zh-CN.js +7 -25
- package/lib/Highlight/locale/zh-TW.js +7 -25
- package/lib/Highlight/style/index.js +128 -144
- package/lib/Highlight/useKeyDownCopyEvent.js +40 -64
- package/lib/IconFont/index.js +23 -28
- package/lib/LightFilter/index.js +29 -43
- package/lib/LightFilter/style/index.js +15 -33
- package/lib/LocaleDropdown/index.js +43 -53
- package/lib/Login/ActivateForm.js +93 -119
- package/lib/Login/LoginForm.js +149 -184
- package/lib/Login/RegisterForm.js +122 -163
- package/lib/Login/index.js +157 -163
- package/lib/Login/locale/en-US.js +31 -49
- package/lib/Login/locale/ja-JP.js +31 -49
- package/lib/Login/locale/zh-CN.js +31 -49
- package/lib/Login/locale/zh-TW.js +30 -48
- package/lib/Login/style/index.js +77 -98
- package/lib/Lottie/index.js +7 -24
- package/lib/NavMenu/index.js +105 -108
- package/lib/NavMenu/style/index.js +31 -49
- package/lib/PageContainer/ItemRender.js +28 -46
- package/lib/PageContainer/index.js +125 -140
- package/lib/PageContainer/locale/en-US.js +8 -26
- package/lib/PageContainer/locale/ja-JP.js +8 -26
- package/lib/PageContainer/locale/zh-CN.js +8 -26
- package/lib/PageContainer/locale/zh-TW.js +8 -26
- package/lib/PageContainer/style/index.js +19 -40
- package/lib/PageLoading/index.js +33 -54
- package/lib/Password/Content.js +92 -80
- package/lib/Password/index.js +125 -160
- package/lib/Password/locale/en-US.js +14 -32
- package/lib/Password/locale/ja-JP.js +16 -34
- package/lib/Password/locale/zh-CN.js +15 -33
- package/lib/Password/locale/zh-TW.js +14 -32
- package/lib/ProCard/index.js +77 -98
- package/lib/ProCard/style/index.js +21 -39
- package/lib/ProTable/index.js +102 -123
- package/lib/ProTable/style/index.js +21 -38
- package/lib/Ranger/QuickPicker.js +92 -94
- package/lib/Ranger/Ranger.js +98 -133
- package/lib/Ranger/constant/index.js +115 -266
- package/lib/Ranger/index.js +61 -69
- package/lib/Ranger/locale/en-US.js +31 -49
- package/lib/Ranger/locale/ja-JP.js +31 -49
- package/lib/Ranger/locale/zh-CN.js +7 -25
- package/lib/Ranger/locale/zh-TW.js +7 -25
- package/lib/Ranger/style/index.js +21 -39
- package/lib/Ranger/typing.js +4 -16
- package/lib/SideTip/Dragger.js +259 -219
- package/lib/SideTip/IconLoading.js +43 -74
- package/lib/SideTip/index.js +124 -126
- package/lib/SideTip/locale/en-US.js +5 -23
- package/lib/SideTip/locale/ja-JP.js +5 -23
- package/lib/SideTip/locale/zh-CN.js +5 -23
- package/lib/SideTip/locale/zh-TW.js +5 -23
- package/lib/SideTip/style/index.js +76 -92
- package/lib/SideTip/utils.js +40 -61
- package/lib/TagSelect/Group.js +64 -83
- package/lib/TagSelect/Item.js +68 -91
- package/lib/TagSelect/TagSelectContext.js +7 -25
- package/lib/TagSelect/index.js +12 -35
- package/lib/TagSelect/style/index.js +41 -64
- package/lib/TreeSearch/index.js +133 -127
- package/lib/TreeSearch/util.js +52 -70
- package/lib/Welcome/index.js +142 -117
- package/lib/Welcome/locale/en-US.js +8 -26
- package/lib/Welcome/locale/ja-JP.js +8 -26
- package/lib/Welcome/locale/zh-CN.js +8 -26
- package/lib/Welcome/locale/zh-TW.js +8 -26
- package/lib/Welcome/step/style/index.js +24 -40
- package/lib/Welcome/step.js +63 -59
- package/lib/Welcome/style/index.js +58 -70
- package/lib/_util/genComponentStyleHook.js +15 -43
- package/lib/_util/index.js +38 -43
- package/lib/_util/useNavigate.js +11 -26
- package/lib/constant/index.js +23 -49
- package/lib/index.js +283 -129
- package/lib/interface.js +4 -16
- package/lib/locale/LocaleWrapper.js +50 -60
- package/lib/locale/en-US.js +37 -64
- package/lib/locale/index.js +5 -16
- package/lib/locale/ja-JP.js +37 -64
- package/lib/locale/zh-CN.js +36 -63
- package/lib/locale/zh-TW.js +32 -59
- package/package.json +3 -3
|
@@ -1,53 +1,35 @@
|
|
|
1
|
-
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __export = (target, all) => {
|
|
8
|
-
for (var name in all)
|
|
9
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
-
};
|
|
11
|
-
var __copyProps = (to, from, except, desc) => {
|
|
12
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
-
for (let key of __getOwnPropNames(from))
|
|
14
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
-
}
|
|
17
|
-
return to;
|
|
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
|
-
));
|
|
27
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
1
|
+
"use strict";
|
|
28
2
|
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
__export(FooterToolbar_exports, {
|
|
32
|
-
default: () => FooterToolbar_default
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
33
5
|
});
|
|
34
|
-
|
|
35
|
-
var
|
|
36
|
-
var
|
|
37
|
-
var
|
|
38
|
-
var
|
|
39
|
-
var
|
|
40
|
-
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _proComponents = require("@ant-design/pro-components");
|
|
9
|
+
var _design = require("@oceanbase/design");
|
|
10
|
+
var _style = _interopRequireDefault(require("./style"));
|
|
11
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
14
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
15
|
+
"use client";
|
|
16
|
+
const FooterToolbar = ({
|
|
41
17
|
// render footer under parent instead of body by default
|
|
42
18
|
portalDom = false,
|
|
43
19
|
prefixCls: customizePrefixCls,
|
|
44
20
|
...restProps
|
|
45
21
|
}) => {
|
|
46
|
-
const {
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
22
|
+
const {
|
|
23
|
+
getPrefixCls
|
|
24
|
+
} = (0, _react.useContext)(_design.ConfigProvider.ConfigContext);
|
|
25
|
+
const prefixCls = getPrefixCls('pro-footer-bar', customizePrefixCls);
|
|
26
|
+
const {
|
|
27
|
+
wrapSSR
|
|
28
|
+
} = (0, _style.default)(prefixCls);
|
|
29
|
+
return wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsx)(_proComponents.FooterToolbar, {
|
|
30
|
+
portalDom: portalDom,
|
|
31
|
+
prefixCls: customizePrefixCls,
|
|
32
|
+
...restProps
|
|
33
|
+
}));
|
|
52
34
|
};
|
|
53
|
-
var
|
|
35
|
+
var _default = exports.default = FooterToolbar;
|
|
@@ -1,54 +1,39 @@
|
|
|
1
|
-
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __export = (target, all) => {
|
|
6
|
-
for (var name in all)
|
|
7
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
8
|
-
};
|
|
9
|
-
var __copyProps = (to, from, except, desc) => {
|
|
10
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
11
|
-
for (let key of __getOwnPropNames(from))
|
|
12
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
13
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
14
|
-
}
|
|
15
|
-
return to;
|
|
16
|
-
};
|
|
17
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
1
|
+
"use strict";
|
|
18
2
|
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
__export(style_exports, {
|
|
22
|
-
default: () => style_default,
|
|
23
|
-
genFooterToolbarStyle: () => genFooterToolbarStyle
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
24
5
|
});
|
|
25
|
-
|
|
26
|
-
var
|
|
27
|
-
|
|
28
|
-
const {
|
|
6
|
+
exports.genFooterToolbarStyle = exports.default = void 0;
|
|
7
|
+
var _genComponentStyleHook = require("../../_util/genComponentStyleHook");
|
|
8
|
+
const genFooterToolbarStyle = token => {
|
|
9
|
+
const {
|
|
10
|
+
componentCls,
|
|
11
|
+
colorBgBase,
|
|
12
|
+
borderRadius,
|
|
13
|
+
boxShadowSecondary,
|
|
14
|
+
controlHeightLG
|
|
15
|
+
} = token;
|
|
29
16
|
return {
|
|
30
17
|
[`${componentCls}`]: {
|
|
31
|
-
flexDirection:
|
|
32
|
-
lineHeight:
|
|
33
|
-
alignItems:
|
|
34
|
-
justifyContent:
|
|
18
|
+
flexDirection: 'row-reverse',
|
|
19
|
+
lineHeight: 'initial',
|
|
20
|
+
alignItems: 'center',
|
|
21
|
+
justifyContent: 'flex-end',
|
|
35
22
|
gap: token.padding,
|
|
36
23
|
paddingBlock: token.padding,
|
|
37
24
|
paddingInline: token.paddingXL,
|
|
38
|
-
width:
|
|
25
|
+
width: '100%',
|
|
39
26
|
backgroundColor: colorBgBase,
|
|
40
27
|
boxShadow: boxShadowSecondary,
|
|
41
|
-
borderBlockStart:
|
|
28
|
+
borderBlockStart: 'none'
|
|
42
29
|
}
|
|
43
30
|
};
|
|
44
31
|
};
|
|
45
|
-
|
|
46
|
-
|
|
32
|
+
exports.genFooterToolbarStyle = genFooterToolbarStyle;
|
|
33
|
+
var _default = prefixCls => {
|
|
34
|
+
const useStyle = (0, _genComponentStyleHook.genComponentStyleHook)('FooterToolbar', token => {
|
|
47
35
|
return [genFooterToolbarStyle(token)];
|
|
48
36
|
});
|
|
49
37
|
return useStyle(prefixCls);
|
|
50
38
|
};
|
|
51
|
-
|
|
52
|
-
0 && (module.exports = {
|
|
53
|
-
genFooterToolbarStyle
|
|
54
|
-
});
|
|
39
|
+
exports.default = _default;
|
|
@@ -1,146 +1,159 @@
|
|
|
1
|
-
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __export = (target, all) => {
|
|
8
|
-
for (var name in all)
|
|
9
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
-
};
|
|
11
|
-
var __copyProps = (to, from, except, desc) => {
|
|
12
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
-
for (let key of __getOwnPropNames(from))
|
|
14
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
-
}
|
|
17
|
-
return to;
|
|
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
|
-
));
|
|
27
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
1
|
+
"use strict";
|
|
28
2
|
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
__export(FullscreenBox_exports, {
|
|
32
|
-
default: () => FullscreenBox_default
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
33
5
|
});
|
|
34
|
-
|
|
35
|
-
var
|
|
36
|
-
var
|
|
37
|
-
var
|
|
38
|
-
var
|
|
39
|
-
var
|
|
40
|
-
var
|
|
41
|
-
var
|
|
42
|
-
var
|
|
43
|
-
var
|
|
44
|
-
var
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _icons = require("@oceanbase/icons");
|
|
8
|
+
var _design = require("@oceanbase/design");
|
|
9
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
10
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
+
var _screenfull = _interopRequireDefault(require("screenfull"));
|
|
12
|
+
var _LocaleWrapper = _interopRequireDefault(require("../locale/LocaleWrapper"));
|
|
13
|
+
var _style = _interopRequireDefault(require("./style"));
|
|
14
|
+
var _zhCN = _interopRequireDefault(require("./locale/zh-CN"));
|
|
15
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
16
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
17
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
18
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
+
"use client";
|
|
20
|
+
const FullscreenBox = /*#__PURE__*/_react.default.forwardRef(({
|
|
21
|
+
style,
|
|
22
|
+
header,
|
|
23
|
+
className,
|
|
24
|
+
defaultMode,
|
|
25
|
+
children,
|
|
26
|
+
onChange
|
|
27
|
+
}, ref) => {
|
|
28
|
+
const {
|
|
29
|
+
getPrefixCls
|
|
30
|
+
} = (0, _react.useContext)(_design.ConfigProvider.ConfigContext);
|
|
31
|
+
const prefixCls = getPrefixCls('fullscreen-box');
|
|
32
|
+
const {
|
|
33
|
+
wrapSSR
|
|
34
|
+
} = (0, _style.default)(prefixCls);
|
|
35
|
+
const [innerFullscreen, setInnerFullscreen] = (0, _react.useState)(false);
|
|
36
|
+
const containerRef = (0, _react.useRef)(null);
|
|
37
|
+
const fullscreenMode = defaultMode || 'viewport';
|
|
38
|
+
|
|
39
|
+
/**
|
|
40
|
+
* 通知外部
|
|
41
|
+
*/
|
|
42
|
+
const emitChange = fullscreen => {
|
|
43
|
+
if (onChange) {
|
|
44
|
+
onChange(fullscreen);
|
|
45
|
+
}
|
|
46
|
+
};
|
|
47
|
+
|
|
48
|
+
/**
|
|
49
|
+
* 处理全屏模式切换完成后动作
|
|
50
|
+
*/
|
|
51
|
+
const handleFullscreenChange = () => {
|
|
52
|
+
const {
|
|
53
|
+
isFullscreen
|
|
54
|
+
} = _screenfull.default;
|
|
55
|
+
setInnerFullscreen(() => {
|
|
56
|
+
return isFullscreen;
|
|
57
|
+
});
|
|
58
|
+
emitChange(isFullscreen);
|
|
59
|
+
};
|
|
60
|
+
(0, _react.useEffect)(() => {
|
|
61
|
+
// 添加事件监听
|
|
62
|
+
_screenfull.default.on('change', handleFullscreenChange);
|
|
63
|
+
return () => {
|
|
64
|
+
// 移除事件监听
|
|
65
|
+
_screenfull.default.off('change', handleFullscreenChange);
|
|
90
66
|
};
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
67
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
68
|
+
}, []);
|
|
69
|
+
const toggleFullscreen = () => {
|
|
70
|
+
changeFullscreen(!innerFullscreen);
|
|
71
|
+
};
|
|
72
|
+
|
|
73
|
+
/**
|
|
74
|
+
* 供外部调用
|
|
75
|
+
*/
|
|
76
|
+
const changeFullscreen = fullscreen => {
|
|
77
|
+
if (!containerRef.current) {
|
|
78
|
+
return Promise.reject(new Error('Container element is not ready.'));
|
|
79
|
+
}
|
|
80
|
+
let p;
|
|
81
|
+
// 处理浏览器全屏
|
|
82
|
+
if (fullscreenMode === 'browser') {
|
|
83
|
+
const sf = _screenfull.default;
|
|
84
|
+
if (fullscreen) {
|
|
85
|
+
p = sf.request(containerRef.current);
|
|
100
86
|
} else {
|
|
101
|
-
|
|
87
|
+
p = sf.exit();
|
|
102
88
|
}
|
|
103
|
-
return () =>
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
89
|
+
return p.then(() => sf.isFullscreen);
|
|
90
|
+
}
|
|
91
|
+
// 视口全屏,则直接修改状态并发通知
|
|
92
|
+
setInnerFullscreen(fullscreen);
|
|
93
|
+
emitChange(fullscreen);
|
|
94
|
+
return Promise.resolve(fullscreen);
|
|
95
|
+
};
|
|
96
|
+
|
|
97
|
+
// 向组件外部暴露 refresh 属性函数,可通过 ref 引用
|
|
98
|
+
(0, _react.useImperativeHandle)(ref, () => ({
|
|
99
|
+
changeFullscreen: fullscreen => {
|
|
100
|
+
changeFullscreen(fullscreen);
|
|
101
|
+
}
|
|
102
|
+
}));
|
|
103
|
+
const icon = innerFullscreen ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.FullscreenExitOutlined, {
|
|
104
|
+
className: `${prefixCls}-header-icon`,
|
|
105
|
+
onClick: toggleFullscreen
|
|
106
|
+
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.FullscreenOutlined, {
|
|
107
|
+
className: `${prefixCls}-header-icon`,
|
|
108
|
+
onClick: toggleFullscreen
|
|
109
|
+
});
|
|
110
|
+
(0, _react.useEffect)(() => {
|
|
111
|
+
if (innerFullscreen) {
|
|
112
|
+
document.body.classList.add(`${prefixCls}-body-overflow-hidden`);
|
|
114
113
|
} else {
|
|
115
|
-
|
|
116
|
-
const extra = isComplexHeader && header.extra;
|
|
117
|
-
headerContent = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `${prefixCls}-header`, "data-testid": "header", children: [
|
|
118
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `${prefixCls}-header-left`, children: [
|
|
119
|
-
icon,
|
|
120
|
-
title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `${prefixCls}-header-title`, children: title })
|
|
121
|
-
] }),
|
|
122
|
-
isComplexHeader && extra && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-header-extra`, children: extra })
|
|
123
|
-
] });
|
|
114
|
+
document.body.classList.remove(`${prefixCls}-body-overflow-hidden`);
|
|
124
115
|
}
|
|
125
|
-
return
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
116
|
+
return () => {
|
|
117
|
+
document.body.classList.remove(`${prefixCls}-body-overflow-hidden`);
|
|
118
|
+
};
|
|
119
|
+
}, [innerFullscreen, prefixCls]);
|
|
120
|
+
const isComplexHeader = header && (header.title || header.extra);
|
|
121
|
+
const isStringHeader = typeof header === 'string';
|
|
122
|
+
let headerContent;
|
|
123
|
+
// 隐藏 Header
|
|
124
|
+
if (header === false) {
|
|
125
|
+
headerContent = null;
|
|
126
|
+
} else if ( /*#__PURE__*/_react.default.isValidElement(header)) {
|
|
127
|
+
// 自定义Header
|
|
128
|
+
headerContent = header;
|
|
129
|
+
} else {
|
|
130
|
+
const title = isStringHeader ? header : isComplexHeader && header.title;
|
|
131
|
+
const extra = isComplexHeader && header.extra;
|
|
132
|
+
headerContent = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
133
|
+
className: `${prefixCls}-header`,
|
|
134
|
+
"data-testid": "header",
|
|
135
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
136
|
+
className: `${prefixCls}-header-left`,
|
|
137
|
+
children: [icon, title && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
138
|
+
className: `${prefixCls}-header-title`,
|
|
139
|
+
children: title
|
|
140
|
+
})]
|
|
141
|
+
}), isComplexHeader && extra && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
142
|
+
className: `${prefixCls}-header-extra`,
|
|
143
|
+
children: extra
|
|
144
|
+
})]
|
|
145
|
+
});
|
|
141
146
|
}
|
|
142
|
-
)
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
}
|
|
147
|
+
return wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
148
|
+
ref: containerRef,
|
|
149
|
+
style: style,
|
|
150
|
+
className: (0, _classnames.default)(`${prefixCls}-box`, className, {
|
|
151
|
+
[`${prefixCls}-box-fullscreen`]: innerFullscreen
|
|
152
|
+
}),
|
|
153
|
+
children: [headerContent, children]
|
|
154
|
+
}));
|
|
155
|
+
});
|
|
156
|
+
var _default = exports.default = (0, _LocaleWrapper.default)({
|
|
157
|
+
componentName: 'FullscreenBox',
|
|
158
|
+
defaultLocale: _zhCN.default
|
|
159
|
+
})(FullscreenBox);
|
|
@@ -1,25 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __export = (target, all) => {
|
|
6
|
-
for (var name in all)
|
|
7
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
8
|
-
};
|
|
9
|
-
var __copyProps = (to, from, except, desc) => {
|
|
10
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
11
|
-
for (let key of __getOwnPropNames(from))
|
|
12
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
13
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
14
|
-
}
|
|
15
|
-
return to;
|
|
16
|
-
};
|
|
17
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
1
|
+
"use strict";
|
|
18
2
|
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
__export(en_US_exports, {
|
|
22
|
-
default: () => en_US_default
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
23
5
|
});
|
|
24
|
-
|
|
25
|
-
var
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _default = exports.default = {};
|
|
@@ -1,25 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __export = (target, all) => {
|
|
6
|
-
for (var name in all)
|
|
7
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
8
|
-
};
|
|
9
|
-
var __copyProps = (to, from, except, desc) => {
|
|
10
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
11
|
-
for (let key of __getOwnPropNames(from))
|
|
12
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
13
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
14
|
-
}
|
|
15
|
-
return to;
|
|
16
|
-
};
|
|
17
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
1
|
+
"use strict";
|
|
18
2
|
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
__export(ja_JP_exports, {
|
|
22
|
-
default: () => ja_JP_default
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
23
5
|
});
|
|
24
|
-
|
|
25
|
-
var
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _default = exports.default = {};
|
|
@@ -1,25 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __export = (target, all) => {
|
|
6
|
-
for (var name in all)
|
|
7
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
8
|
-
};
|
|
9
|
-
var __copyProps = (to, from, except, desc) => {
|
|
10
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
11
|
-
for (let key of __getOwnPropNames(from))
|
|
12
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
13
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
14
|
-
}
|
|
15
|
-
return to;
|
|
16
|
-
};
|
|
17
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
1
|
+
"use strict";
|
|
18
2
|
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
__export(zh_CN_exports, {
|
|
22
|
-
default: () => zh_CN_default
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
23
5
|
});
|
|
24
|
-
|
|
25
|
-
var
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _default = exports.default = {};
|
|
@@ -1,25 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __export = (target, all) => {
|
|
6
|
-
for (var name in all)
|
|
7
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
8
|
-
};
|
|
9
|
-
var __copyProps = (to, from, except, desc) => {
|
|
10
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
11
|
-
for (let key of __getOwnPropNames(from))
|
|
12
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
13
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
14
|
-
}
|
|
15
|
-
return to;
|
|
16
|
-
};
|
|
17
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
1
|
+
"use strict";
|
|
18
2
|
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
__export(zh_TW_exports, {
|
|
22
|
-
default: () => zh_TW_default
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
23
5
|
});
|
|
24
|
-
|
|
25
|
-
var
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _default = exports.default = {};
|