@oceanbase/design 0.2.25 → 0.2.27

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 (78) hide show
  1. package/dist/design.min.js +1 -1
  2. package/es/_util/type.d.ts +4 -0
  3. package/es/_util/type.js +1 -0
  4. package/es/badge/index.d.ts +3 -4
  5. package/es/badge/index.js +7 -3
  6. package/es/button/index.d.ts +2 -4
  7. package/es/button/index.js +7 -5
  8. package/es/card/index.d.ts +2 -4
  9. package/es/card/index.js +7 -5
  10. package/es/config-provider/index.js +9 -11
  11. package/es/drawer/Drawer.d.ts +18 -0
  12. package/es/drawer/Drawer.js +69 -0
  13. package/es/drawer/index.d.ts +2 -0
  14. package/es/drawer/index.js +3 -1
  15. package/es/drawer/style/index.d.ts +9 -0
  16. package/es/drawer/style/index.js +31 -0
  17. package/es/index.d.ts +2 -1
  18. package/es/index.js +1 -0
  19. package/es/modal/style/index.js +3 -2
  20. package/es/select/index.d.ts +8 -2
  21. package/es/select/index.js +6 -6
  22. package/es/spin/index.js +1 -0
  23. package/es/static-function/index.d.ts +1 -1
  24. package/es/static-function/index.js +2 -2
  25. package/es/table/index.d.ts +17 -12
  26. package/es/table/index.js +19 -16
  27. package/es/tag/index.d.ts +2 -4
  28. package/es/tag/index.js +7 -5
  29. package/es/theme/dark.d.ts +56 -0
  30. package/es/theme/dark.js +10 -0
  31. package/es/theme/default.d.ts +94 -72
  32. package/es/theme/default.js +95 -72
  33. package/es/theme/index.d.ts +8 -13
  34. package/es/theme/index.js +15 -20
  35. package/es/theme/style/compact.less +211 -186
  36. package/es/theme/style/dark.less +194 -169
  37. package/es/theme/style/default.less +208 -183
  38. package/es/tooltip/index.d.ts +2 -2
  39. package/es/tooltip/index.js +3 -2
  40. package/lib/_util/type.d.ts +4 -0
  41. package/lib/_util/type.js +17 -0
  42. package/lib/badge/index.d.ts +3 -4
  43. package/lib/badge/index.js +56 -51
  44. package/lib/button/index.d.ts +2 -4
  45. package/lib/button/index.js +15 -10
  46. package/lib/card/index.d.ts +2 -4
  47. package/lib/card/index.js +40 -34
  48. package/lib/config-provider/index.js +8 -15
  49. package/lib/drawer/Drawer.d.ts +18 -0
  50. package/lib/drawer/Drawer.js +85 -0
  51. package/lib/drawer/index.d.ts +2 -0
  52. package/lib/drawer/index.js +19 -0
  53. package/lib/drawer/style/index.d.ts +9 -0
  54. package/lib/drawer/style/index.js +60 -0
  55. package/lib/index.d.ts +2 -1
  56. package/lib/index.js +3 -0
  57. package/lib/modal/style/index.js +3 -2
  58. package/lib/select/index.d.ts +8 -2
  59. package/lib/select/index.js +14 -10
  60. package/lib/spin/index.js +1 -0
  61. package/lib/static-function/index.d.ts +1 -1
  62. package/lib/static-function/index.js +1 -1
  63. package/lib/table/index.d.ts +17 -12
  64. package/lib/table/index.js +17 -14
  65. package/lib/tag/index.d.ts +2 -4
  66. package/lib/tag/index.js +25 -28
  67. package/lib/theme/dark.d.ts +56 -0
  68. package/lib/theme/dark.js +44 -0
  69. package/lib/theme/default.d.ts +94 -72
  70. package/lib/theme/default.js +94 -71
  71. package/lib/theme/index.d.ts +8 -13
  72. package/lib/theme/index.js +27 -21
  73. package/lib/theme/style/compact.less +211 -186
  74. package/lib/theme/style/dark.less +194 -169
  75. package/lib/theme/style/default.less +208 -183
  76. package/lib/tooltip/index.d.ts +2 -2
  77. package/lib/tooltip/index.js +83 -80
  78. package/package.json +6 -4
@@ -40,61 +40,66 @@ var import_classnames = __toESM(require("classnames"));
40
40
  var import_config_provider = __toESM(require("../config-provider"));
41
41
  var import_style = __toESM(require("./style"));
42
42
  __reExport(badge_exports, require("antd/es/badge"), module.exports);
43
- var Badge = ({
44
- prefixCls: customizePrefixCls,
45
- className,
46
- status,
47
- text,
48
- icon,
49
- ...restProps
50
- }) => {
51
- const { getPrefixCls, iconPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
52
- const prefixCls = getPrefixCls("badge", customizePrefixCls);
53
- const { wrapSSR, hashId } = (0, import_style.default)(prefixCls);
54
- const badgeCls = (0, import_classnames.default)(prefixCls, className);
55
- const iconMap = {
56
- default: /* @__PURE__ */ import_react.default.createElement(import_icons.StopFilled, null),
57
- processing: /* @__PURE__ */ import_react.default.createElement(
58
- import_icons.Loading3QuartersOutlined,
59
- {
60
- style: {
61
- display: "inline-block"
43
+ var Badge = import_react.default.forwardRef(
44
+ ({ prefixCls: customizePrefixCls, className, status, text, icon, ...restProps }, ref) => {
45
+ const { getPrefixCls, iconPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
46
+ const prefixCls = getPrefixCls("badge", customizePrefixCls);
47
+ const { wrapSSR, hashId } = (0, import_style.default)(prefixCls);
48
+ const badgeCls = (0, import_classnames.default)(prefixCls, className);
49
+ const iconMap = {
50
+ default: /* @__PURE__ */ import_react.default.createElement(import_icons.StopFilled, null),
51
+ processing: /* @__PURE__ */ import_react.default.createElement(
52
+ import_icons.Loading3QuartersOutlined,
53
+ {
54
+ style: {
55
+ display: "inline-block"
56
+ },
57
+ className: `${iconPrefixCls}-spin`
58
+ }
59
+ ),
60
+ success: /* @__PURE__ */ import_react.default.createElement(import_icons.CheckCircleFilled, null),
61
+ error: /* @__PURE__ */ import_react.default.createElement(import_icons.CloseCircleFilled, null),
62
+ warning: /* @__PURE__ */ import_react.default.createElement(import_icons.ClockCircleFilled, null)
63
+ };
64
+ return wrapSSR(
65
+ /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, status && icon ? /* @__PURE__ */ import_react.default.createElement(
66
+ "span",
67
+ {
68
+ ref,
69
+ className: (0, import_classnames.default)(badgeCls, `${prefixCls}-status`, hashId),
70
+ style: {
71
+ display: "inline-block"
72
+ },
73
+ ...restProps
62
74
  },
63
- className: `${iconPrefixCls}-spin`
64
- }
65
- ),
66
- success: /* @__PURE__ */ import_react.default.createElement(import_icons.CheckCircleFilled, null),
67
- error: /* @__PURE__ */ import_react.default.createElement(import_icons.CloseCircleFilled, null),
68
- warning: /* @__PURE__ */ import_react.default.createElement(import_icons.ClockCircleFilled, null)
69
- };
70
- return wrapSSR(
71
- /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, status && icon ? /* @__PURE__ */ import_react.default.createElement(
72
- "span",
73
- {
74
- className: (0, import_classnames.default)(badgeCls, `${prefixCls}-status`, hashId),
75
- style: {
76
- display: "inline-block"
77
- },
78
- ...restProps
79
- },
80
- /* @__PURE__ */ import_react.default.createElement("span", { className: (0, import_classnames.default)(`${prefixCls}-status-icon`, `${prefixCls}-status-${status}`) }, import_react.default.isValidElement(icon) ? icon : iconMap[status]),
81
- text && /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-status-text` }, text)
82
- ) : /* @__PURE__ */ import_react.default.createElement(
83
- import_antd.Badge,
84
- {
85
- prefixCls: customizePrefixCls,
86
- className: badgeCls,
87
- status,
88
- text,
89
- ...restProps
90
- }
91
- ))
92
- );
93
- };
75
+ /* @__PURE__ */ import_react.default.createElement(
76
+ "span",
77
+ {
78
+ className: (0, import_classnames.default)(`${prefixCls}-status-icon`, `${prefixCls}-status-${status}`)
79
+ },
80
+ import_react.default.isValidElement(icon) ? icon : iconMap[status]
81
+ ),
82
+ text && /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-status-text` }, text)
83
+ ) : /* @__PURE__ */ import_react.default.createElement(
84
+ import_antd.Badge,
85
+ {
86
+ ref,
87
+ prefixCls: customizePrefixCls,
88
+ className: badgeCls,
89
+ status,
90
+ text,
91
+ ...restProps
92
+ }
93
+ ))
94
+ );
95
+ }
96
+ );
94
97
  if (process.env.NODE_ENV !== "production") {
95
98
  Badge.displayName = import_antd.Badge.displayName;
96
99
  }
97
- var badge_default = Badge;
100
+ var badge_default = Object.assign(Badge, {
101
+ Ribbon: import_antd.Badge.Ribbon
102
+ });
98
103
  // Annotate the CommonJS export names for ESM import in node:
99
104
  0 && (module.exports = {
100
105
  ...require("antd/es/badge")
@@ -2,10 +2,8 @@ import type { ButtonProps as AntButtonProps } from 'antd/es/button';
2
2
  import React from 'react';
3
3
  export * from 'antd/es/button';
4
4
  export type ButtonProps = AntButtonProps;
5
- declare const Button: {
6
- ({ prefixCls: customizePrefixCls, className, ...restProps }: ButtonProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
5
+ declare const _default: React.ForwardRefExoticComponent<AntButtonProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>> & {
7
6
  Group: React.FC<import("antd/es/button").ButtonGroupProps>;
8
7
  __ANT_BUTTON: boolean;
9
- displayName: string;
10
8
  };
11
- export default Button;
9
+ export default _default;
@@ -39,19 +39,24 @@ var import_react = __toESM(require("react"));
39
39
  var import_config_provider = __toESM(require("../config-provider"));
40
40
  var import_style = __toESM(require("./style"));
41
41
  __reExport(button_exports, require("antd/es/button"), module.exports);
42
- var Button = ({ prefixCls: customizePrefixCls, className, ...restProps }) => {
43
- const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
44
- const prefixCls = getPrefixCls("btn", customizePrefixCls);
45
- const { wrapSSR } = (0, import_style.default)(prefixCls);
46
- const buttonCls = (0, import_classnames.default)(className);
47
- return wrapSSR(/* @__PURE__ */ import_react.default.createElement(import_antd.Button, { prefixCls: customizePrefixCls, className: buttonCls, ...restProps }));
48
- };
49
- Button.Group = import_antd.Button.Group;
50
- Button.__ANT_BUTTON = import_antd.Button.__ANT_BUTTON;
42
+ var Button = import_react.default.forwardRef(
43
+ ({ prefixCls: customizePrefixCls, className, ...restProps }, ref) => {
44
+ const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
45
+ const prefixCls = getPrefixCls("btn", customizePrefixCls);
46
+ const { wrapSSR } = (0, import_style.default)(prefixCls);
47
+ const buttonCls = (0, import_classnames.default)(className);
48
+ return wrapSSR(
49
+ /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { ref, prefixCls: customizePrefixCls, className: buttonCls, ...restProps })
50
+ );
51
+ }
52
+ );
51
53
  if (process.env.NODE_ENV !== "production") {
52
54
  Button.displayName = import_antd.Button.displayName;
53
55
  }
54
- var button_default = Button;
56
+ var button_default = Object.assign(Button, {
57
+ Group: import_antd.Button.Group,
58
+ __ANT_BUTTON: import_antd.Button.__ANT_BUTTON
59
+ });
55
60
  // Annotate the CommonJS export names for ESM import in node:
56
61
  0 && (module.exports = {
57
62
  ...require("antd/es/button")
@@ -9,10 +9,8 @@ export interface CardProps extends AntCardProps {
9
9
  divided?: boolean;
10
10
  tabList?: CardTabListType[];
11
11
  }
12
- declare const Card: {
13
- ({ children, divided, tabList, prefixCls: customizePrefixCls, className, ...restProps }: CardProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
12
+ declare const _default: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>> & {
14
13
  Grid: React.FC<import("antd/es/card").CardGridProps>;
15
14
  Meta: React.FC<import("antd/es/card").CardMetaProps>;
16
- displayName: string;
17
15
  };
18
- export default Card;
16
+ export default _default;
package/lib/card/index.js CHANGED
@@ -41,43 +41,49 @@ var import_config_provider = __toESM(require("../config-provider"));
41
41
  var import_style = __toESM(require("./style"));
42
42
  __reExport(card_exports, require("antd/es/card/Card"), module.exports);
43
43
  __reExport(card_exports, require("antd/es/card"), module.exports);
44
- var Card = ({
45
- children,
46
- divided = true,
47
- tabList,
48
- prefixCls: customizePrefixCls,
49
- className,
50
- ...restProps
51
- }) => {
52
- const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
53
- const prefixCls = getPrefixCls("card", customizePrefixCls);
54
- const tabsPrefixCls = getPrefixCls("tabs", customizePrefixCls);
55
- const { wrapSSR } = (0, import_style.default)(prefixCls, tabsPrefixCls);
56
- const cardCls = (0, import_classnames.default)(
57
- {
58
- [`${prefixCls}-no-divider`]: !divided
59
- },
60
- className
61
- );
62
- const newTabList = tabList == null ? void 0 : tabList.map((item) => {
63
- if (!(0, import_util.isNullValue)(item.tag)) {
64
- return {
65
- ...item,
66
- tab: /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { size: 4 }, item.tab, /* @__PURE__ */ import_react.default.createElement(import_antd.Tag, { bordered: false, className: `${tabsPrefixCls}-tab-tag` }, item.tag))
67
- };
68
- }
69
- return item;
70
- });
71
- return wrapSSR(
72
- /* @__PURE__ */ import_react.default.createElement(import_antd.Card, { tabList: newTabList, prefixCls: customizePrefixCls, className: cardCls, ...restProps }, children)
73
- );
74
- };
75
- Card.Grid = import_antd.Card.Grid;
76
- Card.Meta = import_antd.Card.Meta;
44
+ var Card = import_react.default.forwardRef(
45
+ ({ children, divided = true, tabList, prefixCls: customizePrefixCls, className, ...restProps }, ref) => {
46
+ const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
47
+ const prefixCls = getPrefixCls("card", customizePrefixCls);
48
+ const tabsPrefixCls = getPrefixCls("tabs", customizePrefixCls);
49
+ const { wrapSSR } = (0, import_style.default)(prefixCls, tabsPrefixCls);
50
+ const cardCls = (0, import_classnames.default)(
51
+ {
52
+ [`${prefixCls}-no-divider`]: !divided
53
+ },
54
+ className
55
+ );
56
+ const newTabList = tabList == null ? void 0 : tabList.map((item) => {
57
+ if (!(0, import_util.isNullValue)(item.tag)) {
58
+ return {
59
+ ...item,
60
+ tab: /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { size: 4 }, item.tab, /* @__PURE__ */ import_react.default.createElement(import_antd.Tag, { bordered: false, className: `${tabsPrefixCls}-tab-tag` }, item.tag))
61
+ };
62
+ }
63
+ return item;
64
+ });
65
+ return wrapSSR(
66
+ /* @__PURE__ */ import_react.default.createElement(
67
+ import_antd.Card,
68
+ {
69
+ ref,
70
+ tabList: newTabList,
71
+ prefixCls: customizePrefixCls,
72
+ className: cardCls,
73
+ ...restProps
74
+ },
75
+ children
76
+ )
77
+ );
78
+ }
79
+ );
77
80
  if (process.env.NODE_ENV !== "production") {
78
81
  Card.displayName = import_antd.Card.displayName;
79
82
  }
80
- var card_default = Card;
83
+ var card_default = Object.assign(Card, {
84
+ Grid: import_antd.Card.Grid,
85
+ Meta: import_antd.Card.Meta
86
+ });
81
87
  // Annotate the CommonJS export names for ESM import in node:
82
88
  0 && (module.exports = {
83
89
  ...require("antd/es/card/Card"),
@@ -39,6 +39,7 @@ var import_lodash = require("lodash");
39
39
  var import_static_function = __toESM(require("../static-function"));
40
40
  var import_theme = __toESM(require("../theme"));
41
41
  var import_default = __toESM(require("../theme/default"));
42
+ var import_dark = __toESM(require("../theme/dark"));
42
43
  __reExport(config_provider_exports, require("./navigate"), module.exports);
43
44
  __reExport(config_provider_exports, require("antd/es/config-provider/context"), module.exports);
44
45
  __reExport(config_provider_exports, require("antd/es/config-provider/SizeContext"), module.exports);
@@ -47,7 +48,7 @@ __reExport(config_provider_exports, require("antd/es/config-provider"), module.e
47
48
  var ExtendedConfigContext = import_react.default.createContext({
48
49
  navigate: void 0
49
50
  });
50
- var { defaultSeed, components } = import_theme.default;
51
+ var { defaultSeed } = import_theme.default;
51
52
  var ConfigProvider = ({
52
53
  children,
53
54
  theme,
@@ -58,6 +59,8 @@ var ConfigProvider = ({
58
59
  }) => {
59
60
  const parentContext = import_react.default.useContext(import_antd.ConfigProvider.ConfigContext);
60
61
  const parentExtendedContext = import_react.default.useContext(ExtendedConfigContext);
62
+ const mergedTheme = (0, import_lodash.merge)(parentContext.theme, theme);
63
+ const currentTheme = mergedTheme.isDark ? import_dark.default : import_default.default;
61
64
  return /* @__PURE__ */ import_react.default.createElement(
62
65
  import_antd.ConfigProvider,
63
66
  {
@@ -71,23 +74,13 @@ var ConfigProvider = ({
71
74
  ),
72
75
  theme: (0, import_lodash.merge)(
73
76
  {
74
- // Only set seed token for dark theme
75
- // Because defaultThemeToken is designed for light theme
76
- token: (theme == null ? void 0 : theme.isDark) ? {
77
- ...defaultSeed
78
- } : {
77
+ token: {
79
78
  ...defaultSeed,
80
- ...import_default.default
79
+ ...currentTheme.token
81
80
  },
82
- components: {
83
- ...components,
84
- InputNumber: {
85
- ...components == null ? void 0 : components.InputNumber
86
- }
87
- }
81
+ components: currentTheme.components
88
82
  },
89
- parentContext.theme,
90
- theme
83
+ mergedTheme
91
84
  ),
92
85
  ...restProps
93
86
  },
@@ -0,0 +1,18 @@
1
+ import type { DrawerProps as AntDrawerProps } from 'antd/es/drawer';
2
+ import type { ButtonProps } from "../button";
3
+ import React from 'react';
4
+ export * from 'antd/es/drawer';
5
+ export interface DrawerProps extends AntDrawerProps {
6
+ onOk?: (e: any) => void;
7
+ onCancel?: (e: any) => void;
8
+ confirmLoading?: boolean;
9
+ footer?: React.ReactNode | boolean;
10
+ cancelText?: string;
11
+ okText?: string;
12
+ okButtonProps?: ButtonProps;
13
+ }
14
+ declare const Drawer: {
15
+ ({ children, onOk, onCancel, cancelText, okText, okButtonProps, confirmLoading, footer, className, prefixCls: customizePrefixCls, style, ...restProps }: DrawerProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
16
+ displayName: string;
17
+ };
18
+ export default Drawer;
@@ -0,0 +1,85 @@
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);
29
+
30
+ // src/drawer/Drawer.tsx
31
+ var Drawer_exports = {};
32
+ __export(Drawer_exports, {
33
+ default: () => Drawer_default
34
+ });
35
+ module.exports = __toCommonJS(Drawer_exports);
36
+ var import_antd = require("antd");
37
+ var import_design = require("../index");
38
+ var import_react = __toESM(require("react"));
39
+ var import_lodash = require("lodash");
40
+ var import_classnames = __toESM(require("classnames"));
41
+ var import_config_provider = __toESM(require("../config-provider"));
42
+ var import_style = __toESM(require("./style"));
43
+ __reExport(Drawer_exports, require("antd/es/drawer"), module.exports);
44
+ var Drawer = ({
45
+ children,
46
+ onOk,
47
+ onCancel,
48
+ cancelText = "取消",
49
+ okText = "确定",
50
+ okButtonProps,
51
+ confirmLoading = false,
52
+ footer = true,
53
+ className,
54
+ prefixCls: customizePrefixCls,
55
+ style = {},
56
+ ...restProps
57
+ }) => {
58
+ const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
59
+ const prefixCls = getPrefixCls("drawer", customizePrefixCls);
60
+ const { wrapSSR } = (0, import_style.default)(prefixCls);
61
+ const drawerCls = (0, import_classnames.default)(prefixCls, className);
62
+ return wrapSSR(
63
+ /* @__PURE__ */ import_react.default.createElement(
64
+ import_antd.Drawer,
65
+ {
66
+ className: `${drawerCls}`,
67
+ prefixCls: customizePrefixCls,
68
+ style: {
69
+ ...style
70
+ },
71
+ ...restProps
72
+ },
73
+ children,
74
+ footer && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-footer-content` }, (0, import_lodash.isBoolean)(footer) ? /* @__PURE__ */ import_react.default.createElement(import_design.Space, null, /* @__PURE__ */ import_react.default.createElement(import_design.Button, { onClick: onCancel }, cancelText), /* @__PURE__ */ import_react.default.createElement(import_design.Button, { onClick: onOk, type: "primary", loading: confirmLoading, ...okButtonProps }, okText)) : footer)
75
+ )
76
+ );
77
+ };
78
+ if (process.env.NODE_ENV !== "production") {
79
+ Drawer.displayName = import_antd.Drawer.displayName;
80
+ }
81
+ var Drawer_default = Drawer;
82
+ // Annotate the CommonJS export names for ESM import in node:
83
+ 0 && (module.exports = {
84
+ ...require("antd/es/drawer")
85
+ });
@@ -1 +1,3 @@
1
1
  export * from 'antd/es/drawer';
2
+ import Drawer from './Drawer';
3
+ export default Drawer;
@@ -1,7 +1,13 @@
1
+ var __create = Object.create;
1
2
  var __defProp = Object.defineProperty;
2
3
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
4
  var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __getProtoOf = Object.getPrototypeOf;
4
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
+ };
5
11
  var __copyProps = (to, from, except, desc) => {
6
12
  if (from && typeof from === "object" || typeof from === "function") {
7
13
  for (let key of __getOwnPropNames(from))
@@ -11,12 +17,25 @@ var __copyProps = (to, from, except, desc) => {
11
17
  return to;
12
18
  };
13
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
+ ));
14
28
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
15
29
 
16
30
  // src/drawer/index.ts
17
31
  var drawer_exports = {};
32
+ __export(drawer_exports, {
33
+ default: () => drawer_default
34
+ });
18
35
  module.exports = __toCommonJS(drawer_exports);
19
36
  __reExport(drawer_exports, require("antd/es/drawer"), module.exports);
37
+ var import_Drawer = __toESM(require("./Drawer"));
38
+ var drawer_default = import_Drawer.default;
20
39
  // Annotate the CommonJS export names for ESM import in node:
21
40
  0 && (module.exports = {
22
41
  ...require("antd/es/drawer")
@@ -0,0 +1,9 @@
1
+ /// <reference types="react" />
2
+ import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
3
+ export type DrawerToken = FullToken<'Drawer'>;
4
+ export declare const genDrawerStyle: GenerateStyle<DrawerToken>;
5
+ declare const _default: (prefixCls: string) => {
6
+ wrapSSR: (node: import("react").ReactNode) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
7
+ hashId: string;
8
+ };
9
+ export default _default;
@@ -0,0 +1,60 @@
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/drawer/style/index.ts
20
+ var style_exports = {};
21
+ __export(style_exports, {
22
+ default: () => style_default,
23
+ genDrawerStyle: () => genDrawerStyle
24
+ });
25
+ module.exports = __toCommonJS(style_exports);
26
+ var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
27
+ var genDrawerStyle = (token) => {
28
+ const { componentCls } = token;
29
+ return {
30
+ [`${componentCls}`]: {
31
+ [`${componentCls}-header`]: {
32
+ padding: "20px 24px 0",
33
+ borderBottom: "none"
34
+ },
35
+ [`${componentCls}-footer-content`]: {
36
+ position: "absolute",
37
+ right: 0,
38
+ bottom: 0,
39
+ width: "calc(100% - 32px)",
40
+ padding: 24,
41
+ paddingLeft: 0,
42
+ background: token.colorBgContainer,
43
+ zIndex: 10,
44
+ display: "flex",
45
+ justifyContent: "end",
46
+ alignItems: "center"
47
+ }
48
+ }
49
+ };
50
+ };
51
+ var style_default = (prefixCls) => {
52
+ const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("Drawer", (token) => {
53
+ return [genDrawerStyle(token)];
54
+ });
55
+ return useStyle(prefixCls);
56
+ };
57
+ // Annotate the CommonJS export names for ESM import in node:
58
+ 0 && (module.exports = {
59
+ genDrawerStyle
60
+ });
package/lib/index.d.ts CHANGED
@@ -8,6 +8,7 @@ export { default as ConfigProvider } from './config-provider';
8
8
  export { default as Descriptions } from './descriptions';
9
9
  export { default as Form } from './form';
10
10
  export { default as Modal } from './modal';
11
+ export { default as Drawer } from './drawer';
11
12
  export { message, notification, token } from './static-function';
12
13
  export { default as Table } from './table';
13
14
  export { default as Tabs } from './tabs';
@@ -20,7 +21,7 @@ export { default as Breadcrumb } from './breadcrumb';
20
21
  export { default as Spin } from './spin';
21
22
  export { default as Badge } from './badge';
22
23
  declare const useToken: () => {
23
- theme: import("@ant-design/cssinjs").Theme<import("antd/es/theme/interface/seeds").SeedToken, import("antd/es/theme/interface").MapToken>;
24
+ theme: import("@ant-design/cssinjs").Theme<import("antd/es/theme/internal").SeedToken, import("antd/es/theme/interface").MapToken>;
24
25
  token: import("antd").GlobalToken;
25
26
  hashId: string;
26
27
  };
package/lib/index.js CHANGED
@@ -37,6 +37,7 @@ __export(src_exports, {
37
37
  Card: () => import_card.default,
38
38
  ConfigProvider: () => import_config_provider.default,
39
39
  Descriptions: () => import_descriptions.default,
40
+ Drawer: () => import_drawer.default,
40
41
  Form: () => import_form.default,
41
42
  Modal: () => import_modal.default,
42
43
  Select: () => import_select.default,
@@ -63,6 +64,7 @@ var import_config_provider = __toESM(require("./config-provider"));
63
64
  var import_descriptions = __toESM(require("./descriptions"));
64
65
  var import_form = __toESM(require("./form"));
65
66
  var import_modal = __toESM(require("./modal"));
67
+ var import_drawer = __toESM(require("./drawer"));
66
68
  var import_static_function = require("./static-function");
67
69
  var import_table = __toESM(require("./table"));
68
70
  var import_tabs = __toESM(require("./tabs"));
@@ -84,6 +86,7 @@ var { useToken } = import_theme2.default;
84
86
  Card,
85
87
  ConfigProvider,
86
88
  Descriptions,
89
+ Drawer,
87
90
  Form,
88
91
  Modal,
89
92
  Select,
@@ -28,7 +28,7 @@ var genModalStyle = (token) => {
28
28
  const {
29
29
  antCls,
30
30
  componentCls,
31
- marginSM,
31
+ marginXXS,
32
32
  marginLG,
33
33
  paddingMD,
34
34
  borderRadius,
@@ -88,7 +88,8 @@ var genModalStyle = (token) => {
88
88
  /* Modal.method() */
89
89
  [`${componentCls}-confirm`]: {
90
90
  [`${componentCls}-body ${componentCls}-confirm-title +${componentCls}-confirm-content`]: {
91
- marginBlockStart: marginSM
91
+ marginBlockStart: marginXXS,
92
+ color: token.colorTextSecondary
92
93
  },
93
94
  [`${componentCls}-confirm-btns`]: {
94
95
  marginTop: marginLG
@@ -1,5 +1,11 @@
1
- import type { SelectProps as AntSelectProps } from 'antd/es/select';
1
+ import type { SelectProps as AntSelectProps, RefSelectProps } from 'antd/es/select';
2
+ import type { OptGroup, Option } from 'rc-select';
3
+ import React from 'react';
2
4
  export * from 'antd/es/select';
3
5
  export type SelectProps = AntSelectProps;
4
- declare const Select: any;
6
+ type CompoundedComponent = React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<RefSelectProps>> & {
7
+ Option: typeof Option;
8
+ OptGroup: typeof OptGroup;
9
+ };
10
+ declare const Select: CompoundedComponent;
5
11
  export default Select;