@oceanbase/design 1.0.0-alpha.2 → 1.0.0-alpha.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (194) hide show
  1. package/dist/design.min.js +1 -1
  2. package/es/_util/genComponentStyleHook.d.ts +2 -2
  3. package/es/_util/genComponentStyleHook.js +15 -2
  4. package/es/alert/index.d.ts +2 -2
  5. package/es/alert/index.js +13 -4
  6. package/es/alert/style/index.d.ts +1 -1
  7. package/es/alert/style/index.js +152 -58
  8. package/es/app/index.d.ts +8 -0
  9. package/es/app/index.js +36 -1
  10. package/es/app/style/index.d.ts +9 -0
  11. package/es/{_util/genStyle.js → app/style/index.js} +10 -11
  12. package/es/badge/index.js +2 -3
  13. package/es/badge/style/index.d.ts +1 -1
  14. package/es/badge/style/index.js +1 -3
  15. package/es/button/style/index.d.ts +1 -1
  16. package/es/card/index.d.ts +4 -0
  17. package/es/card/index.js +64 -7
  18. package/es/card/style/index.d.ts +1 -1
  19. package/es/card/style/index.js +32 -8
  20. package/es/checkbox/style/index.d.ts +1 -1
  21. package/es/config-provider/context.d.ts +11 -0
  22. package/es/config-provider/context.js +2 -1
  23. package/es/config-provider/index.d.ts +2 -2
  24. package/es/config-provider/index.js +57 -34
  25. package/es/descriptions/style/index.d.ts +1 -1
  26. package/es/drawer/index.js +7 -5
  27. package/es/drawer/style/index.d.ts +1 -1
  28. package/es/drawer/style/index.js +31 -9
  29. package/es/empty/index.js +1 -1
  30. package/es/empty/style/index.d.ts +1 -1
  31. package/es/form/FormItem.d.ts +2 -1
  32. package/es/form/FormItem.js +14 -4
  33. package/es/form/style/index.d.ts +1 -1
  34. package/es/form/style/index.js +13 -2
  35. package/es/index.d.ts +4 -2
  36. package/es/index.js +1 -0
  37. package/es/input-number/index.d.ts +2 -1
  38. package/es/locale/ja-JP.d.ts +3 -0
  39. package/es/locale/ja-JP.js +28 -0
  40. package/es/modal/Modal.js +20 -6
  41. package/es/modal/style/index.d.ts +1 -1
  42. package/es/modal/style/index.js +62 -19
  43. package/es/radio/style/index.d.ts +1 -1
  44. package/es/result/index.d.ts +2 -2
  45. package/es/result/index.js +5 -4
  46. package/es/result/style/index.d.ts +1 -1
  47. package/es/select/style/index.d.ts +1 -1
  48. package/es/slider/style/index.d.ts +1 -1
  49. package/es/space/style/index.d.ts +1 -1
  50. package/es/spin/style/index.d.ts +1 -1
  51. package/es/static-function/index.js +13 -4
  52. package/es/switch/style/index.d.ts +1 -1
  53. package/es/table/style/index.d.ts +1 -1
  54. package/es/table/style/index.js +3 -4
  55. package/es/tabs/style/index.d.ts +1 -1
  56. package/es/tabs/style/index.js +4 -2
  57. package/es/tag/index.d.ts +1 -0
  58. package/es/tag/index.js +3 -2
  59. package/es/tag/style/index.d.ts +2 -4
  60. package/es/tag/style/index.js +20 -31
  61. package/es/theme/dark.d.ts +1 -48
  62. package/es/theme/default.d.ts +4 -2
  63. package/es/theme/default.js +59 -28
  64. package/es/theme/index.d.ts +20 -57
  65. package/es/theme/interface.d.ts +66 -0
  66. package/es/theme/interface.js +4 -1
  67. package/es/theme/style/aliyun.less +40 -40
  68. package/es/theme/style/compact.less +79 -72
  69. package/es/theme/style/dark.less +53 -53
  70. package/es/theme/style/default.less +79 -72
  71. package/es/tooltip/style/index.d.ts +1 -1
  72. package/es/tree-select/style/index.d.ts +1 -1
  73. package/lib/_util/genComponentStyleHook.d.ts +2 -2
  74. package/lib/_util/genComponentStyleHook.js +20 -4
  75. package/lib/alert/index.d.ts +2 -2
  76. package/lib/alert/index.js +18 -9
  77. package/lib/alert/style/index.d.ts +1 -1
  78. package/lib/alert/style/index.js +170 -71
  79. package/lib/app/index.d.ts +8 -0
  80. package/lib/app/index.js +36 -1
  81. package/lib/app/style/index.d.ts +9 -0
  82. package/lib/{_util/getWeakenBorderColor.js → app/style/index.js} +20 -10
  83. package/lib/badge/index.js +23 -20
  84. package/lib/badge/style/index.d.ts +1 -1
  85. package/lib/badge/style/index.js +1 -3
  86. package/lib/button/index.js +2 -1
  87. package/lib/button/style/index.d.ts +1 -1
  88. package/lib/card/index.d.ts +4 -0
  89. package/lib/card/index.js +70 -9
  90. package/lib/card/style/index.d.ts +1 -1
  91. package/lib/card/style/index.js +56 -10
  92. package/lib/checkbox/index.js +2 -1
  93. package/lib/checkbox/style/index.d.ts +1 -1
  94. package/lib/config-provider/DefaultRenderEmpty.js +4 -3
  95. package/lib/config-provider/context.d.ts +11 -0
  96. package/lib/config-provider/index.d.ts +2 -2
  97. package/lib/config-provider/index.js +70 -26
  98. package/lib/descriptions/hooks/useItems.js +5 -4
  99. package/lib/descriptions/index.js +3 -2
  100. package/lib/descriptions/style/index.d.ts +1 -1
  101. package/lib/drawer/index.js +44 -33
  102. package/lib/drawer/style/index.d.ts +1 -1
  103. package/lib/drawer/style/index.js +33 -6
  104. package/lib/dropdown/dropdown-button.js +3 -13
  105. package/lib/dropdown/index.js +2 -2
  106. package/lib/empty/colored.js +413 -327
  107. package/lib/empty/database.js +267 -222
  108. package/lib/empty/default.js +16 -21
  109. package/lib/empty/guide.js +201 -184
  110. package/lib/empty/index.js +23 -18
  111. package/lib/empty/style/index.d.ts +1 -1
  112. package/lib/form/FormItem.d.ts +2 -1
  113. package/lib/form/FormItem.js +18 -6
  114. package/lib/form/index.js +6 -3
  115. package/lib/form/style/index.d.ts +1 -1
  116. package/lib/form/style/index.js +19 -0
  117. package/lib/grid/col.js +2 -1
  118. package/lib/grid/row.js +2 -1
  119. package/lib/index.d.ts +4 -2
  120. package/lib/index.js +3 -0
  121. package/lib/input/Input.js +3 -2
  122. package/lib/input/Password.js +3 -2
  123. package/lib/input/Search.js +3 -2
  124. package/lib/input/TextArea.js +3 -2
  125. package/lib/input-number/index.d.ts +2 -1
  126. package/lib/input-number/index.js +2 -1
  127. package/lib/list/index.js +3 -2
  128. package/lib/locale/ja-JP.d.ts +3 -0
  129. package/lib/locale/ja-JP.js +60 -0
  130. package/lib/lottie/index.js +2 -1
  131. package/lib/modal/Modal.js +33 -9
  132. package/lib/modal/Progress.js +9 -5
  133. package/lib/modal/style/index.d.ts +1 -1
  134. package/lib/modal/style/index.js +76 -17
  135. package/lib/radio/index.js +2 -1
  136. package/lib/radio/style/index.d.ts +1 -1
  137. package/lib/result/403.js +156 -121
  138. package/lib/result/404.js +328 -267
  139. package/lib/result/500.js +295 -257
  140. package/lib/result/Error.js +127 -99
  141. package/lib/result/Processing.js +246 -213
  142. package/lib/result/Success.js +233 -169
  143. package/lib/result/Warning.js +611 -515
  144. package/lib/result/index.d.ts +2 -2
  145. package/lib/result/index.js +12 -11
  146. package/lib/result/style/index.d.ts +1 -1
  147. package/lib/segmented/index.js +8 -4
  148. package/lib/select/index.js +2 -1
  149. package/lib/select/style/index.d.ts +1 -1
  150. package/lib/slider/index.js +2 -1
  151. package/lib/slider/style/index.d.ts +1 -1
  152. package/lib/space/index.js +2 -1
  153. package/lib/space/style/index.d.ts +1 -1
  154. package/lib/spin/index.js +5 -4
  155. package/lib/spin/style/index.d.ts +1 -1
  156. package/lib/static-function/index.js +7 -1
  157. package/lib/switch/index.js +2 -1
  158. package/lib/switch/style/index.d.ts +1 -1
  159. package/lib/table/index.js +44 -31
  160. package/lib/table/style/index.d.ts +1 -1
  161. package/lib/table/style/index.js +3 -4
  162. package/lib/tabs/index.js +10 -5
  163. package/lib/tabs/style/index.d.ts +1 -1
  164. package/lib/tabs/style/index.js +5 -0
  165. package/lib/tag/index.d.ts +1 -0
  166. package/lib/tag/index.js +12 -6
  167. package/lib/tag/style/index.d.ts +2 -4
  168. package/lib/tag/style/index.js +20 -27
  169. package/lib/theme/dark.d.ts +1 -48
  170. package/lib/theme/default.d.ts +4 -2
  171. package/lib/theme/default.js +67 -27
  172. package/lib/theme/index.d.ts +20 -57
  173. package/lib/theme/interface.d.ts +66 -0
  174. package/lib/theme/style/aliyun.less +40 -40
  175. package/lib/theme/style/compact.less +79 -72
  176. package/lib/theme/style/dark.less +53 -53
  177. package/lib/theme/style/default.less +79 -72
  178. package/lib/tooltip/MouseTooltip.js +43 -39
  179. package/lib/tooltip/ReactStickyMouseTooltip.js +5 -4
  180. package/lib/tooltip/index.js +14 -10
  181. package/lib/tooltip/style/index.d.ts +1 -1
  182. package/lib/tree-select/index.js +2 -1
  183. package/lib/tree-select/style/index.d.ts +1 -1
  184. package/lib/typography/Link.js +5 -4
  185. package/lib/typography/Paragraph.js +5 -4
  186. package/lib/typography/Text.js +5 -4
  187. package/lib/typography/Title.js +5 -4
  188. package/package.json +7 -6
  189. package/es/_util/genStyle.d.ts +0 -2
  190. package/es/_util/getWeakenBorderColor.d.ts +0 -1
  191. package/es/_util/getWeakenBorderColor.js +0 -4
  192. package/lib/_util/genStyle.d.ts +0 -2
  193. package/lib/_util/genStyle.js +0 -43
  194. package/lib/_util/getWeakenBorderColor.d.ts +0 -1
package/lib/result/Processing.js CHANGED
@@ -32,225 +32,258 @@ __export(Processing_exports, {
32
32
  default: () => Processing_default
33
33
  });
34
34
  module.exports = __toCommonJS(Processing_exports);
35
- var import_react = __toESM(require("react"));
36
35
  var import_icons = __toESM(require("@oceanbase/icons"));
37
- var ProcessingSvg = () => /* @__PURE__ */ import_react.default.createElement(
36
+ var import_jsx_runtime = require("react/jsx-runtime");
37
+ var ProcessingSvg = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
38
38
  "svg",
39
39
  {
40
40
  width: "160px",
41
41
  height: "160px",
42
42
  viewBox: "0 0 160 160",
43
43
  version: "1.1",
44
- xmlns: "http://www.w3.org/2000/svg"
45
- },
46
- /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement(
47
- "path",
48
- {
49
- d: "M33.1125,0.0125 L100.6125,0.0125 C118.8875,0.0125 133.725,14.85 133.725,33.125 L133.725,118.1 L33.1125,118.1 C14.8375,118.1 4.4408921e-15,103.2625 4.4408921e-15,84.9875 L4.4408921e-15,33.1125 C4.4408921e-15,14.8375 14.8375,0 33.1125,0 L33.1125,0.0125 Z",
50
- id: "oceanbase-design-result-processing-path-1"
51
- }
52
- )),
53
- /* @__PURE__ */ import_react.default.createElement("g", { stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(6, 14)" }, /* @__PURE__ */ import_react.default.createElement(
54
- "path",
55
- {
56
- d: "M48.025,13.7625 L115.525,13.7625 C133.8,13.7625 148.6375,28.6 148.6375,46.875 L148.6375,131.85 L48.025,131.85 C29.75,131.85 14.9125,117.0125 14.9125,98.7375 L14.9125,46.8625 C14.9125,28.5875 29.75,13.75 48.025,13.75 L48.025,13.7625 Z",
57
- fill: "#0181FD",
58
- fillRule: "nonzero"
59
- }
60
- ), /* @__PURE__ */ import_react.default.createElement("g", { fillRule: "nonzero" }, /* @__PURE__ */ import_react.default.createElement("circle", { fill: "#07C846", cx: "24.7375", cy: "24.7375", r: "24.7375" }), /* @__PURE__ */ import_react.default.createElement(
61
- "g",
62
- {
63
- transform: "translate(8.8625, 8.8625)",
64
- fill: "#FFFFFF",
65
- stroke: "#FFFFFF",
66
- strokeWidth: "1.2375"
67
- },
68
- /* @__PURE__ */ import_react.default.createElement("rect", { x: "14.9375", y: "0", width: "1.8875", height: "9.6125", rx: "0.9375" }),
69
- /* @__PURE__ */ import_react.default.createElement(
70
- "rect",
71
- {
72
- opacity: "0.9",
73
- transform: "translate(8.059, 8.0512) rotate(-45) translate(-8.059, -8.0512)",
74
- x: "7.11523273",
75
- y: "3.24497799",
76
- width: "1.8875",
77
- height: "9.6125",
78
- rx: "0.9375"
79
- }
80
- ),
81
- /* @__PURE__ */ import_react.default.createElement(
82
- "rect",
83
- {
84
- opacity: "0.8",
85
- transform: "translate(4.8063, 15.8813) rotate(-90) translate(-4.8063, -15.8813)",
86
- x: "3.8625",
87
- y: "11.075",
88
- width: "1.8875",
89
- height: "9.6125",
90
- rx: "0.9375"
91
- }
92
- ),
93
- /* @__PURE__ */ import_react.default.createElement(
94
- "rect",
95
- {
96
- opacity: "0.7",
97
- transform: "translate(8.0424, 23.6998) rotate(-135) translate(-8.0424, -23.6998)",
98
- x: "7.09869911",
99
- y: "18.8935461",
100
- width: "1.8875",
101
- height: "9.6125",
102
- rx: "0.9375"
103
- }
104
- ),
105
- /* @__PURE__ */ import_react.default.createElement(
106
- "rect",
107
- {
108
- opacity: "0.6",
109
- transform: "translate(15.8688, 26.9437) rotate(180) translate(-15.8688, -26.9437)",
110
- x: "14.925",
111
- y: "22.1375",
112
- width: "1.8875",
113
- height: "9.6125",
114
- rx: "0.9375"
115
- }
116
- ),
117
- /* @__PURE__ */ import_react.default.createElement(
118
- "rect",
119
- {
120
- opacity: "0.5",
121
- transform: "translate(23.7086, 23.6988) rotate(135) translate(-23.7086, -23.6988)",
122
- x: "22.764825",
123
- y: "18.892522",
124
- width: "1.8875",
125
- height: "9.6125",
126
- rx: "0.9375"
127
- }
128
- ),
129
- /* @__PURE__ */ import_react.default.createElement(
130
- "rect",
131
- {
132
- opacity: "0.3",
133
- transform: "translate(26.9438, 15.8813) rotate(90) translate(-26.9438, -15.8813)",
134
- x: "26",
135
- y: "11.075",
136
- width: "1.8875",
137
- height: "9.6125",
138
- rx: "0.9375"
139
- }
140
- ),
141
- /* @__PURE__ */ import_react.default.createElement(
142
- "rect",
143
- {
144
- opacity: "0.2",
145
- transform: "translate(23.7025, 8.0502) rotate(45) translate(-23.7025, -8.0502)",
146
- x: "22.7587431",
147
- y: "3.24395385",
148
- width: "1.8875",
149
- height: "9.6125",
150
- rx: "0.9375"
151
- }
152
- )
153
- )), /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(18.7375, 73.625)", fillRule: "nonzero" }, /* @__PURE__ */ import_react.default.createElement(
154
- "polygon",
155
- {
156
- fill: "#FFA005",
157
- points: "35.3875 58.2125 8.425 58.2125 4.2 10.65 39.625 10.65"
158
- }
159
- ), /* @__PURE__ */ import_react.default.createElement("circle", { fill: "#FFB337", cx: "21.9125", cy: "21.8125", r: "7.2375" }), /* @__PURE__ */ import_react.default.createElement("rect", { fill: "#CCCCCC", x: "0", y: "5.925", width: "43.825", height: "4.725" }), /* @__PURE__ */ import_react.default.createElement("polygon", { fill: "#E6E6E6", points: "40.0125 5.925 3.8125 5.925 7.7125 0 36.1125 0" }), /* @__PURE__ */ import_react.default.createElement(
160
- "polygon",
161
- {
162
- fill: "#E6E6E6",
163
- points: "4.225 32.1125 5.9875 51.8875 37.8375 51.8875 39.5875 32.1125"
164
- }
165
- )), /* @__PURE__ */ import_react.default.createElement("g", { id: "Clipped", transform: "translate(14.9125, 13.75)" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "oceanbase-design-result-processing-mask-2", fill: "white" }, /* @__PURE__ */ import_react.default.createElement("use", { href: "#oceanbase-design-result-processing-path-1" })), /* @__PURE__ */ import_react.default.createElement("g", null), /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#oceanbase-design-result-processing-mask-2)" }, /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(31.5625, 35.9375)" }, /* @__PURE__ */ import_react.default.createElement(
166
- "rect",
167
- {
168
- fill: "#132039",
169
- fillRule: "nonzero",
170
- x: "10.2875",
171
- y: "0",
172
- width: "133.8375",
173
- height: "79",
174
- rx: "4.7625"
175
- }
176
- ), /* @__PURE__ */ import_react.default.createElement(
177
- "rect",
178
- {
179
- fill: "#0181FD",
180
- fillRule: "nonzero",
181
- transform: "translate(77.2062, 39.5063) rotate(90) translate(-77.2062, -39.5063)",
182
- x: "42.1875",
183
- y: "-22.7375",
184
- width: "70.0375",
185
- height: "124.4875",
186
- rx: "0.6375"
187
- }
188
- ), /* @__PURE__ */ import_react.default.createElement(
189
- "g",
190
- {
191
- strokeWidth: "1",
192
- fill: "none",
193
- fillRule: "evenodd",
194
- transform: "translate(22.5, 31.7625)"
195
- },
196
- /* @__PURE__ */ import_react.default.createElement(
197
- "rect",
198
- {
199
- fill: "#FFFFFF",
200
- fillRule: "nonzero",
201
- x: "0",
202
- y: "0",
203
- width: "108.0375",
204
- height: "15.6",
205
- rx: "2.6875"
206
- }
207
- ),
208
- /* @__PURE__ */ import_react.default.createElement(
209
- "path",
210
- {
211
- d: "M24.2125,-20.2 L35.925,-20.2 L35.925,34.4375 C35.925,35.1875 35.325,35.7875 34.575,35.7875 L25.5625,35.7875 C24.8125,35.7875 24.2125,35.1875 24.2125,34.4375 L24.2125,-20.2 L24.2125,-20.2 L24.2125,-20.2 Z",
212
- fill: "#07C846",
213
- fillRule: "nonzero",
214
- transform: "translate(30.0687, 7.7938) rotate(90) translate(-30.0687, -7.7938)"
215
- }
216
- )
217
- ), /* @__PURE__ */ import_react.default.createElement(
218
- "path",
219
- {
220
- d: "M0.0125,74.5 L147.4375,74.5 L147.4375,75.0625 C147.4375,78.975 144.2625,82.1625 140.3375,82.1625 L7.1,82.1625 C3.1875,82.1625 0,78.9875 0,75.0625 L0,74.5 L0,74.5 L0.0125,74.5 Z",
221
- fill: "#132039",
222
- fillRule: "nonzero"
223
- }
224
- ), /* @__PURE__ */ import_react.default.createElement(
225
- "path",
226
- {
227
- d: "M63.9875,74.5 L95.1375,74.5 L95.1375,74.8 C95.1375,76.2875 93.9375,77.4875 92.45,77.4875 L66.6875,77.4875 C65.2,77.4875 64,76.2875 64,74.8 L64,74.5 L64,74.5 L63.9875,74.5 Z",
228
- fill: "#424D61",
229
- fillRule: "nonzero"
230
- }
231
- ), /* @__PURE__ */ import_react.default.createElement(
232
- "g",
233
- {
234
- strokeWidth: "1",
235
- fill: "none",
236
- fillRule: "evenodd",
237
- transform: "translate(21.925, 10.425)",
238
- opacity: "0.2"
239
- },
240
- /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(0, 6.5125)", fill: "#FFFFFF", fillRule: "nonzero" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "104.45", height: "3.15", rx: "0.7875" })),
241
- /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(0, 42.2375)", fill: "#FFFFFF", fillRule: "nonzero" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "37.2125", height: "3.15", rx: "0.7875" })),
242
- /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(40.4125, 42.2375)", fill: "#FFFFFF", fillRule: "nonzero" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "14.2375", height: "3.15", rx: "0.7875" })),
243
- /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(57.8625, 42.2375)", fill: "#FFFFFF", fillRule: "nonzero" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "46.575", height: "3.15", rx: "0.7875" })),
244
- /* @__PURE__ */ import_react.default.createElement("g", { fill: "#FFFFFF", fillRule: "nonzero" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "30.1125", height: "3.15", rx: "0.7875" })),
245
- /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(32.65, 0)", fill: "#FFFFFF", fillRule: "nonzero" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "21.4375", height: "3.15", rx: "0.7875" })),
246
- /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(56.6375, 0)", fill: "#FFFFFF", fillRule: "nonzero" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "47.8", height: "3.15", rx: "0.7875" })),
247
- /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(0, 13)", fill: "#FFFFFF", fillRule: "nonzero" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "37.2125", height: "3.15", rx: "0.7875" })),
248
- /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(0, 48.725)", fill: "#FFFFFF", fillRule: "nonzero" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "18.6125", height: "3.15", rx: "0.7875" })),
249
- /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(21.15, 48.725)", fill: "#FFFFFF", fillRule: "nonzero" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "27.55", height: "3.15", rx: "0.7875" })),
250
- /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(51.2375, 48.725)", fill: "#FFFFFF", fillRule: "nonzero" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "33.9125", height: "3.15", rx: "0.7875" })),
251
- /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(0, 56.125)", fill: "#FFFFFF", fillRule: "nonzero" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "37.2125", height: "3.15", rx: "0.7875" })),
252
- /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(40.6125, 13)", fill: "#FFFFFF", fillRule: "nonzero" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "28.0875", height: "3.15", rx: "0.7875" }))
253
- ))))))
44
+ xmlns: "http://www.w3.org/2000/svg",
45
+ children: [
46
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
47
+ "path",
48
+ {
49
+ d: "M33.1125,0.0125 L100.6125,0.0125 C118.8875,0.0125 133.725,14.85 133.725,33.125 L133.725,118.1 L33.1125,118.1 C14.8375,118.1 4.4408921e-15,103.2625 4.4408921e-15,84.9875 L4.4408921e-15,33.1125 C4.4408921e-15,14.8375 14.8375,0 33.1125,0 L33.1125,0.0125 Z",
50
+ id: "oceanbase-design-result-processing-path-1"
51
+ }
52
+ ) }),
53
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { transform: "translate(6, 14)", children: [
54
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
55
+ "path",
56
+ {
57
+ d: "M48.025,13.7625 L115.525,13.7625 C133.8,13.7625 148.6375,28.6 148.6375,46.875 L148.6375,131.85 L48.025,131.85 C29.75,131.85 14.9125,117.0125 14.9125,98.7375 L14.9125,46.8625 C14.9125,28.5875 29.75,13.75 48.025,13.75 L48.025,13.7625 Z",
58
+ fill: "#0181FD",
59
+ fillRule: "nonzero"
60
+ }
61
+ ),
62
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { fillRule: "nonzero", children: [
63
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { fill: "#07C846", cx: "24.7375", cy: "24.7375", r: "24.7375" }),
64
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
65
+ "g",
66
+ {
67
+ transform: "translate(8.8625, 8.8625)",
68
+ fill: "#FFFFFF",
69
+ stroke: "#FFFFFF",
70
+ strokeWidth: "1.2375",
71
+ children: [
72
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "14.9375", y: "0", width: "1.8875", height: "9.6125", rx: "0.9375" }),
73
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
74
+ "rect",
75
+ {
76
+ opacity: "0.9",
77
+ transform: "translate(8.059, 8.0512) rotate(-45) translate(-8.059, -8.0512)",
78
+ x: "7.11523273",
79
+ y: "3.24497799",
80
+ width: "1.8875",
81
+ height: "9.6125",
82
+ rx: "0.9375"
83
+ }
84
+ ),
85
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
86
+ "rect",
87
+ {
88
+ opacity: "0.8",
89
+ transform: "translate(4.8063, 15.8813) rotate(-90) translate(-4.8063, -15.8813)",
90
+ x: "3.8625",
91
+ y: "11.075",
92
+ width: "1.8875",
93
+ height: "9.6125",
94
+ rx: "0.9375"
95
+ }
96
+ ),
97
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
98
+ "rect",
99
+ {
100
+ opacity: "0.7",
101
+ transform: "translate(8.0424, 23.6998) rotate(-135) translate(-8.0424, -23.6998)",
102
+ x: "7.09869911",
103
+ y: "18.8935461",
104
+ width: "1.8875",
105
+ height: "9.6125",
106
+ rx: "0.9375"
107
+ }
108
+ ),
109
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
110
+ "rect",
111
+ {
112
+ opacity: "0.6",
113
+ transform: "translate(15.8688, 26.9437) rotate(180) translate(-15.8688, -26.9437)",
114
+ x: "14.925",
115
+ y: "22.1375",
116
+ width: "1.8875",
117
+ height: "9.6125",
118
+ rx: "0.9375"
119
+ }
120
+ ),
121
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
122
+ "rect",
123
+ {
124
+ opacity: "0.5",
125
+ transform: "translate(23.7086, 23.6988) rotate(135) translate(-23.7086, -23.6988)",
126
+ x: "22.764825",
127
+ y: "18.892522",
128
+ width: "1.8875",
129
+ height: "9.6125",
130
+ rx: "0.9375"
131
+ }
132
+ ),
133
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
134
+ "rect",
135
+ {
136
+ opacity: "0.3",
137
+ transform: "translate(26.9438, 15.8813) rotate(90) translate(-26.9438, -15.8813)",
138
+ x: "26",
139
+ y: "11.075",
140
+ width: "1.8875",
141
+ height: "9.6125",
142
+ rx: "0.9375"
143
+ }
144
+ ),
145
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
146
+ "rect",
147
+ {
148
+ opacity: "0.2",
149
+ transform: "translate(23.7025, 8.0502) rotate(45) translate(-23.7025, -8.0502)",
150
+ x: "22.7587431",
151
+ y: "3.24395385",
152
+ width: "1.8875",
153
+ height: "9.6125",
154
+ rx: "0.9375"
155
+ }
156
+ )
157
+ ]
158
+ }
159
+ )
160
+ ] }),
161
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { transform: "translate(18.7375, 73.625)", fillRule: "nonzero", children: [
162
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
163
+ "polygon",
164
+ {
165
+ fill: "#FFA005",
166
+ points: "35.3875 58.2125 8.425 58.2125 4.2 10.65 39.625 10.65"
167
+ }
168
+ ),
169
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { fill: "#FFB337", cx: "21.9125", cy: "21.8125", r: "7.2375" }),
170
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { fill: "#CCCCCC", x: "0", y: "5.925", width: "43.825", height: "4.725" }),
171
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polygon", { fill: "#E6E6E6", points: "40.0125 5.925 3.8125 5.925 7.7125 0 36.1125 0" }),
172
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
173
+ "polygon",
174
+ {
175
+ fill: "#E6E6E6",
176
+ points: "4.225 32.1125 5.9875 51.8875 37.8375 51.8875 39.5875 32.1125"
177
+ }
178
+ )
179
+ ] }),
180
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { id: "Clipped", transform: "translate(14.9125, 13.75)", children: [
181
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("mask", { id: "oceanbase-design-result-processing-mask-2", fill: "white", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("use", { href: "#oceanbase-design-result-processing-path-1" }) }),
182
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", {}),
183
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { mask: "url(#oceanbase-design-result-processing-mask-2)", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { transform: "translate(31.5625, 35.9375)", children: [
184
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
185
+ "rect",
186
+ {
187
+ fill: "#132039",
188
+ fillRule: "nonzero",
189
+ x: "10.2875",
190
+ y: "0",
191
+ width: "133.8375",
192
+ height: "79",
193
+ rx: "4.7625"
194
+ }
195
+ ),
196
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
197
+ "rect",
198
+ {
199
+ fill: "#0181FD",
200
+ fillRule: "nonzero",
201
+ transform: "translate(77.2062, 39.5063) rotate(90) translate(-77.2062, -39.5063)",
202
+ x: "42.1875",
203
+ y: "-22.7375",
204
+ width: "70.0375",
205
+ height: "124.4875",
206
+ rx: "0.6375"
207
+ }
208
+ ),
209
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
210
+ "g",
211
+ {
212
+ strokeWidth: "1",
213
+ fill: "none",
214
+ fillRule: "evenodd",
215
+ transform: "translate(22.5, 31.7625)",
216
+ children: [
217
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
218
+ "rect",
219
+ {
220
+ fill: "#FFFFFF",
221
+ fillRule: "nonzero",
222
+ x: "0",
223
+ y: "0",
224
+ width: "108.0375",
225
+ height: "15.6",
226
+ rx: "2.6875"
227
+ }
228
+ ),
229
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
230
+ "path",
231
+ {
232
+ d: "M24.2125,-20.2 L35.925,-20.2 L35.925,34.4375 C35.925,35.1875 35.325,35.7875 34.575,35.7875 L25.5625,35.7875 C24.8125,35.7875 24.2125,35.1875 24.2125,34.4375 L24.2125,-20.2 L24.2125,-20.2 L24.2125,-20.2 Z",
233
+ fill: "#07C846",
234
+ fillRule: "nonzero",
235
+ transform: "translate(30.0687, 7.7938) rotate(90) translate(-30.0687, -7.7938)"
236
+ }
237
+ )
238
+ ]
239
+ }
240
+ ),
241
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
242
+ "path",
243
+ {
244
+ d: "M0.0125,74.5 L147.4375,74.5 L147.4375,75.0625 C147.4375,78.975 144.2625,82.1625 140.3375,82.1625 L7.1,82.1625 C3.1875,82.1625 0,78.9875 0,75.0625 L0,74.5 L0,74.5 L0.0125,74.5 Z",
245
+ fill: "#132039",
246
+ fillRule: "nonzero"
247
+ }
248
+ ),
249
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
250
+ "path",
251
+ {
252
+ d: "M63.9875,74.5 L95.1375,74.5 L95.1375,74.8 C95.1375,76.2875 93.9375,77.4875 92.45,77.4875 L66.6875,77.4875 C65.2,77.4875 64,76.2875 64,74.8 L64,74.5 L64,74.5 L63.9875,74.5 Z",
253
+ fill: "#424D61",
254
+ fillRule: "nonzero"
255
+ }
256
+ ),
257
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
258
+ "g",
259
+ {
260
+ strokeWidth: "1",
261
+ fill: "none",
262
+ fillRule: "evenodd",
263
+ transform: "translate(21.925, 10.425)",
264
+ opacity: "0.2",
265
+ children: [
266
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { transform: "translate(0, 6.5125)", fill: "#FFFFFF", fillRule: "nonzero", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "0", y: "0", width: "104.45", height: "3.15", rx: "0.7875" }) }),
267
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { transform: "translate(0, 42.2375)", fill: "#FFFFFF", fillRule: "nonzero", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "0", y: "0", width: "37.2125", height: "3.15", rx: "0.7875" }) }),
268
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { transform: "translate(40.4125, 42.2375)", fill: "#FFFFFF", fillRule: "nonzero", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "0", y: "0", width: "14.2375", height: "3.15", rx: "0.7875" }) }),
269
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { transform: "translate(57.8625, 42.2375)", fill: "#FFFFFF", fillRule: "nonzero", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "0", y: "0", width: "46.575", height: "3.15", rx: "0.7875" }) }),
270
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { fill: "#FFFFFF", fillRule: "nonzero", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "0", y: "0", width: "30.1125", height: "3.15", rx: "0.7875" }) }),
271
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { transform: "translate(32.65, 0)", fill: "#FFFFFF", fillRule: "nonzero", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "0", y: "0", width: "21.4375", height: "3.15", rx: "0.7875" }) }),
272
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { transform: "translate(56.6375, 0)", fill: "#FFFFFF", fillRule: "nonzero", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "0", y: "0", width: "47.8", height: "3.15", rx: "0.7875" }) }),
273
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { transform: "translate(0, 13)", fill: "#FFFFFF", fillRule: "nonzero", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "0", y: "0", width: "37.2125", height: "3.15", rx: "0.7875" }) }),
274
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { transform: "translate(0, 48.725)", fill: "#FFFFFF", fillRule: "nonzero", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "0", y: "0", width: "18.6125", height: "3.15", rx: "0.7875" }) }),
275
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { transform: "translate(21.15, 48.725)", fill: "#FFFFFF", fillRule: "nonzero", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "0", y: "0", width: "27.55", height: "3.15", rx: "0.7875" }) }),
276
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { transform: "translate(51.2375, 48.725)", fill: "#FFFFFF", fillRule: "nonzero", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "0", y: "0", width: "33.9125", height: "3.15", rx: "0.7875" }) }),
277
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { transform: "translate(0, 56.125)", fill: "#FFFFFF", fillRule: "nonzero", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "0", y: "0", width: "37.2125", height: "3.15", rx: "0.7875" }) }),
278
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { transform: "translate(40.6125, 13)", fill: "#FFFFFF", fillRule: "nonzero", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "0", y: "0", width: "28.0875", height: "3.15", rx: "0.7875" }) })
279
+ ]
280
+ }
281
+ )
282
+ ] }) })
283
+ ] })
284
+ ] }) })
285
+ ]
286
+ }
254
287
  );
255
- var Processing = (props) => /* @__PURE__ */ import_react.default.createElement(import_icons.default, { component: ProcessingSvg, ...props });
288
+ var Processing = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.default, { component: ProcessingSvg, ...props });
256
289
  var Processing_default = Processing;