@qsxy/element-plus-react 1.0.0-next.1 → 1.0.0-next.2
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/Badge/Badge.js +4 -5
- package/dist/Breadcrumb/Breadcrumb.js +1 -4
- package/dist/Button/Button.d.ts +0 -1
- package/dist/Button/Button.js +21 -9
- package/dist/Calendar/Calendar.js +1 -2
- package/dist/Calendar/Footer.js +1 -2
- package/dist/Calendar/Header.js +3 -8
- package/dist/Cascader/Cascader.js +26 -25
- package/dist/Checkbox/Checkbox.js +2 -6
- package/dist/Checkbox/CheckboxButton.js +2 -6
- package/dist/Col/Col.js +1 -8
- package/dist/Collapse/CollapseItem.js +9 -7
- package/dist/Collapse/CollapseTransition.d.ts +7 -6
- package/dist/Collapse/CollapseTransition.js +49 -31
- package/dist/ColorPicker/AlphaSlider.js +0 -1
- package/dist/ColorPicker/ColorPicker.js +0 -1
- package/dist/ColorPicker/HueSlider.js +0 -1
- package/dist/ColorPicker/Predefine.js +0 -1
- package/dist/ColorPicker/SvPanel.js +0 -1
- package/dist/DatePicker/DatePicker.js +19 -8
- package/dist/DatePicker/DateRangePicker.js +11 -10
- package/dist/DateTimePicker/DateTimePicker.d.ts +1 -1
- package/dist/DateTimePicker/DateTimePicker.js +10 -8
- package/dist/Descriptions/Descriptions.js +1 -5
- package/dist/Dialog/Dialog.d.ts +0 -1
- package/dist/Dialog/Dialog.js +3 -6
- package/dist/Dialog/DialogBody.js +0 -3
- package/dist/Dialog/DialogHeader.js +1 -4
- package/dist/Divider/Divider.js +1 -6
- package/dist/Drawer/Drawer.js +10 -5
- package/dist/Drawer/DrawerBody.js +1 -4
- package/dist/Drawer/DrawerHeader.js +1 -4
- package/dist/Dropdown/Dropdown.js +11 -7
- package/dist/Empty/Empty.js +1 -4
- package/dist/Form/Form.js +10 -6
- package/dist/Form/FormItem.js +3 -1
- package/dist/Icon/Icon.js +1 -4
- package/dist/Input/Input.js +16 -9
- package/dist/Input/InputRange.js +11 -8
- package/dist/Input/TextArea.js +8 -4
- package/dist/InputNumber/InputNumber.js +10 -7
- package/dist/Link/Link.js +1 -4
- package/dist/Loading/Loading.js +3 -5
- package/dist/Message/Message.js +11 -8
- package/dist/MessageBox/Main.js +3 -1
- package/dist/MessageBox/index.d.ts +3 -3
- package/dist/MessageBox/index.js +1 -1
- package/dist/Notification/Notification.js +17 -14
- package/dist/Pagination/Pagination.js +15 -11
- package/dist/Popconfirm/Popconfirm.js +13 -9
- package/dist/Popover/Popover.js +12 -8
- package/dist/Popper/Popper.js +15 -11
- package/dist/Progress/Progress.js +12 -8
- package/dist/Row/Row.js +8 -5
- package/dist/Scrollbar/Scrollbar.js +13 -9
- package/dist/Scrollbar/Thumb.js +1 -1
- package/dist/Select/SelectCore.js +17 -14
- package/dist/Skeleton/PlaceholderGrid.js +0 -4
- package/dist/Skeleton/PlaceholderParagraph.js +0 -4
- package/dist/Switch/Switch.js +13 -10
- package/dist/Table/Table.js +13 -9
- package/dist/Table/TableBody.js +10 -41
- package/dist/Table/TableCell.js +0 -5
- package/dist/Table/TableColumn.js +0 -4
- package/dist/Tabs/Tabs.js +1 -4
- package/dist/Tag/Tag.js +24 -17
- package/dist/TimeLine/TimeLineItem.js +7 -4
- package/dist/TimePicker/TimePicker.js +14 -11
- package/dist/TimePicker/TimePickerRange.js +15 -12
- package/dist/TimePicker/TimeSpinnerPanel.js +1 -4
- package/dist/Tooltip/Tooltip.js +12 -8
- package/dist/Transfer/List.js +12 -8
- package/dist/Transfer/Transfer.js +11 -7
- package/dist/Transition/Transition.d.ts +6 -3
- package/dist/Transition/Transition.js +6 -4
- package/dist/Tree/TreeNode.js +1 -4
- package/dist/TreeSelect/TreeSelect.js +14 -13
- package/dist/Upload/Upload.js +9 -8
- package/dist/Upload/UploadList.js +2 -1
- package/dist/Upload/use-handlers.js +1 -1
- package/dist/Util/base.d.ts +1 -0
- package/dist/Util/base.js +5 -0
- package/dist/index.css +72 -45422
- package/dist/theme-chalk/build.scss +64 -0
- package/dist/theme-chalk/icon/fonts.scss +8 -0
- package/dist/theme-chalk/icon/index.scss +0 -9
- package/dist/theme-chalk/index.scss +1 -0
- package/package.json +1 -1
package/dist/Badge/Badge.js
CHANGED
|
@@ -38,8 +38,9 @@ var import_react = __toESM(require("react"));
|
|
|
38
38
|
var import_Transition = __toESM(require("../Transition/Transition"));
|
|
39
39
|
var import_hooks = require("../hooks");
|
|
40
40
|
var Badge = (0, import_react.forwardRef)((props, ref) => {
|
|
41
|
-
const { type, isDot, value, max, hidden, showZero = true, color, offset = [], badgeClass, badgeStyle = {} } = props;
|
|
41
|
+
const { type = "danger", isDot, value, max, hidden, showZero = true, color, offset = [], badgeClass, badgeStyle = {} } = props;
|
|
42
42
|
const { b, e, em, is } = (0, import_hooks.useClassNames)("badge");
|
|
43
|
+
const nodeRef = (0, import_react.useRef)(null);
|
|
43
44
|
const content = (0, import_react.useMemo)(() => {
|
|
44
45
|
if (isDot) {
|
|
45
46
|
return "";
|
|
@@ -49,9 +50,10 @@ var Badge = (0, import_react.forwardRef)((props, ref) => {
|
|
|
49
50
|
}
|
|
50
51
|
return `${value}`;
|
|
51
52
|
}, [isDot, max, value]);
|
|
52
|
-
return /* @__PURE__ */ import_react.default.createElement("div", { ref, className: (0, import_classnames.default)(b(), props.className), style: props.style }, props.children, /* @__PURE__ */ import_react.default.createElement(import_Transition.default, { name: "r-zoom-in-center", visible: !hidden && (!!content || isDot) && !(!showZero && value === 0), display: "inline-flex" }, /* @__PURE__ */ import_react.default.createElement(
|
|
53
|
+
return /* @__PURE__ */ import_react.default.createElement("div", { ref, className: (0, import_classnames.default)(b(), props.className), style: props.style }, props.children, /* @__PURE__ */ import_react.default.createElement(import_Transition.default, { nodeRef, name: "r-zoom-in-center", visible: !hidden && (!!content || isDot) && !(!showZero && value === 0), display: "inline-flex" }, /* @__PURE__ */ import_react.default.createElement(
|
|
53
54
|
"sup",
|
|
54
55
|
{
|
|
56
|
+
ref: nodeRef,
|
|
55
57
|
className: (0, import_classnames.default)(e`content`, em("content", type), is({ fixed: !!props.children, dot: isDot }), badgeClass),
|
|
56
58
|
style: { background: color, marginRight: (offset == null ? void 0 : offset[0]) ? -offset[0] : null, marginTop: offset == null ? void 0 : offset[1], ...badgeStyle }
|
|
57
59
|
},
|
|
@@ -59,7 +61,4 @@ var Badge = (0, import_react.forwardRef)((props, ref) => {
|
|
|
59
61
|
)));
|
|
60
62
|
});
|
|
61
63
|
Badge.displayName = "ElBadge";
|
|
62
|
-
Badge.defaultProps = {
|
|
63
|
-
type: "danger"
|
|
64
|
-
};
|
|
65
64
|
var Badge_default = (0, import_react.memo)(Badge);
|
|
@@ -37,13 +37,10 @@ var import_classnames = __toESM(require("classnames"));
|
|
|
37
37
|
var import_react = __toESM(require("react"));
|
|
38
38
|
var import_hooks = require("../hooks");
|
|
39
39
|
var Breadcrumb = (0, import_react.memo)((props) => {
|
|
40
|
-
const { classPrefix = "breadcrumb", separator } = props;
|
|
40
|
+
const { classPrefix = "breadcrumb", separator = "/" } = props;
|
|
41
41
|
const { b } = (0, import_hooks.useClassNames)(classPrefix);
|
|
42
42
|
return /* @__PURE__ */ import_react.default.createElement(BreadcrumbContext.Provider, { value: { separator } }, /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(b(), props.className), style: props.style }, props.children));
|
|
43
43
|
});
|
|
44
|
-
Breadcrumb.defaultProps = {
|
|
45
|
-
separator: "/"
|
|
46
|
-
};
|
|
47
44
|
var Breadcrumb_default = Breadcrumb;
|
|
48
45
|
var BreadcrumbContext = (0, import_react.createContext)({
|
|
49
46
|
separator: "/"
|
package/dist/Button/Button.d.ts
CHANGED
package/dist/Button/Button.js
CHANGED
|
@@ -43,14 +43,32 @@ var import_ButtonGroupContext = require("./ButtonGroupContext");
|
|
|
43
43
|
var InternalButton = (props, ref) => {
|
|
44
44
|
const { disabled: groupDisabled, type: groupType, size: groupSize, bgColor, borderColor } = (0, import_react.useContext)(import_ButtonGroupContext.ButtonGroupContext);
|
|
45
45
|
const { button } = (0, import_react.useContext)(import_ConfigProvider.ConfigProvider);
|
|
46
|
-
const {
|
|
46
|
+
const {
|
|
47
|
+
active,
|
|
48
|
+
block,
|
|
49
|
+
plain,
|
|
50
|
+
round,
|
|
51
|
+
circle,
|
|
52
|
+
link,
|
|
53
|
+
text,
|
|
54
|
+
bg,
|
|
55
|
+
dashed,
|
|
56
|
+
className,
|
|
57
|
+
loading,
|
|
58
|
+
loadingIcon = "spinner",
|
|
59
|
+
loadingSlot,
|
|
60
|
+
nativeType = "button",
|
|
61
|
+
icon = false,
|
|
62
|
+
onClick,
|
|
63
|
+
...rest
|
|
64
|
+
} = props;
|
|
47
65
|
const disabled = (0, import_hooks.useDisabled)(groupDisabled ?? props.disabled);
|
|
48
66
|
const size = (0, import_hooks.useSize)(groupSize ?? props.size);
|
|
49
67
|
const { b, m, is } = (0, import_hooks.useClassNames)("button");
|
|
50
68
|
const [htmlInputProps] = (0, import_hooks.partitionHTMLProps)(rest);
|
|
51
69
|
const containerRef = (0, import_react.useRef)(null);
|
|
52
|
-
const spin = (0, import_react.useMemo)(() => loadingSlot ?? /* @__PURE__ */ import_react.default.createElement(import_Icon.Icon, { name: loadingIcon, className: (0, import_classnames.default)(b`spin`, is`loading`), spin: true }), [loadingSlot, loadingIcon,
|
|
53
|
-
const type = (0, import_react.useMemo)(() => groupType ?? props.type, [groupType, props.type]);
|
|
70
|
+
const spin = (0, import_react.useMemo)(() => loadingSlot ?? /* @__PURE__ */ import_react.default.createElement(import_Icon.Icon, { name: loadingIcon, className: (0, import_classnames.default)(b`spin`, is`loading`), spin: true }), [loadingSlot, loadingIcon, b, is]);
|
|
71
|
+
const type = (0, import_react.useMemo)(() => groupType ?? (props.type || "default"), [groupType, props.type]);
|
|
54
72
|
const autoInsertSpace = (0, import_react.useMemo)(() => props.autoInsertSpace ?? (button == null ? void 0 : button.autoInsertSpace) ?? true, [button == null ? void 0 : button.autoInsertSpace, props.autoInsertSpace]);
|
|
55
73
|
const children = (0, import_react.useMemo)(() => {
|
|
56
74
|
if (autoInsertSpace && typeof props.children === "string" && props.children.length === 2 && /[\u4e00-\u9fa5]{2}/.test(props.children)) {
|
|
@@ -88,12 +106,6 @@ var InternalButton = (props, ref) => {
|
|
|
88
106
|
};
|
|
89
107
|
var Comp = (0, import_react.memo)((0, import_react.forwardRef)(InternalButton));
|
|
90
108
|
var Button = Comp;
|
|
91
|
-
Button.defaultProps = {
|
|
92
|
-
type: "default",
|
|
93
|
-
nativeType: "button",
|
|
94
|
-
icon: false,
|
|
95
|
-
loadingIcon: "spinner"
|
|
96
|
-
};
|
|
97
109
|
Button.Group = import_ButtonGroup.default;
|
|
98
110
|
Button.displayName = "ElButton";
|
|
99
111
|
var Button_default = Button;
|
|
@@ -273,6 +273,5 @@ var Calendar = (0, import_react.forwardRef)((props, ref) => {
|
|
|
273
273
|
(showToday || showNow) && /* @__PURE__ */ import_react.default.createElement(import_Footer.default, null)
|
|
274
274
|
);
|
|
275
275
|
});
|
|
276
|
-
Calendar.
|
|
277
|
-
Calendar.displayName = "Calendar";
|
|
276
|
+
Calendar.displayName = "ElCalendar";
|
|
278
277
|
var Calendar_default = Calendar;
|
package/dist/Calendar/Footer.js
CHANGED
|
@@ -52,6 +52,5 @@ var Footer = () => {
|
|
|
52
52
|
}, [close, disabledDate, onChange, showToday]);
|
|
53
53
|
return /* @__PURE__ */ import_react.default.createElement("div", { className: e`footer` }, showToday && /* @__PURE__ */ import_react.default.createElement(import_Button.Button, { type: "primary", link: true, className: e`today-btn`, onClick: onPickToday }, "今 天"), showNow && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_Button.Button, { type: "primary", link: true, className: e`link-btn`, onClick: onPickToday }, "此 刻"), /* @__PURE__ */ import_react.default.createElement(import_Button.Button, { type: "default", className: e`link-btn`, onClick: close }, "确 定")));
|
|
54
54
|
};
|
|
55
|
-
Footer.
|
|
56
|
-
Footer.displayName = "Calendar.Footer";
|
|
55
|
+
Footer.displayName = "ElCalendar.Footer";
|
|
57
56
|
var Footer_default = Footer;
|
package/dist/Calendar/Header.js
CHANGED
|
@@ -40,9 +40,9 @@ var import_hooks = require("../hooks");
|
|
|
40
40
|
var Header = (props) => {
|
|
41
41
|
const {
|
|
42
42
|
prefix,
|
|
43
|
-
showBackward,
|
|
44
|
-
showForward,
|
|
45
|
-
showMonth,
|
|
43
|
+
showBackward = true,
|
|
44
|
+
showForward = true,
|
|
45
|
+
showMonth = true,
|
|
46
46
|
plain,
|
|
47
47
|
postion,
|
|
48
48
|
year,
|
|
@@ -62,10 +62,5 @@ var Header = (props) => {
|
|
|
62
62
|
const iconClass = (0, import_react.useMemo)(() => be("picker-panel", "icon-btn", false), [be]);
|
|
63
63
|
return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(e`header`, { [em("header", "bordered")]: border }) }, showBackward && /* @__PURE__ */ import_react.default.createElement("div", { className: e`prev-btn` }, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { disabled: disabledBackwards, className: (0, import_classnames.default)(iconClass, "d-arrow-left"), onClick: onMoveBackwards }, /* @__PURE__ */ import_react.default.createElement(import_Icon.Icon, { name: "angles-left" })), showMonth && /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { disabled: disabledBackward, className: (0, import_classnames.default)(iconClass, "arrow-left"), onClick: onMoveBackward }, /* @__PURE__ */ import_react.default.createElement(import_Icon.Icon, { name: "angle-left" }))), !plain && /* @__PURE__ */ import_react.default.createElement("span", { className: e`header-label`, onClick: () => onToggleView("year", postion) }, year), !plain && showMonth && /* @__PURE__ */ import_react.default.createElement("span", { className: e`header-label`, onClick: () => onToggleView("month", postion) }, month), showForward && /* @__PURE__ */ import_react.default.createElement("div", { className: e`next-btn` }, showMonth && /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { disabled: disabledForward, className: (0, import_classnames.default)(iconClass, "arrow-right"), onClick: onMoveForward }, /* @__PURE__ */ import_react.default.createElement(import_Icon.Icon, { name: "angle-right" })), /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { disabled: disabledForwards, className: (0, import_classnames.default)(iconClass, "d-arrow-right"), onClick: onMoveForwards }, /* @__PURE__ */ import_react.default.createElement(import_Icon.Icon, { name: "angles-right" }))), plain && /* @__PURE__ */ import_react.default.createElement("div", null, showMonth ? `${year} ${month}` : year));
|
|
64
64
|
};
|
|
65
|
-
Header.defaultProps = {
|
|
66
|
-
showBackward: true,
|
|
67
|
-
showForward: true,
|
|
68
|
-
showMonth: true
|
|
69
|
-
};
|
|
70
65
|
Header.displayName = "Calendar.Header";
|
|
71
66
|
var Header_default = Header;
|
|
@@ -58,6 +58,32 @@ var import_useCascader = require("./useCascader");
|
|
|
58
58
|
var Cascader = (0, import_react.memo)(
|
|
59
59
|
(0, import_react.forwardRef)((props, ref) => {
|
|
60
60
|
var _a;
|
|
61
|
+
props = {
|
|
62
|
+
separator: "/",
|
|
63
|
+
showAllLevels: true,
|
|
64
|
+
props: {
|
|
65
|
+
expandTrigger: "click",
|
|
66
|
+
emitPath: true,
|
|
67
|
+
valueKey: "value",
|
|
68
|
+
labelKey: "label",
|
|
69
|
+
childrenKey: "children",
|
|
70
|
+
disabledKey: "disabled",
|
|
71
|
+
leafKey: "leaf"
|
|
72
|
+
},
|
|
73
|
+
treeMenuProps: {
|
|
74
|
+
valueKey: "key",
|
|
75
|
+
labelKey: "title",
|
|
76
|
+
childrenKey: "children",
|
|
77
|
+
disabledKey: "disabled",
|
|
78
|
+
leafKey: "leaf"
|
|
79
|
+
},
|
|
80
|
+
shouldSelect: () => true,
|
|
81
|
+
placeholder: "请选择",
|
|
82
|
+
collapseTags: true,
|
|
83
|
+
collapseTagsTooltip: true,
|
|
84
|
+
maxCollapseTags: 1,
|
|
85
|
+
...props
|
|
86
|
+
};
|
|
61
87
|
const {
|
|
62
88
|
classPrefix = "cascader",
|
|
63
89
|
options,
|
|
@@ -601,30 +627,5 @@ var Cascader = (0, import_react.memo)(
|
|
|
601
627
|
);
|
|
602
628
|
})
|
|
603
629
|
);
|
|
604
|
-
Cascader.defaultProps = {
|
|
605
|
-
separator: "/",
|
|
606
|
-
showAllLevels: true,
|
|
607
|
-
props: {
|
|
608
|
-
expandTrigger: "click",
|
|
609
|
-
emitPath: true,
|
|
610
|
-
valueKey: "value",
|
|
611
|
-
labelKey: "label",
|
|
612
|
-
childrenKey: "children",
|
|
613
|
-
disabledKey: "disabled",
|
|
614
|
-
leafKey: "leaf"
|
|
615
|
-
},
|
|
616
|
-
treeMenuProps: {
|
|
617
|
-
valueKey: "key",
|
|
618
|
-
labelKey: "title",
|
|
619
|
-
childrenKey: "children",
|
|
620
|
-
disabledKey: "disabled",
|
|
621
|
-
leafKey: "leaf"
|
|
622
|
-
},
|
|
623
|
-
shouldSelect: () => true,
|
|
624
|
-
placeholder: "请选择",
|
|
625
|
-
collapseTags: true,
|
|
626
|
-
collapseTagsTooltip: true,
|
|
627
|
-
maxCollapseTags: 1
|
|
628
|
-
};
|
|
629
630
|
Cascader.displayName = "Cascader";
|
|
630
631
|
var Cascader_default = Cascader;
|
|
@@ -51,7 +51,7 @@ var Checkbox = (0, import_react.memo)(
|
|
|
51
51
|
checked: controlledChecked,
|
|
52
52
|
className,
|
|
53
53
|
children,
|
|
54
|
-
defaultChecked,
|
|
54
|
+
defaultChecked = false,
|
|
55
55
|
title,
|
|
56
56
|
indeterminate,
|
|
57
57
|
readOnly = readOnlyContext,
|
|
@@ -60,7 +60,7 @@ var Checkbox = (0, import_react.memo)(
|
|
|
60
60
|
onClick,
|
|
61
61
|
onCheckboxClick,
|
|
62
62
|
onChange,
|
|
63
|
-
prevent,
|
|
63
|
+
prevent = false,
|
|
64
64
|
onMouseEnter,
|
|
65
65
|
onMouseLeave,
|
|
66
66
|
...rest
|
|
@@ -160,9 +160,5 @@ var Checkbox = (0, import_react.memo)(
|
|
|
160
160
|
return title ? /* @__PURE__ */ import_react.default.createElement(import_Tooltip.default, { content: title }, main) : main;
|
|
161
161
|
})
|
|
162
162
|
);
|
|
163
|
-
Checkbox.defaultProps = {
|
|
164
|
-
prevent: false,
|
|
165
|
-
defaultChecked: false
|
|
166
|
-
};
|
|
167
163
|
Checkbox.displayName = "ElCheckbox";
|
|
168
164
|
var Checkbox_default = Checkbox;
|
|
@@ -50,7 +50,7 @@ var CheckboxButton = (0, import_react.forwardRef)((props, ref) => {
|
|
|
50
50
|
checked: controlledChecked,
|
|
51
51
|
className,
|
|
52
52
|
children,
|
|
53
|
-
defaultChecked,
|
|
53
|
+
defaultChecked = false,
|
|
54
54
|
title,
|
|
55
55
|
indeterminate,
|
|
56
56
|
readOnly = readOnlyContext,
|
|
@@ -59,7 +59,7 @@ var CheckboxButton = (0, import_react.forwardRef)((props, ref) => {
|
|
|
59
59
|
onClick,
|
|
60
60
|
onCheckboxClick,
|
|
61
61
|
onChange,
|
|
62
|
-
prevent,
|
|
62
|
+
prevent = false,
|
|
63
63
|
onMouseEnter,
|
|
64
64
|
onMouseLeave,
|
|
65
65
|
...rest
|
|
@@ -158,9 +158,5 @@ var CheckboxButton = (0, import_react.forwardRef)((props, ref) => {
|
|
|
158
158
|
return title ? /* @__PURE__ */ import_react.default.createElement(import_Tooltip.default, { content: title }, main) : main;
|
|
159
159
|
});
|
|
160
160
|
var Comp = (0, import_react.memo)(CheckboxButton);
|
|
161
|
-
Comp.defaultProps = {
|
|
162
|
-
prevent: false,
|
|
163
|
-
defaultChecked: false
|
|
164
|
-
};
|
|
165
161
|
Comp.displayName = "ElCheckboxButton";
|
|
166
162
|
var CheckboxButton_default = Comp;
|
package/dist/Col/Col.js
CHANGED
|
@@ -39,7 +39,7 @@ var import_Row = require("../Row");
|
|
|
39
39
|
var import_Util = require("../Util");
|
|
40
40
|
var import_hooks = require("../hooks");
|
|
41
41
|
var Col = (0, import_react.memo)((props) => {
|
|
42
|
-
const { tag = "div", span, offset, push, pull, classPrefix = "col" } = props;
|
|
42
|
+
const { tag = "div", span = 24, offset = 0, push = 0, pull = 0, classPrefix = "col" } = props;
|
|
43
43
|
const { wb, b, is } = (0, import_hooks.useClassNames)(classPrefix);
|
|
44
44
|
const { gutter = 0 } = (0, import_react.useContext)(import_Row.RowContext);
|
|
45
45
|
const mediaClassName = (0, import_react.useMemo)(() => {
|
|
@@ -79,11 +79,4 @@ var Col = (0, import_react.memo)((props) => {
|
|
|
79
79
|
props.children
|
|
80
80
|
);
|
|
81
81
|
});
|
|
82
|
-
Col.defaultProps = {
|
|
83
|
-
span: 24,
|
|
84
|
-
offset: 0,
|
|
85
|
-
push: 0,
|
|
86
|
-
pull: 0,
|
|
87
|
-
tag: "div"
|
|
88
|
-
};
|
|
89
82
|
var Col_default = Col;
|
|
@@ -43,6 +43,7 @@ var CollapseItem = (0, import_react.memo)((props) => {
|
|
|
43
43
|
const { name, title, disabled, classPrefix = "collapse-item" } = props;
|
|
44
44
|
const { b, e, is } = (0, import_hooks.useClassNames)(classPrefix);
|
|
45
45
|
const { value, setValue, accordion, onChange } = (0, import_react.useContext)(import_CollapseContext.CollapseContext);
|
|
46
|
+
const containerRef = (0, import_react.useRef)(null);
|
|
46
47
|
const active = (0, import_react.useMemo)(() => {
|
|
47
48
|
if (accordion && typeof value === "string") {
|
|
48
49
|
return name === value;
|
|
@@ -77,17 +78,18 @@ var CollapseItem = (0, import_react.memo)((props) => {
|
|
|
77
78
|
return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(b(), is({ active, disabled }), props.className), style: props.style }, /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { className: e`header`, onClick: handleClick }, title, /* @__PURE__ */ import_react.default.createElement(import_Icon.Icon, { name: "angle-right", className: (0, import_classnames.default)(e`arrow`, is({ active })) }))), /* @__PURE__ */ import_react.default.createElement(
|
|
78
79
|
import_Transition.Transition,
|
|
79
80
|
{
|
|
81
|
+
nodeRef: containerRef,
|
|
80
82
|
name: "r-menu-collapse",
|
|
81
83
|
duration: 300,
|
|
82
84
|
visible: active,
|
|
83
|
-
beforeEnter: import_CollapseTransition.beforeEnter,
|
|
84
|
-
onEnter: import_CollapseTransition.onEnter,
|
|
85
|
-
afterEnter: import_CollapseTransition.afterEnter,
|
|
86
|
-
beforeLeave: import_CollapseTransition.beforeLeave,
|
|
87
|
-
onLeave: import_CollapseTransition.onLeave,
|
|
88
|
-
afterLeave: import_CollapseTransition.afterLeave
|
|
85
|
+
beforeEnter: () => (0, import_CollapseTransition.beforeEnter)(containerRef),
|
|
86
|
+
onEnter: () => (0, import_CollapseTransition.onEnter)(containerRef),
|
|
87
|
+
afterEnter: () => (0, import_CollapseTransition.afterEnter)(containerRef),
|
|
88
|
+
beforeLeave: () => (0, import_CollapseTransition.beforeLeave)(containerRef),
|
|
89
|
+
onLeave: () => (0, import_CollapseTransition.onLeave)(containerRef),
|
|
90
|
+
afterLeave: () => (0, import_CollapseTransition.afterLeave)(containerRef)
|
|
89
91
|
},
|
|
90
|
-
/* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(e`wrap`), style: { display: "none" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: e`content` }, props.children))
|
|
92
|
+
/* @__PURE__ */ import_react.default.createElement("div", { ref: containerRef, className: (0, import_classnames.default)(e`wrap`), style: { display: "none" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: e`content` }, props.children))
|
|
91
93
|
));
|
|
92
94
|
});
|
|
93
95
|
CollapseItem.displayName = "CollapseItem";
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
export declare const
|
|
3
|
-
export declare const
|
|
4
|
-
export declare const
|
|
5
|
-
export declare const
|
|
6
|
-
export declare const
|
|
1
|
+
import { RefObject } from 'react';
|
|
2
|
+
export declare const beforeEnter: (node: RefObject<HTMLElement>) => void;
|
|
3
|
+
export declare const onEnter: (node: RefObject<HTMLElement>) => void;
|
|
4
|
+
export declare const afterEnter: (node: RefObject<HTMLElement>) => void;
|
|
5
|
+
export declare const beforeLeave: (node: RefObject<any>) => void;
|
|
6
|
+
export declare const onLeave: (node: RefObject<any>) => void;
|
|
7
|
+
export declare const afterLeave: (node: RefObject<HTMLElement>) => void;
|
|
@@ -28,44 +28,62 @@ __export(CollapseTransition_exports, {
|
|
|
28
28
|
});
|
|
29
29
|
module.exports = __toCommonJS(CollapseTransition_exports);
|
|
30
30
|
var import_dom_lib = require("dom-lib");
|
|
31
|
-
var beforeEnter = (
|
|
32
|
-
|
|
33
|
-
|
|
31
|
+
var beforeEnter = (node) => {
|
|
32
|
+
if (node.current) {
|
|
33
|
+
const { current: el } = node;
|
|
34
|
+
el.style.opacity = "0";
|
|
35
|
+
el.style.height = "0";
|
|
36
|
+
}
|
|
34
37
|
};
|
|
35
|
-
var onEnter = (
|
|
36
|
-
(
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
el.
|
|
40
|
-
|
|
41
|
-
|
|
38
|
+
var onEnter = (node) => {
|
|
39
|
+
if (node.current) {
|
|
40
|
+
const { current: el } = node;
|
|
41
|
+
(0, import_dom_lib.addClass)(el, "collapse-transition");
|
|
42
|
+
el.dataset.oldOverflow = el.style.overflow;
|
|
43
|
+
if (el.scrollHeight !== 0) {
|
|
44
|
+
el.style.height = `${el.scrollHeight}px`;
|
|
45
|
+
} else {
|
|
46
|
+
el.style.height = "";
|
|
47
|
+
}
|
|
48
|
+
el.style.overflow = "hidden";
|
|
49
|
+
el.style.opacity = "1";
|
|
42
50
|
}
|
|
43
|
-
el.style.overflow = "hidden";
|
|
44
|
-
el.style.opacity = "1";
|
|
45
51
|
};
|
|
46
|
-
var afterEnter = (
|
|
47
|
-
(
|
|
48
|
-
|
|
49
|
-
|
|
52
|
+
var afterEnter = (node) => {
|
|
53
|
+
if (node.current) {
|
|
54
|
+
const { current: el } = node;
|
|
55
|
+
(0, import_dom_lib.removeClass)(el, "collapse-transition");
|
|
56
|
+
el.style.height = "";
|
|
57
|
+
el.style.overflow = el.dataset.oldOverflow;
|
|
58
|
+
}
|
|
50
59
|
};
|
|
51
|
-
var beforeLeave = (
|
|
52
|
-
(
|
|
53
|
-
|
|
54
|
-
el
|
|
60
|
+
var beforeLeave = (node) => {
|
|
61
|
+
if (node.current) {
|
|
62
|
+
const { current: el } = node;
|
|
63
|
+
(0, import_dom_lib.addClass)(el, "collapse-transition");
|
|
64
|
+
if (!el.dataset) {
|
|
65
|
+
el.dataset = {};
|
|
66
|
+
}
|
|
67
|
+
el.dataset.oldOverflow = el.style.overflow;
|
|
68
|
+
el.style.height = `${el.scrollHeight}px`;
|
|
69
|
+
el.style.overflow = "hidden";
|
|
70
|
+
el.style.margin = 0;
|
|
55
71
|
}
|
|
56
|
-
el.dataset.oldOverflow = el.style.overflow;
|
|
57
|
-
el.style.height = `${el.scrollHeight}px`;
|
|
58
|
-
el.style.overflow = "hidden";
|
|
59
|
-
el.style.margin = 0;
|
|
60
72
|
};
|
|
61
|
-
var onLeave = (
|
|
62
|
-
|
|
63
|
-
|
|
73
|
+
var onLeave = (node) => {
|
|
74
|
+
if (node.current) {
|
|
75
|
+
const { current: el } = node;
|
|
76
|
+
el.style.transitionProperty = "height";
|
|
77
|
+
el.style.height = 0;
|
|
78
|
+
}
|
|
64
79
|
};
|
|
65
|
-
var afterLeave = (
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
80
|
+
var afterLeave = (node) => {
|
|
81
|
+
if (node.current) {
|
|
82
|
+
const { current: el } = node;
|
|
83
|
+
el.style.height = "";
|
|
84
|
+
el.style.overflow = el.dataset.oldOverflow;
|
|
85
|
+
el.style.display = "";
|
|
86
|
+
}
|
|
69
87
|
};
|
|
70
88
|
// Annotate the CommonJS export names for ESM import in node:
|
|
71
89
|
0 && (module.exports = {
|
|
@@ -128,6 +128,5 @@ var AlphaSlider = (0, import_react.forwardRef)((props, ref) => {
|
|
|
128
128
|
);
|
|
129
129
|
return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(b(), is({ vertical })), ref: el }, /* @__PURE__ */ import_react.default.createElement("div", { className: e`bar`, ref: bar, onClick: handleClick, style: { backgroundImage: background } }), /* @__PURE__ */ import_react.default.createElement("div", { className: e`thumb`, ref: thumb, style: { left: thumbLeft, top: thumbTop } }));
|
|
130
130
|
});
|
|
131
|
-
AlphaSlider.defaultProps = {};
|
|
132
131
|
AlphaSlider.displayName = "AlphaSlider";
|
|
133
132
|
var AlphaSlider_default = AlphaSlider;
|
|
@@ -210,6 +210,5 @@ var ColorPicker = (0, import_react.forwardRef)((props, ref) => {
|
|
|
210
210
|
)), /* @__PURE__ */ import_react.default.createElement(import_Button.Button, { size: "small", type: "primary", link: true, className: be("dropdown", "link-btn"), onClick: onClear }, "重置"), /* @__PURE__ */ import_react.default.createElement(import_Button.Button, { plain: true, size: "small", className: be("dropdown", "btn"), onClick: confirmValue }, "确定")))
|
|
211
211
|
));
|
|
212
212
|
});
|
|
213
|
-
ColorPicker.defaultProps = {};
|
|
214
213
|
ColorPicker.displayName = "ColorPicker";
|
|
215
214
|
var ColorPicker_default = ColorPicker;
|
|
@@ -120,6 +120,5 @@ var HueSlider = (0, import_react.forwardRef)((props, ref) => {
|
|
|
120
120
|
);
|
|
121
121
|
return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(b(), is({ vertical })), ref: el }, /* @__PURE__ */ import_react.default.createElement("div", { className: e`bar`, ref: bar, onClick: handleClick }), /* @__PURE__ */ import_react.default.createElement("div", { className: e`thumb`, ref: thumb, style: { left: thumbLeft, top: thumbTop } }));
|
|
122
122
|
});
|
|
123
|
-
HueSlider.defaultProps = {};
|
|
124
123
|
HueSlider.displayName = "HueSlider";
|
|
125
124
|
var HueSlider_default = HueSlider;
|
|
@@ -90,6 +90,5 @@ var SvPanel = (0, import_react.forwardRef)((props, ref) => {
|
|
|
90
90
|
});
|
|
91
91
|
return /* @__PURE__ */ import_react.default.createElement("div", { className: b(), style: { backgroundColor: background }, ref: el }, /* @__PURE__ */ import_react.default.createElement("div", { className: e`white` }), /* @__PURE__ */ import_react.default.createElement("div", { className: e`black` }), /* @__PURE__ */ import_react.default.createElement("div", { className: e`cursor`, style: { top: cursorTop, left: cursorLeft } }, /* @__PURE__ */ import_react.default.createElement("div", null)));
|
|
92
92
|
});
|
|
93
|
-
SvPanel.defaultProps = {};
|
|
94
93
|
SvPanel.displayName = "SvPanel";
|
|
95
94
|
var SvPanel_default = SvPanel;
|
|
@@ -50,7 +50,25 @@ import_dayjs.default.extend(import_advancedFormat.default);
|
|
|
50
50
|
import_dayjs.default.extend(import_weekOfYear.default);
|
|
51
51
|
var DatePicker = (0, import_react.memo)(
|
|
52
52
|
(0, import_react.forwardRef)((props, ref) => {
|
|
53
|
-
const {
|
|
53
|
+
const {
|
|
54
|
+
name,
|
|
55
|
+
readonly = true,
|
|
56
|
+
clearable = true,
|
|
57
|
+
required,
|
|
58
|
+
valueFormat,
|
|
59
|
+
plain,
|
|
60
|
+
onClick,
|
|
61
|
+
prepend,
|
|
62
|
+
append,
|
|
63
|
+
error,
|
|
64
|
+
warning,
|
|
65
|
+
shortcuts,
|
|
66
|
+
onChange,
|
|
67
|
+
formatter,
|
|
68
|
+
type = "date",
|
|
69
|
+
isoWeek = true,
|
|
70
|
+
...rest
|
|
71
|
+
} = props;
|
|
54
72
|
const [value, setValue] = (0, import_hooks.useControlled)(props.value, props.defaultValue);
|
|
55
73
|
const [visible, setVisible] = (0, import_react.useState)(false);
|
|
56
74
|
const popperInstRef = (0, import_react.useRef)();
|
|
@@ -213,12 +231,5 @@ var DatePicker = (0, import_react.memo)(
|
|
|
213
231
|
));
|
|
214
232
|
})
|
|
215
233
|
);
|
|
216
|
-
DatePicker.defaultProps = {
|
|
217
|
-
type: "date",
|
|
218
|
-
readonly: true,
|
|
219
|
-
isoWeek: true,
|
|
220
|
-
clearable: true,
|
|
221
|
-
disabled: false
|
|
222
|
-
};
|
|
223
234
|
DatePicker.displayName = "DatePicker";
|
|
224
235
|
var DatePicker_default = DatePicker;
|
|
@@ -46,6 +46,17 @@ var import_Util = require("../Util");
|
|
|
46
46
|
var import_hooks = require("../hooks");
|
|
47
47
|
var DateRangePicker = (0, import_react.memo)(
|
|
48
48
|
(0, import_react.forwardRef)((props, ref) => {
|
|
49
|
+
props = {
|
|
50
|
+
name: ["", ""],
|
|
51
|
+
type: "daterange",
|
|
52
|
+
readOnly: false,
|
|
53
|
+
isoWeek: true,
|
|
54
|
+
clearable: true,
|
|
55
|
+
disabled: false,
|
|
56
|
+
unlinkPanels: false,
|
|
57
|
+
rangeSeparator: "到",
|
|
58
|
+
...props
|
|
59
|
+
};
|
|
49
60
|
const { name, clearable, valueFormat, type, classPrefix = "range", prepend, append, onChange, error, warning, formatter } = props;
|
|
50
61
|
const [value, setValue] = (0, import_hooks.useControlled)(props.value, props.defaultValue);
|
|
51
62
|
const { b, e, be, bm, ebm, is } = (0, import_hooks.useClassNames)(classPrefix);
|
|
@@ -273,15 +284,5 @@ var DateRangePicker = (0, import_react.memo)(
|
|
|
273
284
|
));
|
|
274
285
|
})
|
|
275
286
|
);
|
|
276
|
-
DateRangePicker.defaultProps = {
|
|
277
|
-
name: ["", ""],
|
|
278
|
-
type: "daterange",
|
|
279
|
-
readOnly: false,
|
|
280
|
-
isoWeek: true,
|
|
281
|
-
clearable: true,
|
|
282
|
-
disabled: false,
|
|
283
|
-
unlinkPanels: false,
|
|
284
|
-
rangeSeparator: "到"
|
|
285
|
-
};
|
|
286
287
|
DateRangePicker.displayName = "DateRangePicker";
|
|
287
288
|
var DateRangePicker_default = DateRangePicker;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { DateTimePickerRef } from './typings';
|
|
3
|
-
declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<import("..").DatePickerProps, "
|
|
3
|
+
declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<import("..").DatePickerProps, "name" | "value" | "type" | "defaultValue" | "onChange"> & {
|
|
4
4
|
name?: string;
|
|
5
5
|
value?: string;
|
|
6
6
|
defaultValue?: string;
|
|
@@ -45,6 +45,15 @@ var import_Util = require("../Util");
|
|
|
45
45
|
var import_hooks = require("../hooks");
|
|
46
46
|
var import_util = require("./util");
|
|
47
47
|
var DateTimePicker = (0, import_react.forwardRef)((props, ref) => {
|
|
48
|
+
props = {
|
|
49
|
+
format: "YYYY-MM-DD HH:mm:ss",
|
|
50
|
+
readonly: true,
|
|
51
|
+
isoWeek: true,
|
|
52
|
+
clearable: true,
|
|
53
|
+
disabled: false,
|
|
54
|
+
placeholder: "请选择日期时间",
|
|
55
|
+
...props
|
|
56
|
+
};
|
|
48
57
|
const {
|
|
49
58
|
name,
|
|
50
59
|
readonly,
|
|
@@ -181,6 +190,7 @@ var DateTimePicker = (0, import_react.forwardRef)((props, ref) => {
|
|
|
181
190
|
/* @__PURE__ */ import_react.default.createElement(import_Calendar.Calendar, { hasTime: true }, /* @__PURE__ */ import_react.default.createElement("div", { className: e`time-header` }, /* @__PURE__ */ import_react.default.createElement("div", { className: e`editor-wrap` }, /* @__PURE__ */ import_react.default.createElement(import_Input.Input, { placeholder: "选择日期", value: date, clearable: false })), /* @__PURE__ */ import_react.default.createElement("div", { className: e`editor-wrap` }, /* @__PURE__ */ import_react.default.createElement(import_Input.Input, { placeholder: "选择时间", value: time, clearable: false, onFocus: () => setShowTime(true), ref: timeReferenceElement }), /* @__PURE__ */ import_react.default.createElement(
|
|
182
191
|
import_Transition.Transition,
|
|
183
192
|
{
|
|
193
|
+
nodeRef: () => ({ current: timePanelRef.current.ref }),
|
|
184
194
|
visible: showTime,
|
|
185
195
|
name: "r-slide-up",
|
|
186
196
|
transitionAppear: true,
|
|
@@ -215,13 +225,5 @@ var DateTimePicker = (0, import_react.forwardRef)((props, ref) => {
|
|
|
215
225
|
)
|
|
216
226
|
));
|
|
217
227
|
});
|
|
218
|
-
DateTimePicker.defaultProps = {
|
|
219
|
-
format: "YYYY-MM-DD HH:mm:ss",
|
|
220
|
-
readonly: true,
|
|
221
|
-
isoWeek: true,
|
|
222
|
-
clearable: true,
|
|
223
|
-
disabled: false,
|
|
224
|
-
placeholder: "请选择日期时间"
|
|
225
|
-
};
|
|
226
228
|
DateTimePicker.displayName = "DateTimePicker";
|
|
227
229
|
var DateTimePicker_default = (0, import_react.memo)(DateTimePicker);
|
|
@@ -38,7 +38,7 @@ var import_hooks = require("../hooks");
|
|
|
38
38
|
var import_DescriptionsContext = require("./DescriptionsContext");
|
|
39
39
|
var import_DescriptionsRow = __toESM(require("./DescriptionsRow"));
|
|
40
40
|
var Descriptions = (0, import_react.forwardRef)((props, ref) => {
|
|
41
|
-
const { border, column, direction, title, size, extra, classPrefix = "descriptions", className, style } = props;
|
|
41
|
+
const { border, column = 3, direction = "horizontal", title, size, extra, classPrefix = "descriptions", className, style } = props;
|
|
42
42
|
const { b, e, m, is } = (0, import_hooks.useClassNames)(classPrefix);
|
|
43
43
|
const getChildInstance = (0, import_hooks.useChildrenInstance)("DescriptionsItem");
|
|
44
44
|
const filledNode = (0, import_react.useCallback)((node, span, count, isLast = false) => {
|
|
@@ -89,8 +89,4 @@ var Descriptions = (0, import_react.forwardRef)((props, ref) => {
|
|
|
89
89
|
return /* @__PURE__ */ import_react.default.createElement("div", { ref, className: (0, import_classnames.default)(b(), { [m(size)]: size }, className), style }, (title || extra) && /* @__PURE__ */ import_react.default.createElement("div", { className: e`header` }, /* @__PURE__ */ import_react.default.createElement("div", { className: e`title` }, title), /* @__PURE__ */ import_react.default.createElement("div", { className: e`extra` }, extra)), /* @__PURE__ */ import_react.default.createElement(import_DescriptionsContext.DescriptionsContext.Provider, { value: { direction, border } }, /* @__PURE__ */ import_react.default.createElement("div", { className: e`body` }, /* @__PURE__ */ import_react.default.createElement("table", { className: (0, import_classnames.default)(e`table`, is({ bordered: border })) }, /* @__PURE__ */ import_react.default.createElement("tbody", null, rows.map((row) => /* @__PURE__ */ import_react.default.createElement(import_DescriptionsRow.default, { row })))))));
|
|
90
90
|
});
|
|
91
91
|
Descriptions.displayName = "Descriptions";
|
|
92
|
-
Descriptions.defaultProps = {
|
|
93
|
-
column: 3,
|
|
94
|
-
direction: "horizontal"
|
|
95
|
-
};
|
|
96
92
|
var Descriptions_default = (0, import_react.memo)(Descriptions);
|
package/dist/Dialog/Dialog.d.ts
CHANGED