@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.
Files changed (244) hide show
  1. package/dist/ui.min.js +1 -1
  2. package/es/Action/Group.js +1 -0
  3. package/es/Action/Item.js +1 -0
  4. package/es/Action/index.js +1 -0
  5. package/es/BackgroundTaskManager/RefreshMan.js +1 -0
  6. package/es/BackgroundTaskManager/index.js +1 -0
  7. package/es/BasicLayout/Header.js +1 -0
  8. package/es/BasicLayout/index.js +1 -0
  9. package/es/BatchOperationBar/index.js +1 -0
  10. package/es/Boundary/Components/Code.js +1 -0
  11. package/es/Boundary/Components/Exception.js +1 -0
  12. package/es/Boundary/Components/Function.js +1 -0
  13. package/es/Boundary/index.js +1 -0
  14. package/es/ContentWithIcon/index.js +1 -0
  15. package/es/ContentWithQuestion/index.js +1 -0
  16. package/es/DateRanger/PickerPanel.js +1 -0
  17. package/es/DateRanger/Ranger.js +1 -0
  18. package/es/DateRanger/index.js +1 -0
  19. package/es/Dialog/Anchor.js +1 -0
  20. package/es/Dialog/EventProxy.js +1 -0
  21. package/es/Dialog/index.js +1 -0
  22. package/es/DocDialog/index.js +1 -0
  23. package/es/FooterToolbar/index.js +1 -0
  24. package/es/FullscreenBox/index.js +1 -0
  25. package/es/Highlight/DiffView/DiffCells.js +1 -0
  26. package/es/Highlight/DiffView/index.js +1 -0
  27. package/es/Highlight/HighlightCell.js +1 -0
  28. package/es/Highlight/JsonView.js +1 -0
  29. package/es/Highlight/index.js +1 -0
  30. package/es/Highlight/useKeyDownCopyEvent.js +1 -0
  31. package/es/IconFont/index.js +1 -0
  32. package/es/LightFilter/index.js +1 -0
  33. package/es/LocaleDropdown/index.js +1 -0
  34. package/es/Login/ActivateForm.js +1 -0
  35. package/es/Login/LoginForm.js +1 -0
  36. package/es/Login/RegisterForm.js +1 -0
  37. package/es/Login/index.js +1 -0
  38. package/es/Lottie/index.js +1 -0
  39. package/es/NavMenu/index.js +1 -0
  40. package/es/PageContainer/ItemRender.js +1 -0
  41. package/es/PageContainer/index.js +1 -0
  42. package/es/PageLoading/index.js +1 -0
  43. package/es/Password/Content.js +1 -0
  44. package/es/Password/index.js +1 -0
  45. package/es/ProCard/index.js +1 -0
  46. package/es/ProTable/index.js +2 -3
  47. package/es/Ranger/QuickPicker.js +1 -0
  48. package/es/Ranger/Ranger.js +1 -0
  49. package/es/Ranger/index.js +1 -0
  50. package/es/SideTip/Dragger.js +1 -0
  51. package/es/SideTip/IconLoading.js +1 -0
  52. package/es/SideTip/index.js +1 -0
  53. package/es/TagSelect/Group.js +1 -0
  54. package/es/TagSelect/Item.js +1 -0
  55. package/es/TagSelect/index.js +1 -0
  56. package/es/TreeSearch/index.js +1 -0
  57. package/es/Welcome/index.js +1 -0
  58. package/es/Welcome/step.js +1 -0
  59. package/es/_util/index.js +1 -0
  60. package/es/constant/index.js +1 -0
  61. package/es/index.js +1 -0
  62. package/es/locale/LocaleWrapper.js +1 -0
  63. package/es/locale/index.js +1 -0
  64. package/lib/Action/Group.js +189 -162
  65. package/lib/Action/Item.js +47 -65
  66. package/lib/Action/index.js +13 -35
  67. package/lib/Action/style/index.js +25 -43
  68. package/lib/BackgroundTaskManager/RefreshMan.js +34 -50
  69. package/lib/BackgroundTaskManager/constants.js +10 -32
  70. package/lib/BackgroundTaskManager/index.js +118 -126
  71. package/lib/BasicLayout/Header.js +242 -200
  72. package/lib/BasicLayout/index.js +265 -307
  73. package/lib/BasicLayout/locale/en-US.js +16 -34
  74. package/lib/BasicLayout/locale/ja-JP.js +16 -34
  75. package/lib/BasicLayout/locale/zh-CN.js +16 -34
  76. package/lib/BasicLayout/locale/zh-TW.js +16 -34
  77. package/lib/BasicLayout/style/Header.js +41 -60
  78. package/lib/BasicLayout/style/index.js +176 -197
  79. package/lib/BatchOperationBar/index.js +109 -151
  80. package/lib/BatchOperationBar/locale/en-US.js +10 -28
  81. package/lib/BatchOperationBar/locale/ja-JP.js +10 -28
  82. package/lib/BatchOperationBar/locale/zh-CN.js +10 -28
  83. package/lib/BatchOperationBar/locale/zh-TW.js +10 -28
  84. package/lib/BatchOperationBar/style/index.js +30 -46
  85. package/lib/Boundary/Components/Code.js +57 -75
  86. package/lib/Boundary/Components/Exception.js +103 -123
  87. package/lib/Boundary/Components/Function.js +47 -62
  88. package/lib/Boundary/Components/index.js +36 -25
  89. package/lib/Boundary/IBoundary.js +4 -16
  90. package/lib/Boundary/constant.js +16 -38
  91. package/lib/Boundary/index.js +11 -24
  92. package/lib/Boundary/locale/en-US.js +14 -32
  93. package/lib/Boundary/locale/ja-JP.js +14 -32
  94. package/lib/Boundary/locale/zh-CN.js +14 -32
  95. package/lib/Boundary/locale/zh-TW.js +14 -32
  96. package/lib/Boundary/style/index.js +28 -47
  97. package/lib/Boundary/utils.js +9 -31
  98. package/lib/ContentWithIcon/index.js +101 -114
  99. package/lib/ContentWithIcon/style/index.js +17 -36
  100. package/lib/ContentWithQuestion/index.js +40 -52
  101. package/lib/ContentWithQuestion/style/index.js +16 -35
  102. package/lib/DateRanger/PickerPanel.js +343 -325
  103. package/lib/DateRanger/Ranger.js +430 -515
  104. package/lib/DateRanger/constant/index.js +188 -376
  105. package/lib/DateRanger/index.js +45 -64
  106. package/lib/DateRanger/locale/en-US.js +20 -47
  107. package/lib/DateRanger/locale/ja-JP.js +20 -47
  108. package/lib/DateRanger/locale/zh-CN.js +20 -47
  109. package/lib/DateRanger/locale/zh-TW.js +20 -47
  110. package/lib/DateRanger/style/index.js +41 -62
  111. package/lib/DateRanger/typing.js +4 -16
  112. package/lib/Dialog/Anchor.js +70 -95
  113. package/lib/Dialog/Dock.js +14 -36
  114. package/lib/Dialog/EventProxy.js +21 -39
  115. package/lib/Dialog/index.js +327 -370
  116. package/lib/Dialog/locale/en-US.js +8 -26
  117. package/lib/Dialog/locale/ja-JP.js +8 -26
  118. package/lib/Dialog/locale/zh-CN.js +8 -26
  119. package/lib/Dialog/locale/zh-TW.js +8 -26
  120. package/lib/Dialog/style/index.js +58 -76
  121. package/lib/DocDialog/index.js +51 -77
  122. package/lib/DocDialog/locale/en-US.js +5 -23
  123. package/lib/DocDialog/locale/ja-JP.js +5 -23
  124. package/lib/DocDialog/locale/zh-CN.js +5 -23
  125. package/lib/DocDialog/locale/zh-TW.js +5 -23
  126. package/lib/FooterToolbar/index.js +27 -45
  127. package/lib/FooterToolbar/style/index.js +23 -38
  128. package/lib/FullscreenBox/index.js +151 -138
  129. package/lib/FullscreenBox/locale/en-US.js +5 -23
  130. package/lib/FullscreenBox/locale/ja-JP.js +5 -23
  131. package/lib/FullscreenBox/locale/zh-CN.js +5 -23
  132. package/lib/FullscreenBox/locale/zh-TW.js +5 -23
  133. package/lib/FullscreenBox/style/index.js +23 -41
  134. package/lib/Highlight/DiffView/DiffCells.js +34 -54
  135. package/lib/Highlight/DiffView/index.js +165 -163
  136. package/lib/Highlight/HighlightCell.js +28 -47
  137. package/lib/Highlight/JsonView.js +45 -74
  138. package/lib/Highlight/index.js +200 -214
  139. package/lib/Highlight/languages/bash.js +7 -34
  140. package/lib/Highlight/languages/cpp.js +7 -34
  141. package/lib/Highlight/languages/css.js +7 -34
  142. package/lib/Highlight/languages/dockerfile.js +7 -34
  143. package/lib/Highlight/languages/go.js +7 -34
  144. package/lib/Highlight/languages/groovy.js +7 -34
  145. package/lib/Highlight/languages/http.js +7 -34
  146. package/lib/Highlight/languages/java.js +7 -34
  147. package/lib/Highlight/languages/javascript.js +7 -34
  148. package/lib/Highlight/languages/json.js +7 -34
  149. package/lib/Highlight/languages/markdown.js +7 -34
  150. package/lib/Highlight/languages/nginx.js +7 -34
  151. package/lib/Highlight/languages/python.js +7 -34
  152. package/lib/Highlight/languages/ruby.js +7 -34
  153. package/lib/Highlight/languages/solidity.js +7 -34
  154. package/lib/Highlight/languages/sql.js +7 -34
  155. package/lib/Highlight/languages/typescript.js +7 -34
  156. package/lib/Highlight/languages/xml.js +7 -34
  157. package/lib/Highlight/languages/yaml.js +7 -34
  158. package/lib/Highlight/locale/en-US.js +7 -25
  159. package/lib/Highlight/locale/ja-JP.js +7 -25
  160. package/lib/Highlight/locale/zh-CN.js +7 -25
  161. package/lib/Highlight/locale/zh-TW.js +7 -25
  162. package/lib/Highlight/style/index.js +128 -144
  163. package/lib/Highlight/useKeyDownCopyEvent.js +40 -64
  164. package/lib/IconFont/index.js +23 -28
  165. package/lib/LightFilter/index.js +29 -43
  166. package/lib/LightFilter/style/index.js +15 -33
  167. package/lib/LocaleDropdown/index.js +43 -53
  168. package/lib/Login/ActivateForm.js +93 -119
  169. package/lib/Login/LoginForm.js +149 -184
  170. package/lib/Login/RegisterForm.js +122 -163
  171. package/lib/Login/index.js +157 -163
  172. package/lib/Login/locale/en-US.js +31 -49
  173. package/lib/Login/locale/ja-JP.js +31 -49
  174. package/lib/Login/locale/zh-CN.js +31 -49
  175. package/lib/Login/locale/zh-TW.js +30 -48
  176. package/lib/Login/style/index.js +77 -98
  177. package/lib/Lottie/index.js +7 -24
  178. package/lib/NavMenu/index.js +105 -108
  179. package/lib/NavMenu/style/index.js +31 -49
  180. package/lib/PageContainer/ItemRender.js +28 -46
  181. package/lib/PageContainer/index.js +125 -140
  182. package/lib/PageContainer/locale/en-US.js +8 -26
  183. package/lib/PageContainer/locale/ja-JP.js +8 -26
  184. package/lib/PageContainer/locale/zh-CN.js +8 -26
  185. package/lib/PageContainer/locale/zh-TW.js +8 -26
  186. package/lib/PageContainer/style/index.js +19 -40
  187. package/lib/PageLoading/index.js +33 -54
  188. package/lib/Password/Content.js +92 -80
  189. package/lib/Password/index.js +125 -160
  190. package/lib/Password/locale/en-US.js +14 -32
  191. package/lib/Password/locale/ja-JP.js +16 -34
  192. package/lib/Password/locale/zh-CN.js +15 -33
  193. package/lib/Password/locale/zh-TW.js +14 -32
  194. package/lib/ProCard/index.js +77 -98
  195. package/lib/ProCard/style/index.js +21 -39
  196. package/lib/ProTable/index.js +102 -123
  197. package/lib/ProTable/style/index.js +21 -38
  198. package/lib/Ranger/QuickPicker.js +92 -94
  199. package/lib/Ranger/Ranger.js +98 -133
  200. package/lib/Ranger/constant/index.js +115 -266
  201. package/lib/Ranger/index.js +61 -69
  202. package/lib/Ranger/locale/en-US.js +31 -49
  203. package/lib/Ranger/locale/ja-JP.js +31 -49
  204. package/lib/Ranger/locale/zh-CN.js +7 -25
  205. package/lib/Ranger/locale/zh-TW.js +7 -25
  206. package/lib/Ranger/style/index.js +21 -39
  207. package/lib/Ranger/typing.js +4 -16
  208. package/lib/SideTip/Dragger.js +259 -219
  209. package/lib/SideTip/IconLoading.js +43 -74
  210. package/lib/SideTip/index.js +124 -126
  211. package/lib/SideTip/locale/en-US.js +5 -23
  212. package/lib/SideTip/locale/ja-JP.js +5 -23
  213. package/lib/SideTip/locale/zh-CN.js +5 -23
  214. package/lib/SideTip/locale/zh-TW.js +5 -23
  215. package/lib/SideTip/style/index.js +76 -92
  216. package/lib/SideTip/utils.js +40 -61
  217. package/lib/TagSelect/Group.js +64 -83
  218. package/lib/TagSelect/Item.js +68 -91
  219. package/lib/TagSelect/TagSelectContext.js +7 -25
  220. package/lib/TagSelect/index.js +12 -35
  221. package/lib/TagSelect/style/index.js +41 -64
  222. package/lib/TreeSearch/index.js +133 -127
  223. package/lib/TreeSearch/util.js +52 -70
  224. package/lib/Welcome/index.js +142 -117
  225. package/lib/Welcome/locale/en-US.js +8 -26
  226. package/lib/Welcome/locale/ja-JP.js +8 -26
  227. package/lib/Welcome/locale/zh-CN.js +8 -26
  228. package/lib/Welcome/locale/zh-TW.js +8 -26
  229. package/lib/Welcome/step/style/index.js +24 -40
  230. package/lib/Welcome/step.js +63 -59
  231. package/lib/Welcome/style/index.js +58 -70
  232. package/lib/_util/genComponentStyleHook.js +15 -43
  233. package/lib/_util/index.js +38 -43
  234. package/lib/_util/useNavigate.js +11 -26
  235. package/lib/constant/index.js +23 -49
  236. package/lib/index.js +283 -129
  237. package/lib/interface.js +4 -16
  238. package/lib/locale/LocaleWrapper.js +50 -60
  239. package/lib/locale/en-US.js +37 -64
  240. package/lib/locale/index.js +5 -16
  241. package/lib/locale/ja-JP.js +37 -64
  242. package/lib/locale/zh-CN.js +36 -63
  243. package/lib/locale/zh-TW.js +32 -59
  244. package/package.json +3 -3
@@ -1,53 +1,35 @@
1
- var __create = Object.create;
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
- // src/FooterToolbar/index.tsx
30
- var FooterToolbar_exports = {};
31
- __export(FooterToolbar_exports, {
32
- default: () => FooterToolbar_default
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
33
5
  });
34
- module.exports = __toCommonJS(FooterToolbar_exports);
35
- var import_react = require("react");
36
- var import_pro_components = require("@ant-design/pro-components");
37
- var import_design = require("@oceanbase/design");
38
- var import_style = __toESM(require("./style"));
39
- var import_jsx_runtime = require("react/jsx-runtime");
40
- var FooterToolbar = ({
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 { getPrefixCls } = (0, import_react.useContext)(import_design.ConfigProvider.ConfigContext);
47
- const prefixCls = getPrefixCls("pro-footer-bar", customizePrefixCls);
48
- const { wrapSSR } = (0, import_style.default)(prefixCls);
49
- return wrapSSR(
50
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_pro_components.FooterToolbar, { portalDom, prefixCls: customizePrefixCls, ...restProps })
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 FooterToolbar_default = FooterToolbar;
35
+ var _default = exports.default = FooterToolbar;
@@ -1,54 +1,39 @@
1
- var __defProp = Object.defineProperty;
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
- // src/FooterToolbar/style/index.ts
20
- var style_exports = {};
21
- __export(style_exports, {
22
- default: () => style_default,
23
- genFooterToolbarStyle: () => genFooterToolbarStyle
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
24
5
  });
25
- module.exports = __toCommonJS(style_exports);
26
- var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
27
- var genFooterToolbarStyle = (token) => {
28
- const { componentCls, colorBgBase, borderRadius, boxShadowSecondary, controlHeightLG } = token;
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: "row-reverse",
32
- lineHeight: "initial",
33
- alignItems: "center",
34
- justifyContent: "flex-end",
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: "100%",
25
+ width: '100%',
39
26
  backgroundColor: colorBgBase,
40
27
  boxShadow: boxShadowSecondary,
41
- borderBlockStart: "none"
28
+ borderBlockStart: 'none'
42
29
  }
43
30
  };
44
31
  };
45
- var style_default = (prefixCls) => {
46
- const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("FooterToolbar", (token) => {
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
- // Annotate the CommonJS export names for ESM import in node:
52
- 0 && (module.exports = {
53
- genFooterToolbarStyle
54
- });
39
+ exports.default = _default;
@@ -1,146 +1,159 @@
1
- var __create = Object.create;
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
- // src/FullscreenBox/index.tsx
30
- var FullscreenBox_exports = {};
31
- __export(FullscreenBox_exports, {
32
- default: () => FullscreenBox_default
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
33
5
  });
34
- module.exports = __toCommonJS(FullscreenBox_exports);
35
- var import_icons = require("@oceanbase/icons");
36
- var import_design = require("@oceanbase/design");
37
- var import_classnames = __toESM(require("classnames"));
38
- var import_react = __toESM(require("react"));
39
- var import_screenfull = __toESM(require("screenfull"));
40
- var import_LocaleWrapper = __toESM(require("../locale/LocaleWrapper"));
41
- var import_style = __toESM(require("./style"));
42
- var import_zh_CN = __toESM(require("./locale/zh-CN"));
43
- var import_jsx_runtime = require("react/jsx-runtime");
44
- var FullscreenBox = import_react.default.forwardRef(
45
- ({ style, header, className, defaultMode, children, onChange }, ref) => {
46
- const { getPrefixCls } = (0, import_react.useContext)(import_design.ConfigProvider.ConfigContext);
47
- const prefixCls = getPrefixCls("fullscreen-box");
48
- const { wrapSSR } = (0, import_style.default)(prefixCls);
49
- const [innerFullscreen, setInnerFullscreen] = (0, import_react.useState)(false);
50
- const containerRef = (0, import_react.useRef)(null);
51
- const fullscreenMode = defaultMode || "viewport";
52
- const emitChange = (fullscreen) => {
53
- if (onChange) {
54
- onChange(fullscreen);
55
- }
56
- };
57
- const handleFullscreenChange = () => {
58
- const { isFullscreen } = import_screenfull.default;
59
- setInnerFullscreen(() => {
60
- return isFullscreen;
61
- });
62
- emitChange(isFullscreen);
63
- };
64
- (0, import_react.useEffect)(() => {
65
- import_screenfull.default.on("change", handleFullscreenChange);
66
- return () => {
67
- import_screenfull.default.off("change", handleFullscreenChange);
68
- };
69
- }, []);
70
- const toggleFullscreen = () => {
71
- changeFullscreen(!innerFullscreen);
72
- };
73
- const changeFullscreen = (fullscreen) => {
74
- if (!containerRef.current) {
75
- return Promise.reject(new Error("Container element is not ready."));
76
- }
77
- let p;
78
- if (fullscreenMode === "browser") {
79
- const sf = import_screenfull.default;
80
- if (fullscreen) {
81
- p = sf.request(containerRef.current);
82
- } else {
83
- p = sf.exit();
84
- }
85
- return p.then(() => sf.isFullscreen);
86
- }
87
- setInnerFullscreen(fullscreen);
88
- emitChange(fullscreen);
89
- return Promise.resolve(fullscreen);
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
- (0, import_react.useImperativeHandle)(ref, () => ({
92
- changeFullscreen: (fullscreen) => {
93
- changeFullscreen(fullscreen);
94
- }
95
- }));
96
- const icon = innerFullscreen ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.FullscreenExitOutlined, { className: `${prefixCls}-header-icon`, onClick: toggleFullscreen }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.FullscreenOutlined, { className: `${prefixCls}-header-icon`, onClick: toggleFullscreen });
97
- (0, import_react.useEffect)(() => {
98
- if (innerFullscreen) {
99
- document.body.classList.add(`${prefixCls}-body-overflow-hidden`);
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
- document.body.classList.remove(`${prefixCls}-body-overflow-hidden`);
87
+ p = sf.exit();
102
88
  }
103
- return () => {
104
- document.body.classList.remove(`${prefixCls}-body-overflow-hidden`);
105
- };
106
- }, [innerFullscreen, prefixCls]);
107
- const isComplexHeader = header && (header.title || header.extra);
108
- const isStringHeader = typeof header === "string";
109
- let headerContent;
110
- if (header === false) {
111
- headerContent = null;
112
- } else if (import_react.default.isValidElement(header)) {
113
- headerContent = header;
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
- const title = isStringHeader ? header : isComplexHeader && header.title;
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 wrapSSR(
126
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
127
- "div",
128
- {
129
- ref: containerRef,
130
- style,
131
- className: (0, import_classnames.default)(`${prefixCls}-box`, className, {
132
- [`${prefixCls}-box-fullscreen`]: innerFullscreen
133
- }),
134
- children: [
135
- headerContent,
136
- children
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
- var FullscreenBox_default = (0, import_LocaleWrapper.default)({
144
- componentName: "FullscreenBox",
145
- defaultLocale: import_zh_CN.default
146
- })(FullscreenBox);
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
- var __defProp = Object.defineProperty;
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
- // src/FullscreenBox/locale/en-US.ts
20
- var en_US_exports = {};
21
- __export(en_US_exports, {
22
- default: () => en_US_default
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
23
5
  });
24
- module.exports = __toCommonJS(en_US_exports);
25
- var en_US_default = {};
6
+ exports.default = void 0;
7
+ var _default = exports.default = {};
@@ -1,25 +1,7 @@
1
- var __defProp = Object.defineProperty;
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
- // src/FullscreenBox/locale/ja-JP.ts
20
- var ja_JP_exports = {};
21
- __export(ja_JP_exports, {
22
- default: () => ja_JP_default
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
23
5
  });
24
- module.exports = __toCommonJS(ja_JP_exports);
25
- var ja_JP_default = {};
6
+ exports.default = void 0;
7
+ var _default = exports.default = {};
@@ -1,25 +1,7 @@
1
- var __defProp = Object.defineProperty;
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
- // src/FullscreenBox/locale/zh-CN.ts
20
- var zh_CN_exports = {};
21
- __export(zh_CN_exports, {
22
- default: () => zh_CN_default
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
23
5
  });
24
- module.exports = __toCommonJS(zh_CN_exports);
25
- var zh_CN_default = {};
6
+ exports.default = void 0;
7
+ var _default = exports.default = {};
@@ -1,25 +1,7 @@
1
- var __defProp = Object.defineProperty;
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
- // src/FullscreenBox/locale/zh-TW.ts
20
- var zh_TW_exports = {};
21
- __export(zh_TW_exports, {
22
- default: () => zh_TW_default
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
23
5
  });
24
- module.exports = __toCommonJS(zh_TW_exports);
25
- var zh_TW_default = {};
6
+ exports.default = void 0;
7
+ var _default = exports.default = {};