@oceanbase/ui 0.4.19 → 0.4.21

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 (136) hide show
  1. package/dist/ui.min.css +1 -1
  2. package/dist/ui.min.js +1 -1
  3. package/es/Action/Group.js +121 -15
  4. package/es/Action/style/index.js +8 -4
  5. package/es/BasicLayout/locale/ja-JP.d.ts +13 -0
  6. package/es/BasicLayout/locale/ja-JP.js +12 -0
  7. package/es/BatchOperationBar/locale/ja-JP.d.ts +7 -0
  8. package/es/BatchOperationBar/locale/ja-JP.js +6 -0
  9. package/es/Boundary/locale/ja-JP.d.ts +11 -0
  10. package/es/Boundary/locale/ja-JP.js +10 -0
  11. package/es/DateRanger/Ranger.d.ts +4 -0
  12. package/es/DateRanger/Ranger.js +158 -14
  13. package/es/DateRanger/constant/index.js +1 -1
  14. package/es/DateRanger/index.less +23 -0
  15. package/es/DateRanger/locale/ja-JP.d.ts +56 -0
  16. package/es/DateRanger/locale/ja-JP.js +20 -0
  17. package/es/Dialog/locale/ja-JP.d.ts +5 -0
  18. package/es/Dialog/locale/ja-JP.js +4 -0
  19. package/es/DocDialog/locale/ja-JP.d.ts +2 -0
  20. package/es/DocDialog/locale/ja-JP.js +1 -0
  21. package/es/FullscreenBox/locale/ja-JP.d.ts +2 -0
  22. package/es/FullscreenBox/locale/ja-JP.js +1 -0
  23. package/es/GraphToolbar/locale/ja-JP.d.ts +9 -0
  24. package/es/GraphToolbar/locale/ja-JP.js +8 -0
  25. package/es/Highlight/locale/ja-JP.d.ts +4 -0
  26. package/es/Highlight/locale/ja-JP.js +3 -0
  27. package/es/Login/locale/ja-JP.d.ts +28 -0
  28. package/es/Login/locale/ja-JP.js +27 -0
  29. package/es/PageContainer/locale/ja-JP.d.ts +4 -0
  30. package/es/PageContainer/locale/ja-JP.js +3 -0
  31. package/es/Password/locale/ja-JP.d.ts +13 -0
  32. package/es/Password/locale/ja-JP.js +12 -0
  33. package/es/ProTable/index.js +4 -1
  34. package/es/Ranger/locale/ja-JP.d.ts +28 -0
  35. package/es/Ranger/locale/ja-JP.js +29 -0
  36. package/es/SideTip/locale/ja-JP.d.ts +2 -0
  37. package/es/SideTip/locale/ja-JP.js +1 -0
  38. package/es/TaskGraph/locale/ja-JP.d.ts +13 -0
  39. package/es/TaskGraph/locale/ja-JP.js +12 -0
  40. package/es/Welcome/locale/ja-JP.d.ts +5 -0
  41. package/es/Welcome/locale/ja-JP.js +4 -0
  42. package/es/locale/ja-JP.d.ts +3 -0
  43. package/es/locale/ja-JP.js +42 -0
  44. package/lib/Action/Group.js +122 -46
  45. package/lib/Action/Item.js +14 -9
  46. package/lib/Action/style/index.js +16 -1
  47. package/lib/BackgroundTaskManager/RefreshMan.js +3 -12
  48. package/lib/BackgroundTaskManager/index.js +3 -12
  49. package/lib/BasicLayout/Header.js +120 -62
  50. package/lib/BasicLayout/index.js +166 -143
  51. package/lib/BasicLayout/locale/ja-JP.d.ts +13 -0
  52. package/lib/BasicLayout/locale/ja-JP.js +36 -0
  53. package/lib/BatchOperationBar/index.js +59 -44
  54. package/lib/BatchOperationBar/locale/ja-JP.d.ts +7 -0
  55. package/lib/BatchOperationBar/locale/ja-JP.js +30 -0
  56. package/lib/Boundary/Components/Code.js +11 -5
  57. package/lib/Boundary/Components/Exception.js +33 -23
  58. package/lib/Boundary/Components/Function.js +11 -5
  59. package/lib/Boundary/locale/ja-JP.d.ts +11 -0
  60. package/lib/Boundary/locale/ja-JP.js +34 -0
  61. package/lib/ContentWithIcon/index.js +30 -22
  62. package/lib/ContentWithQuestion/index.js +8 -3
  63. package/lib/DateRanger/PickerPanel.js +235 -217
  64. package/lib/DateRanger/Ranger.d.ts +4 -0
  65. package/lib/DateRanger/Ranger.js +396 -227
  66. package/lib/DateRanger/constant/index.js +1 -1
  67. package/lib/DateRanger/index.less +23 -0
  68. package/lib/DateRanger/locale/ja-JP.d.ts +56 -0
  69. package/lib/DateRanger/locale/ja-JP.js +49 -0
  70. package/lib/Dialog/Anchor.js +8 -5
  71. package/lib/Dialog/EventProxy.js +3 -12
  72. package/lib/Dialog/index.js +132 -108
  73. package/lib/Dialog/locale/ja-JP.d.ts +5 -0
  74. package/lib/Dialog/locale/ja-JP.js +28 -0
  75. package/lib/DocDialog/index.js +3 -2
  76. package/lib/DocDialog/locale/ja-JP.d.ts +2 -0
  77. package/lib/DocDialog/locale/ja-JP.js +25 -0
  78. package/lib/FooterToolbar/index.js +3 -2
  79. package/lib/FullscreenBox/index.js +16 -7
  80. package/lib/FullscreenBox/locale/ja-JP.d.ts +2 -0
  81. package/lib/FullscreenBox/locale/ja-JP.js +25 -0
  82. package/lib/GraphToolbar/index.js +70 -58
  83. package/lib/GraphToolbar/locale/ja-JP.d.ts +9 -0
  84. package/lib/GraphToolbar/locale/ja-JP.js +32 -0
  85. package/lib/Highlight/DiffView/DiffCells.js +17 -10
  86. package/lib/Highlight/DiffView/index.js +35 -31
  87. package/lib/Highlight/HighlightCell.js +13 -10
  88. package/lib/Highlight/JsonView.js +15 -14
  89. package/lib/Highlight/index.js +50 -45
  90. package/lib/Highlight/locale/ja-JP.d.ts +4 -0
  91. package/lib/Highlight/locale/ja-JP.js +27 -0
  92. package/lib/IconFont/index.js +2 -12
  93. package/lib/LightFilter/index.js +3 -2
  94. package/lib/LocaleDropdown/index.js +13 -20
  95. package/lib/Login/ActivateForm.js +53 -60
  96. package/lib/Login/LoginForm.js +118 -109
  97. package/lib/Login/RegisterForm.js +79 -86
  98. package/lib/Login/index.js +92 -64
  99. package/lib/Login/locale/ja-JP.d.ts +28 -0
  100. package/lib/Login/locale/ja-JP.js +51 -0
  101. package/lib/NavMenu/index.js +9 -8
  102. package/lib/PageContainer/ItemRender.js +5 -5
  103. package/lib/PageContainer/index.js +8 -4
  104. package/lib/PageContainer/locale/ja-JP.d.ts +4 -0
  105. package/lib/PageContainer/locale/ja-JP.js +27 -0
  106. package/lib/PageLoading/index.js +6 -16
  107. package/lib/Password/Content.js +38 -42
  108. package/lib/Password/index.js +83 -68
  109. package/lib/Password/locale/ja-JP.d.ts +13 -0
  110. package/lib/Password/locale/ja-JP.js +36 -0
  111. package/lib/ProCard/index.js +4 -3
  112. package/lib/ProTable/index.js +10 -5
  113. package/lib/Ranger/QuickPicker.js +24 -15
  114. package/lib/Ranger/Ranger.js +37 -34
  115. package/lib/Ranger/locale/ja-JP.d.ts +28 -0
  116. package/lib/Ranger/locale/ja-JP.js +53 -0
  117. package/lib/SideTip/Dragger.js +5 -4
  118. package/lib/SideTip/IconLoading.js +25 -25
  119. package/lib/SideTip/index.js +19 -10
  120. package/lib/SideTip/locale/ja-JP.d.ts +2 -0
  121. package/lib/SideTip/locale/ja-JP.js +25 -0
  122. package/lib/TagSelect/Group.js +9 -5
  123. package/lib/TagSelect/Item.js +22 -18
  124. package/lib/TaskGraph/Graph.js +29 -24
  125. package/lib/TaskGraph/index.js +56 -50
  126. package/lib/TaskGraph/locale/ja-JP.d.ts +13 -0
  127. package/lib/TaskGraph/locale/ja-JP.js +36 -0
  128. package/lib/TreeSearch/index.js +30 -35
  129. package/lib/Welcome/index.js +64 -37
  130. package/lib/Welcome/locale/ja-JP.d.ts +5 -0
  131. package/lib/Welcome/locale/ja-JP.js +28 -0
  132. package/lib/Welcome/step.js +11 -4
  133. package/lib/locale/LocaleWrapper.js +15 -14
  134. package/lib/locale/ja-JP.d.ts +3 -0
  135. package/lib/locale/ja-JP.js +71 -0
  136. package/package.json +5 -5
@@ -47,6 +47,7 @@ var import_useNavigate = __toESM(require("../_util/useNavigate"));
47
47
  var import_Header = __toESM(require("./Header"));
48
48
  var import_zh_CN = __toESM(require("./locale/zh-CN"));
49
49
  var import_style = __toESM(require("./style"));
50
+ var import_jsx_runtime = require("react/jsx-runtime");
50
51
  var { Content, Sider } = import_design2.Layout;
51
52
  var { SubMenu, Item } = import_design2.Menu;
52
53
  var BasicLayout = ({
@@ -139,64 +140,70 @@ var BasicLayout = ({
139
140
  (_a = item.children) == null ? void 0 : _a.some(({ accessible: childAccessible = true }) => childAccessible)
140
141
  ) : item.accessible)) {
141
142
  pre.push(
142
- /* @__PURE__ */ import_react.default.createElement(
143
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
143
144
  SubMenu,
144
145
  {
145
146
  "data-testid": "menu.sub",
146
- key: item.link,
147
- title: /* @__PURE__ */ import_react.default.createElement("div", null, renderIcon(item), /* @__PURE__ */ import_react.default.createElement(
148
- import_design.Typography.Text,
149
- {
150
- ellipsis: {
151
- tooltip: {
152
- placement: "right"
153
- }
154
- },
155
- style: {
156
- lineHeight: "40px",
157
- maxWidth: 80
147
+ title: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
148
+ renderIcon(item),
149
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
150
+ import_design.Typography.Text,
151
+ {
152
+ ellipsis: {
153
+ tooltip: {
154
+ placement: "right"
155
+ }
156
+ },
157
+ style: {
158
+ lineHeight: "40px",
159
+ maxWidth: 80
160
+ },
161
+ children: item.title
158
162
  }
159
- },
160
- item.title
161
- ))
163
+ )
164
+ ] }),
165
+ children: renderMenu(item.children)
162
166
  },
163
- renderMenu(item.children)
167
+ item.link
164
168
  )
165
169
  );
166
170
  } else if (!item.children && accessible) {
167
171
  pre.push(
168
- /* @__PURE__ */ import_react.default.createElement(
172
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
169
173
  Item,
170
174
  {
171
175
  "data-testid": "menu.item",
172
- key: item.link,
173
176
  onClick: () => {
174
177
  if (pathname !== item.link) {
175
178
  navigate == null ? void 0 : navigate(item.link);
176
179
  }
177
- }
178
- },
179
- /* @__PURE__ */ import_react.default.createElement("div", null, renderIcon(item), /* @__PURE__ */ import_react.default.createElement(
180
- import_design.Typography.Text,
181
- {
182
- ellipsis: {
183
- tooltip: {
184
- placement: "right"
185
- }
186
- },
187
- style: {
188
- lineHeight: "40px",
189
- maxWidth: 116
190
- }
191
180
  },
192
- item.title
193
- ))
181
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
182
+ renderIcon(item),
183
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
184
+ import_design.Typography.Text,
185
+ {
186
+ ellipsis: {
187
+ tooltip: {
188
+ placement: "right"
189
+ }
190
+ },
191
+ style: {
192
+ lineHeight: "40px",
193
+ maxWidth: 116
194
+ },
195
+ children: item.title
196
+ }
197
+ )
198
+ ] })
199
+ },
200
+ item.link
194
201
  )
195
202
  );
196
203
  }
197
204
  if (item.divider && accessible) {
198
205
  pre.push(
199
- /* @__PURE__ */ import_react.default.createElement(
206
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
200
207
  import_design2.Divider,
201
208
  {
202
209
  style: {
@@ -222,27 +229,27 @@ var BasicLayout = ({
222
229
  (_a = item.children) == null ? void 0 : _a.some(({ accessible: childAccessible = true }) => childAccessible)
223
230
  ) : item.accessible)) {
224
231
  pre.push(
225
- /* @__PURE__ */ import_react.default.createElement(SubMenu, { key: item.link, title: renderIcon(item, isSubSider) }, renderMenu(item.children))
232
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SubMenu, { title: renderIcon(item, isSubSider), children: renderMenu(item.children) }, item.link)
226
233
  );
227
234
  } else if (!item.children && accessible) {
228
235
  pre.push(
229
- /* @__PURE__ */ import_react.default.createElement(
236
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
230
237
  Item,
231
238
  {
232
239
  "data-testid": "menu.item",
233
- key: item.link,
234
240
  onClick: () => {
235
241
  if (pathname !== item.link) {
236
242
  navigate == null ? void 0 : navigate(item.link);
237
243
  }
238
- }
244
+ },
245
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design2.Tooltip, { placement: "right", title: item.title, getPopupContainer: () => document.body, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: renderIcon(item, isSubSider) }) })
239
246
  },
240
- /* @__PURE__ */ import_react.default.createElement(import_design2.Tooltip, { placement: "right", title: item.title, getPopupContainer: () => document.body }, /* @__PURE__ */ import_react.default.createElement("div", null, renderIcon(item, isSubSider)))
247
+ item.link
241
248
  )
242
249
  );
243
250
  }
244
251
  if (item.divider && accessible) {
245
- pre.push(/* @__PURE__ */ import_react.default.createElement(import_design2.Divider, null));
252
+ pre.push(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design2.Divider, {}));
246
253
  }
247
254
  return pre;
248
255
  }, []);
@@ -258,116 +265,132 @@ var BasicLayout = ({
258
265
  siderWidth = 0;
259
266
  }
260
267
  return wrapSSR(
261
- /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, banner && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-banner-wrapper` }, banner), /* @__PURE__ */ import_react.default.createElement(
262
- import_design2.Layout,
263
- {
264
- className: (0, import_classnames.default)(
265
- prefixCls,
266
- {
267
- [`${prefixCls}-with-banner`]: banner,
268
- [`${prefixCls}-sider-${siderWidth}`]: true
269
- },
270
- className
271
- ),
272
- ...restProps
273
- },
274
- /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
275
- import_Header.default,
276
- {
277
- prefixCls,
278
- pathname,
279
- iconUrl,
280
- logoUrl,
281
- simpleLogoUrl,
282
- ...topHeader
283
- }
284
- ), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
268
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
269
+ banner && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-banner-wrapper`, children: banner }),
270
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
285
271
  import_design2.Layout,
286
272
  {
287
- className: `${prefixCls}-content-layout`,
288
- style: {
289
- marginTop: 48
290
- }
291
- },
292
- (subSideMenus || menus) && /* @__PURE__ */ import_react.default.createElement(
293
- Sider,
294
- {
295
- theme: "light",
296
- width: siderWidth,
297
- className: (0, import_classnames.default)(`${prefixCls}-sider`, {
298
- [`${prefixCls}-sider-collapsed`]: collapsed,
299
- [`${prefixCls}-sider-has-sub-sider`]: subSideMenus
300
- })
301
- },
302
- /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-sider-wrapper` }, subSideMenus && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-sub-sider` }, /* @__PURE__ */ import_react.default.createElement(
303
- import_design2.Menu,
304
- {
305
- ...subSideMenuProps,
306
- mode: "vertical",
307
- className: `${prefixCls}-menu-vertical`
308
- },
309
- renderCollapsedMenu(subSideMenus, true)
310
- )), (sideHeader || menus) && /* @__PURE__ */ import_react.default.createElement(
311
- "div",
273
+ className: (0, import_classnames.default)(
274
+ prefixCls,
312
275
  {
313
- style: {
314
- display: "flex",
315
- width: "100%"
316
- }
276
+ [`${prefixCls}-with-banner`]: banner,
277
+ [`${prefixCls}-sider-${siderWidth}`]: true
317
278
  },
318
- /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-sider-content` }, sideHeader && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-sider-header` }, sideHeader), /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-menu-wrapper` }, collapsed ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-menu-collapsed` }, /* @__PURE__ */ import_react.default.createElement(
319
- import_design2.Menu,
279
+ className
280
+ ),
281
+ ...restProps,
282
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.default.Fragment, { children: [
283
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
284
+ import_Header.default,
320
285
  {
321
- ...menuProps,
322
- mode: "vertical",
323
- className: `${prefixCls}-menu-vertical`
324
- },
325
- renderCollapsedMenu(menus, false)
326
- )) : /* @__PURE__ */ import_react.default.createElement(
327
- import_design2.Menu,
286
+ prefixCls,
287
+ pathname,
288
+ iconUrl,
289
+ logoUrl,
290
+ simpleLogoUrl,
291
+ ...topHeader
292
+ }
293
+ ),
294
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
295
+ import_design2.Layout,
328
296
  {
329
- ...menuProps,
330
- mode: "inline",
331
- expandIcon: ({ isOpen }) => {
332
- return /* @__PURE__ */ import_react.default.createElement(
333
- import_icons.CaretRightFilled,
297
+ className: `${prefixCls}-content-layout`,
298
+ style: {
299
+ marginTop: 48
300
+ },
301
+ children: [
302
+ (subSideMenus || menus) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
303
+ Sider,
304
+ {
305
+ theme: "light",
306
+ width: siderWidth,
307
+ className: (0, import_classnames.default)(`${prefixCls}-sider`, {
308
+ [`${prefixCls}-sider-collapsed`]: collapsed,
309
+ [`${prefixCls}-sider-has-sub-sider`]: subSideMenus
310
+ }),
311
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `${prefixCls}-sider-wrapper`, children: [
312
+ subSideMenus && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-sub-sider`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
313
+ import_design2.Menu,
314
+ {
315
+ ...subSideMenuProps,
316
+ mode: "vertical",
317
+ className: `${prefixCls}-menu-vertical`,
318
+ children: renderCollapsedMenu(subSideMenus, true)
319
+ }
320
+ ) }),
321
+ (sideHeader || menus) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
322
+ "div",
323
+ {
324
+ style: {
325
+ display: "flex",
326
+ width: "100%"
327
+ },
328
+ children: [
329
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `${prefixCls}-sider-content`, children: [
330
+ sideHeader && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-sider-header`, children: sideHeader }),
331
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-menu-wrapper`, children: collapsed ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-menu-collapsed`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
332
+ import_design2.Menu,
333
+ {
334
+ ...menuProps,
335
+ mode: "vertical",
336
+ className: `${prefixCls}-menu-vertical`,
337
+ children: renderCollapsedMenu(menus, false)
338
+ }
339
+ ) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
340
+ import_design2.Menu,
341
+ {
342
+ ...menuProps,
343
+ mode: "inline",
344
+ expandIcon: ({ isOpen }) => {
345
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
346
+ import_icons.CaretRightFilled,
347
+ {
348
+ rotate: isOpen ? 90 : 0,
349
+ style: {
350
+ fontSize: 12
351
+ }
352
+ }
353
+ );
354
+ },
355
+ className: `${prefixCls}-menu`,
356
+ children: renderMenu(menus)
357
+ }
358
+ ) })
359
+ ] }),
360
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-sider-border`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
361
+ "div",
362
+ {
363
+ className: `${prefixCls}-sider-collapse`,
364
+ onClick: () => {
365
+ setCollapsed(!collapsed);
366
+ setOpenKeys([]);
367
+ },
368
+ children: collapsed ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.RightOutlined, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.LeftOutlined, {})
369
+ }
370
+ ) })
371
+ ]
372
+ }
373
+ )
374
+ ] })
375
+ }
376
+ ),
377
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
378
+ Content,
334
379
  {
335
- rotate: isOpen ? 90 : 0,
380
+ className: (0, import_classnames.default)(`${prefixCls}-content`, `${prefixCls}-content-${siderWidth}`),
336
381
  style: {
337
- fontSize: 12
338
- }
382
+ marginLeft: siderWidth
383
+ },
384
+ children
339
385
  }
340
- );
341
- },
342
- className: `${prefixCls}-menu`
343
- },
344
- renderMenu(menus)
345
- ))),
346
- /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-sider-border` }, /* @__PURE__ */ import_react.default.createElement(
347
- "div",
348
- {
349
- className: `${prefixCls}-sider-collapse`,
350
- onClick: () => {
351
- setCollapsed(!collapsed);
352
- setOpenKeys([]);
353
- }
354
- },
355
- collapsed ? /* @__PURE__ */ import_react.default.createElement(import_icons.RightOutlined, null) : /* @__PURE__ */ import_react.default.createElement(import_icons.LeftOutlined, null)
356
- ))
357
- ))
358
- ),
359
- /* @__PURE__ */ import_react.default.createElement(
360
- Content,
361
- {
362
- className: (0, import_classnames.default)(`${prefixCls}-content`, `${prefixCls}-content-${siderWidth}`),
363
- style: {
364
- marginLeft: siderWidth
365
- }
366
- },
367
- children
368
- )
369
- )))
370
- ))
386
+ )
387
+ ]
388
+ }
389
+ ) })
390
+ ] })
391
+ }
392
+ )
393
+ ] })
371
394
  );
372
395
  };
373
396
  var BasicLayout_default = (0, import_LocaleWrapper.default)({
@@ -0,0 +1,13 @@
1
+ declare const _default: {
2
+ help: string;
3
+ welcome: string;
4
+ versionNotice: string;
5
+ viewDocs: string;
6
+ downloadDocs: string;
7
+ about: string;
8
+ version: string;
9
+ releaseTime: string;
10
+ company: string;
11
+ right: string;
12
+ };
13
+ export default _default;
@@ -0,0 +1,36 @@
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);
18
+
19
+ // src/BasicLayout/locale/ja-JP.ts
20
+ var ja_JP_exports = {};
21
+ __export(ja_JP_exports, {
22
+ default: () => ja_JP_default
23
+ });
24
+ module.exports = __toCommonJS(ja_JP_exports);
25
+ var ja_JP_default = {
26
+ help: "ヘルプ",
27
+ welcome: "ウェルカムページ",
28
+ versionNotice: "バージョン通知",
29
+ viewDocs: "ユーザーマニュアルを表示",
30
+ downloadDocs: "ユーザーマニュアルをダウンロード",
31
+ about: "について",
32
+ version: "バージョン",
33
+ releaseTime: "リリース日",
34
+ company: "北京奥星贝斯科技有限公司",
35
+ right: "著作権所有"
36
+ };
@@ -36,10 +36,11 @@ var import_icons = require("@oceanbase/icons");
36
36
  var import_design = require("@oceanbase/design");
37
37
  var import_classnames = __toESM(require("classnames"));
38
38
  var import_lodash = require("lodash");
39
- var import_react = __toESM(require("react"));
39
+ var import_react = require("react");
40
40
  var import_LocaleWrapper = __toESM(require("../locale/LocaleWrapper"));
41
41
  var import_index = require("./index.less");
42
42
  var import_zh_CN = __toESM(require("./locale/zh-CN"));
43
+ var import_jsx_runtime = require("react/jsx-runtime");
43
44
  var prefix = "ob-batch-operation-bar";
44
45
  var BatchOperationBar = (props) => {
45
46
  var _a, _b;
@@ -55,9 +56,9 @@ var BatchOperationBar = (props) => {
55
56
  className = "",
56
57
  cancelText = locale == null ? void 0 : locale.cancelText,
57
58
  openText = locale == null ? void 0 : locale.openText,
58
- openIcon = /* @__PURE__ */ import_react.default.createElement(import_icons.DownOutlined, null),
59
+ openIcon = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.DownOutlined, {}),
59
60
  hiddenText = locale == null ? void 0 : locale.hiddenText,
60
- hiddenIcon = /* @__PURE__ */ import_react.default.createElement(import_icons.UpOutlined, null),
61
+ hiddenIcon = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.UpOutlined, {}),
61
62
  showCancelBtn = true,
62
63
  showOpenBtn = true,
63
64
  position = ["bottom", "right"],
@@ -95,7 +96,7 @@ var BatchOperationBar = (props) => {
95
96
  const disPlayBtnRender = () => {
96
97
  if (!showOpenBtn)
97
98
  return null;
98
- return /* @__PURE__ */ import_react.default.createElement(
99
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
99
100
  "div",
100
101
  {
101
102
  className: (0, import_classnames.default)({
@@ -103,18 +104,20 @@ var BatchOperationBar = (props) => {
103
104
  [`${prefix}-close-btn`]: !isOpen,
104
105
  [`${prefix}-display-btn`]: true
105
106
  }),
106
- onClick: () => setIsOpen(!isOpen)
107
- },
108
- /* @__PURE__ */ import_react.default.createElement(
109
- "span",
110
- {
111
- className: (0, import_classnames.default)({
112
- [`${prefix}-display-text`]: true
113
- })
114
- },
115
- isOpen ? hiddenText : openText
116
- ),
117
- isOpen ? hiddenIcon : openIcon
107
+ onClick: () => setIsOpen(!isOpen),
108
+ children: [
109
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
110
+ "span",
111
+ {
112
+ className: (0, import_classnames.default)({
113
+ [`${prefix}-display-text`]: true
114
+ }),
115
+ children: isOpen ? hiddenText : openText
116
+ }
117
+ ),
118
+ isOpen ? hiddenIcon : openIcon
119
+ ]
120
+ }
118
121
  );
119
122
  };
120
123
  (0, import_react.useEffect)(() => {
@@ -123,40 +126,52 @@ var BatchOperationBar = (props) => {
123
126
  else
124
127
  setSelectedData(selectedRows);
125
128
  }, [selectedRows]);
126
- return /* @__PURE__ */ import_react.default.createElement(
129
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
127
130
  "div",
128
131
  {
129
132
  className: (0, import_classnames.default)({
130
133
  [className]: !!className,
131
134
  [prefix]: true
132
135
  }),
133
- style
134
- },
135
- /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}-header` }, /* @__PURE__ */ import_react.default.createElement(import_design.Space, null, !!alertRender ? alertRender == null ? void 0 : alertRender(selectedData) : /* @__PURE__ */ import_react.default.createElement(import_design.Space, null, title && /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefix}-title` }, title), /* @__PURE__ */ import_react.default.createElement("span", null, (_b = (_a = locale == null ? void 0 : locale.alertText) == null ? void 0 : _a.replace) == null ? void 0 : _b.call(_a, /\$\{\}/, (selectedData == null ? void 0 : selectedData.length) || 0))), !!showCancelBtn && /* @__PURE__ */ import_react.default.createElement(
136
- "span",
137
- {
138
- className: (0, import_classnames.default)({
139
- [`${prefix}-cancel`]: true
140
- }),
141
- onClick: () => cleanSelectedRows()
142
- },
143
- cancelText
144
- ), disPlayBtnRender()), !!alertOptionRender && /* @__PURE__ */ import_react.default.createElement("div", null, alertOptionRender == null ? void 0 : alertOptionRender({
145
- selectedRows: selectedData,
146
- setSelectedRows,
147
- cleanSelectedRows
148
- }))),
149
- /* @__PURE__ */ import_react.default.createElement(
150
- "div",
151
- {
152
- className: (0, import_classnames.default)({
153
- [`${prefix}-content`]: true,
154
- [`${prefix}-content-active`]: !!isOpen,
155
- [`${prefix}-content-hidden`]: !isOpen
156
- })
157
- },
158
- typeof content === "function" ? content == null ? void 0 : content({ selectedRows: selectedData, setSelectedRows, cleanSelectedRows }) : content
159
- )
136
+ style,
137
+ children: [
138
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `${prefix}-header`, children: [
139
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_design.Space, { children: [
140
+ !!alertRender ? alertRender == null ? void 0 : alertRender(selectedData) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_design.Space, { children: [
141
+ title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `${prefix}-title`, children: title }),
142
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: (_b = (_a = locale == null ? void 0 : locale.alertText) == null ? void 0 : _a.replace) == null ? void 0 : _b.call(_a, /\$\{\}/, (selectedData == null ? void 0 : selectedData.length) || 0) })
143
+ ] }),
144
+ !!showCancelBtn && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
145
+ "span",
146
+ {
147
+ className: (0, import_classnames.default)({
148
+ [`${prefix}-cancel`]: true
149
+ }),
150
+ onClick: () => cleanSelectedRows(),
151
+ children: cancelText
152
+ }
153
+ ),
154
+ disPlayBtnRender()
155
+ ] }),
156
+ !!alertOptionRender && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: alertOptionRender == null ? void 0 : alertOptionRender({
157
+ selectedRows: selectedData,
158
+ setSelectedRows,
159
+ cleanSelectedRows
160
+ }) })
161
+ ] }),
162
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
163
+ "div",
164
+ {
165
+ className: (0, import_classnames.default)({
166
+ [`${prefix}-content`]: true,
167
+ [`${prefix}-content-active`]: !!isOpen,
168
+ [`${prefix}-content-hidden`]: !isOpen
169
+ }),
170
+ children: typeof content === "function" ? content == null ? void 0 : content({ selectedRows: selectedData, setSelectedRows, cleanSelectedRows }) : content
171
+ }
172
+ )
173
+ ]
174
+ }
160
175
  );
161
176
  };
162
177
  var BatchOperationBar_default = (0, import_LocaleWrapper.default)({
@@ -0,0 +1,7 @@
1
+ declare const _default: {
2
+ cancelText: string;
3
+ openText: string;
4
+ hiddenText: string;
5
+ alertText: string;
6
+ };
7
+ export default _default;
@@ -0,0 +1,30 @@
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);
18
+
19
+ // src/BatchOperationBar/locale/ja-JP.ts
20
+ var ja_JP_exports = {};
21
+ __export(ja_JP_exports, {
22
+ default: () => ja_JP_default
23
+ });
24
+ module.exports = __toCommonJS(ja_JP_exports);
25
+ var ja_JP_default = {
26
+ cancelText: "選択解除",
27
+ openText: "選択済みを展開",
28
+ hiddenText: "選択済みを折りたたむ",
29
+ alertText: "${} 件を選択しました"
30
+ };