@qsxy/element-plus-react 1.0.2 → 2.0.0

package/dist/Button/Button.d.ts

@@ -1,13 +1,4 @@
-import React, { RefObject } from 'react';
-import ButtonGroup from './ButtonGroup';
+import React from 'react';
 import { ButtonProps, ButtonRef } from './typings';
-declare const Comp: (props: ButtonProps & {
-    ref?: RefObject<ButtonRef>;
-}) => React.ReactElement;
-type InternalType = typeof Comp;
-interface CompInterface extends InternalType {
-    displayName?: string;
-    Group: typeof ButtonGroup;
-}
-declare const Button: CompInterface;
+declare const Button: React.MemoExoticComponent<React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<ButtonRef>>>;
 export default Button;

package/dist/Button/Button.js

@@ -24,10 +24,9 @@ import { useConfigProvider } from "../ConfigProvider/ConfigProviderContext";
 import Icon from "../Icon/Icon";
 import { isNotEmpty } from "../Util";
 import { partitionHTMLProps, useClassNames, useDisabled, useSize } from "../hooks";
-import ButtonGroup from "./ButtonGroup";
 import { ButtonGroupContext } from "./ButtonGroupContext";
 import { useButtonCustomStyle } from "./useButtonCustomStyle";
-var InternalButton = function InternalButton(props, ref) {
+var Button = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref) {
   var _ref, _button$type, _button$plain, _button$round;
   var _useContext = useContext(ButtonGroupContext),
     groupDisabled = _useContext.disabled,
@@ -135,9 +134,6 @@ var InternalButton = function InternalButton(props, ref) {
   }), loading && spin, icon && !loading && typeof icon === 'string' ? /*#__PURE__*/React.createElement(Icon, _extends({
     name: icon
   }, iconProps)) : null, children);
-};
-var Comp = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(InternalButton));
-var Button = Comp;
-Button.Group = ButtonGroup;
+}));
 Button.displayName = 'ElButton';
 export default Button;

package/dist/Button/index.d.ts

@@ -1,3 +1,3 @@
 export { default as Button } from './Button';
 export { default as ButtonGroup } from './ButtonGroup';
-export type { ButtonGroupProps, ButtonProps } from './typings';
+export type { ButtonGroupProps, ButtonProps, ButtonRef } from './typings';

package/dist/Calendar/Calendar.js

@@ -44,7 +44,8 @@ var Calendar = /*#__PURE__*/forwardRef(function (props, ref) {
     showToday = _useContext.showToday,
     showNow = _useContext.showNow,
     popperInstRef = _useContext.popperInstRef,
-    onChange = _useContext.onChange,
+    _onChange = _useContext.onChange,
+    close = _useContext.close,
     onChangeRange = _useContext.onChangeRange,
     shortcuts = _useContext.shortcuts;
   var _useClassNames = useClassNames('picker-panel'),
@@ -218,10 +219,10 @@ var Calendar = /*#__PURE__*/forwardRef(function (props, ref) {
         setView('quarter');
         setValue(date);
       } else {
-        onChange === null || onChange === void 0 || onChange(date);
+        _onChange === null || _onChange === void 0 || _onChange(date);
       }
     }
-  }, [dateType, hasMonth, onChange, popperInstRef, rangePosition, valueRange]);
+  }, [dateType, hasMonth, _onChange, popperInstRef, rangePosition, valueRange]);
 
   /**
    * 选中月份后的回调
@@ -258,19 +259,19 @@ var Calendar = /*#__PURE__*/forwardRef(function (props, ref) {
       }
     } else {
       // 如果日期类型就是月份的话，直接返回值
-      onChange === null || onChange === void 0 || onChange(date, {
+      _onChange === null || _onChange === void 0 || _onChange(date, {
         month: month
       });
     }
-  }, [dateType, onChange, popperInstRef, rangePosition, valueRange]);
+  }, [dateType, _onChange, popperInstRef, rangePosition, valueRange]);
 
   /**
    * 选中日期后的回调
    * @param date
    */
   var onPickDate = useCallback(function (date) {
-    onChange === null || onChange === void 0 || onChange(date);
-  }, [onChange]);
+    _onChange === null || _onChange === void 0 || _onChange(date);
+  }, [_onChange]);
 
   /**
    * 选中范围日期后的回调
@@ -311,7 +312,10 @@ var Calendar = /*#__PURE__*/forwardRef(function (props, ref) {
     className: e(_templateObject || (_templateObject = _taggedTemplateLiteral(["body-wrapper"])))
   }, /*#__PURE__*/React.createElement(ShortCuts, {
     shortcuts: shortcuts,
-    onChange: onChange,
+    onChange: function onChange(val, params) {
+      _onChange === null || _onChange === void 0 || _onChange(val, params);
+      close === null || close === void 0 || close();
+    },
     e: e
   }), /*#__PURE__*/React.createElement("div", {
     className: e(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["body"])))

package/dist/Calendar/YearRangePanel.js

@@ -71,7 +71,7 @@ var YearRangePanel = function YearRangePanel(props) {
     }), " - ").concat(curYear + (9 - position), " ").concat(t('el.datepicker.year', {
       lng: locale
     }));
-  }, [startDate]);
+  }, [locale, startDate, t]);
 
   // 当前年份
   var rightYear = useMemo(function () {

package/dist/Card/Card.js

@@ -1,6 +1,6 @@
 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 _templateObject, _templateObject2, _templateObject3;
-var _excluded = ["header", "footer", "bodyStyle", "shadow", "classPrefix"];
+var _excluded = ["header", "footer", "bodyStyle", "shadow", "classPrefix", "className", "style"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -28,6 +28,8 @@ var Card = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref) {
     shadow = _props.shadow,
     _props$classPrefix = _props.classPrefix,
     classPrefix = _props$classPrefix === void 0 ? 'card' : _props$classPrefix,
+    className = _props.className,
+    style = _props.style,
     rest = _objectWithoutProperties(_props, _excluded);
   var _useClassNames = useClassNames(classPrefix),
     b = _useClassNames.b,
@@ -35,8 +37,8 @@ var Card = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref) {
     is = _useClassNames.is;
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref,
-    className: classNames(b(), is(_defineProperty({}, "".concat(shadow, "-shadow"), ['always', 'hover'].includes(shadow))), props.className),
-    style: props.style
+    className: classNames(b(), is(_defineProperty({}, "".concat(shadow, "-shadow"), ['always', 'hover'].includes(shadow))), className),
+    style: style
   }, rest), header && /*#__PURE__*/React.createElement("div", {
     className: e(_templateObject || (_templateObject = _taggedTemplateLiteral(["header"])))
   }, header), /*#__PURE__*/React.createElement("div", {

package/dist/Carousel/typings.d.ts

@@ -1,6 +1,6 @@
 import { RefObject } from 'react';
 import { BaseProps, NativeProps } from '../types/common';
-export interface CarouselProps extends BaseProps, NativeProps {
+export interface CarouselProps extends BaseProps, NativeProps<'--el-carousel-arrow-font-size' | '--el-carousel-arrow-size' | '--el-carousel-arrow-background' | '--el-carousel-arrow-hover-background' | '--el-carousel-indicator-width' | '--el-carousel-indicator-height' | '--el-carousel-indicator-padding-horizontal' | '--el-carousel-indicator-padding-vertical' | '--el-carousel-indicator-out-color'> {
     /** carousel 的高度	 */
     height?: string | number;
     /** 初始状态激活的幻灯片的索引，从 0 开始	 */

package/dist/Cascader/Cascader.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
-import { CascaderProps } from './typings';
-declare const Cascader: FC<CascaderProps>;
+import React from 'react';
+import { CascaderProps, CascaderRef } from './typings';
+declare const Cascader: React.MemoExoticComponent<React.ForwardRefExoticComponent<CascaderProps<import("./typings").CascaderValue, any> & React.RefAttributes<CascaderRef>>>;
 export default Cascader;