@qsxy/element-plus-react 1.0.0-next.13 → 1.0.0-next.16

package/dist/Button/Button.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["active", "block", "plain", "round", "circle", "link", "text", "bg", "dashed", "className", "loading", "loadingIcon", "loadingSlot", "nativeType", "icon", "onClick"];
+var _excluded = ["active", "block", "plain", "round", "circle", "link", "text", "bg", "dashed", "className", "loading", "loadingIcon", "loadingSlot", "nativeType", "icon", "iconProps", "onClick"];
 var _this = this,
   _templateObject,
   _templateObject2;
@@ -54,6 +54,8 @@ var InternalButton = function InternalButton(props, ref) {
     nativeType = _props$nativeType === void 0 ? 'button' : _props$nativeType,
     _props$icon = props.icon,
     icon = _props$icon === void 0 ? false : _props$icon,
+    _props$iconProps = props.iconProps,
+    iconProps = _props$iconProps === void 0 ? {} : _props$iconProps,
     _onClick = props.onClick,
     rest = _objectWithoutProperties(props, _excluded);
   var disabled = useDisabled(groupDisabled !== null && groupDisabled !== void 0 ? groupDisabled : props.disabled);
@@ -127,9 +129,9 @@ var InternalButton = function InternalButton(props, ref) {
       }
       (_e$currentTarget = e.currentTarget) === null || _e$currentTarget === void 0 || _e$currentTarget.blur();
     }
-  }), loading && spin, icon && !loading && typeof icon === 'string' ? /*#__PURE__*/React.createElement(Icon, {
+  }), loading && spin, icon && !loading && typeof icon === 'string' ? /*#__PURE__*/React.createElement(Icon, _extends({
     name: icon
-  }) : null, children);
+  }, iconProps)) : null, children);
 };
 var Comp = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(InternalButton));
 var Button = Comp;

package/dist/Button/typings.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IconName } from '../Icon';
+import { IconName, IconProps } from '../Icon';
 import { BaseProps, NativeProps, TypeAttributes } from '../types/common';
 export interface ButtonProps extends Omit<React.AllHTMLAttributes<HTMLElement>, 'loading' | 'size' | 'icon' | 'style' | 'children'>, BaseProps, NativeProps<'--el-button-bg-color' | '--el-button-border-style' | '--el-button-text-color' | '--el-button-border-color' | '--el-button-hover-bg-color' | '--el-button-active-border-color' | '--el-button-active-bg-color' | '--el-button-active-color' | '--el-button-hover-text-color' | '--el-button-hover-border-color' | '--el-button-hover-link-text-color' | '--el-button-active-text-color' | '--el-button-disabled-text-color' | '--el-button-disabled-bg-color' | '--el-button-disabled-border-color' | '--el-button-divide-border-color' | '--el-button-outline-color' | '--el-button-border-radius-round'> {
     /** 尺寸 */
@@ -34,6 +34,8 @@ export interface ButtonProps extends Omit<React.AllHTMLAttributes<HTMLElement>,
     dark?: boolean;
     /** 自定义图标 */
     icon?: IconName | boolean;
+    /** 自定义图标设置 */
+    iconProps?: Omit<IconProps, 'name'>;
     /** 自定义颜色 */
     color?: string;
     /** Format button to appear inside a content bloc */

package/dist/ColorPicker/AlphaSlider.d.ts

@@ -8,12 +8,5 @@ interface Props {
 export interface AlphaSliderRef {
     update: () => void;
 }
-/**
- * @author	Parker
- * @CreateTime	2022/5/14 18:16:52
- * @LastEditor	Parker
- * @ModifyTime	2022/5/14 22:17:13
- * @Description	Element Plus 颜色选择器组件魔改过来的，源代码见：https://github.com/element-plus/element-plus
- */
 declare const AlphaSlider: React.ForwardRefExoticComponent<Props & React.RefAttributes<AlphaSliderRef>>;
 export default AlphaSlider;

package/dist/ColorPicker/AlphaSlider.js

@@ -12,13 +12,6 @@ import React, { forwardRef, useCallback, useImperativeHandle, useRef, useState }
 import { useClassNames } from "../hooks";
 import draggable from "./draggable";
 import { getClientXY } from "./util";
-/**
- * @author	Parker
- * @CreateTime	2022/5/14 18:16:52
- * @LastEditor	Parker
- * @ModifyTime	2022/5/14 22:17:13
- * @Description	Element Plus 颜色选择器组件魔改过来的，源代码见：https://github.com/element-plus/element-plus
- */
 var AlphaSlider = /*#__PURE__*/forwardRef(function (props, ref) {
   var color = props.color,
     vertical = props.vertical,

package/dist/ColorPicker/HueSlider.d.ts

@@ -8,12 +8,5 @@ interface Props {
 export interface HueSliderRef {
     update: () => void;
 }
-/**
- * @author	Parker
- * @CreateTime	2022/5/14 16:16:37
- * @LastEditor	Parker
- * @ModifyTime	2022/11/20 11:55:00
- * @Description	Element Plus 颜色选择器组件魔改过来的，源代码见：https://github.com/element-plus/element-plus
- */
 declare const HueSlider: React.ForwardRefExoticComponent<Props & React.RefAttributes<HueSliderRef>>;
 export default HueSlider;

package/dist/ColorPicker/HueSlider.js

@@ -12,13 +12,6 @@ import React, { forwardRef, useCallback, useImperativeHandle, useRef, useState }
 import { useClassNames } from "../hooks";
 import draggable from "./draggable";
 import { getClientXY } from "./util";
-/**
- * @author	Parker
- * @CreateTime	2022/5/14 16:16:37
- * @LastEditor	Parker
- * @ModifyTime	2022/11/20 11:55:00
- * @Description	Element Plus 颜色选择器组件魔改过来的，源代码见：https://github.com/element-plus/element-plus
- */
 var HueSlider = /*#__PURE__*/forwardRef(function (props, ref) {
   var color = props.color,
     vertical = props.vertical,

package/dist/ColorPicker/Predefine.d.ts

@@ -8,12 +8,5 @@ interface Props {
 export interface PredefineRef {
     update: () => void;
 }
-/**
- * @author	Parker
- * @CreateTime	2022/5/14 19:24:19
- * @LastEditor	Parker
- * @ModifyTime	2025/2/22 19:59:12
- * @Description	Element Plus 颜色选择器组件魔改过来的，源代码见：https://github.com/element-plus/element-plus
- */
 declare const Predefine: React.ForwardRefExoticComponent<Props & React.RefAttributes<PredefineRef>>;
 export default Predefine;

package/dist/ColorPicker/Predefine.js

@@ -11,13 +11,6 @@ import classNames from 'classnames';
 import React, { forwardRef, useCallback, useImperativeHandle, useState } from 'react';
 import { useClassNames } from "../hooks";
 import { parseColors } from "./util";
-/**
- * @author	Parker
- * @CreateTime	2022/5/14 19:24:19
- * @LastEditor	Parker
- * @ModifyTime	2025/2/22 19:59:12
- * @Description	Element Plus 颜色选择器组件魔改过来的，源代码见：https://github.com/element-plus/element-plus
- */
 var Predefine = /*#__PURE__*/forwardRef(function (props, ref) {
   var color = props.color,
     colors = props.colors,

package/dist/ColorPicker/SvPanel.d.ts

@@ -7,12 +7,5 @@ interface Props {
 export interface SvPanelRef {
     update: () => void;
 }
-/**
- * @author	Parker
- * @CreateTime	2022/5/14 16:16:37
- * @LastEditor	Parker
- * @ModifyTime	2022/11/20 11:54:52
- * @Description	Element Plus 颜色选择器组件魔改过来的，源代码见：https://github.com/element-plus/element-plus
- */
 declare const SvPanel: React.ForwardRefExoticComponent<Props & React.RefAttributes<SvPanelRef>>;
 export default SvPanel;

package/dist/ColorPicker/SvPanel.js

@@ -11,13 +11,6 @@ import React, { forwardRef, useCallback, useImperativeHandle, useRef, useState }
 import { useClassNames } from "../hooks";
 import draggable from "./draggable";
 import { getClientXY } from "./util";
-/**
- * @author	Parker
- * @CreateTime	2022/5/14 16:16:37
- * @LastEditor	Parker
- * @ModifyTime	2022/11/20 11:54:52
- * @Description	Element Plus 颜色选择器组件魔改过来的，源代码见：https://github.com/element-plus/element-plus
- */
 var SvPanel = /*#__PURE__*/forwardRef(function (props, ref) {
   var color = props.color,
     onChange = props.onChange;

package/dist/DateTimePicker/DateTimePicker.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { DateTimePickerRef } from './typings';
-declare const DateTimePicker: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<import("..").DatePickerProps, "name" | "type"> & {
+declare const DateTimePicker: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<import("..").DatePickerProps, "type" | "name"> & {
     name?: string;
     onClear?: (event?: any) => void;
     defaultTime?: Date;

package/dist/Descriptions/Descriptions.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { DescriptionsProps } from './typings';
-declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<DescriptionsProps & React.RefAttributes<any>>>;
-export default _default;
+declare const Descriptions: React.MemoExoticComponent<React.ForwardRefExoticComponent<DescriptionsProps & React.RefAttributes<any>>>;
+export default Descriptions;

package/dist/Descriptions/Descriptions.js

@@ -11,7 +11,7 @@ import React, { cloneElement, forwardRef, memo, useCallback, useMemo } from 'rea
 import { useChildrenInstance, useClassNames } from "../hooks";
 import { DescriptionsContext } from "./DescriptionsContext";
 import DescriptionsRow from "./DescriptionsRow";
-var Descriptions = /*#__PURE__*/forwardRef(function (props, ref) {
+var Descriptions = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref) {
   var border = props.border,
     _props$column = props.column,
     column = _props$column === void 0 ? 3 : _props$column,
@@ -31,7 +31,7 @@ var Descriptions = /*#__PURE__*/forwardRef(function (props, ref) {
     is = _useClassNames.is;
 
   /** 获取子组件 */
-  var getChildInstance = useChildrenInstance('DescriptionsItem');
+  var getChildInstance = useChildrenInstance('ElDescriptionsItem');
   var filledNode = useCallback(function (node, span, count) {
     var isLast = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
     if (span > count) {
@@ -102,11 +102,12 @@ var Descriptions = /*#__PURE__*/forwardRef(function (props, ref) {
     className: classNames(e(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["table"]))), is({
       bordered: border
     }))
-  }, /*#__PURE__*/React.createElement("tbody", null, rows.map(function (row) {
+  }, /*#__PURE__*/React.createElement("tbody", null, rows.map(function (row, index) {
     return /*#__PURE__*/React.createElement(DescriptionsRow, {
+      key: index,
       row: row
     });
   }))))));
-});
-Descriptions.displayName = 'Descriptions';
-export default /*#__PURE__*/memo(Descriptions);
+}));
+Descriptions.displayName = 'ElDescriptions';
+export default Descriptions;

package/dist/Descriptions/DescriptionsCell.d.ts

@@ -4,16 +4,15 @@ interface Props {
     cell: React.ReactElement<DescriptionsItemProps>;
     tag: string;
     type: string;
+    _key: string;
 }
-declare const _default: React.MemoExoticComponent<{
-    ({ cell, tag, type }: Props): React.ReactElement<{
-        style: {
-            width: string | number;
-            minWidth: string | number;
-        };
-        className: string;
-        colSpan: number;
-    }, string | React.JSXElementConstructor<any>>;
-    displayName: string;
-}>;
-export default _default;
+declare const DescriptionsCell: React.MemoExoticComponent<({ cell, tag, type, _key }: Props) => React.ReactElement<{
+    key: string;
+    style: {
+        width: string | number;
+        minWidth: string | number;
+    };
+    className: string;
+    colSpan: number;
+}, string | React.JSXElementConstructor<any>>>;
+export default DescriptionsCell;

package/dist/Descriptions/DescriptionsCell.js

@@ -8,13 +8,15 @@ import classNames from 'classnames';
 import { createElement, memo, useContext, useMemo } from 'react';
 import { useClassNames } from "../hooks";
 import { DescriptionsContext } from "./DescriptionsContext";
-var DescriptionsCell = function DescriptionsCell(_ref) {
+var DescriptionsCell = /*#__PURE__*/memo(function (_ref) {
   var cell = _ref.cell,
     tag = _ref.tag,
-    type = _ref.type;
+    type = _ref.type,
+    _key = _ref._key;
   var _cell$props = cell.props,
     label = _cell$props.label,
-    span = _cell$props.span,
+    _cell$props$span = _cell$props.span,
+    span = _cell$props$span === void 0 ? 1 : _cell$props$span,
     align = _cell$props.align,
     labelAlign = _cell$props.labelAlign,
     className = _cell$props.className,
@@ -40,6 +42,7 @@ var DescriptionsCell = function DescriptionsCell(_ref) {
   switch (type) {
     case 'label':
       return /*#__PURE__*/createElement(tag, {
+        key: _key,
         style: style,
         className: classNames(e(_templateObject || (_templateObject = _taggedTemplateLiteral(["cell"]))), e(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["label"]))), is(_defineProperty({
           'bordered-label': border,
@@ -49,6 +52,7 @@ var DescriptionsCell = function DescriptionsCell(_ref) {
       }, label);
     case 'content':
       return /*#__PURE__*/createElement(tag, {
+        key: _key,
         style: style,
         className: classNames(e(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["cell"]))), e(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["content"]))), is(_defineProperty({
           'bordered-label': border,
@@ -58,15 +62,18 @@ var DescriptionsCell = function DescriptionsCell(_ref) {
       }, children);
     default:
       return /*#__PURE__*/createElement('td', {
+        key: _key,
         style: style,
         className: classNames(e(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["cell"]))), is(_defineProperty({}, align, align))),
         colSpan: span
       }, [/*#__PURE__*/createElement('span', {
+        key: _key + '1',
         className: classNames(e(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["label"]))), labelClassName)
       }, label), /*#__PURE__*/createElement('span', {
+        key: _key + '2',
         className: classNames(e(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["content"]))), className)
       }, children)]);
   }
-};
-DescriptionsCell.displayName = 'DescriptionsCell';
-export default /*#__PURE__*/memo(DescriptionsCell);
+});
+DescriptionsCell.displayName = 'ElDescriptionsCell';
+export default DescriptionsCell;

package/dist/Descriptions/DescriptionsItem.js

@@ -2,5 +2,5 @@
 var DescriptionsItem = function DescriptionsItem(props) {
   return null;
 };
-DescriptionsItem.displayName = 'DescriptionsItem';
+DescriptionsItem.displayName = 'ElDescriptionsItem';
 export default DescriptionsItem;

package/dist/Descriptions/DescriptionsRow.d.ts

@@ -3,8 +3,5 @@ import { DescriptionsItemProps } from './typings';
 interface Props {
     row: React.ReactElement<DescriptionsItemProps>[];
 }
-declare const _default: React.MemoExoticComponent<{
-    ({ row }: Props): React.JSX.Element;
-    displayName: string;
-}>;
-export default _default;
+declare const DescriptionsRow: React.MemoExoticComponent<({ row }: Props) => React.JSX.Element>;
+export default DescriptionsRow;

package/dist/Descriptions/DescriptionsRow.js

@@ -1,7 +1,7 @@
 import React, { Fragment, memo, useContext } from 'react';
 import DescriptionsCell from "./DescriptionsCell";
 import { DescriptionsContext } from "./DescriptionsContext";
-var DescriptionsRow = function DescriptionsRow(_ref) {
+var DescriptionsRow = /*#__PURE__*/memo(function (_ref) {
   var row = _ref.row;
   var _useContext = useContext(DescriptionsContext),
     direction = _useContext.direction,
@@ -9,6 +9,7 @@ var DescriptionsRow = function DescriptionsRow(_ref) {
   return direction === 'vertical' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("tr", null, row.map(function (cell, index) {
     return /*#__PURE__*/React.createElement(DescriptionsCell, {
       key: "tr1-".concat(index),
+      _key: "tr1-".concat(index),
       cell: cell,
       tag: "th",
       type: "label"
@@ -16,6 +17,7 @@ var DescriptionsRow = function DescriptionsRow(_ref) {
   })), /*#__PURE__*/React.createElement("tr", null, row.map(function (cell, index) {
     return /*#__PURE__*/React.createElement(DescriptionsCell, {
       key: "tr2-".concat(index),
+      _key: "tr2-".concat(index),
       cell: cell,
       tag: "td",
       type: "content"
@@ -24,20 +26,25 @@ var DescriptionsRow = function DescriptionsRow(_ref) {
     return border ? /*#__PURE__*/React.createElement(Fragment, {
       key: "tr1-".concat(index)
     }, /*#__PURE__*/React.createElement(DescriptionsCell, {
+      key: "tr1-".concat(index, "-label"),
+      _key: "tr1-".concat(index, "-label"),
       cell: cell,
       tag: "th",
       type: "label"
     }), /*#__PURE__*/React.createElement(DescriptionsCell, {
+      key: "tr1-".concat(index, "-content"),
+      _key: "tr1-".concat(index, "-content"),
       cell: cell,
       tag: "th",
       type: "content"
     })) : /*#__PURE__*/React.createElement(DescriptionsCell, {
       key: "tr3-".concat(index),
+      _key: "tr3-".concat(index),
       cell: cell,
       tag: "th",
       type: "both"
     });
   }));
-};
-DescriptionsRow.displayName = 'DescriptionsRow';
-export default /*#__PURE__*/memo(DescriptionsRow);
+});
+DescriptionsRow.displayName = 'ElDescriptionsRow';
+export default DescriptionsRow;

package/dist/Dialog/Dialog.js

@@ -19,7 +19,6 @@ import { createPortal } from 'react-dom';
 import Transition from "../Transition/Transition";
 import { PopupManager, addUnit } from "../Util";
 import { useClassNames, useControlled } from "../hooks";
-import { namespace } from "../hooks/prefix";
 import DialogBody from "./DialogBody";
 import { DialogContext } from "./DialogContext";
 import DialogFooter from "./DialogFooter";
@@ -135,13 +134,13 @@ function InternalElDialog(props, ref) {
         if (isTargetExists || isContainedByPopper) {
           return;
         }
-        if (!closeOnClickModal) {
+        if (closeOnClickModal) {
+          doClose();
+        } else {
           addClass(dialogRef.current, b('dialog-shake', false));
           setTimeout(function () {
             removeClass(dialogRef.current, b('dialog-shake', false));
           }, 300);
-        } else if (modal === true) {
-          doClose();
         }
       });
     }
@@ -165,7 +164,7 @@ function InternalElDialog(props, ref) {
   });
   return /*#__PURE__*/React.createElement(DialogContext.Provider, {
     value: {
-      backdrop: modal,
+      modal: modal,
       setVisible: setVisible,
       isControlled: isControlled,
       doClose: doClose,
@@ -240,7 +239,7 @@ function InternalElDialog(props, ref) {
       'align-center': alignCenter,
       fullscreen: fullscreen
     }), _defineProperty({}, m(_templateObject || (_templateObject = _taggedTemplateLiteral(["center"]))), center)),
-    style: _objectSpread(_objectSpread({}, props.style), {}, _defineProperty(_defineProperty({}, "--".concat(namespace, "-dialog-width"), fullscreen || classPrefix !== 'dialog' ? '' : addUnit(width)), "--".concat(namespace, "-dialog-margin-top"), addUnit(top))),
+    style: _objectSpread(_objectSpread({}, props.style), {}, _defineProperty(_defineProperty({}, '--el-dialog-width', fullscreen || classPrefix !== 'dialog' ? '' : addUnit(width)), '--el-dialog-margin-top', addUnit(top))),
     ref: dialogRef
   }, /*#__PURE__*/React.createElement(DialogHeader, {
     ref: headerRef,

package/dist/Dialog/DialogContext.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 interface DialogContentProps {
     /** 当设置为 true，Dialog 打开时会显示背景，点击背景会关闭 Dialog，如果不想关闭 Dialog，可以设置为 'static' */
-    backdrop: boolean | 'static';
+    modal: boolean;
     setVisible: (visible: boolean) => void;
     /** 隐藏时的回调函数 */
     doClose: () => void;

package/dist/Dialog/DialogContext.js

@@ -1,7 +1,7 @@
 import noop from 'lodash/noop';
 import { createContext } from 'react';
 export var DialogContext = /*#__PURE__*/createContext({
-  backdrop: true,
+  modal: true,
   setVisible: noop,
   doClose: noop,
   isControlled: false,

package/dist/Drawer/Drawer.d.ts

@@ -1,7 +1,6 @@
 import React, { RefObject } from 'react';
 import DrawerBody from './DrawerBody';
 import DrawerFooter from './DrawerFooter';
-import DrawerHeader from './DrawerHeader';
 import { DrawerProps } from './typings';
 declare const Comp: (props: DrawerProps & {
     ref?: RefObject<HTMLDivElement> | React.ForwardedRef<HTMLDivElement>;
@@ -9,10 +8,8 @@ declare const Comp: (props: DrawerProps & {
 type InternalType = typeof Comp;
 interface CompInterface extends InternalType {
     displayName?: string;
-    defaultProps?: Partial<DrawerProps>;
-    Header: typeof DrawerHeader;
-    Body: typeof DrawerBody;
-    Footer: typeof DrawerFooter;
+    body: typeof DrawerBody;
+    footer: typeof DrawerFooter;
 }
 declare const Drawer: CompInterface;
 export default Drawer;