neko-ui 2.8.21 → 2.8.23

package/es/code/worker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/code/worker.ts"],"sourcesContent":["self.importScripts('https://cdn.jsdelivr.net/npm/prismjs@1.29.0/prism.js');\nself.importScripts('https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-bash.js');\nself.importScripts('https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-clike.js');\nself.importScripts('https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-css.js');\nself.importScripts('https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-diff.js');\nself.importScripts('https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-docker.js');\nself.importScripts('https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-git.js');\nself.importScripts('https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-javascript.js');\nself.importScripts('https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-jsx.js');\nself.importScripts('https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-latex.js');\nself.importScripts('https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-less.js');\nself.importScripts('https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-markdown.js');\nself.importScripts(\n  'https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-markup-templating.js',\n);\nself.importScripts('https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-markup.js');\nself.importScripts('https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-regex.js');\nself.importScripts('https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-rust.js');\nself.importScripts('https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-sql.js');\nself.importScripts('https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-swift.js');\nself.importScripts('https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-toml.js');\nself.importScripts('https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-tsx.js');\nself.importScripts('https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-typescript.js');\nself.importScripts('https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-wasm.js');\nself.importScripts('https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-yaml.js');\nself.importScripts('https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-bash.js');\n// plugins\nself.importScripts(\n  'https://cdn.jsdelivr.net/npm/prismjs@1.29.0/plugins/diff-highlight/prism-diff-highlight.js',\n);\nself.importScripts(\n  'https://cdn.jsdelivr.net/npm/prismjs@1.29.0/plugins/highlight-keywords/prism-highlight-keywords.js',\n);\nself.importScripts(\n  'https://cdn.jsdelivr.net/npm/prismjs@1.29.0/plugins/line-numbers/prism-line-numbers.js',\n);\n\nfunction onMessage(e: MessageEvent<string>) {\n  let result;\n\n  try {\n    const { code, language = 'markup' } = JSON.parse(e.data) as {\n      code: string;\n      language: string;\n    };\n\n    if (/^diff-([\\w-]+)/i.test(language) && !self.Prism.languages[language]) {\n      self.Prism.languages[language] = self.Prism.languages.diff;\n    }\n\n    result = self.Prism.highlight(`${code}\\n`, self.Prism.languages[language], language);\n  } catch (error) {\n    result = '';\n  }\n  self.postMessage(result); // 向主线程发送消息\n}\n\nself.addEventListener('message', onMessage, false);\n"],"names":["self","importScripts","addEventListener","e","result","code","language","JSON","parse","data","test","Prism","languages","diff","highlight","error","postMessage"],"mappings":"AAAAA,KAAKC,aAAa,CAAC,wDACnBD,KAAKC,aAAa,CAAC,wEACnBD,KAAKC,aAAa,CAAC,yEACnBD,KAAKC,aAAa,CAAC,uEACnBD,KAAKC,aAAa,CAAC,wEACnBD,KAAKC,aAAa,CAAC,0EACnBD,KAAKC,aAAa,CAAC,uEACnBD,KAAKC,aAAa,CAAC,8EACnBD,KAAKC,aAAa,CAAC,uEACnBD,KAAKC,aAAa,CAAC,yEACnBD,KAAKC,aAAa,CAAC,wEACnBD,KAAKC,aAAa,CAAC,4EACnBD,KAAKC,aAAa,CAChB,qFAEFD,KAAKC,aAAa,CAAC,0EACnBD,KAAKC,aAAa,CAAC,yEACnBD,KAAKC,aAAa,CAAC,wEACnBD,KAAKC,aAAa,CAAC,uEACnBD,KAAKC,aAAa,CAAC,yEACnBD,KAAKC,aAAa,CAAC,wEACnBD,KAAKC,aAAa,CAAC,uEACnBD,KAAKC,aAAa,CAAC,8EACnBD,KAAKC,aAAa,CAAC,wEACnBD,KAAKC,aAAa,CAAC,wEACnBD,KAAKC,aAAa,CAAC,wEAEnBD,KAAKC,aAAa,CAChB,8FAEFD,KAAKC,aAAa,CAChB,sGAEFD,KAAKC,aAAa,CAChB,0FAuBFD,KAAKE,gBAAgB,CAAC,UApBtB,SAAmBC,CAAuB,EACxC,IAAIC,EAEJ,GAAI,CACF,GAAM,CAAEC,KAAAA,CAAI,CAAEC,SAAAA,EAAW,QAAQ,CAAE,CAAGC,KAAKC,KAAK,CAACL,EAAEM,IAAI,EAKnD,kBAAkBC,IAAI,CAACJ,IAAa,CAACN,KAAKW,KAAK,CAACC,SAAS,CAACN,EAAS,EACrEN,CAAAA,KAAKW,KAAK,CAACC,SAAS,CAACN,EAAS,CAAGN,KAAKW,KAAK,CAACC,SAAS,CAACC,IAAI,AAAD,EAG3DT,EAASJ,KAAKW,KAAK,CAACG,SAAS,CAAC,CAAC,EAAET,EAAK;AAAE,CAAC,CAAEL,KAAKW,KAAK,CAACC,SAAS,CAACN,EAAS,CAAEA,EAC7E,CAAE,MAAOS,EAAO,CACdX,EAAS,EACX,CACAJ,KAAKgB,WAAW,CAACZ,EACnB,EAE4C,CAAA"}
+{"version":3,"sources":["../../components/code/worker.ts"],"sourcesContent":["self.importScripts('https://cdn.jsdelivr.net/npm/prismjs@1.29.0/prism.js');\nself.importScripts('https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-bash.js');\nself.importScripts('https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-clike.js');\nself.importScripts('https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-css.js');\nself.importScripts('https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-diff.js');\nself.importScripts('https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-docker.js');\nself.importScripts('https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-git.js');\nself.importScripts('https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-javascript.js');\nself.importScripts('https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-jsx.js');\nself.importScripts('https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-latex.js');\nself.importScripts('https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-less.js');\nself.importScripts('https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-markdown.js');\nself.importScripts(\n  'https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-markup-templating.js',\n);\nself.importScripts('https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-markup.js');\nself.importScripts('https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-regex.js');\nself.importScripts('https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-rust.js');\nself.importScripts('https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-sql.js');\nself.importScripts('https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-swift.js');\nself.importScripts('https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-toml.js');\nself.importScripts('https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-tsx.js');\nself.importScripts('https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-typescript.js');\nself.importScripts('https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-wasm.js');\nself.importScripts('https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-yaml.js');\nself.importScripts('https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-bash.js');\n// plugins\nself.importScripts(\n  'https://cdn.jsdelivr.net/npm/prismjs@1.29.0/plugins/diff-highlight/prism-diff-highlight.js',\n);\nself.importScripts(\n  'https://cdn.jsdelivr.net/npm/prismjs@1.29.0/plugins/highlight-keywords/prism-highlight-keywords.js',\n);\nself.importScripts(\n  'https://cdn.jsdelivr.net/npm/prismjs@1.29.0/plugins/line-numbers/prism-line-numbers.js',\n);\n\nfunction onMessage(e: MessageEvent<string>) {\n  let result;\n\n  try {\n    const { code, language = 'markup' } = JSON.parse(e.data) as {\n      code: string;\n      language: string;\n    };\n\n    if (/^diff-([\\w-]+)/i.test(language) && !self.Prism.languages[language]) {\n      self.Prism.languages[language] = self.Prism.languages.diff;\n    }\n\n    result = self.Prism.highlight(`${code}\\n`, self.Prism.languages[language], language);\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  } catch (error) {\n    result = '';\n  }\n  self.postMessage(result); // 向主线程发送消息\n}\n\nself.addEventListener('message', onMessage, false);\n"],"names":["self","importScripts","addEventListener","e","result","code","language","JSON","parse","data","test","Prism","languages","diff","highlight","error","postMessage"],"mappings":"AAAAA,KAAKC,aAAa,CAAC,wDACnBD,KAAKC,aAAa,CAAC,wEACnBD,KAAKC,aAAa,CAAC,yEACnBD,KAAKC,aAAa,CAAC,uEACnBD,KAAKC,aAAa,CAAC,wEACnBD,KAAKC,aAAa,CAAC,0EACnBD,KAAKC,aAAa,CAAC,uEACnBD,KAAKC,aAAa,CAAC,8EACnBD,KAAKC,aAAa,CAAC,uEACnBD,KAAKC,aAAa,CAAC,yEACnBD,KAAKC,aAAa,CAAC,wEACnBD,KAAKC,aAAa,CAAC,4EACnBD,KAAKC,aAAa,CAChB,qFAEFD,KAAKC,aAAa,CAAC,0EACnBD,KAAKC,aAAa,CAAC,yEACnBD,KAAKC,aAAa,CAAC,wEACnBD,KAAKC,aAAa,CAAC,uEACnBD,KAAKC,aAAa,CAAC,yEACnBD,KAAKC,aAAa,CAAC,wEACnBD,KAAKC,aAAa,CAAC,uEACnBD,KAAKC,aAAa,CAAC,8EACnBD,KAAKC,aAAa,CAAC,wEACnBD,KAAKC,aAAa,CAAC,wEACnBD,KAAKC,aAAa,CAAC,wEAEnBD,KAAKC,aAAa,CAChB,8FAEFD,KAAKC,aAAa,CAChB,sGAEFD,KAAKC,aAAa,CAChB,0FAwBFD,KAAKE,gBAAgB,CAAC,UArBtB,SAAmBC,CAAuB,EACxC,IAAIC,EAEJ,GAAI,CACF,GAAM,CAAEC,KAAAA,CAAI,CAAEC,SAAAA,EAAW,QAAQ,CAAE,CAAGC,KAAKC,KAAK,CAACL,EAAEM,IAAI,EAKnD,kBAAkBC,IAAI,CAACJ,IAAa,CAACN,KAAKW,KAAK,CAACC,SAAS,CAACN,EAAS,EACrEN,CAAAA,KAAKW,KAAK,CAACC,SAAS,CAACN,EAAS,CAAGN,KAAKW,KAAK,CAACC,SAAS,CAACC,IAAI,AAAD,EAG3DT,EAASJ,KAAKW,KAAK,CAACG,SAAS,CAAC,CAAC,EAAET,EAAK;AAAE,CAAC,CAAEL,KAAKW,KAAK,CAACC,SAAS,CAACN,EAAS,CAAEA,EAE7E,CAAE,MAAOS,EAAO,CACdX,EAAS,EACX,CACAJ,KAAKgB,WAAW,CAACZ,EACnB,EAE4C,CAAA"}

package/es/color-palette/README.mdx

@@ -0,0 +1,10 @@
+---
+type: 数据录入
+title: 颜色选择面板
+subtitle: n-color-palette
+icon: 🌈
+---
+
+# ColorPalette
+
+> 颜色选择面板

package/es/color-palette/examples/default-value.md

@@ -0,0 +1,25 @@
+---
+title: 最简单的使用方式
+description: 可以给颜色选择面板指定一个初始颜色值 default-value，取值为合法的颜色值。
+order: 1
+---
+
+```html
+<n-color-palette default-value="#318867"></n-color-palette>
+<script>
+  const el = container.querySelector('n-color-palette');
+
+  el.onchange = function (e) {
+    console.log(e.detail);
+  };
+</script>
+```
+
+```jsx
+<n-color-palette
+  default-value="#318867"
+  onChange={(e) => {
+    console.log(e.detail);
+  }}
+/>
+```

package/es/color-palette/examples/hexa.md

@@ -0,0 +1,13 @@
+---
+title: HEXA
+description: 指定一个十六进制的颜色其组成部分是：＃RRGGBB，其中RR（红色），GG（绿色）和BB（蓝色）。所有值必须介于0和FF之间。
+order: 2
+---
+
+```html
+<n-color-palette value="#3188BF67"></n-color-palette>
+```
+
+```jsx
+<n-color-palette value="#3188BF67" />
+```

package/es/color-palette/examples/hsla.md

@@ -0,0 +1,13 @@
+---
+title: HSLA
+description: 色相、饱和度、亮度、透明度
+order: 3
+---
+
+```html
+<n-color-palette value="hsla(252,68%,63%,1)"></n-color-palette>
+```
+
+```jsx
+<n-color-palette value="hsla(252,68%,63%,1)" />
+```

package/es/color-palette/examples/rgba.md

@@ -0,0 +1,13 @@
+---
+title: RGBA
+description: 红色、绿色、蓝色、透明度
+order: 4
+---
+
+```html
+<n-color-palette value="rgba(76,81,29,0.73)"></n-color-palette>
+```
+
+```jsx
+<n-color-palette value="rgba(76,81,29,0.73)" />
+```

package/es/color-palette/index.js

@@ -1,2 +1,2 @@
-function e(e,t,r,n,o,i,l){try{var a=e[i](l),s=a.value}catch(e){r(e);return}a.done?t(s):Promise.resolve(s).then(n,o)}function t(){return(t=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}import{use as r}from"solid-js/web";import{template as n}from"solid-js/web";import{spread as o}from"solid-js/web";import{mergeProps as i}from"solid-js/web";import"solid-js/web";import{insert as l}from"solid-js/web";import{getOwner as a}from"solid-js/web";import{effect as s}from"solid-js/web";import{delegateEvents as u}from"solid-js/web";import{createComponent as m}from"solid-js/web";import{className as p}from"solid-js/web";import{addEventListener as d}from"solid-js/web";let c=n("<style> "),f=n("<style>"),v=n("<n-input>",!0,!1),g=n('<i class="eye-dropper">'),h=n('<div><div class="picker"></div><div class="chooser"><div class="range"><input class="slider hue" min="0" max="360" type="range"><input class="slider opacity" min="0" max="1" step="0.01" type="range"></div><div class="preview"></div></div><div class="form"><n-dropdown placement="right" trigger="click"><span class="switch"></span></n-dropdown></div><div class="color">',!0,!1),b=n("<n-input-number>",!0,!1),y=n("<i>");import{For as w,Index as C,Show as x,createEffect as j,createMemo as k,createSignal as E,mergeProps as S,onCleanup as P,onMount as $,untrack as B}from"solid-js";import D from"@moneko/common/lib/colorParse";import F from"@moneko/common/lib/isFunction";import L from"@moneko/common/lib/passiveSupported";import M from"@moneko/common/lib/setClipboard";import A from"@moneko/common/lib/throttle";import{css as H,cx as O}from"@moneko/css";import{customElement as R}from"solid-element";import{style as N,switchCss as V}from"./style";import"../dropdown";import"../input";import"../input-number";import G from"../theme";function _(n){let u;let{baseStyle:R}=G,_=S({defaultValue:"#5794ff"},n),z=[{label:"RGBA",value:"rgba",handleClosed:!1},{label:"HSLA",value:"hsla",handleClosed:!1},{label:"HEXA",value:"hexa",handleClosed:!1}],U=["#f44336","#E91E63","#9C27B0","#673AB7","#3F51B5","#2196F3","#00BCD4","#009688","#4CAF50","#CDDC39","#FF9800","#795548","#607D8B"],X={class:"input",size:"small",css:".input{text-align:center;font-size:12px;}"},[K,Y]=E(D(_.value||_.defaultValue)),[q,I]=E(!1);function J(e){return e?Number((100*e).toFixed()):e}function Q(e){let t=e;return"string"==typeof e&&(t=e.replace(/[^\d]/g,"")),t/100}let T=k(()=>{var e;let t=K(),r=t[e=t.type,`to${e[0].toUpperCase()+e.slice(1)}`]();return F(_.onChange)&&r.toString()!==_.value&&_.onChange(r.toString()),r});function W(e=_.defaultValue){B(T).toString()!==e&&Y(D(e))}function Z(e){e.target&&(e.target.value=e.detail)}function ee(e){var t;(null==(t=e.target)?void 0:t.value)&&W(e.target.value)}function et(e){var t;"Enter"===e.key&&"string"==typeof(null==(t=e.target)?void 0:t.value)&&W(e.target.value)}function er(e){if(u){let{x:r,y:n,width:o,height:i}=u.getBoundingClientRect(),l=B(K),a=l.value;a[1]=Math.floor(Math.min(Math.max(0,(e.clientX-r)/o*100),100)),a[2]=Math.floor(100-Math.min(Math.max(0,(e.clientY-n)/i*100),100)),Y(t({},l,{value:a}))}}function en(e,r,n){if("number"==typeof r){let o=B(K),i=3===e||"hsva"===n,l=i?o.value:B(T);l[e]=r||0,i?Y(t({},o,{value:l})):Y(D(l.toString()))}}function eo(e){I(!0),er(e)}function ei(){I(!1)}function el(e){Y(r=>t({},r,{type:e.detail[0]}))}function ea(e){M(B(T).toString(),e.target)}function es(){return eu.apply(this,arguments)}function eu(){var t;return t=function*(){if(window.EyeDropper){let e=yield new window.EyeDropper().open();e.sRGBHex&&W(e.sRGBHex);return}},(eu=function(){var r=this,n=arguments;return new Promise(function(o,i){var l=t.apply(r,n);function a(t){e(l,o,i,a,s,"next",t)}function s(t){e(l,o,i,a,s,"throw",t)}a(void 0)})}).apply(this,arguments)}let em=k(()=>{let e=K(),t=e.value;return`.palette {--c:${e.toRgbaString()};--h:${t[0]};--s:${t[1]};--v:${t[2]};--a:${t[3]};}`});return j(()=>{A(W,8)(_.value)}),j(()=>{q()&&document.body.addEventListener("mousemove",er,{passive:L}),P(()=>{document.body.removeEventListener("mousemove",er,!1)})}),$(()=>{document.body.addEventListener("mouseup",ei,{passive:L})}),P(()=>{document.body.removeEventListener("mouseup",ei,!1)}),[(()=>{let e=c(),t=e.firstChild;return s(()=>t.data=R()),e})(),(()=>{let e=f();return e.textContent=N,e})(),(()=>{let e=c(),t=e.firstChild;return s(()=>t.data=em()),e})(),m(x,{get when(){return _.css},get children(){let e=c(),t=e.firstChild;return s(()=>t.data=H(_.css)),e}}),(()=>{let e=h(),t=e.firstChild,n=u,c=t.nextSibling,f=c.firstChild,j=f.firstChild,k=j.nextSibling,E=f.nextSibling,S=c.nextSibling,P=S.firstChild,$=P.firstChild,D=S.nextSibling;return d(t,"mousedown",eo,!0),"function"==typeof n?r(n,t):u=t,j.$$input=e=>en(0,Number(e.target.value),"hsva"),k.$$input=e=>en(3,Number(e.target.value)),d(E,"click",ea,!0),l(S,m(x,{get when(){return"hexa"===K().type},get fallback(){return m(C,{get each(){return T()},children:(e,t)=>{let r=Object.assign({},X,3===t&&{step:.01,formatter:J,parse:Q});return(()=>{let n=b();return o(n,i(r,{get value(){return e()},get max(){return B(T).max[t]},min:0,onChange:e=>{en(t,e.detail)}}),!1,!1),n._$owner=a(),n})()}})},get children(){let e=v();return o(e,i(X,{get value(){return K().toHexaString()},onChange:Z,onBlur:ee,onKeyUp:et}),!1,!1),e._$owner=a(),e}}),P),d(P,"change",el),P.css=V,P.items=z,P._$owner=a(),l($,()=>K().type),l(D,m(x,{get when(){return window.EyeDropper},get fallback(){return(()=>{let e=y();return d(e,"click",W.bind(null,"rgba(168,16,16,0.15)"),!0),e.style.setProperty("--c","rgba(168,16,16,0.15)"),e})()},get children(){let e=g();return d(e,"click",es,!0),e.style.setProperty("--c","transparent"),e}}),null),l(D,m(w,{each:U,children:e=>(()=>{let t=y();return d(t,"click",W.bind(null,e),!0),null!=e?t.style.setProperty("--c",e):t.style.removeProperty("--c"),t})()}),null),s(()=>p(e,O("palette",_.class))),s(()=>j.value=K().value[0]),s(()=>k.value=K().value[3]),s(()=>P.value=K().type),e})()]}export const defaultColorPaletteProps={class:void 0,style:void 0,css:void 0,value:void 0,defaultValue:void 0,onChange:void 0};R("n-color-palette",defaultColorPaletteProps,(e,t)=>{let r=t.element;return m(_,S({onChange(e){r.dispatchEvent(new CustomEvent("change",{detail:e}))}},e))});export default _;u(["click","input","mousedown"]);
+function e(e,t,r,n,o,i,l){try{var a=e[i](l),s=a.value}catch(e){r(e);return}a.done?t(s):Promise.resolve(s).then(n,o)}function t(){return(t=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}import{use as r}from"solid-js/web";import{template as n}from"solid-js/web";import{spread as o}from"solid-js/web";import{mergeProps as i}from"solid-js/web";import"solid-js/web";import{insert as l}from"solid-js/web";import{getOwner as a}from"solid-js/web";import{effect as s}from"solid-js/web";import{delegateEvents as u}from"solid-js/web";import{createComponent as m}from"solid-js/web";import{className as p}from"solid-js/web";import{addEventListener as c}from"solid-js/web";let d=n("<style> "),f=n("<style>"),v=n("<n-input>",!0,!1),g=n('<i class="eye-dropper">'),h=n('<div><div class="picker"></div><div class="chooser"><div class="range"><input class="slider hue" min="0" max="360" type="range"><input class="slider opacity" min="0" max="1" step="0.01" type="range"></div><div class="preview"></div></div><div class="form"><n-dropdown placement="right" trigger="click"><span class="switch"></span></n-dropdown></div><div class="color">',!0,!1),b=n("<n-input-number>",!0,!1),y=n("<i>");import{createEffect as w,createMemo as C,createSignal as x,For as j,Index as k,mergeProps as E,onCleanup as S,onMount as P,Show as $,untrack as B}from"solid-js";import D from"@moneko/common/lib/colorParse";import F from"@moneko/common/lib/isFunction";import L from"@moneko/common/lib/passiveSupported";import M from"@moneko/common/lib/setClipboard";import A from"@moneko/common/lib/throttle";import{css as H,cx as O}from"@moneko/css";import{customElement as R}from"solid-element";import N from"../theme";import{style as V,switchCss as G}from"./style";import"../dropdown";import"../input";import"../input-number";function _(n){let u;let{baseStyle:R}=N,_=E({defaultValue:"#5794ff"},n),z=[{label:"RGBA",value:"rgba",handleClosed:!1},{label:"HSLA",value:"hsla",handleClosed:!1},{label:"HEXA",value:"hexa",handleClosed:!1}],U=["#f44336","#E91E63","#9C27B0","#673AB7","#3F51B5","#2196F3","#00BCD4","#009688","#4CAF50","#CDDC39","#FF9800","#795548","#607D8B"],X={class:"input",size:"small",css:".input{text-align:center;font-size:12px;}"},[K,Y]=x(D(_.value||_.defaultValue)),[q,I]=x(!1);function J(e){return e?Number((100*e).toFixed()):e}function Q(e){let t=e;return"string"==typeof e&&(t=e.replace(/[^\d]/g,"")),t/100}let T=C(()=>{var e;let t=K(),r=t[e=t.type,`to${e[0].toUpperCase()+e.slice(1)}`]();return F(_.onChange)&&r.toString()!==_.value&&_.onChange(r.toString()),r});function W(e=_.defaultValue){B(T).toString()!==e&&Y(D(e))}function Z(e){e.target&&(e.target.value=e.detail)}function ee(e){e.target.value&&W(e.target.value)}function et(e){"Enter"===e.key&&"string"==typeof e.target.value&&W(e.target.value)}function er(e){if(u){let{x:r,y:n,width:o,height:i}=u.getBoundingClientRect(),l=B(K),a=l.value;a[1]=Math.floor(Math.min(Math.max(0,(e.clientX-r)/o*100),100)),a[2]=Math.floor(100-Math.min(Math.max(0,(e.clientY-n)/i*100),100)),Y(t({},l,{value:a}))}}function en(e,r,n){if("number"==typeof r){let o=B(K),i=3===e||"hsva"===n,l=i?o.value:B(T);l[e]=r||0,i?Y(t({},o,{value:l})):Y(D(l.toString()))}}function eo(e){I(!0),er(e)}function ei(){I(!1)}function el(e){Y(r=>t({},r,{type:e.detail[0]}))}function ea(e){M(B(T).toString(),e.target)}function es(){return eu.apply(this,arguments)}function eu(){var t;return t=function*(){if(window.EyeDropper){let e=yield new window.EyeDropper().open();e.sRGBHex&&W(e.sRGBHex);return}},(eu=function(){var r=this,n=arguments;return new Promise(function(o,i){var l=t.apply(r,n);function a(t){e(l,o,i,a,s,"next",t)}function s(t){e(l,o,i,a,s,"throw",t)}a(void 0)})}).apply(this,arguments)}let em=C(()=>{let e=K(),t=e.value;return`.palette {--c:${e.toRgbaString()};--h:${t[0]};--s:${t[1]};--v:${t[2]};--a:${t[3]};}`});return w(()=>{A(W,8)(_.value)}),w(()=>{q()&&document.body.addEventListener("mousemove",er,{passive:L}),S(()=>{document.body.removeEventListener("mousemove",er,!1)})}),P(()=>{document.body.addEventListener("mouseup",ei,{passive:L})}),S(()=>{document.body.removeEventListener("mouseup",ei,!1)}),[(()=>{let e=d(),t=e.firstChild;return s(()=>t.data=R()),e})(),(()=>{let e=f();return e.textContent=V,e})(),(()=>{let e=d(),t=e.firstChild;return s(()=>t.data=em()),e})(),m($,{get when(){return _.css},get children(){let e=d(),t=e.firstChild;return s(()=>t.data=H(_.css)),e}}),(()=>{let e=h(),t=e.firstChild,n=u,d=t.nextSibling,f=d.firstChild,w=f.firstChild,C=w.nextSibling,x=f.nextSibling,E=d.nextSibling,S=E.firstChild,P=S.firstChild,D=E.nextSibling;return c(t,"mousedown",eo,!0),"function"==typeof n?r(n,t):u=t,w.$$input=e=>{en(0,Number(e.target.value),"hsva")},C.$$input=e=>{en(3,Number(e.target.value))},c(x,"click",ea,!0),l(E,m($,{get when(){return"hexa"===K().type},get fallback(){return m(k,{get each(){return T()},children:(e,t)=>{let r=Object.assign({},X,3===t&&{step:.01,formatter:J,parse:Q});return(()=>{let n=b();return o(n,i(r,{get value(){return e()},get max(){return B(T).max[t]},min:0,onChange:e=>{en(t,e.detail)}}),!1,!1),n._$owner=a(),n})()}})},get children(){let e=v();return o(e,i(X,{get value(){return K().toHexaString()},onChange:Z,onBlur:ee,onKeyUp:et}),!1,!1),e._$owner=a(),e}}),S),c(S,"change",el),S.css=G,S.items=z,S._$owner=a(),l(P,()=>K().type),l(D,m($,{get when(){return window.EyeDropper},get fallback(){return(()=>{let e=y();return c(e,"click",W.bind(null,"rgba(168,16,16,0.15)"),!0),e.style.setProperty("--c","rgba(168,16,16,0.15)"),e})()},get children(){let e=g();return c(e,"click",es,!0),e.style.setProperty("--c","transparent"),e}}),null),l(D,m(j,{each:U,children:e=>(()=>{let t=y();return c(t,"click",W.bind(null,e),!0),null!=e?t.style.setProperty("--c",e):t.style.removeProperty("--c"),t})()}),null),s(()=>p(e,O("palette",_.class))),s(()=>w.value=K().value[0]),s(()=>C.value=K().value[3]),s(()=>S.value=K().type),e})()]}export const defaultColorPaletteProps={class:void 0,style:void 0,css:void 0,value:void 0,defaultValue:void 0,onChange:void 0};R("n-color-palette",defaultColorPaletteProps,(e,t)=>{let r=t.element;return m(_,E({onChange(e){r.dispatchEvent(new CustomEvent("change",{detail:e}))}},e))});export default _;u(["click","input","mousedown"]);
 //# sourceMappingURL=index.js.map

package/es/color-palette/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/color-palette/index.tsx"],"sourcesContent":["import {\n  For,\n  Index,\n  Show,\n  createEffect,\n  createMemo,\n  createSignal,\n  mergeProps,\n  onCleanup,\n  onMount,\n  untrack,\n} from 'solid-js';\nimport {\n  type ColorParse,\n  type ColorType,\n  type HSVA,\n  colorParse,\n  isFunction,\n  passiveSupported,\n  setClipboard,\n  throttle,\n} from '@moneko/common';\nimport { css, cx } from '@moneko/css';\nimport { customElement } from 'solid-element';\nimport { style, switchCss } from './style';\nimport '../dropdown';\nimport '../input';\nimport '../input-number';\nimport theme from '../theme';\nimport type { CustomElement, InputNumberProps } from '..';\n\nexport interface ColorPaletteProps {\n  /** 自定义类名 */\n  class?: string;\n  /** 自定义样式表 */\n  css?: string;\n  /** 颜色值 */\n  value?: string;\n  /** 默认值\n   * @default '#5794ff'\n   */\n  defaultValue?: string;\n  /** 变更时触发的方法 */\n  onChange?: (color: string) => void;\n}\nexport type ColorPaletteElement = CustomElement<ColorPaletteProps>;\n\nfunction ColorPalette(_: ColorPaletteProps) {\n  const { baseStyle } = theme;\n  const props = mergeProps({ defaultValue: '#5794ff' }, _);\n  let picker: HTMLDivElement | undefined;\n  const types = [\n    { label: 'RGBA', value: 'rgba', handleClosed: false },\n    { label: 'HSLA', value: 'hsla', handleClosed: false },\n    { label: 'HEXA', value: 'hexa', handleClosed: false },\n  ];\n  const material = [\n    '#f44336',\n    '#E91E63',\n    '#9C27B0',\n    '#673AB7',\n    '#3F51B5',\n    '#2196F3',\n    '#00BCD4',\n    '#009688',\n    '#4CAF50',\n    '#CDDC39',\n    '#FF9800',\n    '#795548',\n    '#607D8B',\n  ];\n  const inputProps: InputNumberProps = {\n    class: 'input',\n    size: 'small',\n    css: '.input{text-align:center;font-size:12px;}',\n  };\n  const [hsva, setHsva] = createSignal<ColorParse<HSVA>>(\n    // eslint-disable-next-line solid/reactivity\n    colorParse(props.value || props.defaultValue),\n  );\n  const [drag, setDrag] = createSignal(false);\n\n  type HsvaToColorVoid = 'toHexa' | 'toRgba' | 'toHsla' | 'toCmyk' | 'toHsva';\n\n  function formatterOpacity(v?: number | string) {\n    return v ? Number(((v as number) * 100).toFixed()) : v;\n  }\n  function parseOpacity(v?: string | number) {\n    let _val = v;\n\n    if (typeof v === 'string') {\n      _val = v.replace(/[^\\d]/g, '');\n    }\n    return (_val as number) / 100;\n  }\n  function capFirst(str: string) {\n    return `to${str[0].toUpperCase() + str.slice(1)}` as HsvaToColorVoid;\n  }\n  const color = createMemo(() => {\n    const s = hsva();\n    const c = s[capFirst(s.type)]();\n\n    if (isFunction(props.onChange) && c.toString() !== props.value) {\n      props.onChange(c.toString());\n    }\n    return c;\n  });\n\n  function setColor(c = props.defaultValue) {\n    if (untrack(color).toString() !== c) {\n      setHsva(colorParse(c as string));\n    }\n  }\n  function handleHexa(e: CustomEvent) {\n    if (e.target) {\n      (e.target as HTMLInputElement).value = e.detail;\n    }\n  }\n  function handleHexaBlur(e: FocusEvent & { target: { value: string } }) {\n    if (e.target?.value) {\n      setColor(e.target.value);\n    }\n  }\n  function handleHexaEnter(e: KeyboardEvent & { target: { value: string } }) {\n    if (e.key === 'Enter' && typeof e.target?.value === 'string') {\n      setColor(e.target.value);\n    }\n  }\n  function changeColor(ev: MouseEvent) {\n    if (picker) {\n      const { x, y, width, height } = picker.getBoundingClientRect();\n      const prev = untrack(hsva);\n      const next = prev.value;\n\n      next[1] = Math.floor(Math.min(Math.max(0, ((ev.clientX - x) / width) * 100), 100));\n      next[2] = Math.floor(100 - Math.min(Math.max(0, ((ev.clientY - y) / height) * 100), 100));\n\n      setHsva({ ...prev, value: next });\n    }\n  }\n\n  function handleChange(i: number, v?: number, t?: ColorType) {\n    if (typeof v === 'number') {\n      const prev = untrack(hsva);\n      const changeHsv = i === 3 || t === 'hsva';\n      const next = changeHsv ? prev.value : (untrack(color) as HSVA);\n\n      next[i] = v || 0;\n      if (changeHsv) {\n        setHsva({\n          ...prev,\n          value: next,\n        });\n      } else {\n        setHsva(colorParse(next.toString()));\n      }\n    }\n  }\n  function mouseDown(e: MouseEvent) {\n    setDrag(true);\n    changeColor(e);\n  }\n  function mouseUp() {\n    setDrag(false);\n  }\n  function handleSwitch(e: CustomEvent) {\n    setHsva((prev) => ({\n      ...prev,\n      type: e.detail[0],\n    }));\n  }\n\n  function copy(e: MouseEvent) {\n    setClipboard(untrack(color).toString(), e.target as HTMLElement);\n  }\n  async function eyeDropper() {\n    if (window.EyeDropper) {\n      const res = await new window.EyeDropper().open();\n\n      if (res.sRGBHex) {\n        setColor(res.sRGBHex);\n      }\n      return;\n    }\n  }\n  const colorVar = createMemo(() => {\n    const h = hsva(),\n      value = h.value;\n\n    return `.palette {--c:${h.toRgbaString()};--h:${value[0]};--s:${value[1]};--v:${value[2]};--a:${\n      value[3]\n    };}`;\n  });\n\n  createEffect(() => {\n    throttle(setColor, 8)(props.value);\n  });\n\n  createEffect(() => {\n    if (drag()) {\n      document.body.addEventListener('mousemove', changeColor, {\n        passive: passiveSupported,\n      });\n    }\n    onCleanup(() => {\n      document.body.removeEventListener('mousemove', changeColor, false);\n    });\n  });\n  onMount(() => {\n    document.body.addEventListener('mouseup', mouseUp, {\n      passive: passiveSupported,\n    });\n  });\n  onCleanup(() => {\n    document.body.removeEventListener('mouseup', mouseUp, false);\n  });\n\n  return (\n    <>\n      <style textContent={baseStyle()} />\n      <style textContent={style} />\n      <style textContent={colorVar()} />\n      <Show when={props.css}>\n        <style textContent={css(props.css)} />\n      </Show>\n      <div class={cx('palette', props.class)}>\n        <div ref={picker} class=\"picker\" onMouseDown={mouseDown} />\n        <div class=\"chooser\">\n          <div class=\"range\">\n            <input\n              class=\"slider hue\"\n              min=\"0\"\n              max=\"360\"\n              type=\"range\"\n              value={hsva().value[0]}\n              onInput={(e) => handleChange(0, Number(e.target.value), 'hsva')}\n            />\n            <input\n              class=\"slider opacity\"\n              min=\"0\"\n              max=\"1\"\n              step=\"0.01\"\n              type=\"range\"\n              value={hsva().value[3]}\n              onInput={(e) => handleChange(3, Number(e.target.value))}\n            />\n          </div>\n          <div class=\"preview\" onClick={copy} />\n        </div>\n        <div class=\"form\">\n          <Show\n            when={hsva().type === 'hexa'}\n            fallback={\n              <>\n                <Index each={color()}>\n                  {(n, i) => {\n                    const inp = Object.assign(\n                      {},\n                      inputProps,\n                      i === 3 && {\n                        step: 0.01,\n                        formatter: formatterOpacity,\n                        parse: parseOpacity,\n                      },\n                    );\n\n                    return (\n                      <n-input-number\n                        {...inp}\n                        value={n() as number}\n                        max={\n                          (\n                            untrack(color) as HSVA & {\n                              max: [360, 100, 100, 1];\n                            }\n                          ).max[i]\n                        }\n                        min={0}\n                        onChange={(e) => {\n                          handleChange(i, e.detail);\n                        }}\n                      />\n                    );\n                  }}\n                </Index>\n              </>\n            }\n          >\n            <n-input\n              {...inputProps}\n              value={hsva().toHexaString()}\n              onChange={handleHexa}\n              onBlur={handleHexaBlur}\n              onKeyUp={handleHexaEnter}\n            />\n          </Show>\n          <n-dropdown\n            css={switchCss}\n            value={hsva().type}\n            items={types}\n            placement=\"right\"\n            trigger=\"click\"\n            onChange={handleSwitch}\n          >\n            <span class=\"switch\">{hsva().type}</span>\n          </n-dropdown>\n        </div>\n        <div class=\"color\">\n          <Show\n            when={window.EyeDropper}\n            fallback={\n              <i\n                style={{ '--c': 'rgba(168,16,16,0.15)' }}\n                onClick={setColor.bind(null, 'rgba(168,16,16,0.15)')}\n              />\n            }\n          >\n            <i class=\"eye-dropper\" style={{ '--c': 'transparent' }} onClick={eyeDropper} />\n          </Show>\n          <For each={material}>\n            {(c) => <i style={{ '--c': c }} onClick={setColor.bind(null, c)} />}\n          </For>\n        </div>\n      </div>\n    </>\n  );\n}\n\nexport const defaultColorPaletteProps = {\n  class: void 0,\n  style: void 0,\n  css: void 0,\n  value: void 0,\n  defaultValue: void 0,\n  onChange: void 0,\n};\n\ncustomElement<ColorPaletteProps>('n-color-palette', defaultColorPaletteProps, (_, opts) => {\n  const el = opts.element;\n  const props = mergeProps(\n    {\n      onChange(val?: string) {\n        el.dispatchEvent(\n          new CustomEvent('change', {\n            detail: val,\n          }),\n        );\n      },\n    },\n    _,\n  );\n\n  return <ColorPalette {...props} />;\n});\n\nexport default ColorPalette;\n"],"names":["For","Index","Show","createEffect","createMemo","createSignal","mergeProps","onCleanup","onMount","untrack","colorParse","isFunction","passiveSupported","setClipboard","throttle","css","cx","customElement","style","switchCss","theme","ColorPalette","_","picker","baseStyle","props","defaultValue","types","label","value","handleClosed","material","inputProps","class","size","hsva","setHsva","drag","setDrag","formatterOpacity","v","Number","toFixed","parseOpacity","_val","replace","color","str","s","c","type","toUpperCase","slice","onChange","toString","setColor","handleHexa","e","target","detail","handleHexaBlur","handleHexaEnter","key","changeColor","ev","x","y","width","height","getBoundingClientRect","prev","next","Math","floor","min","max","clientX","clientY","handleChange","i","t","changeHsv","mouseDown","mouseUp","handleSwitch","copy","eyeDropper","window","EyeDropper","res","open","sRGBHex","colorVar","h","toRgbaString","document","body","addEventListener","passive","removeEventListener","n","inp","Object","assign","step","formatter","parse","toHexaString","bind","defaultColorPaletteProps","opts","el","element","val","dispatchEvent","CustomEvent"],"mappings":"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"}
+{"version":3,"sources":["../../components/color-palette/index.tsx"],"sourcesContent":["import {\n  createEffect,\n  createMemo,\n  createSignal,\n  For,\n  Index,\n  mergeProps,\n  onCleanup,\n  onMount,\n  Show,\n  untrack,\n} from 'solid-js';\nimport {\n  type ColorParse,\n  colorParse,\n  type ColorType,\n  type HSVA,\n  isFunction,\n  passiveSupported,\n  setClipboard,\n  throttle,\n} from '@moneko/common';\nimport { css, cx } from '@moneko/css';\nimport { customElement } from 'solid-element';\n\nimport type { CustomElement, InputNumberProps } from '..';\nimport theme from '../theme';\n\nimport { style, switchCss } from './style';\n\nimport '../dropdown';\nimport '../input';\nimport '../input-number';\n\nexport interface ColorPaletteProps {\n  /** 自定义类名 */\n  class?: string;\n  /** 自定义样式表 */\n  css?: string;\n  /** 颜色值 */\n  value?: string;\n  /** 默认值\n   * @default '#5794ff'\n   */\n  defaultValue?: string;\n  /** 变更时触发的方法 */\n  onChange?: (color: string) => void;\n}\nexport type ColorPaletteElement = CustomElement<ColorPaletteProps>;\n\nfunction ColorPalette(_: ColorPaletteProps) {\n  const { baseStyle } = theme;\n  const props = mergeProps({ defaultValue: '#5794ff' }, _);\n  let picker: HTMLDivElement | undefined;\n  const types = [\n    { label: 'RGBA', value: 'rgba', handleClosed: false },\n    { label: 'HSLA', value: 'hsla', handleClosed: false },\n    { label: 'HEXA', value: 'hexa', handleClosed: false },\n  ];\n  const material = [\n    '#f44336',\n    '#E91E63',\n    '#9C27B0',\n    '#673AB7',\n    '#3F51B5',\n    '#2196F3',\n    '#00BCD4',\n    '#009688',\n    '#4CAF50',\n    '#CDDC39',\n    '#FF9800',\n    '#795548',\n    '#607D8B',\n  ];\n  const inputProps: InputNumberProps = {\n    class: 'input',\n    size: 'small',\n    css: '.input{text-align:center;font-size:12px;}',\n  };\n  const [hsva, setHsva] = createSignal<ColorParse<HSVA>>(\n    // eslint-disable-next-line solid/reactivity\n    colorParse(props.value || props.defaultValue),\n  );\n  const [drag, setDrag] = createSignal(false);\n\n  type HsvaToColorVoid = 'toHexa' | 'toRgba' | 'toHsla' | 'toCmyk' | 'toHsva';\n\n  function formatterOpacity(v?: number | string) {\n    return v ? Number(((v as number) * 100).toFixed()) : v;\n  }\n  function parseOpacity(v?: string | number) {\n    let _val = v;\n\n    if (typeof v === 'string') {\n      _val = v.replace(/[^\\d]/g, '');\n    }\n    return (_val as number) / 100;\n  }\n  function capFirst(str: string) {\n    return `to${str[0].toUpperCase() + str.slice(1)}` as HsvaToColorVoid;\n  }\n  const color = createMemo(() => {\n    const s = hsva();\n    const c = s[capFirst(s.type)]();\n\n    if (isFunction(props.onChange) && c.toString() !== props.value) {\n      props.onChange(c.toString());\n    }\n    return c;\n  });\n\n  function setColor(c = props.defaultValue) {\n    if (untrack(color).toString() !== c) {\n      setHsva(colorParse(c));\n    }\n  }\n  function handleHexa(e: CustomEvent) {\n    if (e.target) {\n      (e.target as HTMLInputElement).value = e.detail;\n    }\n  }\n  function handleHexaBlur(e: FocusEvent & { target: { value: string } }) {\n    if (e.target.value) {\n      setColor(e.target.value);\n    }\n  }\n  function handleHexaEnter(e: KeyboardEvent & { target: { value: string } }) {\n    if (e.key === 'Enter' && typeof e.target.value === 'string') {\n      setColor(e.target.value);\n    }\n  }\n  function changeColor(ev: MouseEvent) {\n    if (picker) {\n      const { x, y, width, height } = picker.getBoundingClientRect();\n      const prev = untrack(hsva);\n      const next = prev.value;\n\n      next[1] = Math.floor(Math.min(Math.max(0, ((ev.clientX - x) / width) * 100), 100));\n      next[2] = Math.floor(100 - Math.min(Math.max(0, ((ev.clientY - y) / height) * 100), 100));\n\n      setHsva({ ...prev, value: next });\n    }\n  }\n\n  function handleChange(i: number, v?: number, t?: ColorType) {\n    if (typeof v === 'number') {\n      const prev = untrack(hsva);\n      const changeHsv = i === 3 || t === 'hsva';\n      const next = changeHsv ? prev.value : (untrack(color) as HSVA);\n\n      next[i] = v || 0;\n      if (changeHsv) {\n        setHsva({\n          ...prev,\n          value: next,\n        });\n      } else {\n        setHsva(colorParse(next.toString()));\n      }\n    }\n  }\n  function mouseDown(e: MouseEvent) {\n    setDrag(true);\n    changeColor(e);\n  }\n  function mouseUp() {\n    setDrag(false);\n  }\n  function handleSwitch(e: CustomEvent) {\n    setHsva((prev) => ({\n      ...prev,\n      type: e.detail[0],\n    }));\n  }\n\n  function copy(e: MouseEvent) {\n    setClipboard(untrack(color).toString(), e.target as HTMLElement);\n  }\n  async function eyeDropper() {\n    if (window.EyeDropper) {\n      const res = await new window.EyeDropper().open();\n\n      if (res.sRGBHex) {\n        setColor(res.sRGBHex);\n      }\n      return;\n    }\n  }\n  const colorVar = createMemo(() => {\n    const h = hsva(),\n      value = h.value;\n\n    return `.palette {--c:${h.toRgbaString()};--h:${value[0]};--s:${value[1]};--v:${value[2]};--a:${\n      value[3]\n    };}`;\n  });\n\n  createEffect(() => {\n    throttle(setColor, 8)(props.value);\n  });\n\n  createEffect(() => {\n    if (drag()) {\n      document.body.addEventListener('mousemove', changeColor, {\n        passive: passiveSupported,\n      });\n    }\n    onCleanup(() => {\n      document.body.removeEventListener('mousemove', changeColor, false);\n    });\n  });\n  onMount(() => {\n    document.body.addEventListener('mouseup', mouseUp, {\n      passive: passiveSupported,\n    });\n  });\n  onCleanup(() => {\n    document.body.removeEventListener('mouseup', mouseUp, false);\n  });\n\n  return (\n    <>\n      <style textContent={baseStyle()} />\n      <style textContent={style} />\n      <style textContent={colorVar()} />\n      <Show when={props.css}>\n        <style textContent={css(props.css)} />\n      </Show>\n      <div class={cx('palette', props.class)}>\n        <div ref={picker} class=\"picker\" onMouseDown={mouseDown} />\n        <div class=\"chooser\">\n          <div class=\"range\">\n            <input\n              class=\"slider hue\"\n              min=\"0\"\n              max=\"360\"\n              type=\"range\"\n              value={hsva().value[0]}\n              onInput={(e) => {\n                handleChange(0, Number(e.target.value), 'hsva');\n              }}\n            />\n            <input\n              class=\"slider opacity\"\n              min=\"0\"\n              max=\"1\"\n              step=\"0.01\"\n              type=\"range\"\n              value={hsva().value[3]}\n              onInput={(e) => {\n                handleChange(3, Number(e.target.value));\n              }}\n            />\n          </div>\n          <div class=\"preview\" onClick={copy} />\n        </div>\n        <div class=\"form\">\n          <Show\n            when={hsva().type === 'hexa'}\n            fallback={\n              <>\n                <Index each={color()}>\n                  {(n, i) => {\n                    const inp = Object.assign(\n                      {},\n                      inputProps,\n                      i === 3 && {\n                        step: 0.01,\n                        formatter: formatterOpacity,\n                        parse: parseOpacity,\n                      },\n                    );\n\n                    return (\n                      <n-input-number\n                        {...inp}\n                        value={n() as number}\n                        max={\n                          (\n                            untrack(color) as HSVA & {\n                              max: [360, 100, 100, 1];\n                            }\n                          ).max[i]\n                        }\n                        min={0}\n                        onChange={(e) => {\n                          handleChange(i, e.detail);\n                        }}\n                      />\n                    );\n                  }}\n                </Index>\n              </>\n            }\n          >\n            <n-input\n              {...inputProps}\n              value={hsva().toHexaString()}\n              onChange={handleHexa}\n              onBlur={handleHexaBlur}\n              onKeyUp={handleHexaEnter}\n            />\n          </Show>\n          <n-dropdown\n            css={switchCss}\n            value={hsva().type}\n            items={types}\n            placement=\"right\"\n            trigger=\"click\"\n            onChange={handleSwitch}\n          >\n            <span class=\"switch\">{hsva().type}</span>\n          </n-dropdown>\n        </div>\n        <div class=\"color\">\n          <Show\n            when={window.EyeDropper}\n            fallback={\n              <i\n                style={{ '--c': 'rgba(168,16,16,0.15)' }}\n                onClick={setColor.bind(null, 'rgba(168,16,16,0.15)')}\n              />\n            }\n          >\n            <i class=\"eye-dropper\" style={{ '--c': 'transparent' }} onClick={eyeDropper} />\n          </Show>\n          <For each={material}>\n            {(c) => <i style={{ '--c': c }} onClick={setColor.bind(null, c)} />}\n          </For>\n        </div>\n      </div>\n    </>\n  );\n}\n\nexport const defaultColorPaletteProps = {\n  class: void 0,\n  style: void 0,\n  css: void 0,\n  value: void 0,\n  defaultValue: void 0,\n  onChange: void 0,\n};\n\ncustomElement<ColorPaletteProps>('n-color-palette', defaultColorPaletteProps, (_, opts) => {\n  const el = opts.element;\n  const props = mergeProps(\n    {\n      onChange(val?: string) {\n        el.dispatchEvent(\n          new CustomEvent('change', {\n            detail: val,\n          }),\n        );\n      },\n    },\n    _,\n  );\n\n  return <ColorPalette {...props} />;\n});\n\nexport default ColorPalette;\n"],"names":["createEffect","createMemo","createSignal","For","Index","mergeProps","onCleanup","onMount","Show","untrack","colorParse","isFunction","passiveSupported","setClipboard","throttle","css","cx","customElement","theme","style","switchCss","ColorPalette","_","picker","baseStyle","props","defaultValue","types","label","value","handleClosed","material","inputProps","class","size","hsva","setHsva","drag","setDrag","formatterOpacity","v","Number","toFixed","parseOpacity","_val","replace","color","str","s","c","type","toUpperCase","slice","onChange","toString","setColor","handleHexa","e","target","detail","handleHexaBlur","handleHexaEnter","key","changeColor","ev","x","y","width","height","getBoundingClientRect","prev","next","Math","floor","min","max","clientX","clientY","handleChange","i","t","changeHsv","mouseDown","mouseUp","handleSwitch","copy","eyeDropper","window","EyeDropper","res","open","sRGBHex","colorVar","h","toRgbaString","document","body","addEventListener","passive","removeEventListener","n","inp","Object","assign","step","formatter","parse","toHexaString","bind","defaultColorPaletteProps","opts","el","element","val","dispatchEvent","CustomEvent"],"mappings":"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"}

package/es/color-picker/README.mdx

@@ -0,0 +1,10 @@
+---
+type: 数据录入
+title: 颜色选择器
+subtitle: n-color-picker
+icon: 🍭
+---
+
+# ColorPicker
+
+> 颜色选择器

package/es/color-picker/examples/basic.md

@@ -0,0 +1,12 @@
+---
+title: 直接使用
+order: 1
+---
+
+```html
+<n-color-picker default-value="#5998ff"></n-color-picker>
+```
+
+```jsx
+<n-color-picker default-value="pink" />
+```

package/es/color-picker/examples/default-value.md

@@ -0,0 +1,20 @@
+---
+title: 默认值
+description: 通过设置 `defaultValue` 为颜色选择器提供默认值。
+order: 3
+---
+
+```html
+<n-color-picker default-value="blue"></n-color-picker>
+<script>
+  const el = container.querySelector('n-color-picker');
+
+  el.onchange = function (e) {
+    console.log(e.detail);
+  };
+</script>
+```
+
+```jsx
+<n-color-picker default-value="blue" />
+```

package/es/color-picker/examples/size.md

@@ -0,0 +1,17 @@
+---
+title: 不同尺寸
+description: 颜色选择器有大、中、小三种尺寸。通过设置 `size` 为 `large`、`small` 分别把按钮设为大、小尺寸。若不设置 `size`，则尺寸为中 'normal'。
+order: 2
+---
+
+```html
+<n-color-picker value="#fedaaa" size="small"></n-color-picker>
+<n-color-picker value="red" size="normal"></n-color-picker>
+<n-color-picker value="green" size="large"></n-color-picker>
+```
+
+```jsx
+<n-color-picker value="#fedaaa" size="small" />
+<n-color-picker value="red" size="normal" />
+<n-color-picker value="green" size="large" />
+```

package/es/color-picker/index.js

@@ -1,2 +1,2 @@
-function e(){return(e=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var r=arguments[o];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e}).apply(this,arguments)}import{template as o}from"solid-js/web";import{mergeProps as r}from"solid-js/web";import{getOwner as t}from"solid-js/web";import{effect as l}from"solid-js/web";import{createComponent as s}from"solid-js/web";import{className as a}from"solid-js/web";import{addEventListener as i}from"solid-js/web";let n=o("<span>"),p=o("<n-color-palette>",!0,!1);import{createEffect as u,createMemo as c,createSignal as d,mergeProps as m,onMount as f,splitProps as g,untrack as v}from"solid-js";import{cx as h}from"@moneko/css";import{customElement as C}from"solid-element";import{style as w}from"./style";import"../color-palette";import j,{defaultProps as b}from"../popover";function k(e){let[o,m]=g(e,["css","value","defaultValue","onChange","popupClass","popupCss","size"]),[C,b]=d(o.defaultValue);function k(e){void 0===o.value&&b(e.detail),null==o.onChange||o.onChange.call(o,e.detail)}f(()=>{void 0===o.value&&o.defaultValue&&b(o.defaultValue)}),u(()=>{void 0!==o.value&&o.value!==v(C)&&b(o.value)});let V=c(()=>`.color-picker {padding: 10px;inline-size: 216px;}${o.popupCss||""}`),y=c(()=>`${w+(o.css||"")}.trigger {--c: ${C()};}`);return s(j,r(m,{arrow:!0,trigger:"click",get content(){return(()=>{let e=p();return i(e,"change",k),e._$owner=t(),l(()=>e.value=C()),e})()},get popupClass(){return h("color-picker",o.popupClass)},get popupCss(){return V()},get css(){return y()},get children(){let e=n();return l(()=>a(e,h("trigger",o.size))),e}}))}C("n-color-picker",e({},b,{value:void 0,defaultValue:void 0,onChange:void 0,size:void 0}),(e,o)=>{let r=o.element;return s(k,m({onChange(e){r.dispatchEvent(new CustomEvent("change",{detail:e}))},children:r.children},e))});export default k;
+function e(){return(e=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var r=arguments[o];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e}).apply(this,arguments)}import{template as o}from"solid-js/web";import{mergeProps as r}from"solid-js/web";import{getOwner as t}from"solid-js/web";import{effect as l}from"solid-js/web";import{createComponent as s}from"solid-js/web";import{className as a}from"solid-js/web";import{addEventListener as i}from"solid-js/web";let n=o("<span>"),p=o("<n-color-palette>",!0,!1);import{createEffect as u,createMemo as c,createSignal as d,mergeProps as m,onMount as f,splitProps as g,untrack as v}from"solid-js";import{cx as h}from"@moneko/css";import{customElement as C}from"solid-element";import w,{defaultProps as j}from"../popover";import{style as b}from"./style";import"../color-palette";function k(e){let[o,m]=g(e,["css","value","defaultValue","onChange","popupClass","popupCss","size"]),[C,j]=d(o.defaultValue);function k(e){void 0===o.value&&j(e.detail),null==o.onChange||o.onChange.call(o,e.detail)}f(()=>{void 0===o.value&&o.defaultValue&&j(o.defaultValue)}),u(()=>{void 0!==o.value&&o.value!==v(C)&&j(o.value)});let V=c(()=>`.color-picker {padding: 10px;inline-size: 216px;}${o.popupCss||""}`),y=c(()=>`${b+(o.css||"")}.trigger {--c: ${C()};}`);return s(w,r(m,{arrow:!0,trigger:"click",get content(){return(()=>{let e=p();return i(e,"change",k),e._$owner=t(),l(()=>e.value=C()),e})()},get popupClass(){return h("color-picker",o.popupClass)},get popupCss(){return V()},get css(){return y()},get children(){let e=n();return l(()=>a(e,h("trigger",o.size))),e}}))}C("n-color-picker",e({},j,{value:void 0,defaultValue:void 0,onChange:void 0,size:void 0}),(e,o)=>{let r=o.element;return s(k,m({onChange(e){r.dispatchEvent(new CustomEvent("change",{detail:e}))},children:r.children},e))});export default k;
 //# sourceMappingURL=index.js.map

package/es/color-picker/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/color-picker/index.tsx"],"sourcesContent":["import {\n  createEffect,\n  createMemo,\n  createSignal,\n  mergeProps,\n  onMount,\n  splitProps,\n  untrack,\n} from 'solid-js';\nimport { cx } from '@moneko/css';\nimport { customElement } from 'solid-element';\nimport { style } from './style';\nimport '../color-palette';\nimport Popover, { defaultProps } from '../popover';\nimport type { BasicConfig, ColorPaletteProps, CustomElement, PopoverProps } from '..';\n\n/** 颜色选择器\n * @since 2.0.0\n */\nexport interface ColorPickerProps\n  extends ColorPaletteProps,\n    Omit<PopoverProps, 'children' | 'content'> {\n  /** 自定义类名 */\n  class?: string;\n  /** 自定义样式表 */\n  css?: string;\n  /** 关闭后是否销毁  */\n  destroyInactive?: boolean;\n  /** 尺寸\n   * @default 'normal'\n   */\n  size?: BasicConfig['size'];\n  /** 默认值  */\n  defaultValue?: string;\n}\nexport type ColorPickerElement = CustomElement<ColorPickerProps>;\n\nfunction ColorPicker(props: ColorPickerProps) {\n  const [local, others] = splitProps(props, [\n    'css',\n    'value',\n    'defaultValue',\n    'onChange',\n    'popupClass',\n    'popupCss',\n    'size',\n  ]);\n  const [color, setColor] = createSignal<string | undefined>(local.defaultValue);\n\n  function handleChange(e: CustomEvent<string>) {\n    if (local.value === void 0) {\n      setColor(e.detail);\n    }\n    local.onChange?.(e.detail);\n  }\n\n  onMount(() => {\n    if (local.value === void 0 && local.defaultValue) {\n      setColor(local.defaultValue);\n    }\n  });\n  createEffect(() => {\n    if (local.value !== void 0 && local.value !== untrack(color)) {\n      setColor(local.value);\n    }\n  });\n  const popupCss = createMemo(\n    () => `.color-picker {padding: 10px;inline-size: 216px;}${local.popupCss || ''}`,\n  );\n  const css = createMemo(() => `${style + (local.css || '')}.trigger {--c: ${color()};}`);\n\n  return (\n    <Popover\n      {...others}\n      arrow={true}\n      trigger=\"click\"\n      content={<n-color-palette value={color()} onChange={handleChange} />}\n      popupClass={cx('color-picker', local.popupClass)}\n      popupCss={popupCss()}\n      css={css()}\n    >\n      <span class={cx('trigger', local.size)} />\n    </Popover>\n  );\n}\n\ncustomElement<ColorPickerProps>(\n  'n-color-picker',\n  {\n    ...defaultProps,\n    value: void 0,\n    defaultValue: void 0,\n    onChange: void 0,\n    size: void 0,\n  },\n  (_, opts) => {\n    const el = opts.element;\n    const props = mergeProps(\n      {\n        onChange(val?: string) {\n          el.dispatchEvent(\n            new CustomEvent('change', {\n              detail: val,\n            }),\n          );\n        },\n        children: el.children,\n      },\n      _,\n    );\n\n    return <ColorPicker {...props} />;\n  },\n);\n\nexport default ColorPicker;\n"],"names":["createEffect","createMemo","createSignal","mergeProps","onMount","splitProps","untrack","cx","customElement","style","Popover","defaultProps","ColorPicker","props","local","others","color","setColor","defaultValue","handleChange","e","value","detail","onChange","popupCss","css","popupClass","size","_","opts","el","element","val","dispatchEvent","CustomEvent","children"],"mappings":"uiBAAA,QACEA,gBAAAA,CAAY,CACZC,cAAAA,CAAU,CACVC,gBAAAA,CAAY,CACZC,cAAAA,CAAU,CACVC,WAAAA,CAAO,CACPC,cAAAA,CAAU,CACVC,WAAAA,CAAO,KACF,UAAW,AAClB,QAASC,MAAAA,CAAE,KAAQ,aAAc,AACjC,QAASC,iBAAAA,CAAa,KAAQ,eAAgB,AAC9C,QAASC,SAAAA,CAAK,KAAQ,SAAU,AAChC,OAAO,kBAAmB,AAC1B,QAAOC,GAAWC,gBAAAA,CAAY,KAAQ,YAAa,CAwBnD,SAASC,EAAYC,CAAuB,EAC1C,GAAM,CAACC,EAAOC,EAAO,CAAGV,EAAWQ,EAAO,CACxC,MACA,QACA,eACA,WACA,aACA,WACA,OACD,EACK,CAACG,EAAOC,EAAS,CAAGf,EAAiCY,EAAMI,YAAY,EAE7E,SAASC,EAAaC,CAAsB,EACtB,KAAK,IAArBN,EAAMO,KAAK,EACbJ,EAASG,EAAEE,MAAM,QAEnBR,EAAMS,QAAQ,EAAdT,EAAMS,QAAQ,MAAdT,EAAiBM,EAAEE,MAAM,CAC3B,CAEAlB,EAAQ,KACc,KAAK,IAArBU,EAAMO,KAAK,EAAeP,EAAMI,YAAY,EAC9CD,EAASH,EAAMI,YAAY,CAE/B,GACAlB,EAAa,KACS,KAAK,IAArBc,EAAMO,KAAK,EAAeP,EAAMO,KAAK,GAAKf,EAAQU,IACpDC,EAASH,EAAMO,KAAK,CAExB,GACA,IAAMG,EAAWvB,EACf,IAAM,CAAC,iDAAiD,EAAEa,EAAMU,QAAQ,EAAI,GAAG,CAAC,EAE5EC,EAAMxB,EAAW,IAAM,CAAC,EAAEQ,EAASK,CAAAA,EAAMW,GAAG,EAAI,EAAC,EAAG,eAAe,EAAET,IAAQ,EAAE,CAAC,EAEtF,SACGN,IACKK,SACG,CAAA,0EAE6CI,+BAAnBH,oCACrBT,EAAG,eAAgBO,EAAMY,UAAU,yBACrCF,sBACLC,+CAEQlB,EAAG,UAAWO,EAAMa,IAAI,SAG3C,CAEAnB,EACE,iBACA,KACKG,GACHU,MAAO,KAAK,EACZH,aAAc,KAAK,EACnBK,SAAU,KAAK,EACfI,KAAM,KAAK,IAEb,CAACC,EAAGC,KACF,IAAMC,EAAKD,EAAKE,OAAO,CAevB,SAAQnB,EAdMT,EACZ,CACEoB,SAASS,CAAY,EACnBF,EAAGG,aAAa,CACd,IAAIC,YAAY,SAAU,CACxBZ,OAAQU,CACV,GAEJ,EACAG,SAAUL,EAAGK,QAAQ,AACvB,EACAP,GAIJ,EAGF,gBAAehB,CAAY"}
+{"version":3,"sources":["../../components/color-picker/index.tsx"],"sourcesContent":["import {\n  createEffect,\n  createMemo,\n  createSignal,\n  mergeProps,\n  onMount,\n  splitProps,\n  untrack,\n} from 'solid-js';\nimport { cx } from '@moneko/css';\nimport { customElement } from 'solid-element';\n\nimport type { BasicConfig, ColorPaletteProps, CustomElement, PopoverProps } from '..';\nimport Popover, { defaultProps } from '../popover';\n\nimport { style } from './style';\n\nimport '../color-palette';\n\n/** 颜色选择器\n * @since 2.0.0\n */\nexport interface ColorPickerProps\n  extends ColorPaletteProps,\n    Omit<PopoverProps, 'children' | 'content'> {\n  /** 自定义类名 */\n  class?: string;\n  /** 自定义样式表 */\n  css?: string;\n  /** 关闭后是否销毁  */\n  destroyInactive?: boolean;\n  /** 尺寸\n   * @default 'normal'\n   */\n  size?: BasicConfig['size'];\n  /** 默认值  */\n  defaultValue?: string;\n}\nexport type ColorPickerElement = CustomElement<ColorPickerProps>;\n\nfunction ColorPicker(props: ColorPickerProps) {\n  const [local, others] = splitProps(props, [\n    'css',\n    'value',\n    'defaultValue',\n    'onChange',\n    'popupClass',\n    'popupCss',\n    'size',\n  ]);\n  const [color, setColor] = createSignal<string | undefined>(local.defaultValue);\n\n  function handleChange(e: CustomEvent<string>) {\n    if (local.value === void 0) {\n      setColor(e.detail);\n    }\n    local.onChange?.(e.detail);\n  }\n\n  onMount(() => {\n    if (local.value === void 0 && local.defaultValue) {\n      setColor(local.defaultValue);\n    }\n  });\n  createEffect(() => {\n    if (local.value !== void 0 && local.value !== untrack(color)) {\n      setColor(local.value);\n    }\n  });\n  const popupCss = createMemo(\n    () => `.color-picker {padding: 10px;inline-size: 216px;}${local.popupCss || ''}`,\n  );\n  const css = createMemo(() => `${style + (local.css || '')}.trigger {--c: ${color()};}`);\n\n  return (\n    <Popover\n      {...others}\n      arrow={true}\n      trigger=\"click\"\n      content={<n-color-palette value={color()} onChange={handleChange} />}\n      popupClass={cx('color-picker', local.popupClass)}\n      popupCss={popupCss()}\n      css={css()}\n    >\n      <span class={cx('trigger', local.size)} />\n    </Popover>\n  );\n}\n\ncustomElement<ColorPickerProps>(\n  'n-color-picker',\n  {\n    ...defaultProps,\n    value: void 0,\n    defaultValue: void 0,\n    onChange: void 0,\n    size: void 0,\n  },\n  (_, opts) => {\n    const el = opts.element;\n    const props = mergeProps(\n      {\n        onChange(val?: string) {\n          el.dispatchEvent(\n            new CustomEvent('change', {\n              detail: val,\n            }),\n          );\n        },\n        children: el.children,\n      },\n      _,\n    );\n\n    return <ColorPicker {...props} />;\n  },\n);\n\nexport default ColorPicker;\n"],"names":["createEffect","createMemo","createSignal","mergeProps","onMount","splitProps","untrack","cx","customElement","Popover","defaultProps","style","ColorPicker","props","local","others","color","setColor","defaultValue","handleChange","e","value","detail","onChange","popupCss","css","popupClass","size","_","opts","el","element","val","dispatchEvent","CustomEvent","children"],"mappings":"uiBAAA,QACEA,gBAAAA,CAAY,CACZC,cAAAA,CAAU,CACVC,gBAAAA,CAAY,CACZC,cAAAA,CAAU,CACVC,WAAAA,CAAO,CACPC,cAAAA,CAAU,CACVC,WAAAA,CAAO,KACF,UAAW,AAClB,QAASC,MAAAA,CAAE,KAAQ,aAAc,AACjC,QAASC,iBAAAA,CAAa,KAAQ,eAAgB,AAG9C,QAAOC,GAAWC,gBAAAA,CAAY,KAAQ,YAAa,AAEnD,QAASC,SAAAA,CAAK,KAAQ,SAAU,AAEhC,OAAO,kBAAmB,CAuB1B,SAASC,EAAYC,CAAuB,EAC1C,GAAM,CAACC,EAAOC,EAAO,CAAGV,EAAWQ,EAAO,CACxC,MACA,QACA,eACA,WACA,aACA,WACA,OACD,EACK,CAACG,EAAOC,EAAS,CAAGf,EAAiCY,EAAMI,YAAY,EAE7E,SAASC,EAAaC,CAAsB,EACtB,KAAK,IAArBN,EAAMO,KAAK,EACbJ,EAASG,EAAEE,MAAM,QAEnBR,EAAMS,QAAQ,EAAdT,EAAMS,QAAQ,MAAdT,EAAiBM,EAAEE,MAAM,CAC3B,CAEAlB,EAAQ,KACc,KAAK,IAArBU,EAAMO,KAAK,EAAeP,EAAMI,YAAY,EAC9CD,EAASH,EAAMI,YAAY,CAE/B,GACAlB,EAAa,KACS,KAAK,IAArBc,EAAMO,KAAK,EAAeP,EAAMO,KAAK,GAAKf,EAAQU,IACpDC,EAASH,EAAMO,KAAK,CAExB,GACA,IAAMG,EAAWvB,EACf,IAAM,CAAC,iDAAiD,EAAEa,EAAMU,QAAQ,EAAI,GAAG,CAAC,EAE5EC,EAAMxB,EAAW,IAAM,CAAC,EAAEU,EAASG,CAAAA,EAAMW,GAAG,EAAI,EAAC,EAAG,eAAe,EAAET,IAAQ,EAAE,CAAC,EAEtF,SACGP,IACKM,SACG,CAAA,0EAE6CI,+BAAnBH,oCACrBT,EAAG,eAAgBO,EAAMY,UAAU,yBACrCF,sBACLC,+CAEQlB,EAAG,UAAWO,EAAMa,IAAI,SAG3C,CAEAnB,EACE,iBACA,KACKE,GACHW,MAAO,KAAK,EACZH,aAAc,KAAK,EACnBK,SAAU,KAAK,EACfI,KAAM,KAAK,IAEb,CAACC,EAAGC,KACF,IAAMC,EAAKD,EAAKE,OAAO,CAevB,SAAQnB,EAdMT,EACZ,CACEoB,SAASS,CAAY,EACnBF,EAAGG,aAAa,CACd,IAAIC,YAAY,SAAU,CACxBZ,OAAQU,CACV,GAEJ,EACAG,SAAUL,EAAGK,QAAQ,AACvB,EACAP,GAIJ,EAGF,gBAAehB,CAAY"}

package/es/cron/README.mdx

@@ -0,0 +1,10 @@
+---
+type: 数据录入
+title: Cron表达式
+subtitle: n-cron
+icon: ⌛
+---
+
+import api from './api.md?raw';
+
+<n-md text={api} />

package/es/cron/begin-interval.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/cron/begin-interval.tsx"],"sourcesContent":["import { selectCss, selectPortalCss } from './style';\nimport type { CronData } from '.';\nimport type { BaseOption } from 'neko-ui';\n\ntype BeginIntervalProps = {\n  begin: CronData['begin'];\n  beginEvery: CronData['beginEvery'];\n  label: [JSX.Element, JSX.Element, JSX.Element];\n  beginOption: (string | number | BaseOption)[];\n  beginEveryOption: (string | number | BaseOption)[];\n  onChange(type: 'begin' | 'beginEvery', value: number): void;\n  validate(type: 'begin' | 'beginEvery', value: number): boolean;\n  disabled: boolean;\n};\n\nfunction BeginInterval(props: BeginIntervalProps) {\n  function onChange(\n    type: 'begin' | 'beginEvery',\n    e: CustomEvent<[val: number | string, item: BaseOption]>,\n  ) {\n    const [value] = e.detail;\n    const v = Number(value);\n\n    if (props.validate(type, v)) {\n      props.onChange(type, v);\n    }\n  }\n  return (\n    <>\n      {props.label[0]}\n      <n-select\n        value={props.begin}\n        onChange={onChange.bind(null, 'begin')}\n        options={props.beginOption}\n        disabled={props.disabled}\n        css={selectCss}\n        popup-css={selectPortalCss}\n        dropdown-match-select-width={false}\n        arrow={true}\n      />\n      {props.label[1]}\n      <n-select\n        value={props.beginEvery}\n        onChange={onChange.bind(null, 'beginEvery')}\n        options={props.beginEveryOption}\n        disabled={props.disabled}\n        css={selectCss}\n        popup-css={selectPortalCss}\n        dropdown-match-select-width={false}\n        arrow={true}\n      />\n      {props.label[2]}\n    </>\n  );\n}\n\nexport default BeginInterval;\n"],"names":["selectCss","selectPortalCss","props","onChange","type","e","value","detail","v","Number","validate","label","bind","beginOption","disabled","begin","beginEveryOption","beginEvery"],"mappings":"qOAAA,QAASA,aAAAA,CAAS,CAAEC,mBAAAA,CAAe,KAAQ,SAAU,AAwDrD,gBAzCA,SAAuBC,CAAyB,EAC9C,SAASC,EACPC,CAA4B,CAC5BC,CAAwD,EAExD,GAAM,CAACC,EAAM,CAAGD,EAAEE,MAAM,CAClBC,EAAIC,OAAOH,GAEbJ,EAAMQ,QAAQ,CAACN,EAAMI,IACvBN,EAAMC,QAAQ,CAACC,EAAMI,EAEzB,CACA,aAEKN,EAAMS,KAAK,CAAC,EAAE,sCAGHR,EAASS,IAAI,CAAC,KAAM,gBAGzBZ,aACMC,6BACkB,CAAA,UACtB,CAAA,4BALEC,EAAMW,WAAW,GAChBX,EAAMY,QAAQ,oHAHjBZ,EAAMa,KAAK,cASnBb,EAAMS,KAAK,CAAC,EAAE,sCAGHR,EAASS,IAAI,CAAC,KAAM,qBAGzBZ,aACMC,6BACkB,CAAA,UACtB,CAAA,4BALEC,EAAMc,gBAAgB,GACrBd,EAAMY,QAAQ,uHAHjBZ,EAAMe,UAAU,cASxBf,EAAMS,KAAK,CAAC,EAAE,EAGrB"}
+{"version":3,"sources":["../../components/cron/begin-interval.tsx"],"sourcesContent":["import type { BaseOption } from 'neko-ui';\n\nimport type { CronData } from '.';\nimport { selectCss, selectPortalCss } from './style';\n\ninterface BeginIntervalProps {\n  begin: CronData['begin'];\n  beginEvery: CronData['beginEvery'];\n  label: [JSX.Element, JSX.Element, JSX.Element];\n  beginOption: (string | number | BaseOption)[];\n  beginEveryOption: (string | number | BaseOption)[];\n  onChange(type: 'begin' | 'beginEvery', value: number): void;\n  validate(type: 'begin' | 'beginEvery', value: number): boolean;\n  disabled: boolean;\n}\n\nfunction BeginInterval(props: BeginIntervalProps) {\n  function onChange(\n    type: 'begin' | 'beginEvery',\n    e: CustomEvent<[val: number | string, item: BaseOption]>,\n  ) {\n    const [value] = e.detail;\n    const v = Number(value);\n\n    if (props.validate(type, v)) {\n      props.onChange(type, v);\n    }\n  }\n  return (\n    <>\n      {props.label[0]}\n      <n-select\n        value={props.begin}\n        onChange={onChange.bind(null, 'begin')}\n        options={props.beginOption}\n        disabled={props.disabled}\n        css={selectCss}\n        popup-css={selectPortalCss}\n        dropdown-match-select-width={false}\n        arrow={true}\n      />\n      {props.label[1]}\n      <n-select\n        value={props.beginEvery}\n        onChange={onChange.bind(null, 'beginEvery')}\n        options={props.beginEveryOption}\n        disabled={props.disabled}\n        css={selectCss}\n        popup-css={selectPortalCss}\n        dropdown-match-select-width={false}\n        arrow={true}\n      />\n      {props.label[2]}\n    </>\n  );\n}\n\nexport default BeginInterval;\n"],"names":["selectCss","selectPortalCss","props","onChange","type","e","value","detail","v","Number","validate","label","bind","beginOption","disabled","begin","beginEveryOption","beginEvery"],"mappings":"qOAGA,QAASA,aAAAA,CAAS,CAAEC,mBAAAA,CAAe,KAAQ,SAAU,AAsDrD,gBAzCA,SAAuBC,CAAyB,EAC9C,SAASC,EACPC,CAA4B,CAC5BC,CAAwD,EAExD,GAAM,CAACC,EAAM,CAAGD,EAAEE,MAAM,CAClBC,EAAIC,OAAOH,GAEbJ,EAAMQ,QAAQ,CAACN,EAAMI,IACvBN,EAAMC,QAAQ,CAACC,EAAMI,EAEzB,CACA,aAEKN,EAAMS,KAAK,CAAC,EAAE,sCAGHR,EAASS,IAAI,CAAC,KAAM,gBAGzBZ,aACMC,6BACkB,CAAA,UACtB,CAAA,4BALEC,EAAMW,WAAW,GAChBX,EAAMY,QAAQ,oHAHjBZ,EAAMa,KAAK,cASnBb,EAAMS,KAAK,CAAC,EAAE,sCAGHR,EAASS,IAAI,CAAC,KAAM,qBAGzBZ,aACMC,6BACkB,CAAA,UACtB,CAAA,4BALEC,EAAMc,gBAAgB,GACrBd,EAAMY,QAAQ,uHAHjBZ,EAAMe,UAAU,cASxBf,EAAMS,KAAK,CAAC,EAAE,EAGrB"}

package/es/cron/day.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/cron/day.tsx"],"sourcesContent":["import BeginInterval from './begin-interval';\nimport Item, { type CronItemProps } from './item';\nimport Period from './period';\nimport Some from './some';\nimport { selectCss, selectPortalCss } from './style';\nimport type { BaseOption } from 'neko-ui';\n\nfunction Day(props: Required<Omit<CronItemProps<'day'>, 'options'>>) {\n  const days: BaseOption[] = [];\n  const daysBeginEvery: number[] = [];\n\n  for (let x = 1; x < 32; x++) {\n    days.push({\n      label: x < 10 ? `0${x}` : `${x}`,\n      value: x,\n    });\n    daysBeginEvery.push(x);\n  }\n\n  const options = [\n    { value: '*', label: '每日' },\n    { value: '?', label: '不指定' },\n    {\n      value: 'period',\n      label: (\n        <Period\n          start={props.state.start}\n          end={props.state.end}\n          options={days}\n          disabled={props.state.type !== 'period'}\n          onChange={props.onChange}\n          validate={(_, v) => v >= 1 && v < 31}\n          label={['周期从', '到', '日']}\n        />\n      ),\n    },\n    {\n      value: 'beginInterval',\n      label: (\n        <BeginInterval\n          begin={props.state.begin}\n          beginEvery={props.state.beginEvery}\n          onChange={props.onChange}\n          beginOption={days}\n          beginEveryOption={daysBeginEvery}\n          disabled={props.state.type !== 'beginInterval'}\n          validate={(_, v) => v >= 1 && v <= 31}\n          label={['从', '日开始, 每', '天执行一次']}\n        />\n      ),\n    },\n    {\n      value: 'closeWorkDay',\n      label: (\n        <>\n          每月离\n          <n-select\n            value={props.state.closeWorkDay}\n            onChange={(e) => {\n              const [value] = e.detail;\n              const v = Number(value);\n\n              if (v >= 1 && v <= 31) {\n                props.onChange('closeWorkDay', v);\n              }\n            }}\n            options={days}\n            disabled={props.state.type !== 'closeWorkDay'}\n            css={selectCss}\n            popup-css={selectPortalCss}\n            dropdown-match-select-width={false}\n            arrow={true}\n          />\n          日最近的那个工作日\n        </>\n      ),\n    },\n    { value: 'last', label: '本月最后1天' },\n    {\n      value: 'some',\n      label: (\n        <Some\n          label=\"具体天数（至少选择一项）\"\n          value={props.state.some}\n          options={days}\n          type={props.state.type}\n          onChange={props.onChange}\n        />\n      ),\n    },\n  ];\n\n  return <Item state={props.state} options={options} onChange={props.onChange} />;\n}\n\nexport default Day;\n"],"names":["BeginInterval","Item","Period","Some","selectCss","selectPortalCss","props","days","daysBeginEvery","x","push","label","value","options","state","start","end","type","onChange","_","v","begin","beginEvery","e","detail","Number","closeWorkDay","some"],"mappings":"qNAAA,QAAOA,MAAmB,kBAAmB,AAC7C,QAAOC,MAAkC,QAAS,AAClD,QAAOC,MAAY,UAAW,AAC9B,QAAOC,MAAU,QAAS,AAC1B,QAASC,aAAAA,CAAS,CAAEC,mBAAAA,CAAe,KAAQ,SAAU,AA2FrD,gBAxFA,SAAaC,CAAsD,EACjE,IAAMC,EAAqB,EAAE,CACvBC,EAA2B,EAAE,CAEnC,IAAK,IAAIC,EAAI,EAAGA,EAAI,GAAIA,IACtBF,EAAKG,IAAI,CAAC,CACRC,MAAOF,EAAI,GAAK,CAAC,CAAC,EAAEA,EAAE,CAAC,CAAG,CAAC,EAAEA,EAAE,CAAC,CAChCG,MAAOH,CACT,GACAD,EAAeE,IAAI,CAACD,GAGtB,IAAMI,EAAU,CACd,CAAED,MAAO,IAAKD,MAAO,IAAK,EAC1B,CAAEC,MAAO,IAAKD,MAAO,KAAM,EAC3B,CACEC,MAAO,SACPD,KAAK,GACFT,sBACQI,EAAMQ,KAAK,CAACC,KAAK,mBACnBT,EAAMQ,KAAK,CAACE,GAAG,UACXT,uBACCD,AAAqB,WAArBA,EAAMQ,KAAK,CAACG,IAAI,wBAChBX,EAAMY,QAAQ,WACd,CAACC,EAAGC,IAAMA,GAAK,GAAKA,EAAI,SAC3B,CAAC,MAAO,IAAK,IAAI,EAG9B,EACA,CACER,MAAO,gBACPD,KAAK,GACFX,sBACQM,EAAMQ,KAAK,CAACO,KAAK,0BACZf,EAAMQ,KAAK,CAACQ,UAAU,wBACxBhB,EAAMY,QAAQ,cACXX,mBACKC,uBACRF,AAAqB,kBAArBA,EAAMQ,KAAK,CAACG,IAAI,WAChB,CAACE,EAAGC,IAAMA,GAAK,GAAKA,GAAK,SAC5B,CAAC,IAAK,SAAU,QAAQ,EAGrC,EACA,CACER,MAAO,eACPD,KAAK,2DAKW,AAACY,IACT,GAAM,CAACX,EAAM,CAAGW,EAAEC,MAAM,CAClBJ,EAAIK,OAAOb,GAEbQ,GAAK,GAAKA,GAAK,IACjBd,EAAMY,QAAQ,CAAC,eAAgBE,EAEnC,aACSb,QAEJH,aACMC,6BACkB,CAAA,UACtB,CAAA,iCAJGC,AAAqB,iBAArBA,EAAMQ,KAAK,CAACG,IAAI,gBAVnBX,EAAMQ,KAAK,CAACY,YAAY,oBAmBvC,EACA,CAAEd,MAAO,OAAQD,MAAO,QAAS,EACjC,CACEC,MAAO,OACPD,KAAK,GACFR,2CAEQG,EAAMQ,KAAK,CAACa,IAAI,UACdpB,oBACHD,EAAMQ,KAAK,CAACG,IAAI,wBACZX,EAAMY,QAAQ,GAG9B,EACD,CAED,SAAQjB,sBAAYK,EAAMQ,KAAK,UAAWD,wBAAmBP,EAAMY,QAAQ,GAC7E"}
+{"version":3,"sources":["../../components/cron/day.tsx"],"sourcesContent":["import type { BaseOption } from 'neko-ui';\n\nimport BeginInterval from './begin-interval';\nimport Item, { type CronItemProps } from './item';\nimport Period from './period';\nimport Some from './some';\nimport { selectCss, selectPortalCss } from './style';\n\nfunction Day(props: Required<Omit<CronItemProps<'day'>, 'options'>>) {\n  const days: BaseOption[] = [];\n  const daysBeginEvery: number[] = [];\n\n  for (let x = 1; x < 32; x++) {\n    days.push({\n      label: x < 10 ? `0${x}` : `${x}`,\n      value: x,\n    });\n    daysBeginEvery.push(x);\n  }\n\n  const options = [\n    { value: '*', label: '每日' },\n    { value: '?', label: '不指定' },\n    {\n      value: 'period',\n      label: (\n        <Period\n          start={props.state.start}\n          end={props.state.end}\n          options={days}\n          disabled={props.state.type !== 'period'}\n          onChange={props.onChange}\n          validate={(_, v) => v >= 1 && v < 31}\n          label={['周期从', '到', '日']}\n        />\n      ),\n    },\n    {\n      value: 'beginInterval',\n      label: (\n        <BeginInterval\n          begin={props.state.begin}\n          beginEvery={props.state.beginEvery}\n          onChange={props.onChange}\n          beginOption={days}\n          beginEveryOption={daysBeginEvery}\n          disabled={props.state.type !== 'beginInterval'}\n          validate={(_, v) => v >= 1 && v <= 31}\n          label={['从', '日开始, 每', '天执行一次']}\n        />\n      ),\n    },\n    {\n      value: 'closeWorkDay',\n      label: (\n        <>\n          每月离\n          <n-select\n            value={props.state.closeWorkDay}\n            onChange={(e) => {\n              const [value] = e.detail;\n              const v = Number(value);\n\n              if (v >= 1 && v <= 31) {\n                props.onChange('closeWorkDay', v);\n              }\n            }}\n            options={days}\n            disabled={props.state.type !== 'closeWorkDay'}\n            css={selectCss}\n            popup-css={selectPortalCss}\n            dropdown-match-select-width={false}\n            arrow={true}\n          />\n          日最近的那个工作日\n        </>\n      ),\n    },\n    { value: 'last', label: '本月最后1天' },\n    {\n      value: 'some',\n      label: (\n        <Some\n          label=\"具体天数（至少选择一项）\"\n          value={props.state.some}\n          options={days}\n          type={props.state.type}\n          onChange={props.onChange}\n        />\n      ),\n    },\n  ];\n\n  return <Item state={props.state} options={options} onChange={props.onChange} />;\n}\n\nexport default Day;\n"],"names":["BeginInterval","Item","Period","Some","selectCss","selectPortalCss","props","days","daysBeginEvery","x","push","label","value","options","state","start","end","type","onChange","_","v","begin","beginEvery","e","detail","Number","closeWorkDay","some"],"mappings":"qNAEA,QAAOA,MAAmB,kBAAmB,AAC7C,QAAOC,MAAkC,QAAS,AAClD,QAAOC,MAAY,UAAW,AAC9B,QAAOC,MAAU,QAAS,AAC1B,QAASC,aAAAA,CAAS,CAAEC,mBAAAA,CAAe,KAAQ,SAAU,AA0FrD,gBAxFA,SAAaC,CAAsD,EACjE,IAAMC,EAAqB,EAAE,CACvBC,EAA2B,EAAE,CAEnC,IAAK,IAAIC,EAAI,EAAGA,EAAI,GAAIA,IACtBF,EAAKG,IAAI,CAAC,CACRC,MAAOF,EAAI,GAAK,CAAC,CAAC,EAAEA,EAAE,CAAC,CAAG,CAAC,EAAEA,EAAE,CAAC,CAChCG,MAAOH,CACT,GACAD,EAAeE,IAAI,CAACD,GAGtB,IAAMI,EAAU,CACd,CAAED,MAAO,IAAKD,MAAO,IAAK,EAC1B,CAAEC,MAAO,IAAKD,MAAO,KAAM,EAC3B,CACEC,MAAO,SACPD,KAAK,GACFT,sBACQI,EAAMQ,KAAK,CAACC,KAAK,mBACnBT,EAAMQ,KAAK,CAACE,GAAG,UACXT,uBACCD,AAAqB,WAArBA,EAAMQ,KAAK,CAACG,IAAI,wBAChBX,EAAMY,QAAQ,WACd,CAACC,EAAGC,IAAMA,GAAK,GAAKA,EAAI,SAC3B,CAAC,MAAO,IAAK,IAAI,EAG9B,EACA,CACER,MAAO,gBACPD,KAAK,GACFX,sBACQM,EAAMQ,KAAK,CAACO,KAAK,0BACZf,EAAMQ,KAAK,CAACQ,UAAU,wBACxBhB,EAAMY,QAAQ,cACXX,mBACKC,uBACRF,AAAqB,kBAArBA,EAAMQ,KAAK,CAACG,IAAI,WAChB,CAACE,EAAGC,IAAMA,GAAK,GAAKA,GAAK,SAC5B,CAAC,IAAK,SAAU,QAAQ,EAGrC,EACA,CACER,MAAO,eACPD,KAAK,2DAKW,AAACY,IACT,GAAM,CAACX,EAAM,CAAGW,EAAEC,MAAM,CAClBJ,EAAIK,OAAOb,GAEbQ,GAAK,GAAKA,GAAK,IACjBd,EAAMY,QAAQ,CAAC,eAAgBE,EAEnC,aACSb,QAEJH,aACMC,6BACkB,CAAA,UACtB,CAAA,iCAJGC,AAAqB,iBAArBA,EAAMQ,KAAK,CAACG,IAAI,gBAVnBX,EAAMQ,KAAK,CAACY,YAAY,oBAmBvC,EACA,CAAEd,MAAO,OAAQD,MAAO,QAAS,EACjC,CACEC,MAAO,OACPD,KAAK,GACFR,2CAEQG,EAAMQ,KAAK,CAACa,IAAI,UACdpB,oBACHD,EAAMQ,KAAK,CAACG,IAAI,wBACZX,EAAMY,QAAQ,GAG9B,EACD,CAED,SAAQjB,sBAAYK,EAAMQ,KAAK,UAAWD,wBAAmBP,EAAMY,QAAQ,GAC7E"}

package/es/cron/examples/basic.md

@@ -0,0 +1,19 @@
+---
+title: 基本使用
+order: 1
+---
+
+```html
+<n-cron default-value="0-1 * 0-1 * * ? 2023/1"></n-cron>
+<script>
+  const el = container.querySelector('n-cron');
+
+  el.onchange = function (e) {
+    console.log(e.detail);
+  };
+</script>
+```
+
+```jsx
+<n-cron default-value="0-1 * 0-1 * * ? 2023/1" />
+```

package/es/cron/examples/card.md

@@ -0,0 +1,12 @@
+---
+title: 卡片式
+order: 3
+---
+
+```html
+<n-cron type="card" default-value="0-1 * 0-1 * * ? 2023/1"></n-cron>
+```
+
+```jsx
+<n-cron type="card" default-value="0-1 * 0-1 * * ? 2023/1" />
+```

package/es/cron/examples/show-cron.md

@@ -0,0 +1,12 @@
+---
+title: 是否显示 cron 表达式
+order: 2
+---
+
+```html
+<n-cron default-value="* * 0-1 * * ? 2023/1" show-cron="false"></n-cron>
+```
+
+```jsx
+<n-cron default-value="* * 0-1 * * ? 2023/1" show-cron={false} />
+```

package/es/cron/hour.js

@@ -1,2 +1,2 @@
-import"solid-js/web";import{createComponent as e}from"solid-js/web";import t from"./begin-interval";import r from"./item";import n from"./period";import a from"./some";import{hours as o}from"../date-picker/time";export default function(i){let l=[];for(let e=0;e<24;e++)l.push(`${e+1}`);let g=[{value:"*",label:"每小时"},{value:"period",label:e(n,{get start(){return i.state.start},get end(){return i.state.end},options:o,get disabled(){return"period"!==i.state.type},get onChange(){return i.onChange},validate:(e,t)=>"start"===e?t>=0&&t<23:t>0&&t<=23,label:["周期从","到","时"]})},{value:"beginInterval",label:e(t,{get begin(){return i.state.begin},get beginEvery(){return i.state.beginEvery},get onChange(){return i.onChange},beginOption:o,beginEveryOption:l,get disabled(){return"beginInterval"!==i.state.type},validate:(e,t)=>"begin"===e?t>=0&&t<=23:t>=1&&t<=24,label:["从","时开始, 每","小时执行一次"]})},{value:"some",label:e(a,{label:"具体小时数（至少选择一项）",get value(){return i.state.some},options:o,get type(){return i.state.type},get onChange(){return i.onChange}})}];return e(r,{options:g,get onChange(){return i.onChange},get state(){return i.state}})}
+import"solid-js/web";import{createComponent as e}from"solid-js/web";import{hours as t}from"../date-picker/time";import r from"./begin-interval";import n from"./item";import a from"./period";import o from"./some";export default function(i){let l=[];for(let e=0;e<24;e++)l.push(`${e+1}`);let g=[{value:"*",label:"每小时"},{value:"period",label:e(a,{get start(){return i.state.start},get end(){return i.state.end},options:t,get disabled(){return"period"!==i.state.type},get onChange(){return i.onChange},validate:(e,t)=>"start"===e?t>=0&&t<23:t>0&&t<=23,label:["周期从","到","时"]})},{value:"beginInterval",label:e(r,{get begin(){return i.state.begin},get beginEvery(){return i.state.beginEvery},get onChange(){return i.onChange},beginOption:t,beginEveryOption:l,get disabled(){return"beginInterval"!==i.state.type},validate:(e,t)=>"begin"===e?t>=0&&t<=23:t>=1&&t<=24,label:["从","时开始, 每","小时执行一次"]})},{value:"some",label:e(o,{label:"具体小时数（至少选择一项）",get value(){return i.state.some},options:t,get type(){return i.state.type},get onChange(){return i.onChange}})}];return e(n,{options:g,get onChange(){return i.onChange},get state(){return i.state}})}
 //# sourceMappingURL=hour.js.map

package/es/cron/hour.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/cron/hour.tsx"],"sourcesContent":["import BeginInterval from './begin-interval';\nimport Item, { type CronItemProps } from './item';\nimport Period from './period';\nimport Some from './some';\nimport { hours } from '../date-picker/time';\n\nfunction Hour(props: Required<Omit<CronItemProps<'hour'>, 'options'>>) {\n  const beginEvery: string[] = [];\n\n  for (let x = 0; x < 24; x++) {\n    beginEvery.push(`${x + 1}`);\n  }\n\n  const options = [\n    { value: '*', label: '每小时' },\n    {\n      value: 'period',\n      label: (\n        <Period\n          start={props.state.start}\n          end={props.state.end}\n          options={hours}\n          disabled={props.state.type !== 'period'}\n          onChange={props.onChange}\n          validate={(_, v) => (_ === 'start' ? v >= 0 && v < 23 : v > 0 && v <= 23)}\n          label={['周期从', '到', '时']}\n        />\n      ),\n    },\n    {\n      value: 'beginInterval',\n      label: (\n        <BeginInterval\n          begin={props.state.begin}\n          beginEvery={props.state.beginEvery}\n          onChange={props.onChange}\n          beginOption={hours}\n          beginEveryOption={beginEvery}\n          disabled={props.state.type !== 'beginInterval'}\n          validate={(_, v) => (_ === 'begin' ? v >= 0 && v <= 23 : v >= 1 && v <= 24)}\n          label={['从', '时开始, 每', '小时执行一次']}\n        />\n      ),\n    },\n    {\n      value: 'some',\n      label: (\n        <Some\n          label=\"具体小时数（至少选择一项）\"\n          value={props.state.some}\n          options={hours}\n          type={props.state.type}\n          onChange={props.onChange}\n        />\n      ),\n    },\n  ];\n\n  return <Item options={options} onChange={props.onChange} state={props.state} />;\n}\n\nexport default Hour;\n"],"names":["BeginInterval","Item","Period","Some","hours","props","beginEvery","x","push","options","value","label","state","start","end","type","onChange","_","v","begin","some"],"mappings":"mEAAA,QAAOA,MAAmB,kBAAmB,AAC7C,QAAOC,MAAkC,QAAS,AAClD,QAAOC,MAAY,UAAW,AAC9B,QAAOC,MAAU,QAAS,AAC1B,QAASC,SAAAA,CAAK,KAAQ,qBAAsB,AAyD5C,gBAvDA,SAAcC,CAAuD,EACnE,IAAMC,EAAuB,EAAE,CAE/B,IAAK,IAAIC,EAAI,EAAGA,EAAI,GAAIA,IACtBD,EAAWE,IAAI,CAAC,CAAC,EAAED,EAAI,EAAE,CAAC,EAG5B,IAAME,EAAU,CACd,CAAEC,MAAO,IAAKC,MAAO,KAAM,EAC3B,CACED,MAAO,SACPC,KAAK,GACFT,sBACQG,EAAMO,KAAK,CAACC,KAAK,mBACnBR,EAAMO,KAAK,CAACE,GAAG,UACXV,uBACCC,AAAqB,WAArBA,EAAMO,KAAK,CAACG,IAAI,wBAChBV,EAAMW,QAAQ,WACd,CAACC,EAAGC,IAAOD,AAAM,UAANA,EAAgBC,GAAK,GAAKA,EAAI,GAAKA,EAAI,GAAKA,GAAK,SAC/D,CAAC,MAAO,IAAK,IAAI,EAG9B,EACA,CACER,MAAO,gBACPC,KAAK,GACFX,sBACQK,EAAMO,KAAK,CAACO,KAAK,0BACZd,EAAMO,KAAK,CAACN,UAAU,wBACxBD,EAAMW,QAAQ,cACXZ,mBACKE,uBACRD,AAAqB,kBAArBA,EAAMO,KAAK,CAACG,IAAI,WAChB,CAACE,EAAGC,IAAOD,AAAM,UAANA,EAAgBC,GAAK,GAAKA,GAAK,GAAKA,GAAK,GAAKA,GAAK,SACjE,CAAC,IAAK,SAAU,SAAS,EAGtC,EACA,CACER,MAAO,OACPC,KAAK,GACFR,4CAEQE,EAAMO,KAAK,CAACQ,IAAI,UACdhB,oBACHC,EAAMO,KAAK,CAACG,IAAI,wBACZV,EAAMW,QAAQ,GAG9B,EACD,CAED,SAAQf,WAAcQ,wBAAmBJ,EAAMW,QAAQ,qBAASX,EAAMO,KAAK,GAC7E"}
+{"version":3,"sources":["../../components/cron/hour.tsx"],"sourcesContent":["import { hours } from '../date-picker/time';\n\nimport BeginInterval from './begin-interval';\nimport Item, { type CronItemProps } from './item';\nimport Period from './period';\nimport Some from './some';\n\nfunction Hour(props: Required<Omit<CronItemProps<'hour'>, 'options'>>) {\n  const beginEvery: string[] = [];\n\n  for (let x = 0; x < 24; x++) {\n    beginEvery.push(`${x + 1}`);\n  }\n\n  const options = [\n    { value: '*', label: '每小时' },\n    {\n      value: 'period',\n      label: (\n        <Period\n          start={props.state.start}\n          end={props.state.end}\n          options={hours}\n          disabled={props.state.type !== 'period'}\n          onChange={props.onChange}\n          validate={(_, v) => (_ === 'start' ? v >= 0 && v < 23 : v > 0 && v <= 23)}\n          label={['周期从', '到', '时']}\n        />\n      ),\n    },\n    {\n      value: 'beginInterval',\n      label: (\n        <BeginInterval\n          begin={props.state.begin}\n          beginEvery={props.state.beginEvery}\n          onChange={props.onChange}\n          beginOption={hours}\n          beginEveryOption={beginEvery}\n          disabled={props.state.type !== 'beginInterval'}\n          validate={(_, v) => (_ === 'begin' ? v >= 0 && v <= 23 : v >= 1 && v <= 24)}\n          label={['从', '时开始, 每', '小时执行一次']}\n        />\n      ),\n    },\n    {\n      value: 'some',\n      label: (\n        <Some\n          label=\"具体小时数（至少选择一项）\"\n          value={props.state.some}\n          options={hours}\n          type={props.state.type}\n          onChange={props.onChange}\n        />\n      ),\n    },\n  ];\n\n  return <Item options={options} onChange={props.onChange} state={props.state} />;\n}\n\nexport default Hour;\n"],"names":["hours","BeginInterval","Item","Period","Some","props","beginEvery","x","push","options","value","label","state","start","end","type","onChange","_","v","begin","some"],"mappings":"mEAAA,QAASA,SAAAA,CAAK,KAAQ,qBAAsB,AAE5C,QAAOC,MAAmB,kBAAmB,AAC7C,QAAOC,MAAkC,QAAS,AAClD,QAAOC,MAAY,UAAW,AAC9B,QAAOC,MAAU,QAAS,AAyD1B,gBAvDA,SAAcC,CAAuD,EACnE,IAAMC,EAAuB,EAAE,CAE/B,IAAK,IAAIC,EAAI,EAAGA,EAAI,GAAIA,IACtBD,EAAWE,IAAI,CAAC,CAAC,EAAED,EAAI,EAAE,CAAC,EAG5B,IAAME,EAAU,CACd,CAAEC,MAAO,IAAKC,MAAO,KAAM,EAC3B,CACED,MAAO,SACPC,KAAK,GACFR,sBACQE,EAAMO,KAAK,CAACC,KAAK,mBACnBR,EAAMO,KAAK,CAACE,GAAG,UACXd,uBACCK,AAAqB,WAArBA,EAAMO,KAAK,CAACG,IAAI,wBAChBV,EAAMW,QAAQ,WACd,CAACC,EAAGC,IAAOD,AAAM,UAANA,EAAgBC,GAAK,GAAKA,EAAI,GAAKA,EAAI,GAAKA,GAAK,SAC/D,CAAC,MAAO,IAAK,IAAI,EAG9B,EACA,CACER,MAAO,gBACPC,KAAK,GACFV,sBACQI,EAAMO,KAAK,CAACO,KAAK,0BACZd,EAAMO,KAAK,CAACN,UAAU,wBACxBD,EAAMW,QAAQ,cACXhB,mBACKM,uBACRD,AAAqB,kBAArBA,EAAMO,KAAK,CAACG,IAAI,WAChB,CAACE,EAAGC,IAAOD,AAAM,UAANA,EAAgBC,GAAK,GAAKA,GAAK,GAAKA,GAAK,GAAKA,GAAK,SACjE,CAAC,IAAK,SAAU,SAAS,EAGtC,EACA,CACER,MAAO,OACPC,KAAK,GACFP,4CAEQC,EAAMO,KAAK,CAACQ,IAAI,UACdpB,oBACHK,EAAMO,KAAK,CAACG,IAAI,wBACZV,EAAMW,QAAQ,GAG9B,EACD,CAED,SAAQd,WAAcO,wBAAmBJ,EAAMW,QAAQ,qBAASX,EAAMO,KAAK,GAC7E"}

package/es/cron/index.js

@@ -1,2 +1,2 @@
-function e(){return(e=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}import{template as t}from"solid-js/web";import{insert as r}from"solid-js/web";import{getOwner as n}from"solid-js/web";import{effect as a}from"solid-js/web";import{createComponent as o}from"solid-js/web";import{addEventListener as l}from"solid-js/web";let s=t("<style> "),u=t("<n-tabs>",!0,!1),i=t("<code>");import{Show as m,batch as p,createEffect as d,createSignal as y,mergeProps as c,splitProps as v,untrack as b}from"solid-js";import{css as g}from"@moneko/css";import{customElement as h}from"solid-element";import f from"./day";import w from"./hour";import $ from"./minute";import C from"./month";import k from"./second";import N from"./week";import j from"./year";import"../button";import"../input-number";import"../radio";import"../select";import"../tabs";function E(t){let[c]=v(t,["value","defaultValue","exclude","onChange","type","showCron","css","class"]),[h,E]=y(c.defaultValue),W=new Date().getFullYear(),D={hms:{start:0,end:1,begin:0,beginEvery:1,some:[0],value:""},mwd:{start:1,end:2,begin:1,beginEvery:1,some:[1],value:""},year:{start:W,end:W+1,begin:W,beginEvery:1,some:[W],value:""}},P=[],L=[];for(let e=1;e<32;e++)P.push({label:e<10?`0${e}`:`${e}`,value:e}),L.push(e);let[x,O]=y("second"),[V,I]=y({second:e({type:"*"},D.hms),minute:e({type:"*"},D.hms),hour:e({type:"*"},D.hms),day:e({type:"*",last:1,closeWorkDay:1},D.mwd),month:e({type:"*"},D.mwd),week:e({last:1,type:"?"},D.mwd),year:e({type:""},D.year)});function F(t,r){p(()=>{!function(){let t=b(V),r="day"===x();if(r||"week"===x()){let n=r?"week":"day",a="?"===t[n].type&&"?"===t[x()].type?"*":"?";a!==t[n].type&&I(t=>e({},t,{[n]:e({},t[n],{type:a})}))}}(),I(n=>{let a=e({},n[x()],{[t]:r});return("start"===t||"end"===t)&&a.end-a.start<=1&&("end"===t?a.start=r-1:a.end=r+1),e({},n,{[x()]:a})})})}function U(e){O(e.detail[0])}function Y(e,t){if(e.value.includes("-")){e.type="period";let t=e.value.split("-");e.start=Number(t[0]),e.end=Number(t[1])}else if(e.value.includes("W"))e.type="closeWorkDay",e.closeWorkDay=Number(e.value.split("W")[0])||1;else if(e.value.includes("L"))e.type="last",e.last=Number(e.value.split("L")[0])||1;else if(e.value.includes(t?"#":"/")){e.type="beginInterval";let r=e.value.split(t?"#":"/");t?(e.begin=Number(r[1]),e.beginEvery=Number(r[0])):(e.begin=Number(r[0]),e.beginEvery=Number(r[1]))}else e.value.includes(",")||/^[0-9]+$/.test(e.value)?(e.type="some",e.some=e.value.split(",").map(Number)):e.type=e.value;return e}function _(e){return"number"!=typeof e||isNaN(e)?e:`${e}`}function q(e,t){switch(e.type){case"period":return`${_(e.start)}-${_(e.end)}`;case"beginInterval":if(t)return`${_(e.beginEvery)}#${_(e.begin)}`;return`${_(e.begin)}/${_(e.beginEvery)}`;case"closeWorkDay":return`${_(e.closeWorkDay||1)}W`;case"last":return t?`${_(e.last)}L`:"L";case"some":return e.some.join(",");default:return e.type}}d(()=>{void 0!==c.value&&b(h)!==c.value&&E(c.value)}),d(()=>{let t=h();if(t){let r=t.toUpperCase().split(" ");p(()=>{I(t=>({second:Y(e({},t.second,{value:r[0]||"?"})),minute:Y(e({},t.minute,{value:r[1]||"?"})),hour:Y(e({},t.hour,{value:r[2]||"?"})),day:Y(e({},t.day,{value:r[3]||""})),month:Y(e({},t.month,{value:r[4]||""})),week:Y(e({},t.week,{value:r[5]||""}),!0),year:Y(e({},t.year,{value:r[6]||""}))}))})}}),d(()=>{let{second:e,minute:r,hour:n,day:a,month:o,week:l,year:s}=V(),u=`${q(e)} ${q(r)} ${q(n)} ${q(a)} ${q(o)} ${q(l,!0)} ${q(s)}`;E(e=>e===u?e:(null==t.onChange||t.onChange.call(t,u),u))});let z=[{value:"second",label:"秒",content:o(k,{get state(){return V().second},onChange:F})},{value:"minute",label:"分钟",content:o($,{get state(){return V().minute},onChange:F})},{value:"hour",label:"小时",content:o(w,{get state(){return V().hour},onChange:F})},{value:"day",label:"日",content:o(f,{get state(){return V().day},onChange:F})},{value:"week",label:"周",content:o(N,{get state(){return V().week},onChange:F})},{value:"month",label:"月",content:o(C,{get state(){return V().month},onChange:F})},{value:"year",label:"年",content:o(j,{get state(){return V().year},onChange:F})}];return[o(m,{get when(){return c.css},get children(){let e=s(),t=e.firstChild;return a(()=>t.data=g(c.css)),e}}),(()=>{let e=u();return l(e,"change",U),e.items=z,e._$owner=n(),a(()=>e.type=c.type),a(()=>e.value=x()),e})(),o(m,{get when(){return c.showCron},get children(){let e=i();return e.style.setProperty("width","100%"),e.style.setProperty("display","block"),e.style.setProperty("background","var(--component-bg)"),e.style.setProperty("border-radius","var(--border-radius)"),e.style.setProperty("text-align","center"),r(e,h),e}})]}h("n-cron",{value:void 0,defaultValue:"0 0 0 * * ? *",onChange:void 0,type:"line",exclude:[],showCron:!0},(e,t)=>{let r=t.element;return o(E,c({onChange(e){r.dispatchEvent(new CustomEvent("change",{detail:e}))}},e))});export default E;
+function e(){return(e=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}import{template as t}from"solid-js/web";import{insert as r}from"solid-js/web";import{getOwner as n}from"solid-js/web";import{effect as a}from"solid-js/web";import{createComponent as o}from"solid-js/web";import{addEventListener as l}from"solid-js/web";let s=t("<style> "),u=t("<n-tabs>",!0,!1),i=t("<code>");import{batch as m,createEffect as p,createSignal as d,mergeProps as y,Show as c,splitProps as v,untrack as b}from"solid-js";import{css as g}from"@moneko/css";import{customElement as h}from"solid-element";import f from"./day";import w from"./hour";import $ from"./minute";import C from"./month";import k from"./second";import N from"./week";import j from"./year";import"../button";import"../input-number";import"../radio";import"../select";import"../tabs";function E(t){let[y]=v(t,["value","defaultValue","exclude","onChange","type","showCron","css","class"]),[h,E]=d(y.defaultValue),W=new Date().getFullYear(),D={hms:{start:0,end:1,begin:0,beginEvery:1,some:[0],value:""},mwd:{start:1,end:2,begin:1,beginEvery:1,some:[1],value:""},year:{start:W,end:W+1,begin:W,beginEvery:1,some:[W],value:""}},P=[],L=[];for(let e=1;e<32;e++)P.push({label:e<10?`0${e}`:`${e}`,value:e}),L.push(e);let[x,O]=d("second"),[V,I]=d({second:e({type:"*"},D.hms),minute:e({type:"*"},D.hms),hour:e({type:"*"},D.hms),day:e({type:"*",last:1,closeWorkDay:1},D.mwd),month:e({type:"*"},D.mwd),week:e({last:1,type:"?"},D.mwd),year:e({type:""},D.year)});function F(t,r){m(()=>{!function(){let t=b(V),r="day"===x();if(r||"week"===x()){let n=r?"week":"day",a="?"===t[n].type&&"?"===t[x()].type?"*":"?";a!==t[n].type&&I(t=>e({},t,{[n]:e({},t[n],{type:a})}))}}(),I(n=>{let a=e({},n[x()],{[t]:r});return("start"===t||"end"===t)&&a.end-a.start<=1&&("end"===t?a.start=r-1:a.end=r+1),e({},n,{[x()]:a})})})}function U(e){O(e.detail[0])}function Y(e,t){if(e.value.includes("-")){e.type="period";let t=e.value.split("-");e.start=Number(t[0]),e.end=Number(t[1])}else if(e.value.includes("W"))e.type="closeWorkDay",e.closeWorkDay=Number(e.value.split("W")[0])||1;else if(e.value.includes("L"))e.type="last",e.last=Number(e.value.split("L")[0])||1;else if(e.value.includes(t?"#":"/")){e.type="beginInterval";let r=e.value.split(t?"#":"/");t?(e.begin=Number(r[1]),e.beginEvery=Number(r[0])):(e.begin=Number(r[0]),e.beginEvery=Number(r[1]))}else e.value.includes(",")||/^[0-9]+$/.test(e.value)?(e.type="some",e.some=e.value.split(",").map(Number)):e.type=e.value;return e}function _(e){return"number"!=typeof e||isNaN(e)?e:`${e}`}function q(e,t){switch(e.type){case"period":return`${_(e.start)}-${_(e.end)}`;case"beginInterval":if(t)return`${_(e.beginEvery)}#${_(e.begin)}`;return`${_(e.begin)}/${_(e.beginEvery)}`;case"closeWorkDay":return`${_(e.closeWorkDay||1)}W`;case"last":return t?`${_(e.last)}L`:"L";case"some":return e.some.join(",");default:return e.type}}p(()=>{void 0!==y.value&&b(h)!==y.value&&E(y.value)}),p(()=>{let t=h();if(t){let r=t.toUpperCase().split(" ");m(()=>{I(t=>({second:Y(e({},t.second,{value:r[0]||"?"})),minute:Y(e({},t.minute,{value:r[1]||"?"})),hour:Y(e({},t.hour,{value:r[2]||"?"})),day:Y(e({},t.day,{value:r[3]||""})),month:Y(e({},t.month,{value:r[4]||""})),week:Y(e({},t.week,{value:r[5]||""}),!0),year:Y(e({},t.year,{value:r[6]||""}))}))})}}),p(()=>{let{second:e,minute:r,hour:n,day:a,month:o,week:l,year:s}=V(),u=`${q(e)} ${q(r)} ${q(n)} ${q(a)} ${q(o)} ${q(l,!0)} ${q(s)}`;E(e=>e===u?e:(null==t.onChange||t.onChange.call(t,u),u))});let z=[{value:"second",label:"秒",content:o(k,{get state(){return V().second},onChange:F})},{value:"minute",label:"分钟",content:o($,{get state(){return V().minute},onChange:F})},{value:"hour",label:"小时",content:o(w,{get state(){return V().hour},onChange:F})},{value:"day",label:"日",content:o(f,{get state(){return V().day},onChange:F})},{value:"week",label:"周",content:o(N,{get state(){return V().week},onChange:F})},{value:"month",label:"月",content:o(C,{get state(){return V().month},onChange:F})},{value:"year",label:"年",content:o(j,{get state(){return V().year},onChange:F})}];return[o(c,{get when(){return y.css},get children(){let e=s(),t=e.firstChild;return a(()=>t.data=g(y.css)),e}}),(()=>{let e=u();return l(e,"change",U),e.items=z,e._$owner=n(),a(()=>e.type=y.type),a(()=>e.value=x()),e})(),o(c,{get when(){return y.showCron},get children(){let e=i();return e.style.setProperty("width","100%"),e.style.setProperty("display","block"),e.style.setProperty("background","var(--component-bg)"),e.style.setProperty("border-radius","var(--border-radius)"),e.style.setProperty("text-align","center"),r(e,h),e}})]}h("n-cron",{value:void 0,defaultValue:"0 0 0 * * ? *",onChange:void 0,type:"line",exclude:[],showCron:!0},(e,t)=>{let r=t.element;return o(E,y({onChange(e){r.dispatchEvent(new CustomEvent("change",{detail:e}))}},e))});export default E;
 //# sourceMappingURL=index.js.map