@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.
- package/dist/design.min.js +1 -1
- package/es/_util/type.d.ts +4 -0
- package/es/_util/type.js +1 -0
- package/es/badge/index.d.ts +3 -4
- package/es/badge/index.js +7 -3
- package/es/button/index.d.ts +2 -4
- package/es/button/index.js +7 -5
- package/es/card/index.d.ts +2 -4
- package/es/card/index.js +7 -5
- package/es/config-provider/index.js +9 -11
- package/es/drawer/Drawer.d.ts +18 -0
- package/es/drawer/Drawer.js +69 -0
- package/es/drawer/index.d.ts +2 -0
- package/es/drawer/index.js +3 -1
- package/es/drawer/style/index.d.ts +9 -0
- package/es/drawer/style/index.js +31 -0
- package/es/index.d.ts +2 -1
- package/es/index.js +1 -0
- package/es/modal/style/index.js +3 -2
- package/es/select/index.d.ts +8 -2
- package/es/select/index.js +6 -6
- package/es/spin/index.js +1 -0
- package/es/static-function/index.d.ts +1 -1
- package/es/static-function/index.js +2 -2
- package/es/table/index.d.ts +17 -12
- package/es/table/index.js +19 -16
- package/es/tag/index.d.ts +2 -4
- package/es/tag/index.js +7 -5
- package/es/theme/dark.d.ts +56 -0
- package/es/theme/dark.js +10 -0
- package/es/theme/default.d.ts +94 -72
- package/es/theme/default.js +95 -72
- package/es/theme/index.d.ts +8 -13
- package/es/theme/index.js +15 -20
- package/es/theme/style/compact.less +211 -186
- package/es/theme/style/dark.less +194 -169
- package/es/theme/style/default.less +208 -183
- package/es/tooltip/index.d.ts +2 -2
- package/es/tooltip/index.js +3 -2
- package/lib/_util/type.d.ts +4 -0
- package/lib/_util/type.js +17 -0
- package/lib/badge/index.d.ts +3 -4
- package/lib/badge/index.js +56 -51
- package/lib/button/index.d.ts +2 -4
- package/lib/button/index.js +15 -10
- package/lib/card/index.d.ts +2 -4
- package/lib/card/index.js +40 -34
- package/lib/config-provider/index.js +8 -15
- package/lib/drawer/Drawer.d.ts +18 -0
- package/lib/drawer/Drawer.js +85 -0
- package/lib/drawer/index.d.ts +2 -0
- package/lib/drawer/index.js +19 -0
- package/lib/drawer/style/index.d.ts +9 -0
- package/lib/drawer/style/index.js +60 -0
- package/lib/index.d.ts +2 -1
- package/lib/index.js +3 -0
- package/lib/modal/style/index.js +3 -2
- package/lib/select/index.d.ts +8 -2
- package/lib/select/index.js +14 -10
- package/lib/spin/index.js +1 -0
- package/lib/static-function/index.d.ts +1 -1
- package/lib/static-function/index.js +1 -1
- package/lib/table/index.d.ts +17 -12
- package/lib/table/index.js +17 -14
- package/lib/tag/index.d.ts +2 -4
- package/lib/tag/index.js +25 -28
- package/lib/theme/dark.d.ts +56 -0
- package/lib/theme/dark.js +44 -0
- package/lib/theme/default.d.ts +94 -72
- package/lib/theme/default.js +94 -71
- package/lib/theme/index.d.ts +8 -13
- package/lib/theme/index.js +27 -21
- package/lib/theme/style/compact.less +211 -186
- package/lib/theme/style/dark.less +194 -169
- package/lib/theme/style/default.less +208 -183
- package/lib/tooltip/index.d.ts +2 -2
- package/lib/tooltip/index.js +83 -80
- package/package.json +6 -4
package/lib/badge/index.js
CHANGED
|
@@ -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
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
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
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
)
|
|
83
|
-
|
|
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")
|
package/lib/button/index.d.ts
CHANGED
|
@@ -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
|
|
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
|
|
9
|
+
export default _default;
|
package/lib/button/index.js
CHANGED
|
@@ -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 = (
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
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")
|
package/lib/card/index.d.ts
CHANGED
|
@@ -9,10 +9,8 @@ export interface CardProps extends AntCardProps {
|
|
|
9
9
|
divided?: boolean;
|
|
10
10
|
tabList?: CardTabListType[];
|
|
11
11
|
}
|
|
12
|
-
declare const
|
|
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
|
|
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
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
|
|
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
|
|
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
|
-
|
|
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
|
-
...
|
|
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
|
-
|
|
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
|
+
});
|
package/lib/drawer/index.d.ts
CHANGED
package/lib/drawer/index.js
CHANGED
|
@@ -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/
|
|
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,
|
package/lib/modal/style/index.js
CHANGED
|
@@ -28,7 +28,7 @@ var genModalStyle = (token) => {
|
|
|
28
28
|
const {
|
|
29
29
|
antCls,
|
|
30
30
|
componentCls,
|
|
31
|
-
|
|
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:
|
|
91
|
+
marginBlockStart: marginXXS,
|
|
92
|
+
color: token.colorTextSecondary
|
|
92
93
|
},
|
|
93
94
|
[`${componentCls}-confirm-btns`]: {
|
|
94
95
|
marginTop: marginLG
|
package/lib/select/index.d.ts
CHANGED
|
@@ -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
|
-
|
|
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;
|