neko-ui 2.8.2 → 2.8.3

package/es/code/index.d.ts

@@ -1,4 +1,3 @@
-import '../prism/prism.js';
 import type { CustomElement } from '..';
 export interface CodeProps {
     /** 自定义类名 */

package/es/code/index.js

@@ -1,2 +1,2 @@
-import{use as e}from"solid-js/web";import{template as t}from"solid-js/web";import{setAttribute as o}from"solid-js/web";import{insert as r}from"solid-js/web";import{effect as n}from"solid-js/web";import{delegateEvents as i}from"solid-js/web";import{createComponent as l}from"solid-js/web";import{className as s}from"solid-js/web";import{classList as a}from"solid-js/web";import{addEventListener as m}from"solid-js/web";let d=t('<div class="toolbar"><button class="toolbar-copy">'),c=t("<pre><code>"),u=t("<style>"),g=t("<div><textarea>");import{Show as v,createEffect as p,createSignal as f,mergeProps as b,onCleanup as h,onMount as $,untrack as _}from"solid-js";import w from"@moneko/common/lib/isFunction";import C from"@moneko/common/lib/setClipboard";import{css as j,cx as y}from"@moneko/css";import{customElement as k}from"solid-element";import{style as P}from"./style";import L from"../prism/css";import"../prism/prism.js";import x from"../theme";let E=/^diff-([\w-]+)/i;function N(t){let i;let{baseStyle:b}=x,[k,N]=f(""),[I,A]=f(20),[R,B]=f(!1),F=new IntersectionObserver(e=>{B(e[0].isIntersecting)});function H(){C(_(k),i)}function M(){return(()=>{let u=c(),g=u.firstChild,p=i;return r(u,l(v,{get when(){return t.toolbar},get children(){let e=d();return m(e.firstChild,"click",H,!0),n(()=>{var r;return o(e,"data-lang",null==(r=t.lang)?void 0:r.split(" ")[0])}),e}}),g),"function"==typeof p?e(p,g):i=g,n(e=>{let o={[`language-${t.lang}`]:!!t.lang,"line-numbers":t.lineNumber,"not-toolbar":!t.toolbar,[t.class]:!t.edit},r=`language-${t.lang}`;return e._v$=a(u,o,e._v$),r!==e._v$2&&s(g,e._v$2=r),e},{_v$:void 0,_v$2:void 0}),u})()}function O({target:e}){let o=`${e.value}${/\n$/.test(e.value)?"​":""}`;N(o),w(t.onChange)&&t.onChange(o)}return p(()=>{if(t.code){let e=t.code.replace(/^\n/,"");try{N(decodeURIComponent(e))}catch(t){N(e)}}else N("")}),p(()=>{!function(e){if(!e.code||!R())return;F.unobserve(i),F.disconnect(),E.test(e.lang)&&!Prism.languages[e.lang]&&(Prism.languages[e.lang]=Prism.languages.diff);let o=Prism.languages[e.lang]||Prism.languages.markup;i.innerHTML=Prism.highlight(e.code,o,e.lang),A(i.getBoundingClientRect().height-(t.toolbar?40:16))}({lang:t.lang||"markup",code:k()})}),$(()=>{F.observe(i)}),h(()=>{F.unobserve(i),F.disconnect()}),[(()=>{let e=u();return r(e,b,null),r(e,L,null),r(e,P,null),r(e,()=>j(t.css),null),e})(),l(v,{get when(){return t.edit},get fallback(){return M()},get children(){let e=g(),o=e.firstChild;return m(o,"input",O,!0),r(e,M,null),n(r=>{let n=y("n-editor",t.class),i=!!t.lineNumber,l=!t.toolbar,a=`${I()}px`;return n!==r._v$3&&s(e,r._v$3=n),i!==r._v$4&&o.classList.toggle("line-numbers",r._v$4=i),l!==r._v$5&&o.classList.toggle("not-toolbar",r._v$5=l),a!==r._v$6&&(null!=(r._v$6=a)?o.style.setProperty("height",a):o.style.removeProperty("height")),r},{_v$3:void 0,_v$4:void 0,_v$5:void 0,_v$6:void 0}),n(()=>o.value=k()),e}})]}k("n-code",{class:void 0,code:void 0,lang:void 0,children:void 0,edit:void 0,toolbar:void 0,css:void 0,lineNumber:void 0,onChange:void 0},(e,t)=>{let o=t.element,r=b({code:o.textContent,css:o.css,onChange(e){o.dispatchEvent(new CustomEvent("change",{detail:e}))}},e);return p(()=>{o.replaceChildren(),o.removeAttribute("css")}),l(N,r)});export default N;i(["click","input"]);
+import{use as e}from"solid-js/web";import{template as t}from"solid-js/web";import{setAttribute as o}from"solid-js/web";import{insert as n}from"solid-js/web";import{effect as r}from"solid-js/web";import{delegateEvents as l}from"solid-js/web";import{createComponent as i}from"solid-js/web";import{className as s}from"solid-js/web";import{classList as a}from"solid-js/web";import{addEventListener as d}from"solid-js/web";let m=t('<div class="toolbar"><button class="toolbar-copy">'),c=t("<pre><code>"),u=t("<style>"),g=t("<div><textarea>");import{Show as v,createEffect as p,createSignal as f,mergeProps as b,onCleanup as h,onMount as $,untrack as _}from"solid-js";import w from"@moneko/common/lib/isFunction";import C from"@moneko/common/lib/setClipboard";import{css as j,cx as y}from"@moneko/css";import{customElement as k}from"solid-element";import{style as L}from"./style";import x from"../prism";import E from"../prism/css";import N from"../theme";let I=/^diff-([\w-]+)/i;function A(t){let l;let{baseStyle:b}=N,[k,A]=f(""),[P,R]=f(20),[B,F]=f(!1),H=new IntersectionObserver(e=>{F(e[0].isIntersecting)});function M(){C(_(k),l)}function O(){return(()=>{let u=c(),g=u.firstChild,p=l;return n(u,i(v,{get when(){return t.toolbar},get children(){let e=m();return d(e.firstChild,"click",M,!0),r(()=>{var n;return o(e,"data-lang",null==(n=t.lang)?void 0:n.split(" ")[0])}),e}}),g),"function"==typeof p?e(p,g):l=g,r(e=>{let o={[`language-${t.lang}`]:!!t.lang,"line-numbers":t.lineNumber,"not-toolbar":!t.toolbar,[t.class]:!t.edit},n=`language-${t.lang}`;return e._v$=a(u,o,e._v$),n!==e._v$2&&s(g,e._v$2=n),e},{_v$:void 0,_v$2:void 0}),u})()}function T({target:e}){let o=`${e.value}${/\n$/.test(e.value)?"​":""}`;A(o),w(t.onChange)&&t.onChange(o)}return p(()=>{if(t.code){let e=t.code.replace(/^\n/,"");try{A(decodeURIComponent(e))}catch(t){A(e)}}else A("")}),p(()=>{!function(e){if(!e.code||!B())return;H.unobserve(l),H.disconnect(),I.test(e.lang)&&!x.languages[e.lang]&&(x.languages[e.lang]=x.languages.diff);let o=x.languages[e.lang]||x.languages.markup;l.innerHTML=x.highlight(e.code,o,e.lang),R(l.getBoundingClientRect().height-(t.toolbar?40:16))}({lang:t.lang||"markup",code:k()})}),$(()=>{H.observe(l)}),h(()=>{H.unobserve(l),H.disconnect()}),[(()=>{let e=u();return n(e,b,null),n(e,E,null),n(e,L,null),n(e,()=>j(t.css),null),e})(),i(v,{get when(){return t.edit},get fallback(){return O()},get children(){let e=g(),o=e.firstChild;return d(o,"input",T,!0),n(e,O,null),r(n=>{let r=y("n-editor",t.class),l=!!t.lineNumber,i=!t.toolbar,a=`${P()}px`;return r!==n._v$3&&s(e,n._v$3=r),l!==n._v$4&&o.classList.toggle("line-numbers",n._v$4=l),i!==n._v$5&&o.classList.toggle("not-toolbar",n._v$5=i),a!==n._v$6&&(null!=(n._v$6=a)?o.style.setProperty("height",a):o.style.removeProperty("height")),n},{_v$3:void 0,_v$4:void 0,_v$5:void 0,_v$6:void 0}),r(()=>o.value=k()),e}})]}k("n-code",{class:void 0,code:void 0,lang:void 0,children:void 0,edit:void 0,toolbar:void 0,css:void 0,lineNumber:void 0,onChange:void 0},(e,t)=>{let o=t.element,n=b({code:o.textContent,css:o.css,onChange(e){o.dispatchEvent(new CustomEvent("change",{detail:e}))}},e);return p(()=>{o.replaceChildren(),o.removeAttribute("css")}),i(A,n)});export default A;l(["click","input"]);
 //# sourceMappingURL=index.js.map

package/es/code/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/code/index.tsx"],"sourcesContent":["import {\n  Show,\n  createEffect,\n  createSignal,\n  mergeProps,\n  onCleanup,\n  onMount,\n  untrack,\n} from 'solid-js';\nimport { isFunction, setClipboard } from '@moneko/common';\nimport { css, cx } from '@moneko/css';\nimport { customElement } from 'solid-element';\nimport { style } from './style';\nimport prismCss from '../prism/css';\nimport '../prism/prism.js';\nimport theme from '../theme';\nimport type { CustomElement } from '..';\n\ndeclare const Prism: {\n  disableWorkerMessageHandler: boolean;\n  languages: Record<string, unknown>;\n  highlight(code: string, langs: unknown, lang: string): string;\n};\n\nexport interface CodeProps {\n  /** 自定义类名 */\n  class?: string;\n  /** 自定义样式表 */\n  css?: string;\n  /** 内容 */\n  code?: string;\n  /** 语言 */\n  lang?: string;\n  /** 显示代码行号 */\n  lineNumber?: boolean;\n  /** 支持编辑 */\n  edit?: boolean;\n  /** 开启代码块工具条 */\n  toolbar?: boolean;\n  /** 编辑修改时的回调 */\n  onChange?: (code: string) => void;\n  children?: JSX.Element;\n}\n\nexport type CodeElement = CustomElement<CodeProps>;\n\nconst diffLang = /^diff-([\\w-]+)/i;\n\nfunction Code(props: CodeProps) {\n  const { baseStyle } = theme;\n  let codeEl: HTMLPreElement;\n  const [code, setCode] = createSignal<string>('');\n  const [hei, setHei] = createSignal(20);\n  const [isIntersecting, setIsIntersecting] = createSignal(false);\n  const observer = new IntersectionObserver((entries) => {\n    setIsIntersecting(entries[0].isIntersecting);\n  });\n\n  function copy() {\n    setClipboard(untrack(code), codeEl);\n  }\n  function pre() {\n    return (\n      <pre\n        classList={{\n          [`language-${props.lang}`]: !!props.lang,\n          'line-numbers': props.lineNumber,\n          'not-toolbar': !props.toolbar,\n          [props.class as string]: !props.edit,\n        }}\n      >\n        <Show when={props.toolbar}>\n          <div class=\"toolbar\" data-lang={props.lang?.split(' ')[0]}>\n            <button class=\"toolbar-copy\" onClick={copy} />\n          </div>\n        </Show>\n        <code ref={codeEl} class={`language-${props.lang}`} />\n      </pre>\n    );\n  }\n  function change({ target }: { target: HTMLTextAreaElement }) {\n    const c = `${target.value}${/\\n$/.test(target.value) ? '\\u200b' : ''}`;\n\n    setCode(c);\n    if (isFunction(props.onChange)) {\n      props.onChange(c);\n    }\n  }\n  function postMessage(opt: { lang: string; code?: string }) {\n    if (!opt.code || !isIntersecting()) return;\n    observer.unobserve(codeEl);\n    observer.disconnect();\n    if (diffLang.test(opt.lang) && !Prism.languages[opt.lang]) {\n      Prism.languages[opt.lang] = Prism.languages.diff;\n    }\n    const language = Prism.languages[opt.lang] || Prism.languages.markup;\n\n    codeEl.innerHTML = Prism.highlight(opt.code, language, opt.lang);\n    setHei(codeEl.getBoundingClientRect().height - (props.toolbar ? 40 : 16));\n  }\n\n  // const work = new Worker(new URL(\"./worker.ts\", import.meta.url), {\n  //   name: \"wastedTime\",\n  //   /* webpackEntryOptions: { filename: \"workers/[name].js\" } */\n  // });\n  // work.addEventListener('message', update);\n\n  // work.postMessage({\n  //   lang: props.lang,\n  //   code: code(),\n  // });\n  // onCleanup(() => {\n  //   work.terminate();\n  // });\n  createEffect(() => {\n    if (props.code) {\n      const _code = props.code.replace(/^\\n/, '');\n\n      try {\n        setCode(decodeURIComponent(_code));\n      } catch (error) {\n        setCode(_code);\n      }\n    } else {\n      setCode('');\n    }\n  });\n  createEffect(() => {\n    postMessage({\n      lang: props.lang || 'markup',\n      code: code(),\n    });\n  });\n  onMount(() => {\n    // 开始观察目标元素\n    observer.observe(codeEl);\n  });\n  onCleanup(() => {\n    // 停止观察目标元素\n    observer.unobserve(codeEl);\n    observer.disconnect();\n  });\n\n  return (\n    <>\n      <style>\n        {baseStyle()}\n        {prismCss()}\n        {style}\n        {css(props.css)}\n      </style>\n      <Show when={props.edit} fallback={pre()}>\n        <div class={cx('n-editor', props.class)}>\n          <textarea\n            value={code()}\n            classList={{\n              'line-numbers': props.lineNumber,\n              'not-toolbar': !props.toolbar,\n            }}\n            style={{ height: `${hei()}px` }}\n            onInput={change}\n          />\n          {pre()}\n        </div>\n      </Show>\n    </>\n  );\n}\n\ncustomElement<CodeProps>(\n  'n-code',\n  {\n    class: void 0,\n    code: void 0,\n    lang: void 0,\n    children: void 0,\n    edit: void 0,\n    toolbar: void 0,\n    css: void 0,\n    lineNumber: void 0,\n    onChange: void 0,\n  },\n  (_, opt) => {\n    const el = opt.element;\n    const props = mergeProps(\n      {\n        code: el.textContent,\n        css: el.css,\n        onChange(val: string) {\n          el.dispatchEvent(\n            new CustomEvent('change', {\n              detail: val,\n            }),\n          );\n        },\n      },\n      _,\n    );\n\n    createEffect(() => {\n      el.replaceChildren();\n      el.removeAttribute('css');\n    });\n\n    return <Code {...props} />;\n  },\n);\nexport default Code;\n"],"names":["Show","createEffect","createSignal","mergeProps","onCleanup","onMount","untrack","isFunction","setClipboard","css","cx","customElement","style","prismCss","theme","diffLang","Code","props","codeEl","baseStyle","code","setCode","hei","setHei","isIntersecting","setIsIntersecting","observer","IntersectionObserver","entries","copy","pre","toolbar","lang","split","lineNumber","class","edit","change","target","c","value","test","onChange","_code","replace","decodeURIComponent","error","postMessage","opt","unobserve","disconnect","Prism","languages","diff","language","markup","innerHTML","highlight","getBoundingClientRect","height","observe","children","_","el","element","textContent","val","dispatchEvent","CustomEvent","detail","replaceChildren","removeAttribute"],"rangeMappings":"","mappings":"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"}
+{"version":3,"sources":["../../components/code/index.tsx"],"sourcesContent":["import {\n  Show,\n  createEffect,\n  createSignal,\n  mergeProps,\n  onCleanup,\n  onMount,\n  untrack,\n} from 'solid-js';\nimport { isFunction, setClipboard } from '@moneko/common';\nimport { css, cx } from '@moneko/css';\nimport { customElement } from 'solid-element';\nimport { style } from './style';\nimport Prism from '../prism';\nimport prismCss from '../prism/css';\nimport theme from '../theme';\nimport type { CustomElement } from '..';\n\nexport interface CodeProps {\n  /** 自定义类名 */\n  class?: string;\n  /** 自定义样式表 */\n  css?: string;\n  /** 内容 */\n  code?: string;\n  /** 语言 */\n  lang?: string;\n  /** 显示代码行号 */\n  lineNumber?: boolean;\n  /** 支持编辑 */\n  edit?: boolean;\n  /** 开启代码块工具条 */\n  toolbar?: boolean;\n  /** 编辑修改时的回调 */\n  onChange?: (code: string) => void;\n  children?: JSX.Element;\n}\n\nexport type CodeElement = CustomElement<CodeProps>;\n\nconst diffLang = /^diff-([\\w-]+)/i;\n\nfunction Code(props: CodeProps) {\n  const { baseStyle } = theme;\n  let codeEl: HTMLPreElement;\n  const [code, setCode] = createSignal<string>('');\n  const [hei, setHei] = createSignal(20);\n  const [isIntersecting, setIsIntersecting] = createSignal(false);\n  const observer = new IntersectionObserver((entries) => {\n    setIsIntersecting(entries[0].isIntersecting);\n  });\n\n  function copy() {\n    setClipboard(untrack(code), codeEl);\n  }\n  function pre() {\n    return (\n      <pre\n        classList={{\n          [`language-${props.lang}`]: !!props.lang,\n          'line-numbers': props.lineNumber,\n          'not-toolbar': !props.toolbar,\n          [props.class as string]: !props.edit,\n        }}\n      >\n        <Show when={props.toolbar}>\n          <div class=\"toolbar\" data-lang={props.lang?.split(' ')[0]}>\n            <button class=\"toolbar-copy\" onClick={copy} />\n          </div>\n        </Show>\n        <code ref={codeEl} class={`language-${props.lang}`} />\n      </pre>\n    );\n  }\n  function change({ target }: { target: HTMLTextAreaElement }) {\n    const c = `${target.value}${/\\n$/.test(target.value) ? '\\u200b' : ''}`;\n\n    setCode(c);\n    if (isFunction(props.onChange)) {\n      props.onChange(c);\n    }\n  }\n  function postMessage(opt: { lang: string; code?: string }) {\n    if (!opt.code || !isIntersecting()) return;\n    observer.unobserve(codeEl);\n    observer.disconnect();\n    if (diffLang.test(opt.lang) && !Prism.languages[opt.lang]) {\n      Prism.languages[opt.lang] = Prism.languages.diff;\n    }\n    const language = Prism.languages[opt.lang] || Prism.languages.markup;\n\n    codeEl.innerHTML = Prism.highlight(opt.code, language, opt.lang);\n    setHei(codeEl.getBoundingClientRect().height - (props.toolbar ? 40 : 16));\n  }\n\n  // const work = new Worker(new URL(\"./worker.ts\", import.meta.url), {\n  //   name: \"wastedTime\",\n  //   /* webpackEntryOptions: { filename: \"workers/[name].js\" } */\n  // });\n  // work.addEventListener('message', update);\n\n  // work.postMessage({\n  //   lang: props.lang,\n  //   code: code(),\n  // });\n  // onCleanup(() => {\n  //   work.terminate();\n  // });\n  createEffect(() => {\n    if (props.code) {\n      const _code = props.code.replace(/^\\n/, '');\n\n      try {\n        setCode(decodeURIComponent(_code));\n      } catch (error) {\n        setCode(_code);\n      }\n    } else {\n      setCode('');\n    }\n  });\n  createEffect(() => {\n    postMessage({\n      lang: props.lang || 'markup',\n      code: code(),\n    });\n  });\n  onMount(() => {\n    // 开始观察目标元素\n    observer.observe(codeEl);\n  });\n  onCleanup(() => {\n    // 停止观察目标元素\n    observer.unobserve(codeEl);\n    observer.disconnect();\n  });\n\n  return (\n    <>\n      <style>\n        {baseStyle()}\n        {prismCss()}\n        {style}\n        {css(props.css)}\n      </style>\n      <Show when={props.edit} fallback={pre()}>\n        <div class={cx('n-editor', props.class)}>\n          <textarea\n            value={code()}\n            classList={{\n              'line-numbers': props.lineNumber,\n              'not-toolbar': !props.toolbar,\n            }}\n            style={{ height: `${hei()}px` }}\n            onInput={change}\n          />\n          {pre()}\n        </div>\n      </Show>\n    </>\n  );\n}\n\ncustomElement<CodeProps>(\n  'n-code',\n  {\n    class: void 0,\n    code: void 0,\n    lang: void 0,\n    children: void 0,\n    edit: void 0,\n    toolbar: void 0,\n    css: void 0,\n    lineNumber: void 0,\n    onChange: void 0,\n  },\n  (_, opt) => {\n    const el = opt.element;\n    const props = mergeProps(\n      {\n        code: el.textContent,\n        css: el.css,\n        onChange(val: string) {\n          el.dispatchEvent(\n            new CustomEvent('change', {\n              detail: val,\n            }),\n          );\n        },\n      },\n      _,\n    );\n\n    createEffect(() => {\n      el.replaceChildren();\n      el.removeAttribute('css');\n    });\n\n    return <Code {...props} />;\n  },\n);\nexport default Code;\n"],"names":["Show","createEffect","createSignal","mergeProps","onCleanup","onMount","untrack","isFunction","setClipboard","css","cx","customElement","style","Prism","prismCss","theme","diffLang","Code","props","codeEl","baseStyle","code","setCode","hei","setHei","isIntersecting","setIsIntersecting","observer","IntersectionObserver","entries","copy","pre","toolbar","lang","split","lineNumber","class","edit","change","target","c","value","test","onChange","_code","replace","decodeURIComponent","error","postMessage","opt","unobserve","disconnect","languages","diff","language","markup","innerHTML","highlight","getBoundingClientRect","height","observe","children","_","el","element","textContent","val","dispatchEvent","CustomEvent","detail","replaceChildren","removeAttribute"],"rangeMappings":"","mappings":"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"}

package/es/img/index.d.ts

@@ -29,6 +29,11 @@ export interface ImgProps {
      * @default true
      */
     lazy?: boolean;
+    /** 禁止点开大图
+     * @since 2.8.3
+     * @default false
+     */
+    disabled?: boolean;
 }
 export type ImgElement = CustomElement<ImgProps, 'onOpenChange'>;
 declare function Img(_: ImgProps): import("solid-js").JSX.Element;

package/es/img/index.js

@@ -1,2 +1,2 @@
-import{use as e}from"solid-js/web";import{template as t}from"solid-js/web";import{setAttribute as n}from"solid-js/web";import"solid-js/web";import{insert as o}from"solid-js/web";import{effect as l}from"solid-js/web";import{delegateEvents as s}from"solid-js/web";import{createComponent as i}from"solid-js/web";import{addEventListener as r}from"solid-js/web";let a=t("<style>"),c=t('<img class="img">'),d=t('<div class="portal"><span class="close"></span><img class="img">');import{Show as v,createEffect as m,createSignal as u,mergeProps as p,onCleanup as g,onMount as f,untrack as $}from"solid-js";import{customElement as _}from"solid-element";import{Portal as b}from"solid-js/web";import{imgCss as w,style as h}from"./style";import E from"../spin";function C(t){let s,_;let C=p({lazy:!0},t),[L,k]=u(null),[j,y]=u({width:0,height:0,left:0,top:0}),[x,O]=u(!1),[z,I]=u(!1),[F,S]=u(!0),A=new IntersectionObserver(e=>{I(e[0].isIntersecting),e[0].isIntersecting&&(s&&A.unobserve(s),A.disconnect())});function B(){let{width:e,height:t,top:n,left:o}=j();return`.portal { --img: url(${C.src});inline-size: ${e}px; block-size: ${t}px;inset-block-start: ${n}px;inset-inline-start: ${o}px;}`}function D(e){k(e),null==C.onOpenChange||C.onOpenChange.call(C,e)}function P(e){e.preventDefault()}function R(e){P(e),"keydown"===e.type?C.escClosable&&"Escape"===e.key&&D(!1):D(!1)}function q(){!1===L()&&D(null)}function G(e){if(e.stopPropagation(),P(e),!x()){var t;y(null==(t=e.target)?void 0:t.getBoundingClientRect()),D(!0)}}function H(){O(!0),S(!1)}function J(e){null==C.onLoad||C.onLoad.call(C,e),S(!1)}function K(e){P(e),C.maskClosable&&e.target===_&&D(!1)}return m(()=>{void 0!==C.open&&C.open!==$(L)&&k(C.open)}),m(()=>{!0===L()&&(document.documentElement.addEventListener("mousewheel",P,{passive:!1}),C.escClosable&&document.documentElement.addEventListener("keydown",R,!1)),g(()=>{document.documentElement.removeEventListener("mousewheel",P,!1),document.documentElement.removeEventListener("keydown",R,!1)})}),f(()=>{s&&A.observe(s)}),g(()=>{s&&A.unobserve(s),A.disconnect()}),[(()=>{let e=a();return o(e,w),e})(),i(E,{get spin(){return F()},get children(){let t=c(),o=s;return r(t,"load",J),r(t,"error",H),r(t,"click",G,!0),"function"==typeof o?e(o,t):s=t,l(e=>{let o=!!L(),l=!!x(),s=z()?C.src:void 0,i=C.alt;return o!==e._v$&&t.classList.toggle("none",e._v$=o),l!==e._v$2&&t.classList.toggle("error",e._v$2=l),s!==e._v$3&&n(t,"src",e._v$3=s),i!==e._v$4&&n(t,"alt",e._v$4=i),e},{_v$:void 0,_v$2:void 0,_v$3:void 0,_v$4:void 0}),t}}),i(v,{get when(){return null!==L()},get children(){return i(b,{useShadow:!0,get children(){return[(()=>{let e=a();return o(e,B,null),o(e,w,null),o(e,h,null),e})(),(()=>{let t=d(),o=_,s=t.firstChild,i=s.nextSibling;return r(t,"click",K,!0),r(t,"animationend",q),"function"==typeof o?e(o,t):_=t,r(s,"click",R,!0),l(e=>{let o=!!L(),l=!L(),s=C.srcFull||C.src,r=C.alt;return o!==e._v$5&&t.classList.toggle("open",e._v$5=o),l!==e._v$6&&t.classList.toggle("closeing",e._v$6=l),s!==e._v$7&&n(i,"src",e._v$7=s),r!==e._v$8&&n(i,"alt",e._v$8=r),e},{_v$5:void 0,_v$6:void 0,_v$7:void 0,_v$8:void 0}),t})()]}})}})]}_("n-img",{src:void 0,srcFull:void 0,alt:void 0,open:null,maskClosable:!0,escClosable:!0,onOpenChange:void 0,onLoad:void 0,lazy:void 0},(e,t)=>i(C,p({onOpenChange(e){t.element.dispatchEvent(new CustomEvent("openchange",{detail:e}))},onLoad(){t.element.dispatchEvent(new CustomEvent("load"))}},e)));export default C;s(["click"]);
+import{use as e}from"solid-js/web";import{template as t}from"solid-js/web";import{setAttribute as n}from"solid-js/web";import"solid-js/web";import{insert as o}from"solid-js/web";import{effect as l}from"solid-js/web";import{delegateEvents as i}from"solid-js/web";import{createComponent as s}from"solid-js/web";import{addEventListener as r}from"solid-js/web";let d=t("<style>"),a=t('<img class="img" part="img">'),c=t('<div class="portal"><span class="close"></span><img class="img">');import{Show as v,createEffect as m,createSignal as u,mergeProps as p,onCleanup as g,onMount as f,untrack as $}from"solid-js";import{customElement as b}from"solid-element";import{Portal as _}from"solid-js/web";import{imgCss as w,style as h}from"./style";import E from"../spin";function C(t){let i,b;let C=p({lazy:!0,disabled:!1},t),[L,k]=u(null),[j,y]=u({width:0,height:0,left:0,top:0}),[x,O]=u(!1),[z,I]=u(!1),[F,S]=u(!0),A=new IntersectionObserver(e=>{I(e[0].isIntersecting),e[0].isIntersecting&&(i&&A.unobserve(i),A.disconnect())});function B(){let{width:e,height:t,top:n,left:o}=j();return`.portal {--img: url(${C.src});inline-size: ${e}px;block-size: ${t}px;inset-block-start: ${n}px;inset-inline-start: ${o}px;}`}function D(e){C.disabled||(k(e),null==C.onOpenChange||C.onOpenChange.call(C,e))}function P(e){e.preventDefault()}function R(e){P(e),"keydown"===e.type?C.escClosable&&"Escape"===e.key&&D(!1):D(!1)}function q(){!1===L()&&D(null)}function G(e){if(!C.disabled&&(e.stopPropagation(),P(e),!x())){var t;y(null==(t=e.target)?void 0:t.getBoundingClientRect()),D(!0)}}function H(){O(!0),S(!1)}function J(e){null==C.onLoad||C.onLoad.call(C,e),S(!1)}function K(e){P(e),C.maskClosable&&e.target===b&&D(!1)}return m(()=>{void 0!==C.open&&C.open!==$(L)&&k(C.open)}),m(()=>{!0===L()&&(document.documentElement.addEventListener("mousewheel",P,{passive:!1}),C.escClosable&&document.documentElement.addEventListener("keydown",R,!1)),g(()=>{document.documentElement.removeEventListener("mousewheel",P,!1),document.documentElement.removeEventListener("keydown",R,!1)})}),f(()=>{i&&A.observe(i)}),g(()=>{i&&A.unobserve(i),A.disconnect()}),[(()=>{let e=d();return o(e,w),e})(),s(E,{get spin(){return F()},get children(){let t=a(),o=i;return r(t,"load",J),r(t,"error",H),r(t,"click",G,!0),"function"==typeof o?e(o,t):i=t,l(e=>{let o=!!L(),l=!!x(),i=z()?C.src:void 0,s=C.alt;return o!==e._v$&&t.classList.toggle("none",e._v$=o),l!==e._v$2&&t.classList.toggle("error",e._v$2=l),i!==e._v$3&&n(t,"src",e._v$3=i),s!==e._v$4&&n(t,"alt",e._v$4=s),e},{_v$:void 0,_v$2:void 0,_v$3:void 0,_v$4:void 0}),t}}),s(v,{get when(){return null!==L()},get children(){return s(_,{useShadow:!0,get children(){return[(()=>{let e=d();return o(e,B,null),o(e,w,null),o(e,h,null),e})(),(()=>{let t=c(),o=b,i=t.firstChild,s=i.nextSibling;return r(t,"click",K,!0),r(t,"animationend",q),"function"==typeof o?e(o,t):b=t,r(i,"click",R,!0),l(e=>{let o=!!L(),l=!L(),i=C.srcFull||C.src,r=C.alt;return o!==e._v$5&&t.classList.toggle("open",e._v$5=o),l!==e._v$6&&t.classList.toggle("closeing",e._v$6=l),i!==e._v$7&&n(s,"src",e._v$7=i),r!==e._v$8&&n(s,"alt",e._v$8=r),e},{_v$5:void 0,_v$6:void 0,_v$7:void 0,_v$8:void 0}),t})()]}})}})]}b("n-img",{src:void 0,srcFull:void 0,alt:void 0,open:null,maskClosable:!0,escClosable:!0,onOpenChange:void 0,onLoad:void 0,lazy:void 0,disabled:void 0},(e,t)=>s(C,p({onOpenChange(e){t.element.dispatchEvent(new CustomEvent("openchange",{detail:e}))},onLoad(){t.element.dispatchEvent(new CustomEvent("load"))}},e)));export default C;i(["click"]);
 //# sourceMappingURL=index.js.map

package/es/img/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/img/index.tsx"],"sourcesContent":["import {\n  Show,\n  createEffect,\n  createSignal,\n  mergeProps,\n  onCleanup,\n  onMount,\n  untrack,\n} from 'solid-js';\nimport { customElement } from 'solid-element';\nimport { Portal } from 'solid-js/web';\nimport { imgCss, style } from './style';\nimport Spin from '../spin';\nimport type { CustomElement } from '..';\n\nexport interface ImgProps {\n  /** 图片地址 */\n  src?: string;\n  /** 查看大图的地址, 默认使用 `src`\n   * @since 2.1.2\n   */\n  srcFull?: string;\n  /** 图片 alt */\n  alt?: string;\n  /** 大图查看 */\n  open?: boolean | null;\n  /** 开启关闭大图的回调函数 */\n  onOpenChange?: (open: boolean | null) => void;\n  /** 图片加载完成 */\n  onLoad?(e: Event): void;\n  /** 点击遮罩关闭\n   * @since 2.0.8\n   * @default true\n   */\n  maskClosable?: boolean;\n  /** 通过 `esc` 按键关闭\n   * @default true\n   */\n  escClosable?: boolean;\n  /**\n   * 懒加载\n   * @since 2.8.1\n   * @default true\n   */\n  lazy?: boolean;\n}\nexport type ImgElement = CustomElement<ImgProps, 'onOpenChange'>;\n\nfunction Img(_: ImgProps) {\n  let imgRef: HTMLImageElement | undefined;\n  let portal: HTMLDivElement | undefined;\n  const props = mergeProps({ lazy: true }, _);\n  const [open, setOpen] = createSignal<boolean | null>(null);\n  const [posi, setPosi] = createSignal({\n    width: 0,\n    height: 0,\n    left: 0,\n    top: 0,\n  });\n  const [isError, setIsError] = createSignal(false);\n  const [isIntersecting, setIsIntersecting] = createSignal(false);\n  const [loading, setLoading] = createSignal(true);\n  const observer = new IntersectionObserver((entries) => {\n    setIsIntersecting(entries[0].isIntersecting);\n    if (entries[0].isIntersecting) {\n      if (imgRef) {\n        observer.unobserve(imgRef);\n      }\n      observer.disconnect();\n    }\n  });\n\n  function getCss() {\n    const { width, height, top, left } = posi();\n\n    return `.portal { --img: url(${props.src});inline-size: ${width}px; block-size: ${height}px;inset-block-start: ${top}px;inset-inline-start: ${left}px;}`;\n  }\n  function openChange(visi: boolean | null) {\n    setOpen(visi);\n    props.onOpenChange?.(visi);\n  }\n  function preventDefault(e: Event) {\n    e.preventDefault();\n  }\n  function close(e: KeyboardEvent | Event) {\n    preventDefault(e);\n    if (e.type === 'keydown') {\n      if (props.escClosable && (e as KeyboardEvent).key === 'Escape') {\n        openChange(false);\n      }\n    } else {\n      openChange(false);\n    }\n  }\n  function handleDestroy() {\n    if (open() === false) {\n      openChange(null);\n    }\n  }\n  function handleOpen(e: Event) {\n    e.stopPropagation();\n    preventDefault(e);\n    if (!isError()) {\n      setPosi((e.target as HTMLImageElement)?.getBoundingClientRect());\n      openChange(true);\n    }\n  }\n  function handleError() {\n    setIsError(true);\n    setLoading(false);\n  }\n  function handleLoad(e: Event) {\n    props.onLoad?.(e);\n    setLoading(false);\n  }\n  function portalClick(e: Event) {\n    preventDefault(e);\n    if (props.maskClosable && e.target === portal) {\n      openChange(false);\n    }\n  }\n\n  createEffect(() => {\n    if (props.open !== void 0 && props.open !== untrack(open)) {\n      setOpen(props.open);\n    }\n  });\n  createEffect(() => {\n    if (open() === true) {\n      document.documentElement.addEventListener('mousewheel', preventDefault, {\n        passive: false,\n      });\n\n      if (props.escClosable) {\n        document.documentElement.addEventListener('keydown', close, false);\n      }\n    }\n\n    onCleanup(() => {\n      document.documentElement.removeEventListener('mousewheel', preventDefault, false);\n      document.documentElement.removeEventListener('keydown', close, false);\n    });\n  });\n\n  onMount(() => {\n    if (imgRef) {\n      observer.observe(imgRef);\n    }\n  });\n  onCleanup(() => {\n    if (imgRef) {\n      observer.unobserve(imgRef);\n    }\n    observer.disconnect();\n  });\n\n  return (\n    <>\n      <style>{imgCss}</style>\n      <Spin spin={loading()}>\n        <img\n          ref={imgRef}\n          class=\"img\"\n          classList={{\n            none: !!open(),\n            error: isError(),\n          }}\n          src={isIntersecting() ? props.src : void 0}\n          alt={props.alt}\n          onClick={handleOpen}\n          onError={handleError}\n          onLoad={handleLoad}\n        />\n      </Spin>\n      <Show when={open() !== null}>\n        <Portal useShadow={true}>\n          <style>\n            {getCss()}\n            {imgCss}\n            {style}\n          </style>\n          <div\n            ref={portal}\n            class=\"portal\"\n            classList={{\n              open: !!open(),\n              closeing: !open(),\n            }}\n            onAnimationEnd={handleDestroy}\n            onClick={portalClick}\n          >\n            <span class=\"close\" onClick={close} />\n            <img class=\"img\" src={props.srcFull || props.src} alt={props.alt} />\n          </div>\n        </Portal>\n      </Show>\n    </>\n  );\n}\n\ncustomElement<ImgProps>(\n  'n-img',\n  {\n    src: void 0,\n    srcFull: void 0,\n    alt: void 0,\n    open: null as boolean | null,\n    maskClosable: true,\n    escClosable: true,\n    onOpenChange: void 0,\n    onLoad: void 0,\n    lazy: void 0,\n  },\n  (_, opt) => {\n    const props = mergeProps(\n      {\n        onOpenChange(open: boolean | null) {\n          opt.element.dispatchEvent(\n            new CustomEvent('openchange', {\n              detail: open,\n            }),\n          );\n        },\n        onLoad() {\n          opt.element.dispatchEvent(new CustomEvent('load'));\n        },\n      },\n      _,\n    );\n\n    return <Img {...props} />;\n  },\n);\nexport default Img;\n"],"names":["Show","createEffect","createSignal","mergeProps","onCleanup","onMount","untrack","customElement","Portal","imgCss","style","Spin","Img","_","imgRef","portal","props","lazy","open","setOpen","posi","setPosi","width","height","left","top","isError","setIsError","isIntersecting","setIsIntersecting","loading","setLoading","observer","IntersectionObserver","entries","unobserve","disconnect","getCss","src","openChange","visi","onOpenChange","preventDefault","e","close","type","escClosable","key","handleDestroy","handleOpen","stopPropagation","target","getBoundingClientRect","handleError","handleLoad","onLoad","portalClick","maskClosable","document","documentElement","addEventListener","passive","removeEventListener","observe","alt","srcFull","opt","element","dispatchEvent","CustomEvent","detail"],"rangeMappings":"","mappings":"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"}
+{"version":3,"sources":["../../components/img/index.tsx"],"sourcesContent":["import {\n  Show,\n  createEffect,\n  createSignal,\n  mergeProps,\n  onCleanup,\n  onMount,\n  untrack,\n} from 'solid-js';\nimport { customElement } from 'solid-element';\nimport { Portal } from 'solid-js/web';\nimport { imgCss, style } from './style';\nimport Spin from '../spin';\nimport type { CustomElement } from '..';\n\nexport interface ImgProps {\n  /** 图片地址 */\n  src?: string;\n  /** 查看大图的地址, 默认使用 `src`\n   * @since 2.1.2\n   */\n  srcFull?: string;\n  /** 图片 alt */\n  alt?: string;\n  /** 大图查看 */\n  open?: boolean | null;\n  /** 开启关闭大图的回调函数 */\n  onOpenChange?: (open: boolean | null) => void;\n  /** 图片加载完成 */\n  onLoad?(e: Event): void;\n  /** 点击遮罩关闭\n   * @since 2.0.8\n   * @default true\n   */\n  maskClosable?: boolean;\n  /** 通过 `esc` 按键关闭\n   * @default true\n   */\n  escClosable?: boolean;\n  /**\n   * 懒加载\n   * @since 2.8.1\n   * @default true\n   */\n  lazy?: boolean;\n  /** 禁止点开大图\n   * @since 2.8.3\n   * @default false\n   */\n  disabled?: boolean;\n}\nexport type ImgElement = CustomElement<ImgProps, 'onOpenChange'>;\n\nfunction Img(_: ImgProps) {\n  let imgRef: HTMLImageElement | undefined;\n  let portal: HTMLDivElement | undefined;\n  const props = mergeProps({ lazy: true, disabled: false }, _);\n  const [open, setOpen] = createSignal<boolean | null>(null);\n  const [posi, setPosi] = createSignal({\n    width: 0,\n    height: 0,\n    left: 0,\n    top: 0,\n  });\n  const [isError, setIsError] = createSignal(false);\n  const [isIntersecting, setIsIntersecting] = createSignal(false);\n  const [loading, setLoading] = createSignal(true);\n  const observer = new IntersectionObserver((entries) => {\n    setIsIntersecting(entries[0].isIntersecting);\n    if (entries[0].isIntersecting) {\n      if (imgRef) {\n        observer.unobserve(imgRef);\n      }\n      observer.disconnect();\n    }\n  });\n\n  function getCss() {\n    const { width, height, top, left } = posi();\n\n    return `.portal {--img: url(${props.src});inline-size: ${width}px;block-size: ${height}px;inset-block-start: ${top}px;inset-inline-start: ${left}px;}`;\n  }\n  function openChange(visi: boolean | null) {\n    if (!props.disabled) {\n      setOpen(visi);\n      props.onOpenChange?.(visi);\n    }\n  }\n  function preventDefault(e: Event) {\n    e.preventDefault();\n  }\n  function close(e: KeyboardEvent | Event) {\n    preventDefault(e);\n    if (e.type === 'keydown') {\n      if (props.escClosable && (e as KeyboardEvent).key === 'Escape') {\n        openChange(false);\n      }\n    } else {\n      openChange(false);\n    }\n  }\n  function handleDestroy() {\n    if (open() === false) {\n      openChange(null);\n    }\n  }\n  function handleOpen(e: Event) {\n    if (!props.disabled) {\n      e.stopPropagation();\n      preventDefault(e);\n      if (!isError()) {\n        setPosi((e.target as HTMLImageElement)?.getBoundingClientRect());\n        openChange(true);\n      }\n    }\n  }\n  function handleError() {\n    setIsError(true);\n    setLoading(false);\n  }\n  function handleLoad(e: Event) {\n    props.onLoad?.(e);\n    setLoading(false);\n  }\n  function portalClick(e: Event) {\n    preventDefault(e);\n    if (props.maskClosable && e.target === portal) {\n      openChange(false);\n    }\n  }\n\n  createEffect(() => {\n    if (props.open !== void 0 && props.open !== untrack(open)) {\n      setOpen(props.open);\n    }\n  });\n  createEffect(() => {\n    if (open() === true) {\n      document.documentElement.addEventListener('mousewheel', preventDefault, {\n        passive: false,\n      });\n\n      if (props.escClosable) {\n        document.documentElement.addEventListener('keydown', close, false);\n      }\n    }\n\n    onCleanup(() => {\n      document.documentElement.removeEventListener('mousewheel', preventDefault, false);\n      document.documentElement.removeEventListener('keydown', close, false);\n    });\n  });\n\n  onMount(() => {\n    if (imgRef) {\n      observer.observe(imgRef);\n    }\n  });\n  onCleanup(() => {\n    if (imgRef) {\n      observer.unobserve(imgRef);\n    }\n    observer.disconnect();\n  });\n\n  return (\n    <>\n      <style>{imgCss}</style>\n      <Spin spin={loading()}>\n        <img\n          ref={imgRef}\n          class=\"img\"\n          part=\"img\"\n          classList={{\n            none: !!open(),\n            error: isError(),\n          }}\n          src={isIntersecting() ? props.src : void 0}\n          alt={props.alt}\n          onClick={handleOpen}\n          onError={handleError}\n          onLoad={handleLoad}\n        />\n      </Spin>\n      <Show when={open() !== null}>\n        <Portal useShadow={true}>\n          <style>\n            {getCss()}\n            {imgCss}\n            {style}\n          </style>\n          <div\n            ref={portal}\n            class=\"portal\"\n            classList={{\n              open: !!open(),\n              closeing: !open(),\n            }}\n            onAnimationEnd={handleDestroy}\n            onClick={portalClick}\n          >\n            <span class=\"close\" onClick={close} />\n            <img class=\"img\" src={props.srcFull || props.src} alt={props.alt} />\n          </div>\n        </Portal>\n      </Show>\n    </>\n  );\n}\n\ncustomElement<ImgProps>(\n  'n-img',\n  {\n    src: void 0,\n    srcFull: void 0,\n    alt: void 0,\n    open: null as boolean | null,\n    maskClosable: true,\n    escClosable: true,\n    onOpenChange: void 0,\n    onLoad: void 0,\n    lazy: void 0,\n    disabled: void 0,\n  },\n  (_, opt) => {\n    const props = mergeProps(\n      {\n        onOpenChange(open: boolean | null) {\n          opt.element.dispatchEvent(\n            new CustomEvent('openchange', {\n              detail: open,\n            }),\n          );\n        },\n        onLoad() {\n          opt.element.dispatchEvent(new CustomEvent('load'));\n        },\n      },\n      _,\n    );\n\n    return <Img {...props} />;\n  },\n);\nexport default Img;\n"],"names":["Show","createEffect","createSignal","mergeProps","onCleanup","onMount","untrack","customElement","Portal","imgCss","style","Spin","Img","_","imgRef","portal","props","lazy","disabled","open","setOpen","posi","setPosi","width","height","left","top","isError","setIsError","isIntersecting","setIsIntersecting","loading","setLoading","observer","IntersectionObserver","entries","unobserve","disconnect","getCss","src","openChange","visi","onOpenChange","preventDefault","e","close","type","escClosable","key","handleDestroy","handleOpen","stopPropagation","target","getBoundingClientRect","handleError","handleLoad","onLoad","portalClick","maskClosable","document","documentElement","addEventListener","passive","removeEventListener","observe","alt","srcFull","opt","element","dispatchEvent","CustomEvent","detail"],"rangeMappings":"","mappings":"meAAA,QACEA,QAAAA,CAAI,CACJC,gBAAAA,CAAY,CACZC,gBAAAA,CAAY,CACZC,cAAAA,CAAU,CACVC,aAAAA,CAAS,CACTC,WAAAA,CAAO,CACPC,WAAAA,CAAO,KACF,UAAW,AAClB,QAASC,iBAAAA,CAAa,KAAQ,eAAgB,AAC9C,QAASC,UAAAA,CAAM,KAAQ,cAAe,AACtC,QAASC,UAAAA,CAAM,CAAEC,SAAAA,CAAK,KAAQ,SAAU,AACxC,QAAOC,MAAU,SAAU,CAyC3B,SAASC,EAAIC,CAAW,MAClBC,EACAC,EACJ,IAAMC,EAAQb,EAAW,CAAEc,KAAM,CAAA,EAAMC,SAAU,CAAA,CAAM,EAAGL,GACpD,CAACM,EAAMC,EAAQ,CAAGlB,EAA6B,MAC/C,CAACmB,EAAMC,EAAQ,CAAGpB,EAAa,CACnCqB,MAAO,EACPC,OAAQ,EACRC,KAAM,EACNC,IAAK,CACP,GACM,CAACC,EAASC,EAAW,CAAG1B,EAAa,CAAA,GACrC,CAAC2B,EAAgBC,EAAkB,CAAG5B,EAAa,CAAA,GACnD,CAAC6B,EAASC,EAAW,CAAG9B,EAAa,CAAA,GACrC+B,EAAW,IAAIC,qBAAqB,AAACC,IACzCL,EAAkBK,CAAO,CAAC,EAAE,CAACN,cAAc,EACvCM,CAAO,CAAC,EAAE,CAACN,cAAc,GACvBf,GACFmB,EAASG,SAAS,CAACtB,GAErBmB,EAASI,UAAU,GAEvB,GAEA,SAASC,IACP,GAAM,CAAEf,MAAAA,CAAK,CAAEC,OAAAA,CAAM,CAAEE,IAAAA,CAAG,CAAED,KAAAA,CAAI,CAAE,CAAGJ,IAErC,MAAO,CAAC,oBAAoB,EAAEL,EAAMuB,GAAG,CAAC,eAAe,EAAEhB,EAAM,eAAe,EAAEC,EAAO,sBAAsB,EAAEE,EAAI,uBAAuB,EAAED,EAAK,IAAI,CAAC,AACxJ,CACA,SAASe,EAAWC,CAAoB,EACjCzB,EAAME,QAAQ,GACjBE,EAAQqB,SACRzB,EAAM0B,YAAY,EAAlB1B,EAAM0B,YAAY,MAAlB1B,EAAqByB,GAEzB,CACA,SAASE,EAAeC,CAAQ,EAC9BA,EAAED,cAAc,EAClB,CACA,SAASE,EAAMD,CAAwB,EACrCD,EAAeC,GACXA,AAAW,YAAXA,EAAEE,IAAI,CACJ9B,EAAM+B,WAAW,EAAI,AAA6B,WAA7B,AAACH,EAAoBI,GAAG,EAC/CR,EAAW,CAAA,GAGbA,EAAW,CAAA,EAEf,CACA,SAASS,IACQ,CAAA,IAAX9B,KACFqB,EAAW,KAEf,CACA,SAASU,EAAWN,CAAQ,EAC1B,GAAI,CAAC5B,EAAME,QAAQ,GACjB0B,EAAEO,eAAe,GACjBR,EAAeC,GACX,CAACjB,KAAW,KACLiB,EAATtB,SAASsB,EAAAA,EAAEQ,MAAM,SAAT,AAACR,EAA+BS,qBAAqB,IAC7Db,EAAW,CAAA,EACb,CAEJ,CACA,SAASc,IACP1B,EAAW,CAAA,GACXI,EAAW,CAAA,EACb,CACA,SAASuB,EAAWX,CAAQ,QAC1B5B,EAAMwC,MAAM,EAAZxC,EAAMwC,MAAM,MAAZxC,EAAe4B,GACfZ,EAAW,CAAA,EACb,CACA,SAASyB,EAAYb,CAAQ,EAC3BD,EAAeC,GACX5B,EAAM0C,YAAY,EAAId,EAAEQ,MAAM,GAAKrC,GACrCyB,EAAW,CAAA,EAEf,CAoCA,OAlCAvC,EAAa,KACQ,KAAK,IAApBe,EAAMG,IAAI,EAAeH,EAAMG,IAAI,GAAKb,EAAQa,IAClDC,EAAQJ,EAAMG,IAAI,CAEtB,GACAlB,EAAa,KACI,CAAA,IAAXkB,MACFwC,SAASC,eAAe,CAACC,gBAAgB,CAAC,aAAclB,EAAgB,CACtEmB,QAAS,CAAA,CACX,GAEI9C,EAAM+B,WAAW,EACnBY,SAASC,eAAe,CAACC,gBAAgB,CAAC,UAAWhB,EAAO,CAAA,IAIhEzC,EAAU,KACRuD,SAASC,eAAe,CAACG,mBAAmB,CAAC,aAAcpB,EAAgB,CAAA,GAC3EgB,SAASC,eAAe,CAACG,mBAAmB,CAAC,UAAWlB,EAAO,CAAA,EACjE,EACF,GAEAxC,EAAQ,KACFS,GACFmB,EAAS+B,OAAO,CAAClD,EAErB,GACAV,EAAU,KACJU,GACFmB,EAASG,SAAS,CAACtB,GAErBmB,EAASI,UAAU,EACrB,+BAIY5B,WACPE,qBAAWoB,gCAEHjB,oBAWGyC,eADCD,eADAJ,kCATJpC,gBAIG,CAAC,CAACK,QACDQ,MAEJE,IAAmBb,EAAMuB,GAAG,CAAG,KAAK,IACpCvB,EAAMiD,GAAG,mOAMjBjE,qBAAWmB,AAAW,OAAXA,6BACTX,aAAkB,CAAA,mDAEd8B,YACA7B,YACAC,gCAGIK,oDAOI0C,yBADOR,+BANXlC,gBASwB8B,kBANrB,CAAC,CAAC1B,MACE,CAACA,MAMSH,EAAMkD,OAAO,EAAIlD,EAAMuB,GAAG,GAAOvB,EAAMiD,GAAG,+OAM5E,CAEA1D,EACE,QACA,CACEgC,IAAK,KAAK,EACV2B,QAAS,KAAK,EACdD,IAAK,KAAK,EACV9C,KAAM,KACNuC,aAAc,CAAA,EACdX,YAAa,CAAA,EACbL,aAAc,KAAK,EACnBc,OAAQ,KAAK,EACbvC,KAAM,KAAK,EACXC,SAAU,KAAK,CACjB,EACA,CAACL,EAAGsD,MAiBMvD,EAhBMT,EACZ,CACEuC,aAAavB,CAAoB,EAC/BgD,EAAIC,OAAO,CAACC,aAAa,CACvB,IAAIC,YAAY,aAAc,CAC5BC,OAAQpD,CACV,GAEJ,EACAqC,SACEW,EAAIC,OAAO,CAACC,aAAa,CAAC,IAAIC,YAAY,QAC5C,CACF,EACAzD,IAMN,gBAAeD,CAAI"}

package/es/index.d.ts

@@ -40,6 +40,7 @@ export { default as Tree, type TreeElement, type TreeMultipleElement, type TreeM
 export { default as Typography, type TypographyElement, type TypographyProps } from './typography';
 export { default as dayjs } from './date-picker/dayjs';
 export { default as Provider, type ProviderElement, type ProviderProps } from './provider';
+export { default as Prism } from './prism';
 export { hot, customElement, noShadowDOM, withSolid, getCurrentElement } from 'solid-element';
 export type { CustomElement } from 'custom-element-type';
 import type { AvatarElement, AvatarGroupElement, BackTopElement, ButtonElement, CaptureScreenElement, CarouselElement, CheckboxBoolElement, CheckboxGroupElement, CodeElement, ColorPaletteElement, ColorPickerElement, CronElement, DatePickerElement, DropdownElement, DropdownMultipleElement, EmptyElement, HighlightTextElement, ImgElement, InputElement, InputNumberElement, MdElement, MenuElement, MenuMultipleElement, ModalElement, PaginationElement, PopoverElement, ProviderElement, RadioElement, SegmentedElement, SelectElement, SelectMultipleElement, SkeletonElement, SpinElement, SwitchElement, TableElement, TabsElement, TagElement, TreeElement, TreeMultipleElement, TreeMultipleSchemaElement, TreeMultipleStringElement, TreeSchemaElement, TreeStringElement, TypographyElement } from '.';

package/es/index.js

@@ -1,2 +1,2 @@
-export{default as Avatar}from"./avatar";export{default as AvatarGroup}from"./avatar/group";export{default as BackTop}from"./back-top";export{FieldName,Size,Status}from"./basic-config";export{default as Button}from"./button";export{default as CaptureScreen}from"./capture-screen";export{default as Carousel}from"./carousel";export{default as Checkbox}from"./checkbox";export{default as Code}from"./code";export{default as ColorPalette}from"./color-palette";export{default as ColorPicker}from"./color-picker";export{default as Cron}from"./cron";export{default as DatePicker}from"./date-picker";export{default as Dropdown}from"./dropdown";export{default as Empty}from"./empty";export{default as fromSchema}from"./from-schema";export{default as getOptions}from"./get-options";export{default as HighlightText}from"./highlight-text";export{default as Img}from"./img";export{default as Input}from"./input";export{default as InputNumber}from"./input-number";export{default as Md}from"./md";export{default as mdStyle}from"./md-style";export{default as Menu}from"./menu";export{default as Modal,OpenState}from"./modal";export{default as notification}from"./notification";export{default as Pagination}from"./pagination";export{default as Popover}from"./popover";export{default as Radio}from"./radio";export{default as Segmented}from"./segmented";export{default as Select}from"./select";export{default as Skeleton}from"./skeleton";export{default as Spin}from"./spin";export{default as Switch}from"./switch";export{default as Table}from"./table";export{default as Tabs}from"./tabs";export{default as Tag}from"./tag";export{default as theme,generateColor,toneColor}from"./theme";export{default as Tree}from"./tree";export{default as Typography}from"./typography";export{default as dayjs}from"./date-picker/dayjs";export{default as Provider}from"./provider";export{hot,customElement,noShadowDOM,withSolid,getCurrentElement}from"solid-element";
+export{default as Avatar}from"./avatar";export{default as AvatarGroup}from"./avatar/group";export{default as BackTop}from"./back-top";export{FieldName,Size,Status}from"./basic-config";export{default as Button}from"./button";export{default as CaptureScreen}from"./capture-screen";export{default as Carousel}from"./carousel";export{default as Checkbox}from"./checkbox";export{default as Code}from"./code";export{default as ColorPalette}from"./color-palette";export{default as ColorPicker}from"./color-picker";export{default as Cron}from"./cron";export{default as DatePicker}from"./date-picker";export{default as Dropdown}from"./dropdown";export{default as Empty}from"./empty";export{default as fromSchema}from"./from-schema";export{default as getOptions}from"./get-options";export{default as HighlightText}from"./highlight-text";export{default as Img}from"./img";export{default as Input}from"./input";export{default as InputNumber}from"./input-number";export{default as Md}from"./md";export{default as mdStyle}from"./md-style";export{default as Menu}from"./menu";export{default as Modal,OpenState}from"./modal";export{default as notification}from"./notification";export{default as Pagination}from"./pagination";export{default as Popover}from"./popover";export{default as Radio}from"./radio";export{default as Segmented}from"./segmented";export{default as Select}from"./select";export{default as Skeleton}from"./skeleton";export{default as Spin}from"./spin";export{default as Switch}from"./switch";export{default as Table}from"./table";export{default as Tabs}from"./tabs";export{default as Tag}from"./tag";export{default as theme,generateColor,toneColor}from"./theme";export{default as Tree}from"./tree";export{default as Typography}from"./typography";export{default as dayjs}from"./date-picker/dayjs";export{default as Provider}from"./provider";export{default as Prism}from"./prism";export{hot,customElement,noShadowDOM,withSolid,getCurrentElement}from"solid-element";
 //# sourceMappingURL=index.js.map

package/es/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../components/index.ts"],"sourcesContent":["'use client';\n\nexport { default as Avatar, type AvatarElement, type AvatarProps } from './avatar';\nexport {\n  default as AvatarGroup,\n  type AvatarGroupElement,\n  type AvatarGroupProps,\n} from './avatar/group';\nexport { default as BackTop, type BackTopElement, type BackTopProps } from './back-top';\nexport { type BaseOption, type BasicConfig, FieldName, Size, Status } from './basic-config';\nexport { default as Button, type ButtonElement, type ButtonProps } from './button';\nexport {\n  default as CaptureScreen,\n  type CaptureScreenElement,\n  type CaptureScreenProps,\n} from './capture-screen';\nexport { default as Carousel, type CarouselElement, type CarouselProps } from './carousel';\nexport {\n  default as Checkbox,\n  type CheckboxBoolElement,\n  type CheckboxBoolProps,\n  type CheckboxGroupElement,\n  type CheckboxGroupProps,\n} from './checkbox';\nexport { default as Code, type CodeElement, type CodeProps } from './code';\nexport {\n  default as ColorPalette,\n  type ColorPaletteElement,\n  type ColorPaletteProps,\n} from './color-palette';\nexport {\n  default as ColorPicker,\n  type ColorPickerElement,\n  type ColorPickerProps,\n} from './color-picker';\nexport { default as Cron, type CronElement, type CronProps } from './cron';\nexport { default as DatePicker, type DatePickerProps, type DatePickerElement } from './date-picker';\nexport {\n  default as Dropdown,\n  type DropdownElement,\n  type DropdownMultipleElement,\n  type DropdownMultipleProps,\n  type DropdownProps,\n} from './dropdown';\nexport { default as Empty, type EmptyElement, type EmptyProps } from './empty';\nexport { default as fromSchema } from './from-schema';\nexport { default as getOptions } from './get-options';\nexport {\n  default as HighlightText,\n  type HighlightTextElement,\n  type HighlightTextProps,\n} from './highlight-text';\nexport { default as Img, type ImgElement, type ImgProps } from './img';\nexport { default as Input, type InputElement, type InputProps } from './input';\nexport {\n  default as InputNumber,\n  type InputNumberElement,\n  type InputNumberProps,\n} from './input-number';\nexport { default as Md, type MdElement, type MdProps } from './md';\nexport { default as mdStyle } from './md-style';\nexport {\n  default as Menu,\n  type MenuElement,\n  type MenuMultipleElement,\n  type MenuMultipleProps,\n  type MenuOption,\n  type MenuProps,\n} from './menu';\nexport {\n  default as Modal,\n  type ModalElement,\n  type ModalProps,\n  type OpenStateKey,\n  OpenState,\n} from './modal';\nexport {\n  default as notification,\n  type NotificationType,\n  type NotificationProps,\n} from './notification';\nexport { default as Pagination, type PaginationProps, type PaginationElement } from './pagination';\nexport { default as Popover, type PopoverElement, type PopoverProps } from './popover';\nexport { default as Radio, type RadioElement, type RadioOption, type RadioProps } from './radio';\nexport { default as Segmented, type SegmentedElement, type SegmentedProps } from './segmented';\nexport {\n  default as Select,\n  type SelectElement,\n  type SelectMultipleElement,\n  type SelectMultipleProps,\n  type SelectProps,\n} from './select';\nexport { default as Skeleton, type SkeletonElement, type SkeletonProps } from './skeleton';\nexport { default as Spin, type SpinElement, type SpinProps } from './spin';\nexport { default as Switch, type SwitchElement, type SwitchProps } from './switch';\nexport { default as Table, type TableElement, type TableProps } from './table';\nexport { default as Tabs, type TabOption, type TabsElement, type TabsProps } from './tabs';\nexport { default as Tag, type TagElement, type TagProps } from './tag';\nexport {\n  default as theme,\n  type ColorScheme,\n  type ThemeOption,\n  generateColor,\n  toneColor,\n} from './theme';\nexport {\n  default as Tree,\n  type TreeElement,\n  type TreeMultipleElement,\n  type TreeMultipleProps,\n  type TreeMultipleSchemaElement,\n  type TreeMultipleSchemaProps,\n  type TreeMultipleStringElement,\n  type TreeMultipleStringProps,\n  type TreeProps,\n  type TreeSchemaElement,\n  type TreeSchemaProps,\n  type TreeStringElement,\n  type TreeStringProps,\n  type TreeData,\n} from './tree';\nexport { default as Typography, type TypographyElement, type TypographyProps } from './typography';\nexport { default as dayjs } from './date-picker/dayjs';\nexport { default as Provider, type ProviderElement, type ProviderProps } from './provider';\nexport { hot, customElement, noShadowDOM, withSolid, getCurrentElement } from 'solid-element';\nexport type { CustomElement } from 'custom-element-type';\nimport type {\n  AvatarElement,\n  AvatarGroupElement,\n  BackTopElement,\n  ButtonElement,\n  CaptureScreenElement,\n  CarouselElement,\n  CheckboxBoolElement,\n  CheckboxGroupElement,\n  CodeElement,\n  ColorPaletteElement,\n  ColorPickerElement,\n  CronElement,\n  DatePickerElement,\n  DropdownElement,\n  DropdownMultipleElement,\n  EmptyElement,\n  HighlightTextElement,\n  ImgElement,\n  InputElement,\n  InputNumberElement,\n  MdElement,\n  MenuElement,\n  MenuMultipleElement,\n  ModalElement,\n  PaginationElement,\n  PopoverElement,\n  ProviderElement,\n  RadioElement,\n  SegmentedElement,\n  SelectElement,\n  SelectMultipleElement,\n  SkeletonElement,\n  SpinElement,\n  SwitchElement,\n  TableElement,\n  TabsElement,\n  TagElement,\n  TreeElement,\n  TreeMultipleElement,\n  TreeMultipleSchemaElement,\n  TreeMultipleStringElement,\n  TreeSchemaElement,\n  TreeStringElement,\n  TypographyElement,\n} from '.';\nimport type { ICustomElement, Transform } from 'custom-element-type';\n\n/** 组件列表\n * @author monako97\n * @ignore optional\n */\ninterface CustomElementTags {\n  /** 头像 */\n  'n-avatar': AvatarElement;\n  /** 头像组 */\n  'n-avatar-group': AvatarGroupElement;\n  /** 返回顶部 */\n  'n-back-top': BackTopElement;\n  /** 按钮 */\n  'n-button': ButtonElement;\n  /** 捕获屏幕 */\n  'n-capture-screen': CaptureScreenElement;\n  /** 走马灯、轮播 */\n  'n-carousel': CarouselElement;\n  /** 复选框 */\n  'n-checkbox': CheckboxBoolElement | CheckboxGroupElement;\n  /** 代码框 */\n  'n-code': CodeElement;\n  /** 取色器 */\n  'n-color-palette': ColorPaletteElement;\n  /** 取色器(弹出类型) */\n  'n-color-picker': ColorPickerElement;\n  /** 下拉面板 */\n  'n-dropdown': DropdownElement | DropdownMultipleElement;\n  /** 空面板 */\n  'n-empty': EmptyElement;\n  /** 匹配高亮文字 */\n  'n-highlight-text': HighlightTextElement;\n  /** 图片查看器 */\n  'n-img': ImgElement;\n  /** 输入框 */\n  'n-input': InputElement;\n  /** 数字输入框 */\n  'n-input-number': InputNumberElement;\n  /** Markdown渲染 */\n  'n-md': MdElement;\n  /** 弹出气泡面板 */\n  'n-popover': PopoverElement;\n  /** 单选项 */\n  'n-radio': RadioElement;\n  /** 分段控制器 */\n  'n-segmented': SegmentedElement;\n  /** 下拉选择框 */\n  'n-select': SelectElement | SelectMultipleElement;\n  /** 骨架屏 */\n  'n-skeleton': SkeletonElement;\n  /** 加载中 */\n  'n-spin': SpinElement;\n  /** 开关 */\n  'n-switch': SwitchElement;\n  /** 树形渲染 */\n  'n-tree':\n    | TreeElement\n    | TreeStringElement\n    | TreeSchemaElement\n    | TreeMultipleElement\n    | TreeMultipleStringElement\n    | TreeMultipleSchemaElement;\n  /** 文字排版 */\n  'n-typography': TypographyElement;\n  /** 标签页 */\n  'n-tabs': TabsElement;\n  /** 标签 */\n  'n-tag': TagElement;\n  /** 导航菜单 */\n  'n-menu': MenuElement | MenuMultipleElement;\n  /** Cron表达式编辑器 */\n  'n-cron': CronElement;\n  /** 日期选择器\n   * @since 2.1.0\n   */\n  'n-data-picker': DatePickerElement;\n  /** 数据表格\n   * @since 2.2.0\n   */\n  'n-table': TableElement;\n  /** 分页器\n   * @since 2.2.0\n   */\n  'n-pagination': PaginationElement;\n  /** 响应内部变化\n   * @since 2.3.0\n   */\n  'n-provider': ProviderElement;\n  /** 模态框\n   * @since 2.6.0\n   */\n  'n-modal': ModalElement;\n}\ntype IntrinsicNekoElement = Transform<CustomElementTags>;\n\ndeclare module 'solid-js' {\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  export namespace JSX {\n    export interface IntrinsicElements extends HTMLElementTags, IntrinsicNekoElement {}\n  }\n  interface HTMLElementTagNameMap extends IntrinsicNekoElement {}\n}\ndeclare global {\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  export namespace JSX {\n    export interface IntrinsicElements extends IntrinsicNekoElement {}\n  }\n  interface HTMLElementTagNameMap extends IntrinsicNekoElement {}\n}\n\nexport interface ComponentOptions<T> {\n  element: T & ICustomElement;\n}\n"],"names":["default","Avatar","AvatarGroup","BackTop","FieldName","Size","Status","Button","CaptureScreen","Carousel","Checkbox","Code","ColorPalette","ColorPicker","Cron","DatePicker","Dropdown","Empty","fromSchema","getOptions","HighlightText","Img","Input","InputNumber","Md","mdStyle","Menu","Modal","OpenState","notification","Pagination","Popover","Radio","Segmented","Select","Skeleton","Spin","Switch","Table","Tabs","Tag","theme","generateColor","toneColor","Tree","Typography","dayjs","Provider","hot","customElement","noShadowDOM","withSolid","getCurrentElement"],"rangeMappings":"","mappings":"AAEA,OAASA,WAAWC,MAAM,KAA8C,UAAW,AACnF,QACED,WAAWE,WAAW,KAGjB,gBAAiB,AACxB,QAASF,WAAWG,OAAO,KAAgD,YAAa,AACxF,QAA4CC,SAAS,CAAEC,IAAI,CAAEC,MAAM,KAAQ,gBAAiB,AAC5F,QAASN,WAAWO,MAAM,KAA8C,UAAW,AACnF,QACEP,WAAWQ,aAAa,KAGnB,kBAAmB,AAC1B,QAASR,WAAWS,QAAQ,KAAkD,YAAa,AAC3F,QACET,WAAWU,QAAQ,KAKd,YAAa,AACpB,QAASV,WAAWW,IAAI,KAA0C,QAAS,AAC3E,QACEX,WAAWY,YAAY,KAGlB,iBAAkB,AACzB,QACEZ,WAAWa,WAAW,KAGjB,gBAAiB,AACxB,QAASb,WAAWc,IAAI,KAA0C,QAAS,AAC3E,QAASd,WAAWe,UAAU,KAAsD,eAAgB,AACpG,QACEf,WAAWgB,QAAQ,KAKd,YAAa,AACpB,QAAShB,WAAWiB,KAAK,KAA4C,SAAU,AAC/E,QAASjB,WAAWkB,UAAU,KAAQ,eAAgB,AACtD,QAASlB,WAAWmB,UAAU,KAAQ,eAAgB,AACtD,QACEnB,WAAWoB,aAAa,KAGnB,kBAAmB,AAC1B,QAASpB,WAAWqB,GAAG,KAAwC,OAAQ,AACvE,QAASrB,WAAWsB,KAAK,KAA4C,SAAU,AAC/E,QACEtB,WAAWuB,WAAW,KAGjB,gBAAiB,AACxB,QAASvB,WAAWwB,EAAE,KAAsC,MAAO,AACnE,QAASxB,WAAWyB,OAAO,KAAQ,YAAa,AAChD,QACEzB,WAAW0B,IAAI,KAMV,QAAS,AAChB,QACE1B,WAAW2B,KAAK,CAIhBC,SAAS,KACJ,SAAU,AACjB,QACE5B,WAAW6B,YAAY,KAGlB,gBAAiB,AACxB,QAAS7B,WAAW8B,UAAU,KAAsD,cAAe,AACnG,QAAS9B,WAAW+B,OAAO,KAAgD,WAAY,AACvF,QAAS/B,WAAWgC,KAAK,KAA8D,SAAU,AACjG,QAAShC,WAAWiC,SAAS,KAAoD,aAAc,AAC/F,QACEjC,WAAWkC,MAAM,KAKZ,UAAW,AAClB,QAASlC,WAAWmC,QAAQ,KAAkD,YAAa,AAC3F,QAASnC,WAAWoC,IAAI,KAA0C,QAAS,AAC3E,QAASpC,WAAWqC,MAAM,KAA8C,UAAW,AACnF,QAASrC,WAAWsC,KAAK,KAA4C,SAAU,AAC/E,QAAStC,WAAWuC,IAAI,KAA0D,QAAS,AAC3F,QAASvC,WAAWwC,GAAG,KAAwC,OAAQ,AACvE,QACExC,WAAWyC,KAAK,CAGhBC,aAAa,CACbC,SAAS,KACJ,SAAU,AACjB,QACE3C,WAAW4C,IAAI,KAcV,QAAS,AAChB,QAAS5C,WAAW6C,UAAU,KAAsD,cAAe,AACnG,QAAS7C,WAAW8C,KAAK,KAAQ,qBAAsB,AACvD,QAAS9C,WAAW+C,QAAQ,KAAkD,YAAa,AAC3F,QAASC,GAAG,CAAEC,aAAa,CAAEC,WAAW,CAAEC,SAAS,CAAEC,iBAAiB,KAAQ,eAAgB"}
+{"version":3,"sources":["../components/index.ts"],"sourcesContent":["'use client';\n\nexport { default as Avatar, type AvatarElement, type AvatarProps } from './avatar';\nexport {\n  default as AvatarGroup,\n  type AvatarGroupElement,\n  type AvatarGroupProps,\n} from './avatar/group';\nexport { default as BackTop, type BackTopElement, type BackTopProps } from './back-top';\nexport { type BaseOption, type BasicConfig, FieldName, Size, Status } from './basic-config';\nexport { default as Button, type ButtonElement, type ButtonProps } from './button';\nexport {\n  default as CaptureScreen,\n  type CaptureScreenElement,\n  type CaptureScreenProps,\n} from './capture-screen';\nexport { default as Carousel, type CarouselElement, type CarouselProps } from './carousel';\nexport {\n  default as Checkbox,\n  type CheckboxBoolElement,\n  type CheckboxBoolProps,\n  type CheckboxGroupElement,\n  type CheckboxGroupProps,\n} from './checkbox';\nexport { default as Code, type CodeElement, type CodeProps } from './code';\nexport {\n  default as ColorPalette,\n  type ColorPaletteElement,\n  type ColorPaletteProps,\n} from './color-palette';\nexport {\n  default as ColorPicker,\n  type ColorPickerElement,\n  type ColorPickerProps,\n} from './color-picker';\nexport { default as Cron, type CronElement, type CronProps } from './cron';\nexport { default as DatePicker, type DatePickerProps, type DatePickerElement } from './date-picker';\nexport {\n  default as Dropdown,\n  type DropdownElement,\n  type DropdownMultipleElement,\n  type DropdownMultipleProps,\n  type DropdownProps,\n} from './dropdown';\nexport { default as Empty, type EmptyElement, type EmptyProps } from './empty';\nexport { default as fromSchema } from './from-schema';\nexport { default as getOptions } from './get-options';\nexport {\n  default as HighlightText,\n  type HighlightTextElement,\n  type HighlightTextProps,\n} from './highlight-text';\nexport { default as Img, type ImgElement, type ImgProps } from './img';\nexport { default as Input, type InputElement, type InputProps } from './input';\nexport {\n  default as InputNumber,\n  type InputNumberElement,\n  type InputNumberProps,\n} from './input-number';\nexport { default as Md, type MdElement, type MdProps } from './md';\nexport { default as mdStyle } from './md-style';\nexport {\n  default as Menu,\n  type MenuElement,\n  type MenuMultipleElement,\n  type MenuMultipleProps,\n  type MenuOption,\n  type MenuProps,\n} from './menu';\nexport {\n  default as Modal,\n  type ModalElement,\n  type ModalProps,\n  type OpenStateKey,\n  OpenState,\n} from './modal';\nexport {\n  default as notification,\n  type NotificationType,\n  type NotificationProps,\n} from './notification';\nexport { default as Pagination, type PaginationProps, type PaginationElement } from './pagination';\nexport { default as Popover, type PopoverElement, type PopoverProps } from './popover';\nexport { default as Radio, type RadioElement, type RadioOption, type RadioProps } from './radio';\nexport { default as Segmented, type SegmentedElement, type SegmentedProps } from './segmented';\nexport {\n  default as Select,\n  type SelectElement,\n  type SelectMultipleElement,\n  type SelectMultipleProps,\n  type SelectProps,\n} from './select';\nexport { default as Skeleton, type SkeletonElement, type SkeletonProps } from './skeleton';\nexport { default as Spin, type SpinElement, type SpinProps } from './spin';\nexport { default as Switch, type SwitchElement, type SwitchProps } from './switch';\nexport { default as Table, type TableElement, type TableProps } from './table';\nexport { default as Tabs, type TabOption, type TabsElement, type TabsProps } from './tabs';\nexport { default as Tag, type TagElement, type TagProps } from './tag';\nexport {\n  default as theme,\n  type ColorScheme,\n  type ThemeOption,\n  generateColor,\n  toneColor,\n} from './theme';\nexport {\n  default as Tree,\n  type TreeElement,\n  type TreeMultipleElement,\n  type TreeMultipleProps,\n  type TreeMultipleSchemaElement,\n  type TreeMultipleSchemaProps,\n  type TreeMultipleStringElement,\n  type TreeMultipleStringProps,\n  type TreeProps,\n  type TreeSchemaElement,\n  type TreeSchemaProps,\n  type TreeStringElement,\n  type TreeStringProps,\n  type TreeData,\n} from './tree';\nexport { default as Typography, type TypographyElement, type TypographyProps } from './typography';\nexport { default as dayjs } from './date-picker/dayjs';\nexport { default as Provider, type ProviderElement, type ProviderProps } from './provider';\nexport { default as Prism } from './prism';\nexport { hot, customElement, noShadowDOM, withSolid, getCurrentElement } from 'solid-element';\nexport type { CustomElement } from 'custom-element-type';\nimport type {\n  AvatarElement,\n  AvatarGroupElement,\n  BackTopElement,\n  ButtonElement,\n  CaptureScreenElement,\n  CarouselElement,\n  CheckboxBoolElement,\n  CheckboxGroupElement,\n  CodeElement,\n  ColorPaletteElement,\n  ColorPickerElement,\n  CronElement,\n  DatePickerElement,\n  DropdownElement,\n  DropdownMultipleElement,\n  EmptyElement,\n  HighlightTextElement,\n  ImgElement,\n  InputElement,\n  InputNumberElement,\n  MdElement,\n  MenuElement,\n  MenuMultipleElement,\n  ModalElement,\n  PaginationElement,\n  PopoverElement,\n  ProviderElement,\n  RadioElement,\n  SegmentedElement,\n  SelectElement,\n  SelectMultipleElement,\n  SkeletonElement,\n  SpinElement,\n  SwitchElement,\n  TableElement,\n  TabsElement,\n  TagElement,\n  TreeElement,\n  TreeMultipleElement,\n  TreeMultipleSchemaElement,\n  TreeMultipleStringElement,\n  TreeSchemaElement,\n  TreeStringElement,\n  TypographyElement,\n} from '.';\nimport type { ICustomElement, Transform } from 'custom-element-type';\n\n/** 组件列表\n * @author monako97\n * @ignore optional\n */\ninterface CustomElementTags {\n  /** 头像 */\n  'n-avatar': AvatarElement;\n  /** 头像组 */\n  'n-avatar-group': AvatarGroupElement;\n  /** 返回顶部 */\n  'n-back-top': BackTopElement;\n  /** 按钮 */\n  'n-button': ButtonElement;\n  /** 捕获屏幕 */\n  'n-capture-screen': CaptureScreenElement;\n  /** 走马灯、轮播 */\n  'n-carousel': CarouselElement;\n  /** 复选框 */\n  'n-checkbox': CheckboxBoolElement | CheckboxGroupElement;\n  /** 代码框 */\n  'n-code': CodeElement;\n  /** 取色器 */\n  'n-color-palette': ColorPaletteElement;\n  /** 取色器(弹出类型) */\n  'n-color-picker': ColorPickerElement;\n  /** 下拉面板 */\n  'n-dropdown': DropdownElement | DropdownMultipleElement;\n  /** 空面板 */\n  'n-empty': EmptyElement;\n  /** 匹配高亮文字 */\n  'n-highlight-text': HighlightTextElement;\n  /** 图片查看器 */\n  'n-img': ImgElement;\n  /** 输入框 */\n  'n-input': InputElement;\n  /** 数字输入框 */\n  'n-input-number': InputNumberElement;\n  /** Markdown渲染 */\n  'n-md': MdElement;\n  /** 弹出气泡面板 */\n  'n-popover': PopoverElement;\n  /** 单选项 */\n  'n-radio': RadioElement;\n  /** 分段控制器 */\n  'n-segmented': SegmentedElement;\n  /** 下拉选择框 */\n  'n-select': SelectElement | SelectMultipleElement;\n  /** 骨架屏 */\n  'n-skeleton': SkeletonElement;\n  /** 加载中 */\n  'n-spin': SpinElement;\n  /** 开关 */\n  'n-switch': SwitchElement;\n  /** 树形渲染 */\n  'n-tree':\n    | TreeElement\n    | TreeStringElement\n    | TreeSchemaElement\n    | TreeMultipleElement\n    | TreeMultipleStringElement\n    | TreeMultipleSchemaElement;\n  /** 文字排版 */\n  'n-typography': TypographyElement;\n  /** 标签页 */\n  'n-tabs': TabsElement;\n  /** 标签 */\n  'n-tag': TagElement;\n  /** 导航菜单 */\n  'n-menu': MenuElement | MenuMultipleElement;\n  /** Cron表达式编辑器 */\n  'n-cron': CronElement;\n  /** 日期选择器\n   * @since 2.1.0\n   */\n  'n-data-picker': DatePickerElement;\n  /** 数据表格\n   * @since 2.2.0\n   */\n  'n-table': TableElement;\n  /** 分页器\n   * @since 2.2.0\n   */\n  'n-pagination': PaginationElement;\n  /** 响应内部变化\n   * @since 2.3.0\n   */\n  'n-provider': ProviderElement;\n  /** 模态框\n   * @since 2.6.0\n   */\n  'n-modal': ModalElement;\n}\ntype IntrinsicNekoElement = Transform<CustomElementTags>;\n\ndeclare module 'solid-js' {\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  export namespace JSX {\n    export interface IntrinsicElements extends HTMLElementTags, IntrinsicNekoElement {}\n  }\n  interface HTMLElementTagNameMap extends IntrinsicNekoElement {}\n}\ndeclare global {\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  export namespace JSX {\n    export interface IntrinsicElements extends IntrinsicNekoElement {}\n  }\n  interface HTMLElementTagNameMap extends IntrinsicNekoElement {}\n}\n\nexport interface ComponentOptions<T> {\n  element: T & ICustomElement;\n}\n"],"names":["default","Avatar","AvatarGroup","BackTop","FieldName","Size","Status","Button","CaptureScreen","Carousel","Checkbox","Code","ColorPalette","ColorPicker","Cron","DatePicker","Dropdown","Empty","fromSchema","getOptions","HighlightText","Img","Input","InputNumber","Md","mdStyle","Menu","Modal","OpenState","notification","Pagination","Popover","Radio","Segmented","Select","Skeleton","Spin","Switch","Table","Tabs","Tag","theme","generateColor","toneColor","Tree","Typography","dayjs","Provider","Prism","hot","customElement","noShadowDOM","withSolid","getCurrentElement"],"rangeMappings":"","mappings":"AAEA,OAASA,WAAWC,MAAM,KAA8C,UAAW,AACnF,QACED,WAAWE,WAAW,KAGjB,gBAAiB,AACxB,QAASF,WAAWG,OAAO,KAAgD,YAAa,AACxF,QAA4CC,SAAS,CAAEC,IAAI,CAAEC,MAAM,KAAQ,gBAAiB,AAC5F,QAASN,WAAWO,MAAM,KAA8C,UAAW,AACnF,QACEP,WAAWQ,aAAa,KAGnB,kBAAmB,AAC1B,QAASR,WAAWS,QAAQ,KAAkD,YAAa,AAC3F,QACET,WAAWU,QAAQ,KAKd,YAAa,AACpB,QAASV,WAAWW,IAAI,KAA0C,QAAS,AAC3E,QACEX,WAAWY,YAAY,KAGlB,iBAAkB,AACzB,QACEZ,WAAWa,WAAW,KAGjB,gBAAiB,AACxB,QAASb,WAAWc,IAAI,KAA0C,QAAS,AAC3E,QAASd,WAAWe,UAAU,KAAsD,eAAgB,AACpG,QACEf,WAAWgB,QAAQ,KAKd,YAAa,AACpB,QAAShB,WAAWiB,KAAK,KAA4C,SAAU,AAC/E,QAASjB,WAAWkB,UAAU,KAAQ,eAAgB,AACtD,QAASlB,WAAWmB,UAAU,KAAQ,eAAgB,AACtD,QACEnB,WAAWoB,aAAa,KAGnB,kBAAmB,AAC1B,QAASpB,WAAWqB,GAAG,KAAwC,OAAQ,AACvE,QAASrB,WAAWsB,KAAK,KAA4C,SAAU,AAC/E,QACEtB,WAAWuB,WAAW,KAGjB,gBAAiB,AACxB,QAASvB,WAAWwB,EAAE,KAAsC,MAAO,AACnE,QAASxB,WAAWyB,OAAO,KAAQ,YAAa,AAChD,QACEzB,WAAW0B,IAAI,KAMV,QAAS,AAChB,QACE1B,WAAW2B,KAAK,CAIhBC,SAAS,KACJ,SAAU,AACjB,QACE5B,WAAW6B,YAAY,KAGlB,gBAAiB,AACxB,QAAS7B,WAAW8B,UAAU,KAAsD,cAAe,AACnG,QAAS9B,WAAW+B,OAAO,KAAgD,WAAY,AACvF,QAAS/B,WAAWgC,KAAK,KAA8D,SAAU,AACjG,QAAShC,WAAWiC,SAAS,KAAoD,aAAc,AAC/F,QACEjC,WAAWkC,MAAM,KAKZ,UAAW,AAClB,QAASlC,WAAWmC,QAAQ,KAAkD,YAAa,AAC3F,QAASnC,WAAWoC,IAAI,KAA0C,QAAS,AAC3E,QAASpC,WAAWqC,MAAM,KAA8C,UAAW,AACnF,QAASrC,WAAWsC,KAAK,KAA4C,SAAU,AAC/E,QAAStC,WAAWuC,IAAI,KAA0D,QAAS,AAC3F,QAASvC,WAAWwC,GAAG,KAAwC,OAAQ,AACvE,QACExC,WAAWyC,KAAK,CAGhBC,aAAa,CACbC,SAAS,KACJ,SAAU,AACjB,QACE3C,WAAW4C,IAAI,KAcV,QAAS,AAChB,QAAS5C,WAAW6C,UAAU,KAAsD,cAAe,AACnG,QAAS7C,WAAW8C,KAAK,KAAQ,qBAAsB,AACvD,QAAS9C,WAAW+C,QAAQ,KAAkD,YAAa,AAC3F,QAAS/C,WAAWgD,KAAK,KAAQ,SAAU,AAC3C,QAASC,GAAG,CAAEC,aAAa,CAAEC,WAAW,CAAEC,SAAS,CAAEC,iBAAiB,KAAQ,eAAgB"}

package/es/md/index.d.ts

@@ -14,6 +14,11 @@ export interface MdProps {
      * @default true
      */
     pictureViewer?: boolean;
+    /** 开启图片懒加载
+     * @since 2.8.3
+     * @default true
+     */
+    lazyPicture?: boolean;
     /** 显示代码块行号
      * @default true
      */

package/es/md/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 o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e}).apply(this,arguments)}import{use as t}from"solid-js/web";import{template as r}from"solid-js/web";import{insert as o}from"solid-js/web";import{effect as n}from"solid-js/web";import{createComponent as l}from"solid-js/web";import{className as i}from"solid-js/web";let a=r("<style>"),s=r('<article class="n-md-box" part="box"><div class="n-md-body" part="body">'),c=r('<article part="box">');import{For as d,Match as m,Switch as h,createEffect as f,mergeProps as u,onCleanup as p}from"solid-js";import v from"@moneko/common/lib/frameCallback";import{css as b,cx as g}from"@moneko/css";import x,{Renderer as w}from"marked-completed";import{customElement as k}from"solid-element";import"../code";import"../img";import y from"../md-style";import $ from"../theme";function C(r){let k;let C=new w;C.katexBlock=e=>`<n-katex display-mode="true">${e}</n-katex>`,C.katexInline=e=>`<n-katex>${e}</n-katex>`;let{baseStyle:E}=$,j=u({pictureViewer:!0,text:"",tools:["copy"],getAnchorContainer:()=>window},r);f(()=>{v(()=>(function(t){var r;let{text:o,pictureViewer:n,langToolbar:l}=t,i=function(e,t){if(null==e)return{};var r,o,n={},l=Object.keys(e);for(o=0;o<l.length;o++)t.indexOf(r=l[o])>=0||(n[r]=e[r]);return n}(t,["text","pictureViewer","langToolbar"]),a=n?"n-img":"img";C.image=(e,t,r)=>`<${a} role="img" src="${e}" alt="${r}" ${t?`title="${t}"`:""}></${a}>`;let s=!!(null==l?void 0:l.length);C.code=function(e,t){return"treeview"===t?`<n-tree data="${e}" />`:`<n-code class="n-code" toolbar="${s}" lang="${t}" ${i.langLineNumber?'line-number="true"':""}>${encodeURIComponent(e)}</n-code>`},r={data:x(o,e({renderer:C,langToolbar:l,headerPrefix:"# ",breaks:!0,pedantic:!1,smartLists:!0,smartypants:!0,xhtml:!0},i))},k&&(k.innerHTML=r.data)})({text:j.text,langLineNumber:j.lineNumber,langToolbar:j.tools,pictureViewer:j.pictureViewer}))});let L=[],A=[],O=[];function T(e){e.preventDefault(),e.stopPropagation();let t=e.target;if(t.hash){var r;null==k||null==(r=k.querySelector(decodeURIComponent(t.hash)))||r.scrollIntoView({behavior:"smooth",block:"nearest"}),L.forEach(e=>e.classList.remove("active")),t.classList.add("active")}else window.open(t.href)}function I(e){e.forEach(e=>{let t;let r=e.target.getAttribute("id"),o=e.target.querySelectorAll("a");if(L.forEach(e=>{e.hash===`#${r}`?t=e:e.hash||o.forEach(r=>{r.href===e.href&&(t=e)})}),t){let r=O.indexOf(t);if(O.forEach(e=>{e.classList.remove("active")}),e.isIntersecting?O.push(t):-1!==r&&O.splice(r,1),O[0]){var n;O[0].classList.add("active"),null==(n=O[0].offsetParent)||n.scrollTo({top:O[0].offsetTop})}}})}return f(()=>{var e;let t;k&&(null==(e=j.text)?void 0:e.startsWith("[TOC]"))&&(L=[...k.querySelectorAll(".n-md-toc a[href]")],A=[...k.querySelectorAll("h1, h2, h3, h4, h5, h6")],t=new IntersectionObserver(I,{rootMargin:"-50px 0px",threshold:.5}),A.forEach(e=>t.observe(e)),L.forEach(e=>{e.addEventListener("click",T)})),p(()=>{t&&(A.forEach(e=>t.unobserve(e)),t.disconnect()),L.forEach(e=>{e.removeEventListener("click",T)})})}),[(()=>{let e=a();return o(e,E,null),o(e,y,null),o(e,()=>b(j.css),null),e})(),l(h,{get children(){return[l(m,{get when(){var V;return null==(V=j.children)?void 0:V.length},get children(){let e=s();return o(e.firstChild,l(d,{get each(){return j.children},children:e=>e})),e}}),l(m,{get when(){return j.text},get children(){let e=c(),r=k;return"function"==typeof r?t(r,e):k=e,n(()=>i(e,g("n-md-box",j.class))),e}})]}})]}k("n-md",{class:void 0,pictureViewer:void 0,lineNumber:!0,text:void 0,tools:void 0,getAnchorContainer:void 0,css:void 0,children:void 0,notRender:void 0},(e,t)=>{let r=t.element,o=u({text:!e.notRender&&r.textContent||r.text,css:r.css,tools:r.tools,getAnchorContainer:r.getAnchorContainer},e);return f(()=>{r.removeAttribute("css"),r.replaceChildren()}),l(C,o)});export default C;
+function e(){return(e=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e}).apply(this,arguments)}import{use as t}from"solid-js/web";import{template as r}from"solid-js/web";import{insert as o}from"solid-js/web";import{effect as n}from"solid-js/web";import{createComponent as l}from"solid-js/web";import{className as i}from"solid-js/web";let a=r("<style>"),s=r('<article class="n-md-box" part="box"><div class="n-md-body" part="body">'),c=r('<article part="box">');import{For as d,Match as m,Switch as u,createEffect as h,mergeProps as f,onCleanup as p}from"solid-js";import v from"@moneko/common/lib/frameCallback";import{css as b,cx as g}from"@moneko/css";import x,{Renderer as w}from"marked-completed";import{customElement as y}from"solid-element";import"../code";import"../img";import k from"../md-style";import $ from"../theme";function C(r){let y;let C=new w;C.katexBlock=e=>`<n-katex display-mode="true">${e}</n-katex>`,C.katexInline=e=>`<n-katex>${e}</n-katex>`;let{baseStyle:E}=$,j=f({pictureViewer:!0,lazyPicture:!0,text:"",tools:["copy"],getAnchorContainer:()=>window},r);h(()=>{v(()=>(function(t){var r;let{text:o,pictureViewer:n,lazyPicture:l,langToolbar:i}=t,a=function(e,t){if(null==e)return{};var r,o,n={},l=Object.keys(e);for(o=0;o<l.length;o++)t.indexOf(r=l[o])>=0||(n[r]=e[r]);return n}(t,["text","pictureViewer","lazyPicture","langToolbar"]);C.image=(e,t,r)=>`<n-img lazy="${l}" disabled="${!n}" role="img" src="${e}" alt="${r}" ${t?`title="${t}"`:""}></n-img>`;let s=!!(null==i?void 0:i.length);C.code=function(e,t){return"treeview"===t?`<n-tree data="${e}" />`:`<n-code class="n-code" toolbar="${s}" lang="${t}" ${a.langLineNumber?'line-number="true"':""}>${encodeURIComponent(e)}</n-code>`},r={data:x(o,e({renderer:C,langToolbar:i,headerPrefix:"# ",breaks:!0,pedantic:!1,smartLists:!0,smartypants:!0,xhtml:!0},a))},y&&(y.innerHTML=r.data)})({text:j.text,langLineNumber:j.lineNumber,langToolbar:j.tools,pictureViewer:j.pictureViewer,lazyPicture:j.lazyPicture}))});let L=[],A=[],P=[];function O(e){e.preventDefault(),e.stopPropagation();let t=e.target;if(t.hash){var r;null==y||null==(r=y.querySelector(decodeURIComponent(t.hash)))||r.scrollIntoView({behavior:"smooth",block:"nearest"}),L.forEach(e=>e.classList.remove("active")),t.classList.add("active")}else window.open(t.href)}function T(e){e.forEach(e=>{let t;let r=e.target.getAttribute("id"),o=e.target.querySelectorAll("a");if(L.forEach(e=>{e.hash===`#${r}`?t=e:e.hash||o.forEach(r=>{r.href===e.href&&(t=e)})}),t){let r=P.indexOf(t);if(P.forEach(e=>{e.classList.remove("active")}),e.isIntersecting?P.push(t):-1!==r&&P.splice(r,1),P[0]){var n;P[0].classList.add("active"),null==(n=P[0].offsetParent)||n.scrollTo({top:P[0].offsetTop})}}})}return h(()=>{var e;let t;y&&(null==(e=j.text)?void 0:e.startsWith("[TOC]"))&&(L=[...y.querySelectorAll(".n-md-toc a[href]")],A=[...y.querySelectorAll("h1, h2, h3, h4, h5, h6")],t=new IntersectionObserver(T,{rootMargin:"-50px 0px",threshold:.5}),A.forEach(e=>t.observe(e)),L.forEach(e=>{e.addEventListener("click",O)})),p(()=>{t&&(A.forEach(e=>t.unobserve(e)),t.disconnect()),L.forEach(e=>{e.removeEventListener("click",O)})})}),[(()=>{let e=a();return o(e,E,null),o(e,k,null),o(e,()=>b(j.css),null),e})(),l(u,{get children(){return[l(m,{get when(){var z;return null==(z=j.children)?void 0:z.length},get children(){let e=s();return o(e.firstChild,l(d,{get each(){return j.children},children:e=>e})),e}}),l(m,{get when(){return j.text},get children(){let e=c(),r=y;return"function"==typeof r?t(r,e):y=e,n(()=>i(e,g("n-md-box",j.class))),e}})]}})]}y("n-md",{class:void 0,pictureViewer:void 0,lazyPicture:void 0,lineNumber:!0,text:void 0,tools:void 0,getAnchorContainer:void 0,css:void 0,children:void 0,notRender:void 0},(e,t)=>{let r=t.element,o=f({text:!e.notRender&&r.textContent||r.text,css:r.css,tools:r.tools,getAnchorContainer:r.getAnchorContainer},e);return h(()=>{r.removeAttribute("css"),r.replaceChildren()}),l(C,o)});export default C;
 //# sourceMappingURL=index.js.map

package/es/md/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/md/index.tsx"],"sourcesContent":["import { For, Match, Switch, createEffect, mergeProps, onCleanup } from 'solid-js';\nimport { frameCallback } from '@moneko/common';\nimport { css, cx } from '@moneko/css';\nimport marked, { Renderer } from 'marked-completed';\nimport { customElement } from 'solid-element';\nimport '../code';\nimport '../img';\nimport mdStyle from '../md-style';\nimport theme from '../theme';\nimport type { CustomElement } from '..';\n\nfunction MD(_props: MdProps) {\n  let ref: HTMLDivElement | undefined;\n  const renderer = new Renderer();\n\n  renderer.katexBlock = (code: string) => {\n    return `<n-katex display-mode=\"true\">${code}</n-katex>`;\n  };\n  renderer.katexInline = (code: string) => {\n    return `<n-katex>${code}</n-katex>`;\n  };\n  const { baseStyle } = theme;\n  const props = mergeProps(\n    {\n      pictureViewer: true,\n      text: '',\n      tools: ['copy'],\n      getAnchorContainer: () => window as unknown as HTMLElement,\n    },\n    _props,\n  );\n\n  function update(e: { data: string }) {\n    if (ref) {\n      ref.innerHTML = e.data;\n    }\n  }\n  function postMessage(opt: {\n    text: string;\n    pictureViewer?: boolean;\n    langToolbar?: string[];\n    langLineNumber?: boolean;\n  }) {\n    const { text, pictureViewer, langToolbar, ...options } = opt;\n    const tag = pictureViewer ? 'n-img' : 'img';\n\n    renderer.image = (src: string, title: string, alt: string) => {\n      return `<${tag} role=\"img\" src=\"${src}\" alt=\"${alt}\" ${title ? `title=\"${title}\"` : ''}></${tag}>`;\n    };\n    const toolbar = !!langToolbar?.length;\n\n    renderer.code = function (code: string, lang: string) {\n      if (lang === 'treeview') {\n        return `<n-tree data=\"${code}\" />`;\n      }\n\n      return `<n-code class=\"n-code\" toolbar=\"${toolbar}\" lang=\"${lang}\" ${\n        options.langLineNumber ? 'line-number=\"true\"' : ''\n      }>${encodeURIComponent(code)}</n-code>`;\n    };\n\n    update({\n      data: marked(text, {\n        renderer: renderer,\n        langToolbar: langToolbar,\n        headerPrefix: '# ',\n        breaks: true,\n        pedantic: false,\n        smartLists: true,\n        smartypants: true,\n        xhtml: true,\n        ...options,\n      }),\n    });\n  }\n  // const work = new Worker(new URL('./worker.ts', import.meta.url));\n\n  // work.addEventListener('message', update);\n  // work.postMessage({\n  //   text: props.text,\n  //   langLineNumber: props.lineNumber,\n  //   langToolbar: props.tools,\n  //   pictureViewer: props.pictureViewer,\n  // });\n  // onCleanup(() => {\n  //   work.terminate();\n  // });\n  createEffect(() => {\n    const call = () =>\n      postMessage({\n        text: props.text,\n        langLineNumber: props.lineNumber,\n        langToolbar: props.tools,\n        pictureViewer: props.pictureViewer,\n      });\n\n    frameCallback(call);\n  });\n  let list: HTMLAnchorElement[] = [];\n  let heading: HTMLHeadingElement[] = [];\n  const active: HTMLAnchorElement[] = [];\n\n  function handleAnchor(e: Event) {\n    e.preventDefault();\n    e.stopPropagation();\n    const a = e.target as HTMLAnchorElement;\n\n    if (a.hash) {\n      ref?.querySelector(decodeURIComponent(a.hash))?.scrollIntoView({\n        behavior: 'smooth',\n        block: 'nearest',\n      });\n      list.forEach((item) => item.classList.remove('active'));\n      a.classList.add('active');\n    } else {\n      window.open(a.href);\n    }\n  }\n  function observerEntry(entries: IntersectionObserverEntry[]) {\n    entries.forEach((entry) => {\n      const id = entry.target.getAttribute('id');\n      const all = entry.target.querySelectorAll('a');\n      let a: HTMLAnchorElement | undefined;\n\n      list.forEach((l) => {\n        if (l.hash === `#${id}`) {\n          a = l;\n        } else if (!l.hash) {\n          all.forEach((e) => {\n            if (e.href === l.href) {\n              a = l;\n            }\n          });\n        }\n      });\n      if (a) {\n        const idx = active.indexOf(a);\n\n        active.forEach((e) => {\n          e.classList.remove('active');\n        });\n        if (entry.isIntersecting) {\n          active.push(a);\n        } else if (idx !== -1) {\n          active.splice(idx, 1);\n        }\n        if (active[0]) {\n          active[0].classList.add('active');\n          active[0].offsetParent?.scrollTo({\n            top: active[0].offsetTop,\n          });\n        }\n      }\n    });\n  }\n  createEffect(() => {\n    let observer: IntersectionObserver;\n\n    if (ref && props.text?.startsWith('[TOC]')) {\n      list = [...ref.querySelectorAll<HTMLAnchorElement>('.n-md-toc a[href]')];\n      heading = [...ref.querySelectorAll<HTMLHeadingElement>('h1, h2, h3, h4, h5, h6')];\n      observer = new IntersectionObserver(observerEntry, {\n        rootMargin: '-50px 0px',\n        threshold: 0.5,\n      });\n      heading.forEach((e) => observer.observe(e));\n      list.forEach((e) => {\n        e.addEventListener('click', handleAnchor);\n      });\n    }\n    onCleanup(() => {\n      if (observer) {\n        heading.forEach((e) => observer.unobserve(e));\n        observer.disconnect();\n      }\n      list.forEach((e) => {\n        e.removeEventListener('click', handleAnchor);\n      });\n    });\n  });\n\n  return (\n    <>\n      <style>\n        {baseStyle()}\n        {mdStyle}\n        {css(props.css)}\n      </style>\n      <Switch>\n        <Match when={(props.children as [])?.length}>\n          <article class=\"n-md-box\" part=\"box\">\n            <div class=\"n-md-body\" part=\"body\">\n              <For each={props.children as []}>{(e) => e}</For>\n            </div>\n          </article>\n        </Match>\n        <Match when={props.text}>\n          <article ref={ref} class={cx('n-md-box', props.class)} part=\"box\" />\n        </Match>\n      </Switch>\n    </>\n  );\n}\n\nexport interface MdProps {\n  /** 自定义类名 */\n  class?: string;\n  /** 自定义样式表 */\n  css?: string;\n  /** md内容 */\n  text?: string;\n  /** 开启图片查看器\n   * @since 2.0.8\n   * @default true\n   */\n  pictureViewer?: boolean;\n  /** 显示代码块行号\n   * @default true\n   */\n  lineNumber?: boolean;\n  /** 开启代码块工具条\n   * @default ['copy']\n   */\n  tools?: 'copy'[];\n  /** 指定滚动的容器\n   * @default () => window\n   */\n  getAnchorContainer?: () => HTMLElement;\n  /** 不进行解析\n   * @default false\n   */\n  notRender?: boolean;\n  children?: JSX.Element;\n}\n\nexport type MdElement = CustomElement<MdProps>;\n\ncustomElement<MdProps>(\n  'n-md',\n  {\n    class: void 0,\n    pictureViewer: void 0,\n    lineNumber: true,\n    text: void 0,\n    tools: void 0,\n    getAnchorContainer: void 0,\n    css: void 0,\n    children: void 0,\n    notRender: void 0,\n  },\n  (_, opt) => {\n    const el = opt.element;\n    const props = mergeProps(\n      {\n        text: (!_.notRender && el.textContent) || el.text,\n        css: el.css,\n        tools: el.tools,\n        getAnchorContainer: el.getAnchorContainer,\n      },\n      _,\n    );\n\n    createEffect(() => {\n      el.removeAttribute('css');\n      el.replaceChildren();\n    });\n    return <MD {...props} />;\n  },\n);\nexport default MD;\n"],"names":["For","Match","Switch","createEffect","mergeProps","onCleanup","frameCallback","css","cx","marked","Renderer","customElement","mdStyle","theme","MD","_props","ref","renderer","katexBlock","code","katexInline","baseStyle","props","pictureViewer","text","tools","getAnchorContainer","window","postMessage","opt","e","langToolbar","options","tag","image","src","title","alt","toolbar","length","lang","langLineNumber","encodeURIComponent","data","headerPrefix","breaks","pedantic","smartLists","smartypants","xhtml","innerHTML","lineNumber","list","heading","active","handleAnchor","preventDefault","stopPropagation","a","target","hash","querySelector","decodeURIComponent","scrollIntoView","behavior","block","forEach","item","classList","remove","add","open","href","observerEntry","entries","entry","id","getAttribute","all","querySelectorAll","l","idx","indexOf","isIntersecting","push","splice","offsetParent","scrollTo","top","offsetTop","observer","startsWith","IntersectionObserver","rootMargin","threshold","observe","addEventListener","unobserve","disconnect","removeEventListener","children","class","notRender","_","el","element","textContent","removeAttribute","replaceChildren"],"rangeMappings":"","mappings":"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"}
+{"version":3,"sources":["../../components/md/index.tsx"],"sourcesContent":["import { For, Match, Switch, createEffect, mergeProps, onCleanup } from 'solid-js';\nimport { frameCallback } from '@moneko/common';\nimport { css, cx } from '@moneko/css';\nimport marked, { Renderer } from 'marked-completed';\nimport { customElement } from 'solid-element';\nimport '../code';\nimport '../img';\nimport mdStyle from '../md-style';\nimport theme from '../theme';\nimport type { CustomElement } from '..';\n\nfunction MD(_props: MdProps) {\n  let ref: HTMLDivElement | undefined;\n  const renderer = new Renderer();\n\n  renderer.katexBlock = (code: string) => {\n    return `<n-katex display-mode=\"true\">${code}</n-katex>`;\n  };\n  renderer.katexInline = (code: string) => {\n    return `<n-katex>${code}</n-katex>`;\n  };\n  const { baseStyle } = theme;\n  const props = mergeProps(\n    {\n      pictureViewer: true,\n      lazyPicture: true,\n      text: '',\n      tools: ['copy'],\n      getAnchorContainer: () => window as unknown as HTMLElement,\n    },\n    _props,\n  );\n\n  function update(e: { data: string }) {\n    if (ref) {\n      ref.innerHTML = e.data;\n    }\n  }\n  function postMessage(opt: {\n    text: string;\n    pictureViewer?: boolean;\n    lazyPicture?: boolean;\n    langToolbar?: string[];\n    langLineNumber?: boolean;\n  }) {\n    const { text, pictureViewer, lazyPicture, langToolbar, ...options } = opt;\n\n    renderer.image = (src: string, title: string, alt: string) => {\n      return `<n-img lazy=\"${lazyPicture}\" disabled=\"${!pictureViewer}\" role=\"img\" src=\"${src}\" alt=\"${alt}\" ${title ? `title=\"${title}\"` : ''}></n-img>`;\n    };\n    const toolbar = !!langToolbar?.length;\n\n    renderer.code = function (code: string, lang: string) {\n      if (lang === 'treeview') {\n        return `<n-tree data=\"${code}\" />`;\n      }\n\n      return `<n-code class=\"n-code\" toolbar=\"${toolbar}\" lang=\"${lang}\" ${\n        options.langLineNumber ? 'line-number=\"true\"' : ''\n      }>${encodeURIComponent(code)}</n-code>`;\n    };\n\n    update({\n      data: marked(text, {\n        renderer: renderer,\n        langToolbar: langToolbar,\n        headerPrefix: '# ',\n        breaks: true,\n        pedantic: false,\n        smartLists: true,\n        smartypants: true,\n        xhtml: true,\n        ...options,\n      }),\n    });\n  }\n  // const work = new Worker(new URL('./worker.ts', import.meta.url));\n\n  // work.addEventListener('message', update);\n  // work.postMessage({\n  //   text: props.text,\n  //   langLineNumber: props.lineNumber,\n  //   langToolbar: props.tools,\n  //   pictureViewer: props.pictureViewer,\n  // });\n  // onCleanup(() => {\n  //   work.terminate();\n  // });\n  createEffect(() => {\n    const call = () =>\n      postMessage({\n        text: props.text,\n        langLineNumber: props.lineNumber,\n        langToolbar: props.tools,\n        pictureViewer: props.pictureViewer,\n        lazyPicture: props.lazyPicture,\n      });\n\n    frameCallback(call);\n  });\n  let list: HTMLAnchorElement[] = [];\n  let heading: HTMLHeadingElement[] = [];\n  const active: HTMLAnchorElement[] = [];\n\n  function handleAnchor(e: Event) {\n    e.preventDefault();\n    e.stopPropagation();\n    const a = e.target as HTMLAnchorElement;\n\n    if (a.hash) {\n      ref?.querySelector(decodeURIComponent(a.hash))?.scrollIntoView({\n        behavior: 'smooth',\n        block: 'nearest',\n      });\n      list.forEach((item) => item.classList.remove('active'));\n      a.classList.add('active');\n    } else {\n      window.open(a.href);\n    }\n  }\n  function observerEntry(entries: IntersectionObserverEntry[]) {\n    entries.forEach((entry) => {\n      const id = entry.target.getAttribute('id');\n      const all = entry.target.querySelectorAll('a');\n      let a: HTMLAnchorElement | undefined;\n\n      list.forEach((l) => {\n        if (l.hash === `#${id}`) {\n          a = l;\n        } else if (!l.hash) {\n          all.forEach((e) => {\n            if (e.href === l.href) {\n              a = l;\n            }\n          });\n        }\n      });\n      if (a) {\n        const idx = active.indexOf(a);\n\n        active.forEach((e) => {\n          e.classList.remove('active');\n        });\n        if (entry.isIntersecting) {\n          active.push(a);\n        } else if (idx !== -1) {\n          active.splice(idx, 1);\n        }\n        if (active[0]) {\n          active[0].classList.add('active');\n          active[0].offsetParent?.scrollTo({\n            top: active[0].offsetTop,\n          });\n        }\n      }\n    });\n  }\n  createEffect(() => {\n    let observer: IntersectionObserver;\n\n    if (ref && props.text?.startsWith('[TOC]')) {\n      list = [...ref.querySelectorAll<HTMLAnchorElement>('.n-md-toc a[href]')];\n      heading = [...ref.querySelectorAll<HTMLHeadingElement>('h1, h2, h3, h4, h5, h6')];\n      observer = new IntersectionObserver(observerEntry, {\n        rootMargin: '-50px 0px',\n        threshold: 0.5,\n      });\n      heading.forEach((e) => observer.observe(e));\n      list.forEach((e) => {\n        e.addEventListener('click', handleAnchor);\n      });\n    }\n    onCleanup(() => {\n      if (observer) {\n        heading.forEach((e) => observer.unobserve(e));\n        observer.disconnect();\n      }\n      list.forEach((e) => {\n        e.removeEventListener('click', handleAnchor);\n      });\n    });\n  });\n\n  return (\n    <>\n      <style>\n        {baseStyle()}\n        {mdStyle}\n        {css(props.css)}\n      </style>\n      <Switch>\n        <Match when={(props.children as [])?.length}>\n          <article class=\"n-md-box\" part=\"box\">\n            <div class=\"n-md-body\" part=\"body\">\n              <For each={props.children as []}>{(e) => e}</For>\n            </div>\n          </article>\n        </Match>\n        <Match when={props.text}>\n          <article ref={ref} class={cx('n-md-box', props.class)} part=\"box\" />\n        </Match>\n      </Switch>\n    </>\n  );\n}\n\nexport interface MdProps {\n  /** 自定义类名 */\n  class?: string;\n  /** 自定义样式表 */\n  css?: string;\n  /** md内容 */\n  text?: string;\n  /** 开启图片查看器\n   * @since 2.0.8\n   * @default true\n   */\n  pictureViewer?: boolean;\n  /** 开启图片懒加载\n   * @since 2.8.3\n   * @default true\n   */\n  lazyPicture?: boolean;\n  /** 显示代码块行号\n   * @default true\n   */\n  lineNumber?: boolean;\n  /** 开启代码块工具条\n   * @default ['copy']\n   */\n  tools?: 'copy'[];\n  /** 指定滚动的容器\n   * @default () => window\n   */\n  getAnchorContainer?: () => HTMLElement;\n  /** 不进行解析\n   * @default false\n   */\n  notRender?: boolean;\n  children?: JSX.Element;\n}\n\nexport type MdElement = CustomElement<MdProps>;\n\ncustomElement<MdProps>(\n  'n-md',\n  {\n    class: void 0,\n    pictureViewer: void 0,\n    lazyPicture: void 0,\n    lineNumber: true,\n    text: void 0,\n    tools: void 0,\n    getAnchorContainer: void 0,\n    css: void 0,\n    children: void 0,\n    notRender: void 0,\n  },\n  (_, opt) => {\n    const el = opt.element;\n    const props = mergeProps(\n      {\n        text: (!_.notRender && el.textContent) || el.text,\n        css: el.css,\n        tools: el.tools,\n        getAnchorContainer: el.getAnchorContainer,\n      },\n      _,\n    );\n\n    createEffect(() => {\n      el.removeAttribute('css');\n      el.replaceChildren();\n    });\n    return <MD {...props} />;\n  },\n);\nexport default MD;\n"],"names":["For","Match","Switch","createEffect","mergeProps","onCleanup","frameCallback","css","cx","marked","Renderer","customElement","mdStyle","theme","MD","_props","ref","renderer","katexBlock","code","katexInline","baseStyle","props","pictureViewer","lazyPicture","text","tools","getAnchorContainer","window","postMessage","opt","e","langToolbar","options","image","src","title","alt","toolbar","length","lang","langLineNumber","encodeURIComponent","data","headerPrefix","breaks","pedantic","smartLists","smartypants","xhtml","innerHTML","lineNumber","list","heading","active","handleAnchor","preventDefault","stopPropagation","a","target","hash","querySelector","decodeURIComponent","scrollIntoView","behavior","block","forEach","item","classList","remove","add","open","href","observerEntry","entries","entry","id","getAttribute","all","querySelectorAll","l","idx","indexOf","isIntersecting","push","splice","offsetParent","scrollTo","top","offsetTop","observer","startsWith","IntersectionObserver","rootMargin","threshold","observe","addEventListener","unobserve","disconnect","removeEventListener","children","class","notRender","_","el","element","textContent","removeAttribute","replaceChildren"],"rangeMappings":"","mappings":"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"}

package/es/md-style/index.js

@@ -298,12 +298,15 @@ import{css as o}from"@moneko/css";let r=o`
     display: flex;
     overflow: hidden;
     margin: auto;
-    border-radius: var(--border-radius);
     max-inline-size: 100%;
     inline-size: fit-content;
     cursor: pointer;
   }
 
+  n-img::part(img) {
+    min-inline-size: 25px;
+  }
+
   ul {
     font-size: var(--font-size);
   }

package/es/md-style/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/md-style/index.ts"],"sourcesContent":["import { css } from '@moneko/css';\n\nconst mdStyle = css`\n  :host,\n  :root {\n    --table-heading-bg: var(--border-color);\n  }\n\n  .n-photo-header > span,\n  .n-md-body,\n  .n-md-toc {\n    backdrop-filter: blur(10px);\n  }\n\n  .n-md-box:not(.site-doc-main) {\n    position: relative;\n    display: flex;\n    margin: 0 auto;\n    max-inline-size: 1280px;\n    flex-direction: row-reverse;\n    gap: 16px;\n  }\n\n  .n-md-toc,\n  .n-md-body {\n    border-radius: var(--border-radius);\n    background-color: var(--component-bg);\n    box-shadow: 0 2px 8px 0 var(--primary-shadow);\n  }\n\n  .n-md-body {\n    overflow: hidden;\n    margin: 0 auto 24px;\n    padding: 24px;\n    color: var(--text-color);\n    max-inline-size: 100%;\n    box-sizing: border-box;\n    overflow-wrap: break-word;\n    transition-duration: var(--transition-duration);\n    transition-timing-function: var(--transition-timing-function);\n    transition-property: background-color;\n    flex: 1;\n  }\n\n  .n-md-body .n-md-body,\n  .n-md-body n-md {\n    overflow: visible;\n    margin: 0;\n    padding: 0;\n    background-color: unset;\n    backdrop-filter: none;\n    box-shadow: none;\n  }\n\n  .n-md-body:has(div:only-child:empty) {\n    margin: 0;\n    padding: 0;\n    background-color: unset;\n    backdrop-filter: none;\n    box-shadow: none;\n  }\n\n  a {\n    position: relative;\n    text-decoration: none;\n    color: var(--text-color);\n  }\n\n  a:visited {\n    color: var(--text-secondary);\n  }\n\n  a:hover {\n    color: var(--primary-hover, #80b3ff);\n  }\n\n  p {\n    padding: 0;\n    font-size: var(--font-size);\n    line-height: 1.8;\n    vertical-align: baseline;\n    word-wrap: break-word;\n    word-break: break-word;\n    content-visibility: auto;\n    contain-intrinsic-size: 32px;\n    margin-block-end: 1em;\n  }\n\n  ol {\n    margin: 0;\n    padding: 0 0 0 24px;\n    font-size: var(--font-size);\n  }\n\n  .n-md-toc {\n    position: sticky;\n    inset-block-start: 24px;\n    inset-inline-end: 0;\n    z-index: 10;\n    display: block;\n    overflow-y: auto;\n    margin: 0 0 24px;\n    padding: 16px;\n    max-inline-size: 200px;\n    block-size: fit-content;\n    max-block-size: calc(100vb - 132px);\n    box-sizing: border-box;\n    transition-duration: var(--transition-duration);\n    transition-timing-function: var(--transition-timing-function);\n    transition-property: border-color, background-color, box-shadow;\n  }\n\n  .n-md-toc li,\n  .n-md-toc ol {\n    display: grid;\n    inline-size: fit-content;\n    max-inline-size: 100%;\n    font-size: var(--font-size-sm);\n    list-style: none;\n  }\n\n  .n-md-toc li a {\n    overflow: hidden;\n    max-inline-size: 100%;\n    font-size: var(--font-size-sm);\n    text-overflow: ellipsis;\n    text-decoration: none;\n    white-space: nowrap;\n    color: var(--text-color);\n    transition-duration: var(--transition-duration);\n    transition-timing-function: var(--transition-timing-function);\n    transition-property: color;\n  }\n\n  .n-md-toc .active,\n  .n-md-toc .active a {\n    color: var(--primary-color, #5794ff);\n    text-shadow: 0 1px var(--primary-shadow);\n  }\n\n  .n-md-toc a[href^='http'],\n  .n-md-toc a[href^='\\/\\/'],\n  .n-md-body table a[href^='http'] {\n    &:not(:has(img, n-img))::after {\n      content: ' ⎋';\n      opacity: 0.3;\n    }\n  }\n\n  a[href^='mailto:']::after {\n    content: ' 📧';\n    opacity: 0.4;\n  }\n\n  a[href]:has(img, n-img)::before {\n    content: none !important;\n  }\n\n  a[href]:not(.site-pagination-link)::before {\n    position: absolute;\n    inset-block-end: 0;\n    inset-inline-start: 0;\n    inline-size: 100%;\n    block-size: 2px;\n    background-color: var(--primary-hover, #80b3ff);\n    transform: scaleX(0);\n    transform-origin: center;\n    transition-duration: var(--transition-duration);\n    transition-timing-function: var(--transition-timing-function);\n    transition-property: transform, background-color;\n    opacity: 0.5;\n    content: '';\n  }\n\n  a:hover::before {\n    transform: scaleX(1);\n  }\n\n  th img[src*='browser-logos'] {\n    display: block;\n    inline-size: 32px;\n    block-size: 32px;\n  }\n\n  h1::before,\n  h2::before,\n  h3::before,\n  h4::before,\n  h5::before,\n  h6::before {\n    color: var(--primary-color, #5794ff);\n    content: attr(data-prefix);\n  }\n\n  h1[data-prefix]::before,\n  h2[data-prefix]::before,\n  h3[data-prefix]::before,\n  h4[data-prefix]::before,\n  h5[data-prefix]::before,\n  h6[data-prefix]::before {\n    color: var(--primary-color, #5794ff);\n    content: attr(data-prefix) !important;\n  }\n\n  code:not([class]),\n  mark {\n    border-radius: var(--border-radius);\n    padding: 2px 7px;\n    font-size: 90%;\n    color: var(--primary-heading);\n    background-color: var(--text-selection);\n    transition-duration: var(--transition-duration);\n    transition-timing-function: var(--transition-timing-function);\n    transition-property: background-color, color;\n  }\n\n  [data-prefix] code,\n  [data-prefix] mark {\n    font-size: 60%;\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5 {\n    margin-block: 1em;\n    font-weight: 500;\n    color: var(--text-heading);\n    transition-duration: var(--transition-duration);\n    transition-timing-function: var(--transition-timing-function);\n    transition-property: border-color, background-color, box-shadow, color;\n  }\n\n  table,\n  tr th,\n  tr td,\n  blockquote,\n  blockquote::after,\n  blockquote::before,\n  blockquote p {\n    transition-duration: var(--transition-duration);\n    transition-timing-function: var(--transition-timing-function);\n  }\n\n  dl {\n    padding: 0;\n    margin-block-end: 1em;\n  }\n\n  h1 {\n    font-size: 1.6em;\n    line-height: 54px;\n  }\n\n  h2 {\n    font-size: 1.5em;\n    line-height: 42px;\n    counter-increment: section;\n  }\n\n  h2::before {\n    content: counter(section) '. ';\n  }\n\n  h1,\n  h2 {\n    border-block-end: 1px dotted var(--border-color);\n    padding-block-end: 10px;\n  }\n\n  h3 {\n    font-size: 1.4em;\n    line-height: 30px;\n  }\n\n  h4 {\n    font-size: 1.3em;\n    line-height: 28px;\n  }\n\n  h5 {\n    font-size: 1.2em;\n    list-style: none;\n  }\n\n  hr {\n    margin: 16px 0;\n    border: 0 none;\n    padding: 0;\n    block-size: 2px;\n    text-align: start;\n    color: var(--text-color);\n    background-color: var(--border-color);\n  }\n\n  p img,\n  p n-img {\n    position: relative;\n    display: flex;\n    overflow: hidden;\n    margin: auto;\n    border-radius: var(--border-radius);\n    max-inline-size: 100%;\n    inline-size: fit-content;\n    cursor: pointer;\n  }\n\n  ul {\n    font-size: var(--font-size);\n  }\n\n  dl dt {\n    margin-block-start: 16px;\n    padding: 10px 0;\n    font-size: 1em;\n    font-weight: bold;\n    font-style: italic;\n  }\n\n  dl dd {\n    margin-block-end: 16px;\n    margin-inline-start: 0;\n    padding: 0 16px;\n  }\n\n  table {\n    overflow: hidden;\n    margin-block-end: 16px;\n    border-block-end: 1px solid var(--table-heading-bg);\n    inline-size: 100%;\n    max-inline-size: 100%;\n    border-spacing: 0;\n    transition-property: border-color;\n    word-break: break-all;\n  }\n\n  table:last-child {\n    margin-block-end: 0;\n  }\n\n  table tbody tr:nth-child(2n) {\n    background-color: var(--primary-details-bg);\n  }\n\n  table tbody tr:hover {\n    background-color: var(--primary-selection);\n  }\n\n  table tr th {\n    font-weight: 500;\n    min-inline-size: 54px;\n    color: var(--text-heading);\n    background-color: var(--table-heading-bg);\n    transition-property: background-color, color;\n  }\n\n  table tr th,\n  table td {\n    padding: 8px 16px;\n  }\n\n  tr:first-child th:first-child {\n    border-start-start-radius: var(--border-radius);\n  }\n\n  tr:first-child th:last-child {\n    border-start-end-radius: var(--border-radius);\n  }\n\n  blockquote {\n    position: relative;\n    margin: 30px 48px;\n    border-radius: var(--border-radius);\n    padding: 16px;\n    font-weight: 500;\n    background-color: var(--primary-selection);\n    transition-property: background-color;\n  }\n\n  blockquote::before,\n  blockquote::after {\n    position: absolute;\n    font-size: 56px;\n    font-family: sans-serif;\n    color: var(--primary-active);\n    transition-property: color;\n    content: '❞';\n    line-height: 1;\n  }\n\n  blockquote::before {\n    inset-block-start: -8px;\n    inset-inline-start: 0;\n    transform: translateX(-44px) rotate(180deg);\n  }\n\n  blockquote::after {\n    inset-inline-end: 0;\n    inset-block-end: -8px;\n    transform: translateX(44px);\n  }\n\n  blockquote.n-tip {\n    margin: 16px 0 16px 8px;\n    border-inline-start: 4px solid var(--primary-color, #5794ff);\n  }\n\n  blockquote.n-tip::after {\n    content: none;\n  }\n\n  blockquote.n-tip::before {\n    inset-block-start: 18px;\n    inset-inline-start: -12px;\n    border-radius: 100%;\n    inline-size: 20px;\n    block-size: 20px;\n    font-size: 14px;\n    font-weight: bold;\n    text-align: center;\n    color: #fff;\n    background-color: var(--primary-color, #5794ff);\n    transform: none;\n    content: '!';\n    line-height: 20px;\n  }\n\n  blockquote cite {\n    font-size: var(--font-size);\n    color: var(--cite-color, #bfbfbf);\n    line-height: 20px;\n  }\n\n  blockquote cite::before {\n    content: '\\\\2014 \\\\00A0';\n  }\n\n  blockquote p {\n    margin: auto 0;\n    font-size: var(--font-size);\n    line-height: 24px;\n    transition-property: color;\n  }\n\n  details {\n    overflow: hidden;\n    border-inline-start: 5px solid var(--primary-hover, #5794ff);\n    border-radius: var(--border-radius);\n    padding: 12px 24px;\n    background: var(--primary-details-bg);\n    box-sizing: border-box;\n    user-select: none;\n    box-shadow: 0 2px 8px 0 var(--primary-shadow, rgb(0 0 0 / 5%));\n  }\n\n  details,\n  details summary {\n    transition-duration: var(--transition-duration);\n    transition-timing-function: var(--transition-timing-function);\n    transition-property: background-color, transform, border-color;\n  }\n\n  details:not(:last-of-type) {\n    margin-block-end: 16px;\n  }\n\n  details > summary,\n  details > summary ~ * {\n    font-size: var(--font-size);\n    font-weight: normal;\n    font-style: normal;\n    line-height: 1.4;\n    transition-property: background-color, transform, border-color, margin;\n  }\n\n  details > summary:not(:last-of-type) details > summary ~ *:not(:last-of-type) {\n    margin-block-end: 16px;\n  }\n\n  details > summary {\n    font-weight: 500;\n    outline: none;\n    cursor: pointer;\n    transform: translateX(-18px);\n  }\n\n  details > summary::-webkit-details-marker,\n  details > summary::marker {\n    display: none;\n    color: transparent;\n  }\n\n  details > summary::before {\n    display: inline-block;\n    margin-inline-end: 4px;\n    inline-size: 14px;\n    font-weight: lighter;\n    text-align: center;\n    opacity: 0.5;\n    content: '⛌';\n    transform: rotate(45deg);\n  }\n\n  details[open] {\n    user-select: auto;\n  }\n\n  details[open] > details {\n    margin-block-start: 10px;\n  }\n\n  details[open] > summary {\n    margin-block-end: 10px;\n  }\n\n  details[open] > summary::before {\n    transform: rotate(0);\n  }\n\n  .katex-display {\n    overflow-x: auto;\n  }\n\n  .n-photo-header {\n    display: flex;\n    flex-wrap: wrap;\n    padding: 16px;\n    gap: 16px;\n  }\n\n  .n-photo-header > span {\n    border-radius: 8px;\n    padding: 4px 10px;\n    font-size: 14px;\n    font-weight: lighter;\n    background-color: rgb(0 0 0 / 20%);\n  }\n\n  .n-code {\n    display: block;\n    margin-block-end: 16px;\n  }\n\n  .n-code:last-child {\n    margin-block-end: 0;\n  }\n\n  @media screen and (width <= 1100px) {\n    .n-md-box,\n    .n-md-box:not(.site-doc-main),\n    .n-md-body {\n      max-inline-size: auto;\n    }\n\n    .n-md-toc {\n      position: fixed;\n      inset-inline-end: 16px;\n      transform: translateX(100%);\n      transition: transform var(--transition-duration) var(--transition-timing-function);\n\n      &:hover {\n        transform: translateX(0);\n      }\n    }\n  }\n`;\n\nexport default mdStyle;\n"],"names":["css","mdStyle"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,OAASA,OAAAA,CAAG,KAAQ,aAAc,CAElC,IAAMC,EAAUD,CAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAojBpB,CAAC,AAED,gBAAeC,CAAQ"}
+{"version":3,"sources":["../../components/md-style/index.ts"],"sourcesContent":["import { css } from '@moneko/css';\n\nconst mdStyle = css`\n  :host,\n  :root {\n    --table-heading-bg: var(--border-color);\n  }\n\n  .n-photo-header > span,\n  .n-md-body,\n  .n-md-toc {\n    backdrop-filter: blur(10px);\n  }\n\n  .n-md-box:not(.site-doc-main) {\n    position: relative;\n    display: flex;\n    margin: 0 auto;\n    max-inline-size: 1280px;\n    flex-direction: row-reverse;\n    gap: 16px;\n  }\n\n  .n-md-toc,\n  .n-md-body {\n    border-radius: var(--border-radius);\n    background-color: var(--component-bg);\n    box-shadow: 0 2px 8px 0 var(--primary-shadow);\n  }\n\n  .n-md-body {\n    overflow: hidden;\n    margin: 0 auto 24px;\n    padding: 24px;\n    color: var(--text-color);\n    max-inline-size: 100%;\n    box-sizing: border-box;\n    overflow-wrap: break-word;\n    transition-duration: var(--transition-duration);\n    transition-timing-function: var(--transition-timing-function);\n    transition-property: background-color;\n    flex: 1;\n  }\n\n  .n-md-body .n-md-body,\n  .n-md-body n-md {\n    overflow: visible;\n    margin: 0;\n    padding: 0;\n    background-color: unset;\n    backdrop-filter: none;\n    box-shadow: none;\n  }\n\n  .n-md-body:has(div:only-child:empty) {\n    margin: 0;\n    padding: 0;\n    background-color: unset;\n    backdrop-filter: none;\n    box-shadow: none;\n  }\n\n  a {\n    position: relative;\n    text-decoration: none;\n    color: var(--text-color);\n  }\n\n  a:visited {\n    color: var(--text-secondary);\n  }\n\n  a:hover {\n    color: var(--primary-hover, #80b3ff);\n  }\n\n  p {\n    padding: 0;\n    font-size: var(--font-size);\n    line-height: 1.8;\n    vertical-align: baseline;\n    word-wrap: break-word;\n    word-break: break-word;\n    content-visibility: auto;\n    contain-intrinsic-size: 32px;\n    margin-block-end: 1em;\n  }\n\n  ol {\n    margin: 0;\n    padding: 0 0 0 24px;\n    font-size: var(--font-size);\n  }\n\n  .n-md-toc {\n    position: sticky;\n    inset-block-start: 24px;\n    inset-inline-end: 0;\n    z-index: 10;\n    display: block;\n    overflow-y: auto;\n    margin: 0 0 24px;\n    padding: 16px;\n    max-inline-size: 200px;\n    block-size: fit-content;\n    max-block-size: calc(100vb - 132px);\n    box-sizing: border-box;\n    transition-duration: var(--transition-duration);\n    transition-timing-function: var(--transition-timing-function);\n    transition-property: border-color, background-color, box-shadow;\n  }\n\n  .n-md-toc li,\n  .n-md-toc ol {\n    display: grid;\n    inline-size: fit-content;\n    max-inline-size: 100%;\n    font-size: var(--font-size-sm);\n    list-style: none;\n  }\n\n  .n-md-toc li a {\n    overflow: hidden;\n    max-inline-size: 100%;\n    font-size: var(--font-size-sm);\n    text-overflow: ellipsis;\n    text-decoration: none;\n    white-space: nowrap;\n    color: var(--text-color);\n    transition-duration: var(--transition-duration);\n    transition-timing-function: var(--transition-timing-function);\n    transition-property: color;\n  }\n\n  .n-md-toc .active,\n  .n-md-toc .active a {\n    color: var(--primary-color, #5794ff);\n    text-shadow: 0 1px var(--primary-shadow);\n  }\n\n  .n-md-toc a[href^='http'],\n  .n-md-toc a[href^='\\/\\/'],\n  .n-md-body table a[href^='http'] {\n    &:not(:has(img, n-img))::after {\n      content: ' ⎋';\n      opacity: 0.3;\n    }\n  }\n\n  a[href^='mailto:']::after {\n    content: ' 📧';\n    opacity: 0.4;\n  }\n\n  a[href]:has(img, n-img)::before {\n    content: none !important;\n  }\n\n  a[href]:not(.site-pagination-link)::before {\n    position: absolute;\n    inset-block-end: 0;\n    inset-inline-start: 0;\n    inline-size: 100%;\n    block-size: 2px;\n    background-color: var(--primary-hover, #80b3ff);\n    transform: scaleX(0);\n    transform-origin: center;\n    transition-duration: var(--transition-duration);\n    transition-timing-function: var(--transition-timing-function);\n    transition-property: transform, background-color;\n    opacity: 0.5;\n    content: '';\n  }\n\n  a:hover::before {\n    transform: scaleX(1);\n  }\n\n  th img[src*='browser-logos'] {\n    display: block;\n    inline-size: 32px;\n    block-size: 32px;\n  }\n\n  h1::before,\n  h2::before,\n  h3::before,\n  h4::before,\n  h5::before,\n  h6::before {\n    color: var(--primary-color, #5794ff);\n    content: attr(data-prefix);\n  }\n\n  h1[data-prefix]::before,\n  h2[data-prefix]::before,\n  h3[data-prefix]::before,\n  h4[data-prefix]::before,\n  h5[data-prefix]::before,\n  h6[data-prefix]::before {\n    color: var(--primary-color, #5794ff);\n    content: attr(data-prefix) !important;\n  }\n\n  code:not([class]),\n  mark {\n    border-radius: var(--border-radius);\n    padding: 2px 7px;\n    font-size: 90%;\n    color: var(--primary-heading);\n    background-color: var(--text-selection);\n    transition-duration: var(--transition-duration);\n    transition-timing-function: var(--transition-timing-function);\n    transition-property: background-color, color;\n  }\n\n  [data-prefix] code,\n  [data-prefix] mark {\n    font-size: 60%;\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5 {\n    margin-block: 1em;\n    font-weight: 500;\n    color: var(--text-heading);\n    transition-duration: var(--transition-duration);\n    transition-timing-function: var(--transition-timing-function);\n    transition-property: border-color, background-color, box-shadow, color;\n  }\n\n  table,\n  tr th,\n  tr td,\n  blockquote,\n  blockquote::after,\n  blockquote::before,\n  blockquote p {\n    transition-duration: var(--transition-duration);\n    transition-timing-function: var(--transition-timing-function);\n  }\n\n  dl {\n    padding: 0;\n    margin-block-end: 1em;\n  }\n\n  h1 {\n    font-size: 1.6em;\n    line-height: 54px;\n  }\n\n  h2 {\n    font-size: 1.5em;\n    line-height: 42px;\n    counter-increment: section;\n  }\n\n  h2::before {\n    content: counter(section) '. ';\n  }\n\n  h1,\n  h2 {\n    border-block-end: 1px dotted var(--border-color);\n    padding-block-end: 10px;\n  }\n\n  h3 {\n    font-size: 1.4em;\n    line-height: 30px;\n  }\n\n  h4 {\n    font-size: 1.3em;\n    line-height: 28px;\n  }\n\n  h5 {\n    font-size: 1.2em;\n    list-style: none;\n  }\n\n  hr {\n    margin: 16px 0;\n    border: 0 none;\n    padding: 0;\n    block-size: 2px;\n    text-align: start;\n    color: var(--text-color);\n    background-color: var(--border-color);\n  }\n\n  p img,\n  p n-img {\n    position: relative;\n    display: flex;\n    overflow: hidden;\n    margin: auto;\n    max-inline-size: 100%;\n    inline-size: fit-content;\n    cursor: pointer;\n  }\n\n  n-img::part(img) {\n    min-inline-size: 25px;\n  }\n\n  ul {\n    font-size: var(--font-size);\n  }\n\n  dl dt {\n    margin-block-start: 16px;\n    padding: 10px 0;\n    font-size: 1em;\n    font-weight: bold;\n    font-style: italic;\n  }\n\n  dl dd {\n    margin-block-end: 16px;\n    margin-inline-start: 0;\n    padding: 0 16px;\n  }\n\n  table {\n    overflow: hidden;\n    margin-block-end: 16px;\n    border-block-end: 1px solid var(--table-heading-bg);\n    inline-size: 100%;\n    max-inline-size: 100%;\n    border-spacing: 0;\n    transition-property: border-color;\n    word-break: break-all;\n  }\n\n  table:last-child {\n    margin-block-end: 0;\n  }\n\n  table tbody tr:nth-child(2n) {\n    background-color: var(--primary-details-bg);\n  }\n\n  table tbody tr:hover {\n    background-color: var(--primary-selection);\n  }\n\n  table tr th {\n    font-weight: 500;\n    min-inline-size: 54px;\n    color: var(--text-heading);\n    background-color: var(--table-heading-bg);\n    transition-property: background-color, color;\n  }\n\n  table tr th,\n  table td {\n    padding: 8px 16px;\n  }\n\n  tr:first-child th:first-child {\n    border-start-start-radius: var(--border-radius);\n  }\n\n  tr:first-child th:last-child {\n    border-start-end-radius: var(--border-radius);\n  }\n\n  blockquote {\n    position: relative;\n    margin: 30px 48px;\n    border-radius: var(--border-radius);\n    padding: 16px;\n    font-weight: 500;\n    background-color: var(--primary-selection);\n    transition-property: background-color;\n  }\n\n  blockquote::before,\n  blockquote::after {\n    position: absolute;\n    font-size: 56px;\n    font-family: sans-serif;\n    color: var(--primary-active);\n    transition-property: color;\n    content: '❞';\n    line-height: 1;\n  }\n\n  blockquote::before {\n    inset-block-start: -8px;\n    inset-inline-start: 0;\n    transform: translateX(-44px) rotate(180deg);\n  }\n\n  blockquote::after {\n    inset-inline-end: 0;\n    inset-block-end: -8px;\n    transform: translateX(44px);\n  }\n\n  blockquote.n-tip {\n    margin: 16px 0 16px 8px;\n    border-inline-start: 4px solid var(--primary-color, #5794ff);\n  }\n\n  blockquote.n-tip::after {\n    content: none;\n  }\n\n  blockquote.n-tip::before {\n    inset-block-start: 18px;\n    inset-inline-start: -12px;\n    border-radius: 100%;\n    inline-size: 20px;\n    block-size: 20px;\n    font-size: 14px;\n    font-weight: bold;\n    text-align: center;\n    color: #fff;\n    background-color: var(--primary-color, #5794ff);\n    transform: none;\n    content: '!';\n    line-height: 20px;\n  }\n\n  blockquote cite {\n    font-size: var(--font-size);\n    color: var(--cite-color, #bfbfbf);\n    line-height: 20px;\n  }\n\n  blockquote cite::before {\n    content: '\\\\2014 \\\\00A0';\n  }\n\n  blockquote p {\n    margin: auto 0;\n    font-size: var(--font-size);\n    line-height: 24px;\n    transition-property: color;\n  }\n\n  details {\n    overflow: hidden;\n    border-inline-start: 5px solid var(--primary-hover, #5794ff);\n    border-radius: var(--border-radius);\n    padding: 12px 24px;\n    background: var(--primary-details-bg);\n    box-sizing: border-box;\n    user-select: none;\n    box-shadow: 0 2px 8px 0 var(--primary-shadow, rgb(0 0 0 / 5%));\n  }\n\n  details,\n  details summary {\n    transition-duration: var(--transition-duration);\n    transition-timing-function: var(--transition-timing-function);\n    transition-property: background-color, transform, border-color;\n  }\n\n  details:not(:last-of-type) {\n    margin-block-end: 16px;\n  }\n\n  details > summary,\n  details > summary ~ * {\n    font-size: var(--font-size);\n    font-weight: normal;\n    font-style: normal;\n    line-height: 1.4;\n    transition-property: background-color, transform, border-color, margin;\n  }\n\n  details > summary:not(:last-of-type) details > summary ~ *:not(:last-of-type) {\n    margin-block-end: 16px;\n  }\n\n  details > summary {\n    font-weight: 500;\n    outline: none;\n    cursor: pointer;\n    transform: translateX(-18px);\n  }\n\n  details > summary::-webkit-details-marker,\n  details > summary::marker {\n    display: none;\n    color: transparent;\n  }\n\n  details > summary::before {\n    display: inline-block;\n    margin-inline-end: 4px;\n    inline-size: 14px;\n    font-weight: lighter;\n    text-align: center;\n    opacity: 0.5;\n    content: '⛌';\n    transform: rotate(45deg);\n  }\n\n  details[open] {\n    user-select: auto;\n  }\n\n  details[open] > details {\n    margin-block-start: 10px;\n  }\n\n  details[open] > summary {\n    margin-block-end: 10px;\n  }\n\n  details[open] > summary::before {\n    transform: rotate(0);\n  }\n\n  .katex-display {\n    overflow-x: auto;\n  }\n\n  .n-photo-header {\n    display: flex;\n    flex-wrap: wrap;\n    padding: 16px;\n    gap: 16px;\n  }\n\n  .n-photo-header > span {\n    border-radius: 8px;\n    padding: 4px 10px;\n    font-size: 14px;\n    font-weight: lighter;\n    background-color: rgb(0 0 0 / 20%);\n  }\n\n  .n-code {\n    display: block;\n    margin-block-end: 16px;\n  }\n\n  .n-code:last-child {\n    margin-block-end: 0;\n  }\n\n  @media screen and (width <= 1100px) {\n    .n-md-box,\n    .n-md-box:not(.site-doc-main),\n    .n-md-body {\n      max-inline-size: auto;\n    }\n\n    .n-md-toc {\n      position: fixed;\n      inset-inline-end: 16px;\n      transform: translateX(100%);\n      transition: transform var(--transition-duration) var(--transition-timing-function);\n\n      &:hover {\n        transform: translateX(0);\n      }\n    }\n  }\n`;\n\nexport default mdStyle;\n"],"names":["css","mdStyle"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,OAASA,OAAAA,CAAG,KAAQ,aAAc,CAElC,IAAMC,EAAUD,CAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAujBpB,CAAC,AAED,gBAAeC,CAAQ"}

package/es/prism/index.d.ts

@@ -0,0 +1,27 @@
+import Prism from 'prismjs';
+import 'prismjs/components/prism-bash.js';
+import 'prismjs/components/prism-clike.js';
+import 'prismjs/components/prism-css.js';
+import 'prismjs/components/prism-diff.js';
+import 'prismjs/components/prism-docker.js';
+import 'prismjs/components/prism-git.js';
+import 'prismjs/components/prism-javascript.js';
+import 'prismjs/components/prism-jsx.js';
+import 'prismjs/components/prism-latex.js';
+import 'prismjs/components/prism-less.js';
+import 'prismjs/components/prism-markdown.js';
+import 'prismjs/components/prism-markup-templating.js';
+import 'prismjs/components/prism-markup.js';
+import 'prismjs/components/prism-regex.js';
+import 'prismjs/components/prism-rust.js';
+import 'prismjs/components/prism-sql.js';
+import 'prismjs/components/prism-swift.js';
+import 'prismjs/components/prism-toml.js';
+import 'prismjs/components/prism-tsx.js';
+import 'prismjs/components/prism-typescript.js';
+import 'prismjs/components/prism-wasm.js';
+import 'prismjs/components/prism-yaml.js';
+import 'prismjs/plugins/diff-highlight/prism-diff-highlight.js';
+import 'prismjs/plugins/highlight-keywords/prism-highlight-keywords.js';
+import 'prismjs/plugins/line-numbers/prism-line-numbers.js';
+export default Prism;

package/es/prism/index.js

@@ -0,0 +1,2 @@
+import s from"prismjs";import"prismjs/components/prism-bash.js";import"prismjs/components/prism-clike.js";import"prismjs/components/prism-css.js";import"prismjs/components/prism-diff.js";import"prismjs/components/prism-docker.js";import"prismjs/components/prism-git.js";import"prismjs/components/prism-javascript.js";import"prismjs/components/prism-jsx.js";import"prismjs/components/prism-latex.js";import"prismjs/components/prism-less.js";import"prismjs/components/prism-markdown.js";import"prismjs/components/prism-markup-templating.js";import"prismjs/components/prism-markup.js";import"prismjs/components/prism-regex.js";import"prismjs/components/prism-rust.js";import"prismjs/components/prism-sql.js";import"prismjs/components/prism-swift.js";import"prismjs/components/prism-toml.js";import"prismjs/components/prism-tsx.js";import"prismjs/components/prism-typescript.js";import"prismjs/components/prism-wasm.js";import"prismjs/components/prism-yaml.js";import"prismjs/plugins/diff-highlight/prism-diff-highlight.js";import"prismjs/plugins/highlight-keywords/prism-highlight-keywords.js";import"prismjs/plugins/line-numbers/prism-line-numbers.js";export default s;
+//# sourceMappingURL=index.js.map

package/es/prism/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../components/prism/index.ts"],"sourcesContent":["import Prism from 'prismjs';\n// language\nimport 'prismjs/components/prism-bash.js';\nimport 'prismjs/components/prism-clike.js';\nimport 'prismjs/components/prism-css.js';\nimport 'prismjs/components/prism-diff.js';\nimport 'prismjs/components/prism-docker.js';\nimport 'prismjs/components/prism-git.js';\nimport 'prismjs/components/prism-javascript.js';\nimport 'prismjs/components/prism-jsx.js';\nimport 'prismjs/components/prism-latex.js';\nimport 'prismjs/components/prism-less.js';\nimport 'prismjs/components/prism-markdown.js';\nimport 'prismjs/components/prism-markup-templating.js';\nimport 'prismjs/components/prism-markup.js';\nimport 'prismjs/components/prism-regex.js';\nimport 'prismjs/components/prism-rust.js';\nimport 'prismjs/components/prism-sql.js';\nimport 'prismjs/components/prism-swift.js';\nimport 'prismjs/components/prism-toml.js';\nimport 'prismjs/components/prism-tsx.js';\nimport 'prismjs/components/prism-typescript.js';\nimport 'prismjs/components/prism-wasm.js';\nimport 'prismjs/components/prism-yaml.js';\n// plugins\nimport 'prismjs/plugins/diff-highlight/prism-diff-highlight.js';\nimport 'prismjs/plugins/highlight-keywords/prism-highlight-keywords.js';\nimport 'prismjs/plugins/line-numbers/prism-line-numbers.js';\n\nexport default Prism;\n"],"names":["Prism"],"rangeMappings":"","mappings":"AAAA,OAAOA,MAAW,SAAU,AAE5B,OAAO,kCAAmC,AAC1C,OAAO,mCAAoC,AAC3C,OAAO,iCAAkC,AACzC,OAAO,kCAAmC,AAC1C,OAAO,oCAAqC,AAC5C,OAAO,iCAAkC,AACzC,OAAO,wCAAyC,AAChD,OAAO,iCAAkC,AACzC,OAAO,mCAAoC,AAC3C,OAAO,kCAAmC,AAC1C,OAAO,sCAAuC,AAC9C,OAAO,+CAAgD,AACvD,OAAO,oCAAqC,AAC5C,OAAO,mCAAoC,AAC3C,OAAO,kCAAmC,AAC1C,OAAO,iCAAkC,AACzC,OAAO,mCAAoC,AAC3C,OAAO,kCAAmC,AAC1C,OAAO,iCAAkC,AACzC,OAAO,wCAAyC,AAChD,OAAO,kCAAmC,AAC1C,OAAO,kCAAmC,AAE1C,OAAO,wDAAyD,AAChE,OAAO,gEAAiE,AACxE,OAAO,oDAAqD,AAE5D,gBAAeA,CAAM"}

package/es/theme/index.js

@@ -1,2 +1,2 @@
-var e;import{createEffect as o,createMemo as r,createRoot as a,createSignal as n,getOwner as t}from"solid-js";import i from"@moneko/common/lib/colorParse";import l from"@moneko/common/lib/mixColor";import s from"@moneko/common/lib/toneColor";import{css as m}from"@moneko/css";export{toneColor}from"@moneko/common";export function generateColor(e,o){let r=s(e,null==o?void 0:o.dark),a=i(r[5]),n=i(e);return{[`--${o.name}-text`]:a.setAlpha(.65).toRgbaString(),[`--${o.name}-secondary`]:a.setAlpha(.45).toRgbaString(),[`--${o.name}-heading`]:r[5],[`--${o.name}-active`]:r[30],[`--${o.name}-color`]:r[40],[`--${o.name}-hover`]:l(r[40],r[30],15),[`--${o.name}-secondary-bg`]:r[70],[`--${o.name}-border`]:r[80],[`--${o.name}-outline`]:l(r[90],r[40],5),[`--${o.name}-selection`]:r[90],[`--${o.name}-notify-bg`]:i(r[90]).setAlpha(.8).toRgbaString(),[`--on-${o.name}-selection`]:r[10],[`--${o.name}-shadow`]:n.setAlpha(.12).toRgbaString(),[`--${o.name}-shadow-1`]:n.setAlpha(.08).toRgbaString(),[`--${o.name}-shadow-2`]:n.setAlpha(.05).toRgbaString(),[`--${o.name}-details-bg`]:r[95],[`--${o.name}-component-bg`]:r[98],[`--${o.name}-bg`]:r[99],[`--on-${o.name}-bg`]:r[5]}}export var ColorScheme;(e=ColorScheme||(ColorScheme={})).light="light",e.dark="dark",e.auto="auto";export default a(function(){let e=m({":root,:host":{"--scrollbar-size":"4px","--font-size":"14px","--font-size-sm":"12px","--font-size-xs":"10px","--font-size-lg":"16px","--border-base":"1px solid var(--border-color)","--border-radius":"8px","--text-color":"var(--primary-text)","--text-secondary":"var(--primary-secondary)","--text-heading":"var(--primary-heading)","--text-selection":"var(--primary-selection)","--transition-duration":"0.3s","--mask-bg":"rgb(0 0 0 / 5%)","--modal-component-bg":"rgb(255 255 255 / 80%)","--modal-box-shadow":"0 5px 35px rgb(0 0 0 / 10%)","--notification-box-shadow":"0 4px 16px rgb(0 0 0 / 5%)","--transition-timing-function":"cubic-bezier(0.645, 0.045, 0.355, 1)",fontSize:"var(--font-size)",fontFamily:"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji', Helvetica, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans'",color:"var(--text-color, rgb(0 0 0 / 65%))",lineHeight:1.8},'[disabled]:not([disabled="false"])':{cursor:"not-allowed",color:"var(--disable-color)"},"::selection":{backgroundColor:"var(--text-selection)"},"::-webkit-scrollbar":{inlineSize:"var(--scrollbar-size)",blockSize:"var(--scrollbar-size)"}}),a=ColorScheme[localStorage.getItem("color-scheme")]||"auto",t=window.matchMedia("(prefers-color-scheme: dark)"),[i,l]=n(a),[s,c]=n(t.matches),[b,g]=n({primary:"#5794ff",warning:"#faad14",error:"#ff4d4f",success:"#52c41a"}),[d,p]=n({primary:"#4d81dc",warning:"#bb8314",error:"#901c22",success:"#419418"}),h=r(()=>generateColor(b().primary,{name:"primary"})),f=r(()=>generateColor(d().primary,{name:"primary",dark:!0})),u=r(()=>generateColor(b().warning,{name:"warning"})),x=r(()=>generateColor(d().warning,{name:"warning",dark:!0})),y=r(()=>generateColor(b().success,{name:"success"})),v=r(()=>generateColor(d().success,{name:"success",dark:!0})),S=r(()=>generateColor(b().error,{name:"error"})),$=r(()=>generateColor(d().error,{name:"error",dark:!0}));function C(o){let r="";for(let e in o)Object.prototype.hasOwnProperty.call(o,e)&&(r+=`${e}:${o[e]};`);return`${e}:root,:host{${r}}`}let k=r(()=>C(Object.assign({},h(),u(),y(),S(),{"--bg":"transparent","--disable-color":"rgb(0 0 0 / 25%)","--disable-bg":"rgb(0 0 0 / 4%)","--disable-border":"#d9d9d9","--border-color":"var(--primary-border)","--component-bg":"var(--primary-bg)"}))),w=r(()=>C(Object.assign({},f(),x(),v(),$(),{"--bg":"#1c1c1c","--disable-color":"rgb(255 255 255 / 25%)","--disable-bg":"rgb(255 255 255 / 8%)","--disable-border":"#424242","--border-color":"#303030","--component-bg":"#141414","--primary-shadow":"rgb(0 0 0 / 12%)","--primary-selection":"rgb(255 255 255 / 5%)","--primary-details-bg":"rgb(255 255 255 / 3%)","--primary-component-bg":"#000","--modal-component-bg":"rgb(30 30 30 / 80%)"})));function z(e){c(e.matches)}o(()=>{let e=i();c("dark"===e||"auto"===e&&t.matches)});let A=r(()=>s()?w():k());return o(()=>{"auto"===i()?t.addEventListener("change",z):t.removeEventListener("change",z),localStorage.setItem("color-scheme",i())}),{baseStyle:A,dark:d,setDark:p,light:b,setLight:g,scheme:i,setScheme:l,isDark:s}},t());
+var e;import{createEffect as o,createMemo as r,createRoot as a,createSignal as n,getOwner as t}from"solid-js";import i from"@moneko/common/lib/colorParse";import l from"@moneko/common/lib/mixColor";import s from"@moneko/common/lib/toneColor";import{css as m}from"@moneko/css";export{toneColor}from"@moneko/common";export function generateColor(e,o){let r=s(e,null==o?void 0:o.dark),a=i(r[5]),n=i(e);return{[`--${o.name}-text`]:a.setAlpha(.65).toRgbaString(),[`--${o.name}-secondary`]:a.setAlpha(.45).toRgbaString(),[`--${o.name}-heading`]:r[5],[`--${o.name}-active`]:r[30],[`--${o.name}-color`]:r[40],[`--${o.name}-hover`]:l(r[40],r[30],15),[`--${o.name}-secondary-bg`]:r[70],[`--${o.name}-border`]:r[80],[`--${o.name}-outline`]:l(r[90],r[40],5),[`--${o.name}-selection`]:r[90],[`--${o.name}-notify-bg`]:i(r[90]).setAlpha(.8).toRgbaString(),[`--on-${o.name}-selection`]:r[10],[`--${o.name}-shadow`]:n.setAlpha(.12).toRgbaString(),[`--${o.name}-shadow-1`]:n.setAlpha(.08).toRgbaString(),[`--${o.name}-shadow-2`]:n.setAlpha(.05).toRgbaString(),[`--${o.name}-details-bg`]:r[95],[`--${o.name}-component-bg`]:r[98],[`--${o.name}-bg`]:r[99],[`--on-${o.name}-bg`]:r[5]}}export var ColorScheme;(e=ColorScheme||(ColorScheme={})).light="light",e.dark="dark",e.auto="auto";export default a(function(){let e=m({":root,:host":{"--scrollbar-size":"4px","--font-size":"14px","--font-size-sm":"12px","--font-size-xs":"10px","--font-size-lg":"16px","--border-base":"1px solid var(--border-color)","--border-radius":"8px","--text-color":"var(--primary-text)","--text-secondary":"var(--primary-secondary)","--text-heading":"var(--primary-heading)","--text-selection":"var(--primary-selection)","--transition-duration":"0.3s","--mask-bg":"rgb(0 0 0 / 5%)","--modal-component-bg":"rgb(255 255 255 / 80%)","--modal-box-shadow":"0 5px 35px rgb(0 0 0 / 10%)","--notification-box-shadow":"0 4px 16px rgb(0 0 0 / 5%)","--transition-timing-function":"cubic-bezier(0.645, 0.045, 0.355, 1)",fontSize:"var(--font-size)",fontFamily:"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji', Helvetica, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans'",color:"var(--text-color, rgb(0 0 0 / 65%))",lineHeight:1.8},'[disabled]:not([disabled="false"]):not(n-img)':{cursor:"not-allowed",color:"var(--disable-color)"},"::selection":{backgroundColor:"var(--text-selection)"},"::-webkit-scrollbar":{inlineSize:"var(--scrollbar-size)",blockSize:"var(--scrollbar-size)"}}),a=ColorScheme[localStorage.getItem("color-scheme")]||"auto",t=window.matchMedia("(prefers-color-scheme: dark)"),[i,l]=n(a),[s,c]=n(t.matches),[g,b]=n({primary:"#5794ff",warning:"#faad14",error:"#ff4d4f",success:"#52c41a"}),[d,p]=n({primary:"#4d81dc",warning:"#bb8314",error:"#901c22",success:"#419418"}),h=r(()=>generateColor(g().primary,{name:"primary"})),f=r(()=>generateColor(d().primary,{name:"primary",dark:!0})),u=r(()=>generateColor(g().warning,{name:"warning"})),x=r(()=>generateColor(d().warning,{name:"warning",dark:!0})),y=r(()=>generateColor(g().success,{name:"success"})),v=r(()=>generateColor(d().success,{name:"success",dark:!0})),S=r(()=>generateColor(g().error,{name:"error"})),$=r(()=>generateColor(d().error,{name:"error",dark:!0}));function C(o){let r="";for(let e in o)Object.prototype.hasOwnProperty.call(o,e)&&(r+=`${e}:${o[e]};`);return`${e}:root,:host{${r}}`}let k=r(()=>C(Object.assign({},h(),u(),y(),S(),{"--bg":"transparent","--disable-color":"rgb(0 0 0 / 25%)","--disable-bg":"rgb(0 0 0 / 4%)","--disable-border":"#d9d9d9","--border-color":"var(--primary-border)","--component-bg":"var(--primary-bg)"}))),w=r(()=>C(Object.assign({},f(),x(),v(),$(),{"--bg":"#1c1c1c","--disable-color":"rgb(255 255 255 / 25%)","--disable-bg":"rgb(255 255 255 / 8%)","--disable-border":"#424242","--border-color":"#303030","--component-bg":"#141414","--primary-shadow":"rgb(0 0 0 / 12%)","--primary-selection":"rgb(255 255 255 / 5%)","--primary-details-bg":"rgb(255 255 255 / 3%)","--primary-component-bg":"#000","--modal-component-bg":"rgb(30 30 30 / 80%)"})));function z(e){c(e.matches)}o(()=>{let e=i();c("dark"===e||"auto"===e&&t.matches)});let A=r(()=>s()?w():k());return o(()=>{"auto"===i()?t.addEventListener("change",z):t.removeEventListener("change",z),localStorage.setItem("color-scheme",i())}),{baseStyle:A,dark:d,setDark:p,light:g,setLight:b,scheme:i,setScheme:l,isDark:s}},t());
 //# sourceMappingURL=index.js.map