neko-ui 1.5.2 → 1.5.3

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

@@ -3,9 +3,9 @@ export interface BackTopProps extends React.HTMLAttributes<HTMLDivElement> {
     /** 设置需要监听其滚动事件的元素，值为一个返回对应 DOM 元素 */
     target?: () => HTMLElement;
     /** 挂载到指定的元素，值为一个返回对应 DOM 元素 默认 document.body */
-    getPopupContainer?: (node: HTMLElement) => HTMLElement;
+    getPopupContainer?: (node?: HTMLElement) => HTMLElement;
     /** 滚动高度达到此参数值才出现 BackTop */
     visibilityHeight?: number;
 }
-declare const _default: React.NamedExoticComponent<BackTopProps>;
-export default _default;
+declare const BackTop: React.FC<BackTopProps>;
+export default BackTop;

package/es/back-top/index.js

@@ -1 +1 @@
-function _define_property(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 _object_spread(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){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(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 _object_without_properties_loose(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,{memo,useCallback,useEffect,useRef,useState}from"react";import{getMaxZindex,getScrollTop,isEqual,isFunction}from"@moneko/common";import{cls}from"./style";import{cx}from"../emotion";import Portal from"../portal";const BackTop=_param=>{var{target=()=>window,getPopupContainer,visibilityHeight=400,className}=_param,props=_object_without_properties(_param,["target","getPopupContainer","visibilityHeight","className"]);const ref=useRef(null);const[show,setShow]=useState(null);const handleScrollY=useCallback(()=>{let scrollTop=0;let offsetHeight=0;if(isFunction(target)){const ele=target();if(ele){scrollTop=getScrollTop(ele);offsetHeight=ele.offsetHeight}}const nextShow=scrollTop>offsetHeight/3||scrollTop>visibilityHeight;if(Boolean(show)!==nextShow){setShow(nextShow)}},[show,target,visibilityHeight]);const handleBackTop=useCallback(()=>{var _target;(_target=target())===null||_target===void 0?void 0:_target.scrollTo({top:0,behavior:"smooth"})},[target]);useEffect(()=>{if(show&&ref.current){ref.current.style.zIndex=getMaxZindex().toString()}},[show]);useEffect(()=>{if(isFunction(target)){var _target;(_target=target())===null||_target===void 0?void 0:_target.addEventListener("scroll",handleScrollY,false)}return()=>{if(isFunction(target)){var _target;(_target=target())===null||_target===void 0?void 0:_target.removeEventListener("scroll",handleScrollY,false)}}},[handleScrollY,target]);const exit=useCallback(()=>{if(show===false){setShow(null)}},[show]);if(show===null)return null;return React.createElement(Portal,{container:getPopupContainer===null||getPopupContainer===void 0?void 0:getPopupContainer(target())},React.createElement("div",_object_spread_props(_object_spread({},props),{ref:ref,onAnimationEnd:exit,className:cx(className,cls.backtop,show===false&&cls.out),onClick:handleBackTop})))};export default memo(BackTop,isEqual);
+function _define_property(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 _object_spread(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){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(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 _object_without_properties_loose(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,{useEffect,useRef}from"react";import{getMaxZindex,getScrollTop}from"@moneko/common";import sso from"shared-store-object";import{cls}from"./style";import{cx}from"../emotion";import Portal from"../portal";const BackTop=_param=>{var{target=()=>window,getPopupContainer,visibilityHeight=400,className}=_param,props=_object_without_properties(_param,["target","getPopupContainer","visibilityHeight","className"]);const ref=useRef(null);const state=useRef(sso({show:null,visibilityHeight,exit(){if(state.current.show===false){state.current.show=null}},handleScrollY(e){e.preventDefault();let scrollTop=0;let offsetHeight=0;if(state.current.target){scrollTop=getScrollTop(state.current.target);offsetHeight=state.current.target.offsetHeight}const nextShow=scrollTop>offsetHeight/3||scrollTop>state.current.visibilityHeight;if(Boolean(state.current.show)!==nextShow){state.current.show=nextShow}return false},handleBackTop(){var _state_current_target;(_state_current_target=state.current.target)===null||_state_current_target===void 0?void 0:_state_current_target.scrollTo({top:0,behavior:"smooth"})}},{target(){return target===null||target===void 0?void 0:target()},style(){return _object_spread_props(_object_spread({},props.style),{zIndex:getMaxZindex().toString()})}}));const{show,style}=state.current;useEffect(()=>{var _state_target;const _state=state.current;(_state_target=_state.target)===null||_state_target===void 0?void 0:_state_target.addEventListener("scroll",_state.handleScrollY,false);return()=>{var _state_target;(_state_target=_state.target)===null||_state_target===void 0?void 0:_state_target.removeEventListener("scroll",_state.handleScrollY,false);_state()}},[]);if(show===null)return null;return React.createElement(Portal,{container:getPopupContainer===null||getPopupContainer===void 0?void 0:getPopupContainer(state.current.target)},React.createElement("div",_object_spread_props(_object_spread({},props),{ref:ref,onAnimationEnd:state.current.exit,className:cx(cls.backtop,show===false&&cls.out,className),onClick:state.current.handleBackTop,style:style})))};export default BackTop;

package/es/carousel/index.d.ts

@@ -9,5 +9,5 @@ export interface CarouselProps {
     header?: (offset: number) => React.ReactNode;
     onOffsetChange?: (offset: number) => void;
 }
-declare function Carousel(props: CarouselProps): JSX.Element;
+declare function Carousel(props: CarouselProps): import("react/jsx-runtime").JSX.Element;
 export default Carousel;

package/es/color-palette/index.js

@@ -1 +1 @@
-function _define_property(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 _object_spread(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){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(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 _object_without_properties_loose(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,{useEffect,useRef}from"react";import{colorParse,passiveSupported,setClipboard,throttle}from"@moneko/common";import sso from"shared-store-object";import{cls}from"./style";import{cx}from"../emotion";import{Input,InputNumber}from"../index";const material=["#f44336","#E91E63","#9C27B0","#673AB7","#3F51B5","#2196F3","#03A9F4","#00BCD4","#009688","#4CAF50","#8BC34A","#CDDC39","#FFEB3B","#FFC107","#FF9800","#FF5722","#795548","#9E9E9E","#607D8B","rgba(0,0,0,.65)","transparent"];function formatterOpacity(v){return v?Number((v*100).toFixed()):v}function parseOpacity(v){let _val=v;if(typeof v==="string"){_val=v.replace(/[^\d]/g,"")}return _val/100}const opt={hexa:{get:"toHexa",next:"rgba",max:[255,255,255,1]},rgba:{get:"toRgba",next:"hsla",max:[255,255,255,1]},hsla:{get:"toHsla",next:"hsva",max:[360,100,100,1]},hsva:{get:"toHsva",next:"cmyk",max:[360,100,100,1]},cmyk:{get:"toCmyk",next:"hexa",max:[100,100,100,100]}};const ColorPalette=_param=>{var{className,defaultValue="#5794ff",value,onChange}=_param,props=_object_without_properties(_param,["className","defaultValue","value","onChange"]);const picker=useRef(null);const store=useRef(sso(_object_spread_props(_object_spread({},colorParse(value||defaultValue)),{drag:false,timer:null,hexa:value||defaultValue,handleHexa(v){store.current.hexa=v},handleAlphaRange(e){store.current.setAlpha(Number(e.target.value))},setAlpha(alpha){const next=[...store.current.value];next[3]=alpha||0;store.current.value=next},setHue(e){const next=[...store.current.value];next[0]=Number(e.target.value);store.current.value=next},setColor(c=defaultValue){if(store.current.isColor(c)&&store.current[opt[store.current.type].get]().toString()!==c){const next=colorParse(c);store.current.type=next.type;store.current.value=next.value}},changeColor(ev){if(picker.current){const next=[...store.current.value];const{x,y,width,height}=picker.current.getBoundingClientRect();next[1]=Math.floor(Math.min(Math.max(0,(ev.clientX-x)/width*100),100));next[2]=Math.floor(100-Math.min(Math.max(0,(ev.clientY-y)/height*100),100));store.current.value=next}},handleChange(i,v){if(typeof v==="number"){if(i===3&&store.current.type!=="cmyk"){store.current.setAlpha(v||0)}else{const old=store.current[opt[store.current.type].get]();old[i]=v||0;store.current.value=colorParse(old.toString()).value}}},mouseDown(e){store.current.drag=true;store.current.changeColor(e)},mouseMove(e){if(store.current.drag){store.current.changeColor(e)}},mouseUp(){store.current.drag=false},switch(){store.current.type=opt[store.current.type].next},copy(e){setClipboard(store.current.color.toString(),e.target)}}),{color(){store.current.setValue(store.current.value);return store.current[opt[store.current.type].get]()},style(){return{"--c":store.current.toRgbaString(),"--h":store.current.value[0],"--s":store.current.value[1],"--v":store.current.value[2],"--a":store.current.value[3]}}}));const{type,value:hsva,color,style,hexa}=store.current;useEffect(()=>{throttle(store.current.setColor,4)(value)},[defaultValue,value]);useEffect(()=>{onChange===null||onChange===void 0?void 0:onChange(color.toString())},[onChange,color]);useEffect(()=>{if(store.current.timer){clearTimeout(store.current.timer)}if(type==="hexa"){store.current.hexa=store.current.toHexaString()}},[type,hsva]);useEffect(()=>{const _store=store.current;window.addEventListener("mousemove",_store.mouseMove,passiveSupported);window.addEventListener("mouseup",_store.mouseUp,passiveSupported);return()=>{if(_store.timer){clearTimeout(_store.timer)}window.removeEventListener("mousemove",_store.mouseMove,passiveSupported);window.removeEventListener("mouseup",_store.mouseUp,passiveSupported);_store()}},[]);return React.createElement("div",_object_spread_props(_object_spread({},props),{className:cx(cls.palette,className),style:style}),React.createElement("div",{ref:picker,className:cls.picker,onMouseDown:store.current.mouseDown}),React.createElement("div",{className:cls.chooser},React.createElement("div",{className:cls.range},React.createElement("input",{className:cx(cls.slider,cls.hue,type==="cmyk"&&cls.cmykHue),min:"0",max:"360",type:"range",value:hsva[0],onChange:store.current.setHue}),type!=="cmyk"?React.createElement("input",{className:cx(cls.slider,cls.opacity),min:"0",max:"1",step:"0.01",type:"range",value:hsva[3],onChange:store.current.handleAlphaRange}):null),React.createElement("div",{className:cls.preview,onClick:store.current.copy})),React.createElement("div",{className:cls.form},type==="hexa"?React.createElement(Input,{className:cls.input,name:"hex",size:"small",value:hexa,onChange:store.current.handleHexa,onBlur:e=>{store.current.setColor(e.target.value)},onKeyUp:e=>{if(e.key==="Enter"&&typeof hexa==="string"){store.current.setColor(hexa)}}}):color.map((n,i)=>{const isAlpha=i===3&&type!=="cmyk";return React.createElement(InputNumber,{key:type+i,size:"small",className:cls.input,value:n,max:opt[type].max[i],min:0,step:isAlpha?.01:1,formatter:isAlpha?formatterOpacity:null,parser:isAlpha?parseOpacity:null,onChange:v=>store.current.handleChange(i,v)})}),React.createElement("div",{className:cls.switch,onClick:store.current.switch},type)),React.createElement("div",{className:cls.color},material.map(c=>React.createElement("i",{key:c,style:{"--c":c},onClick:()=>{store.current.setColor(c)}}))))};export default ColorPalette;
+function _define_property(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 _object_spread(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){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(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 _object_without_properties_loose(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,{useEffect,useRef}from"react";import{colorParse,passiveSupported,setClipboard,throttle}from"@moneko/common";import sso from"shared-store-object";import{cls}from"./style";import{cx}from"../emotion";import{Input,InputNumber}from"../index";const material=["#f44336","#E91E63","#9C27B0","#673AB7","#3F51B5","#2196F3","#00BCD4","#009688","#4CAF50","#CDDC39","#FF9800","#795548","#607D8B"];function formatterOpacity(v){return v?Number((v*100).toFixed()):v}function parseOpacity(v){let _val=v;if(typeof v==="string"){_val=v.replace(/[^\d]/g,"")}return _val/100}const opt={hexa:{get:"toHexa",next:"rgba",max:[255,255,255,1]},rgba:{get:"toRgba",next:"hsla",max:[255,255,255,1]},hsla:{get:"toHsla",next:"hexa",max:[360,100,100,1]}};const ColorPalette=_param=>{var{className,defaultValue="#5794ff",value,onChange}=_param,props=_object_without_properties(_param,["className","defaultValue","value","onChange"]);const picker=useRef(null);const store=useRef(sso(_object_spread_props(_object_spread({},colorParse(value||defaultValue)),{drag:false,timer:null,hexa:value||defaultValue,handleHexa(v){store.current.hexa=v},handleAlphaRange(e){store.current.setAlpha(Number(e.target.value))},setAlpha(alpha){const next=[...store.current.value];next[3]=alpha||0;store.current.value=next},setHue(e){const next=[...store.current.value];next[0]=Number(e.target.value);store.current.value=next},setColor(c=defaultValue){if(store.current.isColor(c)&&store.current[opt[store.current.type].get]().toString()!==c){const next=colorParse(c);store.current.type=next.type;store.current.value=next.value}},changeColor(ev){if(picker.current){const next=[...store.current.value];const{x,y,width,height}=picker.current.getBoundingClientRect();next[1]=Math.floor(Math.min(Math.max(0,(ev.clientX-x)/width*100),100));next[2]=Math.floor(100-Math.min(Math.max(0,(ev.clientY-y)/height*100),100));store.current.value=next}},handleChange(i,v){if(typeof v==="number"){if(i===3&&store.current.type!=="cmyk"){store.current.setAlpha(v||0)}else{const old=store.current[opt[store.current.type].get]();old[i]=v||0;store.current.value=colorParse(old.toString()).value}}},mouseDown(e){store.current.drag=true;store.current.changeColor(e)},mouseMove(e){if(store.current.drag){store.current.changeColor(e)}},mouseUp(){store.current.drag=false},switch(){store.current.type=opt[store.current.type].next},copy(e){setClipboard(store.current.color.toString(),e.target)},eyeDropper(){if(window.EyeDropper){new window.EyeDropper().open().then(res=>{if(res){store.current.setColor(res.sRGBHex)}}).catch(()=>{});return}}}),{color(){store.current.setValue(store.current.value);return store.current[opt[store.current.type].get]()},style(){return{"--c":store.current.toRgbaString(),"--h":store.current.value[0],"--s":store.current.value[1],"--v":store.current.value[2],"--a":store.current.value[3]}}}));const{type,value:hsva,color,style,hexa}=store.current;useEffect(()=>{throttle(store.current.setColor,4)(value)},[defaultValue,value]);useEffect(()=>{onChange===null||onChange===void 0?void 0:onChange(color.toString())},[onChange,color]);useEffect(()=>{if(store.current.timer){clearTimeout(store.current.timer)}if(type==="hexa"){store.current.hexa=store.current.toHexaString()}},[type,hsva]);useEffect(()=>{const _store=store.current;window.addEventListener("mousemove",_store.mouseMove,passiveSupported);window.addEventListener("mouseup",_store.mouseUp,passiveSupported);return()=>{if(_store.timer){clearTimeout(_store.timer)}window.removeEventListener("mousemove",_store.mouseMove,passiveSupported);window.removeEventListener("mouseup",_store.mouseUp,passiveSupported);_store()}},[]);return React.createElement("div",_object_spread_props(_object_spread({},props),{className:cx(cls.palette,className),style:style}),React.createElement("div",{ref:picker,className:cls.picker,onMouseDown:store.current.mouseDown}),React.createElement("div",{className:cls.chooser},React.createElement("div",{className:cls.range},React.createElement("input",{className:cx(cls.slider,cls.hue,type==="cmyk"&&cls.cmykHue),min:"0",max:"360",type:"range",value:hsva[0],onChange:store.current.setHue}),type!=="cmyk"?React.createElement("input",{className:cx(cls.slider,cls.opacity),min:"0",max:"1",step:"0.01",type:"range",value:hsva[3],onChange:store.current.handleAlphaRange}):null),React.createElement("div",{className:cls.preview,onClick:store.current.copy})),React.createElement("div",{className:cls.form},type==="hexa"?React.createElement(Input,{className:cls.input,name:"hex",size:"small",value:hexa,onChange:store.current.handleHexa,onBlur:e=>{store.current.setColor(e.target.value)},onKeyUp:e=>{if(e.key==="Enter"&&typeof hexa==="string"){store.current.setColor(hexa)}}}):color.map((n,i)=>{const isAlpha=i===3&&type!=="cmyk";return React.createElement(InputNumber,{key:type+i,size:"small",className:cls.input,value:n,max:opt[type].max[i],min:0,step:isAlpha?.01:1,formatter:isAlpha?formatterOpacity:null,parser:isAlpha?parseOpacity:null,onChange:v=>store.current.handleChange(i,v)})}),React.createElement("div",{className:cls.switch,onClick:store.current.switch},type)),React.createElement("div",{className:cls.color},window.EyeDropper&&React.createElement("i",{style:{"--c":"transparent"},onClickCapture:store.current.eyeDropper}),material.map(c=>React.createElement("i",{key:c,style:{"--c":c},onClick:()=>{store.current.setColor(c)}}))))};export default ColorPalette;

package/es/color-palette/style.js

@@ -24,7 +24,7 @@ import{injectGlobal}from"../emotion";import prefixCls from"../prefix-cls";export
       display: block;
       inline-size: 100%;
       block-size: 100%;
-      background-color: var(--c, #fff);
+      background-color: var(--c);
       box-shadow: rgb(0 0 0 / 10%) 0 0 0 1px inset, rgb(0 0 0 / 10%) 0 0 4px inset;
       text-shadow: var(--text-shadow);
       content: '';
@@ -195,36 +195,50 @@ import{injectGlobal}from"../emotion";import prefixCls from"../prefix-cls";export
     }
   }
   .${cls.color} {
-    display: grid;
+    display: flex;
     padding-block-start: 8px;
-    grid-template-columns: repeat(auto-fit, minmax(15px, 20px));
-    grid-gap: 8px;
+    gap: 5px 9px;
+    flex-wrap: wrap;
 
     i {
       position: relative;
       border: 0;
-      padding-block-start: 100%;
-      padding-block-end: 0;
-      inline-size: 100%;
-      background-color: var(--c);
+      background-color: var(--c, transparent);
       outline: 0;
       cursor: pointer;
-      transition: 0.15s box-shadow ease;
+      inline-size: 20px;
+      block-size: 20px;
+      font-style: normal;
+      text-align: center;
+      line-height: 17px;
+      font-size: 28px;
 
-      &::before {
+      &::before,
+      &::after {
         position: absolute;
         inset-block-start: 0;
         inset-inline-start: 0;
-        z-index: -1;
         inline-size: 100%;
         block-size: 100%;
-        background: var(--alpha-gradient);
         content: '';
       }
 
-      &:hover,
-      &:focus {
-        box-shadow: 2px 2px 3px 0 var(--c);
+      &::before {
+        background: var(--alpha-gradient);
+        content: '⍝';
+        z-index: -1;
+      }
+
+      &::after {
+        border-radius: inherit;
+        background-color: var(--c, transparent);
+        opacity: 0;
+        transition: 0.3s transform ease, 0.3s opacity ease;
+      }
+
+      &:hover::after {
+        transform: translate3d(2px, 2px, 0);
+        opacity: 0.3;
       }
     }
   }

package/es/emotion/index.js

@@ -41,5 +41,10 @@ import createEmotion from"@emotion/css/create-instance";import{prefixer}from"sty
     ${generateTheme("#bb8314",{name:"warning",dark:true})}
     ${generateTheme("#901c22",{name:"error",dark:true})}
     ${generateTheme("#419418",{name:"success",dark:true})}
+    --component-bg: #141414;
+    --primary-shadow: rgb(0 0 0 / 12%);
+    --primary-selection: rgb(255 255 255 / 5%);
+    --primary-details-bg: rgb(255 255 255 / 5%);
+    --primary-component-bg: #000;
   }
 `;

package/es/input-number/index.js

@@ -1 +1 @@
-function _define_property(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 _object_spread(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){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(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 _object_without_properties_loose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}import React,{useCallback,useEffect,useRef,useState}from"react";import{passiveSupported,throttle}from"@moneko/common";import{cls}from"./style";import{cx}from"../emotion";import{Input}from"../index";const InputNumber=_param=>{var{value,min=Number.MIN_SAFE_INTEGER,max=Number.MAX_SAFE_INTEGER,step=1,formatter,parser,onChange,onMouseDown,onKeyDown,precision=2,className}=_param,prpos=_object_without_properties(_param,["value","min","max","step","formatter","parser","onChange","onMouseDown","onKeyDown","precision","className"]);const valRef=useRef(value);const[move,setMove]=useState(false);const handleChange=useCallback(val=>{let _val=typeof val==="string"?parseFloat(val):val;if(isNaN(_val)){_val=""}if(typeof _val!=="undefined"){if(_val<min)_val=min;if(_val>max)_val=max}if(valRef.current!==_val){Object.assign(valRef,{current:_val});onChange===null||onChange===void 0?void 0:onChange(_val)}},[max,min,onChange]);const handleMouseDown=useCallback(e=>{setMove(true);onMouseDown===null||onMouseDown===void 0?void 0:onMouseDown(e)},[onMouseDown]);const handleMouseMove=throttle(useCallback(({movementX,movementY})=>{const allStep=(movementX-movementY)*step;const val=typeof valRef.current==="number"&&!isNaN(valRef.current)?valRef.current:0;handleChange(Number(Number(val+allStep).toFixed(precision)))},[step,handleChange,precision]),4);const handleMouseUp=useCallback(()=>{setMove(false)},[]);const handleKeyDown=useCallback(e=>{if(e.key==="ArrowUp"){handleMouseMove({movementX:0,movementY:-1})}else if(e.key==="ArrowDown"){handleMouseMove({movementX:0,movementY:1})}onKeyDown===null||onKeyDown===void 0?void 0:onKeyDown(e)},[handleMouseMove,onKeyDown]);useEffect(()=>{Object.assign(valRef,{current:value})},[value]);useEffect(()=>{if(move){document.body.addEventListener("mouseup",handleMouseUp,passiveSupported);document.body.addEventListener("mousemove",handleMouseMove,passiveSupported)}return()=>{document.body.removeEventListener("mouseup",handleMouseUp,passiveSupported);document.body.removeEventListener("mousemove",handleMouseMove,passiveSupported)}},[handleMouseMove,handleMouseUp,move]);return React.createElement(Input,_object_spread_props(_object_spread({},prpos),{className:cx(cls.number,className),value:value,max:max,min:min,onChange:v=>handleChange(v),onMouseDown:handleMouseDown,onKeyDown:handleKeyDown,parser:parser,formatter:formatter}))};export default InputNumber;
+function _define_property(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 _object_spread(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){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(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 _object_without_properties_loose(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,{useEffect,useRef}from"react";import{passiveSupported}from"@moneko/common";import sso from"shared-store-object";import{cls}from"./style";import{cx}from"../emotion";import{Input}from"../index";const InputNumber=_param=>{var{value,min=Number.MIN_SAFE_INTEGER,max=Number.MAX_SAFE_INTEGER,step=1,formatter,parser,onChange,onMouseDown,onKeyDown,precision=2,className}=_param,prpos=_object_without_properties(_param,["value","min","max","step","formatter","parser","onChange","onMouseDown","onKeyDown","precision","className"]);const state=useRef(sso({move:false,value,precision,step,min,max,mouseUp(){state.current.move=false},mouseMove({movementX,movementY}){const _val=state.current.value;const val=typeof _val==="number"&&!isNaN(_val)?_val:0;state.current.change(Number(Number(val+(movementX-movementY)*state.current.step).toFixed(state.current.precision)))},mouseDown(e){state.current.move=true;onMouseDown===null||onMouseDown===void 0?void 0:onMouseDown(e)},keyDown(e){if(e.key==="ArrowUp"){state.current.mouseMove({movementX:0,movementY:-1})}else if(e.key==="ArrowDown"){state.current.mouseMove({movementX:0,movementY:1})}onKeyDown===null||onKeyDown===void 0?void 0:onKeyDown(e)},change(val){let _val=typeof val==="string"?parseFloat(val):val;if(isNaN(_val)){_val=""}if(typeof _val!=="undefined"){if(_val<state.current.min)_val=state.current.min;if(_val>state.current.max)_val=state.current.max}if(state.current.value!==_val){state.current.value=_val;onChange===null||onChange===void 0?void 0:onChange(_val)}}}));const{move}=state.current;useEffect(()=>{state.current.value=value},[value]);useEffect(()=>{state.current.precision=precision},[precision]);useEffect(()=>{state.current.step=step},[step]);useEffect(()=>{state.current.min=min},[min]);useEffect(()=>{state.current.max=max},[max]);useEffect(()=>{const _state=state.current;if(move){document.body.addEventListener("mousemove",_state.mouseMove,passiveSupported)}return()=>{document.body.removeEventListener("mousemove",_state.mouseMove,passiveSupported)}},[move]);useEffect(()=>{const _state=state.current;document.body.addEventListener("mouseup",_state.mouseUp,passiveSupported);return()=>{document.body.removeEventListener("mouseup",_state.mouseUp,passiveSupported);_state()}},[]);return React.createElement(Input,_object_spread_props(_object_spread({},prpos),{className:cx(cls.number,className),value:value,max:max,min:min,onChange:state.current.change,onMouseDown:state.current.mouseDown,onKeyDown:state.current.keyDown,parser:parser,formatter:formatter}))};export default InputNumber;

package/es/photo/index.d.ts

@@ -16,5 +16,5 @@ export interface PhotoProps {
     onOpenChange?: (open: boolean) => void;
     onOffsetChange?: (offset: number) => void;
 }
-declare function Photo(props: PhotoProps): JSX.Element;
+declare function Photo(props: PhotoProps): import("react/jsx-runtime").JSX.Element;
 export default Photo;

package/es/prism/prism.css

@@ -6,7 +6,7 @@
 [data-theme='dark'] {
     --code-color: #eee;
     --code-lang-style-color: #fd9170;
-    --code-toolbar-bg: rgb(63 63 63 / 20%);
+    --code-toolbar-bg: rgb(63 63 63 / 70%);
     --token-atrule: #c792ea;
     --token-attr-name: #ffcb6b;
     --token-attr-value: #a5e844;

package/es/tooltip/index.js

@@ -1 +1 @@
-function _define_property(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 _object_spread(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){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(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 _object_without_properties_loose(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,{useEffect,useMemo,useRef}from"react";import{getMaxZindex,isString,colorParse,isFunction,passiveSupported}from"@moneko/common";import sso from"shared-store-object";import{cls}from"./style";import{cx}from"../emotion";import Portal from"../portal";const Tooltip=_param=>{var{className,popupClassName,popupStyle,getPopupContainer,title,children,color,trigger="click",open=null,destroyInactive=true,onOpenChange}=_param,props=_object_without_properties(_param,["className","popupClassName","popupStyle","getPopupContainer","title","children","color","trigger","open","destroyInactive","onOpenChange"]);const ref=useRef(null);const childRef=useRef(null);const state=useRef(sso({show:null,up:false,posi:{left:-9999,top:-9999,x:"0px"},exit(){if(state.current.show===false){state.current.show=null}},close(e){var _ref_current;e.preventDefault();e.stopPropagation();if(state.current.show&&!((_ref_current=ref.current)===null||_ref_current===void 0?void 0:_ref_current.contains(e.target))){state.current.show=false}},open(e){e.preventDefault();e.stopPropagation();state.current.show=true}}));const{show,posi,up}=state.current;useEffect(()=>{state.current.show=open},[open]);useEffect(()=>{if(isFunction(onOpenChange)){onOpenChange(show)}if(show&&ref.current){ref.current.style.zIndex=getMaxZindex().toString()}},[onOpenChange,show]);const container=useMemo(()=>{if(isFunction(getPopupContainer)){return getPopupContainer(childRef.current)}return document.body},[getPopupContainer]);useEffect(()=>{if(!show||!ref.current||!childRef.current)return;const elRect=childRef.current.getBoundingClientRect();const portalRect=ref.current.getBoundingClientRect();if(elRect&&portalRect){const portalRectHeight=ref.current.offsetHeight;const offsetY=portalRectHeight+elRect.height/2;const offsetX=portalRect.width/2-elRect.width/2;const margin=window.innerHeight-elRect.bottom;const _isBottom=margin>portalRectHeight*.8&&margin>elRect.top;const _posi={left:Math.abs(offsetX>elRect.left?elRect.left:elRect.left-offsetX),top:_isBottom?elRect.bottom+8:elRect.top-offsetY,x:"0px"};_posi.x=-(_posi.left-elRect.left+offsetX)+"px";state.current.posi=_posi;state.current.up=!_isBottom}},[show]);const childrenProps=useMemo(()=>{const _props=_object_spread({},props);const openEvent={click:"onClick",hover:"onMouseOver",contextMenu:"onContextMenu"};const closeEvent={hover:"onMouseOut",click:null,contextMenu:null};const triggers=isString(trigger)?[trigger]:trigger;for(let i=0,len=triggers.length;i<len;i++){const openFn=openEvent[triggers[i]];const closeFn=closeEvent[triggers[i]];Object.assign(_props,openFn&&{[openFn]:state.current.open},closeFn&&{[closeFn]:state.current.close})}return _props},[props,trigger]);const style=useMemo(()=>{let shadowColor;if(color){shadowColor=colorParse(color).setAlpha(.1).toRgbaString()}return Object.assign(_object_spread_props(_object_spread({},popupStyle),{left:posi.left,top:posi.top,"--x":posi.x}),color&&{"--tooltip-bg":color,"--tooltip-shadow-color":shadowColor})},[color,popupStyle,posi.left,posi.top,posi.x]);useEffect(()=>{const _state=state.current;window.addEventListener("click",_state.close,false);window.addEventListener("scroll",_state.close,passiveSupported);return()=>{window.removeEventListener("click",_state.close,false);window.removeEventListener("scroll",_state.close,passiveSupported);_state()}},[]);return React.createElement(React.Fragment,null,(show!==null||!destroyInactive)&&React.createElement(Portal,{container:container},React.createElement("div",{ref:ref,onAnimationEnd:state.current.exit,className:cx(cls.portal,show?up?cls.inUp:cls.inDown:up?cls.outUp:cls.outDown,popupClassName),style:style},title)),React.createElement("span",_object_spread_props(_object_spread({},childrenProps),{className:cx(cls.tooltip,className),ref:childRef}),children))};export default Tooltip;
+function _define_property(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 _object_spread(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){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(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 _object_without_properties_loose(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,{useEffect,useMemo,useRef}from"react";import{getMaxZindex,isString,colorParse,isFunction}from"@moneko/common";import sso from"shared-store-object";import{cls}from"./style";import{cx}from"../emotion";import Portal from"../portal";const Tooltip=_param=>{var{className,popupClassName,popupStyle,getPopupContainer,title,children,color,trigger="click",open=null,destroyInactive=true,onOpenChange}=_param,props=_object_without_properties(_param,["className","popupClassName","popupStyle","getPopupContainer","title","children","color","trigger","open","destroyInactive","onOpenChange"]);const ref=useRef(null);const childRef=useRef(null);const state=useRef(sso({show:null,up:false,posi:{left:-9999,top:-9999,x:"0px"},exit(){if(state.current.show===false){state.current.show=null}},close(e){var _ref_current;e.preventDefault();e.stopPropagation();if(state.current.show&&!((_ref_current=ref.current)===null||_ref_current===void 0?void 0:_ref_current.contains(e.target))){state.current.show=false}},open(e){e.preventDefault();e.stopPropagation();state.current.show=true}}));const{show,posi,up}=state.current;useEffect(()=>{state.current.show=open},[open]);useEffect(()=>{if(isFunction(onOpenChange)){onOpenChange(show)}if(show&&ref.current){ref.current.style.zIndex=getMaxZindex().toString()}},[onOpenChange,show]);const container=useMemo(()=>{if(isFunction(getPopupContainer)){return getPopupContainer(childRef.current)}return document.body},[getPopupContainer]);useEffect(()=>{if(!show||!ref.current||!childRef.current)return;const elRect=childRef.current.getBoundingClientRect();const portalRect=ref.current.getBoundingClientRect();if(elRect&&portalRect){const portalRectHeight=ref.current.offsetHeight;const offsetY=portalRectHeight+elRect.height/2;const offsetX=portalRect.width/2-elRect.width/2;const margin=window.innerHeight-elRect.bottom;const _isBottom=margin>portalRectHeight*.8&&margin>elRect.top;const _posi={left:Math.abs(offsetX>elRect.left?elRect.left:elRect.left-offsetX),top:_isBottom?elRect.bottom+8:elRect.top-offsetY,x:"0px"};_posi.x=-(_posi.left-elRect.left+offsetX)+"px";state.current.posi=_posi;state.current.up=!_isBottom}},[show]);const childrenProps=useMemo(()=>{const _props=_object_spread({},props);const openEvent={click:"onClick",hover:"onMouseOver",contextMenu:"onContextMenu"};const closeEvent={hover:"onMouseOut",click:null,contextMenu:null};const triggers=isString(trigger)?[trigger]:trigger;for(let i=0,len=triggers.length;i<len;i++){const openFn=openEvent[triggers[i]];const closeFn=closeEvent[triggers[i]];Object.assign(_props,openFn&&{[openFn]:state.current.open},closeFn&&{[closeFn]:state.current.close})}return _props},[props,trigger]);const style=useMemo(()=>{let shadowColor;if(color){shadowColor=colorParse(color).setAlpha(.1).toRgbaString()}return Object.assign(_object_spread_props(_object_spread({},popupStyle),{left:posi.left,top:posi.top,"--x":posi.x}),color&&{"--tooltip-bg":color,"--tooltip-shadow-color":shadowColor})},[color,popupStyle,posi.left,posi.top,posi.x]);useEffect(()=>{const _state=state.current;document.documentElement.addEventListener("click",_state.close,false);window.addEventListener("scroll",_state.close,false);return()=>{document.documentElement.removeEventListener("click",_state.close,false);window.removeEventListener("scroll",_state.close,false);_state()}},[]);return React.createElement(React.Fragment,null,(show!==null||!destroyInactive)&&React.createElement(Portal,{container:container},React.createElement("div",{ref:ref,onAnimationEnd:state.current.exit,className:cx(cls.portal,show?up?cls.inUp:cls.inDown:up?cls.outUp:cls.outDown,popupClassName),style:style},title)),React.createElement("span",_object_spread_props(_object_spread({},childrenProps),{className:cx(cls.tooltip,className),ref:childRef}),children))};export default Tooltip;

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

@@ -3,9 +3,9 @@ export interface BackTopProps extends React.HTMLAttributes<HTMLDivElement> {
     /** 设置需要监听其滚动事件的元素，值为一个返回对应 DOM 元素 */
     target?: () => HTMLElement;
     /** 挂载到指定的元素，值为一个返回对应 DOM 元素 默认 document.body */
-    getPopupContainer?: (node: HTMLElement) => HTMLElement;
+    getPopupContainer?: (node?: HTMLElement) => HTMLElement;
     /** 滚动高度达到此参数值才出现 BackTop */
     visibilityHeight?: number;
 }
-declare const _default: React.NamedExoticComponent<BackTopProps>;
-export default _default;
+declare const BackTop: React.FC<BackTopProps>;
+export default BackTop;

package/lib/back-top/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function(){return _default}});var _react=_interop_require_wildcard(require("react"));var _common=require("@moneko/common");var _style=require("./style");var _emotion=require("../emotion");var _portal=_interop_require_default(require("../portal"));function _array_like_to_array(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 _array_with_holes(arr){if(Array.isArray(arr))return arr}function _define_property(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 _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap;var cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interop_require_wildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj}}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj)}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc)}else{newObj[key]=obj[key]}}}newObj.default=obj;if(cache){cache.set(obj,newObj)}return newObj}function _iterable_to_array_limit(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 _non_iterable_rest(){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 _object_spread(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){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(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 _object_without_properties_loose(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 _sliced_to_array(arr,i){return _array_with_holes(arr)||_iterable_to_array_limit(arr,i)||_unsupported_iterable_to_array(arr,i)||_non_iterable_rest()}function _unsupported_iterable_to_array(o,minLen){if(!o)return;if(typeof o==="string")return _array_like_to_array(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 _array_like_to_array(o,minLen)}var BackTop=function(_param){var _param_target=_param.target,target=_param_target===void 0?function(){return window}:_param_target,getPopupContainer=_param.getPopupContainer,_param_visibilityHeight=_param.visibilityHeight,visibilityHeight=_param_visibilityHeight===void 0?400:_param_visibilityHeight,className=_param.className,props=_object_without_properties(_param,["target","getPopupContainer","visibilityHeight","className"]);var ref=(0,_react.useRef)(null);var _useState=_sliced_to_array((0,_react.useState)(null),2),show=_useState[0],setShow=_useState[1];var handleScrollY=(0,_react.useCallback)(function(){var scrollTop=0;var offsetHeight=0;if((0,_common.isFunction)(target)){var ele=target();if(ele){scrollTop=(0,_common.getScrollTop)(ele);offsetHeight=ele.offsetHeight}}var nextShow=scrollTop>offsetHeight/3||scrollTop>visibilityHeight;if(Boolean(show)!==nextShow){setShow(nextShow)}},[show,target,visibilityHeight]);var handleBackTop=(0,_react.useCallback)(function(){var _target;(_target=target())===null||_target===void 0?void 0:_target.scrollTo({top:0,behavior:"smooth"})},[target]);(0,_react.useEffect)(function(){if(show&&ref.current){ref.current.style.zIndex=(0,_common.getMaxZindex)().toString()}},[show]);(0,_react.useEffect)(function(){if((0,_common.isFunction)(target)){var _target;(_target=target())===null||_target===void 0?void 0:_target.addEventListener("scroll",handleScrollY,false)}return function(){if((0,_common.isFunction)(target)){var _target;(_target=target())===null||_target===void 0?void 0:_target.removeEventListener("scroll",handleScrollY,false)}}},[handleScrollY,target]);var exit=(0,_react.useCallback)(function(){if(show===false){setShow(null)}},[show]);if(show===null)return null;return _react.default.createElement(_portal.default,{container:getPopupContainer===null||getPopupContainer===void 0?void 0:getPopupContainer(target())},_react.default.createElement("div",_object_spread_props(_object_spread({},props),{ref:ref,onAnimationEnd:exit,className:(0,_emotion.cx)(className,_style.cls.backtop,show===false&&_style.cls.out),onClick:handleBackTop})))};var _default=(0,_react.memo)(BackTop,_common.isEqual);
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function(){return _default}});var _react=_interop_require_wildcard(require("react"));var _common=require("@moneko/common");var _sharedstoreobject=_interop_require_default(require("shared-store-object"));var _style=require("./style");var _emotion=require("../emotion");var _portal=_interop_require_default(require("../portal"));function _define_property(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 _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap;var cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interop_require_wildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj}}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj)}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc)}else{newObj[key]=obj[key]}}}newObj.default=obj;if(cache){cache.set(obj,newObj)}return newObj}function _object_spread(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){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(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 _object_without_properties_loose(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}var BackTop=function(_param){var _param_target=_param.target,target=_param_target===void 0?function(){return window}:_param_target,getPopupContainer=_param.getPopupContainer,_param_visibilityHeight=_param.visibilityHeight,visibilityHeight=_param_visibilityHeight===void 0?400:_param_visibilityHeight,className=_param.className,props=_object_without_properties(_param,["target","getPopupContainer","visibilityHeight","className"]);var ref=(0,_react.useRef)(null);var state=(0,_react.useRef)((0,_sharedstoreobject.default)({show:null,visibilityHeight:visibilityHeight,exit:function exit(){if(state.current.show===false){state.current.show=null}},handleScrollY:function handleScrollY(e){e.preventDefault();var scrollTop=0;var offsetHeight=0;if(state.current.target){scrollTop=(0,_common.getScrollTop)(state.current.target);offsetHeight=state.current.target.offsetHeight}var nextShow=scrollTop>offsetHeight/3||scrollTop>state.current.visibilityHeight;if(Boolean(state.current.show)!==nextShow){state.current.show=nextShow}return false},handleBackTop:function handleBackTop(){var _state_current_target;(_state_current_target=state.current.target)===null||_state_current_target===void 0?void 0:_state_current_target.scrollTo({top:0,behavior:"smooth"})}},{target:function target1(){return target===null||target===void 0?void 0:target()},style:function style(){return _object_spread_props(_object_spread({},props.style),{zIndex:(0,_common.getMaxZindex)().toString()})}}));var _state_current=state.current,show=_state_current.show,style=_state_current.style;(0,_react.useEffect)(function(){var _state_target;var _state=state.current;(_state_target=_state.target)===null||_state_target===void 0?void 0:_state_target.addEventListener("scroll",_state.handleScrollY,false);return function(){var _state_target;(_state_target=_state.target)===null||_state_target===void 0?void 0:_state_target.removeEventListener("scroll",_state.handleScrollY,false);_state()}},[]);if(show===null)return null;return _react.default.createElement(_portal.default,{container:getPopupContainer===null||getPopupContainer===void 0?void 0:getPopupContainer(state.current.target)},_react.default.createElement("div",_object_spread_props(_object_spread({},props),{ref:ref,onAnimationEnd:state.current.exit,className:(0,_emotion.cx)(_style.cls.backtop,show===false&&_style.cls.out,className),onClick:state.current.handleBackTop,style:style})))};var _default=BackTop;

package/lib/carousel/index.d.ts

@@ -9,5 +9,5 @@ export interface CarouselProps {
     header?: (offset: number) => React.ReactNode;
     onOffsetChange?: (offset: number) => void;
 }
-declare function Carousel(props: CarouselProps): JSX.Element;
+declare function Carousel(props: CarouselProps): import("react/jsx-runtime").JSX.Element;
 export default Carousel;

package/lib/color-palette/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function(){return _default}});var _react=_interop_require_wildcard(require("react"));var _common=require("@moneko/common");var _sharedstoreobject=_interop_require_default(require("shared-store-object"));var _style=require("./style");var _emotion=require("../emotion");var _index=require("../index");function _array_like_to_array(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 _array_without_holes(arr){if(Array.isArray(arr))return _array_like_to_array(arr)}function _define_property(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 _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap;var cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interop_require_wildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj}}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj)}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc)}else{newObj[key]=obj[key]}}}newObj.default=obj;if(cache){cache.set(obj,newObj)}return newObj}function _iterable_to_array(iter){if(typeof Symbol!=="undefined"&&iter[Symbol.iterator]!=null||iter["@@iterator"]!=null)return Array.from(iter)}function _non_iterable_spread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _object_spread(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){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(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 _object_without_properties_loose(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 _to_consumable_array(arr){return _array_without_holes(arr)||_iterable_to_array(arr)||_unsupported_iterable_to_array(arr)||_non_iterable_spread()}function _unsupported_iterable_to_array(o,minLen){if(!o)return;if(typeof o==="string")return _array_like_to_array(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 _array_like_to_array(o,minLen)}var material=["#f44336","#E91E63","#9C27B0","#673AB7","#3F51B5","#2196F3","#03A9F4","#00BCD4","#009688","#4CAF50","#8BC34A","#CDDC39","#FFEB3B","#FFC107","#FF9800","#FF5722","#795548","#9E9E9E","#607D8B","rgba(0,0,0,.65)","transparent"];function formatterOpacity(v){return v?Number((v*100).toFixed()):v}function parseOpacity(v){var _val=v;if(typeof v==="string"){_val=v.replace(/[^\d]/g,"")}return _val/100}var opt={hexa:{get:"toHexa",next:"rgba",max:[255,255,255,1]},rgba:{get:"toRgba",next:"hsla",max:[255,255,255,1]},hsla:{get:"toHsla",next:"hsva",max:[360,100,100,1]},hsva:{get:"toHsva",next:"cmyk",max:[360,100,100,1]},cmyk:{get:"toCmyk",next:"hexa",max:[100,100,100,100]}};var ColorPalette=function(_param){var className=_param.className,_param_defaultValue=_param.defaultValue,defaultValue=_param_defaultValue===void 0?"#5794ff":_param_defaultValue,value=_param.value,onChange=_param.onChange,props=_object_without_properties(_param,["className","defaultValue","value","onChange"]);var picker=(0,_react.useRef)(null);var store=(0,_react.useRef)((0,_sharedstoreobject.default)(_object_spread_props(_object_spread({},(0,_common.colorParse)(value||defaultValue)),{drag:false,timer:null,hexa:value||defaultValue,handleHexa:function handleHexa(v){store.current.hexa=v},handleAlphaRange:function handleAlphaRange(e){store.current.setAlpha(Number(e.target.value))},setAlpha:function setAlpha(alpha){var next=_to_consumable_array(store.current.value);next[3]=alpha||0;store.current.value=next},setHue:function setHue(e){var next=_to_consumable_array(store.current.value);next[0]=Number(e.target.value);store.current.value=next},setColor:function setColor(){var c=arguments.length>0&&arguments[0]!==void 0?arguments[0]:defaultValue;if(store.current.isColor(c)&&store.current[opt[store.current.type].get]().toString()!==c){var next=(0,_common.colorParse)(c);store.current.type=next.type;store.current.value=next.value}},changeColor:function changeColor(ev){if(picker.current){var next=_to_consumable_array(store.current.value);var _picker_current_getBoundingClientRect=picker.current.getBoundingClientRect(),x=_picker_current_getBoundingClientRect.x,y=_picker_current_getBoundingClientRect.y,width=_picker_current_getBoundingClientRect.width,height=_picker_current_getBoundingClientRect.height;next[1]=Math.floor(Math.min(Math.max(0,(ev.clientX-x)/width*100),100));next[2]=Math.floor(100-Math.min(Math.max(0,(ev.clientY-y)/height*100),100));store.current.value=next}},handleChange:function handleChange(i,v){if(typeof v==="number"){if(i===3&&store.current.type!=="cmyk"){store.current.setAlpha(v||0)}else{var old=store.current[opt[store.current.type].get]();old[i]=v||0;store.current.value=(0,_common.colorParse)(old.toString()).value}}},mouseDown:function mouseDown(e){store.current.drag=true;store.current.changeColor(e)},mouseMove:function mouseMove(e){if(store.current.drag){store.current.changeColor(e)}},mouseUp:function mouseUp(){store.current.drag=false},switch:function _switch(){store.current.type=opt[store.current.type].next},copy:function copy(e){(0,_common.setClipboard)(store.current.color.toString(),e.target)}}),{color:function color(){store.current.setValue(store.current.value);return store.current[opt[store.current.type].get]()},style:function style(){return{"--c":store.current.toRgbaString(),"--h":store.current.value[0],"--s":store.current.value[1],"--v":store.current.value[2],"--a":store.current.value[3]}}}));var _store_current=store.current,type=_store_current.type,hsva=_store_current.value,color=_store_current.color,style=_store_current.style,hexa=_store_current.hexa;(0,_react.useEffect)(function(){(0,_common.throttle)(store.current.setColor,4)(value)},[defaultValue,value]);(0,_react.useEffect)(function(){onChange===null||onChange===void 0?void 0:onChange(color.toString())},[onChange,color]);(0,_react.useEffect)(function(){if(store.current.timer){clearTimeout(store.current.timer)}if(type==="hexa"){store.current.hexa=store.current.toHexaString()}},[type,hsva]);(0,_react.useEffect)(function(){var _store=store.current;window.addEventListener("mousemove",_store.mouseMove,_common.passiveSupported);window.addEventListener("mouseup",_store.mouseUp,_common.passiveSupported);return function(){if(_store.timer){clearTimeout(_store.timer)}window.removeEventListener("mousemove",_store.mouseMove,_common.passiveSupported);window.removeEventListener("mouseup",_store.mouseUp,_common.passiveSupported);_store()}},[]);return _react.default.createElement("div",_object_spread_props(_object_spread({},props),{className:(0,_emotion.cx)(_style.cls.palette,className),style:style}),_react.default.createElement("div",{ref:picker,className:_style.cls.picker,onMouseDown:store.current.mouseDown}),_react.default.createElement("div",{className:_style.cls.chooser},_react.default.createElement("div",{className:_style.cls.range},_react.default.createElement("input",{className:(0,_emotion.cx)(_style.cls.slider,_style.cls.hue,type==="cmyk"&&_style.cls.cmykHue),min:"0",max:"360",type:"range",value:hsva[0],onChange:store.current.setHue}),type!=="cmyk"?_react.default.createElement("input",{className:(0,_emotion.cx)(_style.cls.slider,_style.cls.opacity),min:"0",max:"1",step:"0.01",type:"range",value:hsva[3],onChange:store.current.handleAlphaRange}):null),_react.default.createElement("div",{className:_style.cls.preview,onClick:store.current.copy})),_react.default.createElement("div",{className:_style.cls.form},type==="hexa"?_react.default.createElement(_index.Input,{className:_style.cls.input,name:"hex",size:"small",value:hexa,onChange:store.current.handleHexa,onBlur:function(e){store.current.setColor(e.target.value)},onKeyUp:function(e){if(e.key==="Enter"&&typeof hexa==="string"){store.current.setColor(hexa)}}}):color.map(function(n,i){var isAlpha=i===3&&type!=="cmyk";return _react.default.createElement(_index.InputNumber,{key:type+i,size:"small",className:_style.cls.input,value:n,max:opt[type].max[i],min:0,step:isAlpha?.01:1,formatter:isAlpha?formatterOpacity:null,parser:isAlpha?parseOpacity:null,onChange:function(v){return store.current.handleChange(i,v)}})}),_react.default.createElement("div",{className:_style.cls.switch,onClick:store.current.switch},type)),_react.default.createElement("div",{className:_style.cls.color},material.map(function(c){return _react.default.createElement("i",{key:c,style:{"--c":c},onClick:function(){store.current.setColor(c)}})})))};var _default=ColorPalette;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function(){return _default}});var _react=_interop_require_wildcard(require("react"));var _common=require("@moneko/common");var _sharedstoreobject=_interop_require_default(require("shared-store-object"));var _style=require("./style");var _emotion=require("../emotion");var _index=require("../index");function _array_like_to_array(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 _array_without_holes(arr){if(Array.isArray(arr))return _array_like_to_array(arr)}function _define_property(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 _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap;var cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interop_require_wildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj}}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj)}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc)}else{newObj[key]=obj[key]}}}newObj.default=obj;if(cache){cache.set(obj,newObj)}return newObj}function _iterable_to_array(iter){if(typeof Symbol!=="undefined"&&iter[Symbol.iterator]!=null||iter["@@iterator"]!=null)return Array.from(iter)}function _non_iterable_spread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _object_spread(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){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(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 _object_without_properties_loose(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 _to_consumable_array(arr){return _array_without_holes(arr)||_iterable_to_array(arr)||_unsupported_iterable_to_array(arr)||_non_iterable_spread()}function _unsupported_iterable_to_array(o,minLen){if(!o)return;if(typeof o==="string")return _array_like_to_array(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 _array_like_to_array(o,minLen)}var material=["#f44336","#E91E63","#9C27B0","#673AB7","#3F51B5","#2196F3","#00BCD4","#009688","#4CAF50","#CDDC39","#FF9800","#795548","#607D8B"];function formatterOpacity(v){return v?Number((v*100).toFixed()):v}function parseOpacity(v){var _val=v;if(typeof v==="string"){_val=v.replace(/[^\d]/g,"")}return _val/100}var opt={hexa:{get:"toHexa",next:"rgba",max:[255,255,255,1]},rgba:{get:"toRgba",next:"hsla",max:[255,255,255,1]},hsla:{get:"toHsla",next:"hexa",max:[360,100,100,1]}};var ColorPalette=function(_param){var className=_param.className,_param_defaultValue=_param.defaultValue,defaultValue=_param_defaultValue===void 0?"#5794ff":_param_defaultValue,value=_param.value,onChange=_param.onChange,props=_object_without_properties(_param,["className","defaultValue","value","onChange"]);var picker=(0,_react.useRef)(null);var store=(0,_react.useRef)((0,_sharedstoreobject.default)(_object_spread_props(_object_spread({},(0,_common.colorParse)(value||defaultValue)),{drag:false,timer:null,hexa:value||defaultValue,handleHexa:function handleHexa(v){store.current.hexa=v},handleAlphaRange:function handleAlphaRange(e){store.current.setAlpha(Number(e.target.value))},setAlpha:function setAlpha(alpha){var next=_to_consumable_array(store.current.value);next[3]=alpha||0;store.current.value=next},setHue:function setHue(e){var next=_to_consumable_array(store.current.value);next[0]=Number(e.target.value);store.current.value=next},setColor:function setColor(){var c=arguments.length>0&&arguments[0]!==void 0?arguments[0]:defaultValue;if(store.current.isColor(c)&&store.current[opt[store.current.type].get]().toString()!==c){var next=(0,_common.colorParse)(c);store.current.type=next.type;store.current.value=next.value}},changeColor:function changeColor(ev){if(picker.current){var next=_to_consumable_array(store.current.value);var _picker_current_getBoundingClientRect=picker.current.getBoundingClientRect(),x=_picker_current_getBoundingClientRect.x,y=_picker_current_getBoundingClientRect.y,width=_picker_current_getBoundingClientRect.width,height=_picker_current_getBoundingClientRect.height;next[1]=Math.floor(Math.min(Math.max(0,(ev.clientX-x)/width*100),100));next[2]=Math.floor(100-Math.min(Math.max(0,(ev.clientY-y)/height*100),100));store.current.value=next}},handleChange:function handleChange(i,v){if(typeof v==="number"){if(i===3&&store.current.type!=="cmyk"){store.current.setAlpha(v||0)}else{var old=store.current[opt[store.current.type].get]();old[i]=v||0;store.current.value=(0,_common.colorParse)(old.toString()).value}}},mouseDown:function mouseDown(e){store.current.drag=true;store.current.changeColor(e)},mouseMove:function mouseMove(e){if(store.current.drag){store.current.changeColor(e)}},mouseUp:function mouseUp(){store.current.drag=false},switch:function _switch(){store.current.type=opt[store.current.type].next},copy:function copy(e){(0,_common.setClipboard)(store.current.color.toString(),e.target)},eyeDropper:function eyeDropper(){if(window.EyeDropper){new window.EyeDropper().open().then(function(res){if(res){store.current.setColor(res.sRGBHex)}}).catch(function(){});return}}}),{color:function color(){store.current.setValue(store.current.value);return store.current[opt[store.current.type].get]()},style:function style(){return{"--c":store.current.toRgbaString(),"--h":store.current.value[0],"--s":store.current.value[1],"--v":store.current.value[2],"--a":store.current.value[3]}}}));var _store_current=store.current,type=_store_current.type,hsva=_store_current.value,color=_store_current.color,style=_store_current.style,hexa=_store_current.hexa;(0,_react.useEffect)(function(){(0,_common.throttle)(store.current.setColor,4)(value)},[defaultValue,value]);(0,_react.useEffect)(function(){onChange===null||onChange===void 0?void 0:onChange(color.toString())},[onChange,color]);(0,_react.useEffect)(function(){if(store.current.timer){clearTimeout(store.current.timer)}if(type==="hexa"){store.current.hexa=store.current.toHexaString()}},[type,hsva]);(0,_react.useEffect)(function(){var _store=store.current;window.addEventListener("mousemove",_store.mouseMove,_common.passiveSupported);window.addEventListener("mouseup",_store.mouseUp,_common.passiveSupported);return function(){if(_store.timer){clearTimeout(_store.timer)}window.removeEventListener("mousemove",_store.mouseMove,_common.passiveSupported);window.removeEventListener("mouseup",_store.mouseUp,_common.passiveSupported);_store()}},[]);return _react.default.createElement("div",_object_spread_props(_object_spread({},props),{className:(0,_emotion.cx)(_style.cls.palette,className),style:style}),_react.default.createElement("div",{ref:picker,className:_style.cls.picker,onMouseDown:store.current.mouseDown}),_react.default.createElement("div",{className:_style.cls.chooser},_react.default.createElement("div",{className:_style.cls.range},_react.default.createElement("input",{className:(0,_emotion.cx)(_style.cls.slider,_style.cls.hue,type==="cmyk"&&_style.cls.cmykHue),min:"0",max:"360",type:"range",value:hsva[0],onChange:store.current.setHue}),type!=="cmyk"?_react.default.createElement("input",{className:(0,_emotion.cx)(_style.cls.slider,_style.cls.opacity),min:"0",max:"1",step:"0.01",type:"range",value:hsva[3],onChange:store.current.handleAlphaRange}):null),_react.default.createElement("div",{className:_style.cls.preview,onClick:store.current.copy})),_react.default.createElement("div",{className:_style.cls.form},type==="hexa"?_react.default.createElement(_index.Input,{className:_style.cls.input,name:"hex",size:"small",value:hexa,onChange:store.current.handleHexa,onBlur:function(e){store.current.setColor(e.target.value)},onKeyUp:function(e){if(e.key==="Enter"&&typeof hexa==="string"){store.current.setColor(hexa)}}}):color.map(function(n,i){var isAlpha=i===3&&type!=="cmyk";return _react.default.createElement(_index.InputNumber,{key:type+i,size:"small",className:_style.cls.input,value:n,max:opt[type].max[i],min:0,step:isAlpha?.01:1,formatter:isAlpha?formatterOpacity:null,parser:isAlpha?parseOpacity:null,onChange:function(v){return store.current.handleChange(i,v)}})}),_react.default.createElement("div",{className:_style.cls.switch,onClick:store.current.switch},type)),_react.default.createElement("div",{className:_style.cls.color},window.EyeDropper&&_react.default.createElement("i",{style:{"--c":"transparent"},onClickCapture:store.current.eyeDropper}),material.map(function(c){return _react.default.createElement("i",{key:c,style:{"--c":c},onClick:function(){store.current.setColor(c)}})})))};var _default=ColorPalette;

package/lib/color-palette/style.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"cls",{enumerable:true,get:function(){return cls}});var _emotion=require("../emotion");var _prefixcls=_interop_require_default(require("../prefix-cls"));function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}function _tagged_template_literal(strings,raw){if(!raw){raw=strings.slice(0)}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}function _templateObject(){var data=_tagged_template_literal(["\n  ."," {\n    --alpha-gradient: repeating-conic-gradient(#eee 0 25%, transparent 0 50%) 0 / 10px 10px;\n\n    inline-size: 100%;\n    box-sizing: border-box;\n    user-select: none;\n  }\n  .",", .","&::after, .",", ."," i,\n  ."," i::before {\n    border-radius: var(--border-radius);\n  }\n  ."," {\n    margin-inline-start: 6px;\n    inline-size: 46px;\n    min-block-size: 26px;\n    font-family: neko-icon, sans-serif;\n    text-align: center;\n    color: #fff;\n    cursor: pointer;\n    background: var(--alpha-gradient);\n\n    &::after {\n      display: block;\n      inline-size: 100%;\n      block-size: 100%;\n      background-color: var(--c, #fff);\n      box-shadow: rgb(0 0 0 / 10%) 0 0 0 1px inset, rgb(0 0 0 / 10%) 0 0 4px inset;\n      text-shadow: var(--text-shadow);\n      content: '';\n    }\n\n    &:hover::after {\n      content: '';\n    }\n\n    &[data-copy='success']::after {\n      content: '✓';\n    }\n  }\n  ."," {\n    display: flex;\n    gap: 6px;\n  }\n  ."," {\n    flex: 1;\n\n    input {\n      inline-size: 100%;\n      text-align: center;\n    }\n  }\n  ."," {\n    border: none;\n    cursor: pointer;\n    inline-size: 46px;\n    font-size: 12px;\n    text-align: center;\n    color: var(--on-primary-selection);\n    background-color: var(--primary-selection);\n    text-transform: uppercase;\n    outline-color: var(--primary-outline);\n    transition-property: background-color, color, outline-color, border-radius, transform;\n    transition-timing-function: var(--transition-timing-function);\n    transition-duration: var(--transition-duration);\n\n    &:hover {\n      color: var(--primary-hover);\n    }\n\n    &:active {\n      color: var(--primary-active);\n      transform: scale(0.98);\n    }\n  }\n  ."," {\n    position: relative;\n    border-radius: 4px;\n    block-size: 150px;\n    background: linear-gradient(to top, hsl(0deg 0% 0% / calc(var(--a))), transparent) 0 / 100%,\n      linear-gradient(\n          to left,\n          hsl(calc(var(--h)) 100% 50% / calc(var(--a))),\n          hsl(0deg 0% 100% / calc(var(--a)))\n        )\n        0 / 100%,\n      var(--alpha-gradient);\n    opacity: 1;\n    transition: opacity 0.3s;\n    user-select: none;\n    cursor: crosshair;\n\n    &:active {\n      opacity: 0.99;\n    }\n\n    &::after {\n      position: absolute;\n      inset-block-start: calc((100 - var(--v)) * 1%);\n      inset-inline-start: calc(var(--s) * 1%);\n      border-radius: 3px;\n      inline-size: 6px;\n      block-size: 6px;\n      pointer-events: none;\n      content: '';\n      transform: translate(-50%, -50%);\n      box-shadow: inset 0 0 0 1px #fff, 0 0 1px rgb(0 0 0 / 20%), inset 0 0 2.5px 0 rgb(0 0 0 / 20%);\n    }\n  }\n  ."," {\n    display: flex;\n    padding: 8px 0;\n  }\n  ."," {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n    flex: 1;\n  }\n  ."," {\n    background-image: linear-gradient(to right, red, yellow, lime, cyan, blue, magenta, red);\n  }\n  ."," {\n    background: linear-gradient(\n        to right,\n        hsl(calc(var(--h)) 100% 50% / 0%),\n        hsl(calc(var(--h)) 100% 50% / 100%)\n      ),\n      var(--alpha-gradient);\n  }\n  ."," {\n    flex: 1;\n    display: block;\n    margin: 0;\n    border-radius: 5px;\n    inline-size: 100%;\n    block-size: 10px;\n    outline: 0;\n    cursor: pointer;\n    pointer-events: all;\n    appearance: none;\n\n    &::-webkit-slider-runnable-track {\n      position: relative;\n      display: flex;\n      align-items: center;\n    }\n\n    &::-webkit-slider-thumb {\n      appearance: none;\n      position: relative;\n      border-radius: 50%;\n      inline-size: 10px;\n      block-size: 10px;\n      background: #fff;\n      box-shadow: 0 0 10px rgb(0 0 0 / 10%);\n      transition: 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46);\n      transform: scale(1.2);\n    }\n\n    &::-moz-range-thumb {\n      position: relative;\n      border: 0;\n      border-radius: 50%;\n      background: #fff;\n      box-shadow: 0 0 10px rgb(0 0 0 / 10%);\n      transition: 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46);\n      inline-size: 10px;\n      block-size: 10px;\n      transform: scale(1.2);\n      box-sizing: border-box;\n      pointer-events: none;\n    }\n\n    &::-webkit-slider-thumb:active,\n    &:focus::-webkit-slider-thumb {\n      transform: scale(1.5);\n    }\n\n    &::-moz-range-thumb:active,\n    &:focus::-moz-range-thumb {\n      transform: scale(1.5);\n    }\n  }\n\n  .","."," {\n    &::-webkit-slider-thumb {\n      inline-size: 26px;\n      block-size: 26px;\n    }\n\n    &::-moz-range-thumb {\n      inline-size: 26px;\n      block-size: 26px;\n    }\n  }\n  ."," {\n    display: grid;\n    padding-block-start: 8px;\n    grid-template-columns: repeat(auto-fit, minmax(15px, 20px));\n    grid-gap: 8px;\n\n    i {\n      position: relative;\n      border: 0;\n      padding-block-start: 100%;\n      padding-block-end: 0;\n      inline-size: 100%;\n      background-color: var(--c);\n      outline: 0;\n      cursor: pointer;\n      transition: 0.15s box-shadow ease;\n\n      &::before {\n        position: absolute;\n        inset-block-start: 0;\n        inset-inline-start: 0;\n        z-index: -1;\n        inline-size: 100%;\n        block-size: 100%;\n        background: var(--alpha-gradient);\n        content: '';\n      }\n\n      &:hover,\n      &:focus {\n        box-shadow: 2px 2px 3px 0 var(--c);\n      }\n    }\n  }\n"],["\n  ."," {\n    --alpha-gradient: repeating-conic-gradient(#eee 0 25%, transparent 0 50%) 0 / 10px 10px;\n\n    inline-size: 100%;\n    box-sizing: border-box;\n    user-select: none;\n  }\n  .",", .","&::after, .",", ."," i,\n  ."," i::before {\n    border-radius: var(--border-radius);\n  }\n  ."," {\n    margin-inline-start: 6px;\n    inline-size: 46px;\n    min-block-size: 26px;\n    font-family: neko-icon, sans-serif;\n    text-align: center;\n    color: #fff;\n    cursor: pointer;\n    background: var(--alpha-gradient);\n\n    &::after {\n      display: block;\n      inline-size: 100%;\n      block-size: 100%;\n      background-color: var(--c, #fff);\n      box-shadow: rgb(0 0 0 / 10%) 0 0 0 1px inset, rgb(0 0 0 / 10%) 0 0 4px inset;\n      text-shadow: var(--text-shadow);\n      content: '';\n    }\n\n    &:hover::after {\n      content: '\\ue631';\n    }\n\n    &[data-copy='success']::after {\n      content: '✓';\n    }\n  }\n  ."," {\n    display: flex;\n    gap: 6px;\n  }\n  ."," {\n    flex: 1;\n\n    input {\n      inline-size: 100%;\n      text-align: center;\n    }\n  }\n  ."," {\n    border: none;\n    cursor: pointer;\n    inline-size: 46px;\n    font-size: 12px;\n    text-align: center;\n    color: var(--on-primary-selection);\n    background-color: var(--primary-selection);\n    text-transform: uppercase;\n    outline-color: var(--primary-outline);\n    transition-property: background-color, color, outline-color, border-radius, transform;\n    transition-timing-function: var(--transition-timing-function);\n    transition-duration: var(--transition-duration);\n\n    &:hover {\n      color: var(--primary-hover);\n    }\n\n    &:active {\n      color: var(--primary-active);\n      transform: scale(0.98);\n    }\n  }\n  ."," {\n    position: relative;\n    border-radius: 4px;\n    block-size: 150px;\n    background: linear-gradient(to top, hsl(0deg 0% 0% / calc(var(--a))), transparent) 0 / 100%,\n      linear-gradient(\n          to left,\n          hsl(calc(var(--h)) 100% 50% / calc(var(--a))),\n          hsl(0deg 0% 100% / calc(var(--a)))\n        )\n        0 / 100%,\n      var(--alpha-gradient);\n    opacity: 1;\n    transition: opacity 0.3s;\n    user-select: none;\n    cursor: crosshair;\n\n    &:active {\n      opacity: 0.99;\n    }\n\n    &::after {\n      position: absolute;\n      inset-block-start: calc((100 - var(--v)) * 1%);\n      inset-inline-start: calc(var(--s) * 1%);\n      border-radius: 3px;\n      inline-size: 6px;\n      block-size: 6px;\n      pointer-events: none;\n      content: '';\n      transform: translate(-50%, -50%);\n      box-shadow: inset 0 0 0 1px #fff, 0 0 1px rgb(0 0 0 / 20%), inset 0 0 2.5px 0 rgb(0 0 0 / 20%);\n    }\n  }\n  ."," {\n    display: flex;\n    padding: 8px 0;\n  }\n  ."," {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n    flex: 1;\n  }\n  ."," {\n    background-image: linear-gradient(to right, red, yellow, lime, cyan, blue, magenta, red);\n  }\n  ."," {\n    background: linear-gradient(\n        to right,\n        hsl(calc(var(--h)) 100% 50% / 0%),\n        hsl(calc(var(--h)) 100% 50% / 100%)\n      ),\n      var(--alpha-gradient);\n  }\n  ."," {\n    flex: 1;\n    display: block;\n    margin: 0;\n    border-radius: 5px;\n    inline-size: 100%;\n    block-size: 10px;\n    outline: 0;\n    cursor: pointer;\n    pointer-events: all;\n    appearance: none;\n\n    &::-webkit-slider-runnable-track {\n      position: relative;\n      display: flex;\n      align-items: center;\n    }\n\n    &::-webkit-slider-thumb {\n      appearance: none;\n      position: relative;\n      border-radius: 50%;\n      inline-size: 10px;\n      block-size: 10px;\n      background: #fff;\n      box-shadow: 0 0 10px rgb(0 0 0 / 10%);\n      transition: 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46);\n      transform: scale(1.2);\n    }\n\n    &::-moz-range-thumb {\n      position: relative;\n      border: 0;\n      border-radius: 50%;\n      background: #fff;\n      box-shadow: 0 0 10px rgb(0 0 0 / 10%);\n      transition: 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46);\n      inline-size: 10px;\n      block-size: 10px;\n      transform: scale(1.2);\n      box-sizing: border-box;\n      pointer-events: none;\n    }\n\n    &::-webkit-slider-thumb:active,\n    &:focus::-webkit-slider-thumb {\n      transform: scale(1.5);\n    }\n\n    &::-moz-range-thumb:active,\n    &:focus::-moz-range-thumb {\n      transform: scale(1.5);\n    }\n  }\n\n  .","."," {\n    &::-webkit-slider-thumb {\n      inline-size: 26px;\n      block-size: 26px;\n    }\n\n    &::-moz-range-thumb {\n      inline-size: 26px;\n      block-size: 26px;\n    }\n  }\n  ."," {\n    display: grid;\n    padding-block-start: 8px;\n    grid-template-columns: repeat(auto-fit, minmax(15px, 20px));\n    grid-gap: 8px;\n\n    i {\n      position: relative;\n      border: 0;\n      padding-block-start: 100%;\n      padding-block-end: 0;\n      inline-size: 100%;\n      background-color: var(--c);\n      outline: 0;\n      cursor: pointer;\n      transition: 0.15s box-shadow ease;\n\n      &::before {\n        position: absolute;\n        inset-block-start: 0;\n        inset-inline-start: 0;\n        z-index: -1;\n        inline-size: 100%;\n        block-size: 100%;\n        background: var(--alpha-gradient);\n        content: '';\n      }\n\n      &:hover,\n      &:focus {\n        box-shadow: 2px 2px 3px 0 var(--c);\n      }\n    }\n  }\n"]);_templateObject=function _templateObject(){return data};return data}var cls={palette:(0,_prefixcls.default)("color-palette"),picker:(0,_prefixcls.default)("color-palette-picker"),preview:(0,_prefixcls.default)("color-palette-preview"),form:(0,_prefixcls.default)("color-palette-form"),input:(0,_prefixcls.default)("color-palette-input"),switch:(0,_prefixcls.default)("color-palette-switch"),chooser:(0,_prefixcls.default)("color-chooser"),range:(0,_prefixcls.default)("color-range"),hue:(0,_prefixcls.default)("color-hue"),opacity:(0,_prefixcls.default)("color-opacity"),color:(0,_prefixcls.default)("color-color"),slider:(0,_prefixcls.default)("color-slider"),cmykHue:(0,_prefixcls.default)("color-slider-cmyk-hue")};(0,_emotion.injectGlobal)(_templateObject(),cls.palette,cls.preview,cls.preview,cls.switch,cls.color,cls.color,cls.preview,cls.form,cls.input,cls.switch,cls.picker,cls.chooser,cls.range,cls.hue,cls.opacity,cls.slider,cls.cmykHue,cls.slider,cls.color);
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"cls",{enumerable:true,get:function(){return cls}});var _emotion=require("../emotion");var _prefixcls=_interop_require_default(require("../prefix-cls"));function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}function _tagged_template_literal(strings,raw){if(!raw){raw=strings.slice(0)}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}function _templateObject(){var data=_tagged_template_literal(["\n  ."," {\n    --alpha-gradient: repeating-conic-gradient(#eee 0 25%, transparent 0 50%) 0 / 10px 10px;\n\n    inline-size: 100%;\n    box-sizing: border-box;\n    user-select: none;\n  }\n  .",", .","&::after, .",", ."," i,\n  ."," i::before {\n    border-radius: var(--border-radius);\n  }\n  ."," {\n    margin-inline-start: 6px;\n    inline-size: 46px;\n    min-block-size: 26px;\n    font-family: neko-icon, sans-serif;\n    text-align: center;\n    color: #fff;\n    cursor: pointer;\n    background: var(--alpha-gradient);\n\n    &::after {\n      display: block;\n      inline-size: 100%;\n      block-size: 100%;\n      background-color: var(--c);\n      box-shadow: rgb(0 0 0 / 10%) 0 0 0 1px inset, rgb(0 0 0 / 10%) 0 0 4px inset;\n      text-shadow: var(--text-shadow);\n      content: '';\n    }\n\n    &:hover::after {\n      content: '';\n    }\n\n    &[data-copy='success']::after {\n      content: '✓';\n    }\n  }\n  ."," {\n    display: flex;\n    gap: 6px;\n  }\n  ."," {\n    flex: 1;\n\n    input {\n      inline-size: 100%;\n      text-align: center;\n    }\n  }\n  ."," {\n    border: none;\n    cursor: pointer;\n    inline-size: 46px;\n    font-size: 12px;\n    text-align: center;\n    color: var(--on-primary-selection);\n    background-color: var(--primary-selection);\n    text-transform: uppercase;\n    outline-color: var(--primary-outline);\n    transition-property: background-color, color, outline-color, border-radius, transform;\n    transition-timing-function: var(--transition-timing-function);\n    transition-duration: var(--transition-duration);\n\n    &:hover {\n      color: var(--primary-hover);\n    }\n\n    &:active {\n      color: var(--primary-active);\n      transform: scale(0.98);\n    }\n  }\n  ."," {\n    position: relative;\n    border-radius: 4px;\n    block-size: 150px;\n    background: linear-gradient(to top, hsl(0deg 0% 0% / calc(var(--a))), transparent) 0 / 100%,\n      linear-gradient(\n          to left,\n          hsl(calc(var(--h)) 100% 50% / calc(var(--a))),\n          hsl(0deg 0% 100% / calc(var(--a)))\n        )\n        0 / 100%,\n      var(--alpha-gradient);\n    opacity: 1;\n    transition: opacity 0.3s;\n    user-select: none;\n    cursor: crosshair;\n\n    &:active {\n      opacity: 0.99;\n    }\n\n    &::after {\n      position: absolute;\n      inset-block-start: calc((100 - var(--v)) * 1%);\n      inset-inline-start: calc(var(--s) * 1%);\n      border-radius: 3px;\n      inline-size: 6px;\n      block-size: 6px;\n      pointer-events: none;\n      content: '';\n      transform: translate(-50%, -50%);\n      box-shadow: inset 0 0 0 1px #fff, 0 0 1px rgb(0 0 0 / 20%), inset 0 0 2.5px 0 rgb(0 0 0 / 20%);\n    }\n  }\n  ."," {\n    display: flex;\n    padding: 8px 0;\n  }\n  ."," {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n    flex: 1;\n  }\n  ."," {\n    background-image: linear-gradient(to right, red, yellow, lime, cyan, blue, magenta, red);\n  }\n  ."," {\n    background: linear-gradient(\n        to right,\n        hsl(calc(var(--h)) 100% 50% / 0%),\n        hsl(calc(var(--h)) 100% 50% / 100%)\n      ),\n      var(--alpha-gradient);\n  }\n  ."," {\n    flex: 1;\n    display: block;\n    margin: 0;\n    border-radius: 5px;\n    inline-size: 100%;\n    block-size: 10px;\n    outline: 0;\n    cursor: pointer;\n    pointer-events: all;\n    appearance: none;\n\n    &::-webkit-slider-runnable-track {\n      position: relative;\n      display: flex;\n      align-items: center;\n    }\n\n    &::-webkit-slider-thumb {\n      appearance: none;\n      position: relative;\n      border-radius: 50%;\n      inline-size: 10px;\n      block-size: 10px;\n      background: #fff;\n      box-shadow: 0 0 10px rgb(0 0 0 / 10%);\n      transition: 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46);\n      transform: scale(1.2);\n    }\n\n    &::-moz-range-thumb {\n      position: relative;\n      border: 0;\n      border-radius: 50%;\n      background: #fff;\n      box-shadow: 0 0 10px rgb(0 0 0 / 10%);\n      transition: 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46);\n      inline-size: 10px;\n      block-size: 10px;\n      transform: scale(1.2);\n      box-sizing: border-box;\n      pointer-events: none;\n    }\n\n    &::-webkit-slider-thumb:active,\n    &:focus::-webkit-slider-thumb {\n      transform: scale(1.5);\n    }\n\n    &::-moz-range-thumb:active,\n    &:focus::-moz-range-thumb {\n      transform: scale(1.5);\n    }\n  }\n\n  .","."," {\n    &::-webkit-slider-thumb {\n      inline-size: 26px;\n      block-size: 26px;\n    }\n\n    &::-moz-range-thumb {\n      inline-size: 26px;\n      block-size: 26px;\n    }\n  }\n  ."," {\n    display: flex;\n    padding-block-start: 8px;\n    gap: 5px 9px;\n    flex-wrap: wrap;\n\n    i {\n      position: relative;\n      border: 0;\n      background-color: var(--c, transparent);\n      outline: 0;\n      cursor: pointer;\n      inline-size: 20px;\n      block-size: 20px;\n      font-style: normal;\n      text-align: center;\n      line-height: 17px;\n      font-size: 28px;\n\n      &::before,\n      &::after {\n        position: absolute;\n        inset-block-start: 0;\n        inset-inline-start: 0;\n        inline-size: 100%;\n        block-size: 100%;\n        content: '';\n      }\n\n      &::before {\n        background: var(--alpha-gradient);\n        content: '⍝';\n        z-index: -1;\n      }\n\n      &::after {\n        border-radius: inherit;\n        background-color: var(--c, transparent);\n        opacity: 0;\n        transition: 0.3s transform ease, 0.3s opacity ease;\n      }\n\n      &:hover::after {\n        transform: translate3d(2px, 2px, 0);\n        opacity: 0.3;\n      }\n    }\n  }\n"],["\n  ."," {\n    --alpha-gradient: repeating-conic-gradient(#eee 0 25%, transparent 0 50%) 0 / 10px 10px;\n\n    inline-size: 100%;\n    box-sizing: border-box;\n    user-select: none;\n  }\n  .",", .","&::after, .",", ."," i,\n  ."," i::before {\n    border-radius: var(--border-radius);\n  }\n  ."," {\n    margin-inline-start: 6px;\n    inline-size: 46px;\n    min-block-size: 26px;\n    font-family: neko-icon, sans-serif;\n    text-align: center;\n    color: #fff;\n    cursor: pointer;\n    background: var(--alpha-gradient);\n\n    &::after {\n      display: block;\n      inline-size: 100%;\n      block-size: 100%;\n      background-color: var(--c);\n      box-shadow: rgb(0 0 0 / 10%) 0 0 0 1px inset, rgb(0 0 0 / 10%) 0 0 4px inset;\n      text-shadow: var(--text-shadow);\n      content: '';\n    }\n\n    &:hover::after {\n      content: '\\ue631';\n    }\n\n    &[data-copy='success']::after {\n      content: '✓';\n    }\n  }\n  ."," {\n    display: flex;\n    gap: 6px;\n  }\n  ."," {\n    flex: 1;\n\n    input {\n      inline-size: 100%;\n      text-align: center;\n    }\n  }\n  ."," {\n    border: none;\n    cursor: pointer;\n    inline-size: 46px;\n    font-size: 12px;\n    text-align: center;\n    color: var(--on-primary-selection);\n    background-color: var(--primary-selection);\n    text-transform: uppercase;\n    outline-color: var(--primary-outline);\n    transition-property: background-color, color, outline-color, border-radius, transform;\n    transition-timing-function: var(--transition-timing-function);\n    transition-duration: var(--transition-duration);\n\n    &:hover {\n      color: var(--primary-hover);\n    }\n\n    &:active {\n      color: var(--primary-active);\n      transform: scale(0.98);\n    }\n  }\n  ."," {\n    position: relative;\n    border-radius: 4px;\n    block-size: 150px;\n    background: linear-gradient(to top, hsl(0deg 0% 0% / calc(var(--a))), transparent) 0 / 100%,\n      linear-gradient(\n          to left,\n          hsl(calc(var(--h)) 100% 50% / calc(var(--a))),\n          hsl(0deg 0% 100% / calc(var(--a)))\n        )\n        0 / 100%,\n      var(--alpha-gradient);\n    opacity: 1;\n    transition: opacity 0.3s;\n    user-select: none;\n    cursor: crosshair;\n\n    &:active {\n      opacity: 0.99;\n    }\n\n    &::after {\n      position: absolute;\n      inset-block-start: calc((100 - var(--v)) * 1%);\n      inset-inline-start: calc(var(--s) * 1%);\n      border-radius: 3px;\n      inline-size: 6px;\n      block-size: 6px;\n      pointer-events: none;\n      content: '';\n      transform: translate(-50%, -50%);\n      box-shadow: inset 0 0 0 1px #fff, 0 0 1px rgb(0 0 0 / 20%), inset 0 0 2.5px 0 rgb(0 0 0 / 20%);\n    }\n  }\n  ."," {\n    display: flex;\n    padding: 8px 0;\n  }\n  ."," {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n    flex: 1;\n  }\n  ."," {\n    background-image: linear-gradient(to right, red, yellow, lime, cyan, blue, magenta, red);\n  }\n  ."," {\n    background: linear-gradient(\n        to right,\n        hsl(calc(var(--h)) 100% 50% / 0%),\n        hsl(calc(var(--h)) 100% 50% / 100%)\n      ),\n      var(--alpha-gradient);\n  }\n  ."," {\n    flex: 1;\n    display: block;\n    margin: 0;\n    border-radius: 5px;\n    inline-size: 100%;\n    block-size: 10px;\n    outline: 0;\n    cursor: pointer;\n    pointer-events: all;\n    appearance: none;\n\n    &::-webkit-slider-runnable-track {\n      position: relative;\n      display: flex;\n      align-items: center;\n    }\n\n    &::-webkit-slider-thumb {\n      appearance: none;\n      position: relative;\n      border-radius: 50%;\n      inline-size: 10px;\n      block-size: 10px;\n      background: #fff;\n      box-shadow: 0 0 10px rgb(0 0 0 / 10%);\n      transition: 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46);\n      transform: scale(1.2);\n    }\n\n    &::-moz-range-thumb {\n      position: relative;\n      border: 0;\n      border-radius: 50%;\n      background: #fff;\n      box-shadow: 0 0 10px rgb(0 0 0 / 10%);\n      transition: 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46);\n      inline-size: 10px;\n      block-size: 10px;\n      transform: scale(1.2);\n      box-sizing: border-box;\n      pointer-events: none;\n    }\n\n    &::-webkit-slider-thumb:active,\n    &:focus::-webkit-slider-thumb {\n      transform: scale(1.5);\n    }\n\n    &::-moz-range-thumb:active,\n    &:focus::-moz-range-thumb {\n      transform: scale(1.5);\n    }\n  }\n\n  .","."," {\n    &::-webkit-slider-thumb {\n      inline-size: 26px;\n      block-size: 26px;\n    }\n\n    &::-moz-range-thumb {\n      inline-size: 26px;\n      block-size: 26px;\n    }\n  }\n  ."," {\n    display: flex;\n    padding-block-start: 8px;\n    gap: 5px 9px;\n    flex-wrap: wrap;\n\n    i {\n      position: relative;\n      border: 0;\n      background-color: var(--c, transparent);\n      outline: 0;\n      cursor: pointer;\n      inline-size: 20px;\n      block-size: 20px;\n      font-style: normal;\n      text-align: center;\n      line-height: 17px;\n      font-size: 28px;\n\n      &::before,\n      &::after {\n        position: absolute;\n        inset-block-start: 0;\n        inset-inline-start: 0;\n        inline-size: 100%;\n        block-size: 100%;\n        content: '';\n      }\n\n      &::before {\n        background: var(--alpha-gradient);\n        content: '⍝';\n        z-index: -1;\n      }\n\n      &::after {\n        border-radius: inherit;\n        background-color: var(--c, transparent);\n        opacity: 0;\n        transition: 0.3s transform ease, 0.3s opacity ease;\n      }\n\n      &:hover::after {\n        transform: translate3d(2px, 2px, 0);\n        opacity: 0.3;\n      }\n    }\n  }\n"]);_templateObject=function _templateObject(){return data};return data}var cls={palette:(0,_prefixcls.default)("color-palette"),picker:(0,_prefixcls.default)("color-palette-picker"),preview:(0,_prefixcls.default)("color-palette-preview"),form:(0,_prefixcls.default)("color-palette-form"),input:(0,_prefixcls.default)("color-palette-input"),switch:(0,_prefixcls.default)("color-palette-switch"),chooser:(0,_prefixcls.default)("color-chooser"),range:(0,_prefixcls.default)("color-range"),hue:(0,_prefixcls.default)("color-hue"),opacity:(0,_prefixcls.default)("color-opacity"),color:(0,_prefixcls.default)("color-color"),slider:(0,_prefixcls.default)("color-slider"),cmykHue:(0,_prefixcls.default)("color-slider-cmyk-hue")};(0,_emotion.injectGlobal)(_templateObject(),cls.palette,cls.preview,cls.preview,cls.switch,cls.color,cls.color,cls.preview,cls.form,cls.input,cls.switch,cls.picker,cls.chooser,cls.range,cls.hue,cls.opacity,cls.slider,cls.cmykHue,cls.slider,cls.color);

package/lib/emotion/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:all[name]})}_export(exports,{css:function(){return css},cx:function(){return cx},flush:function(){return flush},hydrate:function(){return hydrate},injectGlobal:function(){return injectGlobal},keyframes:function(){return keyframes},sheet:function(){return sheet},cache:function(){return cache},merge:function(){return merge},getRegisteredStyles:function(){return getRegisteredStyles}});var _createinstance=_interop_require_default(require("@emotion/css/create-instance"));var _stylis=require("stylis");var _stylispx2remplugin=_interop_require_default(require("stylis-px2rem-plugin"));var _colorscheme=require("../color-scheme");function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}function _tagged_template_literal(strings,raw){if(!raw){raw=strings.slice(0)}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}function _templateObject(){var data=_tagged_template_literal(["\n  :root {\n    --font-size: 14px;\n    --font-size-sm: 12px;\n    --font-size-xs: 10px;\n    --font-size-lg: 16px;\n    --disable-color: rgb(0 0 0 / 25%);\n    --disable-bg: rgb(0 0 0 / 4%);\n    --disable-border: #d9d9d9;\n    --border-base: 1px solid var(--border-color);\n    --border-color: var(--primary-border);\n    --border-radius: 8px;\n    --component-bg: var(--primary-bg);\n    --text-color: var(--primary-text);\n    --text-secondary: var(--primary-secondary);\n    --text-heading: var(--primary-heading);\n    --text-selection: var(--primary-selection);\n    --box-shadow-base: var(--primary-base-shadow);\n    --transition-duration: 0.3s;\n    --transition-timing-function: cubic-bezier(0.94, -0.1, 0.1, 1.2);\n    ","\n    ","\n    ","\n    ","\n\n   \n  }\n  [disabled]:not([disabled=false]) {\n    cursor: not-allowed;\n    color: var(--disable-color);\n  }\n  ::selection {\n    background-color: var(--text-selection);\n  }\n  :root[data-theme='dark'] {\n    --disable-color: rgb(255 255 255 / 25%);\n    --disable-bg: rgb(255 255 255 / 8%);\n    --disable-border: #424242;\n    --border-color: #303030;\n    ","\n    ","\n    ","\n    ","\n  }\n"]);_templateObject=function _templateObject(){return data};return data}var _createEmotion=(0,_createinstance.default)({key:"n",stylisPlugins:[(0,_stylispx2remplugin.default)(),_stylis.prefixer]});var css=_createEmotion.css,cx=_createEmotion.cx,flush=_createEmotion.flush,hydrate=_createEmotion.hydrate,injectGlobal=_createEmotion.injectGlobal,keyframes=_createEmotion.keyframes,sheet=_createEmotion.sheet,cache=_createEmotion.cache,merge=_createEmotion.merge,getRegisteredStyles=_createEmotion.getRegisteredStyles;injectGlobal(_templateObject(),(0,_colorscheme.generateTheme)("#5794ff",{name:"primary"}),(0,_colorscheme.generateTheme)("#faad14",{name:"warning"}),(0,_colorscheme.generateTheme)("#ff4d4f",{name:"error"}),(0,_colorscheme.generateTheme)("#52c41a",{name:"success"}),(0,_colorscheme.generateTheme)("#4d81dc",{name:"primary",dark:true}),(0,_colorscheme.generateTheme)("#bb8314",{name:"warning",dark:true}),(0,_colorscheme.generateTheme)("#901c22",{name:"error",dark:true}),(0,_colorscheme.generateTheme)("#419418",{name:"success",dark:true}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:all[name]})}_export(exports,{css:function(){return css},cx:function(){return cx},flush:function(){return flush},hydrate:function(){return hydrate},injectGlobal:function(){return injectGlobal},keyframes:function(){return keyframes},sheet:function(){return sheet},cache:function(){return cache},merge:function(){return merge},getRegisteredStyles:function(){return getRegisteredStyles}});var _createinstance=_interop_require_default(require("@emotion/css/create-instance"));var _stylis=require("stylis");var _stylispx2remplugin=_interop_require_default(require("stylis-px2rem-plugin"));var _colorscheme=require("../color-scheme");function _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}function _tagged_template_literal(strings,raw){if(!raw){raw=strings.slice(0)}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}function _templateObject(){var data=_tagged_template_literal(["\n  :root {\n    --font-size: 14px;\n    --font-size-sm: 12px;\n    --font-size-xs: 10px;\n    --font-size-lg: 16px;\n    --disable-color: rgb(0 0 0 / 25%);\n    --disable-bg: rgb(0 0 0 / 4%);\n    --disable-border: #d9d9d9;\n    --border-base: 1px solid var(--border-color);\n    --border-color: var(--primary-border);\n    --border-radius: 8px;\n    --component-bg: var(--primary-bg);\n    --text-color: var(--primary-text);\n    --text-secondary: var(--primary-secondary);\n    --text-heading: var(--primary-heading);\n    --text-selection: var(--primary-selection);\n    --box-shadow-base: var(--primary-base-shadow);\n    --transition-duration: 0.3s;\n    --transition-timing-function: cubic-bezier(0.94, -0.1, 0.1, 1.2);\n    ","\n    ","\n    ","\n    ","\n\n   \n  }\n  [disabled]:not([disabled=false]) {\n    cursor: not-allowed;\n    color: var(--disable-color);\n  }\n  ::selection {\n    background-color: var(--text-selection);\n  }\n  :root[data-theme='dark'] {\n    --disable-color: rgb(255 255 255 / 25%);\n    --disable-bg: rgb(255 255 255 / 8%);\n    --disable-border: #424242;\n    --border-color: #303030;\n    ","\n    ","\n    ","\n    ","\n    --component-bg: #141414;\n    --primary-shadow: rgb(0 0 0 / 12%);\n    --primary-selection: rgb(255 255 255 / 5%);\n    --primary-details-bg: rgb(255 255 255 / 5%);\n    --primary-component-bg: #000;\n  }\n"]);_templateObject=function _templateObject(){return data};return data}var _createEmotion=(0,_createinstance.default)({key:"n",stylisPlugins:[(0,_stylispx2remplugin.default)(),_stylis.prefixer]});var css=_createEmotion.css,cx=_createEmotion.cx,flush=_createEmotion.flush,hydrate=_createEmotion.hydrate,injectGlobal=_createEmotion.injectGlobal,keyframes=_createEmotion.keyframes,sheet=_createEmotion.sheet,cache=_createEmotion.cache,merge=_createEmotion.merge,getRegisteredStyles=_createEmotion.getRegisteredStyles;injectGlobal(_templateObject(),(0,_colorscheme.generateTheme)("#5794ff",{name:"primary"}),(0,_colorscheme.generateTheme)("#faad14",{name:"warning"}),(0,_colorscheme.generateTheme)("#ff4d4f",{name:"error"}),(0,_colorscheme.generateTheme)("#52c41a",{name:"success"}),(0,_colorscheme.generateTheme)("#4d81dc",{name:"primary",dark:true}),(0,_colorscheme.generateTheme)("#bb8314",{name:"warning",dark:true}),(0,_colorscheme.generateTheme)("#901c22",{name:"error",dark:true}),(0,_colorscheme.generateTheme)("#419418",{name:"success",dark:true}));

package/lib/input-number/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function(){return _default}});var _react=_interop_require_wildcard(require("react"));var _common=require("@moneko/common");var _style=require("./style");var _emotion=require("../emotion");var _index=require("../index");function _array_like_to_array(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 _array_with_holes(arr){if(Array.isArray(arr))return arr}function _define_property(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 _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap;var cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interop_require_wildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj}}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj)}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc)}else{newObj[key]=obj[key]}}}newObj.default=obj;if(cache){cache.set(obj,newObj)}return newObj}function _iterable_to_array_limit(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 _non_iterable_rest(){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 _object_spread(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){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(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 _object_without_properties_loose(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 _sliced_to_array(arr,i){return _array_with_holes(arr)||_iterable_to_array_limit(arr,i)||_unsupported_iterable_to_array(arr,i)||_non_iterable_rest()}function _unsupported_iterable_to_array(o,minLen){if(!o)return;if(typeof o==="string")return _array_like_to_array(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 _array_like_to_array(o,minLen)}var InputNumber=function(_param){var value=_param.value,_param_min=_param.min,min=_param_min===void 0?Number.MIN_SAFE_INTEGER:_param_min,_param_max=_param.max,max=_param_max===void 0?Number.MAX_SAFE_INTEGER:_param_max,_param_step=_param.step,step=_param_step===void 0?1:_param_step,formatter=_param.formatter,parser=_param.parser,onChange=_param.onChange,onMouseDown=_param.onMouseDown,onKeyDown=_param.onKeyDown,_param_precision=_param.precision,precision=_param_precision===void 0?2:_param_precision,className=_param.className,prpos=_object_without_properties(_param,["value","min","max","step","formatter","parser","onChange","onMouseDown","onKeyDown","precision","className"]);var valRef=(0,_react.useRef)(value);var _useState=_sliced_to_array((0,_react.useState)(false),2),move=_useState[0],setMove=_useState[1];var handleChange=(0,_react.useCallback)(function(val){var _val=typeof val==="string"?parseFloat(val):val;if(isNaN(_val)){_val=""}if(typeof _val!=="undefined"){if(_val<min)_val=min;if(_val>max)_val=max}if(valRef.current!==_val){Object.assign(valRef,{current:_val});onChange===null||onChange===void 0?void 0:onChange(_val)}},[max,min,onChange]);var handleMouseDown=(0,_react.useCallback)(function(e){setMove(true);onMouseDown===null||onMouseDown===void 0?void 0:onMouseDown(e)},[onMouseDown]);var handleMouseMove=(0,_common.throttle)((0,_react.useCallback)(function(param){var movementX=param.movementX,movementY=param.movementY;var allStep=(movementX-movementY)*step;var val=typeof valRef.current==="number"&&!isNaN(valRef.current)?valRef.current:0;handleChange(Number(Number(val+allStep).toFixed(precision)))},[step,handleChange,precision]),4);var handleMouseUp=(0,_react.useCallback)(function(){setMove(false)},[]);var handleKeyDown=(0,_react.useCallback)(function(e){if(e.key==="ArrowUp"){handleMouseMove({movementX:0,movementY:-1})}else if(e.key==="ArrowDown"){handleMouseMove({movementX:0,movementY:1})}onKeyDown===null||onKeyDown===void 0?void 0:onKeyDown(e)},[handleMouseMove,onKeyDown]);(0,_react.useEffect)(function(){Object.assign(valRef,{current:value})},[value]);(0,_react.useEffect)(function(){if(move){document.body.addEventListener("mouseup",handleMouseUp,_common.passiveSupported);document.body.addEventListener("mousemove",handleMouseMove,_common.passiveSupported)}return function(){document.body.removeEventListener("mouseup",handleMouseUp,_common.passiveSupported);document.body.removeEventListener("mousemove",handleMouseMove,_common.passiveSupported)}},[handleMouseMove,handleMouseUp,move]);return _react.default.createElement(_index.Input,_object_spread_props(_object_spread({},prpos),{className:(0,_emotion.cx)(_style.cls.number,className),value:value,max:max,min:min,onChange:function(v){return handleChange(v)},onMouseDown:handleMouseDown,onKeyDown:handleKeyDown,parser:parser,formatter:formatter}))};var _default=InputNumber;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function(){return _default}});var _react=_interop_require_wildcard(require("react"));var _common=require("@moneko/common");var _sharedstoreobject=_interop_require_default(require("shared-store-object"));var _style=require("./style");var _emotion=require("../emotion");var _index=require("../index");function _define_property(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 _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap;var cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interop_require_wildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj}}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj)}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc)}else{newObj[key]=obj[key]}}}newObj.default=obj;if(cache){cache.set(obj,newObj)}return newObj}function _object_spread(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){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(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 _object_without_properties_loose(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}var InputNumber=function(_param){var value=_param.value,_param_min=_param.min,min=_param_min===void 0?Number.MIN_SAFE_INTEGER:_param_min,_param_max=_param.max,max=_param_max===void 0?Number.MAX_SAFE_INTEGER:_param_max,_param_step=_param.step,step=_param_step===void 0?1:_param_step,formatter=_param.formatter,parser=_param.parser,onChange=_param.onChange,onMouseDown=_param.onMouseDown,onKeyDown=_param.onKeyDown,_param_precision=_param.precision,precision=_param_precision===void 0?2:_param_precision,className=_param.className,prpos=_object_without_properties(_param,["value","min","max","step","formatter","parser","onChange","onMouseDown","onKeyDown","precision","className"]);var state=(0,_react.useRef)((0,_sharedstoreobject.default)({move:false,value:value,precision:precision,step:step,min:min,max:max,mouseUp:function mouseUp(){state.current.move=false},mouseMove:function mouseMove(param){var movementX=param.movementX,movementY=param.movementY;var _val=state.current.value;var val=typeof _val==="number"&&!isNaN(_val)?_val:0;state.current.change(Number(Number(val+(movementX-movementY)*state.current.step).toFixed(state.current.precision)))},mouseDown:function mouseDown(e){state.current.move=true;onMouseDown===null||onMouseDown===void 0?void 0:onMouseDown(e)},keyDown:function keyDown(e){if(e.key==="ArrowUp"){state.current.mouseMove({movementX:0,movementY:-1})}else if(e.key==="ArrowDown"){state.current.mouseMove({movementX:0,movementY:1})}onKeyDown===null||onKeyDown===void 0?void 0:onKeyDown(e)},change:function change(val){var _val=typeof val==="string"?parseFloat(val):val;if(isNaN(_val)){_val=""}if(typeof _val!=="undefined"){if(_val<state.current.min)_val=state.current.min;if(_val>state.current.max)_val=state.current.max}if(state.current.value!==_val){state.current.value=_val;onChange===null||onChange===void 0?void 0:onChange(_val)}}}));var move=state.current.move;(0,_react.useEffect)(function(){state.current.value=value},[value]);(0,_react.useEffect)(function(){state.current.precision=precision},[precision]);(0,_react.useEffect)(function(){state.current.step=step},[step]);(0,_react.useEffect)(function(){state.current.min=min},[min]);(0,_react.useEffect)(function(){state.current.max=max},[max]);(0,_react.useEffect)(function(){var _state=state.current;if(move){document.body.addEventListener("mousemove",_state.mouseMove,_common.passiveSupported)}return function(){document.body.removeEventListener("mousemove",_state.mouseMove,_common.passiveSupported)}},[move]);(0,_react.useEffect)(function(){var _state=state.current;document.body.addEventListener("mouseup",_state.mouseUp,_common.passiveSupported);return function(){document.body.removeEventListener("mouseup",_state.mouseUp,_common.passiveSupported);_state()}},[]);return _react.default.createElement(_index.Input,_object_spread_props(_object_spread({},prpos),{className:(0,_emotion.cx)(_style.cls.number,className),value:value,max:max,min:min,onChange:state.current.change,onMouseDown:state.current.mouseDown,onKeyDown:state.current.keyDown,parser:parser,formatter:formatter}))};var _default=InputNumber;

package/lib/photo/index.d.ts

@@ -16,5 +16,5 @@ export interface PhotoProps {
     onOpenChange?: (open: boolean) => void;
     onOffsetChange?: (offset: number) => void;
 }
-declare function Photo(props: PhotoProps): JSX.Element;
+declare function Photo(props: PhotoProps): import("react/jsx-runtime").JSX.Element;
 export default Photo;

package/lib/prism/prism.css

@@ -6,7 +6,7 @@
 [data-theme='dark'] {
     --code-color: #eee;
     --code-lang-style-color: #fd9170;
-    --code-toolbar-bg: rgb(63 63 63 / 20%);
+    --code-toolbar-bg: rgb(63 63 63 / 70%);
     --token-atrule: #c792ea;
     --token-attr-name: #ffcb6b;
     --token-attr-value: #a5e844;

package/lib/tooltip/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function(){return _default}});var _react=_interop_require_wildcard(require("react"));var _common=require("@moneko/common");var _sharedstoreobject=_interop_require_default(require("shared-store-object"));var _style=require("./style");var _emotion=require("../emotion");var _portal=_interop_require_default(require("../portal"));function _define_property(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 _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap;var cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interop_require_wildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj}}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj)}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc)}else{newObj[key]=obj[key]}}}newObj.default=obj;if(cache){cache.set(obj,newObj)}return newObj}function _object_spread(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){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(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 _object_without_properties_loose(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}var Tooltip=function(_param){var className=_param.className,popupClassName=_param.popupClassName,popupStyle=_param.popupStyle,getPopupContainer=_param.getPopupContainer,title=_param.title,children=_param.children,color=_param.color,_param_trigger=_param.trigger,trigger=_param_trigger===void 0?"click":_param_trigger,_param_open=_param.open,open=_param_open===void 0?null:_param_open,_param_destroyInactive=_param.destroyInactive,destroyInactive=_param_destroyInactive===void 0?true:_param_destroyInactive,onOpenChange=_param.onOpenChange,props=_object_without_properties(_param,["className","popupClassName","popupStyle","getPopupContainer","title","children","color","trigger","open","destroyInactive","onOpenChange"]);var ref=(0,_react.useRef)(null);var childRef=(0,_react.useRef)(null);var state=(0,_react.useRef)((0,_sharedstoreobject.default)({show:null,up:false,posi:{left:-9999,top:-9999,x:"0px"},exit:function exit(){if(state.current.show===false){state.current.show=null}},close:function close(e){var _ref_current;e.preventDefault();e.stopPropagation();if(state.current.show&&!((_ref_current=ref.current)===null||_ref_current===void 0?void 0:_ref_current.contains(e.target))){state.current.show=false}},open:function open(e){e.preventDefault();e.stopPropagation();state.current.show=true}}));var _state_current=state.current,show=_state_current.show,posi=_state_current.posi,up=_state_current.up;(0,_react.useEffect)(function(){state.current.show=open},[open]);(0,_react.useEffect)(function(){if((0,_common.isFunction)(onOpenChange)){onOpenChange(show)}if(show&&ref.current){ref.current.style.zIndex=(0,_common.getMaxZindex)().toString()}},[onOpenChange,show]);var container=(0,_react.useMemo)(function(){if((0,_common.isFunction)(getPopupContainer)){return getPopupContainer(childRef.current)}return document.body},[getPopupContainer]);(0,_react.useEffect)(function(){if(!show||!ref.current||!childRef.current)return;var elRect=childRef.current.getBoundingClientRect();var portalRect=ref.current.getBoundingClientRect();if(elRect&&portalRect){var portalRectHeight=ref.current.offsetHeight;var offsetY=portalRectHeight+elRect.height/2;var offsetX=portalRect.width/2-elRect.width/2;var margin=window.innerHeight-elRect.bottom;var _isBottom=margin>portalRectHeight*.8&&margin>elRect.top;var _posi={left:Math.abs(offsetX>elRect.left?elRect.left:elRect.left-offsetX),top:_isBottom?elRect.bottom+8:elRect.top-offsetY,x:"0px"};_posi.x=-(_posi.left-elRect.left+offsetX)+"px";state.current.posi=_posi;state.current.up=!_isBottom}},[show]);var childrenProps=(0,_react.useMemo)(function(){var _props=_object_spread({},props);var openEvent={click:"onClick",hover:"onMouseOver",contextMenu:"onContextMenu"};var closeEvent={hover:"onMouseOut",click:null,contextMenu:null};var triggers=(0,_common.isString)(trigger)?[trigger]:trigger;for(var i=0,len=triggers.length;i<len;i++){var openFn=openEvent[triggers[i]];var closeFn=closeEvent[triggers[i]];Object.assign(_props,openFn&&_define_property({},openFn,state.current.open),closeFn&&_define_property({},closeFn,state.current.close))}return _props},[props,trigger]);var style=(0,_react.useMemo)(function(){var shadowColor;if(color){shadowColor=(0,_common.colorParse)(color).setAlpha(.1).toRgbaString()}return Object.assign(_object_spread_props(_object_spread({},popupStyle),{left:posi.left,top:posi.top,"--x":posi.x}),color&&{"--tooltip-bg":color,"--tooltip-shadow-color":shadowColor})},[color,popupStyle,posi.left,posi.top,posi.x]);(0,_react.useEffect)(function(){var _state=state.current;window.addEventListener("click",_state.close,false);window.addEventListener("scroll",_state.close,_common.passiveSupported);return function(){window.removeEventListener("click",_state.close,false);window.removeEventListener("scroll",_state.close,_common.passiveSupported);_state()}},[]);return _react.default.createElement(_react.default.Fragment,null,(show!==null||!destroyInactive)&&_react.default.createElement(_portal.default,{container:container},_react.default.createElement("div",{ref:ref,onAnimationEnd:state.current.exit,className:(0,_emotion.cx)(_style.cls.portal,show?up?_style.cls.inUp:_style.cls.inDown:up?_style.cls.outUp:_style.cls.outDown,popupClassName),style:style},title)),_react.default.createElement("span",_object_spread_props(_object_spread({},childrenProps),{className:(0,_emotion.cx)(_style.cls.tooltip,className),ref:childRef}),children))};var _default=Tooltip;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function(){return _default}});var _react=_interop_require_wildcard(require("react"));var _common=require("@moneko/common");var _sharedstoreobject=_interop_require_default(require("shared-store-object"));var _style=require("./style");var _emotion=require("../emotion");var _portal=_interop_require_default(require("../portal"));function _define_property(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 _interop_require_default(obj){return obj&&obj.__esModule?obj:{default:obj}}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap;var cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interop_require_wildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj}}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj)}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc)}else{newObj[key]=obj[key]}}}newObj.default=obj;if(cache){cache.set(obj,newObj)}return newObj}function _object_spread(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){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(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 _object_without_properties_loose(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}var Tooltip=function(_param){var className=_param.className,popupClassName=_param.popupClassName,popupStyle=_param.popupStyle,getPopupContainer=_param.getPopupContainer,title=_param.title,children=_param.children,color=_param.color,_param_trigger=_param.trigger,trigger=_param_trigger===void 0?"click":_param_trigger,_param_open=_param.open,open=_param_open===void 0?null:_param_open,_param_destroyInactive=_param.destroyInactive,destroyInactive=_param_destroyInactive===void 0?true:_param_destroyInactive,onOpenChange=_param.onOpenChange,props=_object_without_properties(_param,["className","popupClassName","popupStyle","getPopupContainer","title","children","color","trigger","open","destroyInactive","onOpenChange"]);var ref=(0,_react.useRef)(null);var childRef=(0,_react.useRef)(null);var state=(0,_react.useRef)((0,_sharedstoreobject.default)({show:null,up:false,posi:{left:-9999,top:-9999,x:"0px"},exit:function exit(){if(state.current.show===false){state.current.show=null}},close:function close(e){var _ref_current;e.preventDefault();e.stopPropagation();if(state.current.show&&!((_ref_current=ref.current)===null||_ref_current===void 0?void 0:_ref_current.contains(e.target))){state.current.show=false}},open:function open(e){e.preventDefault();e.stopPropagation();state.current.show=true}}));var _state_current=state.current,show=_state_current.show,posi=_state_current.posi,up=_state_current.up;(0,_react.useEffect)(function(){state.current.show=open},[open]);(0,_react.useEffect)(function(){if((0,_common.isFunction)(onOpenChange)){onOpenChange(show)}if(show&&ref.current){ref.current.style.zIndex=(0,_common.getMaxZindex)().toString()}},[onOpenChange,show]);var container=(0,_react.useMemo)(function(){if((0,_common.isFunction)(getPopupContainer)){return getPopupContainer(childRef.current)}return document.body},[getPopupContainer]);(0,_react.useEffect)(function(){if(!show||!ref.current||!childRef.current)return;var elRect=childRef.current.getBoundingClientRect();var portalRect=ref.current.getBoundingClientRect();if(elRect&&portalRect){var portalRectHeight=ref.current.offsetHeight;var offsetY=portalRectHeight+elRect.height/2;var offsetX=portalRect.width/2-elRect.width/2;var margin=window.innerHeight-elRect.bottom;var _isBottom=margin>portalRectHeight*.8&&margin>elRect.top;var _posi={left:Math.abs(offsetX>elRect.left?elRect.left:elRect.left-offsetX),top:_isBottom?elRect.bottom+8:elRect.top-offsetY,x:"0px"};_posi.x=-(_posi.left-elRect.left+offsetX)+"px";state.current.posi=_posi;state.current.up=!_isBottom}},[show]);var childrenProps=(0,_react.useMemo)(function(){var _props=_object_spread({},props);var openEvent={click:"onClick",hover:"onMouseOver",contextMenu:"onContextMenu"};var closeEvent={hover:"onMouseOut",click:null,contextMenu:null};var triggers=(0,_common.isString)(trigger)?[trigger]:trigger;for(var i=0,len=triggers.length;i<len;i++){var openFn=openEvent[triggers[i]];var closeFn=closeEvent[triggers[i]];Object.assign(_props,openFn&&_define_property({},openFn,state.current.open),closeFn&&_define_property({},closeFn,state.current.close))}return _props},[props,trigger]);var style=(0,_react.useMemo)(function(){var shadowColor;if(color){shadowColor=(0,_common.colorParse)(color).setAlpha(.1).toRgbaString()}return Object.assign(_object_spread_props(_object_spread({},popupStyle),{left:posi.left,top:posi.top,"--x":posi.x}),color&&{"--tooltip-bg":color,"--tooltip-shadow-color":shadowColor})},[color,popupStyle,posi.left,posi.top,posi.x]);(0,_react.useEffect)(function(){var _state=state.current;document.documentElement.addEventListener("click",_state.close,false);window.addEventListener("scroll",_state.close,false);return function(){document.documentElement.removeEventListener("click",_state.close,false);window.removeEventListener("scroll",_state.close,false);_state()}},[]);return _react.default.createElement(_react.default.Fragment,null,(show!==null||!destroyInactive)&&_react.default.createElement(_portal.default,{container:container},_react.default.createElement("div",{ref:ref,onAnimationEnd:state.current.exit,className:(0,_emotion.cx)(_style.cls.portal,show?up?_style.cls.inUp:_style.cls.inDown:up?_style.cls.outUp:_style.cls.outDown,popupClassName),style:style},title)),_react.default.createElement("span",_object_spread_props(_object_spread({},childrenProps),{className:(0,_emotion.cx)(_style.cls.tooltip,className),ref:childRef}),children))};var _default=Tooltip;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "neko-ui",
-  "version": "1.5.2",
+  "version": "1.5.3",
   "description": "UI库",
   "main": "lib/index.js",
   "scripts": {