neko-ui 2.12.0 → 2.12.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- import{template as e}from"solid-js/web";import{spread as t}from"solid-js/web";import{setAttribute as r}from"solid-js/web";import{mergeProps as s}from"solid-js/web";import{getOwner as l}from"solid-js/web";import{effect as i}from"solid-js/web";import{createComponent as o}from"solid-js/web";let f=e("<style> "),n=e("<slot>"),p=e('<svg><filter filterUnits="objectBoundingBox" x="-5%" y="-5%" width="110%" height="110%"><feTurbulence type="fractalNoise" baseFrequency="0.45" numOctaves="1"></feTurbulence><feDisplacementMap in="SourceGraphic" scale="50">'),a=e("<style>");import{createEffect as m,createUniqueId as u,mergeProps as c,splitProps as d}from"solid-js";import{css as b}from"@moneko/css";import{customElement as y}from"solid-element";import{clearAttribute as h}from"../basic-config";import{inline as w}from"../theme";let g=e=>{let[o]=d(c({filterBlur:16},e),["class","css","filter","feTurbulence","feDisplacementMap","filterBlur"]),a=u();return[(()=>{let e=f(),t=e.firstChild;return i(()=>t.data=b(o.css)),e})(),(()=>{let e=n();return e.style.setProperty("display","block"),e.style.setProperty("width","100%"),e.style.setProperty("height","100%"),e.style.setProperty("border-radius","inherit"),e.style.setProperty("overflow","inherit"),e._$owner=l(),i(()=>(o.filterBlur,e.style.setProperty("backdrop-filter",`blur(${o.filterBlur}px) url(#${a})`))),e})(),(()=>{let e=p(),l=e.firstChild,i=l.firstChild,f=i.nextSibling;return e.style.setProperty("display","none"),r(l,"id",a),t(l,s(()=>o.filter),!0,!0),t(i,s(()=>o.feTurbulence),!0,!1),t(f,s(()=>o.feDisplacementMap),!0,!1),e})()]};g.registry=()=>{y("n-glass-panel",{class:void 0,css:void 0,filterBlur:void 0,filter:void 0,feTurbulence:void 0,feDisplacementMap:void 0},(e,t)=>{let r=t.element;return m(()=>{h(r,["css","filterBlur","filter","feTurbulence","feDisplacementMap"])}),[(()=>{let e=a();return e.textContent=w,e})(),o(g,e)]})};export default g;
1
+ import{template as e}from"solid-js/web";import{spread as r}from"solid-js/web";import{setAttribute as t}from"solid-js/web";import{mergeProps as l}from"solid-js/web";import{getOwner as i}from"solid-js/web";import{effect as s}from"solid-js/web";import{createComponent as o}from"solid-js/web";let f=e("<style>"),n=e("<style> "),p=e('<slot id="backdrop-slot">'),a=e('<svg><filter filterUnits="objectBoundingBox" x="-5%" y="-5%" width="110%" height="110%"><feTurbulence type="fractalNoise" baseFrequency="0.45" numOctaves="1"></feTurbulence><feDisplacementMap in="SourceGraphic" scale="50">');import{createEffect as u,createUniqueId as m,mergeProps as c,Show as d,splitProps as b}from"solid-js";import{css as h,cx as y}from"@moneko/css";import{customElement as w}from"solid-element";import{clearAttribute as g}from"../basic-config";import{inline as v}from"../theme";let B=e=>{let u=c({filterBlur:16},e),[w]=b(u,["css","filter","feTurbulence","feDisplacementMap","filterBlur"]),g=m(),v=h({"#backdrop-slot":{display:"block",width:"100%",height:"100%","border-radius":"inherit",overflow:"inherit"}});return[(()=>{let e=f();return e.textContent=v,e})(),o(d,{get when(){return u.css},get children(){let e=n(),r=e.firstChild;return s(()=>r.data=h(w.css)),e}}),(()=>{let e=p();return e._$owner=i(),s(()=>null!=y(!!w.filterBlur&&`blur(${w.filterBlur}px)`,`url(#${g})`)?e.style.setProperty("backdrop-filter",y(!!w.filterBlur&&`blur(${w.filterBlur}px)`,`url(#${g})`)):e.style.removeProperty("backdrop-filter")),e})(),(()=>{let e=a(),i=e.firstChild,s=i.firstChild,o=s.nextSibling;return e.style.setProperty("display","none"),t(i,"id",g),r(i,l(()=>w.filter),!0,!0),r(s,l(()=>w.feTurbulence),!0,!1),r(o,l(()=>w.feDisplacementMap),!0,!1),e})()]};B.registry=()=>{w("n-glass-panel",{class:void 0,css:void 0,filterBlur:void 0,filter:void 0,feTurbulence:void 0,feDisplacementMap:void 0},(e,r)=>{let t=r.element;return u(()=>{g(t,["css","filterBlur","filter","feTurbulence","feDisplacementMap"])}),[(()=>{let e=f();return e.textContent=v,e})(),o(B,e)]})};export default B;
@@ -1 +1 @@
1
- {"version":3,"sources":["components/glass-panel/index.tsx"],"sourcesContent":["import { createEffect, createUniqueId, JSX, mergeProps, splitProps } from 'solid-js';\nimport { css } from '@moneko/css';\nimport { customElement } from 'solid-element';\n\nimport type { CustomElement } from '..';\nimport { clearAttribute, type JSXElement } from '../basic-config';\nimport { inline } from '../theme';\n\nexport interface GlassPanelProps {\n /**\n * 子元素\n */\n children?: JSXElement;\n /**\n * 样式\n */\n css?: string;\n /**\n * 类名\n */\n class?: string;\n /**\n * 模糊值 (px)\n * @default 16\n */\n filterBlur?: number;\n filter?: Omit<JSX.FilterSVGAttributes<SVGFilterElement>, 'id'>;\n feTurbulence?: JSX.FeTurbulanceSVGAttributes<SVGFETurbulenceElement>;\n feDisplacementMap?: JSX.FeDisplacementMapSVGAttributes<SVGFEDisplacementMapElement>;\n}\n\nconst GlassPanel = (_: GlassPanelProps) => {\n const props = mergeProps({ filterBlur: 16 }, _);\n const [local] = splitProps(props, [\n 'class',\n 'css',\n 'filter',\n 'feTurbulence',\n 'feDisplacementMap',\n 'filterBlur',\n ]);\n const id = createUniqueId();\n\n return (\n <>\n <style textContent={css(local.css)} />\n <slot\n style={{\n display: 'block',\n width: '100%',\n height: '100%',\n 'backdrop-filter': `blur(${local.filterBlur}px) url(#${id})`,\n 'border-radius': 'inherit',\n overflow: 'inherit',\n }}\n />\n <svg style={{ display: 'none' }}>\n <filter\n id={id}\n filterUnits=\"objectBoundingBox\"\n x=\"-5%\"\n y=\"-5%\"\n width=\"110%\"\n height=\"110%\"\n {...local.filter}\n >\n <feTurbulence\n type=\"fractalNoise\"\n baseFrequency=\"0.45\"\n numOctaves=\"1\"\n {...local.feTurbulence}\n />\n <feDisplacementMap in=\"SourceGraphic\" scale=\"50\" {...local.feDisplacementMap} />\n </filter>\n </svg>\n </>\n );\n};\n\nexport type GlassPanelElement = CustomElement<GlassPanelProps>;\n\nGlassPanel.registry = () => {\n customElement<GlassPanelProps>(\n 'n-glass-panel',\n {\n class: void 0,\n css: void 0,\n filterBlur: void 0,\n filter: void 0,\n feTurbulence: void 0,\n feDisplacementMap: void 0,\n },\n (props, opt) => {\n const el = opt.element;\n\n createEffect(() => {\n clearAttribute(el, ['css', 'filterBlur', 'filter', 'feTurbulence', 'feDisplacementMap']);\n });\n return (\n <>\n <style textContent={inline} />\n <GlassPanel {...props} />\n </>\n );\n },\n );\n};\n\nexport default GlassPanel;\n"],"names":["createEffect","createUniqueId","mergeProps","splitProps","css","customElement","clearAttribute","inline","GlassPanel","_","local","filterBlur","id","filter","feTurbulence","feDisplacementMap","registry","class","props","opt","el","element"],"mappings":"ujBAAA,QAASA,gBAAAA,CAAY,CAAEC,kBAAAA,CAAc,CAAOC,cAAAA,CAAU,CAAEC,cAAAA,CAAU,KAAQ,UAAW,AACrF,QAASC,OAAAA,CAAG,KAAQ,aAAc,AAClC,QAASC,iBAAAA,CAAa,KAAQ,eAAgB,AAG9C,QAASC,kBAAAA,CAAc,KAAyB,iBAAkB,AAClE,QAASC,UAAAA,CAAM,KAAQ,UAAW,CAyBlC,IAAMC,EAAa,AAACC,IAElB,GAAM,CAACC,EAAM,CAAGP,EADFD,EAAW,CAAES,WAAY,EAAG,EAAGF,GACX,CAChC,QACA,MACA,SACA,eACA,oBACA,aACD,EACKG,EAAKX,IAEX,0DAEwBG,EAAIM,EAAMN,GAAG,8PAMFM,EAAMC,UAAU,uCAAxB,CAAC,KAAK,EAAED,EAAMC,UAAU,CAAC,SAAS,EAAEC,EAAG,CAAC,CAAC,8HAOxDA,aAMAF,EAAMG,MAAM,mBAMVH,EAAMI,YAAY,mBAE6BJ,EAAMK,iBAAiB,eAKtF,CAIAP,CAAAA,EAAWQ,QAAQ,CAAG,KACpBX,EACE,gBACA,CACEY,MAAO,KAAK,EACZb,IAAK,KAAK,EACVO,WAAY,KAAK,EACjBE,OAAQ,KAAK,EACbC,aAAc,KAAK,EACnBC,kBAAmB,KAAK,CAC1B,EACA,CAACG,EAAOC,KACN,IAAMC,EAAKD,EAAIE,OAAO,CAKtB,OAHArB,EAAa,KACXM,EAAec,EAAI,CAAC,MAAO,aAAc,SAAU,eAAgB,oBAAoB,CACzF,yCAGwBb,UACnBC,EAAeU,GAGtB,EAEJ,CAEA,gBAAeV,CAAW"}
1
+ {"version":3,"sources":["components/glass-panel/index.tsx"],"sourcesContent":["import { createEffect, createUniqueId, JSX, mergeProps, Show, splitProps } from 'solid-js';\nimport { css, cx } from '@moneko/css';\nimport { customElement } from 'solid-element';\n\nimport type { CustomElement } from '..';\nimport { clearAttribute, type JSXElement } from '../basic-config';\nimport { inline } from '../theme';\n\nexport interface GlassPanelProps {\n /**\n * 子元素\n */\n children?: JSXElement;\n /**\n * 样式\n */\n css?: string;\n /**\n * 类名\n */\n class?: string;\n /**\n * 模糊值 (px)\n * @default 16\n */\n filterBlur?: number;\n filter?: Omit<JSX.FilterSVGAttributes<SVGFilterElement>, 'id'>;\n feTurbulence?: JSX.FeTurbulanceSVGAttributes<SVGFETurbulenceElement>;\n feDisplacementMap?: JSX.FeDisplacementMapSVGAttributes<SVGFEDisplacementMapElement>;\n}\n\nconst GlassPanel = (_: GlassPanelProps) => {\n const props = mergeProps({ filterBlur: 16 }, _);\n const [local] = splitProps(props, [\n 'css',\n 'filter',\n 'feTurbulence',\n 'feDisplacementMap',\n 'filterBlur',\n ]);\n const id = createUniqueId();\n const baseCss = css({\n '#backdrop-slot': {\n display: 'block',\n width: '100%',\n height: '100%',\n 'border-radius': 'inherit',\n overflow: 'inherit',\n },\n });\n\n return (\n <>\n <style textContent={baseCss} />\n <Show when={props.css}>\n <style textContent={css(local.css)} />\n </Show>\n <slot\n id=\"backdrop-slot\"\n style={{\n 'backdrop-filter': cx(!!local.filterBlur && `blur(${local.filterBlur}px)`, `url(#${id})`),\n }}\n />\n <svg style={{ display: 'none' }}>\n <filter\n id={id}\n filterUnits=\"objectBoundingBox\"\n x=\"-5%\"\n y=\"-5%\"\n width=\"110%\"\n height=\"110%\"\n {...local.filter}\n >\n <feTurbulence\n type=\"fractalNoise\"\n baseFrequency=\"0.45\"\n numOctaves=\"1\"\n {...local.feTurbulence}\n />\n <feDisplacementMap in=\"SourceGraphic\" scale=\"50\" {...local.feDisplacementMap} />\n </filter>\n </svg>\n </>\n );\n};\n\nexport type GlassPanelElement = CustomElement<GlassPanelProps>;\n\nGlassPanel.registry = () => {\n customElement<GlassPanelProps>(\n 'n-glass-panel',\n {\n class: void 0,\n css: void 0,\n filterBlur: void 0,\n filter: void 0,\n feTurbulence: void 0,\n feDisplacementMap: void 0,\n },\n (props, opt) => {\n const el = opt.element;\n\n createEffect(() => {\n clearAttribute(el, ['css', 'filterBlur', 'filter', 'feTurbulence', 'feDisplacementMap']);\n });\n return (\n <>\n <style textContent={inline} />\n <GlassPanel {...props} />\n </>\n );\n },\n );\n};\n\nexport default GlassPanel;\n"],"names":["createEffect","createUniqueId","mergeProps","Show","splitProps","css","cx","customElement","clearAttribute","inline","GlassPanel","_","props","filterBlur","local","id","baseCss","display","width","height","overflow","filter","feTurbulence","feDisplacementMap","registry","class","opt","el","element"],"mappings":"0kBAAA,QAASA,gBAAAA,CAAY,CAAEC,kBAAAA,CAAc,CAAOC,cAAAA,CAAU,CAAEC,QAAAA,CAAI,CAAEC,cAAAA,CAAU,KAAQ,UAAW,AAC3F,QAASC,OAAAA,CAAG,CAAEC,MAAAA,CAAE,KAAQ,aAAc,AACtC,QAASC,iBAAAA,CAAa,KAAQ,eAAgB,AAG9C,QAASC,kBAAAA,CAAc,KAAyB,iBAAkB,AAClE,QAASC,UAAAA,CAAM,KAAQ,UAAW,CAyBlC,IAAMC,EAAa,AAACC,IAClB,IAAMC,EAAQV,EAAW,CAAEW,WAAY,EAAG,EAAGF,GACvC,CAACG,EAAM,CAAGV,EAAWQ,EAAO,CAChC,MACA,SACA,eACA,oBACA,aACD,EACKG,EAAKd,IACLe,EAAUX,EAAI,CAClB,iBAAkB,CAChBY,QAAS,QACTC,MAAO,OACPC,OAAQ,OACR,gBAAiB,UACjBC,SAAU,SACZ,CACF,GAEA,4CAEwBJ,UACnBb,qBAAWS,EAAMP,GAAG,8DACCA,EAAIS,EAAMT,GAAG,yDAKZC,EAAG,CAAC,CAACQ,EAAMD,UAAU,EAAI,CAAC,KAAK,EAAEC,EAAMD,UAAU,CAAC,GAAG,CAAC,CAAE,CAAC,KAAK,EAAEE,EAAG,CAAC,CAAC,wCAArET,EAAG,CAAC,CAACQ,EAAMD,UAAU,EAAI,CAAC,KAAK,EAAEC,EAAMD,UAAU,CAAC,GAAG,CAAC,CAAE,CAAC,KAAK,EAAEE,EAAG,CAAC,CAAC,wKAKpFA,aAMAD,EAAMO,MAAM,mBAMVP,EAAMQ,YAAY,mBAE6BR,EAAMS,iBAAiB,eAKtF,CAIAb,CAAAA,EAAWc,QAAQ,CAAG,KACpBjB,EACE,gBACA,CACEkB,MAAO,KAAK,EACZpB,IAAK,KAAK,EACVQ,WAAY,KAAK,EACjBQ,OAAQ,KAAK,EACbC,aAAc,KAAK,EACnBC,kBAAmB,KAAK,CAC1B,EACA,CAACX,EAAOc,KACN,IAAMC,EAAKD,EAAIE,OAAO,CAKtB,OAHA5B,EAAa,KACXQ,EAAemB,EAAI,CAAC,MAAO,aAAc,SAAU,eAAgB,oBAAoB,CACzF,yCAGwBlB,UACnBC,EAAeE,GAGtB,EAEJ,CAEA,gBAAeF,CAAW"}
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return a}});const e=require("solid-js/web"),t=require("solid-js"),r=require("@moneko/css"),l=require("solid-element"),s=require("../basic-config"),i=require("../theme"),n=(0,e.template)("<style> "),o=(0,e.template)("<slot>"),u=(0,e.template)('<svg><filter filterUnits="objectBoundingBox" x="-5%" y="-5%" width="110%" height="110%"><feTurbulence type="fractalNoise" baseFrequency="0.45" numOctaves="1"></feTurbulence><feDisplacementMap in="SourceGraphic" scale="50">'),c=(0,e.template)("<style>"),p=l=>{let s=(0,t.mergeProps)({filterBlur:16},l),[i]=(0,t.splitProps)(s,["class","css","filter","feTurbulence","feDisplacementMap","filterBlur"]),c=(0,t.createUniqueId)();return[(()=>{let t=n(),l=t.firstChild;return(0,e.effect)(()=>l.data=(0,r.css)(i.css)),t})(),(()=>{let t=o();return t.style.setProperty("display","block"),t.style.setProperty("width","100%"),t.style.setProperty("height","100%"),t.style.setProperty("border-radius","inherit"),t.style.setProperty("overflow","inherit"),t._$owner=(0,e.getOwner)(),(0,e.effect)(()=>(i.filterBlur,t.style.setProperty("backdrop-filter",`blur(${i.filterBlur}px) url(#${c})`))),t})(),(()=>{let t=u(),r=t.firstChild,l=r.firstChild,s=l.nextSibling;return t.style.setProperty("display","none"),(0,e.setAttribute)(r,"id",c),(0,e.spread)(r,(0,e.mergeProps)(()=>i.filter),!0,!0),(0,e.spread)(l,(0,e.mergeProps)(()=>i.feTurbulence),!0,!1),(0,e.spread)(s,(0,e.mergeProps)(()=>i.feDisplacementMap),!0,!1),t})()]};p.registry=()=>{(0,l.customElement)("n-glass-panel",{class:void 0,css:void 0,filterBlur:void 0,filter:void 0,feTurbulence:void 0,feDisplacementMap:void 0},(r,l)=>{let n=l.element;return(0,t.createEffect)(()=>{(0,s.clearAttribute)(n,["css","filterBlur","filter","feTurbulence","feDisplacementMap"])}),[(()=>{let e=c();return e.textContent=i.inline,e})(),(0,e.createComponent)(p,r)]})};const a=p;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return f}});const e=require("solid-js/web"),t=require("solid-js"),r=require("@moneko/css"),l=require("solid-element"),i=require("../basic-config"),s=require("../theme"),n=(0,e.template)("<style>"),o=(0,e.template)("<style> "),u=(0,e.template)('<slot id="backdrop-slot">'),c=(0,e.template)('<svg><filter filterUnits="objectBoundingBox" x="-5%" y="-5%" width="110%" height="110%"><feTurbulence type="fractalNoise" baseFrequency="0.45" numOctaves="1"></feTurbulence><feDisplacementMap in="SourceGraphic" scale="50">'),a=l=>{let i=(0,t.mergeProps)({filterBlur:16},l),[s]=(0,t.splitProps)(i,["css","filter","feTurbulence","feDisplacementMap","filterBlur"]),a=(0,t.createUniqueId)(),f=(0,r.css)({"#backdrop-slot":{display:"block",width:"100%",height:"100%","border-radius":"inherit",overflow:"inherit"}});return[(()=>{let e=n();return e.textContent=f,e})(),(0,e.createComponent)(t.Show,{get when(){return i.css},get children(){let t=o(),l=t.firstChild;return(0,e.effect)(()=>l.data=(0,r.css)(s.css)),t}}),(()=>{let t=u();return t._$owner=(0,e.getOwner)(),(0,e.effect)(()=>null!=(0,r.cx)(!!s.filterBlur&&`blur(${s.filterBlur}px)`,`url(#${a})`)?t.style.setProperty("backdrop-filter",(0,r.cx)(!!s.filterBlur&&`blur(${s.filterBlur}px)`,`url(#${a})`)):t.style.removeProperty("backdrop-filter")),t})(),(()=>{let t=c(),r=t.firstChild,l=r.firstChild,i=l.nextSibling;return t.style.setProperty("display","none"),(0,e.setAttribute)(r,"id",a),(0,e.spread)(r,(0,e.mergeProps)(()=>s.filter),!0,!0),(0,e.spread)(l,(0,e.mergeProps)(()=>s.feTurbulence),!0,!1),(0,e.spread)(i,(0,e.mergeProps)(()=>s.feDisplacementMap),!0,!1),t})()]};a.registry=()=>{(0,l.customElement)("n-glass-panel",{class:void 0,css:void 0,filterBlur:void 0,filter:void 0,feTurbulence:void 0,feDisplacementMap:void 0},(r,l)=>{let o=l.element;return(0,t.createEffect)(()=>{(0,i.clearAttribute)(o,["css","filterBlur","filter","feTurbulence","feDisplacementMap"])}),[(()=>{let e=n();return e.textContent=s.inline,e})(),(0,e.createComponent)(a,r)]})};const f=a;
@@ -1 +1 @@
1
- {"version":3,"sources":["components/glass-panel/index.tsx"],"sourcesContent":["import { createEffect, createUniqueId, JSX, mergeProps, splitProps } from 'solid-js';\nimport { css } from '@moneko/css';\nimport { customElement } from 'solid-element';\n\nimport type { CustomElement } from '..';\nimport { clearAttribute, type JSXElement } from '../basic-config';\nimport { inline } from '../theme';\n\nexport interface GlassPanelProps {\n /**\n * 子元素\n */\n children?: JSXElement;\n /**\n * 样式\n */\n css?: string;\n /**\n * 类名\n */\n class?: string;\n /**\n * 模糊值 (px)\n * @default 16\n */\n filterBlur?: number;\n filter?: Omit<JSX.FilterSVGAttributes<SVGFilterElement>, 'id'>;\n feTurbulence?: JSX.FeTurbulanceSVGAttributes<SVGFETurbulenceElement>;\n feDisplacementMap?: JSX.FeDisplacementMapSVGAttributes<SVGFEDisplacementMapElement>;\n}\n\nconst GlassPanel = (_: GlassPanelProps) => {\n const props = mergeProps({ filterBlur: 16 }, _);\n const [local] = splitProps(props, [\n 'class',\n 'css',\n 'filter',\n 'feTurbulence',\n 'feDisplacementMap',\n 'filterBlur',\n ]);\n const id = createUniqueId();\n\n return (\n <>\n <style textContent={css(local.css)} />\n <slot\n style={{\n display: 'block',\n width: '100%',\n height: '100%',\n 'backdrop-filter': `blur(${local.filterBlur}px) url(#${id})`,\n 'border-radius': 'inherit',\n overflow: 'inherit',\n }}\n />\n <svg style={{ display: 'none' }}>\n <filter\n id={id}\n filterUnits=\"objectBoundingBox\"\n x=\"-5%\"\n y=\"-5%\"\n width=\"110%\"\n height=\"110%\"\n {...local.filter}\n >\n <feTurbulence\n type=\"fractalNoise\"\n baseFrequency=\"0.45\"\n numOctaves=\"1\"\n {...local.feTurbulence}\n />\n <feDisplacementMap in=\"SourceGraphic\" scale=\"50\" {...local.feDisplacementMap} />\n </filter>\n </svg>\n </>\n );\n};\n\nexport type GlassPanelElement = CustomElement<GlassPanelProps>;\n\nGlassPanel.registry = () => {\n customElement<GlassPanelProps>(\n 'n-glass-panel',\n {\n class: void 0,\n css: void 0,\n filterBlur: void 0,\n filter: void 0,\n feTurbulence: void 0,\n feDisplacementMap: void 0,\n },\n (props, opt) => {\n const el = opt.element;\n\n createEffect(() => {\n clearAttribute(el, ['css', 'filterBlur', 'filter', 'feTurbulence', 'feDisplacementMap']);\n });\n return (\n <>\n <style textContent={inline} />\n <GlassPanel {...props} />\n </>\n );\n },\n );\n};\n\nexport default GlassPanel;\n"],"names":["GlassPanel","_","props","mergeProps","filterBlur","local","splitProps","id","createUniqueId","css","filter","feTurbulence","feDisplacementMap","registry","customElement","class","opt","el","element","createEffect","clearAttribute","inline"],"mappings":"kGA4GA,+CAAA,+CA5G0E,sBACtD,yBACU,2BAGkB,6BACzB,mVAyBjBA,EAAa,AAACC,IAClB,IAAMC,EAAQC,GAAAA,YAAU,EAAC,CAAEC,WAAY,EAAG,EAAGH,GACvC,CAACI,EAAM,CAAGC,GAAAA,YAAU,EAACJ,EAAO,CAChC,QACA,MACA,SACA,eACA,oBACA,aACD,EACKK,EAAKC,GAAAA,gBAAc,IAEzB,oEAEwBC,GAAAA,KAAG,EAACJ,EAAMI,GAAG,sRAMFJ,EAAMD,UAAU,uCAAxB,CAAC,KAAK,EAAEC,EAAMD,UAAU,CAAC,SAAS,EAAEG,EAAG,CAAC,CAAC,+IAOxDA,uCAMAF,EAAMK,MAAM,6CAMVL,EAAMM,YAAY,6CAE6BN,EAAMO,iBAAiB,eAKtF,CAIAZ,CAAAA,EAAWa,QAAQ,CAAG,KACpBC,GAAAA,eAAa,EACX,gBACA,CACEC,MAAO,KAAK,EACZN,IAAK,KAAK,EACVL,WAAY,KAAK,EACjBM,OAAQ,KAAK,EACbC,aAAc,KAAK,EACnBC,kBAAmB,KAAK,CAC1B,EACA,CAACV,EAAOc,KACN,IAAMC,EAAKD,EAAIE,OAAO,CAKtB,MAHAC,GAAAA,cAAY,EAAC,KACXC,GAAAA,gBAAc,EAACH,EAAI,CAAC,MAAO,aAAc,SAAU,eAAgB,oBAAoB,CACzF,yCAGwBI,QAAM,6BACzBrB,EAAeE,GAGtB,EAEJ,QAEA,EAAeF"}
1
+ {"version":3,"sources":["components/glass-panel/index.tsx"],"sourcesContent":["import { createEffect, createUniqueId, JSX, mergeProps, Show, splitProps } from 'solid-js';\nimport { css, cx } from '@moneko/css';\nimport { customElement } from 'solid-element';\n\nimport type { CustomElement } from '..';\nimport { clearAttribute, type JSXElement } from '../basic-config';\nimport { inline } from '../theme';\n\nexport interface GlassPanelProps {\n /**\n * 子元素\n */\n children?: JSXElement;\n /**\n * 样式\n */\n css?: string;\n /**\n * 类名\n */\n class?: string;\n /**\n * 模糊值 (px)\n * @default 16\n */\n filterBlur?: number;\n filter?: Omit<JSX.FilterSVGAttributes<SVGFilterElement>, 'id'>;\n feTurbulence?: JSX.FeTurbulanceSVGAttributes<SVGFETurbulenceElement>;\n feDisplacementMap?: JSX.FeDisplacementMapSVGAttributes<SVGFEDisplacementMapElement>;\n}\n\nconst GlassPanel = (_: GlassPanelProps) => {\n const props = mergeProps({ filterBlur: 16 }, _);\n const [local] = splitProps(props, [\n 'css',\n 'filter',\n 'feTurbulence',\n 'feDisplacementMap',\n 'filterBlur',\n ]);\n const id = createUniqueId();\n const baseCss = css({\n '#backdrop-slot': {\n display: 'block',\n width: '100%',\n height: '100%',\n 'border-radius': 'inherit',\n overflow: 'inherit',\n },\n });\n\n return (\n <>\n <style textContent={baseCss} />\n <Show when={props.css}>\n <style textContent={css(local.css)} />\n </Show>\n <slot\n id=\"backdrop-slot\"\n style={{\n 'backdrop-filter': cx(!!local.filterBlur && `blur(${local.filterBlur}px)`, `url(#${id})`),\n }}\n />\n <svg style={{ display: 'none' }}>\n <filter\n id={id}\n filterUnits=\"objectBoundingBox\"\n x=\"-5%\"\n y=\"-5%\"\n width=\"110%\"\n height=\"110%\"\n {...local.filter}\n >\n <feTurbulence\n type=\"fractalNoise\"\n baseFrequency=\"0.45\"\n numOctaves=\"1\"\n {...local.feTurbulence}\n />\n <feDisplacementMap in=\"SourceGraphic\" scale=\"50\" {...local.feDisplacementMap} />\n </filter>\n </svg>\n </>\n );\n};\n\nexport type GlassPanelElement = CustomElement<GlassPanelProps>;\n\nGlassPanel.registry = () => {\n customElement<GlassPanelProps>(\n 'n-glass-panel',\n {\n class: void 0,\n css: void 0,\n filterBlur: void 0,\n filter: void 0,\n feTurbulence: void 0,\n feDisplacementMap: void 0,\n },\n (props, opt) => {\n const el = opt.element;\n\n createEffect(() => {\n clearAttribute(el, ['css', 'filterBlur', 'filter', 'feTurbulence', 'feDisplacementMap']);\n });\n return (\n <>\n <style textContent={inline} />\n <GlassPanel {...props} />\n </>\n );\n },\n );\n};\n\nexport default GlassPanel;\n"],"names":["GlassPanel","_","props","mergeProps","filterBlur","local","splitProps","id","createUniqueId","baseCss","css","display","width","height","overflow","Show","cx","filter","feTurbulence","feDisplacementMap","registry","customElement","class","opt","el","element","createEffect","clearAttribute","inline"],"mappings":"kGAmHA,+CAAA,+CAnHgF,sBACxD,yBACM,2BAGkB,6BACzB,sWAyBjBA,EAAa,AAACC,IAClB,IAAMC,EAAQC,GAAAA,YAAU,EAAC,CAAEC,WAAY,EAAG,EAAGH,GACvC,CAACI,EAAM,CAAGC,GAAAA,YAAU,EAACJ,EAAO,CAChC,MACA,SACA,eACA,oBACA,aACD,EACKK,EAAKC,GAAAA,gBAAc,IACnBC,EAAUC,GAAAA,KAAG,EAAC,CAClB,iBAAkB,CAChBC,QAAS,QACTC,MAAO,OACPC,OAAQ,OACR,gBAAiB,UACjBC,SAAU,SACZ,CACF,GAEA,4CAEwBL,8BACnBM,MAAI,oBAAOb,EAAMQ,GAAG,wEACCA,GAAAA,KAAG,EAACL,EAAMK,GAAG,iFAKZM,GAAAA,IAAE,EAAC,CAAC,CAACX,EAAMD,UAAU,EAAI,CAAC,KAAK,EAAEC,EAAMD,UAAU,CAAC,GAAG,CAAC,CAAE,CAAC,KAAK,EAAEG,EAAG,CAAC,CAAC,wCAArES,GAAAA,IAAE,EAAC,CAAC,CAACX,EAAMD,UAAU,EAAI,CAAC,KAAK,EAAEC,EAAMD,UAAU,CAAC,GAAG,CAAC,CAAE,CAAC,KAAK,EAAEG,EAAG,CAAC,CAAC,yLAKpFA,uCAMAF,EAAMY,MAAM,6CAMVZ,EAAMa,YAAY,6CAE6Bb,EAAMc,iBAAiB,eAKtF,CAIAnB,CAAAA,EAAWoB,QAAQ,CAAG,KACpBC,GAAAA,eAAa,EACX,gBACA,CACEC,MAAO,KAAK,EACZZ,IAAK,KAAK,EACVN,WAAY,KAAK,EACjBa,OAAQ,KAAK,EACbC,aAAc,KAAK,EACnBC,kBAAmB,KAAK,CAC1B,EACA,CAACjB,EAAOqB,KACN,IAAMC,EAAKD,EAAIE,OAAO,CAKtB,MAHAC,GAAAA,cAAY,EAAC,KACXC,GAAAA,gBAAc,EAACH,EAAI,CAAC,MAAO,aAAc,SAAU,eAAgB,oBAAoB,CACzF,yCAGwBI,QAAM,6BACzB5B,EAAeE,GAGtB,EAEJ,QAEA,EAAeF"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "neko-ui",
3
- "version": "2.12.0",
3
+ "version": "2.12.1",
4
4
  "description": "WebComponents UI Libraries",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",
package/umd/index.js CHANGED
@@ -2815,7 +2815,7 @@
2815
2815
  background-color: var(--btn-bg);
2816
2816
  }
2817
2817
  }
2818
- `;function aK(){return(aK=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}let aJ=eP('<n-input part="value">',!0,!1),aQ=eP("<style>");function a0(e){let t;let n=ev({type:"date",parser:"YYYY-MM-DD HH:mm:ss"},e),[r,i]=em(n,["class","css","value","defaultValue","onChange","type","content","onOpenChange","open","format","popupCss","trigger","parser","showTime","showHour","showMinute","showSecond","prefixIcon","suffixIcon","placeholder","showToday","showHeader"]),[a,o]=F(null),[l,s]=F(am(r.defaultValue)),c=B(()=>r.format?r.format:r.showTime?"YYYY-MM-DD HH:mm:ss":({month:"YYYY-MM",date:"YYYY-MM-DD",year:"YYYY"})[r.type||"date"]);function u(e){i.disabled||(null==r.onOpenChange||r.onOpenChange.call(r,e),void 0===r.open&&o(e))}function d(e){e.stopPropagation(),e.preventDefault(),u(!0)}function p(){V(a)&&u(!1)}function g(e){var n;e.target===(null==t?void 0:null==(n=t.shadowRoot)?void 0:n.activeElement)&&u(!V(a))}function f(e){void 0===r.value&&s(e),null==n.onChange||n.onChange.call(n,e.format(r.parser),e)}function h(e){if(e.detail){let t=am(e.detail);t.isValid()&&f(t)}}return H(()=>{void 0!==r.open&&r.open!==V(a)&&o(r.open)}),H(()=>{let e=am(r.value||r.defaultValue);void 0!==r.value&&e.isValid()&&s(e)}),ep(nl,ev({trigger:"none",placement:"left",get open(){return a()},onOpenChange:u,get css(){return r.css},popupCss:aZ,get content(){return ep(aX,{get type(){return r.type},get current(){return l()},get open(){return a()},onChange:f,openChange:u,get showHour(){return r.showHour},get showMinute(){return r.showMinute},get showSecond(){return r.showSecond},get showTime(){return r.showTime},get showToday(){return r.showToday},get showHeader(){return r.showHeader}})}},i,{get children(){let e=aJ(),n=t;return ej(e,"change",h),ej(e,"blur",p),ej(e,"focus",d),ej(e,"mousedown",g,!0),"function"==typeof n?eV(n,e):t=e,e._$owner=O,j(t=>{let n=i.disabled,a=r.suffixIcon,o=r.prefixIcon,l=r.placeholder;return n!==t._v$&&(e.disabled=t._v$=n),a!==t._v$2&&(e.suffixIcon=t._v$2=a),o!==t._v$3&&(e.prefixIcon=t._v$3=o),l!==t._v$4&&(e.placeholder=t._v$4=l),t},{_v$:void 0,_v$2:void 0,_v$3:void 0,_v$4:void 0}),j(()=>e.value=l().format(c())),e}}))}(function(e){e.date="date",e.month="month",e.year="year"})(S||(S={})),a0.registry=()=>{nN.registry(),rM.registry(),ti("n-data-picker",aK({},no,{value:void 0,defaultValue:void 0,disabled:void 0,onChange:void 0,open:void 0,onOpenChange:void 0,type:void 0,format:void 0,parser:void 0,showTime:void 0,suffixIcon:"📅",prefixIcon:void 0,placeholder:void 0,showHour:!0,showMinute:!0,showSecond:!0,showToday:!0,showHeader:!0}),(e,t)=>{let n=t.element,r=ev({css:n.css,onChange(e,t){n.dispatchEvent(new CustomEvent("change",{detail:[e,t]}))},onOpenChange(e){n.dispatchEvent(new CustomEvent("openchange",{detail:e}))}},e);return H(()=>{ta(n,["popupCss","css"])}),[(()=>{let e=aQ();return e.textContent=tv,e})(),ep(a0,r)]})};let a1=a0;function a2(){return(a2=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}eM(["mousedown"]),function(e){e.string="string",e.number="number",e.integer="integer",e.boolean="boolean",e.object="object",e.array="array"}(_||(_={}));let a3=function e(t,n){let r=[],{properties:i}=t;for(let t in i)if(Object.prototype.hasOwnProperty.call(i,t)){let a=i[t],{properties:o,items:l,type:s="string"}=a,c=function(e,t){if(null==e)return{};var n,r,i={},a=Object.keys(e);for(r=0;r<a.length;r++)t.indexOf(n=a[r])>=0||(i[n]=e[n]);return i}(a,["properties","items","type"]),u=a2({},c,{name:t,type:s,subTitle:s,key:`${n?`${n}.`:""}${t}`});"object"===s?u.children=e({properties:o},u.key):"array"===s&&(u.children=e({properties:{items:a2({},l,{title:"items",isItems:!0})}},u.key)),r.push(u)}return r},a4=eP("<style> "),a5=eP("<slot>"),a6=eP('<svg><filter filterUnits="objectBoundingBox" x="-5%" y="-5%" width="110%" height="110%"><feTurbulence type="fractalNoise" baseFrequency="0.45" numOctaves="1"></feTurbulence><feDisplacementMap in="SourceGraphic" scale="50">'),a8=eP("<style>"),a7=e=>{let[t]=em(ev({filterBlur:16},e),["class","css","filter","feTurbulence","feDisplacementMap","filterBlur"]),n=ex();return[(()=>{let e=a4(),n=e.firstChild;return j(()=>n.data=(0,e6.css)(t.css)),e})(),(()=>{let e=a5();return e.style.setProperty("display","block"),e.style.setProperty("width","100%"),e.style.setProperty("height","100%"),e.style.setProperty("border-radius","inherit"),e.style.setProperty("overflow","inherit"),e._$owner=O,j(()=>(t.filterBlur,e.style.setProperty("backdrop-filter",`blur(${t.filterBlur}px) url(#${n})`))),e})(),(()=>{let e=a6(),r=e.firstChild,i=r.firstChild,a=i.nextSibling;return e.style.setProperty("display","none"),eF(r,"id",n),eU(r,ev(()=>t.filter),!0,!0),eU(i,ev(()=>t.feTurbulence),!0,!1),eU(a,ev(()=>t.feDisplacementMap),!0,!1),e})()]};a7.registry=()=>{ti("n-glass-panel",{class:void 0,css:void 0,filterBlur:void 0,filter:void 0,feTurbulence:void 0,feDisplacementMap:void 0},(e,t)=>{let n=t.element;return H(()=>{ta(n,["css","filterBlur","filter","feTurbulence","feDisplacementMap"])}),[(()=>{let e=a8();return e.textContent=tv,e})(),ep(a7,e)]})};let a9=a7,oe=eP("<style> "),ot=eP("<style>"),on=eP("<div>"),or=(0,e6.css)`
2818
+ `;function aK(){return(aK=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}let aJ=eP('<n-input part="value">',!0,!1),aQ=eP("<style>");function a0(e){let t;let n=ev({type:"date",parser:"YYYY-MM-DD HH:mm:ss"},e),[r,i]=em(n,["class","css","value","defaultValue","onChange","type","content","onOpenChange","open","format","popupCss","trigger","parser","showTime","showHour","showMinute","showSecond","prefixIcon","suffixIcon","placeholder","showToday","showHeader"]),[a,o]=F(null),[l,s]=F(am(r.defaultValue)),c=B(()=>r.format?r.format:r.showTime?"YYYY-MM-DD HH:mm:ss":({month:"YYYY-MM",date:"YYYY-MM-DD",year:"YYYY"})[r.type||"date"]);function u(e){i.disabled||(null==r.onOpenChange||r.onOpenChange.call(r,e),void 0===r.open&&o(e))}function d(e){e.stopPropagation(),e.preventDefault(),u(!0)}function p(){V(a)&&u(!1)}function g(e){var n;e.target===(null==t?void 0:null==(n=t.shadowRoot)?void 0:n.activeElement)&&u(!V(a))}function f(e){void 0===r.value&&s(e),null==n.onChange||n.onChange.call(n,e.format(r.parser),e)}function h(e){if(e.detail){let t=am(e.detail);t.isValid()&&f(t)}}return H(()=>{void 0!==r.open&&r.open!==V(a)&&o(r.open)}),H(()=>{let e=am(r.value||r.defaultValue);void 0!==r.value&&e.isValid()&&s(e)}),ep(nl,ev({trigger:"none",placement:"left",get open(){return a()},onOpenChange:u,get css(){return r.css},popupCss:aZ,get content(){return ep(aX,{get type(){return r.type},get current(){return l()},get open(){return a()},onChange:f,openChange:u,get showHour(){return r.showHour},get showMinute(){return r.showMinute},get showSecond(){return r.showSecond},get showTime(){return r.showTime},get showToday(){return r.showToday},get showHeader(){return r.showHeader}})}},i,{get children(){let e=aJ(),n=t;return ej(e,"change",h),ej(e,"blur",p),ej(e,"focus",d),ej(e,"mousedown",g,!0),"function"==typeof n?eV(n,e):t=e,e._$owner=O,j(t=>{let n=i.disabled,a=r.suffixIcon,o=r.prefixIcon,l=r.placeholder;return n!==t._v$&&(e.disabled=t._v$=n),a!==t._v$2&&(e.suffixIcon=t._v$2=a),o!==t._v$3&&(e.prefixIcon=t._v$3=o),l!==t._v$4&&(e.placeholder=t._v$4=l),t},{_v$:void 0,_v$2:void 0,_v$3:void 0,_v$4:void 0}),j(()=>e.value=l().format(c())),e}}))}(function(e){e.date="date",e.month="month",e.year="year"})(S||(S={})),a0.registry=()=>{nN.registry(),rM.registry(),ti("n-data-picker",aK({},no,{value:void 0,defaultValue:void 0,disabled:void 0,onChange:void 0,open:void 0,onOpenChange:void 0,type:void 0,format:void 0,parser:void 0,showTime:void 0,suffixIcon:"📅",prefixIcon:void 0,placeholder:void 0,showHour:!0,showMinute:!0,showSecond:!0,showToday:!0,showHeader:!0}),(e,t)=>{let n=t.element,r=ev({css:n.css,onChange(e,t){n.dispatchEvent(new CustomEvent("change",{detail:[e,t]}))},onOpenChange(e){n.dispatchEvent(new CustomEvent("openchange",{detail:e}))}},e);return H(()=>{ta(n,["popupCss","css"])}),[(()=>{let e=aQ();return e.textContent=tv,e})(),ep(a0,r)]})};let a1=a0;function a2(){return(a2=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}eM(["mousedown"]),function(e){e.string="string",e.number="number",e.integer="integer",e.boolean="boolean",e.object="object",e.array="array"}(_||(_={}));let a3=function e(t,n){let r=[],{properties:i}=t;for(let t in i)if(Object.prototype.hasOwnProperty.call(i,t)){let a=i[t],{properties:o,items:l,type:s="string"}=a,c=function(e,t){if(null==e)return{};var n,r,i={},a=Object.keys(e);for(r=0;r<a.length;r++)t.indexOf(n=a[r])>=0||(i[n]=e[n]);return i}(a,["properties","items","type"]),u=a2({},c,{name:t,type:s,subTitle:s,key:`${n?`${n}.`:""}${t}`});"object"===s?u.children=e({properties:o},u.key):"array"===s&&(u.children=e({properties:{items:a2({},l,{title:"items",isItems:!0})}},u.key)),r.push(u)}return r},a4=eP("<style>"),a5=eP("<style> "),a6=eP('<slot id="backdrop-slot">'),a8=eP('<svg><filter filterUnits="objectBoundingBox" x="-5%" y="-5%" width="110%" height="110%"><feTurbulence type="fractalNoise" baseFrequency="0.45" numOctaves="1"></feTurbulence><feDisplacementMap in="SourceGraphic" scale="50">'),a7=e=>{let t=ev({filterBlur:16},e),[n]=em(t,["css","filter","feTurbulence","feDisplacementMap","filterBlur"]),r=ex(),i=(0,e6.css)({"#backdrop-slot":{display:"block",width:"100%",height:"100%","border-radius":"inherit",overflow:"inherit"}});return[(()=>{let e=a4();return e.textContent=i,e})(),ep(eC,{get when(){return t.css},get children(){let e=a5(),t=e.firstChild;return j(()=>t.data=(0,e6.css)(n.css)),e}}),(()=>{let e=a6();return e._$owner=O,j(()=>null!=(0,e6.cx)(!!n.filterBlur&&`blur(${n.filterBlur}px)`,`url(#${r})`)?e.style.setProperty("backdrop-filter",(0,e6.cx)(!!n.filterBlur&&`blur(${n.filterBlur}px)`,`url(#${r})`)):e.style.removeProperty("backdrop-filter")),e})(),(()=>{let e=a8(),t=e.firstChild,i=t.firstChild,a=i.nextSibling;return e.style.setProperty("display","none"),eF(t,"id",r),eU(t,ev(()=>n.filter),!0,!0),eU(i,ev(()=>n.feTurbulence),!0,!1),eU(a,ev(()=>n.feDisplacementMap),!0,!1),e})()]};a7.registry=()=>{ti("n-glass-panel",{class:void 0,css:void 0,filterBlur:void 0,filter:void 0,feTurbulence:void 0,feDisplacementMap:void 0},(e,t)=>{let n=t.element;return H(()=>{ta(n,["css","filterBlur","filter","feTurbulence","feDisplacementMap"])}),[(()=>{let e=a4();return e.textContent=tv,e})(),ep(a7,e)]})};let a9=a7,oe=eP("<style> "),ot=eP("<style>"),on=eP("<div>"),or=(0,e6.css)`
2819
2819
  .text {
2820
2820
  word-break: break-word;
2821
2821
  word-wrap: break-word;
package/umd/manifest.json CHANGED
@@ -1 +1 @@
1
- {"name":"neko-ui","description":"WebComponents UI Libraries","start_url":"/?source=pwa","display":"standalone","background_color":"#fff","icons":[{"src":"/favicon.ico","sizes":"48x48","type":"image/x-icon"}],"version":"2.12.0-e5953f7817e42264","hash":"e5953f7817e42264","content_assets":["index.js"]}
1
+ {"name":"neko-ui","description":"WebComponents UI Libraries","start_url":"/?source=pwa","display":"standalone","background_color":"#fff","icons":[{"src":"/favicon.ico","sizes":"48x48","type":"image/x-icon"}],"version":"2.12.1-bf5c1e0b8527d839","hash":"bf5c1e0b8527d839","content_assets":["index.js"]}