@para-ui/core 2.2.4 → 2.2.5-beta

package/Tooltip/index.js

@@ -1,15 +1,335 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@material-ui/core"),require("clsx")):"function"==typeof define&&define.amd?define(["react","@material-ui/core","clsx"],t):"object"==typeof exports?exports.ParaUI=t(require("react"),require("@material-ui/core"),require("clsx")):e.ParaUI=t(e.react,e["@material-ui/core"],e.clsx)}(self,(function(e,t,r){return function(){var n={9929:function(e,t,r){(t=r(3645)(!1)).push([e.id,".paraui-tooltip>div{padding-left:12px;padding-right:12px;font-size:14px;font-weight:400;color:#fff;background-color:rgba(46,55,67,.7)}.paraui-tooltip-left-right>div{margin:0 8px}.paraui-tooltip-top-bottom>div{margin:8px 0}",""]),e.exports=t},3645:function(e){"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var r=function(e,t){var r=e[1]||"",n=e[3];if(!n)return r;if(t&&"function"==typeof btoa){var o=(a=n,c=btoa(unescape(encodeURIComponent(JSON.stringify(a)))),u="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(c),"/*# ".concat(u," */")),i=n.sources.map((function(e){return"/*# sourceURL=".concat(n.sourceRoot||"").concat(e," */")}));return[r].concat(i).concat([o]).join("\n")}var a,c,u;return[r].join("\n")}(t,e);return t[2]?"@media ".concat(t[2]," {").concat(r,"}"):r})).join("")},t.i=function(e,r,n){"string"==typeof e&&(e=[[null,e,""]]);var o={};if(n)for(var i=0;i<this.length;i++){var a=this[i][0];null!=a&&(o[a]=!0)}for(var c=0;c<e.length;c++){var u=[].concat(e[c]);n&&o[u[0]]||(r&&(u[2]?u[2]="".concat(r," and ").concat(u[2]):u[2]=r),t.push(u))}},t}},7418:function(e){"use strict";
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable;function o(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},r=0;r<10;r++)t["_"+String.fromCharCode(r)]=r;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var n={};return"abcdefghijklmnopqrst".split("").forEach((function(e){n[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},n)).join("")}catch(e){return!1}}()?Object.assign:function(e,i){for(var a,c,u=o(e),s=1;s<arguments.length;s++){for(var l in a=Object(arguments[s]))r.call(a,l)&&(u[l]=a[l]);if(t){c=t(a);for(var f=0;f<c.length;f++)n.call(a,c[f])&&(u[c[f]]=a[c[f]])}}return u}},5251:function(e,t,r){"use strict";
-/** @license React v17.0.2
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-r(7418);var n=r(8156),o=60103;if(60107,"function"==typeof Symbol&&Symbol.for){var i=Symbol.for;o=i("react.element"),i("react.fragment")}var a=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,c=Object.prototype.hasOwnProperty,u={key:!0,ref:!0,__self:!0,__source:!0};function s(e,t,r){var n,i={},s=null,l=null;for(n in void 0!==r&&(s=""+r),void 0!==t.key&&(s=""+t.key),void 0!==t.ref&&(l=t.ref),t)c.call(t,n)&&!u.hasOwnProperty(n)&&(i[n]=t[n]);if(e&&e.defaultProps)for(n in t=e.defaultProps)void 0===i[n]&&(i[n]=t[n]);return{$$typeof:o,type:e,key:s,ref:l,props:i,_owner:a.current}}t.jsx=s},5893:function(e,t,r){"use strict";e.exports=r(5251)},2310:function(e,t,r){var n=r(3379),o=r(9929);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.id,o,""]]);var i={insert:("body","body"),singleton:!1};n(o,i);e.exports=o.locals||{}},3379:function(e,t,r){"use strict";var n,o=function(){return void 0===n&&(n=Boolean(window&&document&&document.all&&!window.atob)),n},i=function(){var e={};return function(t){if(void 0===e[t]){var r=document.querySelector(t);if(window.HTMLIFrameElement&&r instanceof window.HTMLIFrameElement)try{r=r.contentDocument.head}catch(e){r=null}e[t]=r}return e[t]}}(),a=[];function c(e){for(var t=-1,r=0;r<a.length;r++)if(a[r].identifier===e){t=r;break}return t}function u(e,t){for(var r={},n=[],o=0;o<e.length;o++){var i=e[o],u=t.base?i[0]+t.base:i[0],s=r[u]||0,l="".concat(u," ").concat(s);r[u]=s+1;var f=c(l),p={css:i[1],media:i[2],sourceMap:i[3]};-1!==f?(a[f].references++,a[f].updater(p)):a.push({identifier:l,updater:m(p,t),references:1}),n.push(l)}return n}function s(e){var t=document.createElement("style"),n=e.attributes||{};if(void 0===n.nonce){var o=r.nc;o&&(n.nonce=o)}if(Object.keys(n).forEach((function(e){t.setAttribute(e,n[e])})),"function"==typeof e.insert)e.insert(t);else{var a=i(e.insert||"head");if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(t)}return t}var l,f=(l=[],function(e,t){return l[e]=t,l.filter(Boolean).join("\n")});function p(e,t,r,n){var o=r?"":n.media?"@media ".concat(n.media," {").concat(n.css,"}"):n.css;if(e.styleSheet)e.styleSheet.cssText=f(t,o);else{var i=document.createTextNode(o),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(i,a[t]):e.appendChild(i)}}function d(e,t,r){var n=r.css,o=r.media,i=r.sourceMap;if(o?e.setAttribute("media",o):e.removeAttribute("media"),i&&"undefined"!=typeof btoa&&(n+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}var v=null,b=0;function m(e,t){var r,n,o;if(t.singleton){var i=b++;r=v||(v=s(t)),n=p.bind(null,r,i,!1),o=p.bind(null,r,i,!0)}else r=s(t),n=d.bind(null,r,t),o=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(r)};return n(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;n(e=t)}else o()}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=o());var r=u(e=e||[],t);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var n=0;n<r.length;n++){var o=c(r[n]);a[o].references--}for(var i=u(e,t),s=0;s<r.length;s++){var l=c(r[s]);0===a[l].references&&(a[l].updater(),a.splice(l,1))}r=i}}}},670:function(e){"use strict";e.exports=t},5744:function(e){"use strict";e.exports=r},8156:function(t){"use strict";t.exports=e}},o={};function i(e){var t=o[e];if(void 0!==t)return t.exports;var r=o[e]={id:e,exports:{}};return n[e](r,r.exports,i),r.exports}i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,{a:t}),t},i.d=function(e,t){for(var r in t)i.o(t,r)&&!i.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.nc=void 0;var a={};return function(){"use strict";i.r(a),i.d(a,{Tooltip:function(){return u}});var e=i(5893),t=i(670),r=i(5744),n=i.n(r),o=(i(2310),function(){return o=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},o.apply(this,arguments)}),c=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r},u=function(r){var i,a=r.placement,u=void 0===a?"top-start":a,s=r.className,l=r.arrow,f=void 0===l||l,p=r.PopperProps,d=r.boundariesElement,v=void 0===d?"scrollParent":d,b=c(r,["placement","className","arrow","PopperProps","boundariesElement"]),m=o(o({},r.classes),{popper:n()("paraui-tooltip",s,null===(i=r.classes)||void 0===i?void 0:i.popper,{"paraui-tooltip-left-right":(null==u?void 0:u.includes("left"))||(null==u?void 0:u.includes("right")),"paraui-tooltip-top-bottom":(null==u?void 0:u.includes("top"))||(null==u?void 0:u.includes("bottom"))})});return(0,e.jsx)(t.Tooltip,o({},b,{enterTouchDelay:0,arrow:f,placement:u,classes:m,PopperProps:o(o({},p),{modifiers:{preventOverflow:{boundariesElement:v}}})}))};a.default=u}(),a}()}));
+import { _ as _slicedToArray } from '../_verture/slicedToArray-d7722f4b.js';
+import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
+import { jsx } 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 { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+
+var autoAdjustOverflowEnabled = {
+  adjustX: 1,
+  adjustY: 1
+};
+var autoAdjustOverflowDisabled = {
+  adjustX: 0,
+  adjustY: 0
+};
+var targetOffset = [0, 0];
+function getOverflowOptions(autoAdjustOverflow) {
+  if (typeof autoAdjustOverflow === 'boolean') {
+    return autoAdjustOverflow ? autoAdjustOverflowEnabled : autoAdjustOverflowDisabled;
+  }
+
+  return Object.assign(Object.assign({}, autoAdjustOverflowDisabled), autoAdjustOverflow);
+}
+function getPlacements(config) {
+  var _config$arrowWidth = config.arrowWidth,
+      arrowWidth = _config$arrowWidth === void 0 ? 4 : _config$arrowWidth,
+      _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,
+      arrowPointAtCenter = config.arrowPointAtCenter;
+  var placementMap = {
+    left: {
+      points: ['cr', 'cl'],
+      offset: [-8, 0]
+    },
+    right: {
+      points: ['cl', 'cr'],
+      offset: [8, 0]
+    },
+    top: {
+      points: ['bc', 'tc'],
+      offset: [0, -8]
+    },
+    bottom: {
+      points: ['tc', 'bc'],
+      offset: [0, 8]
+    },
+    topLeft: {
+      points: ['bl', 'tc'],
+      offset: [-(horizontalArrowShift + arrowWidth), -8]
+    },
+    leftTop: {
+      points: ['tr', 'cl'],
+      offset: [-8, -(verticalArrowShift + arrowWidth)]
+    },
+    topRight: {
+      points: ['br', 'tc'],
+      offset: [horizontalArrowShift + arrowWidth, -8]
+    },
+    rightTop: {
+      points: ['tl', 'cr'],
+      offset: [8, -(verticalArrowShift + arrowWidth)]
+    },
+    bottomRight: {
+      points: ['tr', 'bc'],
+      offset: [horizontalArrowShift + arrowWidth, 8]
+    },
+    rightBottom: {
+      points: ['bl', 'cr'],
+      offset: [8, verticalArrowShift + arrowWidth]
+    },
+    bottomLeft: {
+      points: ['tl', 'bc'],
+      offset: [-(horizontalArrowShift + arrowWidth), 8]
+    },
+    leftBottom: {
+      points: ['br', 'cl'],
+      offset: [-8, verticalArrowShift + arrowWidth]
+    }
+  };
+  Object.keys(placementMap).forEach(function (key) {
+    placementMap[key] = arrowPointAtCenter ? Object.assign(Object.assign({}, placementMap[key]), {
+      overflow: getOverflowOptions(autoAdjustOverflow),
+      targetOffset: targetOffset
+    }) : Object.assign(Object.assign({}, placements[key]), {
+      offset: getAlignOffset(key).offset,
+      overflow: getOverflowOptions(autoAdjustOverflow)
+    });
+    placementMap[key].ignoreShake = true;
+  });
+  return placementMap;
+}
+
+var splitObject = function splitObject(obj, keys) {
+  var picked = {};
+  var omitted = Object.assign({}, obj);
+  keys.forEach(function (key) {
+    if (obj && key in obj) {
+      picked[key] = obj[key];
+      delete omitted[key];
+    }
+  });
+  return {
+    picked: picked,
+    omitted: omitted
+  };
+};
+
+function getDisabledCompatibleChildren(child) {
+  var 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({
+      display: 'inline-block'
+    }, picked), {
+      cursor: 'not-allowed',
+      width: element.props.block ? '100%' : null
+    });
+    var buttonStyle = Object.assign(Object.assign({}, omitted), {
+      pointerEvents: 'none'
+    });
+
+    var _child = /*#__PURE__*/React__default.cloneElement(element, {
+      style: buttonStyle,
+      className: null
+    });
+
+    return jsx("span", Object.assign({
+      style: spanStyle,
+      className: clsx(element.props.className, "paraui-tooltip-disabled-compatible-wrapper")
+    }, {
+      children: _child
+    }));
+  }
+
+  return element;
+}
+function mapLegacyPlacement(place) {
+  var legacyPlacement = {
+    'bottom-end': 'bottomRight',
+    'bottom-start': 'bottomLeft',
+    'left-end': 'leftBottom',
+    'left-start': 'leftTop',
+    'right-end': 'rightBottom',
+    'right-start': 'rightTop',
+    'top-end': 'topRight',
+    'top-start': 'topLeft'
+  };
+  return legacyPlacement[place] || place;
+}
+function getAlignOffset(place) {
+  var mPlace = mapLegacyPlacement(place);
+  var offsetMap = {
+    left: {
+      offset: [-8, 0]
+    },
+    right: {
+      offset: [8, 0]
+    },
+    top: {
+      offset: [0, -8]
+    },
+    bottom: {
+      offset: [0, 8]
+    },
+    topLeft: {
+      offset: [0, -8]
+    },
+    leftTop: {
+      offset: [-8, 0]
+    },
+    topRight: {
+      offset: [0, -8]
+    },
+    rightTop: {
+      offset: [8, 0]
+    },
+    bottomRight: {
+      offset: [0, 8]
+    },
+    rightBottom: {
+      offset: [8, 0]
+    },
+    bottomLeft: {
+      offset: [0, 8]
+    },
+    leftBottom: {
+      offset: [-8, 0]
+    }
+  };
+  return offsetMap[mPlace];
+}
+
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/5/25 下午7:17\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-tooltip {\n  color: rgb(255, 255, 255);\n  font-size: 14px;\n  font-variant: tabular-nums;\n  line-height: 1.5715;\n  list-style: none;\n  font-feature-settings: \"tnum\";\n  position: absolute;\n  z-index: 1500;\n  display: block;\n  width: max-content;\n  max-width: 250px;\n  visibility: visible;\n}\n.paraui-tooltip-content {\n  position: relative;\n}\n.paraui-tooltip-hidden {\n  display: none;\n}\n.paraui-tooltip-hide-arrow .paraui-tooltip-arrow {\n  display: none;\n}\n.paraui-tooltip-inner {\n  min-width: 30px;\n  min-height: 32px;\n  padding: 5px 12px;\n  color: rgb(255, 255, 255);\n  text-align: left;\n  text-decoration: none;\n  word-wrap: break-word;\n  background-color: rgba(46, 55, 67, 0.7);\n  border-radius: 4px;\n  line-height: 22px;\n}\n.paraui-tooltip-arrow {\n  position: absolute;\n  z-index: 2;\n  display: block;\n  width: 22px;\n  height: 22px;\n  overflow: hidden;\n  background: transparent;\n  pointer-events: none;\n}\n.paraui-tooltip-arrow-content {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  display: block;\n  width: 11.3137085px;\n  height: 11.3137085px;\n  margin: auto;\n  background-color: transparent;\n  content: \"\";\n  border-radius: 0 0 4px;\n  pointer-events: none;\n}\n.paraui-tooltip-arrow-content::before {\n  position: absolute;\n  top: -11.3137085px;\n  left: -11.3137085px;\n  width: 33.9411255px;\n  height: 33.9411255px;\n  background: rgba(46, 55, 67, 0.7) -10px -10px no-repeat;\n  content: \"\";\n  -webkit-clip-path: path(\"M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z\");\n}\n.paraui-tooltip-placement-top .paraui-tooltip-arrow, .paraui-tooltip-placement-topLeft .paraui-tooltip-arrow, .paraui-tooltip-placement-topRight .paraui-tooltip-arrow {\n  bottom: 0;\n  transform: translateY(100%);\n}\n.paraui-tooltip-placement-top .paraui-tooltip-arrow-content, .paraui-tooltip-placement-topLeft .paraui-tooltip-arrow-content, .paraui-tooltip-placement-topRight .paraui-tooltip-arrow-content {\n  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);\n  transform: translateY(-11px) rotate(45deg);\n}\n.paraui-tooltip-placement-top .paraui-tooltip-arrow {\n  left: 50%;\n  transform: translateY(100%) translateX(-50%);\n}\n.paraui-tooltip-placement-topLeft .paraui-tooltip-arrow {\n  left: 13px;\n}\n.paraui-tooltip-placement-topRight .paraui-tooltip-arrow {\n  right: 13px;\n}\n.paraui-tooltip-placement-right .paraui-tooltip-arrow, .paraui-tooltip-placement-rightTop .paraui-tooltip-arrow, .paraui-tooltip-placement-rightBottom .paraui-tooltip-arrow {\n  left: 0;\n  transform: translateX(-100%);\n}\n.paraui-tooltip-placement-right .paraui-tooltip-arrow-content, .paraui-tooltip-placement-rightTop .paraui-tooltip-arrow-content, .paraui-tooltip-placement-rightBottom .paraui-tooltip-arrow-content {\n  box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);\n  transform: translateX(11px) rotate(135deg);\n}\n.paraui-tooltip-placement-right .paraui-tooltip-arrow {\n  top: 50%;\n  transform: translateX(-100%) translateY(-50%);\n}\n.paraui-tooltip-placement-rightTop .paraui-tooltip-arrow {\n  top: 5px;\n}\n.paraui-tooltip-placement-rightBottom .paraui-tooltip-arrow {\n  bottom: 5px;\n}\n.paraui-tooltip-placement-left .paraui-tooltip-arrow, .paraui-tooltip-placement-leftTop .paraui-tooltip-arrow, .paraui-tooltip-placement-leftBottom .paraui-tooltip-arrow {\n  right: 0;\n  transform: translateX(100%);\n}\n.paraui-tooltip-placement-left .paraui-tooltip-arrow-content, .paraui-tooltip-placement-leftTop .paraui-tooltip-arrow-content, .paraui-tooltip-placement-leftBottom .paraui-tooltip-arrow-content {\n  box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);\n  transform: translateX(-11px) rotate(315deg);\n}\n.paraui-tooltip-placement-left .paraui-tooltip-arrow {\n  top: 50%;\n  transform: translateX(100%) translateY(-50%);\n}\n.paraui-tooltip-placement-leftTop .paraui-tooltip-arrow {\n  top: 5px;\n}\n.paraui-tooltip-placement-leftBottom .paraui-tooltip-arrow {\n  bottom: 5px;\n}\n.paraui-tooltip-placement-bottom .paraui-tooltip-arrow, .paraui-tooltip-placement-bottomLeft .paraui-tooltip-arrow, .paraui-tooltip-placement-bottomRight .paraui-tooltip-arrow {\n  top: 0;\n  transform: translateY(-100%);\n}\n.paraui-tooltip-placement-bottom .paraui-tooltip-arrow-content, .paraui-tooltip-placement-bottomLeft .paraui-tooltip-arrow-content, .paraui-tooltip-placement-bottomRight .paraui-tooltip-arrow-content {\n  box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);\n  transform: translateY(11px) rotate(225deg);\n}\n.paraui-tooltip-placement-bottom .paraui-tooltip-arrow {\n  left: 50%;\n  transform: translateY(-100%) translateX(-50%);\n}\n.paraui-tooltip-placement-bottomLeft .paraui-tooltip-arrow {\n  left: 13px;\n}\n.paraui-tooltip-placement-bottomRight .paraui-tooltip-arrow {\n  right: 13px;\n}\n\n.paraui-tooltip-zoom-big-fast-enter,\n.paraui-tooltip-zoom-big-fast-appear {\n  animation-duration: 0.1s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n\n.paraui-tooltip-zoom-big-fast-leave {\n  animation-duration: 0.1s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n\n.paraui-tooltip-zoom-big-fast-enter.paraui-tooltip-zoom-big-fast-enter-active,\n.paraui-tooltip-zoom-big-fast-appear.paraui-tooltip-zoom-big-fast-appear-active {\n  animation-name: parauiTooltipZoomBigIn;\n  animation-play-state: running;\n}\n\n.paraui-tooltip-zoom-big-fast-leave.paraui-tooltip-zoom-big-fast-leave-active {\n  animation-name: parauiTooltipZoomBigOut;\n  animation-play-state: running;\n  pointer-events: none;\n}\n\n.paraui-tooltip-zoom-big-fast-enter,\n.paraui-tooltip-zoom-big-fast-appear {\n  transform: scale(0);\n  opacity: 0;\n  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n}\n\n.paraui-tooltip-zoom-big-fast-enter-prepare,\n.paraui-tooltip-zoom-big-fast-appear-prepare {\n  transform: none;\n}\n\n.paraui-tooltip-zoom-big-fast-leave {\n  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);\n}\n\n@keyframes parauiTooltipZoomBigIn {\n  0% {\n    transform: scale(0.8);\n    opacity: 0;\n  }\n  100% {\n    transform: scale(1);\n    opacity: 1;\n  }\n}\n@keyframes parauiTooltipZoomBigOut {\n  0% {\n    transform: scale(1);\n  }\n  100% {\n    transform: scale(0.8);\n    opacity: 0;\n  }\n}";
+styleInject(css_248z);
+
+var Tooltip = /*#__PURE__*/React__default.forwardRef(function (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];
+
+  React__default.useEffect(function () {
+    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]);
+
+  var isUntitled = function isUntitled() {
+    var title = props.title;
+    return !title && title !== 0;
+  };
+
+  var onVisibleChange = function onVisibleChange(vis) {
+    var _a;
+
+    if (!('visible' in props || 'open' in props)) {
+      setVisible(isUntitled() ? false : vis);
+    }
+
+    if (!isUntitled()) {
+      (_a = props.onVisibleChange) === null || _a === void 0 ? void 0 : _a.call(props, vis);
+    }
+  };
+
+  var getTooltipPlacements = function getTooltipPlacements() {
+    var builtinPlacements = props.builtinPlacements,
+        arrowPointAtCenter = props.arrowPointAtCenter,
+        autoAdjustOverflow = props.autoAdjustOverflow;
+    return builtinPlacements || getPlacements({
+      arrowPointAtCenter: arrowPointAtCenter,
+      autoAdjustOverflow: autoAdjustOverflow
+    });
+  }; // 动态设置动画点
+
+
+  var onPopupAlign = function onPopupAlign(domNode, align) {
+    var 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];
+    });
+
+    if (!placement) {
+      return;
+    } // 根据当前坐标设置动画点
+
+
+    var rect = domNode.getBoundingClientRect();
+    var transformOrigin = {
+      top: '50%',
+      left: '50%'
+    };
+
+    if (placement.indexOf('top') >= 0 || placement.indexOf('Bottom') >= 0) {
+      transformOrigin.top = "".concat(rect.height - align.offset[1], "px");
+    } else if (placement.indexOf('Top') >= 0 || placement.indexOf('bottom') >= 0) {
+      transformOrigin.top = "".concat(-align.offset[1], "px");
+    }
+
+    if (placement.indexOf('left') >= 0 || placement.indexOf('Right') >= 0) {
+      transformOrigin.left = "".concat(rect.width - align.offset[0], "px");
+    } else if (placement.indexOf('right') >= 0 || placement.indexOf('Left') >= 0) {
+      transformOrigin.left = "".concat(-align.offset[0], "px");
+    }
+
+    domNode.style.transformOrigin = "".concat(transformOrigin.left, " ").concat(transformOrigin.top);
+  };
+
+  var _props$prefixCls = props.prefixCls,
+      prefixCls = _props$prefixCls === void 0 ? 'paraui-tooltip' : _props$prefixCls,
+      getTooltipContainer = props.getTooltipContainer,
+      getPopupContainer = props.getPopupContainer,
+      overlayClassName = props.overlayClassName,
+      overlayInnerStyle = props.overlayInnerStyle,
+      children = props.children,
+      title = props.title,
+      placement = props.placement,
+      restProps = __rest(props, ["prefixCls", "getTooltipContainer", "getPopupContainer", "overlayClassName", "overlayInnerStyle", "children", "title", "placement"]);
+
+  var tempVisible = visible;
+
+  if (!('visible' in props || 'open' in props) && isUntitled()) {
+    tempVisible = false;
+  }
+
+  return jsx(RcTooltip, Object.assign({}, restProps, {
+    placement: mapLegacyPlacement(placement),
+    prefixCls: prefixCls,
+    overlayClassName: clsx(overlayClassName, !props.arrow && 'paraui-tooltip-hide-arrow'),
+    getTooltipContainer: getPopupContainer || getTooltipContainer,
+    ref: ref,
+    builtinPlacements: getTooltipPlacements(),
+    overlay: title,
+    visible: tempVisible,
+    onVisibleChange: onVisibleChange,
+    onPopupAlign: onPopupAlign,
+    overlayInnerStyle: overlayInnerStyle,
+    arrowContent: props.arrow ? jsx("span", {
+      className: "".concat(prefixCls, "-arrow-content")
+    }) : null,
+    motion: {
+      motionName: 'paraui-tooltip-zoom-big-fast',
+      motionDeadline: 1000
+    }
+  }, {
+    children: getDisabledCompatibleChildren(children)
+  }));
+});
+Tooltip.displayName = 'Tooltip';
+Tooltip.defaultProps = {
+  placement: 'top',
+  mouseEnterDelay: 0.1,
+  mouseLeaveDelay: 0.1,
+  arrowPointAtCenter: false,
+  autoAdjustOverflow: true,
+  arrow: true,
+  defaultVisible: false
+};
+
+export { Tooltip, Tooltip as default };

package/Transfer/index.d.ts

@@ -1,4 +1,8 @@
-import './style/index.scss';
+import styleInject from './node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.transfer {\n  display: flex;\n  font-size: 14px;\n}\n.transfer .box {\n  width: 289px;\n  border-radius: 4px;\n  border: 1px solid rgba(171, 176, 185, 0.368627451);\n  overflow: hidden;\n}\n.transfer .box .box-header {\n  background: rgba(171, 176, 185, 0.2745098039);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding-left: 10px;\n  height: 44px;\n}\n.transfer .box .box-header .count {\n  margin: 0 10px 0 0;\n  color: #999;\n  letter-spacing: 1px;\n}\n.transfer .box .context {\n  height: 400px;\n  overflow: auto;\n  scrollbar-base-color: red;\n}\n.transfer .box .text-field-content {\n  border: none;\n  border-radius: 0;\n  border-bottom: 1px solid #ddd;\n}\n.transfer ::-webkit-scrollbar-thumb {\n  border-radius: 4px;\n  background: #3666D6;\n}\n.transfer .moveBtn {\n  display: flex;\n  height: 414px;\n  flex-direction: column;\n  justify-content: center;\n}\n.transfer .moveBtn .btn {\n  cursor: not-allowed;\n  width: 36px;\n  height: 36px;\n  border: 1px solid #ABB0B9;\n  border-radius: 8px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 10px 20px;\n}\n.transfer .moveBtn .btn svg {\n  font-size: 18px;\n  fill: #ABB0B9;\n}\n.transfer .moveBtn .on {\n  cursor: pointer;\n  border: 1px solid #3666D6;\n}\n.transfer .moveBtn .on svg {\n  fill: #3666D6;\n}\n.transfer .context .item {\n  margin: 0px 12px;\n  line-height: 0;\n  height: 36px;\n  display: flex;\n  align-items: center;\n}";
+styleInject(css_248z);
+
 /**
  * @description: 穿梭框
  * @param data{Array} 数据源
@@ -13,5 +17,6 @@ interface TransferProps {
     onChange?: (data: Array<any>) => void;
     titles?: Array<string>;
 }
-export declare const Transfer: ({ data, value, onChange, titles, }: TransferProps) => JSX.Element;
-export default Transfer;
+declare const Transfer: ({ data, value, onChange, titles, }: TransferProps) => JSX.Element;
+
+export { Transfer, Transfer as default };