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

package/dist/TimePicker/TimePickerRange.js

@@ -48,6 +48,21 @@ var import_TimeRangePanel = __toESM(require("./TimeRangePanel"));
 var import_useTimePicker = require("./useTimePicker");
 var import_util = require("./util");
 var TimePickerRange = (0, import_react.forwardRef)((props, ref) => {
+  props = (0, import_Util.mergeDefaultProps)(
+    {
+      format: "HH:mm:ss",
+      disabledHours: () => [],
+      disabledMinutes: () => [],
+      disabledSeconds: () => [],
+      isoWeek: true,
+      clearable: true,
+      disabled: false,
+      startPlaceholder: "开始时间",
+      endPlaceholder: "结束时间",
+      rangeSeparator: "到"
+    },
+    props
+  );
   const {
     name,
     clearable,
@@ -346,17 +361,5 @@ var TimePickerRange = (0, import_react.forwardRef)((props, ref) => {
     )
   ));
 });
-TimePickerRange.defaultProps = {
-  format: "HH:mm:ss",
-  disabledHours: () => [],
-  disabledMinutes: () => [],
-  disabledSeconds: () => [],
-  isoWeek: true,
-  clearable: true,
-  disabled: false,
-  startPlaceholder: "开始时间",
-  endPlaceholder: "结束时间",
-  rangeSeparator: "到"
-};
 TimePickerRange.displayName = "TimePicker";
 var TimePickerRange_default = (0, import_react.memo)(TimePickerRange);

package/dist/TimePicker/TimeSpinnerPanel.js

@@ -41,7 +41,7 @@ var import_hooks = require("../hooks");
 var import_useTimePicker = require("./useTimePicker");
 var TimeSpinnerPanel = (0, import_react.memo)(
   (0, import_react.forwardRef)((props, ref) => {
-    const { classPrefix = "time", showSeconds, value: valueProp, onChange } = props;
+    const { classPrefix = "time", showSeconds = true, value: valueProp, onChange } = props;
     const { b, be, is } = (0, import_hooks.useClassNames)(classPrefix);
     const spinnerDate = (0, import_react.useRef)(valueProp);
     const isScrolling = (0, import_react.useRef)(false);
@@ -270,8 +270,5 @@ var TimeSpinnerPanel = (0, import_react.memo)(
     })));
   })
 );
-TimeSpinnerPanel.defaultProps = {
-  showSeconds: true
-};
 TimeSpinnerPanel.displayName = "TimeSpinnerPanel";
 var TimeSpinnerPanel_default = TimeSpinnerPanel;

package/dist/Tooltip/Tooltip.js

@@ -38,8 +38,20 @@ var import_react = __toESM(require("react"));
 var ReactIs = __toESM(require("react-is"));
 var import_hooks = require("../hooks");
 var import_Popper = require("../Popper");
+var import_Util = require("../Util");
 var import_TooltipContext = require("./TooltipContext");
 var Tooltip = (0, import_react.forwardRef)((props, ref) => {
+  props = (0, import_Util.mergeDefaultProps)(
+    {
+      effect: "dark",
+      showArrow: true,
+      showAfter: 0,
+      hideAfter: 200,
+      trigger: "hover",
+      unmountOnExit: true
+    },
+    props
+  );
   const {
     classPrefix = "tooltip",
     effect: theme,
@@ -202,13 +214,5 @@ var Tooltip = (0, import_react.forwardRef)((props, ref) => {
     )
   ));
 });
-Tooltip.defaultProps = {
-  effect: "dark",
-  showArrow: true,
-  showAfter: 0,
-  hideAfter: 200,
-  trigger: "hover",
-  unmountOnExit: true
-};
 Tooltip.displayName = "Tooltip";
 var Tooltip_default = Tooltip;

package/dist/Transfer/List.js

@@ -38,11 +38,23 @@ var import_react = __toESM(require("react"));
 var import_Checkbox = require("../Checkbox");
 var import_Dropdown = require("../Dropdown");
 var import_Icon = require("../Icon");
+var import_Util = require("../Util");
 var import_hooks = require("../hooks");
 var import_ListBody = __toESM(require("./ListBody"));
 var import_search = __toESM(require("./search"));
 var import_listBody = require("./typings/listBody");
 var TransferList = (props) => {
+  props = (0, import_Util.mergeDefaultProps)(
+    {
+      data: [],
+      titleText: "",
+      showSearch: false,
+      itemsUnit: "项",
+      itemUnit: "项",
+      searchPlaceholder: "请输入搜索内容"
+    },
+    props
+  );
   const {
     classPrefix = "transfer-list",
     data,
@@ -249,12 +261,4 @@ var TransferList = (props) => {
   const dropdown = /* @__PURE__ */ import_react.default.createElement(import_Dropdown.Dropdown, { className: b`header-dropdown`, menu, disabled, onClick: onDropdownClick }, /* @__PURE__ */ import_react.default.createElement(import_Icon.Icon, { name: "angle-down" }));
   return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(b(), { [b`with-pagination`]: !!pagination, [b`with-footer`]: !!footerDom }), style }, /* @__PURE__ */ import_react.default.createElement("div", { className: b`header` }, showSelectAll ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, checkAllCheckbox, dropdown) : null, /* @__PURE__ */ import_react.default.createElement("span", { className: b`header-title` }, getSelectAllLabel)), listBody, listFooter);
 };
-TransferList.defaultProps = {
-  data: [],
-  titleText: "",
-  showSearch: false,
-  itemsUnit: "项",
-  itemUnit: "项",
-  searchPlaceholder: "请输入搜索内容"
-};
 var List_default = TransferList;

package/dist/Transfer/Transfer.js

@@ -35,10 +35,21 @@ module.exports = __toCommonJS(Transfer_exports);
 var import_classnames = __toESM(require("classnames"));
 var import_react = __toESM(require("react"));
 var import_Empty = require("../Empty");
+var import_Util = require("../Util");
 var import_hooks = require("../hooks");
 var import_List = __toESM(require("./List"));
 var import_operation = __toESM(require("./operation"));
 var Transfer = (props) => {
+  props = (0, import_Util.mergeDefaultProps)(
+    {
+      data: [],
+      titles: ["Source", "Target"],
+      locale: {},
+      filterable: false,
+      listStyle: {}
+    },
+    props
+  );
   const {
     className,
     disabled,
@@ -292,12 +303,5 @@ var Transfer = (props) => {
     }
   ));
 };
-Transfer.defaultProps = {
-  data: [],
-  titles: ["Source", "Target"],
-  locale: {},
-  filterable: false,
-  listStyle: {}
-};
 Transfer.displayName = "Transfer";
 var Transfer_default = Transfer;

package/dist/Transition/Transition.d.ts

@@ -9,6 +9,9 @@ export declare enum STATUS {
     LEAVE = 5,
     AFTER_LEAVE = 6
 }
+interface ExtraProps {
+    nodeRef: RefObject<HTMLElement> | (() => RefObject<HTMLElement>);
+}
 export interface TransitionProps extends AnimationEventProps {
     animation?: boolean;
     children?: ComponentChildren;
@@ -27,7 +30,7 @@ export interface TransitionProps extends AnimationEventProps {
 interface TransitionState {
     status?: number;
 }
-declare class Transition extends Component<TransitionProps, TransitionState> {
+declare class Transition extends Component<TransitionProps & ExtraProps, TransitionState> {
     static displayName: string;
     static defaultProps: {
         duration: number;
@@ -37,7 +40,7 @@ declare class Transition extends Component<TransitionProps, TransitionState> {
     nextCallback: any;
     needsUpdate: any;
     childRef: RefObject<any>;
-    constructor(props: TransitionProps);
+    constructor(props: TransitionProps & ExtraProps);
     static getDerivedStateFromProps(nextProps: TransitionProps, prevState: TransitionState): {
         status: STATUS;
     };
@@ -47,7 +50,7 @@ declare class Transition extends Component<TransitionProps, TransitionState> {
     componentWillUnmount(): void;
     onTransitionEnd(node: HTMLElement, handler: any): void;
     setNextCallback(callback: any): any;
-    getChildElement(): any;
+    getChildElement(): HTMLElement;
     performEnter(props: TransitionProps): void;
     performExit(props: TransitionProps): void;
     cancelNextCallback(): void;

package/dist/Transition/Transition.js

@@ -154,10 +154,11 @@ var Transition = class extends import_react.Component {
     return this.nextCallback;
   }
   getChildElement() {
-    if (this.childRef.current) {
-      return (0, import_util.getDOMNode)(this.childRef.current);
+    var _a, _b, _c, _d, _e;
+    if (((_a = this.props) == null ? void 0 : _a.nodeRef) instanceof Function) {
+      return (_c = (_b = this.props) == null ? void 0 : _b.nodeRef()) == null ? void 0 : _c.current;
     }
-    return (0, import_util.getDOMNode)(this);
+    return (_e = (_d = this.props) == null ? void 0 : _d.nodeRef) == null ? void 0 : _e.current;
   }
   performEnter(props) {
     const { beforeEnter, onEnter, afterEnter } = props || this.props;
@@ -218,7 +219,8 @@ var Transition = class extends import_react.Component {
       "afterEnter",
       "beforeLeave",
       "onLeave",
-      "afterLeave"
+      "afterLeave",
+      "nodeRef"
     ]);
     let transitionClassName;
     if (name) {

package/dist/Tree/TreeNode.js

@@ -316,7 +316,7 @@ var InternalTreeNode = class extends import_react.Component {
     // Icon + Title
     this.renderSelector = () => {
       const { dragNodeHighlight } = this.state;
-      const { title, selected, icon, loading, data } = this.props;
+      const { title = defaultTitle, selected, icon, loading, data } = this.props;
       const {
         context: { prefixCls, showIcon, icon: treeIcon, loadData, titleRender }
       } = this.props;
@@ -466,9 +466,6 @@ var InternalTreeNode = class extends import_react.Component {
 };
 var ContextTreeNode = (props) => /* @__PURE__ */ import_react.default.createElement(import_contextTypes.TreeContext.Consumer, null, (context) => /* @__PURE__ */ import_react.default.createElement(InternalTreeNode, { ...props, context }));
 ContextTreeNode.displayName = "TreeNode";
-ContextTreeNode.defaultProps = {
-  title: defaultTitle
-};
 ContextTreeNode.isTreeNode = 1;
 var TreeNode_default = ContextTreeNode;
 // Annotate the CommonJS export names for ESM import in node:

package/dist/TreeSelect/TreeSelect.js

@@ -51,6 +51,20 @@ var import_Util = require("../Util");
 var import_hooks = require("../hooks");
 var import_Utils = require("./Utils");
 function InternalTreeSelect(props, ref) {
+  props = {
+    clearable: true,
+    collapseTags: true,
+    checkStrictly: true,
+    disabled: false,
+    selectable: true,
+    filterable: true,
+    placeholder: "请选择",
+    noDataText: "无数据",
+    loadingText: /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(import_Icon.Icon, { prefix: "fas", name: "spinner", spin: true }), " 加载中..."),
+    fieldNames: { title: "title", key: "key", children: "children" },
+    onBeforeClick: () => true,
+    ...props
+  };
   const {
     placeholder,
     clearable,
@@ -504,18 +518,5 @@ function InternalTreeSelect(props, ref) {
 }
 var ForwardTreeSelect = (0, import_react.forwardRef)(InternalTreeSelect);
 var TreeSelect = ForwardTreeSelect;
-TreeSelect.defaultProps = {
-  clearable: true,
-  collapseTags: true,
-  checkStrictly: true,
-  disabled: false,
-  selectable: true,
-  filterable: true,
-  placeholder: "请选择",
-  noDataText: "无数据",
-  loadingText: /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(import_Icon.Icon, { prefix: "fas", name: "spinner", spin: true }), " 加载中..."),
-  fieldNames: { title: "title", key: "key", children: "children" },
-  onBeforeClick: () => true
-};
 TreeSelect.displayName = "TreeSelect";
 var TreeSelect_default = TreeSelect;

package/dist/Upload/Upload.js

@@ -41,6 +41,15 @@ var import_UploadList = __toESM(require("./UploadList"));
 var import_use_handlers = require("./use-handlers");
 var Upload = (0, import_react.memo)(
   (0, import_react.forwardRef)((props, ref) => {
+    props = {
+      action: "#",
+      method: "post",
+      name: "file",
+      showFileList: true,
+      listType: "text",
+      autoUpload: true,
+      ...props
+    };
     const { listType, accept, onPreview, showFileList, formatter, trigger, tip } = props;
     const uploadRef = (0, import_react.useRef)(null);
     const disabled = (0, import_hooks.useDisabled)(props.disabled);
@@ -97,13 +106,5 @@ var Upload = (0, import_react.memo)(
     )));
   })
 );
-Upload.defaultProps = {
-  action: "#",
-  method: "post",
-  name: "file",
-  showFileList: true,
-  listType: "text",
-  autoUpload: true
-};
 Upload.displayName = "ElUpload";
 var Upload_default = Upload;

package/dist/Upload/UploadList.js

@@ -42,13 +42,14 @@ var UploadList = (props) => {
   const { listType, files = [], handlePreview, onRemove, formatter, append } = props;
   const { b, bm, be, is } = (0, import_hooks.useClassNames)("upload");
   const disabled = (0, import_hooks.useDisabled)(props.disabled);
+  const nodeRef = (0, import_react.useRef)(null);
   const handleRemove = (0, import_react.useCallback)(
     (file) => {
       onRemove == null ? void 0 : onRemove(file);
     },
     [onRemove]
   );
-  return /* @__PURE__ */ import_react.default.createElement("ul", { className: (0, import_classnames.default)(b`list`, bm("list", listType), is({ disabled })) }, files.map((file, i) => /* @__PURE__ */ import_react.default.createElement(import_Transition.Transition, { key: `tr_${file.uid || file.name}${i}`, name: b("list", false), visible: true, transitionAppear: true, unmountOnExit: true, display: "" }, /* @__PURE__ */ import_react.default.createElement("li", { key: `${file.uid || file.name}${i}`, className: (0, import_classnames.default)(
+  return /* @__PURE__ */ import_react.default.createElement("ul", { className: (0, import_classnames.default)(b`list`, bm("list", listType), is({ disabled })) }, files.map((file, i) => /* @__PURE__ */ import_react.default.createElement(import_Transition.Transition, { nodeRef, key: `tr_${file.uid || file.name}${i}`, name: b("list", false), visible: true, transitionAppear: true, unmountOnExit: true, display: "" }, /* @__PURE__ */ import_react.default.createElement("li", { ref: nodeRef, key: `${file.uid || file.name}${i}`, className: (0, import_classnames.default)(
     be("list", "item"),
     is(file.status)
     /* , { focusing } */

package/dist/Upload/use-handlers.js

@@ -43,7 +43,7 @@ var revokeObjectURL = (file) => {
   }
 };
 var useHandlers = (props, uploadRef) => {
-  const { fileList, listType, onError, onChange, onProgress, onSuccess, beforeRemove, onRemove } = props;
+  const { fileList, listType = "text", onError, onChange, onProgress, onSuccess, beforeRemove, onRemove } = props;
   const uploadFilesRef = (0, import_react.useRef)();
   const [uploadFiles, setUploadFiles, isControlled] = (0, import_hooks.useControlled)(fileList, []);
   const { forceUpdate } = (0, import_hooks.useForceUpdate)();

package/dist/Util/base.d.ts

@@ -17,3 +17,4 @@ export declare const isNumber: (val: any) => val is number;
 export declare const isString: (val: any) => boolean;
 export declare const isStringNumber: (val: string) => boolean;
 export declare function addUnit(value?: string | number, defaultUnit?: string): string;
+export declare function mergeDefaultProps<T extends object>(defaultProps: Partial<T>, props: T): T;

package/dist/Util/base.js

@@ -40,6 +40,7 @@ __export(base_exports, {
   isString: () => isString,
   isStringNumber: () => isStringNumber,
   isUndefined: () => isUndefined,
+  mergeDefaultProps: () => mergeDefaultProps,
   randomCode: () => randomCode,
   warning: () => warning
 });
@@ -203,6 +204,9 @@ function addUnit(value, defaultUnit = "px") {
     return value;
   }
 }
+function mergeDefaultProps(defaultProps = {}, props) {
+  return { ...defaultProps, ...props ?? {} };
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   addUnit,
@@ -216,6 +220,7 @@ function addUnit(value, defaultUnit = "px") {
   isString,
   isStringNumber,
   isUndefined,
+  mergeDefaultProps,
   randomCode,
   warning
 });