@qsxy/element-plus-react 1.0.3 → 2.0.0

package/dist/TableV2/src/use-table.js

@@ -0,0 +1,197 @@
+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; }
+import isArray from 'lodash/isArray';
+import isNumber from 'lodash/isNumber';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { useColumns, useData, useRow, useScrollbar, useStyles } from "./composables";
+import { useClassNames } from "../../hooks";
+function useTable(props) {
+  var mainTableRef = useRef(null);
+  var leftTableRef = useRef(null);
+  var rightTableRef = useRef(null);
+  var ns = useClassNames('table-v2');
+
+  // state
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isScrolling = _useState2[0],
+    setIsScrolling = _useState2[1];
+  var _useColumns = useColumns(props, props.columns, props.fixed),
+    columns = _useColumns.columns,
+    columnsStyles = _useColumns.columnsStyles,
+    columnsTotalWidth = _useColumns.columnsTotalWidth,
+    fixedColumnsOnLeft = _useColumns.fixedColumnsOnLeft,
+    fixedColumnsOnRight = _useColumns.fixedColumnsOnRight,
+    hasFixedColumns = _useColumns.hasFixedColumns,
+    mainColumns = _useColumns.mainColumns,
+    onColumnSorted = _useColumns.onColumnSorted;
+  var _useRow = useRow(props, {
+      mainTableRef: mainTableRef,
+      leftTableRef: leftTableRef,
+      rightTableRef: rightTableRef,
+      tableInstance: {},
+      ns: ns,
+      isScrolling: isScrolling
+    }),
+    expandedRowKeys = _useRow.expandedRowKeys,
+    setExpandedRowKeys = _useRow.setExpandedRowKeys,
+    lastRenderedRowIndex = _useRow.lastRenderedRowIndex,
+    setLastRenderedRowIndex = _useRow.setLastRenderedRowIndex,
+    isDynamic = _useRow.isDynamic,
+    isResetting = _useRow.isResetting,
+    rowHeights = _useRow.rowHeights,
+    resetAfterIndex = _useRow.resetAfterIndex,
+    onRowExpanded = _useRow.onRowExpanded,
+    onRowHeightChange = _useRow.onRowHeightChange,
+    onRowHovered = _useRow.onRowHovered,
+    onRowsRendered = _useRow.onRowsRendered;
+  var _useData = useData(props, {
+      expandedRowKeys: expandedRowKeys,
+      lastRenderedRowIndex: lastRenderedRowIndex,
+      resetAfterIndex: resetAfterIndex,
+      setLastRenderedRowIndex: setLastRenderedRowIndex
+    }),
+    data = _useData.data,
+    depthMap = _useData.depthMap;
+  var rowsHeight = useMemo(function () {
+    var estimatedRowHeight = props.estimatedRowHeight,
+      rowHeight = props.rowHeight;
+    if (isNumber(estimatedRowHeight)) {
+      // calculate the actual height
+      return Object.values(rowHeights).reduce(function (acc, curr) {
+        return acc + curr;
+      }, 0);
+    }
+    return data.length * rowHeight;
+  }, [props, data.length, rowHeights]);
+  var _useStyles = useStyles(props, {
+      columnsTotalWidth: columnsTotalWidth,
+      fixedColumnsOnLeft: fixedColumnsOnLeft,
+      fixedColumnsOnRight: fixedColumnsOnRight,
+      rowsHeight: rowsHeight
+    }),
+    bodyWidth = _useStyles.bodyWidth,
+    fixedTableHeight = _useStyles.fixedTableHeight,
+    mainTableHeight = _useStyles.mainTableHeight,
+    leftTableWidth = _useStyles.leftTableWidth,
+    rightTableWidth = _useStyles.rightTableWidth,
+    windowHeight = _useStyles.windowHeight,
+    footerHeight = _useStyles.footerHeight,
+    emptyStyle = _useStyles.emptyStyle,
+    rootStyle = _useStyles.rootStyle,
+    headerHeight = _useStyles.headerHeight;
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isEndReached = _useState4[0],
+    setIsEndReached = _useState4[1];
+  var onEndReached = props.onEndReached,
+    hScrollbarSize = props.hScrollbarSize;
+  var onMaybeEndReached = useCallback(function (scrollPos) {
+    if (!onEndReached) {
+      return;
+    }
+    var scrollTop = scrollPos.scrollTop;
+    var _totalHeight = rowsHeight;
+    var clientHeight = windowHeight;
+    var remainDistance = _totalHeight - (scrollTop + clientHeight) + hScrollbarSize;
+    if (!isEndReached && lastRenderedRowIndex >= 0 && _totalHeight <= scrollTop + mainTableHeight - headerHeight) {
+      setIsEndReached(true);
+      onEndReached === null || onEndReached === void 0 || onEndReached(remainDistance);
+    } else {
+      setIsEndReached(false);
+    }
+  }, [headerHeight, hScrollbarSize, isEndReached, lastRenderedRowIndex, mainTableHeight, onEndReached, rowsHeight, windowHeight]);
+  var _useScrollbar = useScrollbar(props, {
+      mainTableRef: mainTableRef,
+      leftTableRef: leftTableRef,
+      rightTableRef: rightTableRef,
+      onMaybeEndReached: onMaybeEndReached
+    }),
+    scrollTo = _useScrollbar.scrollTo,
+    scrollToLeft = _useScrollbar.scrollToLeft,
+    scrollToTop = _useScrollbar.scrollToTop,
+    scrollToRow = _useScrollbar.scrollToRow,
+    onScroll = _useScrollbar.onScroll,
+    onVerticalScroll = _useScrollbar.onVerticalScroll;
+
+  // DOM/Component refs
+  var containerRef = useRef(null);
+  var showEmpty = useMemo(function () {
+    var noData = data.length === 0;
+    return isArray(props.fixedData) ? props.fixedData.length === 0 && noData : noData;
+  }, [data.length, props.fixedData]);
+  var getRowHeight = useCallback(function (rowIndex) {
+    var estimatedRowHeight = props.estimatedRowHeight,
+      rowHeight = props.rowHeight,
+      rowKey = props.rowKey;
+    if (!estimatedRowHeight) {
+      return rowHeight;
+    }
+    return rowHeights[data[rowIndex][rowKey]] || estimatedRowHeight;
+  }, [props, rowHeights, data]);
+
+  // Watch rowsHeight changes to reset isEndReached
+  useEffect(function () {
+    setIsEndReached(false);
+  }, [rowsHeight]);
+
+  // Watch expandedRowKeys prop changes
+  useEffect(function () {
+    if (props.expandedRowKeys) {
+      setExpandedRowKeys(props.expandedRowKeys);
+    }
+  }, [props.expandedRowKeys]);
+  return {
+    // models
+    columns: columns,
+    containerRef: containerRef,
+    mainTableRef: mainTableRef,
+    leftTableRef: leftTableRef,
+    rightTableRef: rightTableRef,
+    // states
+    isDynamic: isDynamic,
+    isResetting: isResetting,
+    isScrolling: isScrolling,
+    hasFixedColumns: hasFixedColumns,
+    // records
+    columnsStyles: columnsStyles,
+    columnsTotalWidth: columnsTotalWidth,
+    data: data,
+    expandedRowKeys: expandedRowKeys,
+    depthMap: depthMap,
+    fixedColumnsOnLeft: fixedColumnsOnLeft,
+    fixedColumnsOnRight: fixedColumnsOnRight,
+    mainColumns: mainColumns,
+    // metadata
+    bodyWidth: bodyWidth,
+    emptyStyle: emptyStyle,
+    rootStyle: rootStyle,
+    footerHeight: footerHeight,
+    mainTableHeight: mainTableHeight,
+    fixedTableHeight: fixedTableHeight,
+    leftTableWidth: leftTableWidth,
+    rightTableWidth: rightTableWidth,
+    // flags
+    showEmpty: showEmpty,
+    // methods
+    getRowHeight: getRowHeight,
+    // event handlers
+    onColumnSorted: onColumnSorted,
+    onRowHovered: onRowHovered,
+    onRowExpanded: onRowExpanded,
+    onRowsRendered: onRowsRendered,
+    onRowHeightChange: onRowHeightChange,
+    // use scrollbars
+    scrollTo: scrollTo,
+    scrollToLeft: scrollToLeft,
+    scrollToTop: scrollToTop,
+    scrollToRow: scrollToRow,
+    onScroll: onScroll,
+    onVerticalScroll: onVerticalScroll
+  };
+}
+export { useTable };

package/dist/TableV2/src/utils.d.ts

@@ -0,0 +1,5 @@
+import React, { type CSSProperties, type ReactNode } from 'react';
+export declare const sum: (listLike: number | number[]) => number;
+export declare const tryCall: <T>(fLike: T, params: T extends (...args: infer K) => unknown ? K : any, defaultRet?: {}) => any;
+export declare const enforceUnit: (style: CSSProperties) => React.CSSProperties;
+export declare const componentToSlot: <T extends object>(ComponentLike: React.ReactNode | ((props: T) => ReactNode)) => (props: T) => React.ReactNode;

package/dist/TableV2/src/utils.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); }
+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); }
+import { addUnit, isFunction } from "../../Util";
+import isArray from 'lodash/isArray';
+import React from 'react';
+var sumReducer = function sumReducer(sum, num) {
+  return sum + num;
+};
+export var sum = function sum(listLike) {
+  return isArray(listLike) ? listLike.reduce(sumReducer, 0) : listLike;
+};
+export var tryCall = function tryCall(fLike, params) {
+  var defaultRet = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  return isFunction(fLike) ? fLike(params) : fLike !== null && fLike !== void 0 ? fLike : defaultRet;
+};
+export var enforceUnit = function enforceUnit(style) {
+  var keys = ['width', 'maxWidth', 'minWidth', 'height'];
+  var _style = keys.reduce(function (acc, key) {
+    return _objectSpread(_objectSpread({}, acc), {}, _defineProperty({}, key, addUnit(style[key])));
+  }, style);
+  return _style;
+};
+
+// React version of componentToSlot
+// In React, we don't need to convert components to slots like in Vue
+// This function is kept for compatibility but simplified
+export var componentToSlot = function componentToSlot(ComponentLike) {
+  // In React, if it's a function, use it directly as a render prop
+  // If it's a React element, return a function that renders it
+  if (isFunction(ComponentLike)) {
+    return function (props) {
+      return ComponentLike(props);
+    };
+  }
+  if ( /*#__PURE__*/React.isValidElement(ComponentLike)) {
+    return function (props) {
+      return /*#__PURE__*/React.cloneElement(ComponentLike, props);
+    };
+  }
+  // For React elements or undefined, return undefined
+  // The caller should handle rendering directly
+  return null;
+};

package/dist/Tabs/Tabs.js

@@ -90,7 +90,7 @@ var Tabs = /*#__PURE__*/forwardRef(function (props, ref) {
     var componentChildren = getTabPaneInstance(children);
     return componentChildren.map(function (node, i) {
       return {
-        title: node.props.title,
+        title: node.props.label,
         name: node.props.name,
         index: i,
         active: isEmpty(activeName) ? i === 0 : activeName === node.props.name,

package/dist/Tabs/typings.d.ts

@@ -37,8 +37,6 @@ export interface TabsProps extends BaseProps, NativeProps<'--el-tabs-header-heig
     onTabRemove?: (name: TabPaneName | undefined) => void;
     /** `activeName` 改变时触发 */
     onTabChange?: (name: TabPaneName | undefined) => void;
-    /** 鼠标右键点击 tab 时触发 */
-    formatter?: (name: TabPaneName | undefined) => void;
 }
 export interface Navs {
     /** 选项卡标题 */
@@ -57,7 +55,7 @@ export interface Navs {
 }
 export interface TabPaneProps extends BaseProps, NativeProps {
     /** 选项卡标题 */
-    title: string | React.ReactElement;
+    label: string | React.ReactElement;
     /** 与选项卡绑定值 value 对应的标识符，表示选项卡别名 */
     name: string;
     /** 标签是否可关闭 */

package/dist/Tag/Tag.js

@@ -67,7 +67,7 @@ var Tag = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref) {
     display: "",
     transitionAppear: true,
     unmountOnExit: true,
-    duration: 200
+    duration: disableTransitions ? 0 : 200
   }, /*#__PURE__*/React.createElement("span", _extends({
     ref: mergedRef,
     className: classNames(b(), m(type, effect, _defineProperty({}, size, size)), is({

package/dist/TimePicker/TimePicker.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 = ["name", "readonly", "clearable", "valueFormat", "format", "placeholder", "onChange", "disabledHours", "disabledMinutes", "disabledSeconds", "prepend", "append", "warning", "error", "onClear", "onVisibleChange", "prefixIcon"];
+var _excluded = ["name", "readonly", "clearable", "valueFormat", "format", "placeholder", "onChange", "disabledHours", "disabledMinutes", "disabledSeconds", "prepend", "append", "onClear", "onVisibleChange", "prefixIcon"];
 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 _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); }
@@ -42,7 +42,7 @@ var TimePicker = /*#__PURE__*/forwardRef(function (props, ref) {
     isoWeek: true,
     clearable: true,
     disabled: false,
-    placeholder: '请选择时间'
+    placeholder: ''
   }, props);
   var _props = props,
     name = _props.name,
@@ -57,8 +57,6 @@ var TimePicker = /*#__PURE__*/forwardRef(function (props, ref) {
     disabledSeconds = _props.disabledSeconds,
     prepend = _props.prepend,
     append = _props.append,
-    warning = _props.warning,
-    error = _props.error,
     _onClear = _props.onClear,
     onVisibleChange = _props.onVisibleChange,
     prefixIcon = _props.prefixIcon,
@@ -231,8 +229,6 @@ var TimePicker = /*#__PURE__*/forwardRef(function (props, ref) {
     },
     className: classNames(_defineProperty(_defineProperty({}, "".concat(namespace, "-date"), readonly), 'is-focus', visible)),
     style: props.style,
-    error: error,
-    warning: warning,
     append: append,
     prepend: prepend,
     ref: inputRef
@@ -242,6 +238,7 @@ var TimePicker = /*#__PURE__*/forwardRef(function (props, ref) {
       var _inputRef$current;
       return inputRef === null || inputRef === void 0 || (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.ref;
     },
+    popperClass: "is-pure",
     popperInstRef: popperInstRef
     // afterEnter={(node?: HTMLElement | Text) => {
     //     setEnter(true);
@@ -258,7 +255,9 @@ var TimePicker = /*#__PURE__*/forwardRef(function (props, ref) {
       onVisibleChange === null || onVisibleChange === void 0 || onVisibleChange(false);
     },
     onEnter: function onEnter() {
-      return timePanelRef.current.adjustSpinners();
+      var _popperInstRef$curren;
+      timePanelRef.current.adjustSpinners();
+      (_popperInstRef$curren = popperInstRef.current) === null || _popperInstRef$curren === void 0 || _popperInstRef$curren.update();
     }
   }, animationInputProps, {
     transitionAppear: true,

package/dist/TimePicker/TimePickerPanel.js

@@ -6,6 +6,8 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import classNames from 'classnames';
 import React, { forwardRef, memo, useImperativeHandle, useMemo, useRef } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useConfigProvider } from "../ConfigProvider/ConfigProviderContext";
 import { useClassNames, useClickOutside } from "../hooks";
 import TimeSpinnerPanel from "./TimeSpinnerPanel";
 var TimePickerPanel = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref) {
@@ -16,6 +18,10 @@ var TimePickerPanel = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props
   var _useClassNames = useClassNames(classPrefix),
     b = _useClassNames.b,
     be = _useClassNames.be;
+  var _useConfigProvider = useConfigProvider(),
+    locale = _useConfigProvider.locale;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
   var containerRef = useRef(null);
   var spinnerRef = useRef(null);
   var reference = useMemo(function () {
@@ -55,12 +61,16 @@ var TimePickerPanel = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props
       // spinnerDate.current = null;
       (_props$onDestroy2 = props.onDestroy) === null || _props$onDestroy2 === void 0 || _props$onDestroy2.call(props);
     }
-  }, "\u53D6 \u6D88"), /*#__PURE__*/React.createElement("button", {
+  }, t('el.datepicker.cancel', {
+    lng: locale
+  })), /*#__PURE__*/React.createElement("button", {
     className: classNames(be('panel', 'btn'), 'confirm'),
     onClick: function onClick() {
       var _props$onOk;
       return (_props$onOk = props.onOk) === null || _props$onOk === void 0 ? void 0 : _props$onOk.call(props);
     }
-  }, "\u786E \u5B9A")));
+  }, t('el.datepicker.confirm', {
+    lng: locale
+  }))));
 }));
 export default TimePickerPanel;

package/dist/TimePicker/TimePickerRange.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, _templateObject4, _templateObject5, _templateObject6;
-var _excluded = ["name", "clearable", "valueFormat", "format", "startPlaceholder", "endPlaceholder", "onChange", "prepend", "append", "warning", "error", "disabledHours", "disabledMinutes", "disabledSeconds", "afterEnter", "afterLeave", "classPrefix", "prefixIcon", "onClear", "onVisibleChange"];
+var _excluded = ["name", "clearable", "valueFormat", "format", "startPlaceholder", "endPlaceholder", "onChange", "prepend", "append", "disabledHours", "disabledMinutes", "disabledSeconds", "afterEnter", "afterLeave", "classPrefix", "prefixIcon", "onClear", "onVisibleChange"];
 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 _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); }
@@ -28,6 +28,8 @@ import head from 'lodash/head';
 import isEqual from 'lodash/isEqual';
 import last from 'lodash/last';
 import React, { forwardRef, memo, useCallback, useImperativeHandle, useMemo, useRef, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useConfigProvider } from "../ConfigProvider/ConfigProviderContext";
 import Icon from "../Icon/Icon";
 import Popper from "../Popper/Popper";
 import { isEmpty, isNotEmpty, mergeDefaultProps } from "../Util";
@@ -36,6 +38,10 @@ import TimeRangePanel from "./TimeRangePanel";
 import { getAvailableArrs } from "./useTimePicker";
 import { makeRange } from "./util";
 var TimePickerRange = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref) {
+  var _useConfigProvider = useConfigProvider(),
+    locale = _useConfigProvider.locale;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
   props = mergeDefaultProps({
     format: 'HH:mm:ss',
     disabledHours: function disabledHours() {
@@ -50,8 +56,12 @@ var TimePickerRange = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props
     isoWeek: true,
     clearable: true,
     disabled: false,
-    startPlaceholder: '开始时间',
-    endPlaceholder: '结束时间',
+    startPlaceholder: t('el.datepicker.startTime', {
+      lng: locale
+    }),
+    endPlaceholder: t('el.datepicker.endTime', {
+      lng: locale
+    }),
     rangeSeparator: '-'
   }, props);
   var _props = props,
@@ -64,8 +74,6 @@ var TimePickerRange = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props
     onChange = _props.onChange,
     prepend = _props.prepend,
     append = _props.append,
-    warning = _props.warning,
-    error = _props.error,
     disabledHours = _props.disabledHours,
     disabledMinutes = _props.disabledMinutes,
     disabledSeconds = _props.disabledSeconds,
@@ -317,9 +325,7 @@ var TimePickerRange = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: classNames(b('date-editor', 'date-editor--timerange', false), b(_templateObject || (_templateObject = _taggedTemplateLiteral(["editor"]))), be('input', 'wrapper', false), be('tooltip', 'trigger', false), _defineProperty({}, bm('editor', size), size), is({
       active: visible,
-      disabled: disabled,
-      error: error,
-      warning: warning
+      disabled: disabled
     })),
     ref: containerRef,
     onClick: onActive,
@@ -361,6 +367,11 @@ var TimePickerRange = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props
     visible: visible,
     referenceElement: containerRef,
     popperInstRef: popperInstRef,
+    onEnter: function onEnter() {
+      var _popperInstRef$curren, _props$onEnter, _props2;
+      (_popperInstRef$curren = popperInstRef.current) === null || _popperInstRef$curren === void 0 || _popperInstRef$curren.update();
+      (_props$onEnter = (_props2 = props).onEnter) === null || _props$onEnter === void 0 || _props$onEnter.call(_props2);
+    },
     afterEnter: function afterEnter(node) {
       initialValue.current = value;
       _afterEnter === null || _afterEnter === void 0 || _afterEnter(node);

package/dist/Tooltip/Tooltip.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;
-var _excluded = ["classPrefix", "effect", "trigger", "content", "disabled", "enterable", "showAfter", "hideAfter", "onMouseEnter", "onMouseLeave", "onEnter", "triggerRef", "contentSlot", "virtualTriggering", "virtualRef", "unmountOnExit"];
+var _excluded = ["classPrefix", "effect", "trigger", "content", "disabled", "enterable", "hideOnClick", "showAfter", "hideAfter", "onMouseEnter", "onMouseLeave", "onEnter", "triggerRef", "contentSlot", "virtualTriggering", "virtualRef", "unmountOnExit", "disableTransition"];
 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 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; }
@@ -34,6 +34,8 @@ var Tooltip = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref) {
     disabled = props.disabled,
     _props$enterable = props.enterable,
     enterable = _props$enterable === void 0 ? true : _props$enterable,
+    _props$hideOnClick = props.hideOnClick,
+    hideOnClick = _props$hideOnClick === void 0 ? false : _props$hideOnClick,
     _props$showAfter = props.showAfter,
     showAfter = _props$showAfter === void 0 ? 0 : _props$showAfter,
     _props$hideAfter = props.hideAfter,
@@ -47,6 +49,7 @@ var Tooltip = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref) {
     virtualRef = props.virtualRef,
     _props$unmountOnExit = props.unmountOnExit,
     unmountOnExit = _props$unmountOnExit === void 0 ? true : _props$unmountOnExit,
+    disableTransition = props.disableTransition,
     rest = _objectWithoutProperties(props, _excluded);
   var _partitionPopperProps = partitionPopperPropsUtils(rest),
     _partitionPopperProps2 = _slicedToArray(_partitionPopperProps, 1),
@@ -63,6 +66,7 @@ var Tooltip = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref) {
   var _referenceElement2 = useRef(null);
   var timeOut = useRef(0);
   var popperInstRef = useRef(null);
+  var entering = useRef(false); // 是否正在进入
 
   /** 显示 */
   var handleMouseEnter = useCallback(function (event) {
@@ -82,17 +86,22 @@ var Tooltip = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref) {
   /** 隐藏 */
   var handleMouseLeave = useCallback(function (event) {
     if (enterable) {
+      if (entering.current && !hideOnClick) {
+        return;
+      }
       event === null || event === void 0 || event.preventDefault();
       timeOut.current && clearTimeout(timeOut.current);
       timeOut.current = window.setTimeout(function () {
         setVisible(false);
         onMouseLeave === null || onMouseLeave === void 0 || onMouseLeave(event);
+        entering.current = false;
       }, hideAfter);
     } else {
       setVisible(false);
       onMouseLeave === null || onMouseLeave === void 0 || onMouseLeave(event);
+      entering.current = false;
     }
-  }, [enterable, hideAfter, onMouseLeave, setVisible]);
+  }, [enterable, hideAfter, hideOnClick, onMouseLeave, setVisible]);
   var filterChildren = Children.toArray(triggerRef !== null && triggerRef !== void 0 ? triggerRef : props.children).filter(function (child) {
     return /*#__PURE__*/React.isValidElement(child) || typeof child === 'string' || typeof child === 'number' || !ReactIs.isPortal(child);
   });
@@ -109,6 +118,9 @@ var Tooltip = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref) {
       onClose: handleMouseLeave,
       hide: function hide() {
         setVisible(false);
+        setTimeout(function () {
+          entering.current = false;
+        }, hideAfter);
       }
     };
   });
@@ -142,7 +154,7 @@ var Tooltip = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref) {
         Object.assign(newProps, {
           onClick: function onClick(event) {
             var _child3, _child3$onClick;
-            setVisible(true);
+            setVisible(!visible);
             onMouseEnter === null || onMouseEnter === void 0 || onMouseEnter(event);
             (_child3 = child) === null || _child3 === void 0 || (_child3 = _child3.props) === null || _child3 === void 0 || (_child3$onClick = _child3.onClick) === null || _child3$onClick === void 0 || _child3$onClick.call(_child3, event);
           }
@@ -152,7 +164,7 @@ var Tooltip = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref) {
           onContextMenu: function onContextMenu(event) {
             var _child4, _child4$onContextMenu;
             event.preventDefault();
-            setVisible(true);
+            setVisible(!visible);
             onMouseLeave === null || onMouseLeave === void 0 || onMouseLeave(event);
             (_child4 = child) === null || _child4 === void 0 || (_child4 = _child4.props) === null || _child4 === void 0 || (_child4$onContextMenu = _child4.onContextMenu) === null || _child4$onContextMenu === void 0 || _child4$onContextMenu.call(_child4, event);
           }
@@ -170,6 +182,7 @@ var Tooltip = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref) {
       } : (_referenceElement$cur = (_referenceElement = _referenceElement2) === null || _referenceElement === void 0 || (_referenceElement = _referenceElement.current) === null || _referenceElement === void 0 ? void 0 : _referenceElement.ref) !== null && _referenceElement$cur !== void 0 ? _referenceElement$cur : _referenceElement2;
     },
     popperInstRef: popperInstRef,
+    disableTransition: disableTransition,
     onEnter: useCallback(function () {
       var _popperInstRef$curren2;
       if (popperInstRef !== null && popperInstRef !== void 0 && (_popperInstRef$curren2 = popperInstRef.current) !== null && _popperInstRef$curren2 !== void 0 && _popperInstRef$curren2.update) {
@@ -178,11 +191,20 @@ var Tooltip = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref) {
       onEnter === null || onEnter === void 0 || onEnter();
     }, [onEnter]),
     onDestroy: function onDestroy() {
-      setVisible(false);
-      onMouseLeave === null || onMouseLeave === void 0 || onMouseLeave();
+      handleMouseLeave();
+    },
+    onMouseEnter: function onMouseEnter() {
+      if (enterable && trigger === 'hover') {
+        entering.current = true;
+        handleMouseEnter();
+      }
+    },
+    onMouseLeave: function onMouseLeave() {
+      if (enterable && trigger === 'hover') {
+        entering.current = false;
+        handleMouseLeave();
+      }
     },
-    onMouseEnter: enterable && trigger === 'hover' ? handleMouseEnter : noop,
-    onMouseLeave: enterable && trigger === 'hover' ? handleMouseLeave : noop,
     className: classNames(props.popperClass, _defineProperty({}, e(_templateObject || (_templateObject = _taggedTemplateLiteral(["popper"]))), classPrefix === 'tooltip')),
     effect: effect,
     unmountOnExit: unmountOnExit
@@ -193,6 +215,7 @@ var Tooltip = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref) {
       trigger: trigger,
       onClose: function onClose() {
         setVisible(false);
+        entering.current = false;
       }
     }
   }, contentSlot !== null && contentSlot !== void 0 ? contentSlot : /*#__PURE__*/React.createElement("span", null, content))));

package/dist/Tooltip/typings.d.ts

@@ -29,6 +29,8 @@ export interface TooltipProps extends BaseProps<React.ReactNode>, NativeProps, P
     disabled?: boolean;
     /** 鼠标是否可进入到 tooltip 中 */
     enterable?: boolean;
+    /** 是否在点击菜单项后隐藏菜单 */
+    hideOnClick?: boolean;
     /** 延迟出现，单位毫秒 */
     showAfter?: number;
     /** Tooltip 出现后自动隐藏延时，单位毫秒，为 0 则不会自动隐藏 */
@@ -41,4 +43,6 @@ export interface TooltipProps extends BaseProps<React.ReactNode>, NativeProps, P
     /** 标识虚拟触发时的触发元素 */
     virtualRef?: VirtualElement;
     contentSlot?: ComponentChildren;
+    /** 是否禁用过渡动画 */
+    disableTransition?: boolean;
 }

package/dist/Tour/Content.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { TourContentProps } from './typings';
+interface ContentProps extends TourContentProps {
+    children?: React.ReactNode;
+    onClose?: () => void;
+    style?: React.CSSProperties;
+}
+declare function Content({ placement: initialPlacement, reference, strategy, offset: offsetValue, showArrow, style, zIndex, children, onClose, }: ContentProps): React.JSX.Element;
+export default Content;