@qsxy/element-plus-react 1.0.0-next.1 → 1.0.0-next.2

package/dist/Popconfirm/Popconfirm.js

@@ -37,8 +37,21 @@ var import_react = __toESM(require("react"));
 var import_Button = require("../Button");
 var import_Icon = require("../Icon");
 var import_Tooltip = __toESM(require("../Tooltip/Tooltip"));
+var import_Util = require("../Util");
 var import_hooks = require("../hooks");
 var Popconfirm = (props) => {
+  props = (0, import_Util.mergeDefaultProps)(
+    {
+      showArrow: true,
+      confirmButtonText: "确 定",
+      cancelButtonText: "取 消",
+      confirmButtonType: "primary",
+      cancelButtonType: "primary",
+      icon: "circle-question",
+      iconColor: "#f90"
+    },
+    props
+  );
   const {
     title,
     confirmButtonText,
@@ -101,14 +114,5 @@ var Popconfirm = (props) => {
     }
   );
 };
-Popconfirm.defaultProps = {
-  showArrow: true,
-  confirmButtonText: "确 定",
-  cancelButtonText: "取 消",
-  confirmButtonType: "primary",
-  cancelButtonType: "primary",
-  icon: "circle-question",
-  iconColor: "#f90"
-};
 Popconfirm.displayName = "Popconfirm";
 var Popconfirm_default = Popconfirm;

package/dist/Popover/Popover.js

@@ -35,8 +35,20 @@ module.exports = __toCommonJS(Popover_exports);
 var import_classnames = __toESM(require("classnames"));
 var import_react = __toESM(require("react"));
 var import_Tooltip = __toESM(require("../Tooltip/Tooltip"));
+var import_Util = require("../Util");
 var import_hooks = require("../hooks");
 var Popover = (props) => {
+  props = (0, import_Util.mergeDefaultProps)(
+    {
+      placement: "bottom",
+      showArrow: true,
+      showTimeout: 0,
+      hideTimeout: 300,
+      width: 200,
+      trigger: "click"
+    },
+    props
+  );
   const { title, classPrefix = "popover", plain, width, showTimeout, hideTimeout, offset, trigger, content, onEnter, onMouseEnter, onMouseLeave, placement, ...rest } = props;
   const { b, e, m } = (0, import_hooks.useClassNames)(classPrefix);
   const [popperProps] = (0, import_hooks.partitionPopperPropsUtils)(rest);
@@ -76,13 +88,5 @@ var Popover = (props) => {
     }
   );
 };
-Popover.defaultProps = {
-  placement: "bottom",
-  showArrow: true,
-  showTimeout: 0,
-  hideTimeout: 300,
-  width: 200,
-  trigger: "click"
-};
 Popover.displayName = "Popover";
 var Popover_default = Popover;

package/dist/Popper/Popper.js

@@ -45,6 +45,19 @@ var import_prefix = require("../hooks/prefix");
 var import_popperOptions = __toESM(require("./popperOptions"));
 var Popper = (0, import_react.forwardRef)((props, ref) => {
   var _a;
+  props = (0, import_Util.mergeDefaultProps)(
+    {
+      arrowOffset: 5,
+      appendToBody: true,
+      offset: 10,
+      placement: "bottom",
+      popperClass: "",
+      showArrow: true,
+      gpuAcceleration: false,
+      strategy: "absolute"
+    },
+    props
+  );
   const {
     id = (0, import_Util.randomCode)(5),
     visible,
@@ -110,7 +123,7 @@ var Popper = (0, import_react.forwardRef)((props, ref) => {
     popperInstance
   }));
   const content = (0, import_react.useMemo)(
-    () => /* @__PURE__ */ import_react.default.createElement(import_Transition.Transition, { visible, name: animation, className, afterLeave, ...transitionProps }, /* @__PURE__ */ import_react.default.createElement(
+    () => /* @__PURE__ */ import_react.default.createElement(import_Transition.Transition, { nodeRef: { current: popperElement }, visible, name: animation, className, afterLeave, ...transitionProps }, /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
         id: `${import_prefix.globalKey}-popper-${id}`,
@@ -137,6 +150,7 @@ var Popper = (0, import_react.forwardRef)((props, ref) => {
       onMouseEnter,
       onMouseLeave,
       popperClass,
+      popperElement,
       popperStyle,
       props.children,
       showArrow,
@@ -148,14 +162,4 @@ var Popper = (0, import_react.forwardRef)((props, ref) => {
   );
   return appendToBody ? (0, import_react_dom.createPortal)(content, appendTo) : content;
 });
-Popper.defaultProps = {
-  arrowOffset: 5,
-  appendToBody: true,
-  offset: 10,
-  placement: "bottom",
-  popperClass: "",
-  showArrow: true,
-  gpuAcceleration: false,
-  strategy: "absolute"
-};
 var Popper_default = Popper;

package/dist/Progress/Progress.js

@@ -35,9 +35,21 @@ module.exports = __toCommonJS(Progress_exports);
 var import_classnames = __toESM(require("classnames"));
 var import_react = __toESM(require("react"));
 var import_Icon = require("../Icon");
+var import_Util = require("../Util");
 var import_hooks = require("../hooks");
 var import_prefix = require("../hooks/prefix");
 var Progress = (props) => {
+  props = (0, import_Util.mergeDefaultProps)(
+    {
+      type: "line",
+      strokeWidth: 6,
+      duration: 3,
+      width: 126,
+      showText: true,
+      strokeLinecap: "round"
+    },
+    props
+  );
   const { classPrefix = "progress", percentage, type, strokeWidth, textInside, status, indeterminate, duration, color, width, showText, strokeLinecap, format } = props;
   const { b, m, e, be, bem, is } = (0, import_hooks.useClassNames)(classPrefix);
   const backgroundColor = (0, import_react.useMemo)(() => {
@@ -182,13 +194,5 @@ var Progress = (props) => {
   );
   return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(b(), m(type), is(status), props.className), style: props.style }, type === "line" && bar, (type === "circle" || type === "dashboard") && circle, showText && !textInside && /* @__PURE__ */ import_react.default.createElement("div", { className: e`text` }, text));
 };
-Progress.defaultProps = {
-  type: "line",
-  strokeWidth: 6,
-  duration: 3,
-  width: 126,
-  showText: true,
-  strokeLinecap: "round"
-};
 Progress.displayName = "Progress";
 var Progress_default = Progress;

package/dist/Row/Row.js

@@ -38,6 +38,14 @@ var import_Util = require("../Util");
 var import_hooks = require("../hooks");
 var import_RowContext = require("./RowContext");
 var Row = (props) => {
+  props = (0, import_Util.mergeDefaultProps)(
+    {
+      gutter: 0,
+      justify: "start",
+      tag: "div"
+    },
+    props
+  );
   const { tag = "div", gutter = 0, justify, align, classPrefix = "row" } = props;
   const { b, is } = (0, import_hooks.useClassNames)(classPrefix);
   return /* @__PURE__ */ import_react.default.createElement(import_RowContext.RowContext.Provider, { value: { gutter } }, import_react.default.createElement(
@@ -52,9 +60,4 @@ var Row = (props) => {
     props.children
   ));
 };
-Row.defaultProps = {
-  gutter: 0,
-  justify: "start",
-  tag: "div"
-};
 var Row_default = Row;

package/dist/Scrollbar/Scrollbar.js

@@ -36,10 +36,23 @@ var import_classnames = __toESM(require("classnames"));
 var import_isNumber = __toESM(require("lodash/isNumber"));
 var import_isObject = __toESM(require("lodash/isObject"));
 var import_react = __toESM(require("react"));
+var import_Util = require("../Util");
 var import_resize_event = require("../Util/resize-event");
 var import_hooks = require("../hooks");
 var import_Thumb = __toESM(require("./Thumb"));
 var Scrollbar = (0, import_react.forwardRef)((props, ref) => {
+  props = (0, import_Util.mergeDefaultProps)(
+    {
+      native: false,
+      tag: "div",
+      always: false,
+      minSize: 20,
+      height: "100%",
+      showHorizontal: true,
+      showVertical: true
+    },
+    props
+  );
   const { tag, className, style, wrapClass, wrapStyle, viewClass, viewStyle, native, height, maxHeight, minSize, always, onScroll, showHorizontal, showVertical, ...rest } = props;
   const { b, e, em } = (0, import_hooks.useClassNames)("scrollbar");
   const [htmlInputProps] = (0, import_hooks.partitionHTMLProps)(rest);
@@ -149,14 +162,5 @@ var Scrollbar = (0, import_react.forwardRef)((props, ref) => {
     )
   ), !native ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, showHorizontal && /* @__PURE__ */ import_react.default.createElement(import_Thumb.default, { move: moveX, ratio: ratioX, size: sizeWidth, vertical: false, always, scrollbar: containerRef, wrapRef }), showVertical && /* @__PURE__ */ import_react.default.createElement(import_Thumb.default, { move: moveY, ratio: ratioY, size: sizeHeight, vertical: true, always, scrollbar: containerRef, wrapRef })) : null);
 });
-Scrollbar.defaultProps = {
-  native: false,
-  tag: "div",
-  always: false,
-  minSize: 20,
-  height: "100%",
-  showHorizontal: true,
-  showVertical: true
-};
 Scrollbar.displayName = "Scrollbar";
 var Scrollbar_default = Scrollbar;

package/dist/Scrollbar/Thumb.js

@@ -150,6 +150,6 @@ var Thumb = (props) => {
       }
     };
   }, []);
-  return /* @__PURE__ */ import_react.default.createElement(import_Transition.Transition, { name: b`fade`, visible: always || visible, transitionAppear: true, afterEnter: onEnter }, /* @__PURE__ */ import_react.default.createElement("div", { ref: instanceRef, className: (0, import_classnames.default)(e`bar`, is(bar.key, { always })), onMouseDown: clickTrackHandler }, /* @__PURE__ */ import_react.default.createElement("div", { ref: thumbRef, className: (0, import_classnames.default)(e`thumb`), style: thumbStyle, onMouseDown: clickThumbHandler })));
+  return /* @__PURE__ */ import_react.default.createElement(import_Transition.Transition, { nodeRef: instanceRef, name: b`fade`, visible: always || visible, transitionAppear: true, afterEnter: onEnter }, /* @__PURE__ */ import_react.default.createElement("div", { ref: instanceRef, className: (0, import_classnames.default)(e`bar`, is(bar.key, { always })), onMouseDown: clickTrackHandler }, /* @__PURE__ */ import_react.default.createElement("div", { ref: thumbRef, className: (0, import_classnames.default)(e`thumb`), style: thumbStyle, onMouseDown: clickThumbHandler })));
 };
 var Thumb_default = (0, import_react.memo)(Thumb);

package/dist/Select/SelectCore.js

@@ -48,6 +48,23 @@ var import_Util = require("../Util");
 var import_hooks = require("../hooks");
 var import_SelectDropdown = __toESM(require("./SelectDropdown"));
 var SelectCore = (0, import_react.forwardRef)((props, ref) => {
+  props = (0, import_Util.mergeDefaultProps)(
+    {
+      placeholder: "请选择",
+      noDataText: "无数据",
+      noMatchText: "没有找到匹配的结果",
+      loadingText: /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(import_Icon.Icon, { prefix: "fas", name: "spinner", spin: true }), " 加载中..."),
+      clearable: true,
+      filterable: false,
+      error: false,
+      required: false,
+      disabled: false,
+      maxWidth: 500,
+      collapseTagsTooltip: true,
+      maxCollapseTags: 1
+    },
+    props
+  );
   const { b, e, be, m, is } = (0, import_hooks.useClassNames)("select");
   const containerRef = (0, import_react.useRef)(null);
   const contentRef = (0, import_react.useRef)(null);
@@ -412,19 +429,5 @@ var SelectCore = (0, import_react.forwardRef)((props, ref) => {
     )
   ));
 });
-SelectCore.defaultProps = {
-  placeholder: "请选择",
-  noDataText: "无数据",
-  noMatchText: "没有找到匹配的结果",
-  loadingText: /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(import_Icon.Icon, { prefix: "fas", name: "spinner", spin: true }), " 加载中..."),
-  clearable: true,
-  filterable: false,
-  error: false,
-  required: false,
-  disabled: false,
-  maxWidth: 500,
-  collapseTagsTooltip: true,
-  maxCollapseTags: 1
-};
 SelectCore.displayName = "SelectCore";
 var SelectCore_default = SelectCore;

package/dist/Skeleton/PlaceholderGrid.js

@@ -69,9 +69,5 @@ var PlaceholderGrid = (0, import_react.forwardRef)((props, ref) => {
   }
   return /* @__PURE__ */ import_react.default.createElement("div", { ...rest, ref, className: classes }, colItems);
 });
-PlaceholderGrid.defaultProps = {
-  rowHeight: 16,
-  rowMargin: 16
-};
 PlaceholderGrid.displayName = "PlaceholderGrid";
 var PlaceholderGrid_default = PlaceholderGrid;

package/dist/Skeleton/PlaceholderParagraph.js

@@ -55,9 +55,5 @@ var PlaceholderParagraph = (0, import_react.forwardRef)((props, ref) => {
   const graphClasses = b("paragraph-graph", `paragraph-graph-${graphShape}`);
   return /* @__PURE__ */ import_react.default.createElement("div", { ...rest, ref, className: classes }, graphShape && /* @__PURE__ */ import_react.default.createElement("div", { className: graphClasses }, /* @__PURE__ */ import_react.default.createElement("span", { className: b`paragraph-graph-inner` })), /* @__PURE__ */ import_react.default.createElement("div", { className: b`paragraph-rows` }, rowElements));
 });
-PlaceholderParagraph.defaultProps = {
-  rowHeight: 16,
-  rowMargin: 16
-};
 PlaceholderParagraph.displayName = "PlaceholderParagraph";
 var PlaceholderParagraph_default = PlaceholderParagraph;

package/dist/Switch/Switch.js

@@ -39,6 +39,19 @@ var import_Icon = require("../Icon");
 var import_Util = require("../Util");
 var import_hooks = require("../hooks");
 var Switch = (0, import_react.forwardRef)((props, ref) => {
+  props = (0, import_Util.mergeDefaultProps)(
+    {
+      disabled: false,
+      activeText: "",
+      inactiveText: "",
+      activeColor: "",
+      inactiveColor: "",
+      activeValue: true,
+      inactiveValue: false,
+      loading: false
+    },
+    props
+  );
   const {
     defaultValue,
     name,
@@ -154,14 +167,4 @@ var Switch = (0, import_react.forwardRef)((props, ref) => {
     !inlinePrompt && trueLabel
   );
 });
-Switch.defaultProps = {
-  disabled: false,
-  activeText: "",
-  inactiveText: "",
-  activeColor: "",
-  inactiveColor: "",
-  activeValue: true,
-  inactiveValue: false,
-  loading: false
-};
 var Switch_default = Switch;

package/dist/Table/Table.js

@@ -36,6 +36,7 @@ var import_classnames = __toESM(require("classnames"));
 var import_react = __toESM(require("react"));
 var import_Loading = require("../Loading");
 var import_Scrollbar = require("../Scrollbar");
+var import_Util = require("../Util");
 var import_hooks = require("../hooks");
 var import_Colgroup = __toESM(require("./Colgroup"));
 var import_TableBody = __toESM(require("./TableBody"));
@@ -46,6 +47,18 @@ var import_useSelection = require("./hooks/useSelection");
 var import_useTable = require("./hooks/useTable");
 var import_util = require("./util");
 function InternalTable(props, ref) {
+  props = (0, import_Util.mergeDefaultProps)(
+    {
+      data: [],
+      fit: true,
+      showHeader: true,
+      tableLayout: "fixed",
+      style: {},
+      emptyText: "暂无数据",
+      selectOnIndeterminate: true
+    },
+    props
+  );
   const { height, maxHeight, size, stripe = false, fit, border, tableLayout, showHeader, showSummary, emptyText, append, loading } = props;
   const { b, e, m } = (0, import_hooks.useClassNames)("table");
   const refs = {
@@ -176,14 +189,5 @@ function InternalTable(props, ref) {
 }
 var ForwardTable = (0, import_react.forwardRef)(InternalTable);
 var Table = ForwardTable;
-Table.defaultProps = {
-  data: [],
-  fit: true,
-  showHeader: true,
-  tableLayout: "fixed",
-  style: {},
-  emptyText: "暂无数据",
-  selectOnIndeterminate: true
-};
 Table.displayName = "Table";
 var Table_default = Table;

package/dist/Table/TableBody.js

@@ -33,18 +33,24 @@ __export(TableBody_exports, {
 });
 module.exports = __toCommonJS(TableBody_exports);
 var import_classnames = __toESM(require("classnames"));
-var import_cloneDeep = __toESM(require("lodash/cloneDeep"));
 var import_isEqual = __toESM(require("lodash/isEqual"));
 var import_isObject = __toESM(require("lodash/isObject"));
 var import_some = __toESM(require("lodash/some"));
 var import_react = __toESM(require("react"));
-var import_react_sortable_hoc = require("react-sortable-hoc");
 var import_hooks = require("../hooks");
 var import_TableCell = __toESM(require("./TableCell"));
 var import_TableContext = require("./TableContext");
 var import_util = require("./util");
 var TableBody = () => {
-  const { data, setData, props, tableId, flattenColumns, fixedLeftColumns, fixedRightColumns } = (0, import_react.useContext)(import_TableContext.TableContext);
+  const {
+    data,
+    /* setData, */
+    props,
+    tableId,
+    flattenColumns,
+    fixedLeftColumns,
+    fixedRightColumns
+  } = (0, import_react.useContext)(import_TableContext.TableContext);
   const { state, oldActiveRow, treeProps } = (0, import_react.useContext)(import_TableContext.TableBodyContext);
   const { stripe, rowClassName, rowStyle, onCurrentChange, highlightCurrentRow, currentRowKey, rowKey, onDragChange, spanMethod } = props;
   const { e, em, bm, is } = (0, import_hooks.useClassNames)("table");
@@ -198,44 +204,7 @@ var TableBody = () => {
       treeProps.hasChildren
     ]
   );
-  const onSortItems = (0, import_react.useCallback)(
-    ({ oldIndex, newIndex }) => {
-      const result = (0, import_react_sortable_hoc.arrayMove)((0, import_cloneDeep.default)(data), oldIndex, newIndex);
-      if (!(0, import_isEqual.default)(data, result)) {
-        setData(result);
-        onDragChange == null ? void 0 : onDragChange(result);
-      }
-    },
-    [data, onDragChange, setData]
-  );
-  const isSortTable = (0, import_react.useMemo)(
-    () => [...flattenColumns, ...fixedLeftColumns, ...fixedRightColumns].some((item) => item.type === "drag"),
-    [fixedLeftColumns, fixedRightColumns, flattenColumns]
-  );
-  const Sortable = (0, import_react.useMemo)(() => {
-    return (0, import_react_sortable_hoc.SortableContainer)(({ children }) => /* @__PURE__ */ import_react.default.createElement("tbody", { ref: tbodyRef }, children));
-  }, []);
-  const ListItem = (0, import_react.useMemo)(() => {
-    return (0, import_react_sortable_hoc.SortableElement)(({ item: row, rowIndex }) => renderTr(row, rowIndex));
-  }, [renderTr]);
-  return isSortTable ? (
-    // @ts-ignore
-    /* @__PURE__ */ import_react.default.createElement(
-      Sortable,
-      {
-        axis: "y",
-        helperClass: "r-sort-placeholder",
-        useDragHandle: true,
-        helperContainer: () => tbodyRef.current,
-        onSortEnd: onSortItems,
-        onSortStart: (_, event) => event.preventDefault()
-      },
-      data.map((row, rowIndex) => (
-        // @ts-ignore
-        /* @__PURE__ */ import_react.default.createElement(ListItem, { index: rowIndex, key: `${tableId}_${rowIndex}`, item: row, rowIndex })
-      ))
-    )
-  ) : /* @__PURE__ */ import_react.default.createElement("tbody", { ref: tbodyRef }, data.map(renderTr));
+  return /* @__PURE__ */ import_react.default.createElement("tbody", { ref: tbodyRef }, data.map(renderTr));
 };
 TableBody.displayName = "TableBody";
 var TableBody_default = TableBody;

package/dist/Table/TableCell.js

@@ -43,7 +43,6 @@ var import_words = __toESM(require("lodash/words"));
 var import_react = __toESM(require("react"));
 var import_react_dom = require("react-dom");
 var import_client = require("react-dom/client");
-var import_react_sortable_hoc = require("react-sortable-hoc");
 var import_Checkbox = require("../Checkbox");
 var import_Icon = require("../Icon");
 var import_Util = require("../Util");
@@ -330,9 +329,6 @@ var TableCell = (p) => {
   const treeSuffix = (0, import_react.useMemo)(() => {
     return isTreeExpandCell(column.id) && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, column.level > 0 && /* @__PURE__ */ import_react.default.createElement("span", { className: e`indent`, style: { paddingLeft: indent * column.level } }), ((0, import_Util.isNotEmpty)(row[treeProps.children]) || row[treeProps.hasChildren]) && /* @__PURE__ */ import_react.default.createElement("div", { ref: expandCell, className: (0, import_classnames.default)(e`expand-icon`, { [em("expand-icon", "expanded")]: row == null ? void 0 : row.expanded }), onClick: handleExpandTreeCell }, loading ? /* @__PURE__ */ import_react.default.createElement(import_Icon.Icon, { name: "loader", prefix: "far", spin: true }) : /* @__PURE__ */ import_react.default.createElement(import_Icon.Icon, { name: "angle-right" })), (0, import_Util.isEmpty)(row[treeProps.children]) && !row[treeProps.hasChildren] && /* @__PURE__ */ import_react.default.createElement("span", { className: e`placeholder` }));
   }, [column.id, column.level, e, em, handleExpandTreeCell, indent, isTreeExpandCell, loading, row, treeProps.children, treeProps.hasChildren]);
-  const DragHandle = (0, import_react.useMemo)(() => {
-    return (0, import_react_sortable_hoc.SortableHandle)(() => /* @__PURE__ */ import_react.default.createElement("div", { style: { cursor: "grab" } }, /* @__PURE__ */ import_react.default.createElement(import_Icon.Icon, { name: "grip-vertical", prefix: "fas" })));
-  }, []);
   return /* @__PURE__ */ import_react.default.createElement(
     "td",
     {
@@ -377,7 +373,6 @@ var TableCell = (p) => {
       } else if (column.type === "expand") {
         return /* @__PURE__ */ import_react.default.createElement("div", { ref: expandCell, className: e`expand-icon`, onClick: handleExpand }, /* @__PURE__ */ import_react.default.createElement(import_Icon.Icon, { name: "angle-right" }));
       } else if (column.type === "drag") {
-        return /* @__PURE__ */ import_react.default.createElement(DragHandle, null);
       } else if (column.type === "selection") {
         return /* @__PURE__ */ import_react.default.createElement(
           import_Checkbox.Checkbox,

package/dist/Table/TableColumn.js

@@ -43,9 +43,5 @@ var TableColumn = (props) => {
     return /* @__PURE__ */ import_react.default.createElement("div", null, columns);
   }
 };
-TableColumn.defaultProps = {
-  resizable: true,
-  filterMultiple: true
-};
 TableColumn.displayName = "TableColumn";
 var TableColumn_default = TableColumn;

package/dist/Tabs/Tabs.js

@@ -42,7 +42,7 @@ var import_Util = require("../Util");
 var import_hooks = require("../hooks");
 var import_TabsContext = require("./TabsContext");
 var Tabs = (0, import_react.forwardRef)((props, ref) => {
-  const { type, tabPosition, stretch, classPrefix = "tabs", children, onTabClick, beforeLeave, center, editable, addable, closable, onTabRemove } = props;
+  const { type, tabPosition = "top", stretch, classPrefix = "tabs", children, onTabClick, beforeLeave, center, editable, addable, closable, onTabRemove } = props;
   const [activeName, setActiveName] = (0, import_hooks.useControlled)(props.activeName, props.defaultActiveName);
   const { b, m, e, is } = (0, import_hooks.useClassNames)(classPrefix);
   const navRef = (0, import_react.useRef)(null);
@@ -272,8 +272,5 @@ var Tabs = (0, import_react.forwardRef)((props, ref) => {
   const content = /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(e`content`), style: props.contentStyle }, props.children);
   return /* @__PURE__ */ import_react.default.createElement(import_TabsContext.TabsContext.Provider, { value: { activeName } }, /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(b(), m(tabPosition), { [m(type)]: type }, props.className), style: props.style, ref }, tabPosition === "bottom" ? content : header, tabPosition === "bottom" ? header : content));
 });
-Tabs.defaultProps = {
-  tabPosition: "top"
-};
 Tabs.displayName = "Tabs";
 var Tabs_default = Tabs;

package/dist/Tag/Tag.js

@@ -36,8 +36,16 @@ var import_classnames = __toESM(require("classnames"));
 var import_react = __toESM(require("react"));
 var import_Icon = require("../Icon");
 var import_Transition = require("../Transition");
+var import_Util = require("../Util");
 var import_hooks = require("../hooks");
 var Tag = (0, import_react.forwardRef)((props, ref) => {
+  props = (0, import_Util.mergeDefaultProps)(
+    {
+      type: "primary",
+      theme: "light"
+    },
+    props
+  );
   const { type, closable, size, color, theme, round, hit, classPrefix = "tag", className, style, onClick, onClose, disableTransitions } = props;
   const { b, m, e, is } = (0, import_hooks.useClassNames)(classPrefix);
   const onClickTag = (0, import_react.useCallback)(
@@ -54,23 +62,22 @@ var Tag = (0, import_react.forwardRef)((props, ref) => {
     },
     [onClose]
   );
-  return /* @__PURE__ */ import_react.default.createElement(import_Transition.Transition, { name: disableTransitions ? "" : "r-zoom-in-center", visible: true, display: "", transitionAppear: true, unmountOnExit: true, duration: 200 }, /* @__PURE__ */ import_react.default.createElement(
-    "span",
-    {
-      ref,
-      className: (0, import_classnames.default)(b(), m(type, theme, { [size]: size }), is({ round, hit }), className),
-      style: { background: color, ...style },
-      onClick: onClickTag,
-      onMouseEnter: props.onMouseEnter,
-      onMouseLeave: props.onMouseLeave
-    },
-    /* @__PURE__ */ import_react.default.createElement("span", { className: e`content` }, props.children),
-    closable && /* @__PURE__ */ import_react.default.createElement(import_Icon.Icon, { name: "xmark", className: e`close`, onClick: onCloseTag })
-  ));
+  return (
+    // @ts-ignore
+    /* @__PURE__ */ import_react.default.createElement(import_Transition.Transition, { nodeRef: ref, name: disableTransitions ? "" : "r-zoom-in-center", visible: true, display: "", transitionAppear: true, unmountOnExit: true, duration: 200 }, /* @__PURE__ */ import_react.default.createElement(
+      "span",
+      {
+        ref,
+        className: (0, import_classnames.default)(b(), m(type, theme, { [size]: size }), is({ round, hit }), className),
+        style: { background: color, ...style },
+        onClick: onClickTag,
+        onMouseEnter: props.onMouseEnter,
+        onMouseLeave: props.onMouseLeave
+      },
+      /* @__PURE__ */ import_react.default.createElement("span", { className: e`content` }, props.children),
+      closable && /* @__PURE__ */ import_react.default.createElement(import_Icon.Icon, { name: "xmark", className: e`close`, onClick: onCloseTag })
+    ))
+  );
 });
-Tag.defaultProps = {
-  type: "primary",
-  theme: "light"
-};
 Tag.displayName = "Tag";
 var Tag_default = Tag;

package/dist/TimeLine/TimeLineItem.js

@@ -38,6 +38,13 @@ var import_hooks = require("../hooks");
 var import_Icon = require("../Icon");
 var import_Util = require("../Util");
 var TimeLineItem = (props) => {
+  props = (0, import_Util.mergeDefaultProps)(
+    {
+      size: "normal",
+      placement: "bottom"
+    },
+    props
+  );
   const { classPrefix = "timeline-item", timestamp, hideTimestamp, center, placement, type, color, size, icon, hollow } = props;
   const { b, e, em, is } = (0, import_hooks.useClassNames)(classPrefix);
   const nodeIcon = (0, import_react.useMemo)(() => {
@@ -48,8 +55,4 @@ var TimeLineItem = (props) => {
   }, [e, icon, props.icon]);
   return /* @__PURE__ */ import_react.default.createElement("li", { className: (0, import_classnames.default)(b(), { [e`center`]: center }) }, /* @__PURE__ */ import_react.default.createElement("div", { className: e`tail` }), /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(e`node`, em("node", size), { [em("node", type)]: type }, is({ hollow }), props.className), style: { background: color, ...props.style } }, nodeIcon), /* @__PURE__ */ import_react.default.createElement("div", { className: e`wrapper` }, placement === "top" && !hideTimestamp && /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(e`timestamp`, is(placement)) }, timestamp), /* @__PURE__ */ import_react.default.createElement("div", { className: e`content` }, props.children), placement === "bottom" && !hideTimestamp && /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(e`timestamp`, is(placement)) }, timestamp)));
 };
-TimeLineItem.defaultProps = {
-  size: "normal",
-  placement: "bottom"
-};
 var TimeLineItem_default = TimeLineItem;

package/dist/TimePicker/TimePicker.js

@@ -46,6 +46,20 @@ var import_prefix = require("../hooks/prefix");
 var import_TimePickerPanel = __toESM(require("./TimePickerPanel"));
 var import_useTimePicker = require("./useTimePicker");
 var TimePicker = (0, import_react.forwardRef)((props, ref) => {
+  props = (0, import_Util.mergeDefaultProps)(
+    {
+      format: "HH:mm:ss",
+      disabledHours: () => [],
+      disabledMinutes: () => [],
+      disabledSeconds: () => [],
+      readonly: true,
+      isoWeek: true,
+      clearable: true,
+      disabled: false,
+      placeholder: "请选择时间"
+    },
+    props
+  );
   const {
     name,
     readonly,
@@ -212,16 +226,5 @@ var TimePicker = (0, import_react.forwardRef)((props, ref) => {
     )
   ));
 });
-TimePicker.defaultProps = {
-  format: "HH:mm:ss",
-  disabledHours: () => [],
-  disabledMinutes: () => [],
-  disabledSeconds: () => [],
-  readonly: true,
-  isoWeek: true,
-  clearable: true,
-  disabled: false,
-  placeholder: "请选择时间"
-};
 TimePicker.displayName = "TimePicker";
 var TimePicker_default = TimePicker;