neko-ui 1.0.49 → 1.2.0

package/es/avatar/index.js

@@ -1 +1 @@
-function _extends(){_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key]}}}return target};return _extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}import React,{useEffect,useMemo,useRef,useState}from"react";import clipPath from"./clip-path.svg";import{cls,svgPrefix}from"./style";import{cx}from"../emotion";const clip=decodeURIComponent(clipPath.replace(svgPrefix,""));const avatarSize={small:24,normal:32,large:40};const Avatar=_param=>{var{className,src,alt,username,size,style={},color}=_param,props=_objectWithoutProperties(_param,["className","src","alt","username","size","style","color"]);const box=useRef(null);const label=useRef(null);const[scale,setScale]=useState(1);useEffect(()=>{const hasSvg=document.documentElement.querySelector("clipPath#clipPathAvatar");if(!hasSvg){const svg=document.createElement("a");svg.innerHTML=clip;document.body.insertBefore(svg.firstChild,document.body.firstChild)}},[]);const _style=useMemo(()=>{if(typeof size==="number"){style.width=size;style.height=size}else if(size&&avatarSize[size]){style.width=avatarSize[size];style.height=avatarSize[size]}if(color)Object.assign(style,{"--avatar-color":color});return style},[color,size,style]);const img=useMemo(()=>typeof src==="string"?React.createElement("img",{src:src,alt:alt}):src,[alt,src]);useEffect(()=>{if(label.current&&box.current){if(label.current.clientWidth+6>box.current.clientWidth){setScale((box.current.clientWidth-6)/label.current.clientWidth)}}},[]);return React.createElement("div",_extends({ref:box,className:cx(cls.avatar,className),style:_style},props),img?img:username?React.createElement("span",{ref:label,style:{transform:`scale(${scale})`}},username):null)};export default Avatar;
+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 _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,useState}from"react";import clipPath from"./clip-path.svg";import{cls,svgPrefix}from"./style";import{cx}from"../emotion";const clip=decodeURIComponent(clipPath.replace(svgPrefix,""));const avatarSize={small:24,normal:32,large:40};const Avatar=_param=>{var{className,src,alt,username,size,style={},color}=_param,props=_object_without_properties(_param,["className","src","alt","username","size","style","color"]);const box=useRef(null);const label=useRef(null);const[scale,setScale]=useState(1);useEffect(()=>{const hasSvg=document.documentElement.querySelector("clipPath#clipPathAvatar");if(!hasSvg){const svg=document.createElement("a");svg.innerHTML=clip;document.body.insertBefore(svg.firstChild,document.body.firstChild)}},[]);const _style=useMemo(()=>{if(typeof size==="number"){style.width=size;style.height=size}else if(size&&avatarSize[size]){style.width=avatarSize[size];style.height=avatarSize[size]}if(color)Object.assign(style,{"--avatar-color":color});return style},[color,size,style]);const img=useMemo(()=>typeof src==="string"?React.createElement("img",{src:src,alt:alt}):src,[alt,src]);useEffect(()=>{if(label.current&&box.current){if(label.current.clientWidth+6>box.current.clientWidth){setScale((box.current.clientWidth-6)/label.current.clientWidth)}}},[]);return React.createElement("div",_object_spread({ref:box,className:cx(cls.avatar,className),style:_style},props),img?img:username?React.createElement("span",{ref:label,style:{transform:`scale(${scale})`}},username):null)};export default Avatar;

package/es/avatar/style.js

@@ -9,7 +9,7 @@ import favicon from"./favicon.svg";import{injectGlobal}from"../emotion";import p
     transition: transform 0.3s;
     cursor: pointer;
     user-select: none;
-    background-image: linear-gradient(45deg, #cabdeb 0%, #e9887c 100%);
+    background-image: linear-gradient(45deg, var(--primary-outline) 0%, var(--success-outline) 100%);
     animation: avatar-morph-effect 8s ease-in-out infinite;
 
     &::before,

package/es/avatar-group/index.js

@@ -1 +1 @@
-function _extends(){_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key]}}}return target};return _extends.apply(this,arguments)}import React,{useMemo}from"react";import{cls}from"./style";import{cx}from"../emotion";import{Avatar,Tooltip}from"../index";const AvatarGroup=props=>{const showAvatar=useMemo(()=>props.data.slice(0,props.maxCount),[props.data,props.maxCount]);const more=useMemo(()=>props.data.length-(props.maxCount||props.data.length),[props.data.length,props.maxCount]);return React.createElement("div",{className:cx(cls.group,props.className)},showAvatar.map((a,i)=>React.createElement(Avatar,_extends({key:`${i}-${a.src}`,size:props.size},a))),more>0?React.createElement(Tooltip,{title:React.createElement("div",{className:cls.more},props.data.slice(-more).map((a,i)=>React.createElement(Avatar,_extends({key:`${i}-${a.src}`,size:props.size},a))))},React.createElement(Avatar,{size:props.size,username:`+${more}`})):null)};export default AvatarGroup;
+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}import React,{useMemo}from"react";import{cls}from"./style";import{cx}from"../emotion";import{Avatar,Tooltip}from"../index";const AvatarGroup=props=>{const showAvatar=useMemo(()=>props.data.slice(0,props.maxCount),[props.data,props.maxCount]);const more=useMemo(()=>props.data.length-(props.maxCount||props.data.length),[props.data.length,props.maxCount]);return React.createElement("div",{className:cx(cls.group,props.className)},showAvatar.map((a,i)=>React.createElement(Avatar,_object_spread({key:`${i}-${a.src}`,size:props.size},a))),more>0?React.createElement(Tooltip,{title:React.createElement("div",{className:cls.more},props.data.slice(-more).map((a,i)=>React.createElement(Avatar,_object_spread({key:`${i}-${a.src}`,size:props.size},a))))},React.createElement(Avatar,{size:props.size,username:`+${more}`})):null)};export default AvatarGroup;

package/es/back-top/index.js

@@ -1 +1 @@
-function _extends(){_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key]}}}return target};return _extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}import React,{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=_objectWithoutProperties(_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",_extends({},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,{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);

package/es/back-top/style.js

@@ -1,8 +1,8 @@
 import{injectGlobal}from"../emotion";import prefixCls from"../prefix-cls";export const cls={backtop:prefixCls("back-top"),out:prefixCls("back-top-out")};injectGlobal`
   :root {
-    --back-top-color: #fff;
-    --back-top-bg: var(--text-secondary);
-    --back-top-hover-bg: var(--text-color);
+    --back-top-color: var(--on-primary-selection);
+    --back-top-bg: var(--primary-border);
+    --back-top-hover-bg: var(--primary-hover);
   }
 
   [data-theme='dark'] {
@@ -28,6 +28,7 @@ import{injectGlobal}from"../emotion";import prefixCls from"../prefix-cls";export
     cursor: pointer;
     animation: back-top-fade-in 1s forwards;
     backdrop-filter: blur(16px);
+    -webkit-backdrop-filter: blur(16px);
 
     &::before {
       content: '';

package/es/button/index.js

@@ -1 +1 @@
-function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_defineProperty(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _objectSpreadProps(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}import React,{useCallback,useRef,useState,useMemo,createElement}from"react";import{isFunction}from"@moneko/common";import{cls}from"./style";import{cx}from"../emotion";const Button=_param=>{var{infinite,ghost,fill,circle,dashed,flat,link,danger,children,disabled,block,onClick,size="normal",type="default",className}=_param,props=_objectWithoutProperties(_param,["infinite","ghost","fill","circle","dashed","flat","link","danger","children","disabled","block","onClick","size","type","className"]);const ref=useRef(null);const[animating,setAnimating]=useState(false);const handleClick=useCallback(e=>{if(disabled)return;setAnimating(true);if(isFunction(onClick)){onClick(e)}},[disabled,onClick]);const handleAnimationEnd=useCallback(()=>{setAnimating(false)},[]);const tag=useMemo(()=>link?"a":"button",[link]);return createElement(tag,_objectSpreadProps(_objectSpread({},props),{ref,onClick:handleClick,onAnimationEnd:handleAnimationEnd,className:cx(cls.btn,cls[type],cls[size],danger&&cls.danger,block&&cls.block,fill&&cls.fill,circle&&cls.circle,flat&&cls.flat,dashed&&cls.dashed,ghost&&cls.ghost,infinite&&cls.infinite,link&&cls.link,disabled&&cls.disabled,animating&&cls.without,className),disabled:disabled}),createElement("span",{className:cls.label},children))};export default Button;
+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,useRef,useState,useMemo,createElement}from"react";import{isFunction}from"@moneko/common";import{cls}from"./style";import{cx}from"../emotion";const Button=_param=>{var{infinite,ghost,fill,circle,dashed,flat,link,danger,children,disabled,block,onClick,size="normal",type="default",className}=_param,props=_object_without_properties(_param,["infinite","ghost","fill","circle","dashed","flat","link","danger","children","disabled","block","onClick","size","type","className"]);const ref=useRef(null);const[animating,setAnimating]=useState(false);const handleClick=useCallback(e=>{if(disabled)return;setAnimating(true);if(isFunction(onClick)){onClick(e)}},[disabled,onClick]);const handleAnimationEnd=useCallback(()=>{setAnimating(false)},[]);const tag=useMemo(()=>link?"a":"button",[link]);return createElement(tag,_object_spread_props(_object_spread({},props),{ref,onClick:handleClick,onAnimationEnd:handleAnimationEnd,className:cx(cls.btn,cls[type],cls[size],danger&&cls.danger,block&&cls.block,fill&&cls.fill,circle&&cls.circle,flat&&cls.flat,dashed&&cls.dashed,ghost&&cls.ghost,infinite&&cls.infinite,link&&cls.link,disabled&&cls.disabled,animating&&cls.without,className),disabled:disabled}),createElement("span",{className:cls.label},children))};export default Button;

package/es/button/style.js

@@ -4,7 +4,7 @@ import{injectGlobal}from"../emotion";import prefixCls from"../prefix-cls";export
         --btn-color: var(--${type}-color);
       }
       --btn-border: var(--${type}-border);
-      --btn-bg: var(--${type}-bg);
+      --btn-bg: var(--${type}-selection);
       --btn-hover-color: var(--${type}-hover);
       --btn-active-color: var(--${type}-active);
       --btn-outline-color: var(--${type}-outline);
@@ -16,17 +16,6 @@ import{injectGlobal}from"../emotion";import prefixCls from"../prefix-cls";export
       --btn-active-bg: var(--${type}-active);
     }
   `}injectGlobal`
-  :root {
-    --disable-color: rgb(0 0 0 / 25%);
-    --disable-bg: rgb(0 0 0 / 4%);
-    --disable-border: #d9d9d9;
-  }
-
-  [data-theme='dark'] {
-    --disable-color: rgb(255 255 255 / 25%);
-    --disable-bg: rgb(255 255 255 / 8%);
-    --disable-border: #424242;
-  }
   .${cls.label} {
     display: block;
     line-height: normal;
@@ -82,16 +71,16 @@ import{injectGlobal}from"../emotion";import prefixCls from"../prefix-cls";export
     }
   }
   .${cls.normal} {
-    --btn-size: 2rem;
+    --btn-size: 32px;
   }
   .${cls.small} {
-    --btn-size: 1.5rem;
+    --btn-size: 24px;
 
     padding: 0 7px;
     font-size: var(--font-size-xs);
   }
   .${cls.large} {
-    --btn-size: 2.5rem;
+    --btn-size: 40px;
 
     font-size: var(--font-size-lg);
   }
@@ -103,7 +92,7 @@ import{injectGlobal}from"../emotion";import prefixCls from"../prefix-cls";export
   .${cls.default} {
     --btn-outline-color: var(--primary-outline);
     --btn-color: var(--text-color);
-    --btn-bg: var(--component-background);
+    --btn-bg: var(--component-bg);
     --btn-border: var(--border-color);
     --btn-hover-color: var(--primary-hover);
     --btn-active-color: var(--primary-active);
@@ -202,12 +191,12 @@ import{injectGlobal}from"../emotion";import prefixCls from"../prefix-cls";export
 
     25% {
       opacity: 1;
-      box-shadow: 0 0 0 0.25rem var(--btn-outline-color);
+      box-shadow: 0 0 0 4px var(--btn-outline-color);
     }
 
     100% {
       opacity: 0;
-      box-shadow: 0 0 0 0.375rem var(--btn-outline-color);
+      box-shadow: 0 0 0 6px var(--btn-outline-color);
     }
   }
 `;

package/es/capture-screen/index.js

@@ -1 +1 @@
-function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg);var value=info.value}catch(error){reject(error);return}if(info.done){resolve(value)}else{Promise.resolve(value).then(_next,_throw)}}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise(function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(undefined)})}}function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _extends(){_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key]}}}return target};return _extends.apply(this,arguments)}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_defineProperty(target,key,source[key])})}return target}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}import React,{useCallback,useEffect,useMemo,useRef,useState}from"react";import{downloadBlob,isObject}from"@moneko/common";import{cls}from"./style";import{cx}from"../emotion";import{Button}from"../index";const displayMediaOptions={video:true,audio:{echoCancellation:true,noiseSuppression:true,sampleRate:44100}};const btnStatusDic={inactive:"primary",paused:"warning",recording:"success"};const CaptureScreen=_param=>{var{options=displayMediaOptions,preview,controls,recorder,captureScreenText="捕获屏幕",stopCaptureText="停止捕获",startRecorderText="开始录制",stopRecorderText="停止录制",pausedRecorderText="暂停录制",recorderingText="录制中",onRecorderError=null,onStopRecorder,onStartRecorder,onStopCapture,onStartCapture,onRecorderDataAvailable,onErrorCapture,onSaveRecorder,className}=_param,props=_objectWithoutProperties(_param,["options","preview","controls","recorder","captureScreenText","stopCaptureText","startRecorderText","stopRecorderText","pausedRecorderText","recorderingText","onRecorderError","onStopRecorder","onStartRecorder","onStopCapture","onStartCapture","onRecorderDataAvailable","onErrorCapture","onSaveRecorder","className"]);const videoElem=useRef(null);const mediaRecorderRef=useRef(null);const mediaStreamRef=useRef(null);const chunks=useRef([]);const recorderRef=useRef(recorder);const[mediaRecorder,setMediaRecorder]=useState(null);const[mediaStream,setMediaStream]=useState(null);const[recordState,setRecordState]=useState("inactive");const handleStartRecorder=useCallback(()=>{if(mediaRecorderRef.current){onStartRecorder===null||onStartRecorder===void 0?void 0:onStartRecorder(mediaRecorderRef.current.state);switch(mediaRecorderRef.current.state){case"inactive":mediaRecorderRef.current.start();break;case"paused":mediaRecorderRef.current.resume();break;case"recording":default:mediaRecorderRef.current.pause();break}setRecordState(mediaRecorderRef.current.state)}},[onStartRecorder]);const handleRecorderDataAvailable=useCallback(e=>{var _chunks_current;(_chunks_current=chunks.current)===null||_chunks_current===void 0?void 0:_chunks_current.push(e.data);onRecorderDataAvailable===null||onRecorderDataAvailable===void 0?void 0:onRecorderDataAvailable(e)},[onRecorderDataAvailable]);const stopRecorder=useCallback(()=>{if(mediaRecorderRef.current){if(mediaRecorderRef.current.state!=="inactive"){mediaRecorderRef.current.stop()}setRecordState(mediaRecorderRef.current.state)}onStopRecorder===null||onStopRecorder===void 0?void 0:onStopRecorder()},[onStopRecorder]);const handleSaveRecorder=useCallback(()=>{var _chunks_current,_chunks_current1;if(!((_chunks_current=chunks.current)===null||_chunks_current===void 0?void 0:_chunks_current.length))return;const{current}=recorderRef;const blob=new Blob(chunks.current,{type:"video/webm"});const name=isObject(current)?current===null||current===void 0?void 0:current.filename:new Date().toISOString();const fileName=name+".webm";(_chunks_current1=chunks.current)===null||_chunks_current1===void 0?void 0:_chunks_current1.splice(0);if(onSaveRecorder){onSaveRecorder(blob,fileName)}else{downloadBlob(blob,fileName)}},[onSaveRecorder]);const stopCapture=useCallback(()=>{stopRecorder();if(mediaStreamRef.current){const tracks=mediaStreamRef.current.getTracks();tracks===null||tracks===void 0?void 0:tracks.forEach(track=>track.stop());setMediaStream(null)}onStopCapture===null||onStopCapture===void 0?void 0:onStopCapture()},[onStopCapture,stopRecorder]);const startCapture=useCallback(_asyncToGenerator(function*(){stopCapture();try{const stream=yield navigator.mediaDevices.getDisplayMedia(_objectSpread({},displayMediaOptions,options));if(stream){stream.addEventListener("inactive",stopCapture,false);setMediaStream(stream)}onStartCapture===null||onStartCapture===void 0?void 0:onStartCapture(stream)}catch(err){onErrorCapture===null||onErrorCapture===void 0?void 0:onErrorCapture(err)}}),[onErrorCapture,onStartCapture,options,stopCapture]);useEffect(()=>{Object.assign(recorderRef,{current:recorder})},[recorder]);useEffect(()=>{Object.assign(mediaRecorderRef,{current:mediaRecorder})},[mediaRecorder]);useEffect(()=>{Object.assign(mediaStreamRef,{current:mediaStream});if(preview&&(videoElem===null||videoElem===void 0?void 0:videoElem.current)&&mediaStream){videoElem.current.srcObject=mediaStream}},[mediaStream,preview]);useEffect(()=>{if(mediaStream===null||mediaStream===void 0?void 0:mediaStream.active){const recorderInstance=new MediaRecorder(mediaStream);recorderInstance.onstop=handleSaveRecorder;recorderInstance.onerror=onRecorderError;recorderInstance.ondataavailable=handleRecorderDataAvailable;setMediaRecorder(recorderInstance)}else{setMediaRecorder(null)}},[handleRecorderDataAvailable,handleSaveRecorder,mediaStream,onRecorderError]);useEffect(()=>{const getMediaRecorderRef=()=>mediaRecorderRef.current;const getMediaStreamRef=()=>mediaStreamRef.current;return()=>{const _mediaRecorderRef=getMediaRecorderRef();if((_mediaRecorderRef===null||_mediaRecorderRef===void 0?void 0:_mediaRecorderRef.state)!=="inactive"){_mediaRecorderRef===null||_mediaRecorderRef===void 0?void 0:_mediaRecorderRef.stop()}const streamRef=getMediaStreamRef();if(streamRef){const tracks=streamRef.getTracks();tracks===null||tracks===void 0?void 0:tracks.forEach(track=>track.stop())}}},[]);const recorderText=useMemo(()=>({paused:pausedRecorderText,recording:recorderingText,inactive:startRecorderText})[recordState],[pausedRecorderText,recordState,recorderingText,startRecorderText]);return React.createElement("div",_extends({},props,{className:cx(cls.captureScreen,className)}),React.createElement("div",{className:cls.controller},React.createElement(Button,{onClick:startCapture,className:cls.btn},captureScreenText),mediaStream&&React.createElement(React.Fragment,null,React.createElement(Button,{type:"error",onClick:stopCapture,className:cls.btn},stopCaptureText),recorder&&React.createElement("div",{className:cls.record},React.createElement(Button,{type:btnStatusDic[recordState],onClick:handleStartRecorder,className:cls.btn},recorderText),recordState!=="inactive"&&React.createElement(Button,{type:"error",onClick:stopRecorder,className:cls.btn},stopRecorderText)))),preview&&mediaStream?React.createElement("div",{className:cls.view},React.createElement("span",{className:cx(recordState==="recording"&&cls.recording,recordState==="paused"&&cls.paused)}),React.createElement("video",{ref:videoElem,autoPlay:true,controls:!!(mediaStream&&controls)})):null)};export default CaptureScreen;
+function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg);var value=info.value}catch(error){reject(error);return}if(info.done){resolve(value)}else{Promise.resolve(value).then(_next,_throw)}}function _async_to_generator(fn){return function(){var self=this,args=arguments;return new Promise(function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(undefined)})}}function _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,useMemo,useRef,useState}from"react";import{downloadBlob,isObject}from"@moneko/common";import{cls}from"./style";import{cx}from"../emotion";import{Button}from"../index";const displayMediaOptions={video:true,audio:{echoCancellation:true,noiseSuppression:true,sampleRate:44100}};const btnStatusDic={inactive:"primary",paused:"warning",recording:"success"};const CaptureScreen=_param=>{var{options=displayMediaOptions,preview,controls,recorder,captureScreenText="捕获屏幕",stopCaptureText="停止捕获",startRecorderText="开始录制",stopRecorderText="停止录制",pausedRecorderText="暂停录制",recorderingText="录制中",onRecorderError=null,onStopRecorder,onStartRecorder,onStopCapture,onStartCapture,onRecorderDataAvailable,onErrorCapture,onSaveRecorder,className}=_param,props=_object_without_properties(_param,["options","preview","controls","recorder","captureScreenText","stopCaptureText","startRecorderText","stopRecorderText","pausedRecorderText","recorderingText","onRecorderError","onStopRecorder","onStartRecorder","onStopCapture","onStartCapture","onRecorderDataAvailable","onErrorCapture","onSaveRecorder","className"]);const videoElem=useRef(null);const mediaRecorderRef=useRef(null);const mediaStreamRef=useRef(null);const chunks=useRef([]);const recorderRef=useRef(recorder);const[mediaRecorder,setMediaRecorder]=useState(null);const[mediaStream,setMediaStream]=useState(null);const[recordState,setRecordState]=useState("inactive");const handleStartRecorder=useCallback(()=>{if(mediaRecorderRef.current){onStartRecorder===null||onStartRecorder===void 0?void 0:onStartRecorder(mediaRecorderRef.current.state);switch(mediaRecorderRef.current.state){case"inactive":mediaRecorderRef.current.start();break;case"paused":mediaRecorderRef.current.resume();break;case"recording":default:mediaRecorderRef.current.pause();break}setRecordState(mediaRecorderRef.current.state)}},[onStartRecorder]);const handleRecorderDataAvailable=useCallback(e=>{var _chunks_current;(_chunks_current=chunks.current)===null||_chunks_current===void 0?void 0:_chunks_current.push(e.data);onRecorderDataAvailable===null||onRecorderDataAvailable===void 0?void 0:onRecorderDataAvailable(e)},[onRecorderDataAvailable]);const stopRecorder=useCallback(()=>{if(mediaRecorderRef.current){if(mediaRecorderRef.current.state!=="inactive"){mediaRecorderRef.current.stop()}setRecordState(mediaRecorderRef.current.state)}onStopRecorder===null||onStopRecorder===void 0?void 0:onStopRecorder()},[onStopRecorder]);const handleSaveRecorder=useCallback(()=>{var _chunks_current,_chunks_current1;if(!((_chunks_current=chunks.current)===null||_chunks_current===void 0?void 0:_chunks_current.length))return;const{current}=recorderRef;const blob=new Blob(chunks.current,{type:"video/webm"});const name=isObject(current)?current===null||current===void 0?void 0:current.filename:new Date().toISOString();const fileName=name+".webm";(_chunks_current1=chunks.current)===null||_chunks_current1===void 0?void 0:_chunks_current1.splice(0);if(onSaveRecorder){onSaveRecorder(blob,fileName)}else{downloadBlob(blob,fileName)}},[onSaveRecorder]);const stopCapture=useCallback(()=>{stopRecorder();if(mediaStreamRef.current){const tracks=mediaStreamRef.current.getTracks();tracks===null||tracks===void 0?void 0:tracks.forEach(track=>track.stop());setMediaStream(null)}onStopCapture===null||onStopCapture===void 0?void 0:onStopCapture()},[onStopCapture,stopRecorder]);const startCapture=useCallback(_async_to_generator(function*(){stopCapture();try{const stream=yield navigator.mediaDevices.getDisplayMedia(_object_spread({},displayMediaOptions,options));if(stream){stream.addEventListener("inactive",stopCapture,false);setMediaStream(stream)}onStartCapture===null||onStartCapture===void 0?void 0:onStartCapture(stream)}catch(err){onErrorCapture===null||onErrorCapture===void 0?void 0:onErrorCapture(err)}}),[onErrorCapture,onStartCapture,options,stopCapture]);useEffect(()=>{Object.assign(recorderRef,{current:recorder})},[recorder]);useEffect(()=>{Object.assign(mediaRecorderRef,{current:mediaRecorder})},[mediaRecorder]);useEffect(()=>{Object.assign(mediaStreamRef,{current:mediaStream});if(preview&&(videoElem===null||videoElem===void 0?void 0:videoElem.current)&&mediaStream){videoElem.current.srcObject=mediaStream}},[mediaStream,preview]);useEffect(()=>{if(mediaStream===null||mediaStream===void 0?void 0:mediaStream.active){const recorderInstance=new MediaRecorder(mediaStream);recorderInstance.onstop=handleSaveRecorder;recorderInstance.onerror=onRecorderError;recorderInstance.ondataavailable=handleRecorderDataAvailable;setMediaRecorder(recorderInstance)}else{setMediaRecorder(null)}},[handleRecorderDataAvailable,handleSaveRecorder,mediaStream,onRecorderError]);useEffect(()=>{const getMediaRecorderRef=()=>mediaRecorderRef.current;const getMediaStreamRef=()=>mediaStreamRef.current;return()=>{const _mediaRecorderRef=getMediaRecorderRef();if((_mediaRecorderRef===null||_mediaRecorderRef===void 0?void 0:_mediaRecorderRef.state)!=="inactive"){_mediaRecorderRef===null||_mediaRecorderRef===void 0?void 0:_mediaRecorderRef.stop()}const streamRef=getMediaStreamRef();if(streamRef){const tracks=streamRef.getTracks();tracks===null||tracks===void 0?void 0:tracks.forEach(track=>track.stop())}}},[]);const recorderText=useMemo(()=>({paused:pausedRecorderText,recording:recorderingText,inactive:startRecorderText})[recordState],[pausedRecorderText,recordState,recorderingText,startRecorderText]);return React.createElement("div",_object_spread_props(_object_spread({},props),{className:cx(cls.captureScreen,className)}),React.createElement("div",{className:cls.controller},React.createElement(Button,{onClick:startCapture,className:cls.btn},captureScreenText),mediaStream&&React.createElement(React.Fragment,null,React.createElement(Button,{type:"error",onClick:stopCapture,className:cls.btn},stopCaptureText),recorder&&React.createElement("div",{className:cls.record},React.createElement(Button,{type:btnStatusDic[recordState],onClick:handleStartRecorder,className:cls.btn},recorderText),recordState!=="inactive"&&React.createElement(Button,{type:"error",onClick:stopRecorder,className:cls.btn},stopRecorderText)))),preview&&mediaStream?React.createElement("div",{className:cls.view},React.createElement("span",{className:cx(recordState==="recording"&&cls.recording,recordState==="paused"&&cls.paused)}),React.createElement("video",{ref:videoElem,autoPlay:true,controls:!!(mediaStream&&controls)})):null)};export default CaptureScreen;

package/es/color-palette/index.js

@@ -1 +1 @@
-function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _extends(){_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key]}}}return target};return _extends.apply(this,arguments)}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_defineProperty(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _objectSpreadProps(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}import React,{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=_objectWithoutProperties(_param,["className","defaultValue","value","onChange"]);const picker=useRef(null);const store=useRef(sso(_objectSpreadProps(_objectSpread({},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",_extends({},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","#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;

package/es/color-palette/style.js

@@ -56,8 +56,8 @@ import{injectGlobal}from"../emotion";import prefixCls from"../prefix-cls";export
     inline-size: 46px;
     font-size: 12px;
     text-align: center;
-    color: var(--primary-color);
-    background-color: var(--primary-bg);
+    color: var(--on-primary-selection);
+    background-color: var(--primary-selection);
     text-transform: uppercase;
     outline-color: var(--primary-outline);
     transition-property: background-color, color, outline-color, border-radius, transform;

package/es/color-picker/index.js

@@ -1 +1 @@
-function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _extends(){_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key]}}}return target};return _extends.apply(this,arguments)}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_defineProperty(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _objectSpreadProps(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}import React,{useCallback,useEffect,useState}from"react";import{cls}from"./style";import{cx}from"../emotion";import{ColorPalette,Tooltip}from"../index";const ColorPicker=_param=>{var{destroyInactive=true,popupClassName,className,style,size,value,defaultValue="#fff",onChange}=_param,props=_objectWithoutProperties(_param,["destroyInactive","popupClassName","className","style","size","value","defaultValue","onChange"]);const[val,setVal]=useState(value||defaultValue);const handleChange=useCallback(v=>{setVal(v)},[]);useEffect(()=>{return onChange===null||onChange===void 0?void 0:onChange(val||defaultValue)},[defaultValue,onChange,val]);return React.createElement(Tooltip,_extends({},props,{title:React.createElement(ColorPalette,{value:val,onChange:handleChange}),destroyInactive:destroyInactive,popupClassName:cx(cls.picker,popupClassName),className:cx(cls.trigger,size&&cls[size],className),style:_objectSpreadProps(_objectSpread({},style),{"--c":val})}),null)};export default ColorPicker;
+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,useState}from"react";import{cls}from"./style";import{cx}from"../emotion";import{ColorPalette,Tooltip}from"../index";const ColorPicker=_param=>{var{destroyInactive=true,popupClassName,className,style,size,value,defaultValue="#fff",onChange}=_param,props=_object_without_properties(_param,["destroyInactive","popupClassName","className","style","size","value","defaultValue","onChange"]);const[val,setVal]=useState(value||defaultValue);const handleChange=useCallback(v=>{setVal(v)},[]);useEffect(()=>{return onChange===null||onChange===void 0?void 0:onChange(val||defaultValue)},[defaultValue,onChange,val]);return React.createElement(Tooltip,_object_spread_props(_object_spread({},props),{title:React.createElement(ColorPalette,{value:val,onChange:handleChange}),destroyInactive:destroyInactive,popupClassName:cx(cls.picker,popupClassName),className:cx(cls.trigger,size&&cls[size],className),style:_object_spread_props(_object_spread({},style),{"--c":val})}),null)};export default ColorPicker;

package/es/color-picker/style.js

@@ -21,6 +21,7 @@ import{injectGlobal}from"../emotion";import prefixCls from"../prefix-cls";export
       opacity: var(--a, 1);
       box-shadow: rgb(0 0 0 / 10%) 0 0 0 1px inset, rgb(0 0 0 / 10%) 0 0 4px inset;
       content: '';
+      cursor: pointer;
     }
   }
   .${cls.large} {

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

@@ -5,4 +5,14 @@ declare const colorScheme: import("shared-store-object").SSO<{
     /** 当前颜色方案 */
     scheme: ColorScheme;
 }, {}>;
+export type ThemeOption = {
+    dark?: boolean;
+    name: string;
+};
+/** 生成主题色调
+ * @param {string} base 基础颜色
+ * @param {ThemeOption} option 配置项
+ * @returns {Record<string, string>} 主题色调
+ */
+export declare function generateTheme(base: string, option: ThemeOption): Record<string, string>;
 export default colorScheme;

package/es/color-scheme/index.js

@@ -1 +1 @@
-import sso from"shared-store-object";const themeMedia=window.matchMedia("(prefers-color-scheme: light)");const colorScheme=sso({scheme:(themeMedia===null||themeMedia===void 0?void 0:themeMedia.matches)?"light":"dark"});themeMedia===null||themeMedia===void 0?void 0:themeMedia.addEventListener("change",({matches})=>{colorScheme.scheme=matches?"light":"dark"});export default colorScheme;
+import{colorParse,toneColor}from"@moneko/common";import sso from"shared-store-object";const themeMedia=window.matchMedia("(prefers-color-scheme: light)");const colorScheme=sso({scheme:(themeMedia===null||themeMedia===void 0?void 0:themeMedia.matches)?"light":"dark"});themeMedia===null||themeMedia===void 0?void 0:themeMedia.addEventListener("change",({matches})=>{colorScheme.scheme=matches?"light":"dark"});export function generateTheme(base,option){const obj=toneColor(base,option===null||option===void 0?void 0:option.dark);const textColor=colorParse(obj[5]);const baseColor=colorParse(base);return{[`--${option.name}-text`]:textColor.setAlpha(.65).toRgbaString(),[`--${option.name}-secondary`]:textColor.setAlpha(.45).toRgbaString(),[`--${option.name}-heading`]:obj[5],[`--${option.name}-active`]:obj[30],[`--${option.name}-color`]:obj[40],[`--${option.name}-hover`]:obj[50],[`--${option.name}-secondary-bg`]:obj[70],[`--${option.name}-border`]:obj[80],[`--${option.name}-outline`]:obj[90],[`--${option.name}-selection`]:obj[90],[`--on-${option.name}-selection`]:obj[10],[`--${option.name}-shadow`]:baseColor.setAlpha(.12).toHexaString(),[`--${option.name}-details-bg`]:obj[95],[`--${option.name}-component-bg`]:obj[98],[`--${option.name}-bg`]:obj[99],[`--on-${option.name}-bg`]:obj[5],[`--${option.name}-base-shadow`]:`0 3px 6px -4px ${baseColor.setAlpha(.12).toHexaString()}, 0 6px 16px 0 ${baseColor.setAlpha(.08).toHexaString()}, 0 9px 28px 8px ${baseColor.setAlpha(.05).toHexaString()}`}}export default colorScheme;

package/es/emotion/index.js

@@ -1 +1,45 @@
-import createEmotion from"@emotion/css/create-instance";import{prefixer}from"stylis";import px2rem from"stylis-px2rem-plugin";export const{css,cx,flush,hydrate,injectGlobal,keyframes,sheet,cache,merge,getRegisteredStyles}=createEmotion({key:"n",stylisPlugins:[px2rem(),prefixer]});
+import createEmotion from"@emotion/css/create-instance";import{prefixer}from"stylis";import px2rem from"stylis-px2rem-plugin";import{generateTheme}from"../color-scheme";export const{css,cx,flush,hydrate,injectGlobal,keyframes,sheet,cache,merge,getRegisteredStyles}=createEmotion({key:"n",stylisPlugins:[px2rem(),prefixer]});injectGlobal`
+  :root {
+    --font-size: 14px;
+    --font-size-sm: 12px;
+    --font-size-xs: 10px;
+    --font-size-lg: 16px;
+    --disable-color: rgb(0 0 0 / 25%);
+    --disable-bg: rgb(0 0 0 / 4%);
+    --disable-border: #d9d9d9;
+    --border-base: 1px solid var(--border-color);
+    --border-color: var(--primary-border);
+    --border-radius: 8px;
+    --component-bg: var(--primary-bg);
+    --text-color: var(--primary-text);
+    --text-secondary: var(--primary-secondary);
+    --text-heading: var(--primary-heading);
+    --text-selection: var(--primary-selection);
+    --box-shadow-base: var(--primary-base-shadow);
+    --transition-duration: 0.3s;
+    --transition-timing-function: cubic-bezier(0.94, -0.1, 0.1, 1.2);
+    ${generateTheme("#5794ff",{name:"primary"})}
+    ${generateTheme("#faad14",{name:"warning"})}
+    ${generateTheme("#ff4d4f",{name:"error"})}
+    ${generateTheme("#52c41a",{name:"success"})}
+
+   
+  }
+  [disabled]:not([disabled=false]) {
+    cursor: not-allowed;
+    color: var(--disable-color);
+  }
+  ::selection {
+    background-color: var(--text-selection);
+  }
+  :root[data-theme='dark'] {
+    --disable-color: rgb(255 255 255 / 25%);
+    --disable-bg: rgb(255 255 255 / 8%);
+    --disable-border: #424242;
+    --border-color: #303030;
+    ${generateTheme("#4d81dc",{name:"primary",dark:true})}
+    ${generateTheme("#bb8314",{name:"warning",dark:true})}
+    ${generateTheme("#901c22",{name:"error",dark:true})}
+    ${generateTheme("#419418",{name:"success",dark:true})}
+  }
+`;

package/es/from-schema/index.js

@@ -1 +1 @@
-function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_defineProperty(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _objectSpreadProps(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}function fromSchema(schema,pid){const treeData=[];const{properties}=schema;for(const _ref in properties){var name=_ref;if(Object.prototype.hasOwnProperty.call(properties,name)){const _properties_name=properties[name],{properties:_properties,items}=_properties_name,item=_objectWithoutProperties(_properties_name,["properties","items"]);const node=_objectSpreadProps(_objectSpread({},item),{name:name,subTitle:item.type,key:`${pid?pid+".":""}${name}`});if(item.type==="object"){node.children=fromSchema({properties:_properties},node.key)}else if(item.type==="array"){node.children=fromSchema({properties:{items:_objectSpreadProps(_objectSpread({},items),{title:"items"})}},node.key)}treeData.push(node)}}return treeData}export default fromSchema;
+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}function fromSchema(schema,pid){const treeData=[];const{properties}=schema;for(const _ref in properties){var name=_ref;if(Object.prototype.hasOwnProperty.call(properties,name)){const _properties_name=properties[name],{properties:_properties,items}=_properties_name,item=_object_without_properties(_properties_name,["properties","items"]);const node=_object_spread_props(_object_spread({},item),{name:name,subTitle:item.type,key:`${pid?pid+".":""}${name}`});if(item.type==="object"){node.children=fromSchema({properties:_properties},node.key)}else if(item.type==="array"){node.children=fromSchema({properties:{items:_object_spread_props(_object_spread({},items),{title:"items"})}},node.key)}treeData.push(node)}}return treeData}export default fromSchema;

package/es/index.d.ts

@@ -4,7 +4,7 @@ export { default as BackTop, type BackTopProps } from './back-top';
 export { default as Tree, type TreeProps, type TreeBaseProp, type TreeData } from './tree';
 export { default as fromSchema } from './from-schema';
 export { default as HighlightText, strToHighlight, RegExp_HighLight, type HighlightFlag, type Highlight, type HighlightTextProps, type HighlightTextJson, } from './highlight-text';
-export { default as colorScheme, type ColorScheme } from './color-scheme';
+export { default as colorScheme, generateTheme, type ColorScheme, type ThemeOption, } from './color-scheme';
 export { default as Avatar, type AvatarProps } from './avatar';
 export { default as AvatarGroup, type AvatarGroupProps } from './avatar-group';
 export { default as CaptureScreen, type CaptureScreenProp, type RecorderOptions, } from './capture-screen';
@@ -20,6 +20,8 @@ export { default as CodeBlock, type CodeBlockProps } from './code-block';
 export { default as Photo, type PhotoProps, type ImageData } from './photo';
 export { default as Carousel, type CarouselProps } from './carousel';
 export { default as Portal, type PortalProps } from './portal';
+export { default as Typography, type TypographyProps } from './typography';
+export { default as Switch, type SwitchProps } from './switch';
 export { default as prefixCls, setPrefixCls } from './prefix-cls';
 export { default as highlight } from './highlight';
 export { default as Prism } from './prism';

package/es/index.js

@@ -1,43 +1 @@
-import{getColorVariableString}from"@moneko/common";import{injectGlobal}from"./emotion";export*from"./emotion";export{default as Markdown,getMarkedImgList,markdownUtil}from"./markdown";export{default as BackTop}from"./back-top";export{default as Tree}from"./tree";export{default as fromSchema}from"./from-schema";export{default as HighlightText,strToHighlight,RegExp_HighLight}from"./highlight-text";export{default as colorScheme}from"./color-scheme";export{default as Avatar}from"./avatar";export{default as AvatarGroup}from"./avatar-group";export{default as CaptureScreen}from"./capture-screen";export{default as WaveCircle}from"./wave-circle";export{default as Button}from"./button";export{default as Input}from"./input";export{default as InputNumber}from"./input-number";export{default as Tooltip}from"./tooltip";export{default as ColorPalette}from"./color-palette";export{default as ColorPicker}from"./color-picker";export{default as Skeleton}from"./skeleton";export{default as CodeBlock}from"./code-block";export{default as Photo}from"./photo";export{default as Carousel}from"./carousel";export{default as Portal}from"./portal";export{default as prefixCls,setPrefixCls}from"./prefix-cls";export{default as highlight}from"./highlight";export{default as Prism}from"./prism";injectGlobal`
-  :root {
-    --font-size: 14px;
-    --font-size-sm: 12px;
-    --font-size-xs: 10px;
-    --font-size-lg: 16px;
-    --border-base: 1px solid var(--border-color);
-    --border-color: rgb(5 5 5 / 6%);
-    --border-radius: 8px;
-    --component-background: rgb(255 255 255 / 80%);
-    --text-color: rgb(0 0 0 / 65%);
-    --text-secondary: #4e4e4e;
-    --text-heading: #1b1b1b;
-    --text-selection-bg: var(--primary-bg);
-    --text-shadow-color: rgb(0 0 0 / 10%);
-    --box-shadow-base: 0 3px 6px -4px rgb(0 0 0 / 12%), 0 6px 16px 0 rgb(0 0 0 / 8%),
-      0 9px 28px 8px rgb(0 0 0 / 5%);
-    --font-family: -apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Helvetica Neue',
-      'Arial', 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
-      'Noto Color Emoji', 'Helvetica', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans';
-    --transition-duration: 0.3s;
-    --transition-timing-function: cubic-bezier(0.94, -0.1, 0.1, 1.2);
-    ${getColorVariableString("#5794ff",{name:"primary"})}
-    ${getColorVariableString("#faad14",{name:"warning"})}
-    ${getColorVariableString("#ff4d4f",{name:"error"})}
-    ${getColorVariableString("#52c41a",{name:"success"})}
-  }
-
-  :root[data-theme='dark'] {
-    --text-color: #ffffffd9;
-    --text-secondary: #cdcdcd;
-    --text-heading: rgb(255 255 255 / 85%);
-    --text-shadow-color: rgb(255 255 255 / 10%);
-    --body-background: #000;
-    --component-background: rgb(20 20 20 / 80%);
-    --header-bg: rgb(20 20 20 / 90%);
-    --border-color: #303030;
-    ${getColorVariableString("#4d81dc",{name:"primary",theme:"dark"})}
-    ${getColorVariableString("#bb8314",{name:"warning",theme:"dark"})}
-    ${getColorVariableString("#901c22",{name:"error",theme:"dark"})}
-    ${getColorVariableString("#419418",{name:"success",theme:"dark"})}
-  }
-`;
+export*from"./emotion";export{default as Markdown,getMarkedImgList,markdownUtil}from"./markdown";export{default as BackTop}from"./back-top";export{default as Tree}from"./tree";export{default as fromSchema}from"./from-schema";export{default as HighlightText,strToHighlight,RegExp_HighLight}from"./highlight-text";export{default as colorScheme,generateTheme}from"./color-scheme";export{default as Avatar}from"./avatar";export{default as AvatarGroup}from"./avatar-group";export{default as CaptureScreen}from"./capture-screen";export{default as WaveCircle}from"./wave-circle";export{default as Button}from"./button";export{default as Input}from"./input";export{default as InputNumber}from"./input-number";export{default as Tooltip}from"./tooltip";export{default as ColorPalette}from"./color-palette";export{default as ColorPicker}from"./color-picker";export{default as Skeleton}from"./skeleton";export{default as CodeBlock}from"./code-block";export{default as Photo}from"./photo";export{default as Carousel}from"./carousel";export{default as Portal}from"./portal";export{default as Typography}from"./typography";export{default as Switch}from"./switch";export{default as prefixCls,setPrefixCls}from"./prefix-cls";export{default as highlight}from"./highlight";export{default as Prism}from"./prism";

package/es/input/index.d.ts

@@ -5,6 +5,8 @@ export interface InputProps<T = string | number | undefined> extends Omit<React.
     suffix?: React.ReactNode;
     prefix?: React.ReactNode;
     size?: ComponentSize;
+    label?: React.ReactNode;
+    status?: 'error' | 'warning' | 'success';
     value?: T;
     onChange?: (value?: T) => void;
     /** 指定输入框展示值的格式 */

package/es/input/index.js

@@ -1 +1 @@
-function _extends(){_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key]}}}return target};return _extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target}import React,{useCallback,useState}from"react";import{cls}from"./style";import{cx}from"../emotion";const Input=_param=>{var{className,suffix,prefix,value,size,type="text",disabled,formatter,parser,onChange,onFocus,onBlur,autoComplete="off"}=_param,prpos=_objectWithoutProperties(_param,["className","suffix","prefix","value","size","type","disabled","formatter","parser","onChange","onFocus","onBlur","autoComplete"]);const[focus,setFocus]=useState(false);const getValue=useCallback(val=>{return formatter?formatter===null||formatter===void 0?void 0:formatter(val):val},[formatter]);const parserValue=useCallback(val=>{if(parser){return parser(val)}else if(type==="number"&&typeof val==="string"){const num=val.replace(/[^\d]/g,"");return num.length?parseFloat(num):undefined}return val},[parser,type]);const handleChange=useCallback(e=>{onChange===null||onChange===void 0?void 0:onChange(parserValue(e.target.value))},[onChange,parserValue]);const handleFocus=useCallback(e=>{setFocus(true);onFocus===null||onFocus===void 0?void 0:onFocus(e)},[onFocus]);const handleBlur=useCallback(e=>{setFocus(false);onBlur===null||onBlur===void 0?void 0:onBlur(e)},[onBlur]);return React.createElement("span",{className:cx(cls.wrapper,cls[size||"normal"],disabled&&cls.disabled,focus&&cls.focus,className)},prefix?React.createElement("span",{className:cls.prefix},prefix):null,React.createElement("input",_extends({value:getValue(value),className:cls.input,autoComplete:autoComplete,type:"text",disabled:disabled,onFocus:handleFocus,onBlur:handleBlur,onChange:handleChange},prpos)),suffix?React.createElement("span",{className:cls.suffix},suffix):null)};export default Input;
+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 _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{cls}from"./style";import{cx}from"../emotion";const Input=_param=>{var{className,suffix,prefix,value,size,type="text",status,disabled,formatter,parser,onChange,onFocus,onBlur,autoComplete="off",label,placeholder=" "}=_param,prpos=_object_without_properties(_param,["className","suffix","prefix","value","size","type","status","disabled","formatter","parser","onChange","onFocus","onBlur","autoComplete","label","placeholder"]);var _ref_current;const ref=useRef(null);const[x,setX]=useState(`${(_ref_current=ref.current)===null||_ref_current===void 0?void 0:_ref_current.offsetLeft}px`);const[focus,setFocus]=useState(false);const getValue=useCallback(val=>{return formatter?formatter===null||formatter===void 0?void 0:formatter(val):val},[formatter]);const parserValue=useCallback(val=>{if(parser){return parser(val)}else if(type==="number"&&typeof val==="string"){const num=val.replace(/[^\d]/g,"");return num.length?parseFloat(num):undefined}return val},[parser,type]);const handleChange=useCallback(e=>{onChange===null||onChange===void 0?void 0:onChange(parserValue(e.target.value))},[onChange,parserValue]);const handleFocus=useCallback(e=>{setFocus(true);onFocus===null||onFocus===void 0?void 0:onFocus(e)},[onFocus]);const handleBlur=useCallback(e=>{setFocus(false);onBlur===null||onBlur===void 0?void 0:onBlur(e)},[onBlur]);useEffect(()=>{var _ref_current;setX(`${(_ref_current=ref.current)===null||_ref_current===void 0?void 0:_ref_current.offsetLeft}px`)},[]);return React.createElement("span",{className:cx(cls.wrapper,size&&cls[size],disabled&&cls.disabled,focus&&cls.focus,status&&cls[status],className)},prefix?React.createElement("span",{className:cls.prefix},prefix):null,React.createElement("input",_object_spread({ref:ref,type:type,value:getValue(value),className:cls.input,autoComplete:autoComplete,disabled:disabled,onFocus:handleFocus,onBlur:handleBlur,onChange:handleChange,placeholder:placeholder},prpos)),label&&React.createElement("label",{className:cls.label,style:{"--x":x}},label),suffix?React.createElement("span",{className:cls.suffix},suffix):null)};export default Input;

package/es/input/style.d.ts

@@ -8,4 +8,8 @@ export declare const cls: {
     small: "n-input-small";
     large: "n-input-large";
     normal: "n-input-normal";
+    label: "n-input-label";
+    error: "n-input-error";
+    warning: "n-input-warning";
+    success: "n-input-success";
 };