neko-ui 1.0.21 → 1.0.23

package/es/alpha-picker/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import './index.global.less';
+export interface AlphaPickerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    value?: number;
+    onChange?: (alpha: number) => void;
+}
+declare const AlphaPicker: React.FC<AlphaPickerProps>;
+export default AlphaPicker;

package/es/alpha-picker/index.global.less

@@ -0,0 +1,70 @@
+@alpha-mark-size: 4px;
+
+.@{prefix-cls}-alpha-picker {
+  user-select: none;
+  width: 200px;
+  height: 20px;
+
+  &::after,
+  &::before {
+    content: '';
+    width: 0;
+    height: 0;
+    display: block;
+    opacity: 0;
+    margin-left: -3px;
+    transform: translateX(var(--offset-x, 0));
+    border-left-width: @alpha-mark-size;
+    border-right-width: @alpha-mark-size;
+    border-color: #999 transparent;
+    border-style: solid;
+  }
+
+  &::after {
+    border-bottom-width: @alpha-mark-size;
+    border-top-width: 0;
+  }
+
+  &::before {
+    border-top-width: @alpha-mark-size;
+    border-bottom-width: 0;
+  }
+
+  &:hover {
+    &::after,
+    &::before {
+      opacity: 1;
+    }
+  }
+}
+
+.@{prefix-cls}-alpha-strip {
+  width: calc(100% - 2px);
+  height: 10px;
+  border: 1px solid var(--border-color-base);
+  border-radius: 6px;
+  background-image: linear-gradient(45deg,
+      #ccc 25%,
+      transparent 25%,
+      transparent 75%,
+      #ccc 75%,
+      #ccc),
+    linear-gradient(45deg,
+      #ccc 25%,
+      transparent 25%,
+      transparent 75%,
+      #ccc 75%,
+      #ccc);
+  background-size: 10px 10px;
+  background-position: 0 0, 5px 5px;
+  cursor: pointer;
+
+  &::after {
+    content: '';
+    display: block;
+    width: 100%;
+    height: 100%;
+    background-image: linear-gradient(to left, var(--offset-color, #fff), transparent);
+    border-radius: 6px;
+  }
+}

package/es/alpha-picker/index.js

@@ -0,0 +1 @@
+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 _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 _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}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)}import{classNames}from"@moneko/common";import React,{useCallback,useEffect,useRef,useState}from"react";import getPrefixCls from"../get-prefix-cls";import"./index.global.less";var AlphaPicker=function(param){var className=param.className,_value=param.value,value=_value===void 0?1:_value,onChange=param.onChange;var strip=useRef(null);var ref=_slicedToArray(useState(false),2),drag=ref[0],setDrag=ref[1];var ref1=_slicedToArray(useState(value),2),alpha=ref1[0],setAlpha=ref1[1];var handleChange=useCallback(function(param){var offsetX=param.offsetX;var ref,ref1;var v=offsetX/(((ref=strip.current)===null||ref===void 0?void 0:ref.offsetWidth)||1);setAlpha(v);(ref1=strip.current)===null||ref1===void 0?void 0:ref1.style.setProperty("--offset-x","".concat(offsetX,"px"))},[]);var handleMouseDown=useCallback(function(param){var offsetX=param.nativeEvent.offsetX;setDrag(true);handleChange({offsetX:offsetX})},[handleChange]);var handleMouseMove=useCallback(function(param){var offsetX=param.nativeEvent.offsetX;if(drag){handleChange({offsetX:offsetX})}},[drag,handleChange]);var handleMouseUp=useCallback(function(){setDrag(false)},[]);useEffect(function(){onChange===null||onChange===void 0?void 0:onChange(alpha)},[onChange,alpha]);return React.createElement("div",{ref:strip,className:classNames(getPrefixCls("alpha-picker"),className)},React.createElement("div",{className:getPrefixCls("alpha-strip"),onMouseDown:handleMouseDown,onMouseMove:handleMouseMove,onMouseUp:handleMouseUp,onMouseOut:handleMouseUp}))};export default AlphaPicker;

package/es/avatar/index.js

@@ -1 +1 @@
-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 _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,{useMemo}from"react";import getPrefixCls from"../get-prefix-cls";import{classNames}from"@moneko/common";import"./index.global.less";var Avatar=function(_param){var className=_param.className,_src=_param.src,src=_src===void 0?"https://gw.alipayobjects.com/zos/alicdn/HJtErOC0O/avatar.png":_src,alt=_param.alt,_imgProps=_param.imgProps,imgProps=_imgProps===void 0?{}:_imgProps,props=_objectWithoutProperties(_param,["className","src","alt","imgProps"]);var cls=useMemo(function(){return classNames([getPrefixCls("avatar"),className])},[className]);return React.createElement("div",_extends({className:cls},props),React.createElement("img",_extends({},imgProps,{src:src,alt:alt})))};export default Avatar;
+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 _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,{useMemo}from"react";import getPrefixCls from"../get-prefix-cls";import{classNames}from"@moneko/common";import"./index.global.less";var Avatar=function(_param){var className=_param.className,src=_param.src,alt=_param.alt,_imgProps=_param.imgProps,imgProps=_imgProps===void 0?{}:_imgProps,props=_objectWithoutProperties(_param,["className","src","alt","imgProps"]);var cls=useMemo(function(){return classNames(getPrefixCls("avatar"),className)},[className]);return React.createElement("div",_extends({className:cls},props),React.createElement("img",_extends({},imgProps,{src:src,alt:alt})))};export default Avatar;

package/es/back-top/index.d.ts

@@ -1,8 +1,10 @@
 import React from 'react';
 import './index.global.less';
 export interface BackTopProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** 设置需要监听其滚动事件的元素，值为一个返回对应 DOM 元素的函数 */
+    /** 设置需要监听其滚动事件的元素，值为一个返回对应 DOM 元素 */
     target?: () => HTMLElement;
+    /** 挂载到指定的元素，值为一个返回对应 DOM 元素 默认 document.body */
+    getPopupContainer?: (node?: HTMLElement) => HTMLElement;
     /** 滚动高度达到此参数值才出现 BackTop */
     visibilityHeight?: number;
 }

package/es/back-top/index.js

@@ -1 +1 @@
-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 _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 _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 _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 _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)}import React,{memo,useCallback,useEffect,useMemo,useRef,useState}from"react";import ReactDOM from"react-dom";import{classNames,getMaxZindex,getScrollTop,isEqual,isFunction}from"@moneko/common";import getPrefixCls from"../get-prefix-cls";import"./index.global.less";var BackTop=function(_param){var _target=_param.target,target=_target===void 0?function(){return window}:_target,_visibilityHeight=_param.visibilityHeight,visibilityHeight=_visibilityHeight===void 0?400:_visibilityHeight,className=_param.className,props=_objectWithoutProperties(_param,["target","visibilityHeight","className"]);var ref=useRef(null);var ref1=_slicedToArray(useState(null),2),show=ref1[0],setShow=ref1[1];var handleScrollY=useCallback(function(){var scrollTop=0;var offsetHeight=0;if(isFunction(target)){var ele=target();if(ele){scrollTop=getScrollTop(ele);offsetHeight=ele.offsetHeight}}var nextShow=scrollTop>offsetHeight/3||scrollTop>visibilityHeight;if(Boolean(show)!==nextShow){setShow(nextShow)}},[show,target,visibilityHeight]);var handleBackTop=useCallback(function(){var ref;(ref=target())===null||ref===void 0?void 0:ref.scrollTo({top:0,behavior:"smooth"})},[target]);useEffect(function(){if(show&&ref.current){ref.current.style.zIndex=getMaxZindex().toString()}},[show]);useEffect(function(){if(isFunction(target)){var ref;(ref=target())===null||ref===void 0?void 0:ref.addEventListener("scroll",handleScrollY,false)}return function(){if(isFunction(target)){var ref;(ref=target())===null||ref===void 0?void 0:ref.removeEventListener("scroll",handleScrollY,false)}}},[handleScrollY,target]);var cls=useMemo(function(){return classNames([getPrefixCls("back-top"),className,!show&&getPrefixCls("back-top-out")])},[className,show]);var exit=useCallback(function(){if(show===false){setShow(null)}},[show]);var el=useMemo(function(){return React.createElement("div",_extends({},props,{ref:ref,onAnimationEnd:exit,className:cls,onClick:handleBackTop}))},[cls,exit,handleBackTop,props]);return show===null?null:ReactDOM.createPortal(el,target())};export default memo(BackTop,isEqual);
+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 _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 _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 _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 _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)}import React,{memo,useCallback,useEffect,useMemo,useRef,useState}from"react";import ReactDOM from"react-dom";import{classNames,getMaxZindex,getScrollTop,isEqual,isFunction}from"@moneko/common";import getPrefixCls from"../get-prefix-cls";import"./index.global.less";var BackTop=function(_param){var _target=_param.target,target=_target===void 0?function(){return window}:_target,getPopupContainer=_param.getPopupContainer,_visibilityHeight=_param.visibilityHeight,visibilityHeight=_visibilityHeight===void 0?400:_visibilityHeight,className=_param.className,props=_objectWithoutProperties(_param,["target","getPopupContainer","visibilityHeight","className"]);var ref=useRef(null);var ref1=_slicedToArray(useState(null),2),show=ref1[0],setShow=ref1[1];var handleScrollY=useCallback(function(){var scrollTop=0;var offsetHeight=0;if(isFunction(target)){var ele=target();if(ele){scrollTop=getScrollTop(ele);offsetHeight=ele.offsetHeight}}var nextShow=scrollTop>offsetHeight/3||scrollTop>visibilityHeight;if(Boolean(show)!==nextShow){setShow(nextShow)}},[show,target,visibilityHeight]);var handleBackTop=useCallback(function(){var ref;(ref=target())===null||ref===void 0?void 0:ref.scrollTo({top:0,behavior:"smooth"})},[target]);useEffect(function(){if(show&&ref.current){ref.current.style.zIndex=getMaxZindex().toString()}},[show]);useEffect(function(){if(isFunction(target)){var ref;(ref=target())===null||ref===void 0?void 0:ref.addEventListener("scroll",handleScrollY,false)}return function(){if(isFunction(target)){var ref;(ref=target())===null||ref===void 0?void 0:ref.removeEventListener("scroll",handleScrollY,false)}}},[handleScrollY,target]);var cls=useMemo(function(){return classNames(getPrefixCls("back-top"),className,!show&&getPrefixCls("back-top-out"))},[className,show]);var exit=useCallback(function(){if(show===false){setShow(null)}},[show]);var el=useMemo(function(){return React.createElement("div",_extends({},props,{ref:ref,onAnimationEnd:exit,className:cls,onClick:handleBackTop}))},[cls,exit,handleBackTop,props]);var container=useMemo(function(){return(getPopupContainer===null||getPopupContainer===void 0?void 0:getPopupContainer(target()))||document.body},[getPopupContainer,target]);return show===null?null:ReactDOM.createPortal(el,container)};export default memo(BackTop,isEqual);

package/es/button/index.js

@@ -1 +1 @@
-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 _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 _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 _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 _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)}import React,{useCallback,useMemo,useRef}from"react";import getPrefixCls from"../get-prefix-cls";import{classNames,isFunction}from"@moneko/common";import"./index.global.less";var Button=function(_param){var infinite=_param.infinite,ghost=_param.ghost,fill=_param.fill,circle=_param.circle,dashed=_param.dashed,float=_param.float,link=_param.link,className=_param.className,children=_param.children,disabled=_param.disabled,onClick=_param.onClick,type=_param.type,props=_objectWithoutProperties(_param,["infinite","ghost","fill","circle","dashed","float","link","className","children","disabled","onClick","type"]);var ref=useRef(null);var ref1=_slicedToArray(React.useState(false),2),animating=ref1[0],setAnimating=ref1[1];var handleClick=useCallback(function(e){if(disabled)return;setAnimating(true);if(isFunction(onClick)){onClick(e)}},[disabled,onClick]);var cls=useMemo(function(){return classNames([getPrefixCls("btn"),type&&getPrefixCls("btn-".concat(type)),infinite&&getPrefixCls("btn-infinite"),ghost&&getPrefixCls("btn-ghost"),fill&&getPrefixCls("btn-fill"),circle&&getPrefixCls("btn-circle"),dashed&&getPrefixCls("btn-dashed"),float&&getPrefixCls("btn-float"),animating&&getPrefixCls("btn-without"),disabled&&getPrefixCls("btn-disabled"),link&&getPrefixCls("btn-link"),className])},[type,infinite,ghost,fill,circle,dashed,float,animating,disabled,link,className]);var handleAnimationEnd=useCallback(function(){setAnimating(false)},[]);return React.createElement("div",_extends({},props,{className:cls,onClick:handleClick,onAnimationEnd:handleAnimationEnd,ref:ref}),React.createElement("span",{className:getPrefixCls("btn-text")},children))};export default Button;
+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 _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 _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 _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 _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)}import React,{useCallback,useMemo,useRef}from"react";import getPrefixCls from"../get-prefix-cls";import{classNames,isFunction}from"@moneko/common";import"./index.global.less";var Button=function(_param){var infinite=_param.infinite,ghost=_param.ghost,fill=_param.fill,circle=_param.circle,dashed=_param.dashed,float=_param.float,link=_param.link,className=_param.className,children=_param.children,disabled=_param.disabled,onClick=_param.onClick,type=_param.type,props=_objectWithoutProperties(_param,["infinite","ghost","fill","circle","dashed","float","link","className","children","disabled","onClick","type"]);var ref=useRef(null);var ref1=_slicedToArray(React.useState(false),2),animating=ref1[0],setAnimating=ref1[1];var handleClick=useCallback(function(e){if(disabled)return;setAnimating(true);if(isFunction(onClick)){onClick(e)}},[disabled,onClick]);var cls=useMemo(function(){return classNames(getPrefixCls("btn"),type&&getPrefixCls("btn-".concat(type)),infinite&&getPrefixCls("btn-infinite"),ghost&&getPrefixCls("btn-ghost"),fill&&getPrefixCls("btn-fill"),circle&&getPrefixCls("btn-circle"),dashed&&getPrefixCls("btn-dashed"),float&&getPrefixCls("btn-float"),animating&&getPrefixCls("btn-without"),disabled&&getPrefixCls("btn-disabled"),link&&getPrefixCls("btn-link"),className)},[type,infinite,ghost,fill,circle,dashed,float,animating,disabled,link,className]);var handleAnimationEnd=useCallback(function(){setAnimating(false)},[]);return React.createElement("div",_extends({},props,{className:cls,onClick:handleClick,onAnimationEnd:handleAnimationEnd,ref:ref}),React.createElement("span",{className:getPrefixCls("btn-text")},children))};export default Button;

package/es/capture-screen/index.js

@@ -1 +1 @@
-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 asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg);var value=info.value}catch(error){reject(error);return}if(info.done){resolve(value)}else{Promise.resolve(value).then(_next,_throw)}}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise(function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(undefined)})}}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 _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 _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 _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)}var __generator=this&&this.__generator||function(thisArg,body){var f,y,t,g,_={label:0,sent:function(){if(t[0]&1)throw t[1];return t[1]},trys:[],ops:[]};return g={next:verb(0),"throw":verb(1),"return":verb(2)},typeof Symbol==="function"&&(g[Symbol.iterator]=function(){return this}),g;function verb(n){return function(v){return step([n,v])}}function step(op){if(f)throw new TypeError("Generator is already executing.");while(_)try{if(f=1,y&&(t=op[0]&2?y["return"]:op[0]?y["throw"]||((t=y["return"])&&t.call(y),0):y.next)&&!(t=t.call(y,op[1])).done)return t;if(y=0,t)op=[op[0]&2,t.value];switch(op[0]){case 0:case 1:t=op;break;case 4:_.label++;return{value:op[1],done:false};case 5:_.label++;y=op[1];op=[0];continue;case 7:op=_.ops.pop();_.trys.pop();continue;default:if(!(t=_.trys,t=t.length>0&&t[t.length-1])&&(op[0]===6||op[0]===2)){_=0;continue}if(op[0]===3&&(!t||op[1]>t[0]&&op[1]<t[3])){_.label=op[1];break}if(op[0]===6&&_.label<t[1]){_.label=t[1];t=op;break}if(t&&_.label<t[2]){_.label=t[2];_.ops.push(op);break}if(t[2])_.ops.pop();_.trys.pop();continue}op=body.call(thisArg,_)}catch(e){op=[6,e];y=0}finally{f=t=0}if(op[0]&5)throw op[1];return{value:op[0]?op[1]:void 0,done:true}}};import React,{useCallback,useEffect,useMemo,useRef,useState}from"react";import Button from"../button";import getPrefixCls from"../get-prefix-cls";import{downloadBlob,isObject,isFunction,classNames}from"@moneko/common";import"./index.global.less";var displayMediaOptions={video:true,audio:{echoCancellation:true,noiseSuppression:true,sampleRate:44100}};var btnStatusDic={inactive:"primary",paused:"warning",recording:"success"};var CaptureScreen=function(_param){var _options=_param.options,options=_options===void 0?displayMediaOptions:_options,preview=_param.preview,controls=_param.controls,recorder=_param.recorder,className=_param.className,_captureScreenText=_param.captureScreenText,captureScreenText=_captureScreenText===void 0?"捕获屏幕":_captureScreenText,_stopCaptureText=_param.stopCaptureText,stopCaptureText=_stopCaptureText===void 0?"停止捕获":_stopCaptureText,_startRecorderText=_param.startRecorderText,startRecorderText=_startRecorderText===void 0?"开始录制":_startRecorderText,_stopRecorderText=_param.stopRecorderText,stopRecorderText=_stopRecorderText===void 0?"停止录制":_stopRecorderText,_pausedRecorderText=_param.pausedRecorderText,pausedRecorderText=_pausedRecorderText===void 0?"暂停录制":_pausedRecorderText,_recorderingText=_param.recorderingText,recorderingText=_recorderingText===void 0?"录制中":_recorderingText,_onRecorderError=_param.onRecorderError,onRecorderError=_onRecorderError===void 0?null:_onRecorderError,onStopRecorder=_param.onStopRecorder,onStartRecorder=_param.onStartRecorder,onStopCapture=_param.onStopCapture,onStartCapture=_param.onStartCapture,onRecorderDataAvailable=_param.onRecorderDataAvailable,onErrorCapture=_param.onErrorCapture,onSaveRecorder=_param.onSaveRecorder,props=_objectWithoutProperties(_param,["options","preview","controls","recorder","className","captureScreenText","stopCaptureText","startRecorderText","stopRecorderText","pausedRecorderText","recorderingText","onRecorderError","onStopRecorder","onStartRecorder","onStopCapture","onStartCapture","onRecorderDataAvailable","onErrorCapture","onSaveRecorder"]);var videoElem=useRef(null);var mediaRecorderRef=useRef(null);var mediaStreamRef=useRef(null);var chunks=useRef([]);var recorderRef=useRef(recorder);var ref=_slicedToArray(useState(null),2),mediaRecorder=ref[0],setMediaRecorder=ref[1];var ref1=_slicedToArray(useState(null),2),mediaStream=ref1[0],setMediaStream=ref1[1];var ref2=_slicedToArray(useState("inactive"),2),recordState=ref2[0],setRecordState=ref2[1];useEffect(function(){Object.assign(recorderRef,{current:recorder})},[recorder]);useEffect(function(){Object.assign(mediaStreamRef,{current:mediaStream})},[mediaStream]);useEffect(function(){Object.assign(mediaRecorderRef,{current:mediaRecorder})},[mediaRecorder]);var handleStartRecorder=useCallback(function(){if(mediaRecorderRef.current){if(isFunction(onStartRecorder)){onStartRecorder(mediaRecorderRef.current.state)}switch(mediaRecorderRef.current.state){case"inactive":mediaRecorderRef.current.start();break;case"paused":mediaRecorderRef.current.resume();break;case"recording":mediaRecorderRef.current.pause();break;default:break}setRecordState(mediaRecorderRef.current.state)}},[onStartRecorder]);var handleRecorderDataAvailable=useCallback(function(e){var ref;(ref=chunks.current)===null||ref===void 0?void 0:ref.push(e.data);if(isFunction(onRecorderDataAvailable)){onRecorderDataAvailable(e)}},[onRecorderDataAvailable]);var stopRecorder=useCallback(function(){if(mediaRecorderRef.current){if(mediaRecorderRef.current.state!=="inactive"){mediaRecorderRef.current.stop()}setRecordState(mediaRecorderRef.current.state)}if(isFunction(onStopRecorder)){onStopRecorder()}},[onStopRecorder]);var handleSaveRecorder=useCallback(function(){var ref,ref1,ref2;if(!((ref=chunks.current)===null||ref===void 0?void 0:ref.length))return;var blob=new Blob(chunks.current,{type:"video/webm"}),name=isObject(recorderRef.current)&&((ref1=recorderRef.current)===null||ref1===void 0?void 0:ref1.filename)||new Date().toISOString(),fileName=name+".webm";(ref2=chunks.current)===null||ref2===void 0?void 0:ref2.splice(0);if(isFunction(onSaveRecorder)){onSaveRecorder(blob,fileName)}else{downloadBlob(blob,fileName)}},[onSaveRecorder]);var stopCapture=useCallback(function(){stopRecorder();if(mediaStreamRef.current){var tracks=mediaStreamRef.current.getTracks();tracks===null||tracks===void 0?void 0:tracks.forEach(function(track){return track.stop()});setMediaStream(null)}if(isFunction(onStopCapture)){onStopCapture()}},[onStopCapture,stopRecorder]);var startCapture=useCallback(_asyncToGenerator(function(){var stream,err;return __generator(this,function(_state){switch(_state.label){case 0:stopCapture();_state.label=1;case 1:_state.trys.push([1,3,,4]);return[4,navigator.mediaDevices.getDisplayMedia(_objectSpread({},displayMediaOptions,options))];case 2:stream=_state.sent();if(stream){stream.addEventListener("inactive",stopCapture,false);setMediaStream(stream)}if(isFunction(onStartCapture)){onStartCapture(stream)}return[3,4];case 3:err=_state.sent();if(isFunction(onErrorCapture)){onErrorCapture(err)}return[3,4];case 4:return[2]}})}),[onErrorCapture,onStartCapture,options,stopCapture]);useEffect(function(){if(preview&&(videoElem===null||videoElem===void 0?void 0:videoElem.current)&&mediaStream){videoElem.current.srcObject=mediaStream}},[mediaStream,preview]);useEffect(function(){if((mediaStream===null||mediaStream===void 0?void 0:mediaStream.active)&&recorderRef.current){var recorderInstance=new MediaRecorder(mediaStream);recorderInstance.onstop=handleSaveRecorder;recorderInstance.onerror=onRecorderError;recorderInstance.ondataavailable=handleRecorderDataAvailable;setMediaRecorder(recorderInstance)}else{setMediaRecorder(null)}},[handleRecorderDataAvailable,handleSaveRecorder,mediaStream,onRecorderError]);useEffect(function(){var getMediaRecorderRef=function(){return mediaRecorderRef.current};var getMediaStreamRef=function(){return mediaStreamRef.current};return function(){var _mediaRecorderRef=getMediaRecorderRef();if(_mediaRecorderRef){if(_mediaRecorderRef.state!=="inactive"){_mediaRecorderRef.stop()}}var streamRef=getMediaStreamRef();if(streamRef){var tracks=streamRef.getTracks();tracks===null||tracks===void 0?void 0:tracks.forEach(function(track){return track.stop()})}}},[]);var recorderText=useMemo(function(){return({paused:pausedRecorderText,recording:recorderingText,inactive:startRecorderText})[recordState]},[pausedRecorderText,recordState,recorderingText,startRecorderText]);return React.createElement("div",_extends({className:classNames([getPrefixCls("capture-screen"),className])},props),React.createElement("div",{className:getPrefixCls("capture-screen-controller")},React.createElement(Button,{onClick:startCapture},captureScreenText),mediaStream&&React.createElement(React.Fragment,null,React.createElement(Button,{type:"error",onClick:stopCapture},stopCaptureText),recorder&&React.createElement("div",{className:getPrefixCls("capture-screen-controller-record")},React.createElement(Button,{type:btnStatusDic[recordState],onClick:handleStartRecorder},recorderText),recordState!=="inactive"&&React.createElement(Button,{type:"error",onClick:stopRecorder},stopRecorderText)))),preview&&mediaStream?React.createElement("div",{className:getPrefixCls("capture-screen-video")},React.createElement("span",{className:getPrefixCls("capture-screen-video-".concat(recordState))}),React.createElement("video",{ref:videoElem,autoPlay:true,controls:!!(mediaStream&&controls)})):null)};export default CaptureScreen;
+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 asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg);var value=info.value}catch(error){reject(error);return}if(info.done){resolve(value)}else{Promise.resolve(value).then(_next,_throw)}}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise(function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(undefined)})}}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 _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 _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 _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)}var __generator=this&&this.__generator||function(thisArg,body){var f,y,t,g,_={label:0,sent:function(){if(t[0]&1)throw t[1];return t[1]},trys:[],ops:[]};return g={next:verb(0),"throw":verb(1),"return":verb(2)},typeof Symbol==="function"&&(g[Symbol.iterator]=function(){return this}),g;function verb(n){return function(v){return step([n,v])}}function step(op){if(f)throw new TypeError("Generator is already executing.");while(_)try{if(f=1,y&&(t=op[0]&2?y["return"]:op[0]?y["throw"]||((t=y["return"])&&t.call(y),0):y.next)&&!(t=t.call(y,op[1])).done)return t;if(y=0,t)op=[op[0]&2,t.value];switch(op[0]){case 0:case 1:t=op;break;case 4:_.label++;return{value:op[1],done:false};case 5:_.label++;y=op[1];op=[0];continue;case 7:op=_.ops.pop();_.trys.pop();continue;default:if(!(t=_.trys,t=t.length>0&&t[t.length-1])&&(op[0]===6||op[0]===2)){_=0;continue}if(op[0]===3&&(!t||op[1]>t[0]&&op[1]<t[3])){_.label=op[1];break}if(op[0]===6&&_.label<t[1]){_.label=t[1];t=op;break}if(t&&_.label<t[2]){_.label=t[2];_.ops.push(op);break}if(t[2])_.ops.pop();_.trys.pop();continue}op=body.call(thisArg,_)}catch(e){op=[6,e];y=0}finally{f=t=0}if(op[0]&5)throw op[1];return{value:op[0]?op[1]:void 0,done:true}}};import React,{useCallback,useEffect,useMemo,useRef,useState}from"react";import Button from"../button";import getPrefixCls from"../get-prefix-cls";import{downloadBlob,classNames,isObject}from"@moneko/common";import"./index.global.less";var displayMediaOptions={video:true,audio:{echoCancellation:true,noiseSuppression:true,sampleRate:44100}};var btnStatusDic={inactive:"primary",paused:"warning",recording:"success"};var CaptureScreen=function(_param){var _options=_param.options,options=_options===void 0?displayMediaOptions:_options,preview=_param.preview,controls=_param.controls,recorder=_param.recorder,className=_param.className,_captureScreenText=_param.captureScreenText,captureScreenText=_captureScreenText===void 0?"捕获屏幕":_captureScreenText,_stopCaptureText=_param.stopCaptureText,stopCaptureText=_stopCaptureText===void 0?"停止捕获":_stopCaptureText,_startRecorderText=_param.startRecorderText,startRecorderText=_startRecorderText===void 0?"开始录制":_startRecorderText,_stopRecorderText=_param.stopRecorderText,stopRecorderText=_stopRecorderText===void 0?"停止录制":_stopRecorderText,_pausedRecorderText=_param.pausedRecorderText,pausedRecorderText=_pausedRecorderText===void 0?"暂停录制":_pausedRecorderText,_recorderingText=_param.recorderingText,recorderingText=_recorderingText===void 0?"录制中":_recorderingText,_onRecorderError=_param.onRecorderError,onRecorderError=_onRecorderError===void 0?null:_onRecorderError,onStopRecorder=_param.onStopRecorder,onStartRecorder=_param.onStartRecorder,onStopCapture=_param.onStopCapture,onStartCapture=_param.onStartCapture,onRecorderDataAvailable=_param.onRecorderDataAvailable,onErrorCapture=_param.onErrorCapture,onSaveRecorder=_param.onSaveRecorder,props=_objectWithoutProperties(_param,["options","preview","controls","recorder","className","captureScreenText","stopCaptureText","startRecorderText","stopRecorderText","pausedRecorderText","recorderingText","onRecorderError","onStopRecorder","onStartRecorder","onStopCapture","onStartCapture","onRecorderDataAvailable","onErrorCapture","onSaveRecorder"]);var videoElem=useRef(null);var mediaRecorderRef=useRef(null);var mediaStreamRef=useRef(null);var chunks=useRef([]);var recorderRef=useRef(recorder);var ref=_slicedToArray(useState(null),2),mediaRecorder=ref[0],setMediaRecorder=ref[1];var ref1=_slicedToArray(useState(null),2),mediaStream=ref1[0],setMediaStream=ref1[1];var ref2=_slicedToArray(useState("inactive"),2),recordState=ref2[0],setRecordState=ref2[1];useEffect(function(){Object.assign(recorderRef,{current:recorder})},[recorder]);useEffect(function(){Object.assign(mediaStreamRef,{current:mediaStream})},[mediaStream]);useEffect(function(){Object.assign(mediaRecorderRef,{current:mediaRecorder})},[mediaRecorder]);var handleStartRecorder=useCallback(function(){if(mediaRecorderRef.current){onStartRecorder===null||onStartRecorder===void 0?void 0:onStartRecorder(mediaRecorderRef.current.state);switch(mediaRecorderRef.current.state){case"inactive":mediaRecorderRef.current.start();break;case"paused":mediaRecorderRef.current.resume();break;case"recording":default:mediaRecorderRef.current.pause();break}setRecordState(mediaRecorderRef.current.state)}},[onStartRecorder]);var handleRecorderDataAvailable=useCallback(function(e){var ref;(ref=chunks.current)===null||ref===void 0?void 0:ref.push(e.data);onRecorderDataAvailable===null||onRecorderDataAvailable===void 0?void 0:onRecorderDataAvailable(e)},[onRecorderDataAvailable]);var stopRecorder=useCallback(function(){if(mediaRecorderRef.current){if(mediaRecorderRef.current.state!=="inactive"){mediaRecorderRef.current.stop()}setRecordState(mediaRecorderRef.current.state)}onStopRecorder===null||onStopRecorder===void 0?void 0:onStopRecorder()},[onStopRecorder]);var handleSaveRecorder=useCallback(function(){var ref,ref1;if(!((ref=chunks.current)===null||ref===void 0?void 0:ref.length))return;var current=recorderRef.current;var blob=new Blob(chunks.current,{type:"video/webm"});var name=isObject(current)?current===null||current===void 0?void 0:current.filename:new Date().toISOString();var fileName=name+".webm";(ref1=chunks.current)===null||ref1===void 0?void 0:ref1.splice(0);if(onSaveRecorder){onSaveRecorder(blob,fileName)}else{downloadBlob(blob,fileName)}},[onSaveRecorder]);var stopCapture=useCallback(function(){stopRecorder();if(mediaStreamRef.current){var tracks=mediaStreamRef.current.getTracks();tracks===null||tracks===void 0?void 0:tracks.forEach(function(track){return track.stop()});setMediaStream(null)}onStopCapture===null||onStopCapture===void 0?void 0:onStopCapture()},[onStopCapture,stopRecorder]);var startCapture=useCallback(_asyncToGenerator(function(){var stream,err;return __generator(this,function(_state){switch(_state.label){case 0:stopCapture();_state.label=1;case 1:_state.trys.push([1,3,,4]);return[4,navigator.mediaDevices.getDisplayMedia(_objectSpread({},displayMediaOptions,options))];case 2:stream=_state.sent();if(stream){stream.addEventListener("inactive",stopCapture,false);setMediaStream(stream)}onStartCapture===null||onStartCapture===void 0?void 0:onStartCapture(stream);return[3,4];case 3:err=_state.sent();onErrorCapture===null||onErrorCapture===void 0?void 0:onErrorCapture(err);return[3,4];case 4:return[2]}})}),[onErrorCapture,onStartCapture,options,stopCapture]);useEffect(function(){if(preview&&(videoElem===null||videoElem===void 0?void 0:videoElem.current)&&mediaStream){videoElem.current.srcObject=mediaStream}},[mediaStream,preview]);useEffect(function(){if(mediaStream===null||mediaStream===void 0?void 0:mediaStream.active){var recorderInstance=new MediaRecorder(mediaStream);recorderInstance.onstop=handleSaveRecorder;recorderInstance.onerror=onRecorderError;recorderInstance.ondataavailable=handleRecorderDataAvailable;setMediaRecorder(recorderInstance)}else{setMediaRecorder(null)}},[handleRecorderDataAvailable,handleSaveRecorder,mediaStream,onRecorderError]);useEffect(function(){var getMediaRecorderRef=function(){return mediaRecorderRef.current};var getMediaStreamRef=function(){return mediaStreamRef.current};return function(){var _mediaRecorderRef=getMediaRecorderRef();if((_mediaRecorderRef===null||_mediaRecorderRef===void 0?void 0:_mediaRecorderRef.state)!=="inactive"){_mediaRecorderRef===null||_mediaRecorderRef===void 0?void 0:_mediaRecorderRef.stop()}var streamRef=getMediaStreamRef();if(streamRef){var tracks=streamRef.getTracks();tracks===null||tracks===void 0?void 0:tracks.forEach(function(track){return track.stop()})}}},[]);var recorderText=useMemo(function(){return({paused:pausedRecorderText,recording:recorderingText,inactive:startRecorderText})[recordState]},[pausedRecorderText,recordState,recorderingText,startRecorderText]);return React.createElement("div",_extends({className:classNames(getPrefixCls("capture-screen"),className)},props),React.createElement("div",{className:getPrefixCls("capture-screen-controller")},React.createElement(Button,{onClick:startCapture},captureScreenText),mediaStream&&React.createElement(React.Fragment,null,React.createElement(Button,{type:"error",onClick:stopCapture},stopCaptureText),recorder&&React.createElement("div",{className:getPrefixCls("capture-screen-controller-record")},React.createElement(Button,{type:btnStatusDic[recordState],onClick:handleStartRecorder},recorderText),recordState!=="inactive"&&React.createElement(Button,{type:"error",onClick:stopRecorder},stopRecorderText)))),preview&&mediaStream?React.createElement("div",{className:getPrefixCls("capture-screen-video")},React.createElement("span",{className:getPrefixCls("capture-screen-video-".concat(recordState))}),React.createElement("video",{ref:videoElem,autoPlay:true,controls:!!(mediaStream&&controls)})):null)};export default CaptureScreen;

package/es/color-palette/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import './index.global.less';
+export interface ColorPaletteProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    value?: string;
+    onChange?: (color: string) => void;
+}
+declare const ColorPalette: React.FC<ColorPaletteProps>;
+export default ColorPalette;

package/es/color-palette/index.global.less

@@ -0,0 +1,90 @@
+.@{prefix-cls}-color-palette {
+    box-sizing: border-box;
+    user-select: none;
+}
+
+.@{prefix-cls}-color-input {
+    width: 50px;
+    height: 30px;
+}
+
+.@{prefix-cls}-color-picker {
+    position: relative;
+    display: block;
+    width: 200px;
+    height: 120px;
+    border-radius: var(--border-radius-base);
+    background-color: var(--component-background);
+
+    canvas {
+        width: 100%;
+        height: 100%;
+        border-radius: 5px;
+    }
+
+    &:hover {
+        cursor: crosshair;
+    }
+
+    &::after {
+        content: '';
+        width: 2px;
+        height: 2px;
+        border-radius: 50%;
+        border: 1px solid;
+        display: block;
+        position: absolute;
+        top: var(--offset-y);
+        left: var(--offset-x);
+        pointer-events: none;
+        transform: translate3d(-50%, -50%, 1px);
+    }
+}
+
+@strip-mark-size: 4px;
+.@{prefix-cls}-color-strip {
+    margin-top: 4px;
+    width: 200px;
+    height: 20px;
+    display: flex;
+    flex-direction: column;
+    cursor: pointer;
+
+    canvas {
+        width: 100%;
+        height: 12px;
+        border-radius: 6px;
+    }
+
+    &::after,
+    &::before {
+        width: 0;
+        height: 0;
+        content: '';
+        opacity: 0;
+        display: block;
+        margin-left: -3px;
+        transform: translateX(var(--offset-x, 0));
+        border-left-width: @strip-mark-size;
+        border-right-width: @strip-mark-size;
+        border-color: #999 transparent;
+        border-style: solid;
+    }
+
+    &::after {
+        border-bottom-width: @strip-mark-size;
+        border-top-width: 0;
+    }
+
+    &::before {
+        border-top-width: @strip-mark-size;
+        border-bottom-width: 0;
+    }
+
+    &:hover {
+      &::after,
+      &::before {
+        opacity: 1;
+      }
+    }
+}

package/es/color-palette/index.js

@@ -0,0 +1 @@
+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 _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 _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}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)}import{classNames}from"@moneko/common";import React,{useCallback,useEffect,useRef,useState}from"react";import{AlphaPicker}from"..";import getPrefixCls from"../get-prefix-cls";import"./index.global.less";var ColorPalette=function(param){var className=param.className,_value=param.value,value=_value===void 0?"rgba(255,0,0,1)":_value,onChange=param.onChange;var colorPicker=useRef(null);var colorStrip=useRef(null);var ref=_slicedToArray(useState({r:255,g:0,b:0}),2),rgb=ref[0],setRgb=ref[1];var ref1=_slicedToArray(useState(false),2),drag=ref1[0],setDrag=ref1[1];var ref2=_slicedToArray(useState(false),2),dragColorStrip=ref2[0],setDragColorStrip=ref2[1];var ref3=_slicedToArray(useState(1),2),alpha=ref3[0],setAlpha=ref3[1];var fillGradient=useCallback(function(color){if(!colorPicker.current)return;var ctx1=colorPicker.current.getContext("2d");var width=colorPicker.current.width;var height=colorPicker.current.height;if(!ctx1)return;ctx1.fillStyle=color;ctx1.fillRect(0,0,width,height);if(!colorStrip.current)return;var ctx2=colorStrip.current.getContext("2d");if(!ctx2)return;var grdWhite=ctx2.createLinearGradient(0,0,colorStrip.current.width,0);grdWhite.addColorStop(0,"rgba(255,255,255,1)");grdWhite.addColorStop(1,"rgba(255,255,255,0)");ctx1.fillStyle=grdWhite;ctx1.fillRect(0,0,width,height);var grdBlack=ctx2.createLinearGradient(0,0,0,height);grdBlack.addColorStop(0,"rgba(0,0,0,0)");grdBlack.addColorStop(1,"rgba(0,0,0,1)");ctx1.fillStyle=grdBlack;ctx1.fillRect(0,0,width,height)},[]);var initColorPicker=useCallback(function(color){if(colorPicker.current){var ctx1=colorPicker.current.getContext("2d");if(ctx1){ctx1.rect(0,0,colorPicker.current.width||0,colorPicker.current.height||0);fillGradient(color)}}},[fillGradient]);var initColorStrip=useCallback(function(){if(colorStrip.current){var ctx2=colorStrip.current.getContext("2d");if(ctx2){ctx2.rect(0,0,colorStrip.current.width,colorStrip.current.height);var grd1=ctx2.createLinearGradient(0,0,colorStrip.current.width,0);grd1.addColorStop(0,"rgba(255, 0, 0, 1)");grd1.addColorStop(.17,"rgba(255, 255, 0, 1)");grd1.addColorStop(.34,"rgba(0, 255, 0, 1)");grd1.addColorStop(.51,"rgba(0, 255, 255, 1)");grd1.addColorStop(.68,"rgba(0, 0, 255, 1)");grd1.addColorStop(.85,"rgba(255, 0, 255, 1)");grd1.addColorStop(1,"rgba(255, 0, 0, 1)");ctx2.fillStyle=grd1;ctx2.fill()}}},[]);var changeColorStrip=useCallback(function(param){var offsetX=param.offsetX;if(colorStrip.current){var ref;var ctx2=(ref=colorStrip.current)===null||ref===void 0?void 0:ref.getContext("2d");var x=offsetX>=colorStrip.current.width?offsetX-1:offsetX;if(ctx2){var ref1,ref2,ref3,ref4,ref5;var _data=_slicedToArray(ctx2.getImageData(x,0,1,1).data,3),r=_data[0],g=_data[1],b=_data[2];setRgb({r:r,g:g,b:b});fillGradient("rgba(".concat(r,",").concat(g,",").concat(b,",1)"));(ref1=colorStrip.current)===null||ref1===void 0?void 0:(ref2=ref1.parentElement)===null||ref2===void 0?void 0:ref2.style.setProperty("--offset-x","".concat(x,"px"));(ref3=colorStrip.current)===null||ref3===void 0?void 0:(ref4=ref3.parentElement)===null||ref4===void 0?void 0:(ref5=ref4.parentElement)===null||ref5===void 0?void 0:ref5.style.setProperty("--offset-color","rgba(".concat(r,",").concat(g,",").concat(b,",1)"))}}},[fillGradient]);var colorStripMouseDown=useCallback(function(param){var _nativeEvent=param.nativeEvent,offsetX=_nativeEvent.offsetX,offsetY=_nativeEvent.offsetY;setDragColorStrip(true);changeColorStrip({offsetX:offsetX,offsetY:offsetY})},[changeColorStrip]);var colorStripMouseMove=useCallback(function(param){var _nativeEvent=param.nativeEvent,offsetX=_nativeEvent.offsetX,offsetY=_nativeEvent.offsetY;if(dragColorStrip){changeColorStrip({offsetX:offsetX,offsetY:offsetY})}},[changeColorStrip,dragColorStrip]);var colorStripMouseUp=useCallback(function(){setDragColorStrip(false)},[]);var changeColor=useCallback(function(param){var _nativeEvent=param.nativeEvent,offsetX=_nativeEvent.offsetX,offsetY=_nativeEvent.offsetY;var ref;var ctx1=(ref=colorPicker.current)===null||ref===void 0?void 0:ref.getContext("2d");if(ctx1){var ref1,ref2,ref3,ref4;var _data=_slicedToArray(ctx1.getImageData(offsetX,offsetY,1,1).data,3),r=_data[0],g=_data[1],b=_data[2];(ref1=colorPicker.current)===null||ref1===void 0?void 0:(ref2=ref1.parentElement)===null||ref2===void 0?void 0:ref2.style.setProperty("--offset-x","".concat(offsetX,"px"));(ref3=colorPicker.current)===null||ref3===void 0?void 0:(ref4=ref3.parentElement)===null||ref4===void 0?void 0:ref4.style.setProperty("--offset-y","".concat(offsetY,"px"));setRgb({r:r,g:g,b:b})}},[]);var colorPickerMouseDown=useCallback(function(e){setDrag(true);changeColor(e)},[changeColor]);var colorPickerMouseMove=useCallback(function(e){if(drag){changeColor(e)}},[changeColor,drag]);var colorPickerMouseUp=useCallback(function(){setDrag(false)},[]);useEffect(function(){initColorStrip()},[initColorStrip]);useEffect(function(){initColorPicker(value)},[]);useEffect(function(){onChange===null||onChange===void 0?void 0:onChange("rgba(".concat(rgb.r,",").concat(rgb.g,",").concat(rgb.b,",").concat(alpha,")"))},[rgb,alpha,onChange]);return React.createElement("div",{className:classNames(getPrefixCls("color-palette"),className)},React.createElement("article",{className:getPrefixCls("color-picker"),onMouseDown:colorPickerMouseDown,onMouseUp:colorPickerMouseUp,onMouseOut:colorPickerMouseUp,onMouseMove:colorPickerMouseMove},React.createElement("canvas",{ref:colorPicker,width:200})),React.createElement("article",{className:getPrefixCls("color-strip"),onMouseDown:colorStripMouseDown,onMouseUp:colorStripMouseUp,onMouseOut:colorStripMouseUp,onMouseMove:colorStripMouseMove},React.createElement("canvas",{ref:colorStrip,width:200})),React.createElement(AlphaPicker,{value:alpha,onChange:setAlpha}))};export default ColorPalette;

package/es/cron-editor/index.js

@@ -1 +1 @@
-import{classNames}from"@moneko/common";import React from"react";import getPrefixCls from"../get-prefix-cls";var CornEditor=function(param){var className=param.className;return React.createElement("div",{className:classNames([getPrefixCls(""),className])},"CornEditor")};export default CornEditor;
+import{classNames}from"@moneko/common";import React from"react";import getPrefixCls from"../get-prefix-cls";var CornEditor=function(param){var className=param.className;return React.createElement("div",{className:classNames(getPrefixCls(""),className)},"CornEditor")};export default CornEditor;

package/es/get-prefix-cls/index.js

@@ -1 +1 @@
-import css from"./index.less";import{getPrefixCls as prefixCls}from"@moneko/common";var getPrefixCls=function(className){var prefix=arguments.length>1&&arguments[1]!==void 0?arguments[1]:(css===null||css===void 0?void 0:css.prefixCls)||"neko";return prefixCls(className,prefix)};export default getPrefixCls;
+import css from"./index.less";import{getPrefixCls as prefixCls}from"@moneko/common";var _prefix=(css===null||css===void 0?void 0:css.prefixCls)||"neko";var getPrefixCls=function(className){var prefix=arguments.length>1&&arguments[1]!==void 0?arguments[1]:_prefix;return prefixCls(className,prefix)};export default getPrefixCls;

package/es/highlight-text/index.js

@@ -1 +1 @@
-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 _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 _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}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)}import React,{useEffect,useMemo,useState}from"react";import getPrefixCls from"../get-prefix-cls";import{classNames}from"@moneko/common";import"./index.global.less";export var RegExp_HighLight=/%c:(.+?):c%/i;export function strToHighlight(text){var str=text,strArr=RegExp_HighLight.exec(str);if(strArr){var textArr=[];for(;strArr!==null;strArr=RegExp_HighLight.exec(str)){var normalText=str.substring(0,strArr.index);if(normalText.trim().length){textArr.push({text:normalText})}textArr.push({hit:true,text:strArr[1]});str=str.substring(strArr[0].length+strArr.index);normalText=null}if(str.trim().length){textArr.push({text:str})}return textArr}return null}var HighlightText=function(param){var className=param.className,style=param.style,hitStyle=param.hitStyle,hitClassName=param.hitClassName,text=param.text,highlight=param.highlight,extra=param.extra,_flag=param.flag,flag=_flag===void 0?"g":_flag;var ref=_slicedToArray(useState(),2),texts=ref[0],setTexts=ref[1];var hitCls=useMemo(function(){return classNames([getPrefixCls("hit"),hitClassName])},[hitClassName]);useEffect(function(){if(typeof text==="string"&&highlight){var str=text;if(Array.isArray(highlight)){for(var i=0,len=highlight.length;i<len;i++){var item=highlight[i];var isOne=typeof item==="string";var hitStr=isOne?item:item.highlight;var iFlag=isOne?flag:item.flag;if(hitStr.length){str=str.replace(new RegExp(hitStr,iFlag),"%c:".concat(hitStr,":c%"))}}}else if(highlight.length){str=str.replace(new RegExp(highlight,flag),"%c:".concat(highlight,":c%"))}setTexts(strToHighlight(str))}else{setTexts(null)}},[flag,highlight,text]);var hitNode=useMemo(function(){var ref;return(ref=texts===null||texts===void 0?void 0:texts.map(function(item,i){return item.hit?React.createElement("span",{key:item.text+i,className:hitCls,"data-text":item.text,style:hitStyle},item.text):item.text}))!==null&&ref!==void 0?ref:text},[hitCls,hitStyle,text,texts]);return React.createElement("div",{className:classNames([getPrefixCls("highlight-text"),className]),style:style},hitNode,extra&&React.createElement("span",{className:hitCls,style:hitStyle},extra))};export default HighlightText;
+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 _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 _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}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)}import React,{useEffect,useMemo,useState}from"react";import getPrefixCls from"../get-prefix-cls";import{classNames}from"@moneko/common";import"./index.global.less";export var RegExp_HighLight=/%c:(.+?):c%/i;export function strToHighlight(text){var str=text,strArr=RegExp_HighLight.exec(str);if(strArr){var textArr=[];for(;strArr!==null;strArr=RegExp_HighLight.exec(str)){var normalText=str.substring(0,strArr.index);if(normalText.trim().length){textArr.push({text:normalText})}textArr.push({hit:true,text:strArr[1]});str=str.substring(strArr[0].length+strArr.index);normalText=null}if(str.trim().length){textArr.push({text:str})}return textArr}return null}var HighlightText=function(param){var className=param.className,style=param.style,hitStyle=param.hitStyle,hitClassName=param.hitClassName,text=param.text,highlight=param.highlight,extra=param.extra,_flag=param.flag,flag=_flag===void 0?"g":_flag;var ref=_slicedToArray(useState(),2),texts=ref[0],setTexts=ref[1];var hitCls=useMemo(function(){return classNames(getPrefixCls("hit"),hitClassName)},[hitClassName]);useEffect(function(){if(typeof text==="string"&&highlight){var str=text;if(Array.isArray(highlight)){for(var i=0,len=highlight.length;i<len;i++){var item=highlight[i];var isOne=typeof item==="string";var hitStr=isOne?item:item.highlight;var iFlag=isOne?flag:item.flag;if(hitStr.length){str=str.replace(new RegExp(hitStr,iFlag),"%c:".concat(hitStr,":c%"))}}}else if(highlight.length){str=str.replace(new RegExp(highlight,flag),"%c:".concat(highlight,":c%"))}setTexts(strToHighlight(str))}else{setTexts(null)}},[flag,highlight,text]);var hitNode=useMemo(function(){var ref;return(ref=texts===null||texts===void 0?void 0:texts.map(function(item,i){return item.hit?React.createElement("span",{key:item.text+i,className:hitCls,"data-text":item.text,style:hitStyle},item.text):item.text}))!==null&&ref!==void 0?ref:text},[hitCls,hitStyle,text,texts]);return React.createElement("div",{className:classNames(getPrefixCls("highlight-text"),className),style:style},hitNode,extra&&React.createElement("span",{className:hitCls,style:hitStyle},extra))};export default HighlightText;

package/es/index.d.ts

@@ -20,5 +20,11 @@ export { default as Button } from './button';
 export type { ButtonProps, ButtonType } from './button';
 export { default as Input } from './input';
 export type { InputProps } from './input';
+export { default as Tooltip } from './tooltip';
+export type { TooltipProps, TooltipTriggerOption } from './tooltip';
+export { default as ColorPalette } from './color-palette';
+export type { ColorPaletteProps } from './color-palette';
+export { default as AlphaPicker } from './alpha-picker';
+export type { AlphaPickerProps } from './alpha-picker';
 export { default as getPrefixCls } from './get-prefix-cls';
 import './get-prefix-cls/index.less';

package/es/index.js

@@ -1 +1 @@
-export{default as Markdown}from"./markdown";export{default as BackTop}from"./back-top";export{default as HighlightText}from"./highlight-text";export{default as useTheme}from"./use-theme";export{default as Avatar}from"./avatar";export{default as Marquee}from"./marquee";export{default as CaptureScreen}from"./capture-screen";export{default as WaveCircle}from"./wave-circle";export{default as CronEditor}from"./cron-editor";export{default as Button}from"./button";export{default as Input}from"./input";export{default as getPrefixCls}from"./get-prefix-cls";import"./get-prefix-cls/index.less";
+export{default as Markdown}from"./markdown";export{default as BackTop}from"./back-top";export{default as HighlightText}from"./highlight-text";export{default as useTheme}from"./use-theme";export{default as Avatar}from"./avatar";export{default as Marquee}from"./marquee";export{default as CaptureScreen}from"./capture-screen";export{default as WaveCircle}from"./wave-circle";export{default as CronEditor}from"./cron-editor";export{default as Button}from"./button";export{default as Input}from"./input";export{default as Tooltip}from"./tooltip";export{default as ColorPalette}from"./color-palette";export{default as AlphaPicker}from"./alpha-picker";export{default as getPrefixCls}from"./get-prefix-cls";import"./get-prefix-cls/index.less";

package/es/input/index.js

@@ -1 +1 @@
-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 _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 from"react";import getPrefixCls from"../get-prefix-cls";import{classNames}from"@moneko/common";import"./index.global.less";var Input=function(_param){var className=_param.className,_type=_param.type,type=_type===void 0?"text":_type,suffix=_param.suffix,prefix=_param.prefix,value=_param.value,prpos=_objectWithoutProperties(_param,["className","type","suffix","prefix","value"]);return React.createElement("span",{className:classNames([getPrefixCls("input-wrapper"),getPrefixCls("input-".concat(type)),className])},prefix&&React.createElement("span",{className:getPrefixCls("input-prefix")},prefix),React.createElement("input",_extends({value:value,className:getPrefixCls("input"),type:type},prpos)),suffix&&React.createElement("span",{className:getPrefixCls("input-suffix")},suffix))};export default Input;
+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 _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 from"react";import getPrefixCls from"../get-prefix-cls";import{classNames}from"@moneko/common";import"./index.global.less";var Input=function(_param){var className=_param.className,_type=_param.type,type=_type===void 0?"text":_type,suffix=_param.suffix,prefix=_param.prefix,value=_param.value,prpos=_objectWithoutProperties(_param,["className","type","suffix","prefix","value"]);return React.createElement("span",{className:classNames(getPrefixCls("input-wrapper"),getPrefixCls("input-".concat(type)),className)},prefix&&React.createElement("span",{className:getPrefixCls("input-prefix")},prefix),React.createElement("input",_extends({value:value,className:getPrefixCls("input"),type:type},prpos)),suffix&&React.createElement("span",{className:getPrefixCls("input-suffix")},suffix))};export default Input;

package/es/markdown/index.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import 'react-photo-view/dist/react-photo-view.css';
 import './index.global.less';
 export declare type CodeBlockToolType = Array<'copy'>;
-export interface MarkdownProps {
+export interface MarkdownProps extends React.HTMLAttributes<HTMLDivElement> {
     className?: string;
     style?: React.CSSProperties;
     /** md内容 */

package/es/markdown/index.global.less

@@ -1,7 +1,6 @@
 @charset "utf-8";
 
 [data-theme='dark'] {
-  --table-header-bg: #1d1d1d;
   --table-row-hover-bg: #262626;
   --blockquote-bg: rgba(40, 40, 40, 0.5);
   --blockquote-icon-color: #6a483b;
@@ -228,12 +227,20 @@
 }
 
 .@{prefix-cls}-markdown-box {
-  max-width: 1000px;
-  margin: 0 auto 70px;
+  border-radius: var(--border-radius-base, 0);
+  background-color: var(--component-background, #fff);
+  padding: 24px;
+  max-width: 1048px;
+  margin: 0 auto;
   overflow-wrap: break-word;
 
+  transition-duration: @transition-duration;
+  transition-timing-function: @transition-timing-function;
+  transition-property: background-color;
+
   .@{prefix-cls}-markdown-box {
     margin: 0;
+    padding: 0;
   }
 
   & [data-prefix]::before {
@@ -476,7 +483,7 @@
       th[role="gridcell"] {
         padding: 10px;
         color: var(--heading-color);
-        background-color: var(--table-header-bg, rgba(0, 0, 0, 0.02));
+        background-color: var(--border-color-base);
         transition-property: background-color, color;
       }
 
@@ -1151,7 +1158,7 @@ span {
   }
 }
 
-pre {
+pre:not(.sp-cm) {
   position: relative;
   display: block;
   max-width: 100%;
@@ -1164,6 +1171,10 @@ pre {
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   transition-property: color, background-color, box-shadow;
 
+  &:last-child {
+    margin-bottom: 0;
+  }
+
   & .toolbar {
     &::after {
       position: absolute;
@@ -1198,9 +1209,9 @@ pre {
       width: 4px;
       height: 4px;
       text-align: center;
-      background-color: #444;
       border-radius: 4px;
-      box-shadow: 0 0 0 4px #999, 20px 0 0 4px #999, 40px 0 0 4px #999;
+      background-color: #fc625d;
+      box-shadow: 0 0 0 4px #fc625d, 20px 0 0 4px #fdbc40, 40px 0 0 4px #35cd4b;
       cursor: pointer;
       content: '';
     }
@@ -1300,11 +1311,6 @@ pre {
 
   &:hover {
     box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2);
-
-    .toolbar::before {
-      background-color: #fc625d;
-      box-shadow: 0 0 0 4px #fc625d, 20px 0 0 4px #fdbc40, 40px 0 0 4px #35cd4b;
-    }
   }
 }
 
@@ -1323,8 +1329,6 @@ pre,
 }
 @media (max-width: 1450px) {
   .@{prefix-cls}-markdown-box {
-    margin: 0 auto;
-
     > .markdown-toc {
       transform: translateX(calc(100% - 10px)) translateZ(0);
 
@@ -1334,26 +1338,6 @@ pre,
     }
   }
 }
-@media (max-width: 1110px) {
-  .@{prefix-cls}-markdown-box {
-    margin: 0 55px;
-  }
-}
-@media (max-width: 880px) {
-  .@{prefix-cls}-markdown-box {
-    margin: 0 55px;
-  }
-}
-@media (max-width: 700px) {
-  .@{prefix-cls}-markdown-box {
-    margin: 0 55px;
-  }
-}
-@media (max-width: 580px) {
-  .@{prefix-cls}-markdown-box {
-    margin: 0 20px;
-  }
-}
 
 // pre-viewer
 

package/es/markdown/index.js

@@ -1 +1 @@
-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 _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 _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}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)}import React,{Fragment,useCallback,useEffect,useMemo,useRef,useState}from"react";import getPrefixCls from"../get-prefix-cls";import{getScrollTop,setClipboard,classNames,isEqual,isSvgElement}from"@moneko/common";import{getMarkedImgList,markdownUtil}from"./markdown-util";import{PhotoSlider}from"react-photo-view";import"react-photo-view/dist/react-photo-view.css";import"./index.global.less";var toggleAnchor=function(anchor){var ref,ref1,ref2;(ref1=(ref=anchor.offsetParent)===null||ref===void 0?void 0:ref.querySelectorAll("li"))===null||ref1===void 0?void 0:ref1.forEach(function(a){a.classList.remove("active")});(ref2=anchor.parentElement)===null||ref2===void 0?void 0:ref2.classList.add("active")};var Markdown=function(param){var className=param.className,style=param.style,text=param.text,_pictureViewer=param.pictureViewer,pictureViewer=_pictureViewer===void 0?true:_pictureViewer,_langLineNumber=param.langLineNumber,langLineNumber=_langLineNumber===void 0?true:_langLineNumber,_tools=param.tools,tools=_tools===void 0?["copy"]:_tools,_getAnchorContainer=param.getAnchorContainer,getAnchorContainer=_getAnchorContainer===void 0?function(){return window}:_getAnchorContainer,tex=param.tex;var ref=useRef(null);var ref1=_slicedToArray(useState(false),2),visible=ref1[0],setVisible=ref1[1];var ref2=_slicedToArray(useState(0),2),photoIndex=ref2[0],setPhotoIndex=ref2[1];var ref3=_slicedToArray(useState(""),2),htmlString=ref3[0],setHtmlString=ref3[1];var ref4=_slicedToArray(useState([]),2),imgList=ref4[0],setImgList=ref4[1];var htmlStrRef=useRef(htmlString);var anchors=useRef([]);useMemo(function(){var str=htmlStrRef.current;if(text){str=markdownUtil(text,{langLineNumber:langLineNumber,langToolbar:tools})}else{str=""}if(str!==htmlStrRef.current){Object.assign(htmlStrRef,{current:str});setHtmlString(str)}},[text,langLineNumber,tools]);useEffect(function(){var timer=setTimeout(function(){window.Prism.highlightAll();if(typeof timer==="number")clearTimeout(timer)},0);if(pictureViewer){setImgList(getMarkedImgList(htmlString))}return function(){if(typeof timer==="number"){clearTimeout(timer)}}},[htmlString,pictureViewer]);var handleAnchor=function(e){var ref1,ref2,ref3;e.preventDefault();e.stopPropagation();toggleAnchor(e.target);(ref3=(ref1=ref.current)===null||ref1===void 0?void 0:ref1.querySelector(decodeURIComponent((ref2=e.target)===null||ref2===void 0?void 0:ref2.hash)))===null||ref3===void 0?void 0:ref3.scrollIntoView({behavior:"smooth",block:"center"})};useEffect(function(){var ref1,ref2;var _anchors=[];(ref2=(ref1=ref.current)===null||ref1===void 0?void 0:ref1.querySelectorAll(".markdown-toc li a"))===null||ref2===void 0?void 0:ref2.forEach(function(e){var ref1;var a=e;var _el=(ref1=ref.current)===null||ref1===void 0?void 0:ref1.querySelector(decodeURIComponent(a===null||a===void 0?void 0:a.hash));_anchors.push({anchor:a,top:_el.offsetTop});e.onclick=handleAnchor});Object.assign(anchors,{current:_anchors})},[htmlString]);var handleClick=useCallback(function(event){var target=event.target;if(isSvgElement(target))return;if(target.tagName==="IMG"&&pictureViewer){var ref1;var arr=((ref1=ref.current)===null||ref1===void 0?void 0:ref1.getElementsByTagName("img"))||[];for(var i=0,len=arr.length;i<len;i++){if(arr[i]===target){setPhotoIndex(i);setVisible(true)}}}else if(target.className.includes("toolbar-copy")){var offsetParent=target.offsetParent;if(!(offsetParent===null||offsetParent===void 0?void 0:offsetParent.hasAttribute("data-copy"))){setClipboard(offsetParent===null||offsetParent===void 0?void 0:offsetParent.innerText,offsetParent)}}},[pictureViewer]);var handleWheel=useCallback(function(event){var offsetParent=event.target.offsetParent;if(!offsetParent||offsetParent.tagName!=="PRE"){return}var rows=offsetParent===null||offsetParent===void 0?void 0:offsetParent.getElementsByClassName("line-numbers-rows");if(rows===null||rows===void 0?void 0:rows.length){var codeTag=offsetParent.getElementsByTagName("code")[0];if(codeTag.scrollHeight-codeTag.offsetHeight&&rows[0].scrollTop!==codeTag.scrollTop){rows[0].scrollTop=codeTag.scrollTop}}},[]);var handleScroll=useCallback(function(e){if(!anchors.current.length)return;var el=e.target;var top=getScrollTop(el);var anchor=null;anchors.current.forEach(function(a){if(top-a.top>-el.offsetHeight/2)anchor=a.anchor});if(anchor){toggleAnchor(anchor)}},[]);useEffect(function(){var ref;(ref=getAnchorContainer())===null||ref===void 0?void 0:ref.addEventListener("scroll",handleScroll);return function(){var ref;(ref=getAnchorContainer())===null||ref===void 0?void 0:ref.removeEventListener("scroll",handleScroll)}},[getAnchorContainer,handleScroll]);var cls=useMemo(function(){return classNames([getPrefixCls("markdown-box"),className])},[className]);useEffect(function(){if(tex){var ref1,ref2;require("katex/dist/katex.css");var katex=require("katex");(ref1=ref.current)===null||ref1===void 0?void 0:ref1.querySelectorAll(".m-katex-block").forEach(function(ele){if(ele.textContent){katex.render(ele.textContent,ele,{throwOnError:false,displayMode:true,strict:false})}});(ref2=ref.current)===null||ref2===void 0?void 0:ref2.querySelectorAll(".m-katex-inline").forEach(function(ele){if(ele.textContent){katex.render(ele.textContent,ele,{throwOnError:false,displayMode:false,strict:false})}})}},[tex,htmlString]);return React.createElement(Fragment,null,React.createElement("div",{ref:ref,className:cls,style:style,dangerouslySetInnerHTML:{__html:htmlString},onClick:handleClick,onWheel:handleWheel}),imgList.length?React.createElement(PhotoSlider,{images:imgList,visible:visible,onClose:function(){return setVisible(false)},index:photoIndex,onIndexChange:setPhotoIndex}):null)};export default React.memo(Markdown,isEqual);
+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 _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 _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 _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 _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)}import React,{Fragment,useCallback,useEffect,useMemo,useRef,useState}from"react";import getPrefixCls from"../get-prefix-cls";import{getScrollTop,setClipboard,classNames,isEqual,isSvgElement}from"@moneko/common";import{getMarkedImgList,markdownUtil}from"./markdown-util";import{PhotoSlider}from"react-photo-view";import"react-photo-view/dist/react-photo-view.css";import"./index.global.less";var toggleAnchor=function(anchor){var ref,ref1,ref2;(ref1=(ref=anchor.offsetParent)===null||ref===void 0?void 0:ref.querySelectorAll("li"))===null||ref1===void 0?void 0:ref1.forEach(function(a){a.classList.remove("active")});(ref2=anchor.parentElement)===null||ref2===void 0?void 0:ref2.classList.add("active")};var Markdown=function(_param){var className=_param.className,style=_param.style,text=_param.text,_pictureViewer=_param.pictureViewer,pictureViewer=_pictureViewer===void 0?true:_pictureViewer,_langLineNumber=_param.langLineNumber,langLineNumber=_langLineNumber===void 0?true:_langLineNumber,_tools=_param.tools,tools=_tools===void 0?["copy"]:_tools,_getAnchorContainer=_param.getAnchorContainer,getAnchorContainer=_getAnchorContainer===void 0?function(){return window}:_getAnchorContainer,tex=_param.tex,props=_objectWithoutProperties(_param,["className","style","text","pictureViewer","langLineNumber","tools","getAnchorContainer","tex"]);var ref=useRef(null);var ref1=_slicedToArray(useState(false),2),visible=ref1[0],setVisible=ref1[1];var ref2=_slicedToArray(useState(0),2),photoIndex=ref2[0],setPhotoIndex=ref2[1];var ref3=_slicedToArray(useState(""),2),htmlString=ref3[0],setHtmlString=ref3[1];var ref4=_slicedToArray(useState([]),2),imgList=ref4[0],setImgList=ref4[1];var htmlStrRef=useRef(htmlString);var anchors=useRef([]);useMemo(function(){var str=htmlStrRef.current;if(text){str=markdownUtil(text,{langLineNumber:langLineNumber,langToolbar:tools})}else{str=""}if(str!==htmlStrRef.current){Object.assign(htmlStrRef,{current:str});setHtmlString(str)}},[text,langLineNumber,tools]);useEffect(function(){var timer=setTimeout(function(){window.Prism.highlightAll();if(typeof timer==="number")clearTimeout(timer)},0);if(pictureViewer){setImgList(getMarkedImgList(htmlString))}return function(){if(typeof timer==="number"){clearTimeout(timer)}}},[htmlString,pictureViewer]);var handleAnchor=function(e){var ref1,ref2,ref3;e.preventDefault();e.stopPropagation();toggleAnchor(e.target);(ref3=(ref1=ref.current)===null||ref1===void 0?void 0:ref1.querySelector(decodeURIComponent((ref2=e.target)===null||ref2===void 0?void 0:ref2.hash)))===null||ref3===void 0?void 0:ref3.scrollIntoView({behavior:"smooth",block:"center"})};useEffect(function(){var ref1,ref2;var _anchors=[];(ref2=(ref1=ref.current)===null||ref1===void 0?void 0:ref1.querySelectorAll(".markdown-toc li a"))===null||ref2===void 0?void 0:ref2.forEach(function(e){var ref1;var a=e;var _el=(ref1=ref.current)===null||ref1===void 0?void 0:ref1.querySelector(decodeURIComponent(a===null||a===void 0?void 0:a.hash));_anchors.push({anchor:a,top:_el.offsetTop});e.onclick=handleAnchor});Object.assign(anchors,{current:_anchors})},[htmlString]);var handleClick=useCallback(function(event){var target=event.target;if(isSvgElement(target))return;if(target.tagName==="IMG"&&pictureViewer){var ref1;var arr=(ref1=ref.current)===null||ref1===void 0?void 0:ref1.getElementsByTagName("img");for(var i=0,len=arr.length;i<len;i++){if(arr[i]===target){setPhotoIndex(i);setVisible(true)}}}else if(target.className.includes("toolbar-copy")){var offsetParent=target.offsetParent;if(!(offsetParent===null||offsetParent===void 0?void 0:offsetParent.hasAttribute("data-copy"))){setClipboard(offsetParent===null||offsetParent===void 0?void 0:offsetParent.innerText,offsetParent)}}},[pictureViewer]);var handleWheel=useCallback(function(event){var offsetParent=event.target.offsetParent;if(!offsetParent||offsetParent.tagName!=="PRE"){return}var rows=offsetParent===null||offsetParent===void 0?void 0:offsetParent.getElementsByClassName("line-numbers-rows");if(rows===null||rows===void 0?void 0:rows.length){var codeTag=offsetParent.getElementsByTagName("code")[0];if(codeTag.scrollHeight-codeTag.offsetHeight&&rows[0].scrollTop!==codeTag.scrollTop){rows[0].scrollTop=codeTag.scrollTop}}},[]);var handleScroll=useCallback(function(e){if(!anchors.current.length)return;var el=e.target;var top=getScrollTop(el);var anchor=null;anchors.current.forEach(function(a){if(top-a.top>-el.offsetHeight/2)anchor=a.anchor});if(anchor){toggleAnchor(anchor)}},[]);useEffect(function(){var ref;(ref=getAnchorContainer())===null||ref===void 0?void 0:ref.addEventListener("scroll",handleScroll);return function(){var ref;(ref=getAnchorContainer())===null||ref===void 0?void 0:ref.removeEventListener("scroll",handleScroll)}},[getAnchorContainer,handleScroll]);var cls=useMemo(function(){return classNames(getPrefixCls("markdown-box"),className)},[className]);useEffect(function(){if(tex){var ref1,ref2;require("katex/dist/katex.css");var katex=require("katex");(ref1=ref.current)===null||ref1===void 0?void 0:ref1.querySelectorAll(".m-katex-block").forEach(function(ele){if(ele.textContent){katex.render(ele.textContent,ele,{throwOnError:false,displayMode:true,strict:false,output:"html"})}});(ref2=ref.current)===null||ref2===void 0?void 0:ref2.querySelectorAll(".m-katex-inline").forEach(function(ele){if(ele.textContent){katex.render(ele.textContent,ele,{throwOnError:false,displayMode:false,strict:false,output:"html"})}})}},[tex,htmlString]);return React.createElement(Fragment,null,React.createElement("div",_extends({},props,{ref:ref,className:cls,style:style,dangerouslySetInnerHTML:{__html:htmlString},onClick:handleClick,onWheel:handleWheel})),imgList.length?React.createElement(PhotoSlider,{images:imgList,visible:visible,onClose:function(){return setVisible(false)},index:photoIndex,onIndexChange:setPhotoIndex}):null)};export default React.memo(Markdown,isEqual);

package/es/markdown/markdown-util.js

@@ -1 +1 @@
-import marked from"marked-completed";import{entityToString}from"@moneko/common";import*as Prism from"./prism.js";marked.setOptions({highlight:function highlight(code,lang){var LANGUAGE_REGEX=/^diff-([\w-]+)/i;if(Prism.languages[lang]){return Prism.highlight(code,Prism.languages[lang],lang)}else if(LANGUAGE_REGEX.test(lang)){Prism.languages[lang]=Prism.languages.diff;return Prism.highlight(code,Prism.languages[lang],lang)}return Prism.highlight(code,Prism.languages.markup,"markup")},headerPrefix:"# ",langLineNumber:true,langToolbar:["copy"],breaks:true,pedantic:false,smartLists:true,smartypants:true,xhtml:true});export var markdownUtil=function(text,option){return marked(text,option)};export var getMarkedImgList=function(text){if(!text)return[];var imageList=text.match(/role=('|")dialog('|") src=('|")(.*?) alt=('|")(.*?)('|")/g);var imageArr=[];if(imageList){for(var i=0,len=imageList.length;i<len;i++){var params=new URLSearchParams(entityToString(imageList[i].replace(/('|")/g,"").replace(/ src=/,"&src=").replace(/ alt=/,"&alt=")));imageArr.push({intro:params.get("alt")||""+i,src:params.get("src")||"",key:i})}}return imageArr};
+import marked from"marked-completed";import{entityToString}from"@moneko/common";import*as Prism from"./prism.js";marked.setOptions({highlight:function highlight(code,lang){var LANGUAGE_REGEX=/^diff-([\w-]+)/i;if(Prism.languages[lang]){return Prism.highlight(code,Prism.languages[lang],lang)}else if(LANGUAGE_REGEX.test(lang)){Prism.languages[lang]=Prism.languages.diff;return Prism.highlight(code,Prism.languages[lang],lang)}return Prism.highlight(code,Prism.languages.markup,"markup")},headerPrefix:"# ",langLineNumber:true,langToolbar:["copy"],breaks:true,pedantic:false,smartLists:true,smartypants:true,xhtml:true});export var markdownUtil=function(text,option){return marked(text,option)};export var getMarkedImgList=function(text){if(!text)return[];var imageList=text.match(/role=('|")dialog('|") src=('|")(.*?) alt=('|")(.*?)('|")/g);var imageArr=[];if(imageList){for(var i=0,len=imageList.length;i<len;i++){var params=new URLSearchParams(entityToString(imageList[i].replace(/('|")/g,"").replace(/ src=/,"&src=").replace(/ alt=/,"&alt=")));imageArr.push({intro:params.get("alt")||i,src:params.get("src"),key:i})}}return imageArr};

package/es/tooltip/index.d.ts

@@ -1,7 +1,21 @@
 import React from 'react';
 import './index.global.less';
-export interface TooltipProps extends React.HTMLAttributes<HTMLDivElement> {
-    className?: string;
+export declare type TooltipTriggerOption = 'hover' | 'click' | 'focus' | 'contextMenu';
+export interface TooltipProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    children: React.ReactNode;
+    title: React.ReactNode;
+    /** 挂载到指定的元素，值为一个返回对应 DOM 元素 默认 document.body */
+    getPopupContainer?: (node?: HTMLElement | null) => HTMLElement;
+    /** 触发行为,可使用数组设置多个触发行为 */
+    trigger?: TooltipTriggerOption | TooltipTriggerOption[];
+    visible?: boolean;
+    onVisibleChange?: (visible: boolean) => void;
+    overlayClassName?: string;
+    overlayStyle?: React.CSSProperties;
+    color?: string;
+    shadowColor?: string;
+    /** 关闭后是否销毁 Tooltip */
+    destroyInactive?: boolean;
 }
-declare const _default: React.NamedExoticComponent<TooltipProps>;
-export default _default;
+declare const Tooltip: React.FC<TooltipProps>;
+export default Tooltip;