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

package/dist/Select/typings.d.ts

@@ -7,7 +7,7 @@ export type SelectRef = {
     inputInstance?: RefObject<InputRef>;
     searchInstance?: RefObject<InputRef>;
     popperInstRef: RefObject<PopperOptionRef>;
-    label: string;
+    selectedLabel: string | string[];
     setLabel: (label: string) => void;
     getValue: () => ValueType;
     setValue: (value: ValueType) => void;
@@ -40,6 +40,8 @@ export interface SelectProps<V = ValueType> extends Omit<FormControlBaseProps<V>
     loadingText?: React.ReactElement | string;
     /**  */
     max?: boolean;
+    /** 下拉菜单的内容是否有箭头 */
+    showArrow?: boolean;
     /**  */
     required?: boolean;
     /** 表单校验错误提示 */
@@ -68,8 +70,18 @@ export interface SelectProps<V = ValueType> extends Omit<FormControlBaseProps<V>
     size?: TypeAttributes.Size;
     /** 是否追加到body下 */
     appendToBody?: boolean;
+    /** 标签类型 */
+    tagType?: TypeAttributes.Appearance;
+    /** 标签效果 */
+    tagEffect?: 'light' | 'dark' | 'plain';
     /** 选中值发生变化时触发 */
     onChange?: (value: ValueType, label?: string | (string | number)[]) => void;
+    /** 下拉框出现/隐藏时触发   */
+    onVisibleChange?: (visible: boolean) => void;
+    /** 多选模式下移除tag时触发/隐藏时触发   */
+    onRemoveTag?: (tagValue: any) => void;
+    /** 可清空的单选模式下用户点击清空按钮时触发  */
+    onClear?: () => void;
     /** 数据加载成功时调用 */
     onLoadSuccess?: (value: ValueType, label?: (string | number | undefined)[]) => void;
 }

package/dist/Skeleton/typings.d.ts

@@ -1,9 +1,9 @@
 import { ReactElement } from 'react';
 import { BaseProps, NativeProps } from '../types/common';
 export interface SkeletonProps extends BaseProps, NativeProps {
-    /** 是否显示模态框（可控） */
+    /** 是否显示骨架屏（可控） */
     visible?: boolean;
-    /** 默认是否显示模态框 */
+    /** 默认是否显示骨架屏 */
     defaultVisible?: boolean;
     /** 骨架屏段落数量 */
     rows?: number;

package/dist/Table/TableColumn.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { useChildrenInstance } from "../hooks";
 var TableColumn = function TableColumn(props) {
-  var getChildren = useChildrenInstance('TableColumn');
+  var getChildren = useChildrenInstance('ElTableColumn');
   if (props.children instanceof Function) {
     return /*#__PURE__*/React.createElement("div", null);
   } else {
@@ -9,5 +9,5 @@ var TableColumn = function TableColumn(props) {
     return /*#__PURE__*/React.createElement("div", null, columns);
   }
 };
-TableColumn.displayName = 'TableColumn';
+TableColumn.displayName = 'ElTableColumn';
 export default TableColumn;

package/dist/Table/TableHeaderCell.js

@@ -123,33 +123,33 @@ var TableHeaderCell = function TableHeaderCell(p) {
   /** 排序 */
   var handleSort = useCallback(function (_sort) {
     if (column.sortable === 'custom' && sortProp && _sort) {
-      var _data = onSortChange === null || onSortChange === void 0 ? void 0 : onSortChange({
+      onSortChange === null || onSortChange === void 0 || onSortChange({
         column: column,
         prop: sortProp,
         order: _sort
       });
-      if (_data && _data instanceof Array) {
-        try {
-          setData(mergeTreeData(initialData.current, treeNodes.current, treeProps, rowKey));
-        } catch (error) {
-          // eslint-disable-next-line no-console
-          console.warn('warning： 返回的数据似乎有问题');
-        }
-      } else {
-        // eslint-disable-next-line no-console
-        console.warn('warning： 返回的数据格式有问题');
-      }
+      // if (_data && _data instanceof Array) {
+      //     try {
+      //         setData(mergeTreeData(initialData.current, treeNodes.current, treeProps, rowKey));
+      //     } catch (error) {
+      //         // eslint-disable-next-line no-console
+      //         console.warn('warning： 返回的数据似乎有问题');
+      //     }
+      // } else {
+      //     // eslint-disable-next-line no-console
+      //     console.warn('warning： 返回的数据格式有问题');
+      // }
     } else if (column.sortMethod) {
-      var _data2 = initialData.current.sort(function (a, b) {
+      var _data = initialData.current.sort(function (a, b) {
         return column.sortMethod(a, b);
       });
-      setData(mergeTreeData(_data2, treeNodes.current, treeProps, rowKey));
+      setData(mergeTreeData(_data, treeNodes.current, treeProps, rowKey));
     } else if (isEmpty(_sort)) {
       // 没有排序，恢复到原始顺序
       setData(mergeTreeData(initialData.current, treeNodes.current, treeProps, rowKey));
     } else {
-      var _data3 = sortBy(initialData.current, column.sortBy ? column.sortBy : column.prop || column.name);
-      sortedData.current = _sort === 'descending' ? _data3.reverse() : _data3;
+      var _data2 = sortBy(initialData.current, column.sortBy ? column.sortBy : column.prop || column.name);
+      sortedData.current = _sort === 'descending' ? _data2.reverse() : _data2;
       setData(mergeTreeData(sortedData.current, treeNodes.current, treeProps, rowKey));
     }
   }, [column, sortProp, onSortChange, initialData, setData, treeNodes, treeProps, rowKey, sortedData]);

package/dist/Table/hooks/useSelection.d.ts

@@ -39,4 +39,4 @@ export declare const activeRow: <T>(payload: T) => Action;
  * @param payload
  * @returns
  */
-export declare const onCheck: <T>(payload: Pick<State<T>, "selection" | "isIndeterminate">) => Action;
+export declare const onCheck: <T>(payload: Pick<State<T>, "isIndeterminate" | "selection">) => Action;

package/dist/Table/hooks/useTable.d.ts

@@ -1,12 +1,5 @@
 import React from 'react';
 import { TableColumnCtx, TableColumnProps, TableProps, TableRefs, TreeNode } from '../typings';
-/**
- * @author	Parker
- * @CreateTime	2022/9/11 12:24:23
- * @LastEditor	Parker
- * @LastEditor	Parker
- * @ModifyTime	2022/11/19 23:23:42
- */
 export declare const useTable: <T extends object>(props: TableProps<T>, refs: TableRefs, tableId: string) => {
     data: T[];
     setData: React.Dispatch<React.SetStateAction<T[]>>;

package/dist/Table/hooks/useTable.js

@@ -18,16 +18,8 @@ import { isNotEmpty } from "../../Util";
 import { useChildrenInstance } from "../../hooks";
 import { flatTreeData } from "../treeUtil";
 import { TableIdManager, getRowIdentity } from "../util";
-
-/**
- * @author	Parker
- * @CreateTime	2022/9/11 12:24:23
- * @LastEditor	Parker
- * @LastEditor	Parker
- * @ModifyTime	2022/11/19 23:23:42
- */
 export var useTable = function useTable(props, refs, tableId) {
-  var getChildren = useChildrenInstance('TableColumn');
+  var getChildren = useChildrenInstance('ElTableColumn');
   var _children = getChildren(props.children);
   var maxLevel = useRef(0);
   var flatColumns = useRef([]);

package/dist/Table/typings.d.ts

@@ -160,7 +160,7 @@ export interface TableEvents<T> {
         column: TableColumnCtx<T>;
         prop: string;
         order: 'ascending' | 'descending';
-    }) => T[];
+    }) => void;
     /** column 的 key， 如果需要使用 filterChange 事件，则需要此属性标识是哪个 column 的筛选条件  */
     onFilterChange?: (filters: any) => void;
     /** 当表格的当前行发生变化的时候会触发该事件，如果要高亮当前行，请打开表格的 highlightCurrentRow 属性  */

package/dist/Tabs/TabPane.js

@@ -66,5 +66,5 @@ var TabPane = /*#__PURE__*/forwardRef(function (props, ref) {
     return main;
   }
 });
-TabPane.displayName = 'TabPane';
+TabPane.displayName = 'ElTabPane';
 export default TabPane;

package/dist/Tabs/Tabs.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import React from 'react';
 import { TabsProps } from './typings';
-declare const Tabs: FC<TabsProps>;
+declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;
 export default Tabs;

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`属性）