@oceanbase/ui 1.0.0-alpha.6 → 1.0.0-alpha.8

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 (132) hide show
  1. package/dist/static/Inter-Medium.ea234620.woff2 +0 -0
  2. package/dist/static/Inter-Regular.34ba43c9.woff2 +0 -0
  3. package/dist/static/Inter-SemiBold.95439fb4.woff2 +0 -0
  4. package/dist/ui.min.js +1 -1
  5. package/es/BasicLayout/locale/ja-JP.js +6 -6
  6. package/es/Boundary/locale/en-US.js +1 -1
  7. package/es/Boundary/locale/ja-JP.js +4 -4
  8. package/es/Boundary/locale/zh-CN.js +1 -1
  9. package/es/Boundary/locale/zh-TW.js +1 -1
  10. package/es/DateRanger/locale/ja-JP.js +3 -3
  11. package/es/Dialog/locale/ja-JP.js +2 -2
  12. package/es/Dialog/locale/zh-CN.js +1 -1
  13. package/es/Dialog/locale/zh-TW.js +1 -1
  14. package/es/Login/locale/ja-JP.js +11 -11
  15. package/es/Login/locale/zh-CN.js +2 -2
  16. package/es/PageContainer/index.d.ts +2 -0
  17. package/es/PageContainer/index.js +74 -23
  18. package/es/PageContainer/locale/en-US.d.ts +1 -0
  19. package/es/PageContainer/locale/en-US.js +2 -1
  20. package/es/PageContainer/locale/ja-JP.d.ts +1 -0
  21. package/es/PageContainer/locale/ja-JP.js +2 -1
  22. package/es/PageContainer/locale/zh-CN.d.ts +1 -0
  23. package/es/PageContainer/locale/zh-CN.js +2 -1
  24. package/es/PageContainer/locale/zh-TW.d.ts +1 -0
  25. package/es/PageContainer/locale/zh-TW.js +2 -1
  26. package/es/PageContainer/style/index.js +16 -2
  27. package/es/Password/index.js +1 -1
  28. package/es/Password/locale/ja-JP.js +6 -6
  29. package/es/ProTable/style/index.js +8 -4
  30. package/es/_util/genComponentStyleHook.d.ts +2 -2
  31. package/es/_util/genComponentStyleHook.js +1 -1
  32. package/es/index.d.ts +0 -4
  33. package/es/index.js +0 -2
  34. package/es/locale/en-US.js +0 -4
  35. package/es/locale/ja-JP.js +0 -4
  36. package/es/locale/zh-CN.js +0 -4
  37. package/es/locale/zh-TW.js +0 -4
  38. package/lib/BasicLayout/locale/ja-JP.js +6 -6
  39. package/lib/Boundary/locale/en-US.js +1 -1
  40. package/lib/Boundary/locale/ja-JP.js +4 -4
  41. package/lib/Boundary/locale/zh-CN.js +1 -1
  42. package/lib/Boundary/locale/zh-TW.js +1 -1
  43. package/lib/DateRanger/locale/ja-JP.js +3 -3
  44. package/lib/Dialog/locale/ja-JP.js +2 -2
  45. package/lib/Dialog/locale/zh-CN.js +1 -1
  46. package/lib/Dialog/locale/zh-TW.js +1 -1
  47. package/lib/Login/locale/ja-JP.js +11 -11
  48. package/lib/Login/locale/zh-CN.js +2 -2
  49. package/lib/PageContainer/index.d.ts +2 -0
  50. package/lib/PageContainer/index.js +49 -2
  51. package/lib/PageContainer/locale/en-US.d.ts +1 -0
  52. package/lib/PageContainer/locale/en-US.js +2 -1
  53. package/lib/PageContainer/locale/ja-JP.d.ts +1 -0
  54. package/lib/PageContainer/locale/ja-JP.js +2 -1
  55. package/lib/PageContainer/locale/zh-CN.d.ts +1 -0
  56. package/lib/PageContainer/locale/zh-CN.js +2 -1
  57. package/lib/PageContainer/locale/zh-TW.d.ts +1 -0
  58. package/lib/PageContainer/locale/zh-TW.js +2 -1
  59. package/lib/PageContainer/style/index.js +17 -1
  60. package/lib/Password/index.js +1 -1
  61. package/lib/Password/locale/ja-JP.js +6 -6
  62. package/lib/ProTable/style/index.js +11 -1
  63. package/lib/_util/genComponentStyleHook.d.ts +2 -2
  64. package/lib/_util/genComponentStyleHook.js +1 -1
  65. package/lib/index.d.ts +0 -4
  66. package/lib/index.js +0 -6
  67. package/lib/locale/en-US.js +16 -20
  68. package/lib/locale/ja-JP.js +16 -20
  69. package/lib/locale/zh-CN.js +17 -21
  70. package/lib/locale/zh-TW.js +15 -19
  71. package/package.json +4 -4
  72. package/dist/static/Inter.f6bcdfb6.woff2 +0 -0
  73. package/es/GraphToolbar/index.d.ts +0 -25
  74. package/es/GraphToolbar/index.js +0 -149
  75. package/es/GraphToolbar/locale/en-US.d.ts +0 -9
  76. package/es/GraphToolbar/locale/en-US.js +0 -8
  77. package/es/GraphToolbar/locale/ja-JP.d.ts +0 -9
  78. package/es/GraphToolbar/locale/ja-JP.js +0 -8
  79. package/es/GraphToolbar/locale/zh-CN.d.ts +0 -9
  80. package/es/GraphToolbar/locale/zh-CN.js +0 -8
  81. package/es/GraphToolbar/locale/zh-TW.d.ts +0 -9
  82. package/es/GraphToolbar/locale/zh-TW.js +0 -8
  83. package/es/GraphToolbar/style/index.d.ts +0 -10
  84. package/es/GraphToolbar/style/index.js +0 -60
  85. package/es/TaskGraph/Graph/style/index.d.ts +0 -10
  86. package/es/TaskGraph/Graph/style/index.js +0 -28
  87. package/es/TaskGraph/Graph.d.ts +0 -23
  88. package/es/TaskGraph/Graph.js +0 -287
  89. package/es/TaskGraph/index.d.ts +0 -15
  90. package/es/TaskGraph/index.js +0 -181
  91. package/es/TaskGraph/locale/en-US.d.ts +0 -13
  92. package/es/TaskGraph/locale/en-US.js +0 -12
  93. package/es/TaskGraph/locale/ja-JP.d.ts +0 -13
  94. package/es/TaskGraph/locale/ja-JP.js +0 -12
  95. package/es/TaskGraph/locale/zh-CN.d.ts +0 -13
  96. package/es/TaskGraph/locale/zh-CN.js +0 -12
  97. package/es/TaskGraph/locale/zh-TW.d.ts +0 -13
  98. package/es/TaskGraph/locale/zh-TW.js +0 -12
  99. package/es/TaskGraph/register.d.ts +0 -7
  100. package/es/TaskGraph/register.js +0 -200
  101. package/es/TaskGraph/style/index.d.ts +0 -10
  102. package/es/TaskGraph/style/index.js +0 -102
  103. package/lib/GraphToolbar/index.d.ts +0 -25
  104. package/lib/GraphToolbar/index.js +0 -169
  105. package/lib/GraphToolbar/locale/en-US.d.ts +0 -9
  106. package/lib/GraphToolbar/locale/en-US.js +0 -32
  107. package/lib/GraphToolbar/locale/ja-JP.d.ts +0 -9
  108. package/lib/GraphToolbar/locale/ja-JP.js +0 -32
  109. package/lib/GraphToolbar/locale/zh-CN.d.ts +0 -9
  110. package/lib/GraphToolbar/locale/zh-CN.js +0 -32
  111. package/lib/GraphToolbar/locale/zh-TW.d.ts +0 -9
  112. package/lib/GraphToolbar/locale/zh-TW.js +0 -32
  113. package/lib/GraphToolbar/style/index.d.ts +0 -10
  114. package/lib/GraphToolbar/style/index.js +0 -91
  115. package/lib/TaskGraph/Graph/style/index.d.ts +0 -10
  116. package/lib/TaskGraph/Graph/style/index.js +0 -56
  117. package/lib/TaskGraph/Graph.d.ts +0 -23
  118. package/lib/TaskGraph/Graph.js +0 -275
  119. package/lib/TaskGraph/index.d.ts +0 -15
  120. package/lib/TaskGraph/index.js +0 -171
  121. package/lib/TaskGraph/locale/en-US.d.ts +0 -13
  122. package/lib/TaskGraph/locale/en-US.js +0 -36
  123. package/lib/TaskGraph/locale/ja-JP.d.ts +0 -13
  124. package/lib/TaskGraph/locale/ja-JP.js +0 -36
  125. package/lib/TaskGraph/locale/zh-CN.d.ts +0 -13
  126. package/lib/TaskGraph/locale/zh-CN.js +0 -36
  127. package/lib/TaskGraph/locale/zh-TW.d.ts +0 -13
  128. package/lib/TaskGraph/locale/zh-TW.js +0 -36
  129. package/lib/TaskGraph/register.d.ts +0 -7
  130. package/lib/TaskGraph/register.js +0 -205
  131. package/lib/TaskGraph/style/index.d.ts +0 -10
  132. package/lib/TaskGraph/style/index.js +0 -143
@@ -38,33 +38,29 @@ var import_zh_CN3 = __toESM(require("../BatchOperationBar/locale/zh-CN"));
38
38
  var import_zh_CN4 = __toESM(require("../Dialog/locale/zh-CN"));
39
39
  var import_zh_CN5 = __toESM(require("../DocDialog/locale/zh-CN"));
40
40
  var import_zh_CN6 = __toESM(require("../FullscreenBox/locale/zh-CN"));
41
- var import_zh_CN7 = __toESM(require("../GraphToolbar/locale/zh-CN"));
42
- var import_zh_CN8 = __toESM(require("../Highlight/locale/zh-CN"));
43
- var import_zh_CN9 = __toESM(require("../Login/locale/zh-CN"));
44
- var import_zh_CN10 = __toESM(require("../PageContainer/locale/zh-CN"));
45
- var import_zh_CN11 = __toESM(require("../Password/locale/zh-CN"));
46
- var import_zh_CN12 = __toESM(require("../Ranger/locale/zh-CN"));
47
- var import_zh_CN13 = __toESM(require("../DateRanger/locale/zh-CN"));
48
- var import_zh_CN14 = __toESM(require("../SideTip/locale/zh-CN"));
49
- var import_zh_CN15 = __toESM(require("../TaskGraph/locale/zh-CN"));
50
- var import_zh_CN16 = __toESM(require("../Welcome/locale/zh-CN"));
41
+ var import_zh_CN7 = __toESM(require("../Highlight/locale/zh-CN"));
42
+ var import_zh_CN8 = __toESM(require("../Login/locale/zh-CN"));
43
+ var import_zh_CN9 = __toESM(require("../PageContainer/locale/zh-CN"));
44
+ var import_zh_CN10 = __toESM(require("../Password/locale/zh-CN"));
45
+ var import_zh_CN11 = __toESM(require("../Ranger/locale/zh-CN"));
46
+ var import_zh_CN12 = __toESM(require("../DateRanger/locale/zh-CN"));
47
+ var import_zh_CN13 = __toESM(require("../SideTip/locale/zh-CN"));
48
+ var import_zh_CN14 = __toESM(require("../Welcome/locale/zh-CN"));
51
49
  var zh_CN_default = {
52
50
  ...import_zh_CN.default,
53
51
  // 业务组件
54
52
  BasicLayout: import_zh_CN2.default,
55
- PageContainer: import_zh_CN10.default,
56
- Login: import_zh_CN9.default,
57
- Welcome: import_zh_CN16.default,
58
- GraphToolbar: import_zh_CN7.default,
59
- TaskGraph: import_zh_CN15.default,
60
- Ranger: import_zh_CN12.default,
61
- Password: import_zh_CN11.default,
62
- Boundary: import_zh_CN11.default,
53
+ PageContainer: import_zh_CN9.default,
54
+ Login: import_zh_CN8.default,
55
+ Welcome: import_zh_CN14.default,
56
+ Ranger: import_zh_CN11.default,
57
+ Password: import_zh_CN10.default,
58
+ Boundary: import_zh_CN10.default,
63
59
  Dialog: import_zh_CN4.default,
64
- SideTip: import_zh_CN14.default,
60
+ SideTip: import_zh_CN13.default,
65
61
  DocDialog: import_zh_CN5.default,
66
- Highlight: import_zh_CN8.default,
62
+ Highlight: import_zh_CN7.default,
67
63
  FullscreenBox: import_zh_CN6.default,
68
64
  BatchOperationBar: import_zh_CN3.default,
69
- DateRanger: import_zh_CN13.default
65
+ DateRanger: import_zh_CN12.default
70
66
  };
@@ -37,30 +37,26 @@ var import_zh_TW2 = __toESM(require("../BasicLayout/locale/zh-TW"));
37
37
  var import_zh_TW3 = __toESM(require("../BatchOperationBar/locale/zh-TW"));
38
38
  var import_zh_TW4 = __toESM(require("../Dialog/locale/zh-TW"));
39
39
  var import_zh_TW5 = __toESM(require("../DocDialog/locale/zh-TW"));
40
- var import_zh_TW6 = __toESM(require("../GraphToolbar/locale/zh-TW"));
41
- var import_zh_TW7 = __toESM(require("../Highlight/locale/zh-TW"));
42
- var import_zh_TW8 = __toESM(require("../Login/locale/zh-TW"));
43
- var import_zh_TW9 = __toESM(require("../PageContainer/locale/zh-TW"));
44
- var import_zh_TW10 = __toESM(require("../Password/locale/zh-TW"));
45
- var import_zh_TW11 = __toESM(require("../Ranger/locale/zh-TW"));
46
- var import_zh_TW12 = __toESM(require("../DateRanger/locale/zh-TW"));
47
- var import_zh_TW13 = __toESM(require("../TaskGraph/locale/zh-TW"));
48
- var import_zh_TW14 = __toESM(require("../Welcome/locale/zh-TW"));
40
+ var import_zh_TW6 = __toESM(require("../Highlight/locale/zh-TW"));
41
+ var import_zh_TW7 = __toESM(require("../Login/locale/zh-TW"));
42
+ var import_zh_TW8 = __toESM(require("../PageContainer/locale/zh-TW"));
43
+ var import_zh_TW9 = __toESM(require("../Password/locale/zh-TW"));
44
+ var import_zh_TW10 = __toESM(require("../Ranger/locale/zh-TW"));
45
+ var import_zh_TW11 = __toESM(require("../DateRanger/locale/zh-TW"));
46
+ var import_zh_TW12 = __toESM(require("../Welcome/locale/zh-TW"));
49
47
  var zh_TW_default = {
50
48
  ...import_zh_TW.default,
51
49
  // 业务组件
52
50
  BasicLayout: import_zh_TW2.default,
53
- PageContainer: import_zh_TW9.default,
54
- Login: import_zh_TW8.default,
55
- Welcome: import_zh_TW14.default,
56
- GraphToolbar: import_zh_TW6.default,
57
- TaskGraph: import_zh_TW13.default,
58
- Ranger: import_zh_TW11.default,
59
- Password: import_zh_TW10.default,
60
- Boundary: import_zh_TW10.default,
51
+ PageContainer: import_zh_TW8.default,
52
+ Login: import_zh_TW7.default,
53
+ Welcome: import_zh_TW12.default,
54
+ Ranger: import_zh_TW10.default,
55
+ Password: import_zh_TW9.default,
56
+ Boundary: import_zh_TW9.default,
61
57
  Dialog: import_zh_TW4.default,
62
- Highlight: import_zh_TW7.default,
58
+ Highlight: import_zh_TW6.default,
63
59
  DocDialog: import_zh_TW5.default,
64
60
  BatchOperationBar: import_zh_TW3.default,
65
- DateRanger: import_zh_TW12.default
61
+ DateRanger: import_zh_TW11.default
66
62
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oceanbase/ui",
3
- "version": "1.0.0-alpha.6",
3
+ "version": "1.0.0-alpha.8",
4
4
  "description": "The UI library based on OceanBase Design",
5
5
  "keywords": [
6
6
  "oceanbase",
@@ -37,8 +37,8 @@
37
37
  "dependencies": {
38
38
  "@ant-design/cssinjs": "^1.24.0",
39
39
  "@ant-design/pro-components": "^2.8.10",
40
- "@antv/g6": "3.4.10",
41
- "@oceanbase/design": "^1.0.0-alpha.6",
40
+ "@inline-svg-unique-id/react": "^1.2.3",
41
+ "@oceanbase/design": "^1.0.0-alpha.8",
42
42
  "@oceanbase/icons": "^1.0.0-alpha.0",
43
43
  "@oceanbase/util": "^1.0.0-alpha.2",
44
44
  "ahooks": "^2.10.14",
@@ -67,5 +67,5 @@
67
67
  "react": ">=16.9.0",
68
68
  "react-dom": ">=16.9.0"
69
69
  },
70
- "gitHead": "7ce9c565c23262a8ffaeab5904095ca65806def9"
70
+ "gitHead": "bf92d8043456556eac797dbd6197288c5695504d"
71
71
  }
Binary file
@@ -1,25 +0,0 @@
1
- import type { Graph } from '@antv/g6';
2
- import type { LocaleWrapperProps } from '../locale/LocaleWrapper';
3
- export declare function getCenterPointByGraph(graph: any): {
4
- x: number;
5
- y: number;
6
- };
7
- export interface GraphToolbarLocale {
8
- fullscreen: string;
9
- shrink: string;
10
- enlarge: string;
11
- reset: string;
12
- fitView: string;
13
- refresh: string;
14
- }
15
- export interface GraphToolbarProps extends LocaleWrapperProps {
16
- mode?: 'fixed' | 'embed';
17
- graph?: Graph;
18
- showFullscreen?: boolean;
19
- onFullscreen?: () => void;
20
- onReload?: () => void;
21
- locale?: GraphToolbarLocale;
22
- className?: string;
23
- }
24
- declare const _default: any;
25
- export default _default;
@@ -1,149 +0,0 @@
1
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
2
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
3
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
4
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
5
- function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
6
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
7
- import { FullscreenOutlined, MinusOutlined, PlusOutlined, SyncOutlined } from '@oceanbase/icons';
8
- import { toPercent } from '@oceanbase/util';
9
- import { ConfigProvider, Divider, Space, Tooltip } from '@oceanbase/design';
10
- import { debounce } from 'lodash';
11
- import React, { useContext, useEffect, useState } from 'react';
12
- import LocaleWrapper from "../locale/LocaleWrapper";
13
- import useStyle from "./style";
14
- import zhCN from "./locale/zh-CN";
15
- // @ts-ignore
16
- import fitViewIcon from "../assets/graph_fit_view_icon.svg";
17
- // @ts-ignore
18
- import resetIcon from "../assets/graph_reset_icon.svg";
19
- import { jsx as _jsx } from "react/jsx-runtime";
20
- import { jsxs as _jsxs } from "react/jsx-runtime";
21
- export function getCenterPointByGraph(graph) {
22
- var group = graph === null || graph === void 0 ? void 0 : graph.get('group');
23
- if (group) {
24
- var _group$getCanvasBBox = group.getCanvasBBox(),
25
- minX = _group$getCanvasBBox.minX,
26
- minY = _group$getCanvasBBox.minY,
27
- maxX = _group$getCanvasBBox.maxX,
28
- maxY = _group$getCanvasBBox.maxY;
29
- return {
30
- x: (minX + maxX) / 2,
31
- y: (minY + maxY) / 2
32
- };
33
- }
34
- // 默认返回 undefined,这样传入 G6 时会使用默认的参数值
35
- return undefined;
36
- }
37
- var GraphToolbar = function GraphToolbar(_ref) {
38
- var _ref$mode = _ref.mode,
39
- mode = _ref$mode === void 0 ? 'fixed' : _ref$mode,
40
- graph = _ref.graph,
41
- showFullscreen = _ref.showFullscreen,
42
- onFullscreen = _ref.onFullscreen,
43
- onReload = _ref.onReload,
44
- locale = _ref.locale,
45
- className = _ref.className;
46
- var _useContext = useContext(ConfigProvider.ConfigContext),
47
- getPrefixCls = _useContext.getPrefixCls;
48
- var prefixCls = getPrefixCls('graph-toolbar');
49
- var _useStyle = useStyle(prefixCls),
50
- wrapSSR = _useStyle.wrapSSR;
51
- var _useState = useState(0),
52
- _useState2 = _slicedToArray(_useState, 2),
53
- zoom = _useState2[0],
54
- setZoom = _useState2[1];
55
- useEffect(function () {
56
- var initialZoom = (graph === null || graph === void 0 ? void 0 : graph.getZoom()) > 2 ? 2 : graph === null || graph === void 0 ? void 0 : graph.getZoom();
57
- // 上层调用 fitView() 后缩放可能超过 100%,因此这里再做一次缩放,避免缩放超过 100%
58
- graph === null || graph === void 0 || graph.zoomTo(initialZoom, getCenterPointByGraph(graph));
59
- setZoom(initialZoom);
60
- graph === null || graph === void 0 || graph.on('wheelzoom',
61
- // 使用防抖函数,避免状态改变过于频繁,影响页面交互流畅
62
- // 设置延迟时间为 16ms,为渲染一帧所需时间
63
- debounce(function () {
64
- setZoom(graph === null || graph === void 0 ? void 0 : graph.getZoom());
65
- }, 16));
66
- }, [graph]);
67
- return wrapSSR( /*#__PURE__*/_jsxs(Space, {
68
- size: 16,
69
- className: "".concat(prefixCls, " ", "".concat(prefixCls, "-").concat(mode), " ").concat(className || ''),
70
- children: [showFullscreen && /*#__PURE__*/_jsx(Tooltip, {
71
- title: locale.fullscreen,
72
- children: /*#__PURE__*/_jsx(FullscreenOutlined, {
73
- className: "".concat(prefixCls, "-pointable"),
74
- onClick: function onClick() {
75
- if (onFullscreen) {
76
- onFullscreen();
77
- }
78
- }
79
- })
80
- }), /*#__PURE__*/_jsxs("span", {
81
- className: "".concat(prefixCls, "-zoom-wrapper"),
82
- children: [/*#__PURE__*/_jsx(Tooltip, {
83
- title: locale.shrink,
84
- children: /*#__PURE__*/_jsx(MinusOutlined, {
85
- className: zoom >= 0.3 ? "".concat(prefixCls, "-pointable") : "".concat(prefixCls, "-disabled"),
86
- onClick: function onClick() {
87
- if (zoom >= 0.3) {
88
- var newZoom = zoom - 0.1;
89
- setZoom(newZoom);
90
- graph === null || graph === void 0 || graph.zoomTo(newZoom, getCenterPointByGraph(graph));
91
- }
92
- }
93
- })
94
- }), toPercent(zoom), /*#__PURE__*/_jsx(Tooltip, {
95
- title: locale.enlarge,
96
- children: /*#__PURE__*/_jsx(PlusOutlined, {
97
- className: zoom <= 0.9 ? "".concat(prefixCls, "-pointable") : "".concat(prefixCls, "-disabled"),
98
- onClick: function onClick() {
99
- if (zoom <= 0.9) {
100
- var newZoom = zoom + 0.1;
101
- setZoom(newZoom);
102
- graph === null || graph === void 0 || graph.zoomTo(newZoom, getCenterPointByGraph(graph));
103
- }
104
- }
105
- })
106
- })]
107
- }), /*#__PURE__*/_jsx(Tooltip, {
108
- title: locale.reset,
109
- children: /*#__PURE__*/_jsx("img", {
110
- src: resetIcon,
111
- alt: "",
112
- className: "".concat(prefixCls, "-pointable"),
113
- onClick: function onClick() {
114
- setZoom(1);
115
- graph === null || graph === void 0 || graph.zoomTo(1, getCenterPointByGraph(graph));
116
- }
117
- })
118
- }), /*#__PURE__*/_jsx(Tooltip, {
119
- title: locale.fitView,
120
- children: /*#__PURE__*/_jsx("img", {
121
- src: fitViewIcon,
122
- alt: "",
123
- className: "".concat(prefixCls, "-pointable"),
124
- onClick: function onClick() {
125
- graph === null || graph === void 0 || graph.fitView();
126
- }
127
- })
128
- }), onReload && /*#__PURE__*/_jsx("span", {
129
- children: /*#__PURE__*/_jsx(Divider, {
130
- type: "vertical",
131
- className: "".concat(prefixCls, "-divider")
132
- })
133
- }), onReload && /*#__PURE__*/_jsx(Tooltip, {
134
- title: locale.refresh,
135
- children: /*#__PURE__*/_jsx("span", {
136
- children: /*#__PURE__*/_jsx(SyncOutlined, {
137
- className: "".concat(prefixCls, "-pointable"),
138
- onClick: function onClick() {
139
- onReload();
140
- }
141
- })
142
- })
143
- })]
144
- }));
145
- };
146
- export default LocaleWrapper({
147
- componentName: 'GraphToolbar',
148
- defaultLocale: zhCN
149
- })(GraphToolbar);
@@ -1,9 +0,0 @@
1
- declare const _default: {
2
- fullscreen: string;
3
- shrink: string;
4
- enlarge: string;
5
- reset: string;
6
- fitView: string;
7
- refresh: string;
8
- };
9
- export default _default;
@@ -1,8 +0,0 @@
1
- export default {
2
- fullscreen: 'Fullscreen',
3
- shrink: 'Shrink',
4
- enlarge: 'Enlarge',
5
- reset: 'Reset',
6
- fitView: 'Fit view',
7
- refresh: 'Refresh'
8
- };
@@ -1,9 +0,0 @@
1
- declare const _default: {
2
- fullscreen: string;
3
- shrink: string;
4
- enlarge: string;
5
- reset: string;
6
- fitView: string;
7
- refresh: string;
8
- };
9
- export default _default;
@@ -1,8 +0,0 @@
1
- export default {
2
- fullscreen: 'フルスクリーン',
3
- shrink: '縮小',
4
- enlarge: '拡大',
5
- reset: '元の比率を表示',
6
- fitView: 'キャンバスに合わせる',
7
- refresh: '更新'
8
- };
@@ -1,9 +0,0 @@
1
- declare const _default: {
2
- fullscreen: string;
3
- shrink: string;
4
- enlarge: string;
5
- reset: string;
6
- fitView: string;
7
- refresh: string;
8
- };
9
- export default _default;
@@ -1,8 +0,0 @@
1
- export default {
2
- fullscreen: '进入全屏',
3
- shrink: '缩小',
4
- enlarge: '放大',
5
- reset: '显示原始比例',
6
- fitView: '自适应画布',
7
- refresh: '刷新'
8
- };
@@ -1,9 +0,0 @@
1
- declare const _default: {
2
- fullscreen: string;
3
- shrink: string;
4
- enlarge: string;
5
- reset: string;
6
- fitView: string;
7
- refresh: string;
8
- };
9
- export default _default;
@@ -1,8 +0,0 @@
1
- export default {
2
- fullscreen: '進入全屏',
3
- shrink: '縮小',
4
- enlarge: '放大',
5
- reset: '顯示原始比例',
6
- fitView: '自我調整畫布',
7
- refresh: '刷新'
8
- };
@@ -1,10 +0,0 @@
1
- /// <reference types="react" />
2
- import type { GenerateStyle } from '@oceanbase/design/es/theme';
3
- import type { OBToken } from '../../_util/genComponentStyleHook';
4
- export type GraphToolbarToken = OBToken;
5
- export declare const genGraphToolbarStyle: GenerateStyle<GraphToolbarToken>;
6
- declare const _default: (prefixCls: string) => {
7
- wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
8
- hashId: string;
9
- };
10
- export default _default;
@@ -1,60 +0,0 @@
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 _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; }
3
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
4
- 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); }
5
- import { genComponentStyleHook } from "../../_util/genComponentStyleHook";
6
- export var genGraphToolbarStyle = function genGraphToolbarStyle(token) {
7
- var componentCls = token.componentCls,
8
- iconCls = token.iconCls,
9
- colorTextQuaternary = token.colorTextQuaternary,
10
- colorTextSecondary = token.colorTextSecondary,
11
- borderRadius = token.borderRadius,
12
- boxShadowSecondary = token.boxShadowSecondary;
13
- return _defineProperty(_defineProperty({}, "".concat(componentCls), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
14
- display: 'inline-flex',
15
- alignItems: 'center',
16
- justifyContent: 'space-between'
17
- }, "".concat(componentCls, "-pointable"), {
18
- cursor: 'pointer'
19
- }), "".concat(componentCls, "-disabled"), {
20
- color: colorTextQuaternary,
21
- cursor: 'not-allowed',
22
- pointerEvents: 'none'
23
- }), 'span, img', {
24
- userSelect: 'none'
25
- }), '> span:not(:last-child)', {
26
- marginRight: 16
27
- }), 'img:not(:last-child)', {
28
- marginRight: 16
29
- }), "".concat(componentCls, "-divider"), {
30
- margin: 0
31
- }), "".concat(componentCls, "-zoom-wrapper"), _defineProperty({
32
- display: 'inline-flex',
33
- alignItems: 'center',
34
- justifyContent: 'space-between',
35
- width: 90,
36
- height: 24,
37
- padding: '0 8px',
38
- color: colorTextSecondary,
39
- fontSize: 12,
40
- backgroundColor: '#f5f6fa',
41
- borderRadius: borderRadius
42
- }, "".concat(iconCls), {
43
- fontSize: 12
44
- }))), "".concat(componentCls, "-fixed"), {
45
- position: 'absolute',
46
- top: 24,
47
- right: 24,
48
- height: 40,
49
- padding: '8px 24px',
50
- background: '#fff',
51
- borderRadius: 20,
52
- boxShadow: boxShadowSecondary
53
- });
54
- };
55
- export default (function (prefixCls) {
56
- var useStyle = genComponentStyleHook('GraphToolbar', function (token) {
57
- return [genGraphToolbarStyle(token)];
58
- });
59
- return useStyle(prefixCls);
60
- });
@@ -1,10 +0,0 @@
1
- /// <reference types="react" />
2
- import type { GenerateStyle } from '@oceanbase/design/es/theme';
3
- import type { OBToken } from '../../../_util/genComponentStyleHook';
4
- export type TaskGraphItemToken = OBToken;
5
- export declare const genTaskGraphItemStyle: GenerateStyle<TaskGraphItemToken>;
6
- declare const _default: (prefixCls: string) => {
7
- wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
8
- hashId: string;
9
- };
10
- export default _default;
@@ -1,28 +0,0 @@
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 _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; }
3
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
4
- 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); }
5
- import { genComponentStyleHook } from "../../../_util/genComponentStyleHook";
6
- export var genTaskGraphItemStyle = function genTaskGraphItemStyle(token) {
7
- var componentCls = token.componentCls,
8
- antCls = token.antCls,
9
- colorTextTertiary = token.colorTextTertiary;
10
- return _defineProperty({}, "".concat(componentCls, "-menu"), _defineProperty({
11
- position: 'fixed'
12
- }, "".concat(componentCls, "-task-id-wrapper"), _defineProperty({
13
- padding: '5px 12px'
14
- }, "".concat(antCls, "-typography"), _defineProperty({
15
- display: 'flex',
16
- alignItems: 'center',
17
- justifyContent: 'space-between',
18
- color: colorTextTertiary
19
- }, "".concat(antCls, "-typography-copy"), {
20
- color: colorTextTertiary
21
- }))));
22
- };
23
- export default (function (prefixCls) {
24
- var useStyle = genComponentStyleHook('TaskGraphItem', function (token) {
25
- return [genTaskGraphItemStyle(token)];
26
- });
27
- return useStyle(prefixCls);
28
- });
@@ -1,23 +0,0 @@
1
- import type { GraphData } from '@antv/g6/lib/types';
2
- import type { LocaleWrapperProps } from '../locale/LocaleWrapper';
3
- export interface TaskGraphLocale {
4
- successful: string;
5
- running: string;
6
- failed: string;
7
- pending: string;
8
- taskId: string;
9
- log: string;
10
- parameter: string;
11
- stop: string;
12
- retry: string;
13
- skip: string;
14
- }
15
- export interface TaskGraphProps extends LocaleWrapperProps {
16
- data: GraphData;
17
- onMenuClick: (key: string, subTask: any, onSuccess: () => void) => void;
18
- onLogAdd: (subTask: any) => void;
19
- assetsPath?: string;
20
- locale?: TaskGraphLocale;
21
- }
22
- declare const _default: any;
23
- export default _default;