neko-ui 1.4.1 → 1.5.0

package/es/checkbox/index.d.ts

@@ -1,16 +1,16 @@
 import React from 'react';
 import type { RadioOption } from '../radio';
 export interface CheckboxOption extends RadioOption {
-    label: React.ReactNode;
+    indeterminate?: boolean;
 }
 export interface CheckboxProps {
     className?: string;
     style?: React.CSSProperties;
     name?: string;
     disabled?: boolean;
-    value?: (string | number)[];
-    options: RadioOption[];
-    onChange?: (val: (string | number)[]) => void;
+    value?: string[];
+    options: (CheckboxOption | string)[];
+    onChange?: (val: string[]) => void;
     layout?: 'vertical' | 'horizontal';
 }
 declare const Checkbox: React.FC<CheckboxProps>;

package/es/checkbox/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{isFunction}from"@moneko/common";import sso from"shared-store-object";import{cls}from"./style";import{cx}from"../emotion";const Checkbox=_param=>{var{layout="horizontal",className,name,style,disabled,options,value=[],onChange}=_param,props=_object_without_properties(_param,["layout","className","name","style","disabled","options","value","onChange"]);const state=useRef(sso({value,options,disabled,onChange(item){if(!state.current.disabled&&!item.disabled){const newVal=[...state.current.value];const idx=newVal.indexOf(item.value);if(idx!==-1){newVal.splice(idx,1)}else{newVal.push(item.value)}if(isFunction(onChange)){onChange(newVal)}else{state.current.value=newVal}}},onKeyUpCapture(key,item){if(key==="Enter"){state.current.onChange(item)}}}));const{value:val,options:opts,disabled:disable}=state.current;useEffect(()=>{state.current.disabled=disabled},[disabled]);useEffect(()=>{state.current.value=value},[value]);useEffect(()=>{state.current.options=options},[options]);useEffect(()=>{const _state=state.current;return()=>{_state()}},[]);return React.createElement("div",_object_spread_props(_object_spread({},props),{className:cx(cls.box,layout&&cls[layout],className),style:style}),opts===null||opts===void 0?void 0:opts.map((_param,i)=>{var{label}=_param,item=_object_without_properties(_param,["label"]);const readOnly=disable||item.disabled;const handleChange=()=>state.current.onChange(item);return React.createElement("label",{key:`${item.value}-${i}`,className:cx(cls.label,item.className),tabIndex:readOnly?-1:0,onKeyUpCapture:({key})=>state.current.onKeyUpCapture(key,item),onClickCapture:handleChange,"aria-disabled":readOnly,"data-disabled":readOnly,style:item.style},React.createElement("input",{className:cls.checkbox,type:"checkbox",name:name,value:item.value,disabled:readOnly,checked:val.includes(item.value),onChange:handleChange}),label)}))};export default Checkbox;
+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{isFunction}from"@moneko/common";import sso from"shared-store-object";import{cls}from"./style";import{cx}from"../emotion";const Checkbox=_param=>{var{layout="horizontal",className,name,style,disabled,options,value=[],onChange}=_param,props=_object_without_properties(_param,["layout","className","name","style","disabled","options","value","onChange"]);const state=useRef(sso({value,options:[],disabled,all:[],checkedAll:false,onChange(item){if(!state.current.disabled&&!item.disabled){const isIndeterminate="indeterminate"in item;let newVal=isIndeterminate?[]:[...state.current.value];if(isIndeterminate){if(!state.current.checkedAll){newVal=state.current.all}}else{const idx=newVal.indexOf(item.value);if(idx!==-1){newVal.splice(idx,1)}else{newVal.push(item.value)}}if(isFunction(onChange)){onChange(newVal)}else{state.current.value=newVal}}},onKeyUpCapture(key,item){if(key==="Enter"){state.current.onChange(item)}}}));const{value:val,options:opts,disabled:disable,all,checkedAll}=state.current;useEffect(()=>{state.current.disabled=disabled},[disabled]);useEffect(()=>{state.current.value=value},[value]);useEffect(()=>{const allVal=[];state.current.options=options.map(item=>{const _item=typeof item==="string"?{label:item,value:item}:item;if(!("indeterminate"in _item)){allVal.push(_item.value)}return _item});state.current.all=allVal},[options]);useEffect(()=>{let checked=true;for(let i=0,len=all.length;i<len;i++){if(!value.includes(all[i])){checked=false}}state.current.checkedAll=checked},[all,value]);useEffect(()=>{const _state=state.current;return()=>{_state()}},[]);return React.createElement("section",_object_spread_props(_object_spread({},props),{className:cx(cls.box,layout&&cls[layout],className),style:style}),opts===null||opts===void 0?void 0:opts.map((item,i)=>{const readOnly=disable||item.disabled;const handleChange=()=>state.current.onChange(item);const isIndeterminate="indeterminate"in item;const checked=isIndeterminate?checkedAll:val.includes(item.value);return React.createElement("label",{key:`${item.value}-${i}`,className:cx(cls.label,item.className),tabIndex:readOnly?-1:0,onKeyUpCapture:({key})=>state.current.onKeyUpCapture(key,item),onClickCapture:handleChange,"aria-disabled":readOnly,"data-disabled":readOnly,style:item.style},React.createElement("input",{ref:el=>{if(el&&isIndeterminate){el.indeterminate=item.indeterminate}},className:cls.checkbox,type:"checkbox",name:name,value:item.value,disabled:readOnly,checked:checked,onChange:handleChange}),item.label)}))};export default Checkbox;

package/es/checkbox/style.js

@@ -58,17 +58,27 @@ import{injectGlobal}from"../emotion";import prefixCls from"../prefix-cls";export
       margin: auto;
       border-style: solid;
       border-width: 0 0 2px 2px;
-      border-color: var(--primary-outline);
-      transition: 0.2s transform ease-in-out;
+      border-color: transparent;
+      transition-duration: 0.2s;
+      transition-timing-function: ease-in-out;
+      transition-property: background-color, transform, border-color, height;
       box-sizing: border-box;
       inset-block-start: 0;
       inset-block-end: 0;
       inset-inline-start: 0;
       inset-inline-end: 0;
       content: '';
-      inline-size: 70%;
-      block-size: 45%;
-      transform: rotate(-55deg) translateY(-10%) translateX(5%) scale(var(--scale, 0));
+      inline-size: 10px;
+      block-size: 10px;
+      transform: scale(0);
+    }
+
+    &:indeterminate:not(:checked) {
+      &::before {
+        border-radius: 2px;
+        background-color: var(--primary-color);
+        transform: scale(1);
+      }
     }
 
     &:not(:disabled, :checked):hover {
@@ -77,9 +87,14 @@ import{injectGlobal}from"../emotion";import prefixCls from"../prefix-cls";export
     }
 
     &:checked {
-      --scale: 1;
       --shadow-w: 16px;
       --border-color: var(--primary-color);
+
+      &::before {
+        block-size: 5px;
+        border-color: var(--primary-outline);
+        transform: rotate(-55deg) translateY(-10%) translateX(5%) scale(1);
+      }
     }
 
     &:active {

package/es/index.d.ts

@@ -14,6 +14,7 @@ export { default as Input, type InputProps } from './input';
 export { default as InputNumber, type InputNumberProps } from './input-number';
 export { default as Radio, type RadioProps, type RadioOption } from './radio';
 export { default as Checkbox, type CheckboxProps, type CheckboxOption } from './checkbox';
+export { default as Segmented, type SegmentedProps, type SegmentedOption } from './segmented';
 export { default as Tooltip, type TooltipProps, type TooltipTriggerOption } from './tooltip';
 export { default as ColorPalette, type ColorPaletteProps } from './color-palette';
 export { default as ColorPicker, type ColorPickerProps } from './color-picker';

package/es/index.js

@@ -1 +1 @@
-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 Radio}from"./radio";export{default as Checkbox}from"./checkbox";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";
+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 Radio}from"./radio";export{default as Checkbox}from"./checkbox";export{default as Segmented}from"./segmented";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/markdown/index.css

@@ -105,7 +105,7 @@
 .n-md-toc,
 .n-md-body {
   background-color: var(--component-bg);
-  box-shadow: 0 2px 8px 0 var(--primary-shadow, rgb(0 0 0 / 5%));
+  box-shadow: 0 2px 8px 0 var(--primary-shadow);
 }
 
 .n-md-toc {

package/es/photo/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}import React,{useCallback,useEffect,useMemo,useRef}from"react";import sso from"shared-store-object";import{cls}from"./style";import Carousel from"../carousel";import{cx}from"../emotion";import Portal from"../portal";function Photo(props){const photo=useRef(sso({open:props.open,onOpenChange(){var _props_onOpenChange;(_props_onOpenChange=props.onOpenChange)===null||_props_onOpenChange===void 0?void 0:_props_onOpenChange.call(props,!photo.current.open)}}));const{open}=photo.current;const handleDestroy=useCallback(()=>{if(props.open===false){photo.current.open=false}},[props.open]);const renderDom=useMemo(()=>React.createElement(Carousel,_object_spread_props(_object_spread({},props),{className:cx(cls.photo,props.className)}),props.data.map(item=>{return React.createElement("div",{className:cls.item,key:item.key,style:{"--img":`url(${item.src})`}},React.createElement("img",{className:cls.img,src:item.src,alt:item.alt,onDragStart:()=>false}))})),[props]);const render=useMemo(()=>{if(typeof open==="boolean"){return open?React.createElement(Portal,{container:document.body},React.createElement("div",{className:cx(cls.portal,props.open===false?cls.closeing:props.open?cls.open:""),onAnimationEnd:handleDestroy},renderDom,React.createElement("span",{className:cx("neko-icon",cls.close),onClick:photo.current.onOpenChange}))):null}return renderDom},[handleDestroy,open,props.open,renderDom]);useEffect(()=>{if(props.open===true){photo.current.open=true}},[props.open]);useEffect(()=>{const _photo=photo.current;return()=>{_photo()}},[]);return render}export default Photo;
+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}import React,{useCallback,useEffect,useMemo,useRef}from"react";import sso from"shared-store-object";import{cls}from"./style";import Carousel from"../carousel";import{cx}from"../emotion";import Portal from"../portal";function Photo(props){const photo=useRef(sso({open:props.open,onOpenChange(){var _props_onOpenChange;(_props_onOpenChange=props.onOpenChange)===null||_props_onOpenChange===void 0?void 0:_props_onOpenChange.call(props,!photo.current.open)},handleWheel(e){e.preventDefault()}}));const{open}=photo.current;const handleDestroy=useCallback(()=>{if(props.open===false){photo.current.open=false}},[props.open]);const renderDom=useMemo(()=>React.createElement(Carousel,_object_spread_props(_object_spread({},props),{className:cx(cls.photo,props.className)}),props.data.map(item=>{return React.createElement("div",{className:cls.item,key:item.key,style:{"--img":`url(${item.src})`}},React.createElement("img",{className:cls.img,src:item.src,alt:item.alt,onDragStart:()=>false}))})),[props]);const render=useMemo(()=>{if(typeof open==="boolean"){return open?React.createElement(Portal,{container:document.body},React.createElement("div",{className:cx(cls.portal,props.open===false?cls.closeing:props.open?cls.open:""),onAnimationEnd:handleDestroy,onWheel:photo.current.handleWheel},renderDom,React.createElement("span",{className:cx("neko-icon",cls.close),onClick:photo.current.onOpenChange}))):null}return renderDom},[handleDestroy,open,props.open,renderDom]);useEffect(()=>{if(props.open===true){photo.current.open=true;document.documentElement.addEventListener("mousewheel",photo.current.handleWheel,{passive:false})}else{document.documentElement.removeEventListener("mousewheel",photo.current.handleWheel)}},[props.open]);useEffect(()=>{const _photo=photo.current;return()=>{document.documentElement.removeEventListener("mousewheel",_photo.handleWheel);_photo()}},[]);return render}export default Photo;

package/es/prism/prism.css

@@ -539,7 +539,7 @@ pre:not(.sp-cm) {
     font-size: var(--font-size);
     white-space: pre-wrap;
     background-color: var(--primary-component-bg);
-    box-shadow: 0 2px 8px 0 var(--primary-shadow, rgb(0 0 0 / 5%));
+    box-shadow: 0 2px 8px 0 var(--primary-shadow);
     line-height: 20px;
     transition-property: color, background-color, box-shadow;
 }

package/es/radio/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 export type RadioOption = {
-    value: string | number;
+    value: string;
     label: React.ReactNode;
     disabled?: boolean;
     className?: string;
@@ -11,9 +11,9 @@ export interface RadioProps {
     style?: React.CSSProperties;
     name?: string;
     disabled?: boolean;
-    value?: string | number;
-    options: RadioOption[];
-    onChange?: (val: string | number) => void;
+    value?: string;
+    options: (RadioOption | string)[];
+    onChange?: (val: string) => void;
     layout?: 'vertical' | 'horizontal';
 }
 declare const Radio: React.FC<RadioProps>;

package/es/radio/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{isFunction}from"@moneko/common";import sso from"shared-store-object";import{cls}from"./style";import{cx}from"../emotion";const Radio=_param=>{var{layout="horizontal",className,name,style,disabled,options,value,onChange}=_param,props=_object_without_properties(_param,["layout","className","name","style","disabled","options","value","onChange"]);const state=useRef(sso({value,options,disabled,onChange(item){if(!state.current.disabled&&!item.disabled){if(isFunction(onChange)){onChange(item.value)}else{state.current.value=item.value}}},onKeyUpCapture(key,item){if(key==="Enter"){state.current.onChange(item)}}}));const{value:val,options:opts,disabled:disable}=state.current;useEffect(()=>{state.current.disabled=disabled},[disabled]);useEffect(()=>{state.current.value=value},[value]);useEffect(()=>{state.current.options=options},[options]);useEffect(()=>{const _state=state.current;return()=>{_state()}},[]);return React.createElement("div",_object_spread_props(_object_spread({},props),{className:cx(cls.box,layout&&cls[layout],className),style:style}),opts===null||opts===void 0?void 0:opts.map((_param,i)=>{var{label}=_param,item=_object_without_properties(_param,["label"]);const readOnly=disable||item.disabled;const handleChange=()=>state.current.onChange(item);return React.createElement("label",{key:`${item.value}-${i}`,className:cx(cls.label,item.className),tabIndex:readOnly?-1:0,onKeyUpCapture:({key})=>state.current.onKeyUpCapture(key,item),onClickCapture:handleChange,"aria-disabled":readOnly,"data-disabled":readOnly,style:item.style},React.createElement("input",{className:cls.radio,type:"radio",name:name,value:item.value,disabled:readOnly,checked:item.value===val,onChange:handleChange}),label)}))};export default Radio;
+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{isFunction}from"@moneko/common";import sso from"shared-store-object";import{cls}from"./style";import{cx}from"../emotion";const Radio=_param=>{var{layout="horizontal",className,name,style,disabled,options,value,onChange}=_param,props=_object_without_properties(_param,["layout","className","name","style","disabled","options","value","onChange"]);const state=useRef(sso({value,options:[],disabled,onChange(item){if(!state.current.disabled&&!item.disabled){if(isFunction(onChange)){onChange(item.value)}else{state.current.value=item.value}}},onKeyUpCapture(key,item){if(key==="Enter"){state.current.onChange(item)}}}));const{value:val,options:opts,disabled:disable}=state.current;useEffect(()=>{state.current.disabled=disabled},[disabled]);useEffect(()=>{state.current.value=value},[value]);useEffect(()=>{state.current.options=options.map(item=>{if(typeof item==="string"){return{label:item,value:item}}return item})},[options]);useEffect(()=>{const _state=state.current;return()=>{_state()}},[]);return React.createElement("section",_object_spread_props(_object_spread({},props),{className:cx(cls.box,layout&&cls[layout],className),style:style}),opts===null||opts===void 0?void 0:opts.map((item,i)=>{const readOnly=disable||item.disabled;const handleChange=()=>state.current.onChange(item);return React.createElement("label",{key:`${item.value}-${i}`,className:cx(cls.label,item.className),tabIndex:readOnly?-1:0,onKeyUpCapture:({key})=>state.current.onKeyUpCapture(key,item),onClickCapture:handleChange,"aria-disabled":readOnly,"data-disabled":readOnly,style:item.style},React.createElement("input",{className:cls.radio,type:"radio",name:name,value:item.value,disabled:readOnly,checked:item.value===val,onChange:handleChange}),item.label)}))};export default Radio;

package/es/segmented/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { RadioOption } from '../radio';
+export interface SegmentedOption extends RadioOption {
+    icon?: React.ReactNode;
+}
+export interface SegmentedProps {
+    className?: string;
+    style?: React.CSSProperties;
+    name?: string;
+    disabled?: boolean;
+    value?: string;
+    options: (SegmentedOption | string)[];
+    onChange?: (val: string) => void;
+}
+declare const Segmented: React.FC<SegmentedProps>;
+export default Segmented;

package/es/segmented/index.js

@@ -0,0 +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{isFunction}from"@moneko/common";import sso from"shared-store-object";import{cls}from"./style";import{cx}from"../emotion";const Segmented=_param=>{var{className,name,style,disabled,options,value,onChange}=_param,props=_object_without_properties(_param,["className","name","style","disabled","options","value","onChange"]);const box=useRef(null);const state=useRef(sso({value,options:[],disabled,style:{},onChange(item){if(!state.current.disabled&&!item.disabled){if(isFunction(onChange)){onChange(item.value)}else{state.current.value=item.value}}},onKeyUpCapture(key,item){if(key==="Enter"){state.current.onChange(item)}}}));const{value:val,options:opts,disabled:disable,style:offsetStyle}=state.current;useEffect(()=>{state.current.disabled=disabled},[disabled]);useEffect(()=>{state.current.value=value},[value]);useEffect(()=>{state.current.options=options.map(item=>{if(typeof item==="string"){return{label:item,value:item}}return item})},[options]);useEffect(()=>{var _opts_find;const el=(_opts_find=opts.find(o=>o.value===val))===null||_opts_find===void 0?void 0:_opts_find.el;if(el){state.current.style={"--w":`${el.offsetWidth}px`,"--h":`${el.offsetHeight}px`,"--left":`${el.offsetLeft}px`}}},[val,opts]);useEffect(()=>{const _state=state.current;return()=>{_state()}},[]);return React.createElement("div",_object_spread_props(_object_spread({},props),{ref:box,className:cx(cls.box,className),style:_object_spread({},style,offsetStyle)}),opts===null||opts===void 0?void 0:opts.map((item,i)=>{const readOnly=disable||item.disabled;const handleChange=()=>state.current.onChange(item);return React.createElement(React.Fragment,{key:`${item.value}-${i}`},React.createElement("input",{className:cls.segmented,type:"radio",name:name,value:item.value,disabled:readOnly,checked:item.value===val,onChange:handleChange}),React.createElement("label",{className:cx(cls.label,item.className),tabIndex:readOnly?-1:0,onKeyUpCapture:({key})=>state.current.onKeyUpCapture(key,item),onClickCapture:handleChange,"aria-disabled":readOnly,"data-disabled":readOnly,style:item.style,ref:e=>{if(e){opts[i].el=e}}},item.icon?React.createElement("span",{className:cls.icon},item.icon):null,item.label))}))};export default Segmented;

package/es/segmented/style.d.ts

@@ -0,0 +1,6 @@
+export declare const cls: {
+    segmented: "n-segmented";
+    box: "n-segmented-box";
+    label: "n-segmented-label";
+    icon: "n-segmented-icon";
+};

package/es/segmented/style.js

@@ -0,0 +1,76 @@
+import{css,injectGlobal}from"../emotion";import prefixCls from"../prefix-cls";export const cls={segmented:prefixCls("segmented"),box:prefixCls("segmented-box"),label:prefixCls("segmented-label"),icon:prefixCls("segmented-icon")};const cs=css`
+  .${cls.box} {
+    position: relative;
+    display: flex;
+    border-radius: var(--border-radius);
+    padding: 2px;
+    max-inline-size: 100%;
+    min-block-size: 28px;
+    background-color: var(--primary-details-bg);
+    line-height: 28px;
+
+    &::before {
+      position: absolute;
+      display: block;
+      border-radius: var(--border-radius);
+      background-color: #fff;
+      box-shadow: 0 2px 8px 0 var(--primary-shadow);
+      content: '';
+      inline-size: var(--w);
+      block-size: var(--h);
+      inset-block-start: 2px;
+      inset-inline-start: var(--left);
+      transition-duration: var(--transition-duration);
+      transition-timing-function: ease;
+      transition-property: inline-size, block-size, inset-inline-start, background-color;
+    }
+  }
+  .${cls.label} {
+    position: relative;
+    border-radius: var(--border-radius);
+    padding: 0 12px;
+    color: var(--text-color);
+    outline: 0;
+    transition: 0.2s background-color ease, 0.3s color ease;
+    cursor: pointer;
+    box-sizing: border-box;
+    /* stylelint-disable-next-line */
+    display: -webkit-box;
+    -webkit-box-orient: block-axis;
+    -webkit-line-clamp: var(--rows, 1);
+    word-break: break-word;
+    word-wrap: break-word;
+    overflow: hidden;
+
+    &:hover,
+    &:focus {
+      background-color: var(--primary-selection);
+    }
+
+    &[data-disabled]:not([data-disabled='false']) {
+      cursor: not-allowed;
+      color: var(--disable-color);
+
+      &:hover,
+      &:focus {
+        background-color: transparent;
+      }
+    }
+    .${cls.icon} {
+      margin-inline-end: 6px;
+    }
+  }
+  .${cls.segmented} {
+    display: none;
+    pointer-events: none;
+
+    &:checked + .${cls.label} {
+      color: var(--text-heading);
+      background-color: transparent;
+
+      &[data-disabled]:not([data-disabled='false']) {
+        color: var(--disable-color);
+      }
+    }
+  }
+`;injectGlobal([cs]);

package/es/switch/style.js

@@ -13,7 +13,7 @@ import{injectGlobal}from"../emotion";import prefixCls from"../prefix-cls";export
     transition: 0.4s box-shadow, 0.3s background-color, 0.3s opacity;
     cursor: pointer;
     inline-size: fit-content;
-    min-inline-size: 42px;
+    min-inline-size: 44px;
     block-size: 22px;
     line-height: 18px;
     user-select: none;

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,{useCallback,useEffect,useMemo,useRef,useState}from"react";import{getMaxZindex,isString,colorParse}from"@moneko/common";import{createPortal}from"react-dom";import{cls}from"./style";import{cx}from"../emotion";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[show,setShow]=useState(null);const[posi,setPosi]=useState({left:-9999,top:-9999});useEffect(()=>{onOpenChange===null||onOpenChange===void 0?void 0:onOpenChange(show)},[onOpenChange,show]);useEffect(()=>{setShow(open)},[open]);useEffect(()=>{if(show&&ref.current){ref.current.style.zIndex=getMaxZindex().toString()}},[show]);const exit=useCallback(()=>{if(show===false){setShow(null)}},[show]);const close=useCallback(e=>{var _ref_current;e.preventDefault();e.stopPropagation();if(show&&!((_ref_current=ref.current)===null||_ref_current===void 0?void 0:_ref_current.contains(e.target))){setShow(false)}},[show]);useEffect(()=>{if(!show||!ref.current||!childRef.current)return;const elRect=childRef.current.getBoundingClientRect();const portalRectHeight=ref.current.getBoundingClientRect();if(elRect&&portalRectHeight){const offsetY=ref.current.offsetHeight+elRect.height/2;const offsetX=ref.current.offsetWidth/2-elRect.width/2;setPosi({left:elRect.left-offsetX,top:elRect.top-offsetY})}},[show]);const container=useMemo(()=>{return(getPopupContainer===null||getPopupContainer===void 0?void 0:getPopupContainer(childRef.current))||document.body},[getPopupContainer]);const childrenProps=useMemo(()=>{const _props=_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]:e=>{e.preventDefault();e.stopPropagation();setShow(true)}},closeFn&&{[closeFn]:close})}return _props},[close,props,trigger]);useEffect(()=>{document.body.addEventListener("click",close,false);return()=>{document.body.removeEventListener("click",close,false)}},[close]);const style=useMemo(()=>{let shadowColor;if(color){shadowColor=colorParse(color).setAlpha(.1).toRgbaString()}return Object.assign(_object_spread_props(_object_spread({},popupStyle),{left:Math.abs(posi.left),top:posi.top,"--x":-(Math.abs(posi.left)-posi.left)+"px"}),color&&{"--tooltip-bg":color,"--tooltip-shadow-color":shadowColor})},[color,popupStyle,posi.left,posi.top]);return React.createElement(React.Fragment,null,(show!==null||!destroyInactive)&&createPortal(React.createElement("div",{ref:ref,onAnimationEnd:exit,className:cx(cls.portal,show?cls.inUp:cls.outUp,popupClassName),style:style},title),container),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,{useCallback,useEffect,useMemo,useRef,useState}from"react";import{getMaxZindex,isString,colorParse}from"@moneko/common";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[show,setShow]=useState(null);const[posi,setPosi]=useState({left:-9999,top:-9999});useEffect(()=>{onOpenChange===null||onOpenChange===void 0?void 0:onOpenChange(show)},[onOpenChange,show]);useEffect(()=>{setShow(open)},[open]);useEffect(()=>{if(show&&ref.current){ref.current.style.zIndex=getMaxZindex().toString()}},[show]);const exit=useCallback(()=>{if(show===false){setShow(null)}},[show]);const close=useCallback(e=>{var _ref_current;e.preventDefault();e.stopPropagation();if(show&&!((_ref_current=ref.current)===null||_ref_current===void 0?void 0:_ref_current.contains(e.target))){setShow(false)}},[show]);useEffect(()=>{if(!show||!ref.current||!childRef.current)return;const elRect=childRef.current.getBoundingClientRect();const portalRectHeight=ref.current.getBoundingClientRect();if(elRect&&portalRectHeight){const offsetY=ref.current.offsetHeight+elRect.height/2;const offsetX=ref.current.offsetWidth/2-elRect.width/2;setPosi({left:elRect.left-offsetX,top:elRect.top-offsetY})}},[show]);const container=useMemo(()=>{return(getPopupContainer===null||getPopupContainer===void 0?void 0:getPopupContainer(childRef.current))||document.body},[getPopupContainer]);const childrenProps=useMemo(()=>{const _props=_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]:e=>{e.preventDefault();e.stopPropagation();setShow(true)}},closeFn&&{[closeFn]:close})}return _props},[close,props,trigger]);useEffect(()=>{document.body.addEventListener("click",close,false);return()=>{document.body.removeEventListener("click",close,false)}},[close]);const style=useMemo(()=>{let shadowColor;if(color){shadowColor=colorParse(color).setAlpha(.1).toRgbaString()}return Object.assign(_object_spread_props(_object_spread({},popupStyle),{left:Math.abs(posi.left),top:posi.top,"--x":-(Math.abs(posi.left)-posi.left)+"px"}),color&&{"--tooltip-bg":color,"--tooltip-shadow-color":shadowColor})},[color,popupStyle,posi.left,posi.top]);return React.createElement(React.Fragment,null,(show!==null||!destroyInactive)&&React.createElement(Portal,{container:container},React.createElement("div",{ref:ref,onAnimationEnd:exit,className:cx(cls.portal,show?cls.inUp:cls.outUp,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/es/typography/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 export type TypographyType = 'success' | 'danger' | 'warning' | 'primary' | 'secondary' | 'normal';
-export interface TypographyProps {
+export interface TypographyProps extends React.DetailedHTMLProps<React.HTMLAttributes<any>, any> {
     className?: string;
     style?: React.CSSProperties;
     type?: TypographyType;

package/lib/checkbox/index.d.ts

@@ -1,16 +1,16 @@
 import React from 'react';
 import type { RadioOption } from '../radio';
 export interface CheckboxOption extends RadioOption {
-    label: React.ReactNode;
+    indeterminate?: boolean;
 }
 export interface CheckboxProps {
     className?: string;
     style?: React.CSSProperties;
     name?: string;
     disabled?: boolean;
-    value?: (string | number)[];
-    options: RadioOption[];
-    onChange?: (val: (string | number)[]) => void;
+    value?: string[];
+    options: (CheckboxOption | string)[];
+    onChange?: (val: string[]) => void;
     layout?: 'vertical' | 'horizontal';
 }
 declare const Checkbox: React.FC<CheckboxProps>;

package/lib/checkbox/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");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 Checkbox=function(_param){var _param_layout=_param.layout,layout=_param_layout===void 0?"horizontal":_param_layout,className=_param.className,name=_param.name,style=_param.style,disabled=_param.disabled,options=_param.options,_param_value=_param.value,value=_param_value===void 0?[]:_param_value,onChange=_param.onChange,props=_object_without_properties(_param,["layout","className","name","style","disabled","options","value","onChange"]);var state=(0,_react.useRef)((0,_sharedstoreobject.default)({value:value,options:options,disabled:disabled,onChange:function onChange1(item){if(!state.current.disabled&&!item.disabled){var newVal=_to_consumable_array(state.current.value);var idx=newVal.indexOf(item.value);if(idx!==-1){newVal.splice(idx,1)}else{newVal.push(item.value)}if((0,_common.isFunction)(onChange)){onChange(newVal)}else{state.current.value=newVal}}},onKeyUpCapture:function onKeyUpCapture(key,item){if(key==="Enter"){state.current.onChange(item)}}}));var _state_current=state.current,val=_state_current.value,opts=_state_current.options,disable=_state_current.disabled;(0,_react.useEffect)(function(){state.current.disabled=disabled},[disabled]);(0,_react.useEffect)(function(){state.current.value=value},[value]);(0,_react.useEffect)(function(){state.current.options=options},[options]);(0,_react.useEffect)(function(){var _state=state.current;return function(){_state()}},[]);return _react.default.createElement("div",_object_spread_props(_object_spread({},props),{className:(0,_emotion.cx)(_style.cls.box,layout&&_style.cls[layout],className),style:style}),opts===null||opts===void 0?void 0:opts.map(function(_param,i){var label=_param.label,item=_object_without_properties(_param,["label"]);var readOnly=disable||item.disabled;var handleChange=function(){return state.current.onChange(item)};return _react.default.createElement("label",{key:"".concat(item.value,"-").concat(i),className:(0,_emotion.cx)(_style.cls.label,item.className),tabIndex:readOnly?-1:0,onKeyUpCapture:function(param){var key=param.key;return state.current.onKeyUpCapture(key,item)},onClickCapture:handleChange,"aria-disabled":readOnly,"data-disabled":readOnly,style:item.style},_react.default.createElement("input",{className:_style.cls.checkbox,type:"checkbox",name:name,value:item.value,disabled:readOnly,checked:val.includes(item.value),onChange:handleChange}),label)}))};var _default=Checkbox;
+"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");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 Checkbox=function(_param){var _param_layout=_param.layout,layout=_param_layout===void 0?"horizontal":_param_layout,className=_param.className,name=_param.name,style=_param.style,disabled=_param.disabled,options=_param.options,_param_value=_param.value,value=_param_value===void 0?[]:_param_value,onChange=_param.onChange,props=_object_without_properties(_param,["layout","className","name","style","disabled","options","value","onChange"]);var state=(0,_react.useRef)((0,_sharedstoreobject.default)({value:value,options:[],disabled:disabled,all:[],checkedAll:false,onChange:function onChange1(item){if(!state.current.disabled&&!item.disabled){var isIndeterminate="indeterminate"in item;var newVal=isIndeterminate?[]:_to_consumable_array(state.current.value);if(isIndeterminate){if(!state.current.checkedAll){newVal=state.current.all}}else{var idx=newVal.indexOf(item.value);if(idx!==-1){newVal.splice(idx,1)}else{newVal.push(item.value)}}if((0,_common.isFunction)(onChange)){onChange(newVal)}else{state.current.value=newVal}}},onKeyUpCapture:function onKeyUpCapture(key,item){if(key==="Enter"){state.current.onChange(item)}}}));var _state_current=state.current,val=_state_current.value,opts=_state_current.options,disable=_state_current.disabled,all=_state_current.all,checkedAll=_state_current.checkedAll;(0,_react.useEffect)(function(){state.current.disabled=disabled},[disabled]);(0,_react.useEffect)(function(){state.current.value=value},[value]);(0,_react.useEffect)(function(){var allVal=[];state.current.options=options.map(function(item){var _item=typeof item==="string"?{label:item,value:item}:item;if(!("indeterminate"in _item)){allVal.push(_item.value)}return _item});state.current.all=allVal},[options]);(0,_react.useEffect)(function(){var checked=true;for(var i=0,len=all.length;i<len;i++){if(!value.includes(all[i])){checked=false}}state.current.checkedAll=checked},[all,value]);(0,_react.useEffect)(function(){var _state=state.current;return function(){_state()}},[]);return _react.default.createElement("section",_object_spread_props(_object_spread({},props),{className:(0,_emotion.cx)(_style.cls.box,layout&&_style.cls[layout],className),style:style}),opts===null||opts===void 0?void 0:opts.map(function(item,i){var readOnly=disable||item.disabled;var handleChange=function(){return state.current.onChange(item)};var isIndeterminate="indeterminate"in item;var checked=isIndeterminate?checkedAll:val.includes(item.value);return _react.default.createElement("label",{key:"".concat(item.value,"-").concat(i),className:(0,_emotion.cx)(_style.cls.label,item.className),tabIndex:readOnly?-1:0,onKeyUpCapture:function(param){var key=param.key;return state.current.onKeyUpCapture(key,item)},onClickCapture:handleChange,"aria-disabled":readOnly,"data-disabled":readOnly,style:item.style},_react.default.createElement("input",{ref:function(el){if(el&&isIndeterminate){el.indeterminate=item.indeterminate}},className:_style.cls.checkbox,type:"checkbox",name:name,value:item.value,disabled:readOnly,checked:checked,onChange:handleChange}),item.label)}))};var _default=Checkbox;

package/lib/checkbox/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    display: flex;\n    flex-wrap: wrap;\n    gap: 8px 16px;\n  }\n  ."," {\n    flex-direction: row;\n  }\n  ."," {\n    flex-direction: column;\n  }\n  ."," {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    cursor: pointer;\n    box-sizing: border-box;\n    gap: 6px;\n    outline: 0;\n\n    &:not([data-disabled]:not([data-disabled='false'])):focus ."," {\n      outline: 3px solid var(--primary-outline);\n\n      &:not(:checked) {\n        border-color: var(--primary-hover);\n      }\n    }\n\n    &[data-disabled]:not([data-disabled='false']) {\n      cursor: not-allowed;\n      color: var(--disable-color);\n    }\n\n    &:last-child {\n      margin-inline-end: 16px;\n    }\n  }\n  ."," {\n    position: relative;\n    display: inline-block;\n    margin: 0;\n    border: 1px solid var(--border-color);\n    border-radius: 4px;\n    background-color: var(--component-bg);\n    appearance: none;\n    inline-size: 16px;\n    block-size: 16px;\n    pointer-events: none;\n    outline: 0 solid transparent;\n    box-shadow: inset 0 0 0 var(--shadow-w, 0) var(--primary-color);\n    transition: 0.2s border-color linear, 0.2s box-shadow linear, 0.2s outline linear;\n    user-select: none;\n\n    &::before {\n      position: absolute;\n      display: block;\n      margin: auto;\n      border-style: solid;\n      border-width: 0 0 2px 2px;\n      border-color: var(--primary-outline);\n      transition: 0.2s transform ease-in-out;\n      box-sizing: border-box;\n      inset-block-start: 0;\n      inset-block-end: 0;\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n      content: '';\n      inline-size: 70%;\n      block-size: 45%;\n      transform: rotate(-55deg) translateY(-10%) translateX(5%) scale(var(--scale, 0));\n    }\n\n    &:not(:disabled, :checked):hover {\n      --primary-color: var(--primary-hover);\n      --border-color: var(--primary-hover);\n    }\n\n    &:checked {\n      --scale: 1;\n      --shadow-w: 16px;\n      --border-color: var(--primary-color);\n    }\n\n    &:active {\n      --primary-color: var(--primary-active);\n      --border-color: var(--primary-active);\n    }\n\n    &:disabled {\n      --border-color: var(--disable-border);\n      --primary-color: var(--disable-border);\n    }\n  }\n"]);_templateObject=function _templateObject(){return data};return data}var cls={box:(0,_prefixcls.default)("checkbox-box"),checkbox:(0,_prefixcls.default)("checkbox"),label:(0,_prefixcls.default)("checkbox-label"),vertical:(0,_prefixcls.default)("checkbox-vertical"),horizontal:(0,_prefixcls.default)("checkbox-horizontal")};(0,_emotion.injectGlobal)(_templateObject(),cls.box,cls.horizontal,cls.vertical,cls.label,cls.checkbox,cls.checkbox);
+"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    display: flex;\n    flex-wrap: wrap;\n    gap: 8px 16px;\n  }\n  ."," {\n    flex-direction: row;\n  }\n  ."," {\n    flex-direction: column;\n  }\n  ."," {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    cursor: pointer;\n    box-sizing: border-box;\n    gap: 6px;\n    outline: 0;\n\n    &:not([data-disabled]:not([data-disabled='false'])):focus ."," {\n      outline: 3px solid var(--primary-outline);\n\n      &:not(:checked) {\n        border-color: var(--primary-hover);\n      }\n    }\n\n    &[data-disabled]:not([data-disabled='false']) {\n      cursor: not-allowed;\n      color: var(--disable-color);\n    }\n\n    &:last-child {\n      margin-inline-end: 16px;\n    }\n  }\n  ."," {\n    position: relative;\n    display: inline-block;\n    margin: 0;\n    border: 1px solid var(--border-color);\n    border-radius: 4px;\n    background-color: var(--component-bg);\n    appearance: none;\n    inline-size: 16px;\n    block-size: 16px;\n    pointer-events: none;\n    outline: 0 solid transparent;\n    box-shadow: inset 0 0 0 var(--shadow-w, 0) var(--primary-color);\n    transition: 0.2s border-color linear, 0.2s box-shadow linear, 0.2s outline linear;\n    user-select: none;\n\n    &::before {\n      position: absolute;\n      display: block;\n      margin: auto;\n      border-style: solid;\n      border-width: 0 0 2px 2px;\n      border-color: transparent;\n      transition-duration: 0.2s;\n      transition-timing-function: ease-in-out;\n      transition-property: background-color, transform, border-color, height;\n      box-sizing: border-box;\n      inset-block-start: 0;\n      inset-block-end: 0;\n      inset-inline-start: 0;\n      inset-inline-end: 0;\n      content: '';\n      inline-size: 10px;\n      block-size: 10px;\n      transform: scale(0);\n    }\n\n    &:indeterminate:not(:checked) {\n      &::before {\n        border-radius: 2px;\n        background-color: var(--primary-color);\n        transform: scale(1);\n      }\n    }\n\n    &:not(:disabled, :checked):hover {\n      --primary-color: var(--primary-hover);\n      --border-color: var(--primary-hover);\n    }\n\n    &:checked {\n      --shadow-w: 16px;\n      --border-color: var(--primary-color);\n\n      &::before {\n        block-size: 5px;\n        border-color: var(--primary-outline);\n        transform: rotate(-55deg) translateY(-10%) translateX(5%) scale(1);\n      }\n    }\n\n    &:active {\n      --primary-color: var(--primary-active);\n      --border-color: var(--primary-active);\n    }\n\n    &:disabled {\n      --border-color: var(--disable-border);\n      --primary-color: var(--disable-border);\n    }\n  }\n"]);_templateObject=function _templateObject(){return data};return data}var cls={box:(0,_prefixcls.default)("checkbox-box"),checkbox:(0,_prefixcls.default)("checkbox"),label:(0,_prefixcls.default)("checkbox-label"),vertical:(0,_prefixcls.default)("checkbox-vertical"),horizontal:(0,_prefixcls.default)("checkbox-horizontal")};(0,_emotion.injectGlobal)(_templateObject(),cls.box,cls.horizontal,cls.vertical,cls.label,cls.checkbox,cls.checkbox);

package/lib/index.d.ts

@@ -14,6 +14,7 @@ export { default as Input, type InputProps } from './input';
 export { default as InputNumber, type InputNumberProps } from './input-number';
 export { default as Radio, type RadioProps, type RadioOption } from './radio';
 export { default as Checkbox, type CheckboxProps, type CheckboxOption } from './checkbox';
+export { default as Segmented, type SegmentedProps, type SegmentedOption } from './segmented';
 export { default as Tooltip, type TooltipProps, type TooltipTriggerOption } from './tooltip';
 export { default as ColorPalette, type ColorPaletteProps } from './color-palette';
 export { default as ColorPicker, type ColorPickerProps } from './color-picker';

package/lib/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,{Markdown:function(){return _markdown.default},getMarkedImgList:function(){return _markdown.getMarkedImgList},markdownUtil:function(){return _markdown.markdownUtil},BackTop:function(){return _backtop.default},Tree:function(){return _tree.default},fromSchema:function(){return _fromschema.default},HighlightText:function(){return _highlighttext.default},strToHighlight:function(){return _highlighttext.strToHighlight},RegExp_HighLight:function(){return _highlighttext.RegExp_HighLight},colorScheme:function(){return _colorscheme.default},generateTheme:function(){return _colorscheme.generateTheme},Avatar:function(){return _avatar.default},AvatarGroup:function(){return _avatargroup.default},CaptureScreen:function(){return _capturescreen.default},WaveCircle:function(){return _wavecircle.default},Button:function(){return _button.default},Input:function(){return _input.default},InputNumber:function(){return _inputnumber.default},Radio:function(){return _radio.default},Checkbox:function(){return _checkbox.default},Tooltip:function(){return _tooltip.default},ColorPalette:function(){return _colorpalette.default},ColorPicker:function(){return _colorpicker.default},Skeleton:function(){return _skeleton.default},CodeBlock:function(){return _codeblock.default},Photo:function(){return _photo.default},Carousel:function(){return _carousel.default},Portal:function(){return _portal.default},Typography:function(){return _typography.default},Switch:function(){return _switch.default},prefixCls:function(){return _prefixcls.default},setPrefixCls:function(){return _prefixcls.setPrefixCls},highlight:function(){return _highlight.default},Prism:function(){return _prism.default}});_export_star(require("./emotion"),exports);var _markdown=_interop_require_wildcard(require("./markdown"));var _backtop=_interop_require_default(require("./back-top"));var _tree=_interop_require_default(require("./tree"));var _fromschema=_interop_require_default(require("./from-schema"));var _highlighttext=_interop_require_wildcard(require("./highlight-text"));var _colorscheme=_interop_require_wildcard(require("./color-scheme"));var _avatar=_interop_require_default(require("./avatar"));var _avatargroup=_interop_require_default(require("./avatar-group"));var _capturescreen=_interop_require_default(require("./capture-screen"));var _wavecircle=_interop_require_default(require("./wave-circle"));var _button=_interop_require_default(require("./button"));var _input=_interop_require_default(require("./input"));var _inputnumber=_interop_require_default(require("./input-number"));var _radio=_interop_require_default(require("./radio"));var _checkbox=_interop_require_default(require("./checkbox"));var _tooltip=_interop_require_default(require("./tooltip"));var _colorpalette=_interop_require_default(require("./color-palette"));var _colorpicker=_interop_require_default(require("./color-picker"));var _skeleton=_interop_require_default(require("./skeleton"));var _codeblock=_interop_require_default(require("./code-block"));var _photo=_interop_require_default(require("./photo"));var _carousel=_interop_require_default(require("./carousel"));var _portal=_interop_require_default(require("./portal"));var _typography=_interop_require_default(require("./typography"));var _switch=_interop_require_default(require("./switch"));var _prefixcls=_interop_require_wildcard(require("./prefix-cls"));var _highlight=_interop_require_default(require("./highlight"));var _prism=_interop_require_default(require("./prism"));function _export_star(from,to){Object.keys(from).forEach(function(k){if(k!=="default"&&!Object.prototype.hasOwnProperty.call(to,k)){Object.defineProperty(to,k,{enumerable:true,get:function(){return from[k]}})}});return from}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}
+"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,{Markdown:function(){return _markdown.default},getMarkedImgList:function(){return _markdown.getMarkedImgList},markdownUtil:function(){return _markdown.markdownUtil},BackTop:function(){return _backtop.default},Tree:function(){return _tree.default},fromSchema:function(){return _fromschema.default},HighlightText:function(){return _highlighttext.default},strToHighlight:function(){return _highlighttext.strToHighlight},RegExp_HighLight:function(){return _highlighttext.RegExp_HighLight},colorScheme:function(){return _colorscheme.default},generateTheme:function(){return _colorscheme.generateTheme},Avatar:function(){return _avatar.default},AvatarGroup:function(){return _avatargroup.default},CaptureScreen:function(){return _capturescreen.default},WaveCircle:function(){return _wavecircle.default},Button:function(){return _button.default},Input:function(){return _input.default},InputNumber:function(){return _inputnumber.default},Radio:function(){return _radio.default},Checkbox:function(){return _checkbox.default},Segmented:function(){return _segmented.default},Tooltip:function(){return _tooltip.default},ColorPalette:function(){return _colorpalette.default},ColorPicker:function(){return _colorpicker.default},Skeleton:function(){return _skeleton.default},CodeBlock:function(){return _codeblock.default},Photo:function(){return _photo.default},Carousel:function(){return _carousel.default},Portal:function(){return _portal.default},Typography:function(){return _typography.default},Switch:function(){return _switch.default},prefixCls:function(){return _prefixcls.default},setPrefixCls:function(){return _prefixcls.setPrefixCls},highlight:function(){return _highlight.default},Prism:function(){return _prism.default}});_export_star(require("./emotion"),exports);var _markdown=_interop_require_wildcard(require("./markdown"));var _backtop=_interop_require_default(require("./back-top"));var _tree=_interop_require_default(require("./tree"));var _fromschema=_interop_require_default(require("./from-schema"));var _highlighttext=_interop_require_wildcard(require("./highlight-text"));var _colorscheme=_interop_require_wildcard(require("./color-scheme"));var _avatar=_interop_require_default(require("./avatar"));var _avatargroup=_interop_require_default(require("./avatar-group"));var _capturescreen=_interop_require_default(require("./capture-screen"));var _wavecircle=_interop_require_default(require("./wave-circle"));var _button=_interop_require_default(require("./button"));var _input=_interop_require_default(require("./input"));var _inputnumber=_interop_require_default(require("./input-number"));var _radio=_interop_require_default(require("./radio"));var _checkbox=_interop_require_default(require("./checkbox"));var _segmented=_interop_require_default(require("./segmented"));var _tooltip=_interop_require_default(require("./tooltip"));var _colorpalette=_interop_require_default(require("./color-palette"));var _colorpicker=_interop_require_default(require("./color-picker"));var _skeleton=_interop_require_default(require("./skeleton"));var _codeblock=_interop_require_default(require("./code-block"));var _photo=_interop_require_default(require("./photo"));var _carousel=_interop_require_default(require("./carousel"));var _portal=_interop_require_default(require("./portal"));var _typography=_interop_require_default(require("./typography"));var _switch=_interop_require_default(require("./switch"));var _prefixcls=_interop_require_wildcard(require("./prefix-cls"));var _highlight=_interop_require_default(require("./highlight"));var _prism=_interop_require_default(require("./prism"));function _export_star(from,to){Object.keys(from).forEach(function(k){if(k!=="default"&&!Object.prototype.hasOwnProperty.call(to,k)){Object.defineProperty(to,k,{enumerable:true,get:function(){return from[k]}})}});return from}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}

package/lib/markdown/index.css

@@ -105,7 +105,7 @@
 .n-md-toc,
 .n-md-body {
   background-color: var(--component-bg);
-  box-shadow: 0 2px 8px 0 var(--primary-shadow, rgb(0 0 0 / 5%));
+  box-shadow: 0 2px 8px 0 var(--primary-shadow);
 }
 
 .n-md-toc {

package/lib/photo/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 _sharedstoreobject=_interop_require_default(require("shared-store-object"));var _style=require("./style");var _carousel=_interop_require_default(require("../carousel"));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 Photo(props){var photo=(0,_react.useRef)((0,_sharedstoreobject.default)({open:props.open,onOpenChange:function onOpenChange(){var _props_onOpenChange;(_props_onOpenChange=props.onOpenChange)===null||_props_onOpenChange===void 0?void 0:_props_onOpenChange.call(props,!photo.current.open)}}));var open=photo.current.open;var handleDestroy=(0,_react.useCallback)(function(){if(props.open===false){photo.current.open=false}},[props.open]);var renderDom=(0,_react.useMemo)(function(){return _react.default.createElement(_carousel.default,_object_spread_props(_object_spread({},props),{className:(0,_emotion.cx)(_style.cls.photo,props.className)}),props.data.map(function(item){return _react.default.createElement("div",{className:_style.cls.item,key:item.key,style:{"--img":"url(".concat(item.src,")")}},_react.default.createElement("img",{className:_style.cls.img,src:item.src,alt:item.alt,onDragStart:function(){return false}}))}))},[props]);var render=(0,_react.useMemo)(function(){if(typeof open==="boolean"){return open?_react.default.createElement(_portal.default,{container:document.body},_react.default.createElement("div",{className:(0,_emotion.cx)(_style.cls.portal,props.open===false?_style.cls.closeing:props.open?_style.cls.open:""),onAnimationEnd:handleDestroy},renderDom,_react.default.createElement("span",{className:(0,_emotion.cx)("neko-icon",_style.cls.close),onClick:photo.current.onOpenChange}))):null}return renderDom},[handleDestroy,open,props.open,renderDom]);(0,_react.useEffect)(function(){if(props.open===true){photo.current.open=true}},[props.open]);(0,_react.useEffect)(function(){var _photo=photo.current;return function(){_photo()}},[]);return render}var _default=Photo;
+"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 _sharedstoreobject=_interop_require_default(require("shared-store-object"));var _style=require("./style");var _carousel=_interop_require_default(require("../carousel"));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 Photo(props){var photo=(0,_react.useRef)((0,_sharedstoreobject.default)({open:props.open,onOpenChange:function onOpenChange(){var _props_onOpenChange;(_props_onOpenChange=props.onOpenChange)===null||_props_onOpenChange===void 0?void 0:_props_onOpenChange.call(props,!photo.current.open)},handleWheel:function handleWheel(e){e.preventDefault()}}));var open=photo.current.open;var handleDestroy=(0,_react.useCallback)(function(){if(props.open===false){photo.current.open=false}},[props.open]);var renderDom=(0,_react.useMemo)(function(){return _react.default.createElement(_carousel.default,_object_spread_props(_object_spread({},props),{className:(0,_emotion.cx)(_style.cls.photo,props.className)}),props.data.map(function(item){return _react.default.createElement("div",{className:_style.cls.item,key:item.key,style:{"--img":"url(".concat(item.src,")")}},_react.default.createElement("img",{className:_style.cls.img,src:item.src,alt:item.alt,onDragStart:function(){return false}}))}))},[props]);var render=(0,_react.useMemo)(function(){if(typeof open==="boolean"){return open?_react.default.createElement(_portal.default,{container:document.body},_react.default.createElement("div",{className:(0,_emotion.cx)(_style.cls.portal,props.open===false?_style.cls.closeing:props.open?_style.cls.open:""),onAnimationEnd:handleDestroy,onWheel:photo.current.handleWheel},renderDom,_react.default.createElement("span",{className:(0,_emotion.cx)("neko-icon",_style.cls.close),onClick:photo.current.onOpenChange}))):null}return renderDom},[handleDestroy,open,props.open,renderDom]);(0,_react.useEffect)(function(){if(props.open===true){photo.current.open=true;document.documentElement.addEventListener("mousewheel",photo.current.handleWheel,{passive:false})}else{document.documentElement.removeEventListener("mousewheel",photo.current.handleWheel)}},[props.open]);(0,_react.useEffect)(function(){var _photo=photo.current;return function(){document.documentElement.removeEventListener("mousewheel",_photo.handleWheel);_photo()}},[]);return render}var _default=Photo;

package/lib/prism/prism.css

@@ -539,7 +539,7 @@ pre:not(.sp-cm) {
     font-size: var(--font-size);
     white-space: pre-wrap;
     background-color: var(--primary-component-bg);
-    box-shadow: 0 2px 8px 0 var(--primary-shadow, rgb(0 0 0 / 5%));
+    box-shadow: 0 2px 8px 0 var(--primary-shadow);
     line-height: 20px;
     transition-property: color, background-color, box-shadow;
 }

package/lib/radio/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 export type RadioOption = {
-    value: string | number;
+    value: string;
     label: React.ReactNode;
     disabled?: boolean;
     className?: string;
@@ -11,9 +11,9 @@ export interface RadioProps {
     style?: React.CSSProperties;
     name?: string;
     disabled?: boolean;
-    value?: string | number;
-    options: RadioOption[];
-    onChange?: (val: string | number) => void;
+    value?: string;
+    options: (RadioOption | string)[];
+    onChange?: (val: string) => void;
     layout?: 'vertical' | 'horizontal';
 }
 declare const Radio: React.FC<RadioProps>;

package/lib/radio/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");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 Radio=function(_param){var _param_layout=_param.layout,layout=_param_layout===void 0?"horizontal":_param_layout,className=_param.className,name=_param.name,style=_param.style,disabled=_param.disabled,options=_param.options,value=_param.value,onChange=_param.onChange,props=_object_without_properties(_param,["layout","className","name","style","disabled","options","value","onChange"]);var state=(0,_react.useRef)((0,_sharedstoreobject.default)({value:value,options:options,disabled:disabled,onChange:function onChange1(item){if(!state.current.disabled&&!item.disabled){if((0,_common.isFunction)(onChange)){onChange(item.value)}else{state.current.value=item.value}}},onKeyUpCapture:function onKeyUpCapture(key,item){if(key==="Enter"){state.current.onChange(item)}}}));var _state_current=state.current,val=_state_current.value,opts=_state_current.options,disable=_state_current.disabled;(0,_react.useEffect)(function(){state.current.disabled=disabled},[disabled]);(0,_react.useEffect)(function(){state.current.value=value},[value]);(0,_react.useEffect)(function(){state.current.options=options},[options]);(0,_react.useEffect)(function(){var _state=state.current;return function(){_state()}},[]);return _react.default.createElement("div",_object_spread_props(_object_spread({},props),{className:(0,_emotion.cx)(_style.cls.box,layout&&_style.cls[layout],className),style:style}),opts===null||opts===void 0?void 0:opts.map(function(_param,i){var label=_param.label,item=_object_without_properties(_param,["label"]);var readOnly=disable||item.disabled;var handleChange=function(){return state.current.onChange(item)};return _react.default.createElement("label",{key:"".concat(item.value,"-").concat(i),className:(0,_emotion.cx)(_style.cls.label,item.className),tabIndex:readOnly?-1:0,onKeyUpCapture:function(param){var key=param.key;return state.current.onKeyUpCapture(key,item)},onClickCapture:handleChange,"aria-disabled":readOnly,"data-disabled":readOnly,style:item.style},_react.default.createElement("input",{className:_style.cls.radio,type:"radio",name:name,value:item.value,disabled:readOnly,checked:item.value===val,onChange:handleChange}),label)}))};var _default=Radio;
+"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");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 Radio=function(_param){var _param_layout=_param.layout,layout=_param_layout===void 0?"horizontal":_param_layout,className=_param.className,name=_param.name,style=_param.style,disabled=_param.disabled,options=_param.options,value=_param.value,onChange=_param.onChange,props=_object_without_properties(_param,["layout","className","name","style","disabled","options","value","onChange"]);var state=(0,_react.useRef)((0,_sharedstoreobject.default)({value:value,options:[],disabled:disabled,onChange:function onChange1(item){if(!state.current.disabled&&!item.disabled){if((0,_common.isFunction)(onChange)){onChange(item.value)}else{state.current.value=item.value}}},onKeyUpCapture:function onKeyUpCapture(key,item){if(key==="Enter"){state.current.onChange(item)}}}));var _state_current=state.current,val=_state_current.value,opts=_state_current.options,disable=_state_current.disabled;(0,_react.useEffect)(function(){state.current.disabled=disabled},[disabled]);(0,_react.useEffect)(function(){state.current.value=value},[value]);(0,_react.useEffect)(function(){state.current.options=options.map(function(item){if(typeof item==="string"){return{label:item,value:item}}return item})},[options]);(0,_react.useEffect)(function(){var _state=state.current;return function(){_state()}},[]);return _react.default.createElement("section",_object_spread_props(_object_spread({},props),{className:(0,_emotion.cx)(_style.cls.box,layout&&_style.cls[layout],className),style:style}),opts===null||opts===void 0?void 0:opts.map(function(item,i){var readOnly=disable||item.disabled;var handleChange=function(){return state.current.onChange(item)};return _react.default.createElement("label",{key:"".concat(item.value,"-").concat(i),className:(0,_emotion.cx)(_style.cls.label,item.className),tabIndex:readOnly?-1:0,onKeyUpCapture:function(param){var key=param.key;return state.current.onKeyUpCapture(key,item)},onClickCapture:handleChange,"aria-disabled":readOnly,"data-disabled":readOnly,style:item.style},_react.default.createElement("input",{className:_style.cls.radio,type:"radio",name:name,value:item.value,disabled:readOnly,checked:item.value===val,onChange:handleChange}),item.label)}))};var _default=Radio;

package/lib/segmented/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { RadioOption } from '../radio';
+export interface SegmentedOption extends RadioOption {
+    icon?: React.ReactNode;
+}
+export interface SegmentedProps {
+    className?: string;
+    style?: React.CSSProperties;
+    name?: string;
+    disabled?: boolean;
+    value?: string;
+    options: (SegmentedOption | string)[];
+    onChange?: (val: string) => void;
+}
+declare const Segmented: React.FC<SegmentedProps>;
+export default Segmented;

package/lib/segmented/index.js

@@ -0,0 +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");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 Segmented=function(_param){var className=_param.className,name=_param.name,style=_param.style,disabled=_param.disabled,options=_param.options,value=_param.value,onChange=_param.onChange,props=_object_without_properties(_param,["className","name","style","disabled","options","value","onChange"]);var box=(0,_react.useRef)(null);var state=(0,_react.useRef)((0,_sharedstoreobject.default)({value:value,options:[],disabled:disabled,style:{},onChange:function onChange1(item){if(!state.current.disabled&&!item.disabled){if((0,_common.isFunction)(onChange)){onChange(item.value)}else{state.current.value=item.value}}},onKeyUpCapture:function onKeyUpCapture(key,item){if(key==="Enter"){state.current.onChange(item)}}}));var _state_current=state.current,val=_state_current.value,opts=_state_current.options,disable=_state_current.disabled,offsetStyle=_state_current.style;(0,_react.useEffect)(function(){state.current.disabled=disabled},[disabled]);(0,_react.useEffect)(function(){state.current.value=value},[value]);(0,_react.useEffect)(function(){state.current.options=options.map(function(item){if(typeof item==="string"){return{label:item,value:item}}return item})},[options]);(0,_react.useEffect)(function(){var _opts_find;var el=(_opts_find=opts.find(function(o){return o.value===val}))===null||_opts_find===void 0?void 0:_opts_find.el;if(el){state.current.style={"--w":"".concat(el.offsetWidth,"px"),"--h":"".concat(el.offsetHeight,"px"),"--left":"".concat(el.offsetLeft,"px")}}},[val,opts]);(0,_react.useEffect)(function(){var _state=state.current;return function(){_state()}},[]);return _react.default.createElement("div",_object_spread_props(_object_spread({},props),{ref:box,className:(0,_emotion.cx)(_style.cls.box,className),style:_object_spread({},style,offsetStyle)}),opts===null||opts===void 0?void 0:opts.map(function(item,i){var readOnly=disable||item.disabled;var handleChange=function(){return state.current.onChange(item)};return _react.default.createElement(_react.default.Fragment,{key:"".concat(item.value,"-").concat(i)},_react.default.createElement("input",{className:_style.cls.segmented,type:"radio",name:name,value:item.value,disabled:readOnly,checked:item.value===val,onChange:handleChange}),_react.default.createElement("label",{className:(0,_emotion.cx)(_style.cls.label,item.className),tabIndex:readOnly?-1:0,onKeyUpCapture:function(param){var key=param.key;return state.current.onKeyUpCapture(key,item)},onClickCapture:handleChange,"aria-disabled":readOnly,"data-disabled":readOnly,style:item.style,ref:function(e){if(e){opts[i].el=e}}},item.icon?_react.default.createElement("span",{className:_style.cls.icon},item.icon):null,item.label))}))};var _default=Segmented;

package/lib/segmented/style.d.ts

@@ -0,0 +1,6 @@
+export declare const cls: {
+    segmented: "n-segmented";
+    box: "n-segmented-box";
+    label: "n-segmented-label";
+    icon: "n-segmented-icon";
+};

package/lib/segmented/style.js

@@ -0,0 +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    position: relative;\n    display: flex;\n    border-radius: var(--border-radius);\n    padding: 2px;\n    max-inline-size: 100%;\n    min-block-size: 28px;\n    background-color: var(--primary-details-bg);\n    line-height: 28px;\n\n    &::before {\n      position: absolute;\n      display: block;\n      border-radius: var(--border-radius);\n      background-color: #fff;\n      box-shadow: 0 2px 8px 0 var(--primary-shadow);\n      content: '';\n      inline-size: var(--w);\n      block-size: var(--h);\n      inset-block-start: 2px;\n      inset-inline-start: var(--left);\n      transition-duration: var(--transition-duration);\n      transition-timing-function: ease;\n      transition-property: inline-size, block-size, inset-inline-start, background-color;\n    }\n  }\n  ."," {\n    position: relative;\n    border-radius: var(--border-radius);\n    padding: 0 12px;\n    color: var(--text-color);\n    outline: 0;\n    transition: 0.2s background-color ease, 0.3s color ease;\n    cursor: pointer;\n    box-sizing: border-box;\n    /* stylelint-disable-next-line */\n    display: -webkit-box;\n    -webkit-box-orient: block-axis;\n    -webkit-line-clamp: var(--rows, 1);\n    word-break: break-word;\n    word-wrap: break-word;\n    overflow: hidden;\n\n    &:hover,\n    &:focus {\n      background-color: var(--primary-selection);\n    }\n\n    &[data-disabled]:not([data-disabled='false']) {\n      cursor: not-allowed;\n      color: var(--disable-color);\n\n      &:hover,\n      &:focus {\n        background-color: transparent;\n      }\n    }\n    ."," {\n      margin-inline-end: 6px;\n    }\n  }\n  ."," {\n    display: none;\n    pointer-events: none;\n\n    &:checked + ."," {\n      color: var(--text-heading);\n      background-color: transparent;\n\n      &[data-disabled]:not([data-disabled='false']) {\n        color: var(--disable-color);\n      }\n    }\n  }\n"]);_templateObject=function _templateObject(){return data};return data}var cls={segmented:(0,_prefixcls.default)("segmented"),box:(0,_prefixcls.default)("segmented-box"),label:(0,_prefixcls.default)("segmented-label"),icon:(0,_prefixcls.default)("segmented-icon")};var cs=(0,_emotion.css)(_templateObject(),cls.box,cls.label,cls.icon,cls.segmented,cls.label);(0,_emotion.injectGlobal)([cs]);

package/lib/switch/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    position: relative;\n    display: inline-block;\n    border-radius: 12px;\n    padding: 2px;\n    font-size: 12px;\n    background-color: var(--primary-border);\n    opacity: 1;\n    outline: 0;\n    box-shadow: inset 0 0 0 0 var(--primary-color), 0 0 0 0 var(--primary-hover),\n      0 0 0 0 var(--primary-border);\n    transition: 0.4s box-shadow, 0.3s background-color, 0.3s opacity;\n    cursor: pointer;\n    inline-size: fit-content;\n    min-inline-size: 42px;\n    block-size: 22px;\n    line-height: 18px;\n    user-select: none;\n    box-sizing: border-box;\n\n    &::before {\n      color: var(--primary-secondary);\n      padding-inline: 20px 8px;\n      transition-duration: 0.3s;\n      transition-property: color, padding, background-color;\n      content: attr(data-off) '';\n    }\n\n    &::after {\n      position: absolute;\n      margin: auto;\n      border: 1.5px solid #fff;\n      border-radius: 12px;\n      background-color: #fff;\n      outline: 2.05px solid #fff;\n      box-shadow: 0 2px 4px 1px var(--primary-shadow);\n      transition: 0.3s padding, 0.3s background-color 0.1s, 0.3s left, 0.6s transform,\n        0.3s border-color;\n      outline-offset: -0.05px;\n      inset-block-start: 3px;\n      inset-block-end: 3px;\n      block-size: 14px;\n      min-inline-size: 14px;\n      content: '';\n      inset-inline-start: 4px;\n      box-sizing: border-box;\n    }\n\n    &:not([data-disabled]),\n    &[data-disabled='false'] {\n      &:not(.",") {\n        &:focus {\n          box-shadow: inset 0 0 0 0 var(--primary-color), 0 0 0 1px var(--primary-hover),\n            0 0 1px 3px var(--primary-border);\n          &."," {\n            box-shadow: inset 0 0 3px 12px var(--primary-color), 0 0 0 1px var(--primary-hover),\n              0 0 1px 3px var(--primary-border);\n          }\n        }\n\n        &:hover {\n          background-color: var(--primary-secondary-bg);\n        }\n\n        &:active {\n          &::after {\n            padding-inline: 10px;\n            background-color: var(--primary-hover);\n          }\n          &."," {\n            &::after {\n              transform: translateX(-10px);\n            }\n          }\n        }\n      }\n    }\n    &.",", &[data-disabled]:not([data-disabled='false']) {\n      color: var(--disable-color);\n      background-color: var(--disable-bg);\n      opacity: 0.8;\n      cursor: not-allowed;\n    }\n  }\n  ."," {\n    box-shadow: inset 0 0 3px 12px var(--primary-color), 0 0 0 0 var(--primary-hover),\n      0 0 0 0 var(--primary-border);\n\n    &::before {\n      color: #fff;\n      padding-inline: 8px 20px;\n      content: attr(data-on) '';\n    }\n\n    &::after {\n      inset-inline-start: calc(100% - 18px);\n    }\n  }\n  ."," {\n    &::after {\n      border-block-start-color: var(--primary-color);\n      border-block-end-color: var(--primary-color);\n      animation: switch-loading 1.5s infinite linear;\n    }\n  }\n\n  @keyframes switch-loading {\n    form {\n      transform: rotate(0deg);\n    }\n\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n"]);_templateObject=function _templateObject(){return data};return data}var cls={switch:(0,_prefixcls.default)("switch"),checked:(0,_prefixcls.default)("switch-checked"),loading:(0,_prefixcls.default)("switch-loading")};(0,_emotion.injectGlobal)(_templateObject(),cls.switch,cls.loading,cls.checked,cls.checked,cls.loading,cls.checked,cls.loading);
+"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    position: relative;\n    display: inline-block;\n    border-radius: 12px;\n    padding: 2px;\n    font-size: 12px;\n    background-color: var(--primary-border);\n    opacity: 1;\n    outline: 0;\n    box-shadow: inset 0 0 0 0 var(--primary-color), 0 0 0 0 var(--primary-hover),\n      0 0 0 0 var(--primary-border);\n    transition: 0.4s box-shadow, 0.3s background-color, 0.3s opacity;\n    cursor: pointer;\n    inline-size: fit-content;\n    min-inline-size: 44px;\n    block-size: 22px;\n    line-height: 18px;\n    user-select: none;\n    box-sizing: border-box;\n\n    &::before {\n      color: var(--primary-secondary);\n      padding-inline: 20px 8px;\n      transition-duration: 0.3s;\n      transition-property: color, padding, background-color;\n      content: attr(data-off) '';\n    }\n\n    &::after {\n      position: absolute;\n      margin: auto;\n      border: 1.5px solid #fff;\n      border-radius: 12px;\n      background-color: #fff;\n      outline: 2.05px solid #fff;\n      box-shadow: 0 2px 4px 1px var(--primary-shadow);\n      transition: 0.3s padding, 0.3s background-color 0.1s, 0.3s left, 0.6s transform,\n        0.3s border-color;\n      outline-offset: -0.05px;\n      inset-block-start: 3px;\n      inset-block-end: 3px;\n      block-size: 14px;\n      min-inline-size: 14px;\n      content: '';\n      inset-inline-start: 4px;\n      box-sizing: border-box;\n    }\n\n    &:not([data-disabled]),\n    &[data-disabled='false'] {\n      &:not(.",") {\n        &:focus {\n          box-shadow: inset 0 0 0 0 var(--primary-color), 0 0 0 1px var(--primary-hover),\n            0 0 1px 3px var(--primary-border);\n          &."," {\n            box-shadow: inset 0 0 3px 12px var(--primary-color), 0 0 0 1px var(--primary-hover),\n              0 0 1px 3px var(--primary-border);\n          }\n        }\n\n        &:hover {\n          background-color: var(--primary-secondary-bg);\n        }\n\n        &:active {\n          &::after {\n            padding-inline: 10px;\n            background-color: var(--primary-hover);\n          }\n          &."," {\n            &::after {\n              transform: translateX(-10px);\n            }\n          }\n        }\n      }\n    }\n    &.",", &[data-disabled]:not([data-disabled='false']) {\n      color: var(--disable-color);\n      background-color: var(--disable-bg);\n      opacity: 0.8;\n      cursor: not-allowed;\n    }\n  }\n  ."," {\n    box-shadow: inset 0 0 3px 12px var(--primary-color), 0 0 0 0 var(--primary-hover),\n      0 0 0 0 var(--primary-border);\n\n    &::before {\n      color: #fff;\n      padding-inline: 8px 20px;\n      content: attr(data-on) '';\n    }\n\n    &::after {\n      inset-inline-start: calc(100% - 18px);\n    }\n  }\n  ."," {\n    &::after {\n      border-block-start-color: var(--primary-color);\n      border-block-end-color: var(--primary-color);\n      animation: switch-loading 1.5s infinite linear;\n    }\n  }\n\n  @keyframes switch-loading {\n    form {\n      transform: rotate(0deg);\n    }\n\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n"]);_templateObject=function _templateObject(){return data};return data}var cls={switch:(0,_prefixcls.default)("switch"),checked:(0,_prefixcls.default)("switch-checked"),loading:(0,_prefixcls.default)("switch-loading")};(0,_emotion.injectGlobal)(_templateObject(),cls.switch,cls.loading,cls.checked,cls.checked,cls.loading,cls.checked,cls.loading);

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 _reactdom=require("react-dom");var _style=require("./style");var _emotion=require("../emotion");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 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 _useState=_sliced_to_array((0,_react.useState)(null),2),show=_useState[0],setShow=_useState[1];var _useState1=_sliced_to_array((0,_react.useState)({left:-9999,top:-9999}),2),posi=_useState1[0],setPosi=_useState1[1];(0,_react.useEffect)(function(){onOpenChange===null||onOpenChange===void 0?void 0:onOpenChange(show)},[onOpenChange,show]);(0,_react.useEffect)(function(){setShow(open)},[open]);(0,_react.useEffect)(function(){if(show&&ref.current){ref.current.style.zIndex=(0,_common.getMaxZindex)().toString()}},[show]);var exit=(0,_react.useCallback)(function(){if(show===false){setShow(null)}},[show]);var close=(0,_react.useCallback)(function(e){var _ref_current;e.preventDefault();e.stopPropagation();if(show&&!((_ref_current=ref.current)===null||_ref_current===void 0?void 0:_ref_current.contains(e.target))){setShow(false)}},[show]);(0,_react.useEffect)(function(){if(!show||!ref.current||!childRef.current)return;var elRect=childRef.current.getBoundingClientRect();var portalRectHeight=ref.current.getBoundingClientRect();if(elRect&&portalRectHeight){var offsetY=ref.current.offsetHeight+elRect.height/2;var offsetX=ref.current.offsetWidth/2-elRect.width/2;setPosi({left:elRect.left-offsetX,top:elRect.top-offsetY})}},[show]);var container=(0,_react.useMemo)(function(){return(getPopupContainer===null||getPopupContainer===void 0?void 0:getPopupContainer(childRef.current))||document.body},[getPopupContainer]);var childrenProps=(0,_react.useMemo)(function(){var _props=_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,function(e){e.preventDefault();e.stopPropagation();setShow(true)}),closeFn&&_define_property({},closeFn,close))}return _props},[close,props,trigger]);(0,_react.useEffect)(function(){document.body.addEventListener("click",close,false);return function(){document.body.removeEventListener("click",close,false)}},[close]);var style=(0,_react.useMemo)(function(){var shadowColor;if(color){shadowColor=(0,_common.colorParse)(color).setAlpha(.1).toRgbaString()}return Object.assign(_object_spread_props(_object_spread({},popupStyle),{left:Math.abs(posi.left),top:posi.top,"--x":-(Math.abs(posi.left)-posi.left)+"px"}),color&&{"--tooltip-bg":color,"--tooltip-shadow-color":shadowColor})},[color,popupStyle,posi.left,posi.top]);return _react.default.createElement(_react.default.Fragment,null,(show!==null||!destroyInactive)&&(0,_reactdom.createPortal)(_react.default.createElement("div",{ref:ref,onAnimationEnd:exit,className:(0,_emotion.cx)(_style.cls.portal,show?_style.cls.inUp:_style.cls.outUp,popupClassName),style:style},title),container),_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 _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 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 _useState=_sliced_to_array((0,_react.useState)(null),2),show=_useState[0],setShow=_useState[1];var _useState1=_sliced_to_array((0,_react.useState)({left:-9999,top:-9999}),2),posi=_useState1[0],setPosi=_useState1[1];(0,_react.useEffect)(function(){onOpenChange===null||onOpenChange===void 0?void 0:onOpenChange(show)},[onOpenChange,show]);(0,_react.useEffect)(function(){setShow(open)},[open]);(0,_react.useEffect)(function(){if(show&&ref.current){ref.current.style.zIndex=(0,_common.getMaxZindex)().toString()}},[show]);var exit=(0,_react.useCallback)(function(){if(show===false){setShow(null)}},[show]);var close=(0,_react.useCallback)(function(e){var _ref_current;e.preventDefault();e.stopPropagation();if(show&&!((_ref_current=ref.current)===null||_ref_current===void 0?void 0:_ref_current.contains(e.target))){setShow(false)}},[show]);(0,_react.useEffect)(function(){if(!show||!ref.current||!childRef.current)return;var elRect=childRef.current.getBoundingClientRect();var portalRectHeight=ref.current.getBoundingClientRect();if(elRect&&portalRectHeight){var offsetY=ref.current.offsetHeight+elRect.height/2;var offsetX=ref.current.offsetWidth/2-elRect.width/2;setPosi({left:elRect.left-offsetX,top:elRect.top-offsetY})}},[show]);var container=(0,_react.useMemo)(function(){return(getPopupContainer===null||getPopupContainer===void 0?void 0:getPopupContainer(childRef.current))||document.body},[getPopupContainer]);var childrenProps=(0,_react.useMemo)(function(){var _props=_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,function(e){e.preventDefault();e.stopPropagation();setShow(true)}),closeFn&&_define_property({},closeFn,close))}return _props},[close,props,trigger]);(0,_react.useEffect)(function(){document.body.addEventListener("click",close,false);return function(){document.body.removeEventListener("click",close,false)}},[close]);var style=(0,_react.useMemo)(function(){var shadowColor;if(color){shadowColor=(0,_common.colorParse)(color).setAlpha(.1).toRgbaString()}return Object.assign(_object_spread_props(_object_spread({},popupStyle),{left:Math.abs(posi.left),top:posi.top,"--x":-(Math.abs(posi.left)-posi.left)+"px"}),color&&{"--tooltip-bg":color,"--tooltip-shadow-color":shadowColor})},[color,popupStyle,posi.left,posi.top]);return _react.default.createElement(_react.default.Fragment,null,(show!==null||!destroyInactive)&&_react.default.createElement(_portal.default,{container:container},_react.default.createElement("div",{ref:ref,onAnimationEnd:exit,className:(0,_emotion.cx)(_style.cls.portal,show?_style.cls.inUp:_style.cls.outUp,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/lib/typography/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 export type TypographyType = 'success' | 'danger' | 'warning' | 'primary' | 'secondary' | 'normal';
-export interface TypographyProps {
+export interface TypographyProps extends React.DetailedHTMLProps<React.HTMLAttributes<any>, any> {
     className?: string;
     style?: React.CSSProperties;
     type?: TypographyType;

package/package.json

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