@oceanbase/design 1.0.0-alpha.10 → 1.0.0-alpha.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (313) hide show
  1. package/dist/design.min.js +1 -1
  2. package/es/_util/index.js +1 -0
  3. package/es/_util/styleChecker.js +1 -0
  4. package/es/affix/index.js +1 -0
  5. package/es/alert/index.d.ts +1 -1
  6. package/es/alert/index.js +5 -2
  7. package/es/alert/style/index.js +17 -8
  8. package/es/anchor/index.js +1 -0
  9. package/es/app/index.js +1 -0
  10. package/es/auto-complete/index.js +1 -0
  11. package/es/avatar/index.js +1 -0
  12. package/es/badge/index.d.ts +2 -0
  13. package/es/badge/index.js +26 -10
  14. package/es/badge/style/index.js +3 -1
  15. package/es/breadcrumb/Breadcrumb.js +1 -0
  16. package/es/breadcrumb/index.js +1 -0
  17. package/es/button/index.js +1 -0
  18. package/es/calendar/index.js +1 -0
  19. package/es/card/index.js +2 -0
  20. package/es/card/style/index.js +3 -1
  21. package/es/carousel/index.js +1 -0
  22. package/es/cascader/index.js +1 -0
  23. package/es/checkbox/index.js +1 -0
  24. package/es/collapse/index.js +1 -0
  25. package/es/color-picker/index.js +1 -0
  26. package/es/config-provider/DefaultRenderEmpty.js +1 -0
  27. package/es/config-provider/index.js +1 -0
  28. package/es/date-picker/index.js +1 -0
  29. package/es/descriptions/hooks/useItems.d.ts +4 -4
  30. package/es/descriptions/hooks/useItems.js +1 -0
  31. package/es/descriptions/index.js +1 -0
  32. package/es/divider/index.js +1 -0
  33. package/es/drawer/index.js +1 -0
  34. package/es/dropdown/dropdown-button.js +1 -0
  35. package/es/dropdown/index.js +1 -0
  36. package/es/empty/colored.js +1 -0
  37. package/es/empty/database.js +1 -0
  38. package/es/empty/default.js +1 -0
  39. package/es/empty/guide.js +1 -0
  40. package/es/empty/index.js +1 -0
  41. package/es/float-button/index.js +1 -0
  42. package/es/form/FormItem.js +1 -0
  43. package/es/form/index.js +1 -0
  44. package/es/grid/col.js +1 -0
  45. package/es/grid/index.js +1 -0
  46. package/es/grid/row.js +1 -0
  47. package/es/image/index.js +1 -0
  48. package/es/index.js +1 -0
  49. package/es/input/Input.js +1 -0
  50. package/es/input/Password.js +1 -0
  51. package/es/input/Search.js +1 -0
  52. package/es/input/TextArea.js +1 -0
  53. package/es/input/index.js +1 -0
  54. package/es/input-number/index.js +1 -0
  55. package/es/layout/index.js +1 -0
  56. package/es/list/index.js +1 -0
  57. package/es/locale/index.js +1 -0
  58. package/es/lottie/index.js +1 -0
  59. package/es/mentions/index.js +1 -0
  60. package/es/menu/index.js +1 -0
  61. package/es/message/index.js +1 -0
  62. package/es/modal/Modal.d.ts +1 -1
  63. package/es/modal/Modal.js +7 -4
  64. package/es/modal/Progress.js +1 -0
  65. package/es/modal/index.js +1 -0
  66. package/es/modal/style/index.js +9 -5
  67. package/es/notification/index.js +1 -0
  68. package/es/pagination/index.js +1 -0
  69. package/es/popconfirm/index.js +1 -0
  70. package/es/popover/index.js +1 -0
  71. package/es/progress/index.js +1 -0
  72. package/es/qrcode/index.js +1 -0
  73. package/es/radio/index.js +1 -0
  74. package/es/rate/index.js +1 -0
  75. package/es/result/403.js +1 -0
  76. package/es/result/404.js +1 -0
  77. package/es/result/500.js +1 -0
  78. package/es/result/Error.js +1 -0
  79. package/es/result/Processing.js +1 -0
  80. package/es/result/Success.js +1 -0
  81. package/es/result/Warning.js +1 -0
  82. package/es/result/index.js +1 -0
  83. package/es/segmented/index.js +1 -0
  84. package/es/select/index.js +1 -0
  85. package/es/skeleton/index.js +1 -0
  86. package/es/slider/index.js +1 -0
  87. package/es/space/index.js +1 -0
  88. package/es/spin/index.js +1 -0
  89. package/es/static-function/index.js +1 -0
  90. package/es/statistic/index.js +1 -0
  91. package/es/steps/index.js +1 -0
  92. package/es/style/cssVariables.js +2 -1
  93. package/es/style/cssVariablesMeta.js +7 -7
  94. package/es/style/global.js +1 -0
  95. package/es/switch/index.js +1 -0
  96. package/es/table/index.js +38 -61
  97. package/es/table/style/index.js +23 -17
  98. package/es/tabs/TabPane.js +1 -0
  99. package/es/tabs/hooks/useLegacyItems.js +1 -0
  100. package/es/tabs/index.js +1 -0
  101. package/es/tag/index.js +1 -0
  102. package/es/tag/style/index.js +4 -1
  103. package/es/theme/index.js +1 -0
  104. package/es/theme/interface.d.ts +7 -0
  105. package/es/theme/style/aliyun.less +1 -1
  106. package/es/theme/style/compact.less +3 -3
  107. package/es/theme/style/dark.less +1 -1
  108. package/es/theme/style/default.less +3 -3
  109. package/es/time-picker/index.js +1 -0
  110. package/es/timeline/index.js +1 -0
  111. package/es/tooltip/MouseTooltip.js +1 -0
  112. package/es/tooltip/ReactStickyMouseTooltip.js +1 -0
  113. package/es/tooltip/index.js +1 -0
  114. package/es/tour/index.js +1 -0
  115. package/es/transfer/index.js +1 -0
  116. package/es/tree/index.js +1 -0
  117. package/es/tree-select/index.js +1 -0
  118. package/es/typography/Link.js +1 -0
  119. package/es/typography/Paragraph.js +1 -0
  120. package/es/typography/Text.js +1 -0
  121. package/es/typography/Title.js +1 -0
  122. package/es/typography/index.js +1 -0
  123. package/es/upload/index.js +1 -0
  124. package/es/watermark/index.js +1 -0
  125. package/lib/_util/genComponentStyleHook.js +52 -59
  126. package/lib/_util/getEllipsisConfig.js +16 -39
  127. package/lib/_util/index.js +13 -29
  128. package/lib/_util/styleChecker.js +33 -53
  129. package/lib/_util/type.js +4 -16
  130. package/lib/_util/useFlexGapSupport.js +11 -36
  131. package/lib/affix/index.js +15 -21
  132. package/lib/alert/index.d.ts +1 -1
  133. package/lib/alert/index.js +63 -82
  134. package/lib/alert/style/index.js +111 -108
  135. package/lib/anchor/index.js +26 -23
  136. package/lib/app/index.js +47 -54
  137. package/lib/app/style/index.js +13 -32
  138. package/lib/auto-complete/index.js +15 -21
  139. package/lib/avatar/index.js +26 -23
  140. package/lib/badge/index.d.ts +2 -0
  141. package/lib/badge/index.js +108 -110
  142. package/lib/badge/style/index.js +21 -40
  143. package/lib/breadcrumb/Breadcrumb.js +15 -21
  144. package/lib/breadcrumb/index.js +31 -31
  145. package/lib/button/index.js +50 -60
  146. package/lib/button/style/index.js +35 -57
  147. package/lib/calendar/index.js +15 -21
  148. package/lib/card/Card.js +14 -21
  149. package/lib/card/index.js +246 -255
  150. package/lib/card/style/index.js +50 -61
  151. package/lib/carousel/index.js +15 -21
  152. package/lib/cascader/index.js +15 -21
  153. package/lib/checkbox/index.js +52 -69
  154. package/lib/checkbox/style/index.js +20 -35
  155. package/lib/collapse/index.js +15 -21
  156. package/lib/color-picker/index.js +15 -21
  157. package/lib/color-picker/interface.js +14 -21
  158. package/lib/config-provider/DefaultRenderEmpty.js +34 -48
  159. package/lib/config-provider/SizeContext.js +14 -21
  160. package/lib/config-provider/context.js +14 -21
  161. package/lib/config-provider/index.js +200 -233
  162. package/lib/config-provider/navigate.js +4 -16
  163. package/lib/date-picker/index.js +15 -21
  164. package/lib/descriptions/Item.js +6 -24
  165. package/lib/descriptions/hooks/useItems.d.ts +4 -4
  166. package/lib/descriptions/hooks/useItems.js +50 -73
  167. package/lib/descriptions/index.js +83 -101
  168. package/lib/descriptions/style/index.js +46 -64
  169. package/lib/divider/index.js +15 -21
  170. package/lib/drawer/index.js +108 -127
  171. package/lib/drawer/style/index.js +36 -51
  172. package/lib/dropdown/dropdown-button.js +30 -57
  173. package/lib/dropdown/index.js +30 -46
  174. package/lib/dropdown/style/index.js +13 -32
  175. package/lib/empty/colored.js +198 -314
  176. package/lib/empty/database.js +117 -185
  177. package/lib/empty/default.js +53 -48
  178. package/lib/empty/guide.js +145 -224
  179. package/lib/empty/index.js +77 -95
  180. package/lib/empty/style/index.js +28 -43
  181. package/lib/float-button/index.js +15 -21
  182. package/lib/float-button/interface.js +14 -21
  183. package/lib/form/FormItem.js +78 -84
  184. package/lib/form/index.js +57 -77
  185. package/lib/form/interface.js +14 -21
  186. package/lib/form/style/index.js +16 -35
  187. package/lib/grid/col.js +28 -45
  188. package/lib/grid/index.js +26 -44
  189. package/lib/grid/row.js +30 -45
  190. package/lib/image/index.js +15 -21
  191. package/lib/index.js +333 -154
  192. package/lib/input/Input.js +65 -78
  193. package/lib/input/Password.js +59 -76
  194. package/lib/input/Search.js +59 -76
  195. package/lib/input/TextArea.js +59 -76
  196. package/lib/input/index.js +30 -49
  197. package/lib/input/style/index.js +19 -36
  198. package/lib/input-number/index.js +56 -76
  199. package/lib/input-number/style/index.js +13 -32
  200. package/lib/layout/index.js +15 -21
  201. package/lib/list/index.js +52 -59
  202. package/lib/locale/en-US.js +22 -49
  203. package/lib/locale/index.js +25 -38
  204. package/lib/locale/ja-JP.js +22 -49
  205. package/lib/locale/useLocale.js +6 -24
  206. package/lib/locale/zh-CN.js +22 -49
  207. package/lib/locale/zh-TW.js +22 -49
  208. package/lib/lottie/index.js +61 -80
  209. package/lib/mentions/index.js +15 -21
  210. package/lib/menu/index.js +15 -21
  211. package/lib/menu/interface.js +14 -21
  212. package/lib/message/index.js +15 -21
  213. package/lib/message/interface.js +14 -21
  214. package/lib/modal/Modal.d.ts +1 -1
  215. package/lib/modal/Modal.js +69 -80
  216. package/lib/modal/Progress.js +44 -61
  217. package/lib/modal/index.js +23 -42
  218. package/lib/modal/interface.js +14 -21
  219. package/lib/modal/style/index.js +34 -46
  220. package/lib/notification/index.js +15 -21
  221. package/lib/notification/interface.js +14 -21
  222. package/lib/pagination/index.js +15 -21
  223. package/lib/popconfirm/index.js +15 -21
  224. package/lib/popover/index.js +15 -21
  225. package/lib/progress/index.js +26 -23
  226. package/lib/progress/progress.js +14 -21
  227. package/lib/qrcode/index.js +15 -21
  228. package/lib/qrcode/interface.js +14 -21
  229. package/lib/radio/index.js +53 -62
  230. package/lib/radio/interface.js +14 -21
  231. package/lib/radio/style/index.js +18 -33
  232. package/lib/rate/index.js +15 -21
  233. package/lib/result/403.js +164 -195
  234. package/lib/result/404.js +291 -354
  235. package/lib/result/500.js +156 -259
  236. package/lib/result/Error.js +127 -161
  237. package/lib/result/Processing.js +320 -252
  238. package/lib/result/Success.js +202 -261
  239. package/lib/result/Warning.js +302 -434
  240. package/lib/result/index.js +65 -80
  241. package/lib/result/style/index.js +15 -35
  242. package/lib/segmented/index.js +86 -83
  243. package/lib/segmented/style/index.js +19 -36
  244. package/lib/select/index.js +63 -81
  245. package/lib/select/style/index.js +12 -32
  246. package/lib/skeleton/index.js +15 -21
  247. package/lib/slider/index.js +48 -58
  248. package/lib/slider/style/index.js +19 -37
  249. package/lib/space/index.js +63 -69
  250. package/lib/space/style/index.js +16 -36
  251. package/lib/spin/index.js +58 -76
  252. package/lib/spin/style/index.js +48 -52
  253. package/lib/static-function/index.js +48 -73
  254. package/lib/statistic/index.js +15 -21
  255. package/lib/steps/index.js +15 -21
  256. package/lib/style/cssVariables.js +237 -256
  257. package/lib/style/cssVariablesMeta.js +978 -1057
  258. package/lib/style/global.js +119 -155
  259. package/lib/switch/index.js +52 -60
  260. package/lib/switch/style/index.js +12 -32
  261. package/lib/table/hooks/useDefaultPagination.js +18 -46
  262. package/lib/table/index.js +179 -219
  263. package/lib/table/interface.js +14 -21
  264. package/lib/table/style/index.js +59 -73
  265. package/lib/tabs/TabPane.js +7 -24
  266. package/lib/tabs/hooks/useLegacyItems.js +27 -43
  267. package/lib/tabs/index.js +107 -124
  268. package/lib/tabs/style/index.js +23 -38
  269. package/lib/tag/index.js +78 -98
  270. package/lib/tag/style/index.js +35 -57
  271. package/lib/theme/aliyun.js +7 -34
  272. package/lib/theme/compact.js +9 -36
  273. package/lib/theme/dark.js +9 -36
  274. package/lib/theme/default.js +130 -232
  275. package/lib/theme/index.js +48 -55
  276. package/lib/theme/interface.d.ts +7 -0
  277. package/lib/theme/interface.js +14 -21
  278. package/lib/theme/internal.js +14 -21
  279. package/lib/theme/style/aliyun.less +1 -1
  280. package/lib/theme/style/compact.less +3 -3
  281. package/lib/theme/style/dark.less +1 -1
  282. package/lib/theme/style/default.less +3 -3
  283. package/lib/theme/themes/compact/index.js +19 -39
  284. package/lib/theme/themes/dark/index.js +19 -39
  285. package/lib/theme/themes/default/index.js +19 -39
  286. package/lib/theme/themes/seed.js +24 -43
  287. package/lib/theme/util/alias.js +19 -39
  288. package/lib/theme/util/format.js +15 -35
  289. package/lib/time-picker/index.js +15 -21
  290. package/lib/timeline/index.js +15 -21
  291. package/lib/tooltip/MouseTooltip.js +84 -98
  292. package/lib/tooltip/ReactStickyMouseTooltip.js +63 -88
  293. package/lib/tooltip/hooks/useTooltipTypeList.js +28 -61
  294. package/lib/tooltip/index.js +123 -137
  295. package/lib/tooltip/style/index.js +26 -47
  296. package/lib/tour/index.js +15 -21
  297. package/lib/tour/interface.js +14 -21
  298. package/lib/transfer/index.js +15 -21
  299. package/lib/transfer/interface.js +14 -21
  300. package/lib/tree/index.js +15 -21
  301. package/lib/tree-select/index.js +67 -85
  302. package/lib/tree-select/style/index.js +9 -31
  303. package/lib/typography/Link.js +54 -68
  304. package/lib/typography/Paragraph.js +54 -68
  305. package/lib/typography/Text.js +55 -68
  306. package/lib/typography/Title.js +54 -68
  307. package/lib/typography/hooks/useClassName.js +12 -43
  308. package/lib/typography/index.js +89 -58
  309. package/lib/typography/style/index.js +29 -45
  310. package/lib/upload/index.js +15 -21
  311. package/lib/upload/interface.js +14 -21
  312. package/lib/watermark/index.js +15 -21
  313. package/package.json +3 -3
@@ -1,23 +1,17 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __copyProps = (to, from, except, desc) => {
6
- if (from && typeof from === "object" || typeof from === "function") {
7
- for (let key of __getOwnPropNames(from))
8
- if (!__hasOwnProp.call(to, key) && key !== except)
9
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
10
- }
11
- return to;
12
- };
13
- var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
14
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
1
+ "use strict";
15
2
 
16
- // src/calendar/index.ts
17
- var calendar_exports = {};
18
- module.exports = __toCommonJS(calendar_exports);
19
- __reExport(calendar_exports, require("antd/es/calendar"), module.exports);
20
- // Annotate the CommonJS export names for ESM import in node:
21
- 0 && (module.exports = {
22
- ...require("antd/es/calendar")
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
23
5
  });
6
+ var _calendar = require("antd/es/calendar");
7
+ Object.keys(_calendar).forEach(function (key) {
8
+ if (key === "default" || key === "__esModule") return;
9
+ if (key in exports && exports[key] === _calendar[key]) return;
10
+ Object.defineProperty(exports, key, {
11
+ enumerable: true,
12
+ get: function () {
13
+ return _calendar[key];
14
+ }
15
+ });
16
+ });
17
+ "use client";
package/lib/card/Card.js CHANGED
@@ -1,23 +1,16 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __copyProps = (to, from, except, desc) => {
6
- if (from && typeof from === "object" || typeof from === "function") {
7
- for (let key of __getOwnPropNames(from))
8
- if (!__hasOwnProp.call(to, key) && key !== except)
9
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
10
- }
11
- return to;
12
- };
13
- var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
14
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
1
+ "use strict";
15
2
 
16
- // src/card/Card.ts
17
- var Card_exports = {};
18
- module.exports = __toCommonJS(Card_exports);
19
- __reExport(Card_exports, require("antd/es/card/Card"), module.exports);
20
- // Annotate the CommonJS export names for ESM import in node:
21
- 0 && (module.exports = {
22
- ...require("antd/es/card/Card")
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
23
5
  });
6
+ var _Card = require("antd/es/card/Card");
7
+ Object.keys(_Card).forEach(function (key) {
8
+ if (key === "default" || key === "__esModule") return;
9
+ if (key in exports && exports[key] === _Card[key]) return;
10
+ Object.defineProperty(exports, key, {
11
+ enumerable: true,
12
+ get: function () {
13
+ return _Card[key];
14
+ }
15
+ });
16
+ });
package/lib/card/index.js CHANGED
@@ -1,261 +1,252 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __export = (target, all) => {
8
- for (var name in all)
9
- __defProp(target, name, { get: all[name], enumerable: true });
10
- };
11
- var __copyProps = (to, from, except, desc) => {
12
- if (from && typeof from === "object" || typeof from === "function") {
13
- for (let key of __getOwnPropNames(from))
14
- if (!__hasOwnProp.call(to, key) && key !== except)
15
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
16
- }
17
- return to;
18
- };
19
- var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
- // If the importer is in node compatibility mode or this is not an ESM
22
- // file that has been converted to a CommonJS file using a Babel-
23
- // compatible transform (i.e. "__esModule" has not been set), then set
24
- // "default" to the CommonJS "module.exports" for node compatibility.
25
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
- mod
27
- ));
28
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
1
+ "use strict";
29
2
 
30
- // src/card/index.tsx
31
- var card_exports = {};
32
- __export(card_exports, {
33
- default: () => card_default
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
34
5
  });
35
- module.exports = __toCommonJS(card_exports);
36
- var import_util = require("@oceanbase/util");
37
- var import_antd = require("antd");
38
- var import_classnames = __toESM(require("classnames"));
39
- var import_react = __toESM(require("react"));
40
- var import_icons = require("@oceanbase/icons");
41
- var import_config_provider = __toESM(require("../config-provider"));
42
- var import_en_US = __toESM(require("../locale/en-US"));
43
- var import_util2 = require("../_util");
44
- var import_theme = __toESM(require("../theme"));
45
- var import_style = __toESM(require("./style"));
46
- __reExport(card_exports, require("antd/es/card/Card"), module.exports);
47
- __reExport(card_exports, require("antd/es/card"), module.exports);
48
- var import_jsx_runtime = require("react/jsx-runtime");
49
- var Card = import_react.default.forwardRef(
50
- ({
51
- children,
52
- size,
53
- title,
54
- subTitle,
55
- document,
56
- extra,
57
- tabList,
58
- tabProps,
59
- tabBarExtraContent,
60
- divided: outerDivided,
61
- gray,
62
- prefixCls: customizePrefixCls,
63
- bodyStyle,
64
- styles,
65
- className,
66
- collapsible,
67
- defaultCollapsed,
68
- collapsed: outerCollapsed,
69
- onCollapse,
70
- locale: customLocale,
71
- ...restProps
72
- }, ref) => {
73
- var _a;
74
- const {
75
- getPrefixCls,
76
- card: contextCard,
77
- locale: contextLocale
78
- } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
79
- const { token } = import_theme.default.useToken();
80
- const divided = outerDivided ?? (contextCard == null ? void 0 : contextCard.divided) ?? true;
81
- const cardLocale = {
82
- ...import_en_US.default.Card,
83
- ...contextLocale == null ? void 0 : contextLocale.Card,
84
- ...customLocale
85
- };
86
- const prefixCls = getPrefixCls("card", customizePrefixCls);
87
- const tabsPrefixCls = getPrefixCls("tabs", customizePrefixCls);
88
- const [wrapCSSVar] = (0, import_style.default)(prefixCls, tabsPrefixCls);
89
- const [internalCollapsed, setInternalCollapsed] = (0, import_react.useState)(defaultCollapsed ?? false);
90
- const collapsed = outerCollapsed !== void 0 ? outerCollapsed : internalCollapsed;
91
- const handleCollapse = (0, import_react.useCallback)(() => {
92
- const newCollapsed = !collapsed;
93
- if (outerCollapsed === void 0) {
94
- setInternalCollapsed(newCollapsed);
95
- }
96
- onCollapse == null ? void 0 : onCollapse(newCollapsed);
97
- }, [collapsed, outerCollapsed, onCollapse]);
98
- const documentLink = typeof document === "string" ? document : void 0;
99
- const documentClick = typeof document === "function" ? document : void 0;
100
- const cardTitle = (0, import_react.useMemo)(() => {
101
- if (!collapsible && !subTitle && !document) {
102
- return title;
103
- }
104
- if (!title) {
105
- return null;
106
- }
107
- const titleContent = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
108
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: title }),
109
- (subTitle || document) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Space, { className: `${prefixCls}-sub-title-wrapper`, size: "small", children: [
110
- subTitle && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-sub-title`, children: subTitle }),
111
- document && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Space, { size: "small", children: [
112
- document && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Divider, { type: "vertical", className: `${prefixCls}-document-divider` }),
113
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tooltip, { title: cardLocale.viewDocument, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
114
- "a",
115
- {
116
- href: documentLink,
117
- target: "_blank",
118
- rel: "noopener noreferrer",
119
- onClick: documentClick,
120
- className: `${prefixCls}-document-icon`,
121
- children: documentLink || documentClick ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DocumentIcon, { className: `${prefixCls}-document-default-icon` }) : document
122
- }
123
- ) })
124
- ] })
125
- ] })
126
- ] });
127
- if (!collapsible) {
128
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
129
- "div",
130
- {
131
- className: `${prefixCls}-title-wrapper`,
132
- style: { display: "flex", alignItems: "center" },
133
- children: titleContent
134
- }
135
- );
136
- }
137
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
138
- "div",
139
- {
140
- className: `${prefixCls}-title-wrapper`,
141
- onClick: handleCollapse,
142
- style: { cursor: "pointer", display: "flex", alignItems: "center" },
143
- children: [
144
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
145
- import_icons.CaretRightFilled,
146
- {
147
- className: `${prefixCls}-collapsible-icon`,
148
- style: {
149
- transition: `transform ${token.motionDurationMid}`,
150
- transform: collapsed ? void 0 : "rotate(90deg)",
151
- color: token.colorIcon,
152
- marginRight: token.marginXS
153
- }
154
- }
155
- ),
156
- titleContent
157
- ]
158
- }
159
- );
160
- }, [
161
- collapsible,
162
- title,
163
- subTitle,
164
- document,
165
- documentLink,
166
- documentClick,
167
- collapsed,
168
- prefixCls,
169
- token,
170
- handleCollapse,
171
- cardLocale.viewDocument
172
- ]);
173
- const noBodyHorizontalPadding = (0, import_util2.isHorizontalPaddingZero)(bodyStyle == null ? void 0 : bodyStyle.padding) || (0, import_util2.isHorizontalPaddingZero)((_a = styles == null ? void 0 : styles.body) == null ? void 0 : _a.padding);
174
- const cardCls = (0, import_classnames.default)(
175
- {
176
- [`${prefixCls}-has-head`]: !!(title || extra || tabList || tabBarExtraContent),
177
- [`${prefixCls}-no-divider`]: !divided,
178
- [`${prefixCls}-gray`]: gray,
179
- [`${prefixCls}-no-body-horizontal-padding`]: noBodyHorizontalPadding,
180
- [`${prefixCls}-collapsible`]: collapsible,
181
- [`${prefixCls}-collapsed`]: collapsed
182
- },
183
- className
184
- );
185
- const newTabList = tabList == null ? void 0 : tabList.map((item) => {
186
- if (!(0, import_util.isNullValue)(item.tag)) {
187
- return {
188
- ...item,
189
- tab: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Space, { size: 4, children: [
190
- item.tab,
191
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tag, { bordered: false, className: `${tabsPrefixCls}-tab-tag`, children: item.tag })
192
- ] })
193
- };
194
- }
195
- return item;
6
+ var _exportNames = {};
7
+ exports.default = void 0;
8
+ var _react = require("@inline-svg-unique-id/react");
9
+ var _util = require("@oceanbase/util");
10
+ var _antd = require("antd");
11
+ var _classnames = _interopRequireDefault(require("classnames"));
12
+ var _react2 = _interopRequireWildcard(require("react"));
13
+ var _icons = require("@oceanbase/icons");
14
+ var _configProvider = _interopRequireDefault(require("../config-provider"));
15
+ var _enUS = _interopRequireDefault(require("../locale/en-US"));
16
+ var _util2 = require("../_util");
17
+ var _theme = _interopRequireDefault(require("../theme"));
18
+ var _style = _interopRequireWildcard(require("./style"));
19
+ var _jsxRuntime = require("react/jsx-runtime");
20
+ var _Card = require("antd/es/card/Card");
21
+ Object.keys(_Card).forEach(function (key) {
22
+ if (key === "default" || key === "__esModule") return;
23
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
24
+ if (key in exports && exports[key] === _Card[key]) return;
25
+ Object.defineProperty(exports, key, {
26
+ enumerable: true,
27
+ get: function () {
28
+ return _Card[key];
29
+ }
30
+ });
31
+ });
32
+ var _card = require("antd/es/card");
33
+ Object.keys(_card).forEach(function (key) {
34
+ if (key === "default" || key === "__esModule") return;
35
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
36
+ if (key in exports && exports[key] === _card[key]) return;
37
+ Object.defineProperty(exports, key, {
38
+ enumerable: true,
39
+ get: function () {
40
+ return _card[key];
41
+ }
42
+ });
43
+ });
44
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
45
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
46
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
47
+ "use client";
48
+ const Card = /*#__PURE__*/_react2.default.forwardRef(({
49
+ children,
50
+ size,
51
+ title,
52
+ subTitle,
53
+ document,
54
+ extra,
55
+ tabList,
56
+ tabProps,
57
+ tabBarExtraContent,
58
+ divided: outerDivided,
59
+ gray,
60
+ prefixCls: customizePrefixCls,
61
+ bodyStyle,
62
+ styles,
63
+ className,
64
+ collapsible,
65
+ defaultCollapsed,
66
+ collapsed: outerCollapsed,
67
+ onCollapse,
68
+ locale: customLocale,
69
+ ...restProps
70
+ }, ref) => {
71
+ const {
72
+ getPrefixCls,
73
+ card: contextCard,
74
+ locale: contextLocale
75
+ } = (0, _react2.useContext)(_configProvider.default.ConfigContext);
76
+ const {
77
+ token
78
+ } = _theme.default.useToken();
79
+ const divided = outerDivided ?? contextCard?.divided ?? true;
80
+ const cardLocale = {
81
+ ..._enUS.default.Card,
82
+ ...contextLocale?.Card,
83
+ ...customLocale
84
+ };
85
+ const prefixCls = getPrefixCls('card', customizePrefixCls);
86
+ const tabsPrefixCls = getPrefixCls('tabs', customizePrefixCls);
87
+ const [wrapCSSVar] = (0, _style.default)(prefixCls, tabsPrefixCls);
88
+ const [internalCollapsed, setInternalCollapsed] = (0, _react2.useState)(defaultCollapsed ?? false);
89
+ const collapsed = outerCollapsed !== undefined ? outerCollapsed : internalCollapsed;
90
+ const handleCollapse = (0, _react2.useCallback)(() => {
91
+ const newCollapsed = !collapsed;
92
+ if (outerCollapsed === undefined) {
93
+ setInternalCollapsed(newCollapsed);
94
+ }
95
+ onCollapse?.(newCollapsed);
96
+ }, [collapsed, outerCollapsed, onCollapse]);
97
+ const documentLink = typeof document === 'string' ? document : undefined;
98
+ const documentClick = typeof document === 'function' ? document : undefined;
99
+ const cardTitle = (0, _react2.useMemo)(() => {
100
+ if (!collapsible && !subTitle && !document) {
101
+ return title;
102
+ }
103
+ if (!title) {
104
+ return null;
105
+ }
106
+ const titleContent = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
107
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
108
+ className: `${prefixCls}-title-content`,
109
+ children: title
110
+ }), (subTitle || document) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Space, {
111
+ className: `${prefixCls}-sub-title-wrapper`,
112
+ size: "small",
113
+ children: [subTitle && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
114
+ className: `${prefixCls}-sub-title`,
115
+ children: subTitle
116
+ }), document && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Space, {
117
+ size: "small",
118
+ children: [document && /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Divider, {
119
+ type: "vertical",
120
+ className: `${prefixCls}-document-divider`
121
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tooltip, {
122
+ title: cardLocale.viewDocument,
123
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
124
+ href: documentLink,
125
+ target: "_blank",
126
+ rel: "noopener noreferrer",
127
+ onClick: documentClick,
128
+ className: `${prefixCls}-document-icon`,
129
+ children: documentLink || documentClick ? /*#__PURE__*/(0, _jsxRuntime.jsx)(DocumentIcon, {
130
+ className: `${prefixCls}-document-default-icon`
131
+ }) : document
132
+ })
133
+ })]
134
+ })]
135
+ })]
196
136
  });
197
- return wrapCSSVar(
198
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
199
- import_antd.Card,
200
- {
201
- ref,
202
- size,
203
- title: cardTitle,
204
- extra,
205
- tabList: newTabList,
206
- tabBarExtraContent,
207
- tabProps: {
208
- size: size === "small" ? "small" : "middle",
209
- ...tabProps
210
- },
211
- prefixCls: customizePrefixCls,
212
- bodyStyle: {
213
- ...bodyStyle
214
- },
215
- styles,
216
- className: cardCls,
217
- ...restProps,
218
- children
137
+ if (!collapsible) {
138
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
139
+ className: `${prefixCls}-title-wrapper`,
140
+ style: {
141
+ display: 'flex',
142
+ alignItems: 'center'
143
+ },
144
+ children: titleContent
145
+ });
146
+ }
147
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
148
+ className: `${prefixCls}-title-wrapper`,
149
+ onClick: handleCollapse,
150
+ style: {
151
+ cursor: 'pointer',
152
+ display: 'flex',
153
+ alignItems: 'center'
154
+ },
155
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.CaretRightFilled, {
156
+ className: `${prefixCls}-collapsible-icon`,
157
+ style: {
158
+ transition: `transform ${token.motionDurationMid}`,
159
+ transform: collapsed ? undefined : 'rotate(90deg)',
160
+ color: token.colorIcon,
161
+ marginRight: token.marginXS
219
162
  }
220
- )
221
- );
222
- }
223
- );
224
- if (process.env.NODE_ENV !== "production") {
225
- Card.displayName = import_antd.Card.displayName;
226
- }
227
- var DocumentIcon = ({ className }) => {
228
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
229
- "svg",
230
- {
231
- width: "16",
232
- height: "16",
233
- viewBox: "0 0 16 16",
234
- fill: "none",
235
- xmlns: "http://www.w3.org/2000/svg",
236
- className,
237
- children: [
238
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { clipPath: "url(#clip0_61186_2038)", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
239
- "path",
240
- {
241
- d: "M7.99992 4.66667C7.99992 3.95942 7.71897 3.28115 7.21887 2.78105C6.71877 2.28095 6.0405 2 5.33325 2H1.33325V12H5.99992C6.53035 12 7.03906 12.2107 7.41413 12.5858C7.78921 12.9609 7.99992 13.4696 7.99992 14M7.99992 4.66667V14M7.99992 4.66667C7.99992 3.95942 8.28087 3.28115 8.78097 2.78105C9.28106 2.28095 9.95934 2 10.6666 2H14.6666V12H9.99992C9.46949 12 8.96078 12.2107 8.5857 12.5858C8.21063 12.9609 7.99992 13.4696 7.99992 14",
242
- stroke: "currentColor",
243
- strokeLinecap: "round",
244
- strokeLinejoin: "round"
245
- }
246
- ) }),
247
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", { id: "clip0_61186_2038", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
248
- ]
163
+ }), titleContent]
164
+ });
165
+ }, [collapsible, title, subTitle, document, documentLink, documentClick, collapsed, prefixCls, token, handleCollapse, cardLocale.viewDocument]);
166
+
167
+ // card body no horizontal padding
168
+ const noBodyHorizontalPadding = (0, _util2.isHorizontalPaddingZero)(bodyStyle?.padding) || (0, _util2.isHorizontalPaddingZero)(styles?.body?.padding);
169
+ const cardCls = (0, _classnames.default)({
170
+ [`${prefixCls}-has-head`]: !!(title || extra || tabList || tabBarExtraContent),
171
+ [`${prefixCls}-no-divider`]: !divided,
172
+ [`${prefixCls}-gray`]: gray,
173
+ [`${prefixCls}-no-body-horizontal-padding`]: noBodyHorizontalPadding,
174
+ [`${prefixCls}-collapsible`]: collapsible,
175
+ [`${prefixCls}-collapsed`]: collapsed
176
+ }, className);
177
+ const newTabList = tabList?.map(item => {
178
+ if (!(0, _util.isNullValue)(item.tag)) {
179
+ return {
180
+ ...item,
181
+ tab: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Space, {
182
+ size: 4,
183
+ children: [item.tab, /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tag, {
184
+ bordered: false,
185
+ className: `${tabsPrefixCls}-tab-tag`,
186
+ children: item.tag
187
+ })]
188
+ })
189
+ };
249
190
  }
250
- );
251
- };
252
- var card_default = Object.assign(Card, {
253
- Grid: import_antd.Card.Grid,
254
- Meta: import_antd.Card.Meta,
255
- genTableStyle: import_style.genTableStyle
256
- });
257
- // Annotate the CommonJS export names for ESM import in node:
258
- 0 && (module.exports = {
259
- ...require("antd/es/card/Card"),
260
- ...require("antd/es/card")
191
+ return item;
192
+ });
193
+ return wrapCSSVar( /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Card, {
194
+ ref: ref,
195
+ size: size,
196
+ title: cardTitle,
197
+ extra: extra,
198
+ tabList: newTabList,
199
+ tabBarExtraContent: tabBarExtraContent,
200
+ tabProps: {
201
+ size: size === 'small' ? 'small' : 'middle',
202
+ ...tabProps
203
+ },
204
+ prefixCls: customizePrefixCls,
205
+ bodyStyle: {
206
+ ...bodyStyle
207
+ },
208
+ styles: styles,
209
+ className: cardCls,
210
+ ...restProps,
211
+ children: children
212
+ }));
261
213
  });
214
+ if (process.env.NODE_ENV !== 'production') {
215
+ Card.displayName = _antd.Card.displayName;
216
+ }
217
+ const DocumentIcon = function ({
218
+ className
219
+ }) {
220
+ const _id = (0, _react.useUniqueInlineId)();
221
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
222
+ width: "16",
223
+ height: "16",
224
+ viewBox: "0 0 16 16",
225
+ fill: "none",
226
+ xmlns: "http://www.w3.org/2000/svg",
227
+ className: className,
228
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
229
+ clipPath: `url(#${_id})`,
230
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
231
+ d: "M7.99992 4.66667C7.99992 3.95942 7.71897 3.28115 7.21887 2.78105C6.71877 2.28095 6.0405 2 5.33325 2H1.33325V12H5.99992C6.53035 12 7.03906 12.2107 7.41413 12.5858C7.78921 12.9609 7.99992 13.4696 7.99992 14M7.99992 4.66667V14M7.99992 4.66667C7.99992 3.95942 8.28087 3.28115 8.78097 2.78105C9.28106 2.28095 9.95934 2 10.6666 2H14.6666V12H9.99992C9.46949 12 8.96078 12.2107 8.5857 12.5858C8.21063 12.9609 7.99992 13.4696 7.99992 14",
232
+ stroke: "currentColor",
233
+ strokeLinecap: "round",
234
+ strokeLinejoin: "round"
235
+ })
236
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("defs", {
237
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("clipPath", {
238
+ id: _id,
239
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
240
+ width: "16",
241
+ height: "16",
242
+ fill: "white"
243
+ })
244
+ })
245
+ })]
246
+ });
247
+ };
248
+ var _default = exports.default = Object.assign(Card, {
249
+ Grid: _antd.Card.Grid,
250
+ Meta: _antd.Card.Meta,
251
+ genTableStyle: _style.genTableStyle
252
+ });