@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.
Files changed (88) hide show
  1. package/dist/Badge/Badge.js +4 -5
  2. package/dist/Breadcrumb/Breadcrumb.js +1 -4
  3. package/dist/Button/Button.d.ts +0 -1
  4. package/dist/Button/Button.js +21 -9
  5. package/dist/Calendar/Calendar.js +1 -2
  6. package/dist/Calendar/Footer.js +1 -2
  7. package/dist/Calendar/Header.js +3 -8
  8. package/dist/Cascader/Cascader.js +26 -25
  9. package/dist/Checkbox/Checkbox.js +2 -6
  10. package/dist/Checkbox/CheckboxButton.js +2 -6
  11. package/dist/Col/Col.js +1 -8
  12. package/dist/Collapse/CollapseItem.js +9 -7
  13. package/dist/Collapse/CollapseTransition.d.ts +7 -6
  14. package/dist/Collapse/CollapseTransition.js +49 -31
  15. package/dist/ColorPicker/AlphaSlider.js +0 -1
  16. package/dist/ColorPicker/ColorPicker.js +0 -1
  17. package/dist/ColorPicker/HueSlider.js +0 -1
  18. package/dist/ColorPicker/Predefine.js +0 -1
  19. package/dist/ColorPicker/SvPanel.js +0 -1
  20. package/dist/DatePicker/DatePicker.js +19 -8
  21. package/dist/DatePicker/DateRangePicker.js +11 -10
  22. package/dist/DateTimePicker/DateTimePicker.d.ts +1 -1
  23. package/dist/DateTimePicker/DateTimePicker.js +10 -8
  24. package/dist/Descriptions/Descriptions.js +1 -5
  25. package/dist/Dialog/Dialog.d.ts +0 -1
  26. package/dist/Dialog/Dialog.js +3 -6
  27. package/dist/Dialog/DialogBody.js +0 -3
  28. package/dist/Dialog/DialogHeader.js +1 -4
  29. package/dist/Divider/Divider.js +1 -6
  30. package/dist/Drawer/Drawer.js +10 -5
  31. package/dist/Drawer/DrawerBody.js +1 -4
  32. package/dist/Drawer/DrawerHeader.js +1 -4
  33. package/dist/Dropdown/Dropdown.js +11 -7
  34. package/dist/Empty/Empty.js +1 -4
  35. package/dist/Form/Form.js +10 -6
  36. package/dist/Form/FormItem.js +3 -1
  37. package/dist/Icon/Icon.js +1 -4
  38. package/dist/Input/Input.js +16 -9
  39. package/dist/Input/InputRange.js +11 -8
  40. package/dist/Input/TextArea.js +8 -4
  41. package/dist/InputNumber/InputNumber.js +10 -7
  42. package/dist/Link/Link.js +1 -4
  43. package/dist/Loading/Loading.js +3 -5
  44. package/dist/Message/Message.js +11 -8
  45. package/dist/MessageBox/Main.js +3 -1
  46. package/dist/MessageBox/index.d.ts +3 -3
  47. package/dist/MessageBox/index.js +1 -1
  48. package/dist/Notification/Notification.js +17 -14
  49. package/dist/Pagination/Pagination.js +15 -11
  50. package/dist/Popconfirm/Popconfirm.js +13 -9
  51. package/dist/Popover/Popover.js +12 -8
  52. package/dist/Popper/Popper.js +15 -11
  53. package/dist/Progress/Progress.js +12 -8
  54. package/dist/Row/Row.js +8 -5
  55. package/dist/Scrollbar/Scrollbar.js +13 -9
  56. package/dist/Scrollbar/Thumb.js +1 -1
  57. package/dist/Select/SelectCore.js +17 -14
  58. package/dist/Skeleton/PlaceholderGrid.js +0 -4
  59. package/dist/Skeleton/PlaceholderParagraph.js +0 -4
  60. package/dist/Switch/Switch.js +13 -10
  61. package/dist/Table/Table.js +13 -9
  62. package/dist/Table/TableBody.js +10 -41
  63. package/dist/Table/TableCell.js +0 -5
  64. package/dist/Table/TableColumn.js +0 -4
  65. package/dist/Tabs/Tabs.js +1 -4
  66. package/dist/Tag/Tag.js +24 -17
  67. package/dist/TimeLine/TimeLineItem.js +7 -4
  68. package/dist/TimePicker/TimePicker.js +14 -11
  69. package/dist/TimePicker/TimePickerRange.js +15 -12
  70. package/dist/TimePicker/TimeSpinnerPanel.js +1 -4
  71. package/dist/Tooltip/Tooltip.js +12 -8
  72. package/dist/Transfer/List.js +12 -8
  73. package/dist/Transfer/Transfer.js +11 -7
  74. package/dist/Transition/Transition.d.ts +6 -3
  75. package/dist/Transition/Transition.js +6 -4
  76. package/dist/Tree/TreeNode.js +1 -4
  77. package/dist/TreeSelect/TreeSelect.js +14 -13
  78. package/dist/Upload/Upload.js +9 -8
  79. package/dist/Upload/UploadList.js +2 -1
  80. package/dist/Upload/use-handlers.js +1 -1
  81. package/dist/Util/base.d.ts +1 -0
  82. package/dist/Util/base.js +5 -0
  83. package/dist/index.css +72 -45422
  84. package/dist/theme-chalk/build.scss +64 -0
  85. package/dist/theme-chalk/icon/fonts.scss +8 -0
  86. package/dist/theme-chalk/icon/index.scss +0 -9
  87. package/dist/theme-chalk/index.scss +1 -0
  88. package/package.json +1 -1
@@ -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: "/"
@@ -7,7 +7,6 @@ declare const Comp: (props: ButtonProps & {
7
7
  type InternalType = typeof Comp;
8
8
  interface CompInterface extends InternalType {
9
9
  displayName?: string;
10
- defaultProps?: ButtonProps;
11
10
  Group: typeof ButtonGroup;
12
11
  }
13
12
  declare const Button: CompInterface;
@@ -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 { active, block, plain, round, circle, link, text, bg, dashed, className, loading, loadingIcon, loadingSlot, nativeType, icon, onClick, ...rest } = props;
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, import_classnames.default, b, is]);
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.defaultProps = {};
277
- Calendar.displayName = "Calendar";
276
+ Calendar.displayName = "ElCalendar";
278
277
  var Calendar_default = Calendar;
@@ -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.defaultProps = {};
56
- Footer.displayName = "Calendar.Footer";
55
+ Footer.displayName = "ElCalendar.Footer";
57
56
  var Footer_default = Footer;
@@ -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
- export declare const beforeEnter: (el: any) => void;
2
- export declare const onEnter: (el: HTMLElement) => void;
3
- export declare const afterEnter: (el: HTMLElement) => void;
4
- export declare const beforeLeave: (el: any) => void;
5
- export declare const onLeave: (el: any) => void;
6
- export declare const afterLeave: (el: any) => void;
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 = (el) => {
32
- el.style.height = "0";
33
- el.style.opacity = "0";
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 = (el) => {
36
- (0, import_dom_lib.addClass)(el, "collapse-transition");
37
- el.dataset.oldOverflow = el.style.overflow;
38
- if (el.scrollHeight !== 0) {
39
- el.style.height = `${el.scrollHeight}px`;
40
- } else {
41
- el.style.height = "";
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 = (el) => {
47
- (0, import_dom_lib.removeClass)(el, "collapse-transition");
48
- el.style.height = "";
49
- el.style.overflow = el.dataset.oldOverflow;
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 = (el) => {
52
- (0, import_dom_lib.addClass)(el, "collapse-transition");
53
- if (!el.dataset) {
54
- el.dataset = {};
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 = (el) => {
62
- el.style.transitionProperty = "height";
63
- el.style.height = 0;
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 = (el) => {
66
- el.style.height = "";
67
- el.style.overflow = el.dataset.oldOverflow;
68
- el.style.display = "";
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;
@@ -67,6 +67,5 @@ var Predefine = (0, import_react.forwardRef)((props, ref) => {
67
67
  );
68
68
  })));
69
69
  });
70
- Predefine.defaultProps = {};
71
70
  Predefine.displayName = "Predefine";
72
71
  var Predefine_default = Predefine;
@@ -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 { name, readonly, clearable, required, valueFormat, plain, onClick, prepend, append, error, warning, shortcuts, onChange, formatter, type, isoWeek, ...rest } = props;
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, "type" | "value" | "name" | "defaultValue" | "onChange"> & {
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);
@@ -8,7 +8,6 @@ declare const Comp: (props: DialogProps & {
8
8
  type InternalType = typeof Comp;
9
9
  interface CompInterface extends InternalType {
10
10
  displayName?: string;
11
- defaultProps?: Partial<DialogProps>;
12
11
  body: typeof DialogBody;
13
12
  footer: typeof DialogFooter;
14
13
  }