neko-ui 1.1.0 → 1.2.0

package/es/color-scheme/index.js

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

package/es/index.d.ts

@@ -21,6 +21,7 @@ export { default as Photo, type PhotoProps, type ImageData } from './photo';
 export { default as Carousel, type CarouselProps } from './carousel';
 export { default as Portal, type PortalProps } from './portal';
 export { default as Typography, type TypographyProps } from './typography';
+export { default as Switch, type SwitchProps } from './switch';
 export { default as prefixCls, setPrefixCls } from './prefix-cls';
 export { default as highlight } from './highlight';
 export { default as Prism } from './prism';

package/es/index.js

@@ -1 +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 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 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/switch/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface SwitchProps {
+    className?: string;
+    value?: boolean;
+    disabled?: boolean;
+    onLabel?: string;
+    offLabel?: string;
+    loading?: boolean;
+    onChange?(val: boolean): void;
+}
+declare const Switch: React.FC<SwitchProps>;
+export default Switch;

package/es/switch/index.js

@@ -0,0 +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})}}}));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,onClick:state.current.change})};export default Switch;

package/es/switch/style.d.ts

@@ -0,0 +1,5 @@
+export declare const cls: {
+    switch: "n-switch";
+    checked: "n-switch-checked";
+    loading: "n-switch-loading";
+};

package/es/switch/style.js

@@ -0,0 +1,93 @@
+import{injectGlobal}from"../emotion";import prefixCls from"../prefix-cls";export const cls={switch:prefixCls("switch"),checked:prefixCls("switch-checked"),loading:prefixCls("switch-loading")};injectGlobal`
+  .${cls.switch} {
+    position: relative;
+    display: inline-block;
+    border-radius: 12px;
+    padding: 2px;
+    font-size: 12px;
+    background-color: var(--primary-border);
+    transition-duration: 0.3s;
+    transition-property: background-color, box-shadow, opacity;
+    cursor: pointer;
+    inline-size: fit-content;
+    min-inline-size: 42px;
+    block-size: 22px;
+    line-height: 18px;
+    user-select: none;
+    box-sizing: border-box;
+    opacity: 1;
+
+    &::before {
+      color: var(--primary-secondary);
+      padding-inline: 20px 8px;
+      transition-duration: 0.3s;
+      transition-property: color, padding, background-color;
+      content: attr(data-off) '';
+    }
+
+    &::after {
+      position: absolute;
+      border: 2px solid #fff;
+      border-radius: 9px;
+      padding: 5px;
+      background-color: #fff;
+      outline: 2.05px solid #fff;
+      box-shadow: 0 2px 4px 1px var(--primary-shadow);
+      outline-offset: -0.05px;
+      inset-block-start: 4px;
+      transition-duration: 0.3s;
+      transition-property: padding, background-color;
+      content: '';
+      inset-inline-start: 4px;
+      inset-inline-end: unset;
+    }
+
+    &:hover {
+      background-color: var(--primary-secondary-bg);
+    }
+
+    &:not([data-disabled]),
+    &[data-disabled='false'] {
+      &:not(.${cls.loading}):active::after {
+        padding: 5px 10px;
+        background-color: var(--primary-border);
+      }
+    }
+    &.${cls.loading}, &[data-disabled]:not([data-disabled='false']) {
+      opacity: 0.8;
+      cursor: not-allowed;
+      color: var(--disable-color);
+      background-color: var(--disable-bg);
+    }
+  }
+  .${cls.loading} {
+    &::after {
+      border-block-start-color: var(--primary-color);
+      animation: switch-loading 1s infinite linear;
+    }
+  }
+  .${cls.checked} {
+    box-shadow: inset 0 0 3px 12px var(--primary-color);
+
+    &::before {
+      color: #fff;
+      padding-inline: 8px 20px;
+      content: attr(data-on) '';
+    }
+
+    &::after {
+      inset-inline-end: 4px;
+      inset-inline-start: unset;
+    }
+  }
+
+  @keyframes switch-loading {
+    form {
+      transform: rotate(0deg);
+    }
+
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+`;

package/lib/color-scheme/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,{generateTheme:function(){return generateTheme},default:function(){return _default}});var _common=require("@moneko/common");var _sharedstoreobject=_interop_require_default(require("shared-store-object"));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}}var themeMedia=window.matchMedia("(prefers-color-scheme: light)");var colorScheme=(0,_sharedstoreobject.default)({scheme:(themeMedia===null||themeMedia===void 0?void 0:themeMedia.matches)?"light":"dark"});themeMedia===null||themeMedia===void 0?void 0:themeMedia.addEventListener("change",function(param){var matches=param.matches;colorScheme.scheme=matches?"light":"dark"});function generateTheme(base,option){var obj=(0,_common.toneColor)(base,option===null||option===void 0?void 0:option.dark);var textColor=(0,_common.colorParse)(obj[5]);var baseColor=(0,_common.colorParse)(base);var _obj;return _obj={},_define_property(_obj,"--".concat(option.name,"-text"),textColor.setAlpha(.65).toRgbaString()),_define_property(_obj,"--".concat(option.name,"-secondary"),textColor.setAlpha(.45).toRgbaString()),_define_property(_obj,"--".concat(option.name,"-heading"),obj[5]),_define_property(_obj,"--".concat(option.name,"-active"),obj[30]),_define_property(_obj,"--".concat(option.name,"-color"),obj[40]),_define_property(_obj,"--".concat(option.name,"-hover"),obj[50]),_define_property(_obj,"--".concat(option.name,"-border"),obj[80]),_define_property(_obj,"--".concat(option.name,"-outline"),obj[90]),_define_property(_obj,"--".concat(option.name,"-selection"),obj[90]),_define_property(_obj,"--on-".concat(option.name,"-selection"),obj[10]),_define_property(_obj,"--".concat(option.name,"-shadow"),baseColor.setAlpha(.12).toHexaString()),_define_property(_obj,"--".concat(option.name,"-details-bg"),obj[95]),_define_property(_obj,"--".concat(option.name,"-component-bg"),obj[98]),_define_property(_obj,"--".concat(option.name,"-bg"),obj[99]),_define_property(_obj,"--on-".concat(option.name,"-bg"),obj[5]),_define_property(_obj,"--".concat(option.name,"-base-shadow"),"0 3px 6px -4px ".concat(baseColor.setAlpha(.12).toHexaString(),", 0 6px 16px 0 ").concat(baseColor.setAlpha(.08).toHexaString(),", 0 9px 28px 8px ").concat(baseColor.setAlpha(.05).toHexaString())),_obj}var _default=colorScheme;
+"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,{generateTheme:function(){return generateTheme},default:function(){return _default}});var _common=require("@moneko/common");var _sharedstoreobject=_interop_require_default(require("shared-store-object"));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}}var themeMedia=window.matchMedia("(prefers-color-scheme: light)");var colorScheme=(0,_sharedstoreobject.default)({scheme:(themeMedia===null||themeMedia===void 0?void 0:themeMedia.matches)?"light":"dark"});themeMedia===null||themeMedia===void 0?void 0:themeMedia.addEventListener("change",function(param){var matches=param.matches;colorScheme.scheme=matches?"light":"dark"});function generateTheme(base,option){var obj=(0,_common.toneColor)(base,option===null||option===void 0?void 0:option.dark);var textColor=(0,_common.colorParse)(obj[5]);var baseColor=(0,_common.colorParse)(base);var _obj;return _obj={},_define_property(_obj,"--".concat(option.name,"-text"),textColor.setAlpha(.65).toRgbaString()),_define_property(_obj,"--".concat(option.name,"-secondary"),textColor.setAlpha(.45).toRgbaString()),_define_property(_obj,"--".concat(option.name,"-heading"),obj[5]),_define_property(_obj,"--".concat(option.name,"-active"),obj[30]),_define_property(_obj,"--".concat(option.name,"-color"),obj[40]),_define_property(_obj,"--".concat(option.name,"-hover"),obj[50]),_define_property(_obj,"--".concat(option.name,"-secondary-bg"),obj[70]),_define_property(_obj,"--".concat(option.name,"-border"),obj[80]),_define_property(_obj,"--".concat(option.name,"-outline"),obj[90]),_define_property(_obj,"--".concat(option.name,"-selection"),obj[90]),_define_property(_obj,"--on-".concat(option.name,"-selection"),obj[10]),_define_property(_obj,"--".concat(option.name,"-shadow"),baseColor.setAlpha(.12).toHexaString()),_define_property(_obj,"--".concat(option.name,"-details-bg"),obj[95]),_define_property(_obj,"--".concat(option.name,"-component-bg"),obj[98]),_define_property(_obj,"--".concat(option.name,"-bg"),obj[99]),_define_property(_obj,"--on-".concat(option.name,"-bg"),obj[5]),_define_property(_obj,"--".concat(option.name,"-base-shadow"),"0 3px 6px -4px ".concat(baseColor.setAlpha(.12).toHexaString(),", 0 6px 16px 0 ").concat(baseColor.setAlpha(.08).toHexaString(),", 0 9px 28px 8px ").concat(baseColor.setAlpha(.05).toHexaString())),_obj}var _default=colorScheme;

package/lib/index.d.ts

@@ -21,6 +21,7 @@ export { default as Photo, type PhotoProps, type ImageData } from './photo';
 export { default as Carousel, type CarouselProps } from './carousel';
 export { default as Portal, type PortalProps } from './portal';
 export { default as Typography, type TypographyProps } from './typography';
+export { default as Switch, type SwitchProps } from './switch';
 export { default as prefixCls, setPrefixCls } from './prefix-cls';
 export { default as highlight } from './highlight';
 export { default as Prism } from './prism';

package/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},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},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 _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},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}

package/lib/switch/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface SwitchProps {
+    className?: string;
+    value?: boolean;
+    disabled?: boolean;
+    onLabel?: string;
+    offLabel?: string;
+    loading?: boolean;
+    onChange?(val: boolean): void;
+}
+declare const Switch: React.FC<SwitchProps>;
+export default Switch;

package/lib/switch/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 _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})}}}));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,onClick:state.current.change})};var _default=Switch;

package/lib/switch/style.d.ts

@@ -0,0 +1,5 @@
+export declare const cls: {
+    switch: "n-switch";
+    checked: "n-switch-checked";
+    loading: "n-switch-loading";
+};

package/lib/switch/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: inline-block;\n    border-radius: 12px;\n    padding: 2px;\n    font-size: 12px;\n    background-color: var(--primary-border);\n    transition-duration: 0.3s;\n    transition-property: background-color, box-shadow, 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    opacity: 1;\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      border: 2px solid #fff;\n      border-radius: 9px;\n      padding: 5px;\n      background-color: #fff;\n      outline: 2.05px solid #fff;\n      box-shadow: 0 2px 4px 1px var(--primary-shadow);\n      outline-offset: -0.05px;\n      inset-block-start: 4px;\n      transition-duration: 0.3s;\n      transition-property: padding, background-color;\n      content: '';\n      inset-inline-start: 4px;\n      inset-inline-end: unset;\n    }\n\n    &:hover {\n      background-color: var(--primary-secondary-bg);\n    }\n\n    &:not([data-disabled]),\n    &[data-disabled='false'] {\n      &:not(.","):active::after {\n        padding: 5px 10px;\n        background-color: var(--primary-border);\n      }\n    }\n    &.",", &[data-disabled]:not([data-disabled='false']) {\n      opacity: 0.8;\n      cursor: not-allowed;\n      color: var(--disable-color);\n      background-color: var(--disable-bg);\n    }\n  }\n  ."," {\n    &::after {\n      border-block-start-color: var(--primary-color);\n      animation: switch-loading 1s infinite linear;\n    }\n  }\n  ."," {\n    box-shadow: inset 0 0 3px 12px var(--primary-color);\n\n    &::before {\n      color: #fff;\n      padding-inline: 8px 20px;\n      content: attr(data-on) '';\n    }\n\n    &::after {\n      inset-inline-end: 4px;\n      inset-inline-start: unset;\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.loading,cls.loading,cls.checked);

package/package.json

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