@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/divider/index.ts
17
- var divider_exports = {};
18
- module.exports = __toCommonJS(divider_exports);
19
- __reExport(divider_exports, require("antd/es/divider"), module.exports);
20
- // Annotate the CommonJS export names for ESM import in node:
21
- 0 && (module.exports = {
22
- ...require("antd/es/divider")
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
23
5
  });
6
+ var _divider = require("antd/es/divider");
7
+ Object.keys(_divider).forEach(function (key) {
8
+ if (key === "default" || key === "__esModule") return;
9
+ if (key in exports && exports[key] === _divider[key]) return;
10
+ Object.defineProperty(exports, key, {
11
+ enumerable: true,
12
+ get: function () {
13
+ return _divider[key];
14
+ }
15
+ });
16
+ });
17
+ "use client";
@@ -1,50 +1,37 @@
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/drawer/index.tsx
31
- var drawer_exports = {};
32
- __export(drawer_exports, {
33
- default: () => drawer_default
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
34
5
  });
35
- module.exports = __toCommonJS(drawer_exports);
36
- var import_react = __toESM(require("react"));
37
- var import_antd = require("antd");
38
- var import_ahooks = require("ahooks");
39
- var import_classnames = __toESM(require("classnames"));
40
- var import_lodash = require("lodash");
41
- var import_config_provider = __toESM(require("../config-provider"));
42
- var import_button = __toESM(require("../button"));
43
- var import_en_US = __toESM(require("../locale/en-US"));
44
- var import_style = __toESM(require("./style"));
45
- __reExport(drawer_exports, require("antd/es/drawer"), module.exports);
46
- var import_jsx_runtime = require("react/jsx-runtime");
47
- var Drawer = ({
6
+ var _exportNames = {};
7
+ exports.default = void 0;
8
+ var _react = _interopRequireWildcard(require("react"));
9
+ var _antd = require("antd");
10
+ var _ahooks = require("ahooks");
11
+ var _classnames = _interopRequireDefault(require("classnames"));
12
+ var _lodash = require("lodash");
13
+ var _configProvider = _interopRequireDefault(require("../config-provider"));
14
+ var _button = _interopRequireDefault(require("../button"));
15
+ var _enUS = _interopRequireDefault(require("../locale/en-US"));
16
+ var _style = _interopRequireDefault(require("./style"));
17
+ var _jsxRuntime = require("react/jsx-runtime");
18
+ var _drawer = require("antd/es/drawer");
19
+ Object.keys(_drawer).forEach(function (key) {
20
+ if (key === "default" || key === "__esModule") return;
21
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
22
+ if (key in exports && exports[key] === _drawer[key]) return;
23
+ Object.defineProperty(exports, key, {
24
+ enumerable: true,
25
+ get: function () {
26
+ return _drawer[key];
27
+ }
28
+ });
29
+ });
30
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
31
+ 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); }
32
+ 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; }
33
+ "use client";
34
+ const Drawer = ({
48
35
  locale: customLocale,
49
36
  children,
50
37
  loading,
@@ -63,94 +50,88 @@ var Drawer = ({
63
50
  prefixCls: customizePrefixCls,
64
51
  ...restProps
65
52
  }) => {
66
- const { locale: contextLocale } = import_react.default.useContext(
67
- import_config_provider.default.ConfigContext
68
- );
53
+ const {
54
+ locale: contextLocale
55
+ } = _react.default.useContext(_configProvider.default.ConfigContext);
69
56
  const drawerLocale = {
70
- ...import_en_US.default.Drawer,
71
- ...contextLocale == null ? void 0 : contextLocale.Drawer,
57
+ ..._enUS.default.Drawer,
58
+ ...contextLocale?.Drawer,
72
59
  ...customLocale
73
60
  };
74
- const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
75
- const prefixCls = getPrefixCls("drawer", customizePrefixCls);
76
- const [wrapCSSVar] = (0, import_style.default)(prefixCls);
77
- const [contentElment, setContentElement] = (0, import_react.useState)(null);
78
- (0, import_ahooks.useSize)(contentElment);
79
- const scroll = (0, import_ahooks.useScroll)(contentElment);
80
- const isScroll = !loading && (contentElment == null ? void 0 : contentElment.scrollHeight) !== (contentElment == null ? void 0 : contentElment.clientHeight);
61
+ const {
62
+ getPrefixCls
63
+ } = (0, _react.useContext)(_configProvider.default.ConfigContext);
64
+ const prefixCls = getPrefixCls('drawer', customizePrefixCls);
65
+ const [wrapCSSVar] = (0, _style.default)(prefixCls);
66
+ const [contentElment, setContentElement] = (0, _react.useState)(null);
67
+ // useSize for re-render when contentElment change size
68
+ (0, _ahooks.useSize)(contentElment);
69
+ // useScroll for re-render when scroll
70
+ const scroll = (0, _ahooks.useScroll)(contentElment);
71
+ const isScroll = !loading && contentElment?.scrollHeight !== contentElment?.clientHeight;
72
+ // start scroll
81
73
  const isStartScroll = !loading && scroll.top > 0;
82
- const isTotalScroll = !loading && Math.abs(
83
- ((contentElment == null ? void 0 : contentElment.scrollHeight) || 0) - ((contentElment == null ? void 0 : contentElment.clientHeight) || 0) - ((contentElment == null ? void 0 : contentElment.scrollTop) || 0)
84
- ) < 1;
74
+ // Determine if an element has been totally scrolled
75
+ // ref: https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollHeight#determine_if_an_element_has_been_totally_scrolled
76
+ const isTotalScroll = !loading && Math.abs((contentElment?.scrollHeight || 0) - (contentElment?.clientHeight || 0) - (contentElment?.scrollTop || 0)) < 1;
85
77
  const handleCancel = onCancel || onClose;
86
78
  const showFooter = !!(footer || onOk) && footer !== false && footer !== null;
87
- const drawerCls = (0, import_classnames.default)(
88
- {
89
- [`${prefixCls}-loading`]: loading,
90
- [`${prefixCls}-with-footer`]: showFooter
79
+ const drawerCls = (0, _classnames.default)({
80
+ [`${prefixCls}-loading`]: loading,
81
+ [`${prefixCls}-with-footer`]: showFooter
82
+ }, rootClassName);
83
+ return wrapCSSVar( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Drawer, {
84
+ loading: loading,
85
+ destroyOnClose: true,
86
+ onClose: handleCancel,
87
+ rootClassName: drawerCls,
88
+ prefixCls: customizePrefixCls,
89
+ classNames: {
90
+ header: (0, _classnames.default)({
91
+ [`${prefixCls}-header-shadow`]: isStartScroll
92
+ })
91
93
  },
92
- rootClassName
93
- );
94
- return wrapCSSVar(
95
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
96
- import_antd.Drawer,
97
- {
98
- loading,
99
- destroyOnClose: true,
100
- onClose: handleCancel,
101
- rootClassName: drawerCls,
102
- prefixCls: customizePrefixCls,
103
- classNames: {
104
- header: (0, import_classnames.default)({
105
- [`${prefixCls}-header-shadow`]: isStartScroll
106
- })
107
- },
108
- styles: (0, import_lodash.omit)(styles, ["body", "footer"]),
109
- ...restProps,
110
- children: [
111
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
112
- "div",
113
- {
114
- ref: (element) => {
115
- setContentElement(element);
116
- },
117
- className: `${prefixCls}-body-content`,
118
- style: {
119
- ...bodyStyle,
120
- ...styles == null ? void 0 : styles.body
121
- },
122
- children
123
- }
124
- ),
125
- showFooter && // footer className should not be `${prefixCls}-footer` to avoid conflicts with antd
126
- // ref: https://github.com/ant-design/ant-design/blob/master/components/drawer/style/index.ts#L214
127
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
128
- "div",
129
- {
130
- className: (0, import_classnames.default)(`${prefixCls}-footer-container`, {
131
- [`${prefixCls}-footer-container-shadow`]: isScroll && !isTotalScroll
132
- }),
133
- style: styles == null ? void 0 : styles.footer,
134
- children: (0, import_react.isValidElement)(footer) ? footer : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `${prefixCls}-footer-content`, children: [
135
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Space, { children: [
136
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.default, { onClick: onOk, type: "primary", loading: confirmLoading, ...okButtonProps, children: okText || (drawerLocale == null ? void 0 : drawerLocale.okText) }),
137
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.default, { onClick: handleCancel, children: cancelText || (drawerLocale == null ? void 0 : drawerLocale.cancelText) })
138
- ] }),
139
- footerExtra
140
- ] })
141
- }
142
- )
143
- ]
144
- }
145
- )
146
- );
94
+ styles: (0, _lodash.omit)(styles, ['body', 'footer']),
95
+ ...restProps,
96
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
97
+ ref: element => {
98
+ setContentElement(element);
99
+ },
100
+ className: `${prefixCls}-body-content`,
101
+ style: {
102
+ ...bodyStyle,
103
+ ...styles?.body
104
+ },
105
+ children: children
106
+ }), showFooter &&
107
+ /*#__PURE__*/
108
+ // footer className should not be `${prefixCls}-footer` to avoid conflicts with antd
109
+ // ref: https://github.com/ant-design/ant-design/blob/master/components/drawer/style/index.ts#L214
110
+ (0, _jsxRuntime.jsx)("div", {
111
+ className: (0, _classnames.default)(`${prefixCls}-footer-container`, {
112
+ [`${prefixCls}-footer-container-shadow`]: isScroll && !isTotalScroll
113
+ }),
114
+ style: styles?.footer,
115
+ children: /*#__PURE__*/(0, _react.isValidElement)(footer) ? footer : /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
116
+ className: `${prefixCls}-footer-content`,
117
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Space, {
118
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
119
+ onClick: onOk,
120
+ type: "primary",
121
+ loading: confirmLoading,
122
+ ...okButtonProps,
123
+ children: okText || drawerLocale?.okText
124
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
125
+ onClick: handleCancel,
126
+ children: cancelText || drawerLocale?.cancelText
127
+ })]
128
+ }), footerExtra]
129
+ })
130
+ })]
131
+ }));
147
132
  };
148
- Drawer._InternalPanelDoNotUseOrYouWillBeFired = import_antd.Drawer._InternalPanelDoNotUseOrYouWillBeFired;
149
- if (process.env.NODE_ENV !== "production") {
150
- Drawer.displayName = import_antd.Drawer.displayName;
133
+ Drawer._InternalPanelDoNotUseOrYouWillBeFired = _antd.Drawer._InternalPanelDoNotUseOrYouWillBeFired;
134
+ if (process.env.NODE_ENV !== 'production') {
135
+ Drawer.displayName = _antd.Drawer.displayName;
151
136
  }
152
- var drawer_default = Drawer;
153
- // Annotate the CommonJS export names for ESM import in node:
154
- 0 && (module.exports = {
155
- ...require("antd/es/drawer")
156
- });
137
+ var _default = exports.default = Drawer;
@@ -1,45 +1,33 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __export = (target, all) => {
6
- for (var name in all)
7
- __defProp(target, name, { get: all[name], enumerable: true });
8
- };
9
- var __copyProps = (to, from, except, desc) => {
10
- if (from && typeof from === "object" || typeof from === "function") {
11
- for (let key of __getOwnPropNames(from))
12
- if (!__hasOwnProp.call(to, key) && key !== except)
13
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
14
- }
15
- return to;
16
- };
17
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
1
+ "use strict";
18
2
 
19
- // src/drawer/style/index.ts
20
- var style_exports = {};
21
- __export(style_exports, {
22
- default: () => style_default,
23
- genDrawerStyle: () => genDrawerStyle
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
24
5
  });
25
- module.exports = __toCommonJS(style_exports);
26
- var import_cssinjs = require("@ant-design/cssinjs");
27
- var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
28
- var genDrawerStyle = (token) => {
29
- const { componentCls, antCls, iconCls, fontSizeHeading3, colorSplit, calc } = token;
6
+ exports.genDrawerStyle = exports.default = void 0;
7
+ var _cssinjs = require("@ant-design/cssinjs");
8
+ var _genComponentStyleHook = require("../../_util/genComponentStyleHook");
9
+ const genDrawerStyle = token => {
10
+ const {
11
+ componentCls,
12
+ antCls,
13
+ iconCls,
14
+ fontSizeHeading3,
15
+ colorSplit,
16
+ calc
17
+ } = token;
30
18
  const contentPadding = token.paddingLG;
31
- const boxShadowTop = "0 -1px 2px 0 rgba(19, 33, 57, 0.1)";
32
- const boxShadowBottom = "0 1px 2px 0 rgba(19, 33, 57, 0.1)";
19
+ const boxShadowTop = '0 -1px 2px 0 rgba(19, 33, 57, 0.1)';
20
+ const boxShadowBottom = '0 1px 2px 0 rgba(19, 33, 57, 0.1)';
33
21
  return {
34
22
  [`${componentCls}`]: {
35
23
  // should be wrapped by `${componentCls}-content` to overwritten antd style
36
24
  [`${componentCls}-content`]: {
37
25
  // to avoid x scroll
38
- overflow: "initial",
26
+ overflow: 'initial',
39
27
  [`${componentCls}-header`]: {
40
- position: "relative",
41
- padding: `${(0, import_cssinjs.unit)(token.padding)} ${(0, import_cssinjs.unit)(token.paddingLG)}`,
42
- borderBottom: "none",
28
+ position: 'relative',
29
+ padding: `${(0, _cssinjs.unit)(token.padding)} ${(0, _cssinjs.unit)(token.paddingLG)}`,
30
+ borderBottom: 'none',
43
31
  transition: `box-shadow ${token.motionDurationMid}`,
44
32
  // ensure header box-shadow cover body content
45
33
  zIndex: 10,
@@ -50,13 +38,13 @@ var genDrawerStyle = (token) => {
50
38
  }
51
39
  },
52
40
  // 标题栏底部增加分割线
53
- "&::after": {
41
+ '&::after': {
54
42
  content: '""',
55
- position: "absolute",
43
+ position: 'absolute',
56
44
  bottom: 0,
57
45
  left: 0,
58
46
  right: 0,
59
- height: "1px",
47
+ height: '1px',
60
48
  backgroundColor: colorSplit,
61
49
  // 使用负margin让分割线贯通到content边缘
62
50
  marginLeft: calc(token.paddingLG).mul(-1).equal(),
@@ -68,24 +56,24 @@ var genDrawerStyle = (token) => {
68
56
  },
69
57
  [`${componentCls}-body`]: {
70
58
  padding: 0,
71
- display: "flex",
72
- flexDirection: "column"
59
+ display: 'flex',
60
+ flexDirection: 'column'
73
61
  },
74
62
  [`${componentCls}-body-content`]: {
75
63
  padding: contentPadding,
76
- overflow: "auto"
64
+ overflow: 'auto'
77
65
  },
78
66
  [`${componentCls}-footer-container`]: {
79
- position: "sticky",
80
- padding: `${(0, import_cssinjs.unit)(token.padding)} ${(0, import_cssinjs.unit)(token.paddingLG)}`,
67
+ position: 'sticky',
68
+ padding: `${(0, _cssinjs.unit)(token.padding)} ${(0, _cssinjs.unit)(token.paddingLG)}`,
81
69
  transition: `box-shadow ${token.motionDurationMid}`,
82
70
  // ensure footer box-shadow cover body content
83
71
  zIndex: 10,
84
72
  [`${componentCls}-footer-content`]: {
85
- width: "100%",
86
- display: "flex",
87
- justifyContent: "space-between",
88
- alignItems: "center"
73
+ width: '100%',
74
+ display: 'flex',
75
+ justifyContent: 'space-between',
76
+ alignItems: 'center'
89
77
  }
90
78
  },
91
79
  // footer 跟随内容或滚动到底部时,padding-top 设为 0
@@ -112,10 +100,7 @@ var genDrawerStyle = (token) => {
112
100
  }
113
101
  };
114
102
  };
115
- var style_default = (0, import_genComponentStyleHook.genStyleHooks)("Drawer", (token) => {
103
+ exports.genDrawerStyle = genDrawerStyle;
104
+ var _default = exports.default = (0, _genComponentStyleHook.genStyleHooks)('Drawer', token => {
116
105
  return [genDrawerStyle(token)];
117
- });
118
- // Annotate the CommonJS export names for ESM import in node:
119
- 0 && (module.exports = {
120
- genDrawerStyle
121
- });
106
+ });
@@ -1,65 +1,38 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __export = (target, all) => {
8
- for (var name in all)
9
- __defProp(target, name, { get: all[name], enumerable: true });
10
- };
11
- var __copyProps = (to, from, except, desc) => {
12
- if (from && typeof from === "object" || typeof from === "function") {
13
- for (let key of __getOwnPropNames(from))
14
- if (!__hasOwnProp.call(to, key) && key !== except)
15
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
16
- }
17
- return to;
18
- };
19
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
20
- // If the importer is in node compatibility mode or this is not an ESM
21
- // file that has been converted to a CommonJS file using a Babel-
22
- // compatible transform (i.e. "__esModule" has not been set), then set
23
- // "default" to the CommonJS "module.exports" for node compatibility.
24
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
25
- mod
26
- ));
27
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
1
+ "use strict";
28
2
 
29
- // src/dropdown/dropdown-button.tsx
30
- var dropdown_button_exports = {};
31
- __export(dropdown_button_exports, {
32
- default: () => dropdown_button_default
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
33
5
  });
34
- module.exports = __toCommonJS(dropdown_button_exports);
35
- var import_react = require("react");
36
- var import_antd = require("antd");
37
- var import_icons = require("@oceanbase/icons");
38
- var import_classnames = __toESM(require("classnames"));
39
- var import_config_provider = __toESM(require("../config-provider"));
40
- var import_style = __toESM(require("./style"));
41
- var import_jsx_runtime = require("react/jsx-runtime");
42
- var DropdownButton = ({
6
+ exports.default = void 0;
7
+ var _react = _interopRequireWildcard(require("react"));
8
+ var _antd = require("antd");
9
+ var _icons = require("@oceanbase/icons");
10
+ var _classnames = _interopRequireDefault(require("classnames"));
11
+ var _configProvider = _interopRequireDefault(require("../config-provider"));
12
+ var _style = _interopRequireDefault(require("./style"));
13
+ var _jsxRuntime = require("react/jsx-runtime");
14
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
+ 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); }
16
+ 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; }
17
+ "use client";
18
+ const DropdownButton = ({
43
19
  prefixCls: customizePrefixCls,
44
20
  className,
45
- icon = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.DownOutlined, {}),
21
+ icon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.DownOutlined, {}),
46
22
  ...restProps
47
23
  }) => {
48
- const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
49
- const prefixCls = getPrefixCls("dropdown", customizePrefixCls);
50
- const [wrapCSSVar] = (0, import_style.default)(prefixCls);
51
- const buttonCls = (0, import_classnames.default)(className);
52
- return wrapCSSVar(
53
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
54
- import_antd.Dropdown.Button,
55
- {
56
- icon,
57
- prefixCls: customizePrefixCls,
58
- className: buttonCls,
59
- ...restProps
60
- }
61
- )
62
- );
24
+ const {
25
+ getPrefixCls
26
+ } = (0, _react.useContext)(_configProvider.default.ConfigContext);
27
+ const prefixCls = getPrefixCls('dropdown', customizePrefixCls);
28
+ const [wrapCSSVar] = (0, _style.default)(prefixCls);
29
+ const buttonCls = (0, _classnames.default)(className);
30
+ return wrapCSSVar( /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Dropdown.Button, {
31
+ icon: icon,
32
+ prefixCls: customizePrefixCls,
33
+ className: buttonCls,
34
+ ...restProps
35
+ }));
63
36
  };
64
37
  DropdownButton.__ANT_BUTTON = true;
65
- var dropdown_button_default = DropdownButton;
38
+ var _default = exports.default = DropdownButton;
@@ -1,49 +1,33 @@
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/dropdown/index.tsx
31
- var dropdown_exports = {};
32
- __export(dropdown_exports, {
33
- default: () => dropdown_default
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
34
5
  });
35
- module.exports = __toCommonJS(dropdown_exports);
36
- var import_antd = require("antd");
37
- var import_dropdown_button = __toESM(require("./dropdown-button"));
38
- __reExport(dropdown_exports, require("antd/es/dropdown"), module.exports);
39
- var import_jsx_runtime = require("react/jsx-runtime");
40
- var Dropdown = (props) => {
41
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Dropdown, { ...props });
42
- };
43
- Dropdown._InternalPanelDoNotUseOrYouWillBeFired = import_antd.Dropdown._InternalPanelDoNotUseOrYouWillBeFired;
44
- Dropdown.Button = import_dropdown_button.default;
45
- var dropdown_default = Dropdown;
46
- // Annotate the CommonJS export names for ESM import in node:
47
- 0 && (module.exports = {
48
- ...require("antd/es/dropdown")
6
+ var _exportNames = {};
7
+ exports.default = void 0;
8
+ var _react = _interopRequireDefault(require("react"));
9
+ var _antd = require("antd");
10
+ var _dropdownButton = _interopRequireDefault(require("./dropdown-button"));
11
+ var _jsxRuntime = require("react/jsx-runtime");
12
+ var _dropdown = require("antd/es/dropdown");
13
+ Object.keys(_dropdown).forEach(function (key) {
14
+ if (key === "default" || key === "__esModule") return;
15
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
16
+ if (key in exports && exports[key] === _dropdown[key]) return;
17
+ Object.defineProperty(exports, key, {
18
+ enumerable: true,
19
+ get: function () {
20
+ return _dropdown[key];
21
+ }
22
+ });
49
23
  });
24
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
25
+ "use client";
26
+ const Dropdown = props => {
27
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Dropdown, {
28
+ ...props
29
+ });
30
+ };
31
+ Dropdown._InternalPanelDoNotUseOrYouWillBeFired = _antd.Dropdown._InternalPanelDoNotUseOrYouWillBeFired;
32
+ Dropdown.Button = _dropdownButton.default;
33
+ var _default = exports.default = Dropdown;