neko-ui 1.0.37 → 1.0.38

package/es/tooltip/index.js

@@ -1,4 +1,4 @@
-function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _extends(){_extends=Object.assign||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 _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_defineProperty(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _objectSpreadProps(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}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 React,{useCallback,useEffect,useMemo,useRef,useState}from"react";import{css,injectGlobal}from"@emotion/css";import{classNames,getMaxZindex,isString,tinycolor}from"@moneko/common";import{createPortal}from"react-dom";import prefixCls from"../prefix-cls";const cls={tooltip:prefixCls("tooltip"),portal:prefixCls("tooltip-portal"),inUp:prefixCls("tooltip-in-up"),outUp:prefixCls("tooltip-out-up")};const tooltipCss=css`
+function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _extends(){_extends=Object.assign||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 _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_defineProperty(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _objectSpreadProps(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}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 React,{useCallback,useEffect,useMemo,useRef,useState}from"react";import{css,injectGlobal}from"@emotion/css";import{classNames,getMaxZindex,isString}from"@moneko/common";import{createPortal}from"react-dom";import{parseToHSVA}from"../color-palette/color";import{genHSVA}from"../color-palette/gen-hsva";import prefixCls from"../prefix-cls";const cls={tooltip:prefixCls("tooltip"),portal:prefixCls("tooltip-portal"),inUp:prefixCls("tooltip-in-up"),outUp:prefixCls("tooltip-out-up")};const tooltipCss=css`
   :root {
     --tooltip-bg: rgb(255 255 255 / 80%);
     --tooltip-shadow-color: rgb(0 0 0 / 10%);
@@ -80,4 +80,4 @@ function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj
       opacity: 0;
     }
   }
-`;injectGlobal([tooltipCss]);const Tooltip=_param=>{var{className,popupClassName,popupStyle,getPopupContainer,title,children,color,trigger="click",open=null,destroyInactive=true,onOpenChange}=_param,props=_objectWithoutProperties(_param,["className","popupClassName","popupStyle","getPopupContainer","title","children","color","trigger","open","destroyInactive","onOpenChange"]);const ref=useRef(null);const childRef=useRef(null);const[show,setShow]=useState(null);const[posi,setPosi]=useState({left:-9999,top:-9999});useEffect(()=>{onOpenChange===null||onOpenChange===void 0?void 0:onOpenChange(show)},[onOpenChange,show]);useEffect(()=>{setShow(open)},[open]);useEffect(()=>{if(show&&ref.current){ref.current.style.zIndex=getMaxZindex().toString()}},[show]);const exit=useCallback(()=>{if(show===false){setShow(null)}},[show]);const close=useCallback(e=>{var _ref_current;e.preventDefault();e.stopPropagation();if(show&&!((_ref_current=ref.current)===null||_ref_current===void 0?void 0:_ref_current.contains(e.target))){setShow(false)}},[show]);useEffect(()=>{if(!show||!ref.current||!childRef.current)return;const elRect=childRef.current.getBoundingClientRect();const portalRectHeight=ref.current.getBoundingClientRect();if(elRect&&portalRectHeight){const offsetY=ref.current.offsetHeight+elRect.height/2;const offsetX=ref.current.offsetWidth/2-elRect.width/2;setPosi({left:elRect.left-offsetX,top:elRect.top-offsetY})}},[show]);const container=useMemo(()=>{return(getPopupContainer===null||getPopupContainer===void 0?void 0:getPopupContainer(childRef.current))||document.body},[getPopupContainer]);const childrenProps=useMemo(()=>{const _props=_objectSpread({},props);const openEvent={click:"onClick",hover:"onMouseOver",contextMenu:"onContextMenu"};const closeEvent={hover:"onMouseOut",click:null,contextMenu:null};const triggers=isString(trigger)?[trigger]:trigger;for(let i=0,len=triggers.length;i<len;i++){const openFn=openEvent[triggers[i]];const closeFn=closeEvent[triggers[i]];Object.assign(_props,openFn&&{[openFn]:e=>{e.preventDefault();e.stopPropagation();setShow(true)}},closeFn&&{[closeFn]:close})}return _props},[close,props,trigger]);useEffect(()=>{document.body.addEventListener("click",close,false);return()=>{document.body.removeEventListener("click",close,false)}},[close]);const style=useMemo(()=>{return Object.assign(_objectSpreadProps(_objectSpread({},popupStyle),{left:posi.left,top:posi.top}),color&&{"--tooltip-bg":color,"--tooltip-shadow-color":tinycolor(color).setAlpha(.1).toRgbString()})},[color,popupStyle,posi.left,posi.top]);return React.createElement(React.Fragment,null,(show!==null||!destroyInactive)&&createPortal(React.createElement("div",{ref:ref,onAnimationEnd:exit,className:classNames(cls.portal,show?cls.inUp:cls.outUp,popupClassName),style:style},title),container),React.createElement("span",_extends({},childrenProps,{className:classNames(cls.tooltip,className),ref:childRef}),children))};export default Tooltip;
+`;injectGlobal([tooltipCss]);const Tooltip=_param=>{var{className,popupClassName,popupStyle,getPopupContainer,title,children,color,trigger="click",open=null,destroyInactive=true,onOpenChange}=_param,props=_objectWithoutProperties(_param,["className","popupClassName","popupStyle","getPopupContainer","title","children","color","trigger","open","destroyInactive","onOpenChange"]);const ref=useRef(null);const childRef=useRef(null);const[show,setShow]=useState(null);const[posi,setPosi]=useState({left:-9999,top:-9999});useEffect(()=>{onOpenChange===null||onOpenChange===void 0?void 0:onOpenChange(show)},[onOpenChange,show]);useEffect(()=>{setShow(open)},[open]);useEffect(()=>{if(show&&ref.current){ref.current.style.zIndex=getMaxZindex().toString()}},[show]);const exit=useCallback(()=>{if(show===false){setShow(null)}},[show]);const close=useCallback(e=>{var _ref_current;e.preventDefault();e.stopPropagation();if(show&&!((_ref_current=ref.current)===null||_ref_current===void 0?void 0:_ref_current.contains(e.target))){setShow(false)}},[show]);useEffect(()=>{if(!show||!ref.current||!childRef.current)return;const elRect=childRef.current.getBoundingClientRect();const portalRectHeight=ref.current.getBoundingClientRect();if(elRect&&portalRectHeight){const offsetY=ref.current.offsetHeight+elRect.height/2;const offsetX=ref.current.offsetWidth/2-elRect.width/2;setPosi({left:elRect.left-offsetX,top:elRect.top-offsetY})}},[show]);const container=useMemo(()=>{return(getPopupContainer===null||getPopupContainer===void 0?void 0:getPopupContainer(childRef.current))||document.body},[getPopupContainer]);const childrenProps=useMemo(()=>{const _props=_objectSpread({},props);const openEvent={click:"onClick",hover:"onMouseOver",contextMenu:"onContextMenu"};const closeEvent={hover:"onMouseOut",click:null,contextMenu:null};const triggers=isString(trigger)?[trigger]:trigger;for(let i=0,len=triggers.length;i<len;i++){const openFn=openEvent[triggers[i]];const closeFn=closeEvent[triggers[i]];Object.assign(_props,openFn&&{[openFn]:e=>{e.preventDefault();e.stopPropagation();setShow(true)}},closeFn&&{[closeFn]:close})}return _props},[close,props,trigger]);useEffect(()=>{document.body.addEventListener("click",close,false);return()=>{document.body.removeEventListener("click",close,false)}},[close]);const style=useMemo(()=>{let shadowColor;if(color){const[h,s,v]=parseToHSVA(color).values;shadowColor=genHSVA(h,s,v,.1).toRGBA().toString()}return Object.assign(_objectSpreadProps(_objectSpread({},popupStyle),{left:posi.left,top:posi.top}),color&&{"--tooltip-bg":color,"--tooltip-shadow-color":shadowColor})},[color,popupStyle,posi.left,posi.top]);return React.createElement(React.Fragment,null,(show!==null||!destroyInactive)&&createPortal(React.createElement("div",{ref:ref,onAnimationEnd:exit,className:classNames(cls.portal,show?cls.inUp:cls.outUp,popupClassName),style:style},title),container),React.createElement("span",_extends({},childrenProps,{className:classNames(cls.tooltip,className),ref:childRef}),children))};export default Tooltip;

package/lib/tooltip/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function(){return _default}});var _react=_interopRequireWildcard(require("react"));var _css=require("@emotion/css");var _common=require("@moneko/common");var _reactDom=require("react-dom");var _prefixCls=_interopRequireDefault(require("../prefix-cls"));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 _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _extends(){_extends=Object.assign||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 _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap;var cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj}}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj)}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc)}else{newObj[key]=obj[key]}}}newObj.default=obj;if(cache){cache.set(obj,newObj)}return newObj}function _iterableToArrayLimit(arr,i){var _i=arr==null?null:typeof Symbol!=="undefined"&&arr[Symbol.iterator]||arr["@@iterator"];if(_i==null)return;var _arr=[];var _n=true;var _d=false;var _s,_e;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break}}catch(err){_d=true;_e=err}finally{try{if(!_n&&_i["return"]!=null)_i["return"]()}finally{if(_d)throw _e}}return _arr}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 _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_defineProperty(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _objectSpreadProps(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}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}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0)}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}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(n);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}function _templateObject(){var data=_taggedTemplateLiteral(["\n  :root {\n    --tooltip-bg: rgb(255 255 255 / 80%);\n    --tooltip-shadow-color: rgb(0 0 0 / 10%);\n  }\n\n  [data-theme='dark'] {\n    --tooltip-bg: rgb(0 0 0 / 80%);\n    --tooltip-shadow-color: rgb(255 255 255 / 5%);\n  }\n\n  ."," {\n    position: relative;\n    display: inline-block;\n\n    &::-webkit-scrollbar {\n      width: 1px;\n    }\n  }\n  ."," {\n    position: fixed;\n    display: inline-block;\n    border-radius: var(--border-radius, 8px);\n    padding: 4px 8px;\n    font-size: var(--font-size, 14px);\n    color: var(--text-color, rgb(0 0 0 / 65%));\n    background-color: var(--tooltip-bg);\n    filter: drop-shadow(0.5px 1px 4px var(--tooltip-shadow-color))\n      drop-shadow(1px 2px 8px var(--tooltip-shadow-color))\n      drop-shadow(2px 4px 16px var(--tooltip-shadow-color));\n    backdrop-filter: blur(16px);\n\n    &::before {\n      position: absolute;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      margin: auto;\n      width: 12px;\n      height: 8px;\n      background: inherit;\n      content: '';\n      clip-path: polygon(0% 0%, 50% 100%, 100% 0%);\n      transform: translateY(100%);\n    }\n  }\n  ."," {\n    animation: tooltip-slide-down-in-effect 0.3s forwards;\n    transform: scaleY(1);\n  }\n  ."," {\n    animation: tooltip-slide-down-out-effect 0.3s forwards;\n    transform: scaleY(1);\n  }\n\n  @keyframes tooltip-slide-down-in-effect {\n    0% {\n      transform: scaleY(0.8);\n      transform-origin: 100% 100%;\n      opacity: 0;\n    }\n\n    100% {\n      transform: scaleY(1);\n      transform-origin: 100% 100%;\n      opacity: 1;\n    }\n  }\n\n  @keyframes tooltip-slide-down-out-effect {\n    0% {\n      transform: scaleY(1);\n      transform-origin: 100% 100%;\n      opacity: 1;\n    }\n\n    100% {\n      transform: scaleY(0.8);\n      transform-origin: 100% 100%;\n      opacity: 0;\n    }\n  }\n"]);_templateObject=function _templateObject(){return data};return data}var cls={tooltip:(0,_prefixCls.default)("tooltip"),portal:(0,_prefixCls.default)("tooltip-portal"),inUp:(0,_prefixCls.default)("tooltip-in-up"),outUp:(0,_prefixCls.default)("tooltip-out-up")};var tooltipCss=(0,_css.css)(_templateObject(),cls.tooltip,cls.portal,cls.inUp,cls.outUp);(0,_css.injectGlobal)([tooltipCss]);var Tooltip=function(_param){var className=_param.className,popupClassName=_param.popupClassName,popupStyle=_param.popupStyle,getPopupContainer=_param.getPopupContainer,title=_param.title,children=_param.children,color=_param.color,_param_trigger=_param.trigger,trigger=_param_trigger===void 0?"click":_param_trigger,_param_open=_param.open,open=_param_open===void 0?null:_param_open,_param_destroyInactive=_param.destroyInactive,destroyInactive=_param_destroyInactive===void 0?true:_param_destroyInactive,onOpenChange=_param.onOpenChange,props=_objectWithoutProperties(_param,["className","popupClassName","popupStyle","getPopupContainer","title","children","color","trigger","open","destroyInactive","onOpenChange"]);var ref=(0,_react.useRef)(null);var childRef=(0,_react.useRef)(null);var _useState=_slicedToArray((0,_react.useState)(null),2),show=_useState[0],setShow=_useState[1];var _useState1=_slicedToArray((0,_react.useState)({left:-9999,top:-9999}),2),posi=_useState1[0],setPosi=_useState1[1];(0,_react.useEffect)(function(){onOpenChange===null||onOpenChange===void 0?void 0:onOpenChange(show)},[onOpenChange,show]);(0,_react.useEffect)(function(){setShow(open)},[open]);(0,_react.useEffect)(function(){if(show&&ref.current){ref.current.style.zIndex=(0,_common.getMaxZindex)().toString()}},[show]);var exit=(0,_react.useCallback)(function(){if(show===false){setShow(null)}},[show]);var close=(0,_react.useCallback)(function(e){var _ref_current;e.preventDefault();e.stopPropagation();if(show&&!((_ref_current=ref.current)===null||_ref_current===void 0?void 0:_ref_current.contains(e.target))){setShow(false)}},[show]);(0,_react.useEffect)(function(){if(!show||!ref.current||!childRef.current)return;var elRect=childRef.current.getBoundingClientRect();var portalRectHeight=ref.current.getBoundingClientRect();if(elRect&&portalRectHeight){var offsetY=ref.current.offsetHeight+elRect.height/2;var offsetX=ref.current.offsetWidth/2-elRect.width/2;setPosi({left:elRect.left-offsetX,top:elRect.top-offsetY})}},[show]);var container=(0,_react.useMemo)(function(){return(getPopupContainer===null||getPopupContainer===void 0?void 0:getPopupContainer(childRef.current))||document.body},[getPopupContainer]);var childrenProps=(0,_react.useMemo)(function(){var _props=_objectSpread({},props);var openEvent={click:"onClick",hover:"onMouseOver",contextMenu:"onContextMenu"};var closeEvent={hover:"onMouseOut",click:null,contextMenu:null};var triggers=(0,_common.isString)(trigger)?[trigger]:trigger;for(var i=0,len=triggers.length;i<len;i++){var openFn=openEvent[triggers[i]];var closeFn=closeEvent[triggers[i]];Object.assign(_props,openFn&&_defineProperty({},openFn,function(e){e.preventDefault();e.stopPropagation();setShow(true)}),closeFn&&_defineProperty({},closeFn,close))}return _props},[close,props,trigger]);(0,_react.useEffect)(function(){document.body.addEventListener("click",close,false);return function(){document.body.removeEventListener("click",close,false)}},[close]);var style=(0,_react.useMemo)(function(){return Object.assign(_objectSpreadProps(_objectSpread({},popupStyle),{left:posi.left,top:posi.top}),color&&{"--tooltip-bg":color,"--tooltip-shadow-color":(0,_common.tinycolor)(color).setAlpha(.1).toRgbString()})},[color,popupStyle,posi.left,posi.top]);return _react.default.createElement(_react.default.Fragment,null,(show!==null||!destroyInactive)&&(0,_reactDom.createPortal)(_react.default.createElement("div",{ref:ref,onAnimationEnd:exit,className:(0,_common.classNames)(cls.portal,show?cls.inUp:cls.outUp,popupClassName),style:style},title),container),_react.default.createElement("span",_extends({},childrenProps,{className:(0,_common.classNames)(cls.tooltip,className),ref:childRef}),children))};var _default=Tooltip;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function(){return _default}});var _react=_interopRequireWildcard(require("react"));var _css=require("@emotion/css");var _common=require("@moneko/common");var _reactDom=require("react-dom");var _color=require("../color-palette/color");var _genHsva=require("../color-palette/gen-hsva");var _prefixCls=_interopRequireDefault(require("../prefix-cls"));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 _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _extends(){_extends=Object.assign||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 _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap;var cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj}}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj)}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc)}else{newObj[key]=obj[key]}}}newObj.default=obj;if(cache){cache.set(obj,newObj)}return newObj}function _iterableToArrayLimit(arr,i){var _i=arr==null?null:typeof Symbol!=="undefined"&&arr[Symbol.iterator]||arr["@@iterator"];if(_i==null)return;var _arr=[];var _n=true;var _d=false;var _s,_e;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break}}catch(err){_d=true;_e=err}finally{try{if(!_n&&_i["return"]!=null)_i["return"]()}finally{if(_d)throw _e}}return _arr}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 _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_defineProperty(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _objectSpreadProps(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}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}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0)}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}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(n);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}function _templateObject(){var data=_taggedTemplateLiteral(["\n  :root {\n    --tooltip-bg: rgb(255 255 255 / 80%);\n    --tooltip-shadow-color: rgb(0 0 0 / 10%);\n  }\n\n  [data-theme='dark'] {\n    --tooltip-bg: rgb(0 0 0 / 80%);\n    --tooltip-shadow-color: rgb(255 255 255 / 5%);\n  }\n\n  ."," {\n    position: relative;\n    display: inline-block;\n\n    &::-webkit-scrollbar {\n      width: 1px;\n    }\n  }\n  ."," {\n    position: fixed;\n    display: inline-block;\n    border-radius: var(--border-radius, 8px);\n    padding: 4px 8px;\n    font-size: var(--font-size, 14px);\n    color: var(--text-color, rgb(0 0 0 / 65%));\n    background-color: var(--tooltip-bg);\n    filter: drop-shadow(0.5px 1px 4px var(--tooltip-shadow-color))\n      drop-shadow(1px 2px 8px var(--tooltip-shadow-color))\n      drop-shadow(2px 4px 16px var(--tooltip-shadow-color));\n    backdrop-filter: blur(16px);\n\n    &::before {\n      position: absolute;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      margin: auto;\n      width: 12px;\n      height: 8px;\n      background: inherit;\n      content: '';\n      clip-path: polygon(0% 0%, 50% 100%, 100% 0%);\n      transform: translateY(100%);\n    }\n  }\n  ."," {\n    animation: tooltip-slide-down-in-effect 0.3s forwards;\n    transform: scaleY(1);\n  }\n  ."," {\n    animation: tooltip-slide-down-out-effect 0.3s forwards;\n    transform: scaleY(1);\n  }\n\n  @keyframes tooltip-slide-down-in-effect {\n    0% {\n      transform: scaleY(0.8);\n      transform-origin: 100% 100%;\n      opacity: 0;\n    }\n\n    100% {\n      transform: scaleY(1);\n      transform-origin: 100% 100%;\n      opacity: 1;\n    }\n  }\n\n  @keyframes tooltip-slide-down-out-effect {\n    0% {\n      transform: scaleY(1);\n      transform-origin: 100% 100%;\n      opacity: 1;\n    }\n\n    100% {\n      transform: scaleY(0.8);\n      transform-origin: 100% 100%;\n      opacity: 0;\n    }\n  }\n"]);_templateObject=function _templateObject(){return data};return data}var cls={tooltip:(0,_prefixCls.default)("tooltip"),portal:(0,_prefixCls.default)("tooltip-portal"),inUp:(0,_prefixCls.default)("tooltip-in-up"),outUp:(0,_prefixCls.default)("tooltip-out-up")};var tooltipCss=(0,_css.css)(_templateObject(),cls.tooltip,cls.portal,cls.inUp,cls.outUp);(0,_css.injectGlobal)([tooltipCss]);var Tooltip=function(_param){var className=_param.className,popupClassName=_param.popupClassName,popupStyle=_param.popupStyle,getPopupContainer=_param.getPopupContainer,title=_param.title,children=_param.children,color=_param.color,_param_trigger=_param.trigger,trigger=_param_trigger===void 0?"click":_param_trigger,_param_open=_param.open,open=_param_open===void 0?null:_param_open,_param_destroyInactive=_param.destroyInactive,destroyInactive=_param_destroyInactive===void 0?true:_param_destroyInactive,onOpenChange=_param.onOpenChange,props=_objectWithoutProperties(_param,["className","popupClassName","popupStyle","getPopupContainer","title","children","color","trigger","open","destroyInactive","onOpenChange"]);var ref=(0,_react.useRef)(null);var childRef=(0,_react.useRef)(null);var _useState=_slicedToArray((0,_react.useState)(null),2),show=_useState[0],setShow=_useState[1];var _useState1=_slicedToArray((0,_react.useState)({left:-9999,top:-9999}),2),posi=_useState1[0],setPosi=_useState1[1];(0,_react.useEffect)(function(){onOpenChange===null||onOpenChange===void 0?void 0:onOpenChange(show)},[onOpenChange,show]);(0,_react.useEffect)(function(){setShow(open)},[open]);(0,_react.useEffect)(function(){if(show&&ref.current){ref.current.style.zIndex=(0,_common.getMaxZindex)().toString()}},[show]);var exit=(0,_react.useCallback)(function(){if(show===false){setShow(null)}},[show]);var close=(0,_react.useCallback)(function(e){var _ref_current;e.preventDefault();e.stopPropagation();if(show&&!((_ref_current=ref.current)===null||_ref_current===void 0?void 0:_ref_current.contains(e.target))){setShow(false)}},[show]);(0,_react.useEffect)(function(){if(!show||!ref.current||!childRef.current)return;var elRect=childRef.current.getBoundingClientRect();var portalRectHeight=ref.current.getBoundingClientRect();if(elRect&&portalRectHeight){var offsetY=ref.current.offsetHeight+elRect.height/2;var offsetX=ref.current.offsetWidth/2-elRect.width/2;setPosi({left:elRect.left-offsetX,top:elRect.top-offsetY})}},[show]);var container=(0,_react.useMemo)(function(){return(getPopupContainer===null||getPopupContainer===void 0?void 0:getPopupContainer(childRef.current))||document.body},[getPopupContainer]);var childrenProps=(0,_react.useMemo)(function(){var _props=_objectSpread({},props);var openEvent={click:"onClick",hover:"onMouseOver",contextMenu:"onContextMenu"};var closeEvent={hover:"onMouseOut",click:null,contextMenu:null};var triggers=(0,_common.isString)(trigger)?[trigger]:trigger;for(var i=0,len=triggers.length;i<len;i++){var openFn=openEvent[triggers[i]];var closeFn=closeEvent[triggers[i]];Object.assign(_props,openFn&&_defineProperty({},openFn,function(e){e.preventDefault();e.stopPropagation();setShow(true)}),closeFn&&_defineProperty({},closeFn,close))}return _props},[close,props,trigger]);(0,_react.useEffect)(function(){document.body.addEventListener("click",close,false);return function(){document.body.removeEventListener("click",close,false)}},[close]);var style=(0,_react.useMemo)(function(){var shadowColor;if(color){var _parseToHSVA_values=_slicedToArray((0,_color.parseToHSVA)(color).values,3),h=_parseToHSVA_values[0],s=_parseToHSVA_values[1],v=_parseToHSVA_values[2];shadowColor=(0,_genHsva.genHSVA)(h,s,v,.1).toRGBA().toString()}return Object.assign(_objectSpreadProps(_objectSpread({},popupStyle),{left:posi.left,top:posi.top}),color&&{"--tooltip-bg":color,"--tooltip-shadow-color":shadowColor})},[color,popupStyle,posi.left,posi.top]);return _react.default.createElement(_react.default.Fragment,null,(show!==null||!destroyInactive)&&(0,_reactDom.createPortal)(_react.default.createElement("div",{ref:ref,onAnimationEnd:exit,className:(0,_common.classNames)(cls.portal,show?cls.inUp:cls.outUp,popupClassName),style:style},title),container),_react.default.createElement("span",_extends({},childrenProps,{className:(0,_common.classNames)(cls.tooltip,className),ref:childRef}),children))};var _default=Tooltip;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "neko-ui",
-  "version": "1.0.37",
+  "version": "1.0.38",
   "description": "UI库",
   "main": "lib/index.js",
   "scripts": {
@@ -26,7 +26,7 @@
     "@commitlint/cli": "17.4.4",
     "@commitlint/config-conventional": "17.4.4",
     "@moneko/cli": "1.1.12",
-    "@moneko/core": "2.0.19",
+    "@moneko/core": "2.0.27",
     "@moneko/postcss": "1.0.27",
     "@moneko/react-live": "3.1.3",
     "@swc/jest": "0.2.24",
@@ -49,7 +49,7 @@
   },
   "dependencies": {
     "@emotion/css": "11.10.6",
-    "@moneko/common": "1.0.11",
+    "@moneko/common": "1.0.20",
     "katex": "0.16.4",
     "lodash": "4.17.21",
     "marked-completed": "1.2.4",