neko-ui 1.2.2 → 1.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/es/index.d.ts CHANGED
@@ -12,6 +12,7 @@ export { default as WaveCircle, type WaveCircleProps } from './wave-circle';
12
12
  export { default as Button, type ButtonProps, type ButtonType } from './button';
13
13
  export { default as Input, type InputProps } from './input';
14
14
  export { default as InputNumber, type InputNumberProps } from './input-number';
15
+ export { default as Radio, type RadioProps } from './radio';
15
16
  export { default as Tooltip, type TooltipProps, type TooltipTriggerOption } from './tooltip';
16
17
  export { default as ColorPalette, type ColorPaletteProps } from './color-palette';
17
18
  export { default as ColorPicker, type ColorPickerProps } from './color-picker';
package/es/index.js CHANGED
@@ -1 +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 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";
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 Tooltip}from"./tooltip";export{default as ColorPalette}from"./color-palette";export{default as ColorPicker}from"./color-picker";export{default as Skeleton}from"./skeleton";export{default as CodeBlock}from"./code-block";export{default as Photo}from"./photo";export{default as Carousel}from"./carousel";export{default as Portal}from"./portal";export{default as Typography}from"./typography";export{default as Switch}from"./switch";export{default as prefixCls,setPrefixCls}from"./prefix-cls";export{default as highlight}from"./highlight";export{default as Prism}from"./prism";
package/es/input/style.js CHANGED
@@ -22,6 +22,7 @@ import{injectGlobal}from"../emotion";import prefixCls from"../prefix-cls";export
22
22
 
23
23
  input {
24
24
  background: none;
25
+ appearance: none;
25
26
  }
26
27
  &:focus-within {
27
28
  border-color: var(--primary-hover, #80b3ff);
@@ -0,0 +1,20 @@
1
+ import React from 'react';
2
+ type Option = {
3
+ value: string | number;
4
+ label: React.ReactNode;
5
+ disabled?: boolean;
6
+ className?: string;
7
+ style?: React.CSSProperties;
8
+ };
9
+ export interface RadioProps {
10
+ className?: string;
11
+ style?: React.CSSProperties;
12
+ name?: string;
13
+ disabled?: boolean;
14
+ value?: string | number;
15
+ options: Option[];
16
+ onChange?: (val: string | number) => void;
17
+ layout?: 'vertical' | 'horizontal';
18
+ }
19
+ declare const Radio: React.FC<RadioProps>;
20
+ export default Radio;
@@ -0,0 +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;
@@ -0,0 +1,7 @@
1
+ export declare const cls: {
2
+ box: "n-radio-box";
3
+ radio: "n-radio";
4
+ label: "n-radio-label";
5
+ vertical: "n-radio-vertical";
6
+ horizontal: "n-radio-horizontal";
7
+ };
@@ -0,0 +1,102 @@
1
+ import{injectGlobal}from"../emotion";import prefixCls from"../prefix-cls";export const cls={box:prefixCls("radio-box"),radio:prefixCls("radio"),label:prefixCls("radio-label"),vertical:prefixCls("radio-vertical"),horizontal:prefixCls("radio-horizontal")};injectGlobal`
2
+ .${cls.box} {
3
+ display: flex;
4
+ flex-wrap: wrap;
5
+ gap: 8px 16px;
6
+ }
7
+ .${cls.horizontal} {
8
+ flex-direction: row;
9
+ }
10
+ .${cls.vertical} {
11
+ flex-direction: column;
12
+ }
13
+ .${cls.label} {
14
+ display: flex;
15
+ justify-content: flex-start;
16
+ align-items: center;
17
+ cursor: pointer;
18
+ box-sizing: border-box;
19
+ gap: 6px;
20
+ outline: 0;
21
+
22
+ &:not([data-disabled]:not([data-disabled='false'])):focus .${cls.radio} {
23
+ box-shadow: 0 0 0 3px var(--primary-outline);
24
+
25
+ &:not(:checked) {
26
+ border-color: var(--primary-hover);
27
+ }
28
+ }
29
+
30
+ &[data-disabled]:not([data-disabled='false']) {
31
+ cursor: not-allowed;
32
+ color: var(--disable-color);
33
+ }
34
+
35
+ &:last-child {
36
+ margin-inline-end: 16px;
37
+ }
38
+ }
39
+ .${cls.radio} {
40
+ position: relative;
41
+ display: inline-block;
42
+ margin: 0;
43
+ border: 1px solid var(--border-color);
44
+ border-radius: 50%;
45
+ background-color: var(--component-bg);
46
+ appearance: none;
47
+ inline-size: 16px;
48
+ block-size: 16px;
49
+ pointer-events: none;
50
+ transition: 120ms border-color linear;
51
+ user-select: none;
52
+
53
+ &::before {
54
+ position: absolute;
55
+ display: inline-block;
56
+ margin: auto;
57
+ border-radius: 50%;
58
+ box-shadow: inset 0 0 0 8px var(--primary-color);
59
+ inset-block-start: 0;
60
+ inset-block-end: 0;
61
+ inset-inline-start: 0;
62
+ inset-inline-end: 0;
63
+ content: '';
64
+ inline-size: 8px;
65
+ block-size: 8px;
66
+ transform: scale(0);
67
+ transition: 120ms transform ease-in-out;
68
+ }
69
+
70
+ &:not(:disabled, :checked):hover {
71
+ border-color: var(--primary-hover);
72
+
73
+ &::before {
74
+ --primary-color: var(--primary-hover);
75
+ }
76
+ }
77
+
78
+ &:checked {
79
+ border-color: var(--primary-color);
80
+
81
+ &::before {
82
+ transform: scale(1);
83
+ }
84
+ }
85
+
86
+ &:active {
87
+ border-color: var(--primary-active);
88
+
89
+ &::before {
90
+ --primary-color: var(--primary-active);
91
+ }
92
+ }
93
+
94
+ &:disabled {
95
+ border-color: var(--disable-border);
96
+
97
+ &::before {
98
+ --primary-color: var(--disable-border);
99
+ }
100
+ }
101
+ }
102
+ `;
@@ -1 +1 @@
1
- import React,{useEffect,useRef}from"react";import sso from"shared-store-object";import{cls}from"./style";import{cx}from"../emotion";const Switch=({className,value=false,loading,onChange,disabled,onLabel,offLabel})=>{const state=useRef(sso({value,disabled,loading,change(){if(!state.current.disabled&&!state.current.loading){state.current("value",prev=>{onChange===null||onChange===void 0?void 0:onChange(!prev);return!prev})}},onKeyUpCapture({key}){if(key==="Enter"){state.current.change()}}}));const{value:val,loading:load,disabled:disable}=state.current;useEffect(()=>{state.current.disabled=disabled},[disabled]);useEffect(()=>{state.current.value=value},[value]);useEffect(()=>{state.current.loading=loading},[loading]);useEffect(()=>{const _state=state.current;return()=>{_state()}},[]);return React.createElement("span",{className:cx(cls.switch,className,val&&cls.checked,load&&cls.loading),"data-on":onLabel,"data-off":offLabel,"data-disabled":disable,onClickCapture:state.current.change,onKeyUpCapture:state.current.onKeyUpCapture,tabIndex:disable||load?-1:0})};export default Switch;
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 Switch=_param=>{var{className,value=false,loading,onChange,disabled,onLabel,offLabel}=_param,props=_object_without_properties(_param,["className","value","loading","onChange","disabled","onLabel","offLabel"]);const state=useRef(sso({value,disabled,loading,change(){if(!state.current.disabled&&!state.current.loading){if(isFunction(onChange)){onChange===null||onChange===void 0?void 0:onChange(!state.current.value)}else{state.current("value",prev=>!prev)}}},onKeyUpCapture({key}){if(key==="Enter"){state.current.change()}}}));const{value:val,loading:load,disabled:disable}=state.current;useEffect(()=>{state.current.disabled=disabled},[disabled]);useEffect(()=>{state.current.value=value},[value]);useEffect(()=>{state.current.loading=loading},[loading]);useEffect(()=>{const _state=state.current;return()=>{_state()}},[]);return React.createElement("span",_object_spread_props(_object_spread({},props),{className:cx(cls.switch,className,val&&cls.checked,load&&cls.loading),"data-on":onLabel,"data-off":offLabel,"data-disabled":disable,onClickCapture:state.current.change,onKeyUpCapture:state.current.onKeyUpCapture,tabIndex:disable||load?-1:0}))};export default Switch;
package/lib/index.d.ts CHANGED
@@ -12,6 +12,7 @@ export { default as WaveCircle, type WaveCircleProps } from './wave-circle';
12
12
  export { default as Button, type ButtonProps, type ButtonType } from './button';
13
13
  export { default as Input, type InputProps } from './input';
14
14
  export { default as InputNumber, type InputNumberProps } from './input-number';
15
+ export { default as Radio, type RadioProps } from './radio';
15
16
  export { default as Tooltip, type TooltipProps, type TooltipTriggerOption } from './tooltip';
16
17
  export { default as ColorPalette, type ColorPaletteProps } from './color-palette';
17
18
  export { default as ColorPicker, type ColorPickerProps } from './color-picker';
package/lib/index.js CHANGED
@@ -1 +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},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 _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}
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},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 _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}
@@ -1 +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: flex;\n border: 1px solid var(--border-color);\n border-radius: var(--border-radius);\n padding: 4px 10px;\n font-size: var(--font-size);\n color: var(--text-color);\n background-color: var(--component-bg);\n transition: all 0.3s;\n inline-size: 100%;\n line-height: 1.5;\n background-image: none;\n box-sizing: border-box;\n accent-color: var(--primary-color, #5794ff);\n\n &:hover {\n border-color: var(--primary-hover, #80b3ff);\n border-inline-end-width: 1px;\n }\n\n input {\n background: none;\n }\n &:focus-within {\n border-color: var(--primary-hover, #80b3ff);\n border-inline-end-width: 1px;\n outline: 0;\n box-shadow: 0 0 0 2px var(--primary-outline);\n }\n &:invalid,\n &."," {\n --border-color: var(--error-border);\n --primary-hover: var(--error-hover);\n --primary-outline: var(--error-outline);\n --primary-color: var(--error-color);\n ."," {\n --text-color: var(--error-color);\n }\n }\n \n &."," {\n --border-color: var(--success-border);\n --primary-hover: var(--success-hover);\n --primary-outline: var(--success-outline);\n --primary-color: var(--success-color);\n ."," {\n --text-color: var(--success-color);\n }\n }\n &."," {\n --border-color: var(--warning-border);\n --primary-hover: var(--warning-hover);\n --primary-outline: var(--warning-outline);\n --primary-color: var(--warning-color);\n ."," {\n --text-color: var(--warning-color);\n }\n }\n &:disabled {\n --text-color: var(--disable-color);\n --border-color: var(--disable-border);\n --primary-hover: var(--disable-border);\n\n background-color: var(--disable-bg);\n cursor: not-allowed;\n ."," {\n pointer-events: none;\n &:not(:placeholder-shown) + ."," {\n background: var(--disable-border);\n }\n }\n }\n }\n ."," {\n position: absolute;\n border-radius: var(--border-radius);\n padding: 0 4px;\n color: var(--text-secondary);\n transition: transform 0.3s, color 0.3s, background-color 0.3s;\n line-height: 1.45;\n pointer-events: none;\n transform-origin: left;\n transform: translate3d(calc(var(--x, 0) - 10px), 0, 1px);\n }\n ."," {\n overflow: hidden;\n border: none;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: inherit;\n outline: none;\n flex: 1;\n\n &::placeholder {\n opacity: 0;\n transition: color 0.3s, opacity 0.3s;\n }\n\n &:focus::placeholder {\n opacity: 1;\n }\n &:not(:placeholder-shown) + .",", &:focus + ."," {\n background: var(--component-bg);\n transform: translate3d(0, calc(-50% - 0.43em), 1px) scale(0.8);\n }\n &:focus + ."," {\n color: var(--primary-color);\n }\n &:not(:placeholder-shown):not(:focus) + ."," {\n color: var(--text-color);\n }\n }\n ."," {\n margin-inline-end: 4px;\n }\n ."," {\n margin-inline-start: 4px;\n }\n ."," {\n padding: 2px;\n font-size: var(--font-size-sm);\n line-height: 20px;\n\n input {\n padding: 1px 0;\n }\n ."," {\n transform: translate3d(calc(var(--x, 0) - 2px), 0, 1px);\n }\n }\n ."," {\n padding: 6px 16px;\n font-size: var(--font-size-lg);\n ."," {\n transform: translate3d(calc(var(--x, 0) - 16px), 0, 1px);\n }\n }\n"]);_templateObject=function _templateObject(){return data};return data}var cls={input:(0,_prefixcls.default)("input"),fieldset:(0,_prefixcls.default)("input-fieldset"),prefix:(0,_prefixcls.default)("input-prefix"),suffix:(0,_prefixcls.default)("input-suffix"),small:(0,_prefixcls.default)("input-small"),large:(0,_prefixcls.default)("input-large"),normal:(0,_prefixcls.default)("input-normal"),label:(0,_prefixcls.default)("input-label"),error:(0,_prefixcls.default)("input-error"),warning:(0,_prefixcls.default)("input-warning"),success:(0,_prefixcls.default)("input-success")};(0,_emotion.injectGlobal)(_templateObject(),cls.fieldset,cls.error,cls.label,cls.success,cls.label,cls.warning,cls.label,cls.input,cls.label,cls.label,cls.input,cls.label,cls.label,cls.label,cls.label,cls.prefix,cls.suffix,cls.small,cls.label,cls.large,cls.label);
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: 1px solid var(--border-color);\n border-radius: var(--border-radius);\n padding: 4px 10px;\n font-size: var(--font-size);\n color: var(--text-color);\n background-color: var(--component-bg);\n transition: all 0.3s;\n inline-size: 100%;\n line-height: 1.5;\n background-image: none;\n box-sizing: border-box;\n accent-color: var(--primary-color, #5794ff);\n\n &:hover {\n border-color: var(--primary-hover, #80b3ff);\n border-inline-end-width: 1px;\n }\n\n input {\n background: none;\n appearance: none;\n }\n &:focus-within {\n border-color: var(--primary-hover, #80b3ff);\n border-inline-end-width: 1px;\n outline: 0;\n box-shadow: 0 0 0 2px var(--primary-outline);\n }\n &:invalid,\n &."," {\n --border-color: var(--error-border);\n --primary-hover: var(--error-hover);\n --primary-outline: var(--error-outline);\n --primary-color: var(--error-color);\n ."," {\n --text-color: var(--error-color);\n }\n }\n \n &."," {\n --border-color: var(--success-border);\n --primary-hover: var(--success-hover);\n --primary-outline: var(--success-outline);\n --primary-color: var(--success-color);\n ."," {\n --text-color: var(--success-color);\n }\n }\n &."," {\n --border-color: var(--warning-border);\n --primary-hover: var(--warning-hover);\n --primary-outline: var(--warning-outline);\n --primary-color: var(--warning-color);\n ."," {\n --text-color: var(--warning-color);\n }\n }\n &:disabled {\n --text-color: var(--disable-color);\n --border-color: var(--disable-border);\n --primary-hover: var(--disable-border);\n\n background-color: var(--disable-bg);\n cursor: not-allowed;\n ."," {\n pointer-events: none;\n &:not(:placeholder-shown) + ."," {\n background: var(--disable-border);\n }\n }\n }\n }\n ."," {\n position: absolute;\n border-radius: var(--border-radius);\n padding: 0 4px;\n color: var(--text-secondary);\n transition: transform 0.3s, color 0.3s, background-color 0.3s;\n line-height: 1.45;\n pointer-events: none;\n transform-origin: left;\n transform: translate3d(calc(var(--x, 0) - 10px), 0, 1px);\n }\n ."," {\n overflow: hidden;\n border: none;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: inherit;\n outline: none;\n flex: 1;\n\n &::placeholder {\n opacity: 0;\n transition: color 0.3s, opacity 0.3s;\n }\n\n &:focus::placeholder {\n opacity: 1;\n }\n &:not(:placeholder-shown) + .",", &:focus + ."," {\n background: var(--component-bg);\n transform: translate3d(0, calc(-50% - 0.43em), 1px) scale(0.8);\n }\n &:focus + ."," {\n color: var(--primary-color);\n }\n &:not(:placeholder-shown):not(:focus) + ."," {\n color: var(--text-color);\n }\n }\n ."," {\n margin-inline-end: 4px;\n }\n ."," {\n margin-inline-start: 4px;\n }\n ."," {\n padding: 2px;\n font-size: var(--font-size-sm);\n line-height: 20px;\n\n input {\n padding: 1px 0;\n }\n ."," {\n transform: translate3d(calc(var(--x, 0) - 2px), 0, 1px);\n }\n }\n ."," {\n padding: 6px 16px;\n font-size: var(--font-size-lg);\n ."," {\n transform: translate3d(calc(var(--x, 0) - 16px), 0, 1px);\n }\n }\n"]);_templateObject=function _templateObject(){return data};return data}var cls={input:(0,_prefixcls.default)("input"),fieldset:(0,_prefixcls.default)("input-fieldset"),prefix:(0,_prefixcls.default)("input-prefix"),suffix:(0,_prefixcls.default)("input-suffix"),small:(0,_prefixcls.default)("input-small"),large:(0,_prefixcls.default)("input-large"),normal:(0,_prefixcls.default)("input-normal"),label:(0,_prefixcls.default)("input-label"),error:(0,_prefixcls.default)("input-error"),warning:(0,_prefixcls.default)("input-warning"),success:(0,_prefixcls.default)("input-success")};(0,_emotion.injectGlobal)(_templateObject(),cls.fieldset,cls.error,cls.label,cls.success,cls.label,cls.warning,cls.label,cls.input,cls.label,cls.label,cls.input,cls.label,cls.label,cls.label,cls.label,cls.prefix,cls.suffix,cls.small,cls.label,cls.large,cls.label);
@@ -0,0 +1,20 @@
1
+ import React from 'react';
2
+ type Option = {
3
+ value: string | number;
4
+ label: React.ReactNode;
5
+ disabled?: boolean;
6
+ className?: string;
7
+ style?: React.CSSProperties;
8
+ };
9
+ export interface RadioProps {
10
+ className?: string;
11
+ style?: React.CSSProperties;
12
+ name?: string;
13
+ disabled?: boolean;
14
+ value?: string | number;
15
+ options: Option[];
16
+ onChange?: (val: string | number) => void;
17
+ layout?: 'vertical' | 'horizontal';
18
+ }
19
+ declare const Radio: React.FC<RadioProps>;
20
+ export default Radio;
@@ -0,0 +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;
@@ -0,0 +1,7 @@
1
+ export declare const cls: {
2
+ box: "n-radio-box";
3
+ radio: "n-radio";
4
+ label: "n-radio-label";
5
+ vertical: "n-radio-vertical";
6
+ horizontal: "n-radio-horizontal";
7
+ };
@@ -0,0 +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 box-shadow: 0 0 0 3px 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: 50%;\n background-color: var(--component-bg);\n appearance: none;\n inline-size: 16px;\n block-size: 16px;\n pointer-events: none;\n transition: 120ms border-color linear;\n user-select: none;\n\n &::before {\n position: absolute;\n display: inline-block;\n margin: auto;\n border-radius: 50%;\n box-shadow: inset 0 0 0 8px var(--primary-color);\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: 8px;\n block-size: 8px;\n transform: scale(0);\n transition: 120ms transform ease-in-out;\n }\n\n &:not(:disabled, :checked):hover {\n border-color: var(--primary-hover);\n\n &::before {\n --primary-color: var(--primary-hover);\n }\n }\n\n &:checked {\n border-color: var(--primary-color);\n\n &::before {\n transform: scale(1);\n }\n }\n\n &:active {\n border-color: var(--primary-active);\n\n &::before {\n --primary-color: var(--primary-active);\n }\n }\n\n &:disabled {\n border-color: var(--disable-border);\n\n &::before {\n --primary-color: var(--disable-border);\n }\n }\n }\n"]);_templateObject=function _templateObject(){return data};return data}var cls={box:(0,_prefixcls.default)("radio-box"),radio:(0,_prefixcls.default)("radio"),label:(0,_prefixcls.default)("radio-label"),vertical:(0,_prefixcls.default)("radio-vertical"),horizontal:(0,_prefixcls.default)("radio-horizontal")};(0,_emotion.injectGlobal)(_templateObject(),cls.box,cls.horizontal,cls.vertical,cls.label,cls.radio,cls.radio);
@@ -1 +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 _emotion=require("../emotion");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}var Switch=function(param){var className=param.className,_param_value=param.value,value=_param_value===void 0?false:_param_value,loading=param.loading,onChange=param.onChange,disabled=param.disabled,onLabel=param.onLabel,offLabel=param.offLabel;var state=(0,_react.useRef)((0,_sharedstoreobject.default)({value:value,disabled:disabled,loading:loading,change:function change(){if(!state.current.disabled&&!state.current.loading){state.current("value",function(prev){onChange===null||onChange===void 0?void 0:onChange(!prev);return!prev})}},onKeyUpCapture:function onKeyUpCapture(param){var key=param.key;if(key==="Enter"){state.current.change()}}}));var _state_current=state.current,val=_state_current.value,load=_state_current.loading,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.loading=loading},[loading]);(0,_react.useEffect)(function(){var _state=state.current;return function(){_state()}},[]);return _react.default.createElement("span",{className:(0,_emotion.cx)(_style.cls.switch,className,val&&_style.cls.checked,load&&_style.cls.loading),"data-on":onLabel,"data-off":offLabel,"data-disabled":disable,onClickCapture:state.current.change,onKeyUpCapture:state.current.onKeyUpCapture,tabIndex:disable||load?-1:0})};var _default=Switch;
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 Switch=function(_param){var className=_param.className,_param_value=_param.value,value=_param_value===void 0?false:_param_value,loading=_param.loading,onChange=_param.onChange,disabled=_param.disabled,onLabel=_param.onLabel,offLabel=_param.offLabel,props=_object_without_properties(_param,["className","value","loading","onChange","disabled","onLabel","offLabel"]);var state=(0,_react.useRef)((0,_sharedstoreobject.default)({value:value,disabled:disabled,loading:loading,change:function change(){if(!state.current.disabled&&!state.current.loading){if((0,_common.isFunction)(onChange)){onChange===null||onChange===void 0?void 0:onChange(!state.current.value)}else{state.current("value",function(prev){return!prev})}}},onKeyUpCapture:function onKeyUpCapture(param){var key=param.key;if(key==="Enter"){state.current.change()}}}));var _state_current=state.current,val=_state_current.value,load=_state_current.loading,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.loading=loading},[loading]);(0,_react.useEffect)(function(){var _state=state.current;return function(){_state()}},[]);return _react.default.createElement("span",_object_spread_props(_object_spread({},props),{className:(0,_emotion.cx)(_style.cls.switch,className,val&&_style.cls.checked,load&&_style.cls.loading),"data-on":onLabel,"data-off":offLabel,"data-disabled":disable,onClickCapture:state.current.change,onKeyUpCapture:state.current.onKeyUpCapture,tabIndex:disable||load?-1:0}))};var _default=Switch;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "neko-ui",
3
- "version": "1.2.2",
3
+ "version": "1.3.0",
4
4
  "description": "UI库",
5
5
  "main": "lib/index.js",
6
6
  "scripts": {