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

package/dist/Tabs/Tabs.js

@@ -28,6 +28,7 @@ var Tabs = /*#__PURE__*/forwardRef(function (props, ref) {
     classPrefix = _props$classPrefix === void 0 ? 'tabs' : _props$classPrefix,
     children = props.children,
     onTabClick = props.onTabClick,
+    onTabChange = props.onTabChange,
     beforeLeave = props.beforeLeave,
     center = props.center,
     editable = props.editable,
@@ -82,7 +83,7 @@ var Tabs = /*#__PURE__*/forwardRef(function (props, ref) {
   // const [barStyle, setBarStyle] = useState<JSX.CSSProperties>({});
 
   /** 获取子组件 */
-  var getTabPaneInstance = useChildrenInstance('TabPane');
+  var getTabPaneInstance = useChildrenInstance('ElTabPane');
 
   /** 获取TabPane组件中的配置数据 */
   var navs = useMemo(function () {
@@ -229,12 +230,15 @@ var Tabs = /*#__PURE__*/forwardRef(function (props, ref) {
     //     [sizeName === 'offsetWidth' ? 'width' : 'height']: `${tabSize}px`,
     //     transform: `translate${sizeDir}(${offset}px)`,
     // });
-  }, [sizeName, children]);
+  }, [sizeName, e, children]);
 
   /** 激活标签页 */
   var changeCurrentName = useCallback(function (item) {
     var _item$closable;
     setActiveName(item === null || item === void 0 ? void 0 : item.name);
+    if (item !== null && item !== void 0 && item.name && activeName !== item.name) {
+      onTabChange === null || onTabChange === void 0 || onTabChange(item.name);
+    }
     onTabClick === null || onTabClick === void 0 || onTabClick({
       paneName: item === null || item === void 0 ? void 0 : item.name,
       active: item === null || item === void 0 ? void 0 : item.active,
@@ -242,7 +246,7 @@ var Tabs = /*#__PURE__*/forwardRef(function (props, ref) {
       isClosable: (_item$closable = item === null || item === void 0 ? void 0 : item.closable) !== null && _item$closable !== void 0 ? _item$closable : false,
       props: item.props
     });
-  }, [onTabClick, setActiveName]);
+  }, [activeName, onTabChange, onTabClick, setActiveName]);
 
   /**
    * 点击标签页方法
@@ -371,5 +375,5 @@ var Tabs = /*#__PURE__*/forwardRef(function (props, ref) {
     ref: ref
   }, tabPosition === 'bottom' ? content : header, tabPosition === 'bottom' ? header : content));
 });
-Tabs.displayName = 'Tabs';
+Tabs.displayName = 'ElTabs';
 export default Tabs;

package/dist/Tabs/typings.d.ts

@@ -35,6 +35,8 @@ export interface TabsProps extends BaseProps, NativeProps<'--el-tabs-header-heig
     onTabAdd?: () => void;
     /** 点击 tab 移除按钮时触发 */
     onTabRemove?: (name: TabPaneName | undefined) => void;
+    /** `activeName` 改变时触发 */
+    onTabChange?: (name: TabPaneName | undefined) => void;
     /** 鼠标右键点击 tab 时触发 */
     formatter?: (name: TabPaneName | undefined) => void;
 }

package/dist/Tag/Tag.d.ts

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

package/dist/Tag/Tag.js

@@ -15,18 +15,18 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import classNames from 'classnames';
 import { useComposeRef } from 'rc-util/lib/ref';
-import React, { forwardRef, useCallback, useRef } from 'react';
+import React, { forwardRef, memo, useCallback, useRef } from 'react';
 import Icon from "../Icon/Icon";
 import Transition from "../Transition/Transition";
 import { partitionHTMLProps, useClassNames } from "../hooks";
-var Tag = /*#__PURE__*/forwardRef(function (props, ref) {
+var Tag = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref) {
   var _props$type = props.type,
     type = _props$type === void 0 ? 'primary' : _props$type,
     closable = props.closable,
     size = props.size,
     color = props.color,
-    _props$theme = props.theme,
-    theme = _props$theme === void 0 ? 'light' : _props$theme,
+    _props$effect = props.effect,
+    theme = _props$effect === void 0 ? 'light' : _props$effect,
     round = props.round,
     hit = props.hit,
     _props$classPrefix = props.classPrefix,
@@ -82,6 +82,6 @@ var Tag = /*#__PURE__*/forwardRef(function (props, ref) {
     className: e(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["close"]))),
     onClick: onCloseTag
   })));
-});
+}));
 Tag.displayName = 'ElTag';
 export default Tag;

package/dist/Tag/typings.d.ts

@@ -16,7 +16,7 @@ export interface TagProps extends Omit<TooltipBaseProps<HTMLSpanElement>, 'onCli
     /** 尺寸 */
     size?: TypeAttributes.Size;
     /** 主题 */
-    theme?: 'dark' | 'light' | 'plain';
+    effect?: 'dark' | 'light' | 'plain';
     /** 点击 Tag 时触发的事件 */
     onClick?: (e?: React.MouseEvent<HTMLSpanElement>) => void;
     /** 关闭 Tag 时触发的事件 */

package/dist/TimeLine/TimeLine.js

@@ -11,4 +11,5 @@ var TimeLine = function TimeLine(props) {
     style: props.style
   }, props.children);
 };
+TimeLine.displayName = 'ElTimeLine';
 export default TimeLine;

package/dist/TimeLine/TimeLineItem.js

@@ -67,4 +67,5 @@ var TimeLineItem = function TimeLineItem(props) {
     className: classNames(e(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["timestamp"]))), is(placement))
   }, timestamp)));
 };
+TimeLineItem.displayName = 'ElTimeLineItem';
 export default TimeLineItem;

package/dist/TimeLine/typings.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IconName } from '../Icon';
-import { BaseProps, NativeProps } from '../types/common';
+import { BaseProps, NativeProps, TypeAttributes } from '../types/common';
 export type TimeLineProps = BaseProps & NativeProps<'--el-timeline-node-size-normal' | '--el-timeline-node-size-large' | '--el-timeline-timestamp-color' | '--el-timeline-content-color' | '--el-timeline-content-font-size-small' | '--el-timeline-content-font-size-large' | '--el-timeline-node-color'>;
 export type TimeLineItemProps = BaseProps & NativeProps & {
     /** 时间戳 */
@@ -12,7 +12,7 @@ export type TimeLineItemProps = BaseProps & NativeProps & {
     /** 时间戳位置 */
     placement?: 'top' | 'bottom';
     /** 节点类型 */
-    type?: 'primary' | 'success' | 'warning' | 'error' | 'info';
+    type?: TypeAttributes.Appearance;
     /** 节点颜色 */
     color?: string;
     /** 节点尺寸 */

package/dist/TimePicker/useTimePicker.d.ts

@@ -1,10 +1,3 @@
-/**
- * @author	Element Plus
- * @CreateTime	2022/4/1 09:09:12
- * @LastEditor	Parker
- * @ModifyTime	2022/4/6 14:44:01
- * @Description	Element Plus 时间选择面板工具类，见https://github.com/element-plus/element-plus
- */
 import { Compare, DisabledHours, DisabledMinutes, DisabledSeconds, RoleType } from './typings';
 export declare const getTimeLists: (disabledHours: DisabledHours, disabledMinutes: DisabledMinutes, disabledSeconds: DisabledSeconds) => {
     getHoursList: (role: RoleType, compare?: Compare) => boolean[];

package/dist/TimePicker/useTimePicker.js

@@ -1,11 +1,4 @@
-/**
- * @author	Element Plus
- * @CreateTime	2022/4/1 09:09:12
- * @LastEditor	Parker
- * @ModifyTime	2022/4/6 14:44:01
- * @Description	Element Plus 时间选择面板工具类，见https://github.com/element-plus/element-plus
- */
-
+// Element Plus 时间选择面板工具类
 import filter from 'lodash/filter';
 var makeList = function makeList(total, method, methodFunc) {
   var arr = [];

package/dist/hooks/animationPropsUtils.d.ts

@@ -2,10 +2,6 @@ import { TransitionProps } from '../Transition';
 export declare const animationAllProps: string[];
 /**
  * Returns an array of objects consisting of: props of html input element and rest.
- * @author	Parker
- * @CreateTime	2022/4/8 17:46:40
- * @LastEditor	Parker
- * @ModifyTime	2022/4/22 15:38:45
  * @param {object} props A ReactElement props object
  * @param {Object} [options={}]
  * @param {Array} [options.htmlProps] An array of html input props

package/dist/hooks/animationPropsUtils.js

@@ -5,10 +5,6 @@ export var animationAllProps = ['transitionAppear', 'unmountOnExit', 'beforeEnte
 
 /**
  * Returns an array of objects consisting of: props of html input element and rest.
- * @author	Parker
- * @CreateTime	2022/4/8 17:46:40
- * @LastEditor	Parker
- * @ModifyTime	2022/4/22 15:38:45
  * @param {object} props A ReactElement props object
  * @param {Object} [options={}]
  * @param {Array} [options.htmlProps] An array of html input props

package/dist/hooks/popperPropsUtils.d.ts

@@ -2,10 +2,6 @@ import { PopperProps } from '../Popper';
 export declare const popperAllProps: string[];
 /**
  * Returns an array of objects consisting of: props of html input element and rest.
- * @author	Parker
- * @CreateTime	2022/4/8 17:46:40
- * @LastEditor	Parker
- * @ModifyTime	2025/2/22 11:48:08
  * @param {object} props A ReactElement props object
  * @param {Object} [options={}]
  * @param {Array} [options.htmlProps] An array of html input props

package/dist/hooks/popperPropsUtils.js

@@ -5,10 +5,6 @@ export var popperAllProps = ['popperInstRef', 'offset', 'placement', 'arrowOffse
 
 /**
  * Returns an array of objects consisting of: props of html input element and rest.
- * @author	Parker
- * @CreateTime	2022/4/8 17:46:40
- * @LastEditor	Parker
- * @ModifyTime	2025/2/22 11:48:08
  * @param {object} props A ReactElement props object
  * @param {Object} [options={}]
  * @param {Array} [options.htmlProps] An array of html input props

package/dist/hooks/useChildrenInstance.d.ts

@@ -2,10 +2,6 @@ import React from 'react';
 import { ComponentChildren } from '../types/common';
 /**
  * 获取特定名称的子组件
- * @author	Parker
- * @CreateTime	2022/3/30下午2:08:36
- * @LastEditor	Parker
- * @ModifyTime	2022/9/23 14:44:20
  * @param componentChildren 子组件
  * @param compName 目标组件名称 （`displayName`属性）
  * @param virtualCompName 子组件中的需要继续乡下递归查找的组件名称（`displayName`属性）

package/dist/hooks/useChildrenInstance.js

@@ -7,10 +7,6 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 import { Children, Fragment, useCallback, useRef } from 'react';
 /**
  * 获取特定名称的子组件
- * @author	Parker
- * @CreateTime	2022/3/30下午2:08:36
- * @LastEditor	Parker
- * @ModifyTime	2022/9/23 14:44:20
  * @param componentChildren 子组件
  * @param compName 目标组件名称 （`displayName`属性）
  * @param virtualCompName 子组件中的需要继续乡下递归查找的组件名称（`displayName`属性）