@para-ui/core 4.0.0-rc.4 → 4.0.0-rc.5

package/Tooltip/index.js

@@ -1,22 +1,20 @@
-import { _ as _slicedToArray } from '../_verture/slicedToArray-a8206399.js';
 import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import React__default from 'react';
 import RcTooltip from 'rc-tooltip';
 import { placements } from 'rc-tooltip/lib/placements';
 import clsx from 'clsx';
-import { a as $rcPrefixCls, $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
+import { a as $rcPrefixCls, $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import Forbid from '@para-ui/icons/Forbid';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
-import '../_verture/unsupportedIterableToArray-cb478f24.js';
 
 //自动调整位置
-var autoAdjustOverflowEnabled = {
+const autoAdjustOverflowEnabled = {
   adjustX: 1,
   adjustY: 1
 };
 //非自动调整位置
-var autoAdjustOverflowDisabled = {
+const autoAdjustOverflowDisabled = {
   adjustX: 0,
   adjustY: 0
 };
@@ -29,12 +27,12 @@ function getOverflowOptions(autoAdjustOverflow) {
 }
 //tooltip placement
 function getPlacements(config) {
-  var _config$horizontalArr = config.horizontalArrowShift,
-    horizontalArrowShift = _config$horizontalArr === void 0 ? 16 : _config$horizontalArr,
-    _config$verticalArrow = config.verticalArrowShift,
-    verticalArrowShift = _config$verticalArrow === void 0 ? 8 : _config$verticalArrow,
-    autoAdjustOverflow = config.autoAdjustOverflow;
-  var placementMap = {
+  const {
+    horizontalArrowShift = 16,
+    verticalArrowShift = 8,
+    autoAdjustOverflow
+  } = config;
+  const placementMap = {
     left: {
       points: ['cr', 'cl'],
       offset: [-8, 0]
@@ -84,7 +82,7 @@ function getPlacements(config) {
       offset: [-8, verticalArrowShift]
     }
   };
-  Object.keys(placementMap).forEach(function (key) {
+  Object.keys(placementMap).forEach(key => {
     placementMap[key] = Object.assign(Object.assign({}, placements[key]), {
       offset: getAlignOffset(key).offset,
       overflow: getOverflowOptions(autoAdjustOverflow)
@@ -93,39 +91,40 @@ function getPlacements(config) {
   });
   return placementMap;
 }
-var splitObject = function splitObject(obj, keys) {
-  var picked = {};
-  var omitted = Object.assign({}, obj);
-  keys.forEach(function (key) {
+const splitObject = (obj, keys) => {
+  const picked = {};
+  const omitted = Object.assign({}, obj);
+  keys.forEach(key => {
     if (obj && key in obj) {
       picked[key] = obj[key];
       delete omitted[key];
     }
   });
   return {
-    picked: picked,
-    omitted: omitted
+    picked,
+    omitted
   };
 };
 //兼容禁用title
 function getDisabledCompatibleChildren(child) {
-  var element = /*#__PURE__*/React__default.isValidElement(child) ? child : jsx("span", {
+  const element = /*#__PURE__*/React__default.isValidElement(child) ? child : jsx("span", {
     children: child
   });
   if (element.type === 'button' && element.props.disabled) {
-    var _splitObject = splitObject(element.props.style, ['position', 'left', 'right', 'top', 'bottom', 'float', 'display', 'zIndex']),
-      picked = _splitObject.picked,
-      omitted = _splitObject.omitted;
-    var spanStyle = Object.assign(Object.assign({
+    const {
+      picked,
+      omitted
+    } = splitObject(element.props.style, ['position', 'left', 'right', 'top', 'bottom', 'float', 'display', 'zIndex']);
+    const spanStyle = Object.assign(Object.assign({
       display: 'inline-block'
     }, picked), {
       cursor: 'not-allowed',
       width: element.props.block ? '100%' : null
     });
-    var buttonStyle = Object.assign(Object.assign({}, omitted), {
+    const buttonStyle = Object.assign(Object.assign({}, omitted), {
       pointerEvents: 'none'
     });
-    var _child = /*#__PURE__*/React__default.cloneElement(element, {
+    const child = /*#__PURE__*/React__default.cloneElement(element, {
       style: buttonStyle,
       className: null
     });
@@ -133,14 +132,14 @@ function getDisabledCompatibleChildren(child) {
       style: spanStyle,
       className: clsx(element.props.className, "".concat($rcPrefixCls, "-tooltip-disabled-compatible-wrapper"))
     }, {
-      children: _child
+      children: child
     }));
   }
   return element;
 }
 //映射placement
 function mapLegacyPlacement(place) {
-  var legacyPlacement = {
+  const legacyPlacement = {
     'bottom-end': 'bottomRight',
     'bottom-start': 'bottomLeft',
     'left-end': 'leftBottom',
@@ -154,8 +153,8 @@ function mapLegacyPlacement(place) {
 }
 //浮层偏移量
 function getAlignOffset(place) {
-  var mPlace = mapLegacyPlacement(place);
-  var offsetMap = {
+  const mPlace = mapLegacyPlacement(place);
+  const offsetMap = {
     left: {
       offset: [-8, 0]
     },
@@ -200,31 +199,27 @@ var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/5/25 下
 styleInject(css_248z);
 
 //tooltip
-var Tooltip = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
+const Tooltip = /*#__PURE__*/React__default.forwardRef((props, ref) => {
   var _a;
-  var _React$useState = React__default.useState(props.defaultVisible),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    visible = _React$useState2[0],
-    setVisible = _React$useState2[1]; //是否显示
-  var wrapRef = React__default.useRef(); //锚点
-  var tRef = React__default.useRef(); //实例
-  var _React$useState3 = React__default.useState([0, 0]),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    targetOffset = _React$useState4[0],
-    setTargetOffset = _React$useState4[1];
-  React__default.useEffect(function () {
+  const [visible, setVisible] = React__default.useState(props.defaultVisible); //是否显示
+  const wrapRef = React__default.useRef(); //锚点
+  const tRef = React__default.useRef(); //实例
+  const [targetOffset, setTargetOffset] = React__default.useState([0, 0]);
+  React__default.useEffect(() => {
     var _a;
     if ('visible' in props || 'open' in props) {
       setVisible(!!((_a = props.visible) !== null && _a !== void 0 ? _a : props.open));
     }
   }, [(_a = props.visible) !== null && _a !== void 0 ? _a : props.open]);
   //no title
-  var isUntitled = function isUntitled() {
-    var title = props.title;
+  const isUntitled = () => {
+    const {
+      title
+    } = props;
     return !title && title !== 0;
   };
   //浮层切换时回调
-  var onVisibleChange = function onVisibleChange(vis) {
+  const onVisibleChange = vis => {
     var _a;
     if (!('visible' in props || 'open' in props)) {
       setVisible(isUntitled() ? false : vis);
@@ -234,26 +229,26 @@ var Tooltip = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     }
   };
   //tooltip 弹出位置
-  var getTooltipPlacements = function getTooltipPlacements() {
-    var builtinPlacements = props.builtinPlacements,
-      autoAdjustOverflow = props.autoAdjustOverflow;
+  const getTooltipPlacements = () => {
+    const {
+      builtinPlacements,
+      autoAdjustOverflow
+    } = props;
     return builtinPlacements || getPlacements({
-      autoAdjustOverflow: autoAdjustOverflow
+      autoAdjustOverflow
     });
   };
   // 动态设置动画点
-  var onPopupAlign = function onPopupAlign(domNode, align) {
-    var placements = getTooltipPlacements();
+  const onPopupAlign = (domNode, align) => {
+    const placements = getTooltipPlacements();
     // 当前返回的位置
-    var placement = Object.keys(placements).find(function (key) {
-      return placements[key].points[0] === align.points[0] && placements[key].points[1] === align.points[1];
-    });
+    const placement = Object.keys(placements).find(key => placements[key].points[0] === align.points[0] && placements[key].points[1] === align.points[1]);
     if (!placement) {
       return;
     }
     // 根据当前坐标设置动画点
-    var rect = domNode.getBoundingClientRect();
-    var transformOrigin = {
+    const rect = domNode.getBoundingClientRect();
+    const transformOrigin = {
       top: '50%',
       left: '50%'
     };
@@ -270,44 +265,46 @@ var Tooltip = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     domNode.style.transformOrigin = "".concat(transformOrigin.left, " ").concat(transformOrigin.top);
   };
   //跟随光标
-  var handleMouseMove = function handleMouseMove(e) {
+  const handleMouseMove = e => {
     var _a, _b, _c, _d;
     if (wrapRef.current) {
-      var popupHeight = ((_d = (_c = (_b = (_a = tRef.current) === null || _a === void 0 ? void 0 : _a.popupRef) === null || _b === void 0 ? void 0 : _b.current) === null || _c === void 0 ? void 0 : _c.getElement()) === null || _d === void 0 ? void 0 : _d.offsetHeight) || 0;
-      var cursorSpace = popupHeight === 0 ? 60 : 30;
-      var _wrapRef$current$getB = wrapRef.current.getBoundingClientRect(),
-        x = _wrapRef$current$getB.x,
-        y = _wrapRef$current$getB.y,
-        width = _wrapRef$current$getB.width;
-      var newX = e.clientX - (x + width / 2);
-      var newY = e.clientY - y + popupHeight + cursorSpace;
-      setTimeout(function () {
+      const popupHeight = ((_d = (_c = (_b = (_a = tRef.current) === null || _a === void 0 ? void 0 : _a.popupRef) === null || _b === void 0 ? void 0 : _b.current) === null || _c === void 0 ? void 0 : _c.getElement()) === null || _d === void 0 ? void 0 : _d.offsetHeight) || 0;
+      const cursorSpace = popupHeight === 0 ? 60 : 30;
+      const {
+        x,
+        y,
+        width
+      } = wrapRef.current.getBoundingClientRect();
+      const newX = e.clientX - (x + width / 2);
+      const newY = e.clientY - y + popupHeight + cursorSpace;
+      setTimeout(() => {
         setTargetOffset([-newX, -newY]);
       });
     }
   };
-  var _props$prefixCls = props.prefixCls,
-    prefixCls = _props$prefixCls === void 0 ? "".concat($rcPrefixCls, "-tooltip") : _props$prefixCls,
-    getPopupContainer = props.getPopupContainer,
-    overlayClassName = props.overlayClassName,
-    overlayInnerStyle = props.overlayInnerStyle,
-    overlayStyle = props.overlayStyle,
-    children = props.children,
-    title = props.title,
-    placement = props.placement,
-    isPopover = props.isPopover,
-    followCursor = props.followCursor,
-    maxWidth = props.maxWidth,
-    disabled = props.disabled,
+  const {
+      prefixCls = "".concat($rcPrefixCls, "-tooltip"),
+      getPopupContainer,
+      overlayClassName,
+      overlayInnerStyle,
+      overlayStyle,
+      children,
+      title,
+      placement,
+      isPopover,
+      followCursor,
+      maxWidth,
+      disabled
+    } = props,
     restProps = __rest(props, ["prefixCls", "getPopupContainer", "overlayClassName", "overlayInnerStyle", "overlayStyle", "children", "title", "placement", "isPopover", "followCursor", "maxWidth", "disabled"]);
-  var tempVisible = visible;
+  let tempVisible = visible;
   if (!('visible' in props || 'open' in props) && isUntitled()) {
     //没有title必然不可见
     tempVisible = false;
   }
   //overlayCls
-  var overlayCls = clsx(!isPopover && "".concat($prefixCls, "-tooltip"), overlayClassName);
-  var mergeOverlayStyle = Object.assign({}, overlayStyle);
+  const overlayCls = clsx(!isPopover && "".concat($prefixCls, "-tooltip"), overlayClassName);
+  const mergeOverlayStyle = Object.assign({}, overlayStyle);
   if (maxWidth) {
     mergeOverlayStyle.maxWidth = maxWidth;
   }
@@ -325,7 +322,7 @@ var Tooltip = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     }),
     visible: tempVisible,
     align: {
-      targetOffset: targetOffset
+      targetOffset
     },
     onVisibleChange: onVisibleChange,
     onPopupAlign: onPopupAlign,