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

package/dist/Skeleton/Skeleton.js

@@ -1,8 +1,95 @@
-import SkeletonGraph from "./PlaceholderGraph";
-import PlaceholderGrid from "./PlaceholderGrid";
-import PlaceholderParagraph from "./PlaceholderParagraph";
-var Skeleton = PlaceholderParagraph;
-Skeleton.Paragraph = PlaceholderParagraph;
-Skeleton.Grid = PlaceholderGrid;
-Skeleton.Graph = SkeletonGraph;
+var _templateObject, _templateObject2;
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import classNames from 'classnames';
+import debounce from 'lodash/debounce';
+import React, { Children, useEffect, useRef } from 'react';
+import { mergeDefaultProps } from "../Util";
+import { useClassNames, useControlled } from "../hooks";
+import { SkeletonContext } from "./SkeletonContext";
+import SkeletonItem from "./SkeletonItem";
+var SkeletonCore = function SkeletonCore(props) {
+  var animated = props.animated,
+    _props$rows = props.rows,
+    rows = _props$rows === void 0 ? 4 : _props$rows,
+    variant = props.variant,
+    _props$rowHeight = props.rowHeight,
+    rowHeight = _props$rowHeight === void 0 ? 16 : _props$rowHeight,
+    _props$rowMargin = props.rowMargin,
+    rowMargin = _props$rowMargin === void 0 ? 16 : _props$rowMargin,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'skeleton' : _props$classPrefix,
+    formatter = props.formatter,
+    className = props.className,
+    style = props.style;
+  var _useClassNames = useClassNames(classPrefix),
+    b = _useClassNames.b,
+    wb = _useClassNames.wb;
+  return /*#__PURE__*/React.createElement(SkeletonContext.Provider, {
+    value: {
+      rowHeight: rowHeight,
+      rowMargin: rowMargin,
+      rows: rows
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames(className, wb('paragraph', {
+      active: animated
+    })),
+    style: style
+  }, variant && /*#__PURE__*/React.createElement("div", {
+    className: b('paragraph-graph', "paragraph-graph-".concat(variant))
+  }, variant === 'image' ? /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 1024 1024"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    d: "M96 896a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h832a32 32 0 0 1 32 32v704a32 32 0 0 1-32 32zm315.52-228.48-68.928-68.928a32 32 0 0 0-45.248 0L128 768.064h778.688l-242.112-290.56a32 32 0 0 0-49.216 0L458.752 665.408a32 32 0 0 1-47.232 2.112M256 384a96 96 0 1 0 192.064-.064A96 96 0 0 0 256 384"
+  })) : null, /*#__PURE__*/React.createElement("span", {
+    className: b(_templateObject || (_templateObject = _taggedTemplateLiteral(["paragraph-graph-inner"])))
+  })), /*#__PURE__*/React.createElement("div", {
+    className: b(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["paragraph-rows"])))
+  }, Children.count(formatter) === 0 ? new Array(rows).fill(0).map(function (_, index) {
+    return /*#__PURE__*/React.createElement(SkeletonItem, {
+      key: index,
+      isFirst: index === 0
+    });
+  }) : formatter)));
+};
+var Skeleton = function Skeleton(props) {
+  var _throttle$leading, _throttle$trailing;
+  props = mergeDefaultProps({
+    visible: true
+  }, props);
+  var _props = props,
+    defaultVisible = _props.defaultVisible,
+    throttle = _props.throttle,
+    children = _props.children;
+  var initLoad = useRef(false);
+  var _useControlled = useControlled(undefined, defaultVisible !== null && defaultVisible !== void 0 ? defaultVisible : props.visible),
+    _useControlled2 = _slicedToArray(_useControlled, 2),
+    visible = _useControlled2[0],
+    setVisible = _useControlled2[1];
+  var display = debounce(function () {
+    return setVisible(true);
+  }, typeof throttle === 'number' ? throttle : (_throttle$leading = throttle === null || throttle === void 0 ? void 0 : throttle.leading) !== null && _throttle$leading !== void 0 ? _throttle$leading : 0);
+  var hide = debounce(function () {
+    return setVisible(false);
+  }, typeof throttle !== 'number' ? (_throttle$trailing = throttle === null || throttle === void 0 ? void 0 : throttle.trailing) !== null && _throttle$trailing !== void 0 ? _throttle$trailing : 0 : 0);
+  useEffect(function () {
+    if (defaultVisible === true && !initLoad.current) {
+      setVisible(true);
+    } else {
+      props.visible ? display() : hide();
+    }
+    initLoad.current = true;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [props.visible]);
+  return visible ? /*#__PURE__*/React.createElement(SkeletonCore, props) : /*#__PURE__*/React.createElement(React.Fragment, null, children);
+};
+Skeleton.displayName = 'ElSkeleton';
 export default Skeleton;

package/dist/Skeleton/SkeletonContext.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+export declare const SkeletonContext: import("react").Context<{
+    /** 骨架屏段落数量 */
+    rows?: number;
+    /** 是否使用动画 */
+    animated?: boolean;
+    rowHeight?: number;
+    rowMargin?: number;
+}>;
+export declare const useSkeletonContext: () => {
+    /** 骨架屏段落数量 */
+    rows?: number;
+    /** 是否使用动画 */
+    animated?: boolean;
+    rowHeight?: number;
+    rowMargin?: number;
+};

package/dist/Skeleton/SkeletonContext.js

@@ -0,0 +1,5 @@
+import { createContext, useContext } from 'react';
+export var SkeletonContext = /*#__PURE__*/createContext({});
+export var useSkeletonContext = function useSkeletonContext() {
+  return useContext(SkeletonContext);
+};

package/dist/Skeleton/SkeletonItem.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SkeletonItemProps } from './typings';
+declare const SkeletonItem: (props: SkeletonItemProps) => React.JSX.Element;
+export default SkeletonItem;

package/dist/Skeleton/SkeletonItem.js

@@ -0,0 +1,47 @@
+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;
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import classNames from 'classnames';
+import React from 'react';
+import { useClassNames } from "../hooks";
+import { useSkeletonContext } from "./SkeletonContext";
+var SkeletonItem = function SkeletonItem(props) {
+  var _props$rowHeight, _props$rowMargin, _props$rowMargin2;
+  var isFirst = props.isFirst,
+    variant = props.variant,
+    className = props.className,
+    style = props.style,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'skeleton' : _props$classPrefix;
+  var _useClassNames = useClassNames(classPrefix),
+    b = _useClassNames.b,
+    e = _useClassNames.e;
+  var _useSkeletonContext = useSkeletonContext(),
+    rowHeight = _useSkeletonContext.rowHeight,
+    rowMargin = _useSkeletonContext.rowMargin;
+  return variant ? /*#__PURE__*/React.createElement("div", {
+    className: classNames(b('paragraph-graph', "paragraph-graph-".concat(variant)), className),
+    style: style
+  }, variant === 'image' ? /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 1024 1024"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    d: "M96 896a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h832a32 32 0 0 1 32 32v704a32 32 0 0 1-32 32zm315.52-228.48-68.928-68.928a32 32 0 0 0-45.248 0L128 768.064h778.688l-242.112-290.56a32 32 0 0 0-49.216 0L458.752 665.408a32 32 0 0 1-47.232 2.112M256 384a96 96 0 1 0 192.064-.064A96 96 0 0 0 256 384"
+  })) : null, /*#__PURE__*/React.createElement("span", {
+    className: b(_templateObject || (_templateObject = _taggedTemplateLiteral(["paragraph-graph-inner"])))
+  })) : /*#__PURE__*/React.createElement("div", {
+    className: classNames(e(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["item"]))), className),
+    style: _objectSpread({
+      width: "".concat(Math.random() * 75 + 25, "%"),
+      height: (_props$rowHeight = props.rowHeight) !== null && _props$rowHeight !== void 0 ? _props$rowHeight : rowHeight,
+      marginTop: isFirst ? Number((_props$rowMargin = props.rowMargin) !== null && _props$rowMargin !== void 0 ? _props$rowMargin : rowMargin) / 2 : (_props$rowMargin2 = props.rowMargin) !== null && _props$rowMargin2 !== void 0 ? _props$rowMargin2 : rowMargin
+    }, style)
+  });
+};
+export default SkeletonItem;

package/dist/Skeleton/index.d.ts

@@ -1,4 +1,3 @@
-export type { SkeletonGraphProps } from './PlaceholderGraph';
-export type { PlaceholderGridProps } from './PlaceholderGrid';
-export type { PlaceholderParagraphProps } from './PlaceholderParagraph';
 export { default as Skeleton } from './Skeleton';
+export { default as SkeletonItem } from './SkeletonItem';
+export type { SkeletonItemProps, SkeletonProps } from './typings';

package/dist/Skeleton/index.js

@@ -1 +1,2 @@
-export { default as Skeleton } from "./Skeleton";
+export { default as Skeleton } from "./Skeleton";
+export { default as SkeletonItem } from "./SkeletonItem";

package/dist/Skeleton/typings.d.ts

@@ -0,0 +1,29 @@
+import { ReactElement } from 'react';
+import { BaseProps, NativeProps } from '../types/common';
+export interface SkeletonProps extends BaseProps, NativeProps {
+    /** 是否显示骨架屏（可控） */
+    visible?: boolean;
+    /** 默认是否显示骨架屏 */
+    defaultVisible?: boolean;
+    /** 骨架屏段落数量 */
+    rows?: number;
+    /** 是否使用动画 */
+    animated?: boolean;
+    rowHeight?: number;
+    rowMargin?: number;
+    /** 当前渲染 skeleton 类型 */
+    variant?: 'image' | 'circle' | 'rect';
+    /** 渲染延迟（以毫秒为单位） 数字代表延迟显示, 也可以设置为延迟隐藏, 例如 { leading: 500, trailing: 500 } 当需要控制初始加载值时，您可以设置 { initVal: true } */
+    throttle?: number | {
+        leading?: number;
+        trailing?: number;
+    };
+    formatter?: ReactElement;
+}
+export interface SkeletonItemProps extends BaseProps, NativeProps {
+    /** 当前渲染 skeleton 类型 */
+    variant?: 'image' | 'circle' | 'rect';
+    isFirst?: boolean;
+    rowHeight?: number;
+    rowMargin?: number;
+}

package/dist/Skeleton/typings.js

@@ -0,0 +1 @@
+export {};

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/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/Upload/use-handlers.d.ts

@@ -12,6 +12,6 @@ export declare const useHandlers: (props: Omit<UploadProps, 'fileList'> & {
     handleProgress: (evt: import("./typings").UploadProgressEvent, rawFile: UploadRawFile) => void;
     handleStart: (rawFile: UploadRawFile) => void;
     handleSuccess: (response: any, rawFile: UploadRawFile) => unknown;
-    handleRemove: (file: UploadRawFile | UploadFile) => void;
+    handleRemove: (file: UploadFile | UploadRawFile) => void;
     submit: () => void;
 };

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