neko-ui 2.9.4 → 2.9.7

package/es/code/copy-icon.d.ts

@@ -0,0 +1,4 @@
+export declare const CopyIcon: (opt: {
+    class: string;
+    onClick: VoidFunction;
+}) => SVGSVGElement;

package/es/code/copy-icon.js

@@ -0,0 +1 @@
+import c from"../icon";export const CopyIcon=a=>{let s=c({class:a.class,"aria-label":"copy",children:[{qualifiedName:"path",d:"M672 832H224c-52.928 0-96-43.072-96-96V160c0-52.928 43.072-96 96-96h448c52.928 0 96 43.072 96 96v576c0 52.928-43.072 96-96 96zM224 128c-17.632 0-32 14.368-32 32v576c0 17.664 14.368 32 32 32h448c17.664 0 32-14.336 32-32V160c0-17.632-14.336-32-32-32H224z"},{qualifiedName:"path",d:"M800 960H320c-17.664 0-32-14.304-32-32s14.336-32 32-32h480c17.664 0 32-14.336 32-32V256c0-17.664 14.304-32 32-32s32 14.336 32 32v608c0 52.928-43.072 96-96 96zM544 320H288c-17.664 0-32-14.336-32-32s14.336-32 32-32h256c17.696 0 32 14.336 32 32s-14.304 32-32 32zm64 160H288.032c-17.664 0-32-14.336-32-32s14.336-32 32-32H608c17.696 0 32 14.336 32 32s-14.304 32-32 32z"},{qualifiedName:"path",d:"M608 640H288c-17.664 0-32-14.304-32-32s14.336-32 32-32h320c17.696 0 32 14.304 32 32s-14.304 32-32 32z"}]});return s.onclick=a.onClick,s};

package/es/code/copy-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/code/copy-icon.tsx"],"sourcesContent":["import icon from '../icon';\n\nexport const CopyIcon = (opt: { class: string; onClick: VoidFunction }) => {\n  const copy = icon({\n    class: opt.class,\n    'aria-label': 'copy',\n    children: [\n      {\n        qualifiedName: 'path',\n        d: 'M672 832H224c-52.928 0-96-43.072-96-96V160c0-52.928 43.072-96 96-96h448c52.928 0 96 43.072 96 96v576c0 52.928-43.072 96-96 96zM224 128c-17.632 0-32 14.368-32 32v576c0 17.664 14.368 32 32 32h448c17.664 0 32-14.336 32-32V160c0-17.632-14.336-32-32-32H224z',\n      },\n      {\n        qualifiedName: 'path',\n        d: 'M800 960H320c-17.664 0-32-14.304-32-32s14.336-32 32-32h480c17.664 0 32-14.336 32-32V256c0-17.664 14.304-32 32-32s32 14.336 32 32v608c0 52.928-43.072 96-96 96zM544 320H288c-17.664 0-32-14.336-32-32s14.336-32 32-32h256c17.696 0 32 14.336 32 32s-14.304 32-32 32zm64 160H288.032c-17.664 0-32-14.336-32-32s14.336-32 32-32H608c17.696 0 32 14.336 32 32s-14.304 32-32 32z',\n      },\n      {\n        qualifiedName: 'path',\n        d: 'M608 640H288c-17.664 0-32-14.304-32-32s14.336-32 32-32h320c17.696 0 32 14.304 32 32s-14.304 32-32 32z',\n      },\n    ],\n  });\n\n  copy.onclick = opt.onClick;\n  return copy;\n};\n"],"names":["icon","CopyIcon","opt","copy","class","children","qualifiedName","d","onclick","onClick"],"mappings":"AAAA,OAAOA,MAAU,SAAU,AAE3B,QAAO,MAAMC,SAAW,AAACC,IACvB,IAAMC,EAAOH,EAAK,CAChBI,MAAOF,EAAIE,KAAK,CAChB,aAAc,OACdC,SAAU,CACR,CACEC,cAAe,OACfC,EAAG,8PACL,EACA,CACED,cAAe,OACfC,EAAG,6WACL,EACA,CACED,cAAe,OACfC,EAAG,uGACL,EACD,AACH,GAGA,OADAJ,EAAKK,OAAO,CAAGN,EAAIO,OAAO,CACnBN,CACT,CAAE"}

package/es/code/index.d.ts

@@ -20,6 +20,8 @@ export interface CodeProps {
     edit?: boolean;
     /** 开启代码块工具条 */
     toolbar?: boolean;
+    /** 工具条上显示的文字 */
+    title?: string;
     /** 编辑修改时的回调 */
     onChange?(code: string): void;
     children?: JSX.Element;

package/es/code/index.js

@@ -1 +1 @@
-function t(t,e,o,i,r,n,l){try{var s=t[n](l),a=s.value}catch(t){o(t);return}s.done?e(a):Promise.resolve(a).then(i,r)}import{use as e}from"solid-js/web";import{template as o}from"solid-js/web";import{setAttribute as i}from"solid-js/web";import{mergeProps as r}from"solid-js/web";import{insert as n}from"solid-js/web";import{effect as l}from"solid-js/web";import{delegateEvents as s}from"solid-js/web";import{createComponent as a}from"solid-js/web";import{classList as d}from"solid-js/web";import{addEventListener as c}from"solid-js/web";let h=o("<style> "),m=o("<style>"),g=o('<div class="toolbar"><button class="toolbar-copy" aria-label="copy">'),u=o("<pre><code>");import{createEffect as f,createMemo as p,createResource as v,createSignal as b,createUniqueId as w,mergeProps as C,onCleanup as y,Show as S,untrack as k}from"solid-js";import j from"@moneko/common/lib/isFunction";import $ from"@moneko/common/lib/setClipboard";import{css as x}from"@moneko/css";import{customElement as E}from"solid-element";import{clearAttribute as P}from"../basic-config";import A from"../theme";import{darkCss as _,lightCss as z,style as H}from"./style";function T(o){let r,s;let{isDark:C}=A,E=/%[0-9A-Fa-f]{2}/,P=w(),[T,W]=b(""),[F,L]=b();function R(){var e;return e=function*(){return window.Prism?(window.Prism.disableWorkerMessageHandler=!0,window.Prism.manual=!0,window.Prism):(yield import("../prism")).default},(R=function(){var o=this,i=arguments;return new Promise(function(r,n){var l=e.apply(o,i);function s(e){t(l,r,n,s,a,"next",e)}function a(e){t(l,r,n,s,a,"throw",e)}s(void 0)})}).apply(this,arguments)}let[I]=v("prism",function(){return R.apply(this,arguments)}),M=p(()=>{var t;return null==(t=o.language)?void 0:t.split(" ").pop()});function O(){$(k(T),r)}f(()=>{let t=o.code||"";E.test(t)&&(t=decodeURIComponent(t)),r.normalize(),t!==r.textContent&&W(t)});let U=function(t){t.target.normalize();let e=t.target.textContent;q(o.language,e,!0),j(o.onChange)&&o.onChange(e)};function q(t="markup",e,o,i={}){s&&(clearTimeout(s),s=void 0);let n=I();e&&n&&(s=setTimeout(()=>{if(clearTimeout(s),CSS.highlights){o&&CSS.highlights.forEach((t,e)=>{e.startsWith(P)&&t.clear()});let l=t.split(" "),s=n.languages[l[0]];s&&function t(e,o,i,r=0){let n=r;if(Array.isArray(o)){for(let r=0,l=o.length;r<l;r++){let l=o[r];if("object"!=typeof l){n+=l.length;continue}n=t(e,l,i,n)}return n}if("object"==typeof o&&o.type&&e.firstChild){var l;let r=(null!=(l=o.alias)?l:o.type).toString(),s=P+r,a=new Range;["deleted","inserted"].includes(r)?a.setStart(e.firstChild,n+2):a.setStart(e.firstChild,n),Array.isArray(o.content)?n=t(e,o.content,i,n):"string"==typeof o.content&&(n+=o.content.length),a.setEnd(e.firstChild,n),function(t,e,o,i){let r=CSS.highlights.get(t);r?r.add(o):CSS.highlights.set(t,new Highlight().add(o)),void 0===i[t]&&(i[t]=`::highlight(${t}){color:var(--${e});background-color:var(--${e}-bg);text-decoration:var(--${e}-text-decoration);text-shadow:var(--${e}-text-shadow);-webkit-text-stroke-width:var(--${e}-stroke-width);-webkit-text-stroke-color:var(--${e}-stroke-color);}`)}(s,r,a,i)}return n}(r,n.tokenize(e,s),i),l.length>1||"git"===l[0]?q(l[1],e,!1,i):L(Object.values(i).join(""))}else throw Error("不支持 CSS Highlights");s=void 0},0))}return f(()=>{q(o.language,T(),!0)}),y(()=>{if(CSS.highlights)for(let t of CSS.highlights.keys())t.startsWith(P)&&CSS.highlights.delete(t)}),[(()=>{let t=h(),e=t.firstChild;return l(()=>e.data=C()?_:z),t})(),(()=>{let t=h(),e=t.firstChild;return l(()=>e.data=F()),t})(),(()=>{let t=m();return t.textContent=H,t})(),a(S,{get when(){return o.css},get children(){let t=h(),e=t.firstChild;return l(()=>e.data=x(o.css)),t}}),(()=>{let t=u(),s=t.firstChild,h=r;return n(t,a(S,{get when(){return o.toolbar},get children(){let t=g();return c(t.firstChild,"click",O,!0),l(()=>i(t,"data-language",M())),t}}),s),c(s,"input",U,!0),"function"==typeof h?e(h,s):r=s,i(s,"spellcheck",!1),n(s,T),l(e=>{let r={[`language-${o.language}`]:!!o.language,"not-toolbar":!o.toolbar,[o.class]:!o.edit},n=o.edit;return e._v$=d(t,r,e._v$),n!==e._v$2&&i(s,"contenteditable",e._v$2=n),e},{_v$:void 0,_v$2:void 0}),t})()]}E("n-code",{class:void 0,code:void 0,language:void 0,children:void 0,edit:void 0,toolbar:void 0,css:void 0,onChange:void 0},(t,e)=>{let{baseStyle:o}=A,i=e.element,n=C({code:i.textContent,css:i.css,onChange(t){i.dispatchEvent(new CustomEvent("change",{detail:t}))}},t);return f(()=>{P(i,["css","code"]),i.replaceChildren()}),[(()=>{let t=h(),e=t.firstChild;return l(()=>e.data=o()),t})(),a(T,r({language:"atom"},n))]});export default T;s(["click","input"]);
+function t(t,e,o,i,r,n,l){try{var s=t[n](l),a=s.value}catch(t){o(t);return}s.done?e(a):Promise.resolve(a).then(i,r)}import{use as e}from"solid-js/web";import{template as o}from"solid-js/web";import{setAttribute as i}from"solid-js/web";import{insert as r}from"solid-js/web";import{effect as n}from"solid-js/web";import{delegateEvents as l}from"solid-js/web";import{createComponent as s}from"solid-js/web";import{classList as a}from"solid-js/web";import{addEventListener as d}from"solid-js/web";let c=o("<style> "),h=o("<style>"),m=o('<div class="toolbar">'),u=o("<pre><code>");import{createEffect as g,createMemo as f,createResource as p,createSignal as v,createUniqueId as w,mergeProps as C,onCleanup as b,Show as y,untrack as S}from"solid-js";import k from"@moneko/common/lib/isFunction";import j from"@moneko/common/lib/setClipboard";import{css as $}from"@moneko/css";import{customElement as x}from"solid-element";import{clearAttribute as E}from"../basic-config";import A from"../theme";import{CopyIcon as P}from"./copy-icon";import{darkCss as _,lightCss as z,style as H}from"./style";function T(o){let l,C;let{isDark:x}=A,E=/%[0-9A-Fa-f]{2}/,T=w(),[W,F]=v(""),[L,R]=v();function I(){var e;return e=function*(){return window.Prism?(window.Prism.disableWorkerMessageHandler=!0,window.Prism.manual=!0,window.Prism):(yield import("../prism")).default},(I=function(){var o=this,i=arguments;return new Promise(function(r,n){var l=e.apply(o,i);function s(e){t(l,r,n,s,a,"next",e)}function a(e){t(l,r,n,s,a,"throw",e)}s(void 0)})}).apply(this,arguments)}let[M]=p("prism",function(){return I.apply(this,arguments)}),O=f(()=>{var t;return o.title||(null==(t=o.language)?void 0:t.split(" ").pop())});function U(){j(S(W),l)}g(()=>{let t=o.code||"";E.test(t)&&(t=decodeURIComponent(t)),l.normalize(),t!==l.textContent&&F(t)});let q=function(t){t.target.normalize();let e=t.target.textContent;B(o.language,e,!0),k(o.onChange)&&o.onChange(e)};function B(t="markup",e,o,i={}){C&&(clearTimeout(C),C=void 0);let r=M();e&&r&&(C=setTimeout(()=>{if(clearTimeout(C),CSS.highlights){o&&CSS.highlights.forEach((t,e)=>{e.startsWith(T)&&t.clear()});let n=t.split(" "),s=r.languages[n[0]];s&&function t(e,o,i,r=0){let n=r;if(Array.isArray(o)){for(let r=0,l=o.length;r<l;r++){let l=o[r];if("object"!=typeof l){n+=l.length;continue}n=t(e,l,i,n)}return n}if("object"==typeof o&&o.type&&e.firstChild){var l;let r=(null!=(l=o.alias)?l:o.type).toString(),s=T+r,a=new Range;["deleted","inserted"].includes(r)?a.setStart(e.firstChild,n+2):a.setStart(e.firstChild,n),Array.isArray(o.content)?n=t(e,o.content,i,n):"string"==typeof o.content&&(n+=o.content.length),a.setEnd(e.firstChild,n),function(t,e,o,i){let r=CSS.highlights.get(t);r?r.add(o):CSS.highlights.set(t,new Highlight().add(o)),void 0===i[t]&&(i[t]=`::highlight(${t}){color:var(--${e});background-color:var(--${e}-bg);text-decoration:var(--${e}-text-decoration);text-shadow:var(--${e}-text-shadow);-webkit-text-stroke-width:var(--${e}-stroke-width);-webkit-text-stroke-color:var(--${e}-stroke-color);}`)}(s,r,a,i)}return n}(l,r.tokenize(e,s),i),n.length>1||"git"===n[0]?B(n[1],e,!1,i):R(Object.values(i).join(""))}else throw Error("不支持 CSS Highlights");C=void 0},0))}return g(()=>{B(o.language,W(),!0)}),b(()=>{if(CSS.highlights)for(let t of CSS.highlights.keys())t.startsWith(T)&&CSS.highlights.delete(t)}),[(()=>{let t=c(),e=t.firstChild;return n(()=>e.data=x()?_:z),t})(),(()=>{let t=c(),e=t.firstChild;return n(()=>e.data=L()),t})(),(()=>{let t=h();return t.textContent=H,t})(),s(y,{get when(){return o.css},get children(){let t=c(),e=t.firstChild;return n(()=>e.data=$(o.css)),t}}),(()=>{let t=u(),c=t.firstChild,h=l;return r(t,s(y,{get when(){return o.toolbar},get children(){let t=m();return r(t,s(P,{class:"toolbar-copy",onClick:U})),n(()=>i(t,"data-language",O())),t}}),c),d(c,"input",q,!0),"function"==typeof h?e(h,c):l=c,i(c,"spellcheck",!1),r(c,W),n(e=>{let r={[`language-${o.language}`]:!!o.language,"not-toolbar":!o.toolbar,[o.class]:!o.edit},n=o.edit;return e._v$=a(t,r,e._v$),n!==e._v$2&&i(c,"contenteditable",e._v$2=n),e},{_v$:void 0,_v$2:void 0}),t})()]}x("n-code",{class:void 0,code:void 0,language:void 0,children:void 0,edit:void 0,toolbar:void 0,css:void 0,onChange:void 0,title:void 0},(t,e)=>{let{baseStyle:o}=A,i=e.element,r=C({code:i.textContent,css:i.css,onChange(t){i.dispatchEvent(new CustomEvent("change",{detail:t}))}},t);return g(()=>{E(i,["css","code","title"]),i.replaceChildren()}),[(()=>{let t=c(),e=t.firstChild;return n(()=>e.data=o()),t})(),s(T,r)]});export default T;l(["input"]);

package/es/code/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["components/code/index.tsx"],"sourcesContent":["import {\n  createEffect,\n  createMemo,\n  createResource,\n  createSignal,\n  createUniqueId,\n  type JSX,\n  mergeProps,\n  onCleanup,\n  Show,\n  untrack,\n} from 'solid-js';\nimport { isFunction, setClipboard } from '@moneko/common';\nimport { css } from '@moneko/css';\nimport type { TokenStream } from 'prismjs';\nimport { customElement } from 'solid-element';\n\nimport type { CustomElement } from '..';\nimport { clearAttribute } from '../basic-config';\nimport theme from '../theme';\n\nimport { darkCss, lightCss, style } from './style';\n\nexport type LanguageBase =\n  | 'bash'\n  | 'shell'\n  | 'sh'\n  | 'clike'\n  | 'css'\n  | 'docker'\n  | 'dockerfile'\n  | 'git'\n  | 'javascript'\n  | 'js'\n  | 'json'\n  | 'webmanifest'\n  | 'jsx'\n  | 'tsx'\n  | 'less'\n  | 'html'\n  | 'mathml'\n  | 'svg'\n  | 'xml'\n  | 'ssml'\n  | 'atom'\n  | 'rss'\n  | 'regex'\n  | 'rust'\n  | 'sql'\n  | 'swift'\n  | 'toml'\n  | 'typescript'\n  | 'ts'\n  | 'yaml'\n  | 'yml'\n  | 'matlab';\n\ntype ExcludeLanguage<T extends LanguageBase, U extends LanguageBase> = T extends U ? never : T;\n\nexport type Language =\n  | LanguageBase\n  | {\n      [T in LanguageBase]: `${T} ${ExcludeLanguage<LanguageBase, T>}`;\n    }[LanguageBase];\nexport interface CodeProps {\n  /** 自定义类名 */\n  class?: string;\n  /** 自定义样式表 */\n  css?: string;\n  /** 内容 */\n  code?: string;\n  /** 语言（支持多种语言配置：如 `html css javascript`）\n   * @default 'markup'\n   */\n  language?: Language;\n  /** 支持编辑 */\n  edit?: boolean;\n  /** 开启代码块工具条 */\n  toolbar?: boolean;\n  /** 编辑修改时的回调 */\n  onChange?(code: string): void;\n  children?: JSX.Element;\n}\nexport type CodeElement = CustomElement<CodeProps>;\n\nfunction Code(props: CodeProps) {\n  const { isDark } = theme;\n  let codeEl: HTMLPreElement;\n  let timer: NodeJS.Timeout | undefined;\n  const decoded = /%[0-9A-Fa-f]{2}/;\n  const id = createUniqueId();\n  const [code, setCode] = createSignal<string>('');\n  const [highlightCss, setHighlightCss] = createSignal<string>();\n\n  async function fetchPrism() {\n    if (!window.Prism) {\n      return (await import('../prism')).default;\n    }\n    window.Prism.disableWorkerMessageHandler = true;\n    window.Prism.manual = true;\n    return window.Prism;\n  }\n  const [prismJS] = createResource('prism', fetchPrism);\n  const title = createMemo(() => props.language?.split(' ').pop());\n\n  createEffect(() => {\n    let _next = props.code || '';\n\n    if (decoded.test(_next)) {\n      _next = decodeURIComponent(_next);\n    }\n    codeEl.normalize();\n    if (_next !== codeEl.textContent) {\n      setCode(_next);\n    }\n  });\n\n  function copy() {\n    setClipboard(untrack(code), codeEl);\n  }\n  const change: JSX.InputEventHandlerUnion<HTMLElement, InputEvent> = function (e) {\n    e.target.normalize();\n    const next = e.target.textContent;\n\n    syntax(props.language, next, true);\n    if (isFunction(props.onChange)) {\n      props.onChange(next);\n    }\n  };\n\n  function updateRang(\n    key: string,\n    token: string,\n    range: AbstractRange,\n    selection: Record<string, string>,\n  ) {\n    const highlight = CSS.highlights.get(key);\n\n    if (highlight) {\n      highlight.add(range);\n    } else {\n      CSS.highlights.set(key, new Highlight().add(range));\n    }\n    if (selection[key] === void 0) {\n      selection[key] =\n        `::highlight(${key}){color:var(--${token});background-color:var(--${token}-bg);text-decoration:var(--${token}-text-decoration);text-shadow:var(--${token}-text-shadow);-webkit-text-stroke-width:var(--${token}-stroke-width);-webkit-text-stroke-color:var(--${token}-stroke-color);}`;\n    }\n  }\n  function highlighter(\n    el: HTMLPreElement,\n    tokenize: TokenStream,\n    selection: Record<string, string>,\n    start = 0,\n  ) {\n    let pos = start;\n\n    if (Array.isArray(tokenize)) {\n      for (let i = 0, len = tokenize.length; i < len; i++) {\n        const token = tokenize[i];\n\n        if (typeof token !== 'object') {\n          pos += token.length;\n          continue;\n        }\n        pos = highlighter(el, token, selection, pos);\n      }\n      return pos;\n    }\n    if (typeof tokenize === 'object' && tokenize.type) {\n      if (el.firstChild) {\n        const token = (tokenize.alias ?? tokenize.type).toString();\n        const key = id + token;\n        const range = new Range();\n\n        if (['deleted', 'inserted'].includes(token)) {\n          // diff\n          range.setStart(el.firstChild, pos + 2);\n        } else {\n          range.setStart(el.firstChild, pos);\n        }\n        if (Array.isArray(tokenize.content)) {\n          pos = highlighter(el, tokenize.content, selection, pos);\n        } else if (typeof tokenize.content === 'string') {\n          pos += tokenize.content.length;\n        }\n        range.setEnd(el.firstChild, pos);\n        updateRang(key, token, range, selection);\n      }\n    }\n\n    return pos;\n  }\n  function syntax(\n    language: Language = 'markup' as Language,\n    value: string | null,\n    clear?: boolean,\n    prevCss = {},\n  ) {\n    if (timer) {\n      clearTimeout(timer);\n      timer = void 0;\n    }\n    const Prism = prismJS();\n\n    if (!value || !Prism) return;\n    timer = setTimeout(() => {\n      clearTimeout(timer);\n      if (CSS.highlights) {\n        if (clear) {\n          CSS.highlights.forEach((highlight, key) => {\n            if (key.startsWith(id)) {\n              highlight.clear();\n            }\n          });\n        }\n        const grammars = language.split(' ') as Language[],\n          grammar = Prism.languages[grammars[0]];\n\n        if (grammar) {\n          highlighter(codeEl, Prism.tokenize(value, grammar), prevCss);\n        }\n        if (grammars.length > 1 || grammars[0] === 'git') {\n          syntax(grammars[1], value, false, prevCss);\n        } else {\n          setHighlightCss(Object.values(prevCss).join(''));\n        }\n      } else {\n        throw Error('不支持 CSS Highlights');\n      }\n      timer = void 0;\n    }, 0);\n  }\n  createEffect(() => {\n    syntax(props.language, code(), true);\n  });\n  onCleanup(() => {\n    if (CSS.highlights) {\n      for (const key of CSS.highlights.keys()) {\n        if (key.startsWith(id)) {\n          CSS.highlights.delete(key);\n        }\n      }\n    }\n  });\n\n  return (\n    <>\n      <style textContent={isDark() ? darkCss : lightCss} />\n      <style textContent={highlightCss()} />\n      <style textContent={style} />\n      <Show when={props.css}>\n        <style textContent={css(props.css)} />\n      </Show>\n      <pre\n        classList={{\n          [`language-${props.language}`]: !!props.language,\n          'not-toolbar': !props.toolbar,\n          [props.class!]: !props.edit,\n        }}\n      >\n        <Show when={props.toolbar}>\n          <div class=\"toolbar\" data-language={title()}>\n            <button class=\"toolbar-copy\" aria-label=\"copy\" onClick={copy} />\n          </div>\n        </Show>\n        <code ref={codeEl!} contenteditable={props.edit} spellcheck={false} onInput={change}>\n          {code()}\n        </code>\n      </pre>\n    </>\n  );\n}\n\ncustomElement<CodeProps>(\n  'n-code',\n  {\n    class: void 0,\n    code: void 0,\n    language: void 0,\n    children: void 0,\n    edit: void 0,\n    toolbar: void 0,\n    css: void 0,\n    onChange: void 0,\n  },\n  (_, opt) => {\n    const { baseStyle } = theme;\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      clearAttribute(el, ['css', 'code']);\n      el.replaceChildren();\n    });\n    return (\n      <>\n        <style textContent={baseStyle()} />\n        <Code language={'atom'} {...props} />\n      </>\n    );\n  },\n);\nexport default Code;\n"],"names":["createEffect","createMemo","createResource","createSignal","createUniqueId","mergeProps","onCleanup","Show","untrack","isFunction","setClipboard","css","customElement","clearAttribute","theme","darkCss","lightCss","style","Code","props","codeEl","timer","isDark","decoded","id","code","setCode","highlightCss","setHighlightCss","fetchPrism","window","Prism","disableWorkerMessageHandler","manual","default","prismJS","title","language","split","pop","copy","_next","test","decodeURIComponent","normalize","textContent","change","e","target","next","syntax","onChange","value","clear","prevCss","clearTimeout","setTimeout","CSS","highlights","forEach","highlight","key","startsWith","grammars","grammar","languages","highlighter","el","tokenize","selection","start","pos","Array","isArray","i","len","length","token","type","firstChild","alias","toString","range","Range","includes","setStart","content","setEnd","updateRang","get","add","set","Highlight","Object","values","join","Error","keys","delete","toolbar","class","edit","children","_","opt","baseStyle","element","val","dispatchEvent","CustomEvent","detail","replaceChildren"],"mappings":"wpBAAA,QACEA,gBAAAA,CAAY,CACZC,cAAAA,CAAU,CACVC,kBAAAA,CAAc,CACdC,gBAAAA,CAAY,CACZC,kBAAAA,CAAc,CAEdC,cAAAA,CAAU,CACVC,aAAAA,CAAS,CACTC,QAAAA,CAAI,CACJC,WAAAA,CAAO,KACF,UAAW,AAClB,QAASC,MAAgC,+BAAiB,AAA1D,QAAqBC,MAAoB,iCAAiB,AAC1D,QAASC,OAAAA,CAAG,KAAQ,aAAc,AAElC,QAASC,iBAAAA,CAAa,KAAQ,eAAgB,AAG9C,QAASC,kBAAAA,CAAc,KAAQ,iBAAkB,AACjD,QAAOC,MAAW,UAAW,AAE7B,QAASC,WAAAA,CAAO,CAAEC,YAAAA,CAAQ,CAAEC,SAAAA,CAAK,KAAQ,SAAU,CAgEnD,SAASC,EAAKC,CAAgB,MAExBC,EACAC,EAFJ,GAAM,CAAEC,OAAAA,CAAM,CAAE,CAAGR,EAGbS,EAAU,kBACVC,EAAKpB,IACL,CAACqB,EAAMC,EAAQ,CAAGvB,EAAqB,IACvC,CAACwB,EAAcC,EAAgB,CAAGzB,aAEzB0B,mBAAf,mBACE,AAAKC,OAAOC,KAAK,EAGjBD,OAAOC,KAAK,CAACC,2BAA2B,CAAG,CAAA,EAC3CF,OAAOC,KAAK,CAACE,MAAM,CAAG,CAAA,EACfH,OAAOC,KAAK,EAJV,AAAC,CAAA,MAAM,MAAM,CAAC,WAAU,EAAGG,OAAO,AAK7C,GAPeL,qMAQf,GAAM,CAACM,EAAQ,CAAGjC,EAAe,0BARlB2B,0BASTO,EAAQnC,EAAW,SAAMkB,gBAAAA,EAAAA,EAAMkB,QAAQ,SAAdlB,EAAgBmB,KAAK,CAAC,KAAKC,GAAG,KAc7D,SAASC,IACP9B,EAAaF,EAAQiB,GAAOL,EAC9B,CAdApB,EAAa,KACX,IAAIyC,EAAQtB,EAAMM,IAAI,EAAI,GAEtBF,EAAQmB,IAAI,CAACD,IACfA,CAAAA,EAAQE,mBAAmBF,EAAK,EAElCrB,EAAOwB,SAAS,GACZH,IAAUrB,EAAOyB,WAAW,EAC9BnB,EAAQe,EAEZ,GAKA,IAAMK,EAA8D,SAAUC,CAAC,EAC7EA,EAAEC,MAAM,CAACJ,SAAS,GAClB,IAAMK,EAAOF,EAAEC,MAAM,CAACH,WAAW,CAEjCK,EAAO/B,EAAMkB,QAAQ,CAAEY,EAAM,CAAA,GACzBxC,EAAWU,EAAMgC,QAAQ,GAC3BhC,EAAMgC,QAAQ,CAACF,EAEnB,EAgEA,SAASC,EACPb,EAAqB,QAAoB,CACzCe,CAAoB,CACpBC,CAAe,CACfC,EAAU,CAAC,CAAC,EAERjC,IACFkC,aAAalC,GACbA,EAAQ,KAAK,GAEf,IAAMU,EAAQI,IAETiB,GAAUrB,GACfV,CAAAA,EAAQmC,WAAW,KAEjB,GADAD,aAAalC,GACToC,IAAIC,UAAU,CAAE,CACdL,GACFI,IAAIC,UAAU,CAACC,OAAO,CAAC,CAACC,EAAWC,KAC7BA,EAAIC,UAAU,CAACtC,IACjBoC,EAAUP,KAAK,EAEnB,GAEF,IAAMU,EAAW1B,EAASC,KAAK,CAAC,KAC9B0B,EAAUjC,EAAMkC,SAAS,CAACF,CAAQ,CAAC,EAAE,CAAC,CAEpCC,GACFE,AAvER,SAASA,EACPC,CAAkB,CAClBC,CAAqB,CACrBC,CAAiC,CACjCC,EAAQ,CAAC,EAET,IAAIC,EAAMD,EAEV,GAAIE,MAAMC,OAAO,CAACL,GAAW,CAC3B,IAAK,IAAIM,EAAI,EAAGC,EAAMP,EAASQ,MAAM,CAAEF,EAAIC,EAAKD,IAAK,CACnD,IAAMG,EAAQT,CAAQ,CAACM,EAAE,CAEzB,GAAI,AAAiB,UAAjB,OAAOG,EAAoB,CAC7BN,GAAOM,EAAMD,MAAM,CACnB,QACF,CACAL,EAAML,EAAYC,EAAIU,EAAOR,EAAWE,EAC1C,CACA,OAAOA,CACT,CACA,GAAI,AAAoB,UAApB,OAAOH,GAAyBA,EAASU,IAAI,EAC3CX,EAAGY,UAAU,CAAE,KACFX,EAAf,IAAMS,EAAQ,AAACT,CAAAA,OAAAA,EAAAA,EAASY,KAAK,EAAdZ,EAAkBA,EAASU,IAAI,AAAD,EAAGG,QAAQ,GAClDpB,EAAMrC,EAAKqD,EACXK,EAAQ,IAAIC,MAEd,CAAC,UAAW,WAAW,CAACC,QAAQ,CAACP,GAEnCK,EAAMG,QAAQ,CAAClB,EAAGY,UAAU,CAAER,EAAM,GAEpCW,EAAMG,QAAQ,CAAClB,EAAGY,UAAU,CAAER,GAE5BC,MAAMC,OAAO,CAACL,EAASkB,OAAO,EAChCf,EAAML,EAAYC,EAAIC,EAASkB,OAAO,CAAEjB,EAAWE,GACd,UAA5B,OAAOH,EAASkB,OAAO,EAChCf,CAAAA,GAAOH,EAASkB,OAAO,CAACV,MAAM,AAAD,EAE/BM,EAAMK,MAAM,CAACpB,EAAGY,UAAU,CAAER,GAC5BiB,AAxDN,SACE3B,CAAW,CACXgB,CAAa,CACbK,CAAoB,CACpBb,CAAiC,EAEjC,IAAMT,EAAYH,IAAIC,UAAU,CAAC+B,GAAG,CAAC5B,GAEjCD,EACFA,EAAU8B,GAAG,CAACR,GAEdzB,IAAIC,UAAU,CAACiC,GAAG,CAAC9B,EAAK,IAAI+B,YAAYF,GAAG,CAACR,IAEvB,KAAK,IAAxBb,CAAS,CAACR,EAAI,EAChBQ,CAAAA,CAAS,CAACR,EAAI,CACZ,CAAC,YAAY,EAAEA,EAAI,cAAc,EAAEgB,EAAM,yBAAyB,EAAEA,EAAM,2BAA2B,EAAEA,EAAM,oCAAoC,EAAEA,EAAM,8CAA8C,EAAEA,EAAM,+CAA+C,EAAEA,EAAM,gBAAgB,CAAC,AAAD,CAE5R,EAuCiBhB,EAAKgB,EAAOK,EAAOb,EAChC,CAGF,OAAOE,CACT,EA4BoBnD,EAAQW,EAAMqC,QAAQ,CAAChB,EAAOY,GAAUV,GAElDS,EAASa,MAAM,CAAG,GAAKb,AAAgB,QAAhBA,CAAQ,CAAC,EAAE,CACpCb,EAAOa,CAAQ,CAAC,EAAE,CAAEX,EAAO,CAAA,EAAOE,GAElC1B,EAAgBiE,OAAOC,MAAM,CAACxC,GAASyC,IAAI,CAAC,IAEhD,MACE,MAAMC,MAAM,sBAEd3E,EAAQ,KAAK,CACf,EAAG,EAAC,CACN,CAcA,OAbArB,EAAa,KACXkD,EAAO/B,EAAMkB,QAAQ,CAAEZ,IAAQ,CAAA,EACjC,GACAnB,EAAU,KACR,GAAImD,IAAIC,UAAU,CAChB,IAAK,IAAMG,KAAOJ,IAAIC,UAAU,CAACuC,IAAI,GAC/BpC,EAAIC,UAAU,CAACtC,IACjBiC,IAAIC,UAAU,CAACwC,MAAM,CAACrC,EAI9B,uDAIwBvC,IAAWP,EAAUC,4DACrBW,gDACAV,UACnBV,qBAAWY,EAAMR,GAAG,8DACCA,EAAIQ,EAAMR,GAAG,yCActBS,eALVb,qBAAWY,EAAMgF,OAAO,yDAEmC3D,gCADtBJ,0BAIuCU,kCAAlE1B,qBAAkD,CAAA,OAC1DK,eAZQ,CACT,CAAC,CAAC,SAAS,EAAEN,EAAMkB,QAAQ,CAAC,CAAC,CAAC,CAAE,CAAC,CAAClB,EAAMkB,QAAQ,CAChD,cAAe,CAAClB,EAAMgF,OAAO,CAC7B,CAAChF,EAAMiF,KAAK,CAAE,CAAE,CAACjF,EAAMkF,IAAI,AAC7B,IAOqClF,EAAMkF,IAAI,0GAMvD,CAEAzF,EACE,SACA,CACEwF,MAAO,KAAK,EACZ3E,KAAM,KAAK,EACXY,SAAU,KAAK,EACfiE,SAAU,KAAK,EACfD,KAAM,KAAK,EACXF,QAAS,KAAK,EACdxF,IAAK,KAAK,EACVwC,SAAU,KAAK,CACjB,EACA,CAACoD,EAAGC,KACF,GAAM,CAAEC,UAAAA,CAAS,CAAE,CAAG3F,EAChBqD,EAAKqC,EAAIE,OAAO,CAChBvF,EAAQd,EACZ,CACEoB,KAAM0C,EAAGtB,WAAW,CACpBlC,IAAKwD,EAAGxD,GAAG,CACXwC,SAASwD,CAAW,EAClBxC,EAAGyC,aAAa,CACd,IAAIC,YAAY,SAAU,CACxBC,OAAQH,CACV,GAEJ,CACF,EACAJ,GAOF,OAJAvG,EAAa,KACXa,EAAesD,EAAI,CAAC,MAAO,OAAO,EAClCA,EAAG4C,eAAe,EACpB,uDAGwBN,aACnBvF,cAAe,QAAYC,IAGlC,EAEF,gBAAeD,CAAK"}
+{"version":3,"sources":["components/code/index.tsx"],"sourcesContent":["import {\n  createEffect,\n  createMemo,\n  createResource,\n  createSignal,\n  createUniqueId,\n  type JSX,\n  mergeProps,\n  onCleanup,\n  Show,\n  untrack,\n} from 'solid-js';\nimport { isFunction, setClipboard } from '@moneko/common';\nimport { css } from '@moneko/css';\nimport type { TokenStream } from 'prismjs';\nimport { customElement } from 'solid-element';\n\nimport type { CustomElement } from '..';\nimport { clearAttribute } from '../basic-config';\nimport theme from '../theme';\n\nimport { CopyIcon } from './copy-icon';\nimport { darkCss, lightCss, style } from './style';\n\nexport type LanguageBase =\n  | 'bash'\n  | 'shell'\n  | 'sh'\n  | 'clike'\n  | 'css'\n  | 'docker'\n  | 'dockerfile'\n  | 'git'\n  | 'javascript'\n  | 'js'\n  | 'json'\n  | 'webmanifest'\n  | 'jsx'\n  | 'tsx'\n  | 'less'\n  | 'html'\n  | 'mathml'\n  | 'svg'\n  | 'xml'\n  | 'ssml'\n  | 'atom'\n  | 'rss'\n  | 'regex'\n  | 'rust'\n  | 'sql'\n  | 'swift'\n  | 'toml'\n  | 'typescript'\n  | 'ts'\n  | 'yaml'\n  | 'yml'\n  | 'matlab';\n\ntype ExcludeLanguage<T extends LanguageBase, U extends LanguageBase> = T extends U ? never : T;\n\nexport type Language =\n  | LanguageBase\n  | {\n      [T in LanguageBase]: `${T} ${ExcludeLanguage<LanguageBase, T>}`;\n    }[LanguageBase];\nexport interface CodeProps {\n  /** 自定义类名 */\n  class?: string;\n  /** 自定义样式表 */\n  css?: string;\n  /** 内容 */\n  code?: string;\n  /** 语言（支持多种语言配置：如 `html css javascript`）\n   * @default 'markup'\n   */\n  language?: Language;\n  /** 支持编辑 */\n  edit?: boolean;\n  /** 开启代码块工具条 */\n  toolbar?: boolean;\n  /** 工具条上显示的文字 */\n  title?: string;\n  /** 编辑修改时的回调 */\n  onChange?(code: string): void;\n  children?: JSX.Element;\n}\nexport type CodeElement = CustomElement<CodeProps>;\n\nfunction Code(props: CodeProps) {\n  const { isDark } = theme;\n  let codeEl: HTMLPreElement;\n  let timer: NodeJS.Timeout | undefined;\n  const decoded = /%[0-9A-Fa-f]{2}/;\n  const id = createUniqueId();\n  const [code, setCode] = createSignal<string>('');\n  const [highlightCss, setHighlightCss] = createSignal<string>();\n\n  async function fetchPrism() {\n    if (!window.Prism) {\n      return (await import('../prism')).default;\n    }\n    window.Prism.disableWorkerMessageHandler = true;\n    window.Prism.manual = true;\n    return window.Prism;\n  }\n  const [prismJS] = createResource('prism', fetchPrism);\n  const title = createMemo(() => props.title || props.language?.split(' ').pop());\n\n  createEffect(() => {\n    let _next = props.code || '';\n\n    if (decoded.test(_next)) {\n      _next = decodeURIComponent(_next);\n    }\n    codeEl.normalize();\n    if (_next !== codeEl.textContent) {\n      setCode(_next);\n    }\n  });\n\n  function copy() {\n    setClipboard(untrack(code), codeEl);\n  }\n  const change: JSX.InputEventHandlerUnion<HTMLElement, InputEvent> = function (e) {\n    e.target.normalize();\n    const next = e.target.textContent;\n\n    syntax(props.language, next, true);\n    if (isFunction(props.onChange)) {\n      props.onChange(next);\n    }\n  };\n\n  function updateRang(\n    key: string,\n    token: string,\n    range: AbstractRange,\n    selection: Record<string, string>,\n  ) {\n    const highlight = CSS.highlights.get(key);\n\n    if (highlight) {\n      highlight.add(range);\n    } else {\n      CSS.highlights.set(key, new Highlight().add(range));\n    }\n    if (selection[key] === void 0) {\n      selection[key] =\n        `::highlight(${key}){color:var(--${token});background-color:var(--${token}-bg);text-decoration:var(--${token}-text-decoration);text-shadow:var(--${token}-text-shadow);-webkit-text-stroke-width:var(--${token}-stroke-width);-webkit-text-stroke-color:var(--${token}-stroke-color);}`;\n    }\n  }\n  function highlighter(\n    el: HTMLPreElement,\n    tokenize: TokenStream,\n    selection: Record<string, string>,\n    start = 0,\n  ) {\n    let pos = start;\n\n    if (Array.isArray(tokenize)) {\n      for (let i = 0, len = tokenize.length; i < len; i++) {\n        const token = tokenize[i];\n\n        if (typeof token !== 'object') {\n          pos += token.length;\n          continue;\n        }\n        pos = highlighter(el, token, selection, pos);\n      }\n      return pos;\n    }\n    if (typeof tokenize === 'object' && tokenize.type) {\n      if (el.firstChild) {\n        const token = (tokenize.alias ?? tokenize.type).toString();\n        const key = id + token;\n        const range = new Range();\n\n        if (['deleted', 'inserted'].includes(token)) {\n          // diff\n          range.setStart(el.firstChild, pos + 2);\n        } else {\n          range.setStart(el.firstChild, pos);\n        }\n        if (Array.isArray(tokenize.content)) {\n          pos = highlighter(el, tokenize.content, selection, pos);\n        } else if (typeof tokenize.content === 'string') {\n          pos += tokenize.content.length;\n        }\n        range.setEnd(el.firstChild, pos);\n        updateRang(key, token, range, selection);\n      }\n    }\n\n    return pos;\n  }\n  function syntax(\n    language: Language = 'markup' as Language,\n    value: string | null,\n    clear?: boolean,\n    prevCss = {},\n  ) {\n    if (timer) {\n      clearTimeout(timer);\n      timer = void 0;\n    }\n    const Prism = prismJS();\n\n    if (!value || !Prism) return;\n    timer = setTimeout(() => {\n      clearTimeout(timer);\n      if (CSS.highlights) {\n        if (clear) {\n          CSS.highlights.forEach((highlight, key) => {\n            if (key.startsWith(id)) {\n              highlight.clear();\n            }\n          });\n        }\n        const grammars = language.split(' ') as Language[],\n          grammar = Prism.languages[grammars[0]];\n\n        if (grammar) {\n          highlighter(codeEl, Prism.tokenize(value, grammar), prevCss);\n        }\n        if (grammars.length > 1 || grammars[0] === 'git') {\n          syntax(grammars[1], value, false, prevCss);\n        } else {\n          setHighlightCss(Object.values(prevCss).join(''));\n        }\n      } else {\n        throw Error('不支持 CSS Highlights');\n      }\n      timer = void 0;\n    }, 0);\n  }\n  createEffect(() => {\n    syntax(props.language, code(), true);\n  });\n  onCleanup(() => {\n    if (CSS.highlights) {\n      for (const key of CSS.highlights.keys()) {\n        if (key.startsWith(id)) {\n          CSS.highlights.delete(key);\n        }\n      }\n    }\n  });\n\n  return (\n    <>\n      <style textContent={isDark() ? darkCss : lightCss} />\n      <style textContent={highlightCss()} />\n      <style textContent={style} />\n      <Show when={props.css}>\n        <style textContent={css(props.css)} />\n      </Show>\n      <pre\n        classList={{\n          [`language-${props.language}`]: !!props.language,\n          'not-toolbar': !props.toolbar,\n          [props.class!]: !props.edit,\n        }}\n      >\n        <Show when={props.toolbar}>\n          <div class=\"toolbar\" data-language={title()}>\n            <CopyIcon class=\"toolbar-copy\" onClick={copy} />\n          </div>\n        </Show>\n        <code ref={codeEl!} contenteditable={props.edit} spellcheck={false} onInput={change}>\n          {code()}\n        </code>\n      </pre>\n    </>\n  );\n}\n\ncustomElement<CodeProps>(\n  'n-code',\n  {\n    class: void 0,\n    code: void 0,\n    language: void 0,\n    children: void 0,\n    edit: void 0,\n    toolbar: void 0,\n    css: void 0,\n    onChange: void 0,\n    title: void 0,\n  },\n  (_, opt) => {\n    const { baseStyle } = theme;\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      clearAttribute(el, ['css', 'code', 'title']);\n      el.replaceChildren();\n    });\n    return (\n      <>\n        <style textContent={baseStyle()} />\n        <Code {...props} />\n      </>\n    );\n  },\n);\nexport default Code;\n"],"names":["createEffect","createMemo","createResource","createSignal","createUniqueId","mergeProps","onCleanup","Show","untrack","isFunction","setClipboard","css","customElement","clearAttribute","theme","CopyIcon","darkCss","lightCss","style","Code","props","codeEl","timer","isDark","decoded","id","code","setCode","highlightCss","setHighlightCss","fetchPrism","window","Prism","disableWorkerMessageHandler","manual","default","prismJS","title","language","split","pop","copy","_next","test","decodeURIComponent","normalize","textContent","change","e","target","next","syntax","onChange","value","clear","prevCss","clearTimeout","setTimeout","CSS","highlights","forEach","highlight","key","startsWith","grammars","grammar","languages","highlighter","el","tokenize","selection","start","pos","Array","isArray","i","len","length","token","type","firstChild","alias","toString","range","Range","includes","setStart","content","setEnd","updateRang","get","add","set","Highlight","Object","values","join","Error","keys","delete","toolbar","class","edit","children","_","opt","baseStyle","element","val","dispatchEvent","CustomEvent","detail","replaceChildren"],"mappings":"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"}

package/es/code/style.js

@@ -10,7 +10,7 @@ import{css as o}from"@moneko/css";export const style=o`
   }
 
   .toolbar::after,
-  .toolbar-copy::after,
+  .toolbar-copy,
   pre,
   code {
     transition-duration: var(--transition-duration);
@@ -145,30 +145,21 @@ import{css as o}from"@moneko/css";export const style=o`
     z-index: 3;
     border: none;
     padding: 0;
+    font-size: var(--font-size, 14px);
+    color: var(--text-color);
     background: none;
     outline: none;
     cursor: pointer;
-    inset-block-start: 0;
-    inset-inline-end: 8px;
+    inset-block-start: 5px;
+    inset-inline-end: 5px;
   }
 
-  pre > .toolbar > .toolbar-copy:active {
-    transform: scale(0.95);
-  }
-
-  .toolbar > .toolbar-copy::after {
-    display: block;
-    font-size: 24px;
-    font-family: sans-serif;
-    color: var(--text-color);
-    user-select: none;
-    content: '⎘';
-    line-height: 24px;
-    transition-property: color, transform;
+  .toolbar > .toolbar-copy:hover {
+    color: var(--primary-color, #5794ff);
   }
 
-  .toolbar > .toolbar-copy:hover::after {
-    color: var(--primary-color, #5794ff);
+  pre > .toolbar > .toolbar-copy:active {
+    transform: scale(0.95);
   }
 
   .not-toolbar > code {

package/es/code/style.js.map

@@ -1 +1 @@
-{"version":3,"sources":["components/code/style.ts"],"sourcesContent":["import { css } from '@moneko/css';\n\nexport const style = css`\n  :host {\n    --code-font-stack: 'Liberation Mono', monaco, menlo, consolas, 'Source Code Pro', 'Ubuntu Mono',\n      'Microsoft Yahei', '微软雅黑', courier, 'Helvetica Neue', 'Lantinghei SC', stxihei, wenquanyi,\n      sans-serif;\n\n    position: relative;\n    display: block;\n    box-sizing: border-box;\n  }\n\n  .toolbar::after,\n  .toolbar-copy::after,\n  pre,\n  code {\n    transition-duration: var(--transition-duration);\n    transition-timing-function: var(--transition-timing-function);\n  }\n\n  [data-copy]::before {\n    position: absolute;\n    z-index: 1;\n    display: inline-block;\n    margin: auto;\n    border: 1px solid;\n    border-radius: var(--border-radius);\n    padding: 4px 8px;\n    font-size: var(--font-size-sm);\n    transition:\n      background-color 0.3s,\n      color 0.3s,\n      border-color 0.3s;\n    content: '复制成功';\n    inline-size: fit-content;\n    animation-fill-mode: forwards;\n    inset-block-start: 32px;\n    inset-inline: 0;\n  }\n\n  [data-copy='success']::before {\n    border-color: var(--success-border);\n    color: var(--success-color);\n    background-color: var(--success-bg);\n    animation: copy-slide-in var(--transition-duration) var(--transition-timing-function);\n  }\n\n  [data-copy='failure']::before {\n    border-color: var(--error-border);\n    color: var(--error-color);\n    background-color: var(--error-bg);\n    animation:\n      copy-slide-in var(--transition-duration) var(--transition-timing-function),\n      error 1s var(--transition-timing-function) 1s;\n    content: '复制失败';\n  }\n\n  [data-copy-exit]::before {\n    animation: copy-slide-out var(--transition-duration) forwards var(--transition-timing-function);\n  }\n\n  pre,\n  code {\n    display: block;\n    border: none;\n    border-radius: var(--border-radius);\n    font-size: var(--font-size);\n    font-family: var(--code-font-stack);\n    text-align: start;\n    white-space: pre-wrap;\n    outline: none;\n    text-shadow: none;\n    overflow-wrap: normal;\n    tab-size: 4;\n    hyphens: none;\n    max-inline-size: 100%;\n    line-height: 1.8;\n    transition-property: box-shadow, background-color, border-color, color;\n  }\n\n  pre {\n    position: relative;\n    overflow: visible;\n    margin: auto;\n    color: var(--code-color);\n    background-color: var(--primary-component-bg);\n    box-shadow: 0 2px 8px 0 var(--primary-shadow);\n  }\n\n  pre > code {\n    overflow: auto;\n    padding: 32px 16px 8px;\n    pointer-events: auto;\n  }\n\n  pre.language-css,\n  pre.language-less,\n  pre.language-regex {\n    color: var(--code-lang-style-color);\n  }\n\n  pre > .toolbar::after {\n    position: absolute;\n    z-index: 2;\n    display: block;\n    border-radius: var(--border-radius) var(--border-radius) 0 0;\n    font-size: var(--font-size);\n    font-family: Ubuntu, sans-serif;\n    font-weight: bold;\n    text-align: center;\n    color: var(--text-color);\n    background-color: var(--code-toolbar-bg, rgb(220 224 229 / 50%));\n    box-shadow: 0 1px 5px rgb(0 0 0 / 10%);\n    text-transform: uppercase;\n    backdrop-filter: blur(10px);\n    content: attr(data-language) '';\n    block-size: 24px;\n    inline-size: 100%;\n    line-height: 24px;\n    transition-property: background-color, border-color, color;\n    inset-block-start: 0;\n    inset-inline-start: 0;\n  }\n\n  pre > .toolbar::before {\n    position: absolute;\n    z-index: 3;\n    display: inline-block;\n    border-radius: var(--border-radius);\n    text-align: center;\n    background-color: #fc625d;\n    box-shadow:\n      0 0 0 4px #fc625d,\n      20px 0 0 4px #fdbc40,\n      40px 0 0 4px #35cd4b;\n    cursor: pointer;\n    content: '';\n    block-size: 4px;\n    inline-size: 4px;\n    inset-block-start: 10px;\n    inset-inline-start: 12px;\n  }\n\n  pre > .toolbar > .toolbar-copy {\n    position: absolute;\n    z-index: 3;\n    border: none;\n    padding: 0;\n    background: none;\n    outline: none;\n    cursor: pointer;\n    inset-block-start: 0;\n    inset-inline-end: 8px;\n  }\n\n  pre > .toolbar > .toolbar-copy:active {\n    transform: scale(0.95);\n  }\n\n  .toolbar > .toolbar-copy::after {\n    display: block;\n    font-size: 24px;\n    font-family: sans-serif;\n    color: var(--text-color);\n    user-select: none;\n    content: '⎘';\n    line-height: 24px;\n    transition-property: color, transform;\n  }\n\n  .toolbar > .toolbar-copy:hover::after {\n    color: var(--primary-color, #5794ff);\n  }\n\n  .not-toolbar > code {\n    padding-block-start: 8px !important;\n  }\n\n  pre::-webkit-scrollbar {\n    block-size: 5px;\n    inline-size: 5px;\n  }\n\n  @keyframes copy-slide-in {\n    from {\n      opacity: 0;\n      transform: translate3d(0, -100%, 0) scale(0);\n    }\n\n    to {\n      opacity: 1;\n      transform: translate3d(0, 0, 0) scale(1);\n    }\n  }\n\n  @keyframes copy-slide-out {\n    from {\n      opacity: 1;\n      transform: translate3d(0, 0, 0) scale(1);\n    }\n\n    to {\n      opacity: 0;\n      transform: translate3d(0, -100%, 0) scale(0);\n    }\n  }\n`;\nexport const darkCss = css({\n  ':host': {\n    '--code-color': '#eee',\n    '--code-lang-style-color': '#fd9170',\n    '--code-toolbar-bg': 'rgb(63, 63, 63, 0.7)',\n    '--atrule': '#c792ea',\n    '--attr-name': '#9cdcfe',\n    '--attr-value': '#ce9178',\n    '--attr-equals': '#ccc',\n    '--attribute': '#a5e844',\n    '--boolean': '#c792ea',\n    '--builtin': '#ffcb6b',\n    '--cdata': '#80cbc4',\n    '--char': '#80cbc4',\n    '--class': '#ffcb6b',\n    '--class-name': '#f2ff00',\n    '--comment': '#616161',\n    '--constant': '#c792ea',\n    '--doctype': '#616161',\n    '--entity': '#f66',\n    '--function': '#dcdcaa',\n    '--hexcode': '#f2ff00',\n    '--id': '#c792ea',\n    '--important': '#c792ea',\n    '--keyword': '#c792ea',\n    '--number': '#fd9170',\n    '--operator': '#569cd6',\n    '--prolog': '#616161',\n    '--property': '#80cbc4',\n    '--pseudo-class': '#a5e844',\n    '--pseudo-element': '#a5e844',\n    '--punctuation': '#89ddff',\n    '--regex': '#f2ff00',\n    '--selector': '#f66',\n    '--string': '#a5e844',\n    '--symbol': '#c792ea',\n    '--tag': '#569cd6',\n    '--unit': '#fd9170',\n    '--url': '#f66',\n    '--variable': '#f66',\n    '--inserted-bg': 'rgba(0, 255, 128, .15)',\n    '--deleted-bg': 'rgba(255, 0, 0, .15)',\n  },\n});\nexport const lightCss = css({\n  ':host': {\n    '--code-color': '#90a4ae',\n    '--code-lang-style-color': '#f76d47',\n    '--namespace': 'rgba(56, 64, 68, 0.7)',\n    '--tag': '#4b69c6',\n    '--atrule': '#7c4dff',\n    '--attr-name': '#39adb5',\n    '--attr-value': '#f6a434',\n    '--attr-equals': '#90a4ae',\n    '--attribute': '#f6a434',\n    '--boolean': '#7c4dff',\n    '--builtin': '#39adb5',\n    '--cdata': '#39adb5',\n    '--char': '#39adb5',\n    '--class': '#39adb5',\n    '--class-name': '#6182b8',\n    '--comment': '#aabfc9',\n    '--constant': '#7c4dff',\n    '--doctype': '#aabfc9',\n    '--entity': '#e53935',\n    '--hexcode': '#f76d47',\n    '--id': '#7c4dff',\n    '--important': '#7c4dff',\n    '--keyword': '#7c4dff',\n    '--number': '#f76d47',\n    '--operator': '#91b3e0',\n    '--prolog': '#aabfc9',\n    '--property': '#39adb5',\n    '--pseudo-class': '#f6a434',\n    '--pseudo-element': '#f6a434',\n    '--punctuation': '#39adb5',\n    '--regex': '#6182b8',\n    '--selector': '#e53935',\n    '--string': '#f6a434',\n    '--symbol': '#7c4dff',\n    '--unit': '#f76d47',\n    '--url': '#e53935',\n    '--variable': '#e53935',\n    '--function': '#4078f2',\n    '--name': '#39adb5',\n    '--prefix-inserted': 'green',\n    '--prefix-deleted': 'red',\n    '--inserted-bg': 'rgba(0, 255, 128, .1)',\n    '--deleted-bg': 'rgba(255, 0, 0, .1)',\n  },\n});\n"],"names":["css","style","darkCss","lightCss"],"mappings":"AAAA,OAASA,OAAAA,CAAG,KAAQ,aAAc,AAElC,QAAO,MAAMC,MAAQD,CAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6MzB,CAAC,AAAC,AACF,QAAO,MAAME,QAAUF,EAAI,CACzB,QAAS,CACP,eAAgB,OAChB,0BAA2B,UAC3B,oBAAqB,uBACrB,WAAY,UACZ,cAAe,UACf,eAAgB,UAChB,gBAAiB,OACjB,cAAe,UACf,YAAa,UACb,YAAa,UACb,UAAW,UACX,SAAU,UACV,UAAW,UACX,eAAgB,UAChB,YAAa,UACb,aAAc,UACd,YAAa,UACb,WAAY,OACZ,aAAc,UACd,YAAa,UACb,OAAQ,UACR,cAAe,UACf,YAAa,UACb,WAAY,UACZ,aAAc,UACd,WAAY,UACZ,aAAc,UACd,iBAAkB,UAClB,mBAAoB,UACpB,gBAAiB,UACjB,UAAW,UACX,aAAc,OACd,WAAY,UACZ,WAAY,UACZ,QAAS,UACT,SAAU,UACV,QAAS,OACT,aAAc,OACd,gBAAiB,yBACjB,eAAgB,sBAClB,CACF,EAAG,AACH,QAAO,MAAMG,SAAWH,EAAI,CAC1B,QAAS,CACP,eAAgB,UAChB,0BAA2B,UAC3B,cAAe,wBACf,QAAS,UACT,WAAY,UACZ,cAAe,UACf,eAAgB,UAChB,gBAAiB,UACjB,cAAe,UACf,YAAa,UACb,YAAa,UACb,UAAW,UACX,SAAU,UACV,UAAW,UACX,eAAgB,UAChB,YAAa,UACb,aAAc,UACd,YAAa,UACb,WAAY,UACZ,YAAa,UACb,OAAQ,UACR,cAAe,UACf,YAAa,UACb,WAAY,UACZ,aAAc,UACd,WAAY,UACZ,aAAc,UACd,iBAAkB,UAClB,mBAAoB,UACpB,gBAAiB,UACjB,UAAW,UACX,aAAc,UACd,WAAY,UACZ,WAAY,UACZ,SAAU,UACV,QAAS,UACT,aAAc,UACd,aAAc,UACd,SAAU,UACV,oBAAqB,QACrB,mBAAoB,MACpB,gBAAiB,wBACjB,eAAgB,qBAClB,CACF,EAAG"}
+{"version":3,"sources":["components/code/style.ts"],"sourcesContent":["import { css } from '@moneko/css';\n\nexport const style = css`\n  :host {\n    --code-font-stack: 'Liberation Mono', monaco, menlo, consolas, 'Source Code Pro', 'Ubuntu Mono',\n      'Microsoft Yahei', '微软雅黑', courier, 'Helvetica Neue', 'Lantinghei SC', stxihei, wenquanyi,\n      sans-serif;\n\n    position: relative;\n    display: block;\n    box-sizing: border-box;\n  }\n\n  .toolbar::after,\n  .toolbar-copy,\n  pre,\n  code {\n    transition-duration: var(--transition-duration);\n    transition-timing-function: var(--transition-timing-function);\n  }\n\n  [data-copy]::before {\n    position: absolute;\n    z-index: 1;\n    display: inline-block;\n    margin: auto;\n    border: 1px solid;\n    border-radius: var(--border-radius);\n    padding: 4px 8px;\n    font-size: var(--font-size-sm);\n    transition:\n      background-color 0.3s,\n      color 0.3s,\n      border-color 0.3s;\n    content: '复制成功';\n    inline-size: fit-content;\n    animation-fill-mode: forwards;\n    inset-block-start: 32px;\n    inset-inline: 0;\n  }\n\n  [data-copy='success']::before {\n    border-color: var(--success-border);\n    color: var(--success-color);\n    background-color: var(--success-bg);\n    animation: copy-slide-in var(--transition-duration) var(--transition-timing-function);\n  }\n\n  [data-copy='failure']::before {\n    border-color: var(--error-border);\n    color: var(--error-color);\n    background-color: var(--error-bg);\n    animation:\n      copy-slide-in var(--transition-duration) var(--transition-timing-function),\n      error 1s var(--transition-timing-function) 1s;\n    content: '复制失败';\n  }\n\n  [data-copy-exit]::before {\n    animation: copy-slide-out var(--transition-duration) forwards var(--transition-timing-function);\n  }\n\n  pre,\n  code {\n    display: block;\n    border: none;\n    border-radius: var(--border-radius);\n    font-size: var(--font-size);\n    font-family: var(--code-font-stack);\n    text-align: start;\n    white-space: pre-wrap;\n    outline: none;\n    text-shadow: none;\n    overflow-wrap: normal;\n    tab-size: 4;\n    hyphens: none;\n    max-inline-size: 100%;\n    line-height: 1.8;\n    transition-property: box-shadow, background-color, border-color, color;\n  }\n\n  pre {\n    position: relative;\n    overflow: visible;\n    margin: auto;\n    color: var(--code-color);\n    background-color: var(--primary-component-bg);\n    box-shadow: 0 2px 8px 0 var(--primary-shadow);\n  }\n\n  pre > code {\n    overflow: auto;\n    padding: 32px 16px 8px;\n    pointer-events: auto;\n  }\n\n  pre.language-css,\n  pre.language-less,\n  pre.language-regex {\n    color: var(--code-lang-style-color);\n  }\n\n  pre > .toolbar::after {\n    position: absolute;\n    z-index: 2;\n    display: block;\n    border-radius: var(--border-radius) var(--border-radius) 0 0;\n    font-size: var(--font-size);\n    font-family: Ubuntu, sans-serif;\n    font-weight: bold;\n    text-align: center;\n    color: var(--text-color);\n    background-color: var(--code-toolbar-bg, rgb(220 224 229 / 50%));\n    box-shadow: 0 1px 5px rgb(0 0 0 / 10%);\n    text-transform: uppercase;\n    backdrop-filter: blur(10px);\n    content: attr(data-language) '';\n    block-size: 24px;\n    inline-size: 100%;\n    line-height: 24px;\n    transition-property: background-color, border-color, color;\n    inset-block-start: 0;\n    inset-inline-start: 0;\n  }\n\n  pre > .toolbar::before {\n    position: absolute;\n    z-index: 3;\n    display: inline-block;\n    border-radius: var(--border-radius);\n    text-align: center;\n    background-color: #fc625d;\n    box-shadow:\n      0 0 0 4px #fc625d,\n      20px 0 0 4px #fdbc40,\n      40px 0 0 4px #35cd4b;\n    cursor: pointer;\n    content: '';\n    block-size: 4px;\n    inline-size: 4px;\n    inset-block-start: 10px;\n    inset-inline-start: 12px;\n  }\n\n  pre > .toolbar > .toolbar-copy {\n    position: absolute;\n    z-index: 3;\n    border: none;\n    padding: 0;\n    font-size: var(--font-size, 14px);\n    color: var(--text-color);\n    background: none;\n    outline: none;\n    cursor: pointer;\n    inset-block-start: 5px;\n    inset-inline-end: 5px;\n  }\n\n  .toolbar > .toolbar-copy:hover {\n    color: var(--primary-color, #5794ff);\n  }\n\n  pre > .toolbar > .toolbar-copy:active {\n    transform: scale(0.95);\n  }\n\n  .not-toolbar > code {\n    padding-block-start: 8px !important;\n  }\n\n  pre::-webkit-scrollbar {\n    block-size: 5px;\n    inline-size: 5px;\n  }\n\n  @keyframes copy-slide-in {\n    from {\n      opacity: 0;\n      transform: translate3d(0, -100%, 0) scale(0);\n    }\n\n    to {\n      opacity: 1;\n      transform: translate3d(0, 0, 0) scale(1);\n    }\n  }\n\n  @keyframes copy-slide-out {\n    from {\n      opacity: 1;\n      transform: translate3d(0, 0, 0) scale(1);\n    }\n\n    to {\n      opacity: 0;\n      transform: translate3d(0, -100%, 0) scale(0);\n    }\n  }\n`;\nexport const darkCss = css({\n  ':host': {\n    '--code-color': '#eee',\n    '--code-lang-style-color': '#fd9170',\n    '--code-toolbar-bg': 'rgb(63, 63, 63, 0.7)',\n    '--atrule': '#c792ea',\n    '--attr-name': '#9cdcfe',\n    '--attr-value': '#ce9178',\n    '--attr-equals': '#ccc',\n    '--attribute': '#a5e844',\n    '--boolean': '#c792ea',\n    '--builtin': '#ffcb6b',\n    '--cdata': '#80cbc4',\n    '--char': '#80cbc4',\n    '--class': '#ffcb6b',\n    '--class-name': '#f2ff00',\n    '--comment': '#616161',\n    '--constant': '#c792ea',\n    '--doctype': '#616161',\n    '--entity': '#f66',\n    '--function': '#dcdcaa',\n    '--hexcode': '#f2ff00',\n    '--id': '#c792ea',\n    '--important': '#c792ea',\n    '--keyword': '#c792ea',\n    '--number': '#fd9170',\n    '--operator': '#569cd6',\n    '--prolog': '#616161',\n    '--property': '#80cbc4',\n    '--pseudo-class': '#a5e844',\n    '--pseudo-element': '#a5e844',\n    '--punctuation': '#89ddff',\n    '--regex': '#f2ff00',\n    '--selector': '#f66',\n    '--string': '#a5e844',\n    '--symbol': '#c792ea',\n    '--tag': '#569cd6',\n    '--unit': '#fd9170',\n    '--url': '#f66',\n    '--variable': '#f66',\n    '--inserted-bg': 'rgba(0, 255, 128, .15)',\n    '--deleted-bg': 'rgba(255, 0, 0, .15)',\n  },\n});\nexport const lightCss = css({\n  ':host': {\n    '--code-color': '#90a4ae',\n    '--code-lang-style-color': '#f76d47',\n    '--namespace': 'rgba(56, 64, 68, 0.7)',\n    '--tag': '#4b69c6',\n    '--atrule': '#7c4dff',\n    '--attr-name': '#39adb5',\n    '--attr-value': '#f6a434',\n    '--attr-equals': '#90a4ae',\n    '--attribute': '#f6a434',\n    '--boolean': '#7c4dff',\n    '--builtin': '#39adb5',\n    '--cdata': '#39adb5',\n    '--char': '#39adb5',\n    '--class': '#39adb5',\n    '--class-name': '#6182b8',\n    '--comment': '#aabfc9',\n    '--constant': '#7c4dff',\n    '--doctype': '#aabfc9',\n    '--entity': '#e53935',\n    '--hexcode': '#f76d47',\n    '--id': '#7c4dff',\n    '--important': '#7c4dff',\n    '--keyword': '#7c4dff',\n    '--number': '#f76d47',\n    '--operator': '#91b3e0',\n    '--prolog': '#aabfc9',\n    '--property': '#39adb5',\n    '--pseudo-class': '#f6a434',\n    '--pseudo-element': '#f6a434',\n    '--punctuation': '#39adb5',\n    '--regex': '#6182b8',\n    '--selector': '#e53935',\n    '--string': '#f6a434',\n    '--symbol': '#7c4dff',\n    '--unit': '#f76d47',\n    '--url': '#e53935',\n    '--variable': '#e53935',\n    '--function': '#4078f2',\n    '--name': '#39adb5',\n    '--prefix-inserted': 'green',\n    '--prefix-deleted': 'red',\n    '--inserted-bg': 'rgba(0, 255, 128, .1)',\n    '--deleted-bg': 'rgba(255, 0, 0, .1)',\n  },\n});\n"],"names":["css","style","darkCss","lightCss"],"mappings":"AAAA,OAASA,OAAAA,CAAG,KAAQ,aAAc,AAElC,QAAO,MAAMC,MAAQD,CAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoMzB,CAAC,AAAC,AACF,QAAO,MAAME,QAAUF,EAAI,CACzB,QAAS,CACP,eAAgB,OAChB,0BAA2B,UAC3B,oBAAqB,uBACrB,WAAY,UACZ,cAAe,UACf,eAAgB,UAChB,gBAAiB,OACjB,cAAe,UACf,YAAa,UACb,YAAa,UACb,UAAW,UACX,SAAU,UACV,UAAW,UACX,eAAgB,UAChB,YAAa,UACb,aAAc,UACd,YAAa,UACb,WAAY,OACZ,aAAc,UACd,YAAa,UACb,OAAQ,UACR,cAAe,UACf,YAAa,UACb,WAAY,UACZ,aAAc,UACd,WAAY,UACZ,aAAc,UACd,iBAAkB,UAClB,mBAAoB,UACpB,gBAAiB,UACjB,UAAW,UACX,aAAc,OACd,WAAY,UACZ,WAAY,UACZ,QAAS,UACT,SAAU,UACV,QAAS,OACT,aAAc,OACd,gBAAiB,yBACjB,eAAgB,sBAClB,CACF,EAAG,AACH,QAAO,MAAMG,SAAWH,EAAI,CAC1B,QAAS,CACP,eAAgB,UAChB,0BAA2B,UAC3B,cAAe,wBACf,QAAS,UACT,WAAY,UACZ,cAAe,UACf,eAAgB,UAChB,gBAAiB,UACjB,cAAe,UACf,YAAa,UACb,YAAa,UACb,UAAW,UACX,SAAU,UACV,UAAW,UACX,eAAgB,UAChB,YAAa,UACb,aAAc,UACd,YAAa,UACb,WAAY,UACZ,YAAa,UACb,OAAQ,UACR,cAAe,UACf,YAAa,UACb,WAAY,UACZ,aAAc,UACd,WAAY,UACZ,aAAc,UACd,iBAAkB,UAClB,mBAAoB,UACpB,gBAAiB,UACjB,UAAW,UACX,aAAc,UACd,WAAY,UACZ,WAAY,UACZ,SAAU,UACV,QAAS,UACT,aAAc,UACd,aAAc,UACd,SAAU,UACV,oBAAqB,QACrB,mBAAoB,MACpB,gBAAiB,wBACjB,eAAgB,qBAClB,CACF,EAAG"}

package/es/highlight-text/index.d.ts

@@ -16,6 +16,7 @@ export interface HighlightTextProps {
     flag?: HighlightRule['flag'];
     /** 额外需要高亮的内容 */
     extra?: string;
+    children?: string;
 }
 interface HighlightRule {
     /** 需要高亮的内容 */

package/es/highlight-text/index.js

@@ -1,12 +1,8 @@
-import{template as t}from"solid-js/web";import{setAttribute as e}from"solid-js/web";import{memo as r}from"solid-js/web";import{insert as l}from"solid-js/web";import{effect as i}from"solid-js/web";import{createComponent as o}from"solid-js/web";import{className as s}from"solid-js/web";let n=t('<span class="hit">'),h=t("<style> "),a=t("<style>"),g=t("<div>");import{createEffect as m,createMemo as u,createSignal as f,Show as c}from"solid-js";import{css as p,cx as d}from"@moneko/css";import{customElement as x}from"solid-element";import{clearAttribute as w}from"../basic-config";import b,{inline as v}from"../theme";let j=p`
+import{use as t}from"solid-js/web";import{template as e}from"solid-js/web";import{insert as i}from"solid-js/web";import{effect as r}from"solid-js/web";import{createComponent as l}from"solid-js/web";import{className as s}from"solid-js/web";let h=e("<style> "),o=e("<style>"),n=e("<div>");import{createEffect as g,createMemo as a,createUniqueId as d,mergeProps as f,Show as m}from"solid-js";import{css as c,cx as p}from"@moneko/css";import{customElement as x}from"solid-element";import{clearAttribute as u}from"../basic-config";import w,{inline as C}from"../theme";let v=c`
   .text {
     word-break: break-word;
     word-wrap: break-word;
     white-space: break-spaces;
     cursor: auto;
   }
-
-  .hit {
-    color: var(--primary-color, #5794ff);
-  }
-`;function y(t){let{baseStyle:x}=b,[w,v]=f(),y=u(()=>{var r,o;return null!=(o=null==(r=w())?void 0:r.map(t=>t.hit?(()=>{let r=n();return l(r,()=>t.text),i(()=>e(r,"data-text",t.text)),r})():t.text))?o:t.text});return m(()=>{if("string"==typeof t.text&&t.highlight){let e=t.text;if(Array.isArray(t.highlight))for(let r=0,l=t.highlight.length;r<l;r++){let l=t.highlight[r],i="string"==typeof l,o=i?l:l.highlight,s=i?t.flag:l.flag;o.length&&(e=e.replace(new RegExp(o,s),`%c:${o}:c%`))}else t.highlight.length&&(e=e.replace(new RegExp(t.highlight,t.flag),`%c:${t.highlight}:c%`));v(function(t){let e=/%c:(.+?):c%/i,r=t,l=e.exec(r);if(l){let t=[];for(;null!==l;l=e.exec(r)){let e=r.substring(0,l.index);e.trim().length&&t.push({text:e}),t.push({hit:!0,text:l[1]}),r=r.substring(l[0].length+l.index),e=null}return r.trim().length&&t.push({text:r}),t}return null}(e))}else v(null)}),[(()=>{let t=h(),e=t.firstChild;return i(()=>e.data=x()),t})(),(()=>{let t=a();return t.textContent=j,t})(),o(c,{get when(){return t.css},get children(){return p(t.css)}}),(()=>{let e=g();return l(e,y,null),l(e,(()=>{let e=r(()=>!!t.extra);return()=>e()&&(()=>{let e=n();return l(e,()=>t.extra),e})()})(),null),i(()=>s(e,d("text",t.class))),e})()]}x("n-highlight-text",{class:void 0,css:void 0,text:void 0,highlight:void 0,flag:void 0,extra:void 0},(t,e)=>{let r=e.element;return m(()=>{w(r,["css","text","highlight","extra"])}),[(()=>{let t=a();return t.textContent=v,t})(),o(y,t)]});export default y;
+`;function b(t,e,i,r,l){let s=new RegExp(i,r).exec(l);if(s){let i;let r=new Range;i=0+s.index,t.firstChild&&(r.setStart(t.firstChild,i),i+=s[0].length,r.setEnd(t.firstChild,i));let l=CSS.highlights.get(e);l?l.add(r):CSS.highlights.set(e,new Highlight().add(r))}}function S(e){let f;let{baseStyle:x}=w,u=d(),C=a(()=>{var t;return`${e.text}${null!=(t=e.extra)?t:""}`});return g(()=>{if(f&&e.highlight){if(Array.isArray(e.highlight))for(let t=0,i=e.highlight.length;t<i;t++){let i=e.highlight[t],r="string"==typeof i,l=r?i:i.highlight;l.length&&b(f,u,l,r?e.flag:i.flag,C())}else e.highlight.length&&b(f,u,e.highlight,e.flag,C())}}),g(()=>{if(f&&"string"==typeof e.extra){var t;let i=new Range,r=(null==(t=e.text)?void 0:t.length)||0;f.firstChild&&(i.setStart(f.firstChild,r),r+=e.extra.length,i.setEnd(f.firstChild,r));let l=CSS.highlights.get(u);l?l.add(i):CSS.highlights.set(u,new Highlight().add(i))}}),[(()=>{let t=h(),e=t.firstChild;return r(()=>e.data=x()),t})(),(()=>{let t=o();return t.textContent=v,t})(),(()=>{let t=o();return t.textContent=`::highlight(${u}) {color: var(--primary-color, #5794ff);}`,t})(),l(m,{get when(){return e.css},get children(){return c(e.css)}}),(()=>{let l=n(),h=f;return"function"==typeof h?t(h,l):f=l,i(l,C),r(()=>s(l,p("text",e.class))),l})()]}x("n-highlight-text",{class:void 0,css:void 0,text:void 0,highlight:void 0,flag:void 0,extra:void 0,children:void 0},(t,e)=>{let i=e.element,r=f({text:i.textContent,css:i.css},t);return g(()=>{u(i,["css","text","highlight","extra"]),i.replaceChildren()}),[(()=>{let t=o();return t.textContent=C,t})(),l(S,r)]});export default S;

package/es/highlight-text/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["components/highlight-text/index.tsx"],"sourcesContent":["import { createEffect, createMemo, createSignal, Show } from 'solid-js';\nimport { css, cx } from '@moneko/css';\nimport { customElement } from 'solid-element';\n\nimport type { CustomElement } from '..';\nimport { clearAttribute } from '../basic-config';\nimport theme, { inline } from '../theme';\n\nconst style = css`\n  .text {\n    word-break: break-word;\n    word-wrap: break-word;\n    white-space: break-spaces;\n    cursor: auto;\n  }\n\n  .hit {\n    color: var(--primary-color, #5794ff);\n  }\n`;\n\nexport type HighlightTextJson =\n  | {\n      highlight?: boolean;\n      text: string;\n    }[]\n  | null;\nexport interface HighlightTextProps {\n  /** 自定义样式表 */\n  css?: string;\n  /** 自定义类名 */\n  class?: string;\n  /** 内容 */\n  text?: string;\n  /** 需要高亮的内容 */\n  highlight?: string | (HighlightRule | string)[];\n  /** RegExp flag */\n  flag?: HighlightRule['flag'];\n  /** 额外需要高亮的内容 */\n  extra?: string;\n}\n\ninterface HighlightRule {\n  /** 需要高亮的内容 */\n  highlight: string;\n  /** RegExp flag */\n  flag?: 'g' | 'i' | 'm' | 'u' | 'y';\n}\n\nexport interface Highlight {\n  /** 命中高亮 */\n  hit?: boolean;\n  /** 内容 */\n  text: string;\n}\n\nfunction HighlightText(props: HighlightTextProps) {\n  const { baseStyle } = theme;\n  const [texts, setTexts] = createSignal<Highlight[] | null>();\n  const hitNode = createMemo(() => {\n    return (\n      texts()?.map((item) => {\n        return item.hit ? (\n          <span class=\"hit\" data-text={item.text}>\n            {item.text}\n          </span>\n        ) : (\n          item.text\n        );\n      }) ?? props.text\n    );\n  });\n\n  /**\n   * 字符串转换成高亮字符的Json格式\n   * @param {string} text 字符串\n   * @returns {HighlightTextJson} 高亮字符的Json\n   */\n  function strToHighlight(text: string): Highlight[] | null {\n    /**\n     * 高亮字符串语法\n     * @example\n     * ```\n     * const str = '%c:高亮文字:c%';\n     * ```\n     */\n    const RegExp_HighLight = /%c:(.+?):c%/i;\n    let str = text,\n      strArr = RegExp_HighLight.exec(str);\n\n    if (strArr) {\n      const textArr: Highlight[] = [];\n\n      for (; strArr !== null; strArr = RegExp_HighLight.exec(str)) {\n        // 普通部分\n        let normalText: string | null = str.substring(0, strArr.index);\n\n        if (normalText.trim().length) {\n          textArr.push({\n            text: normalText,\n          });\n        }\n\n        // 高亮部分\n        textArr.push({\n          hit: true,\n          text: strArr[1],\n        });\n        str = str.substring(strArr[0].length + strArr.index);\n        normalText = null;\n      }\n      if (str.trim().length) {\n        textArr.push({\n          text: str,\n        });\n      }\n      return textArr;\n    }\n    return null;\n  }\n\n  createEffect(() => {\n    if (typeof props.text === 'string' && props.highlight) {\n      let str = props.text;\n\n      if (Array.isArray(props.highlight)) {\n        for (let i = 0, len = props.highlight.length; i < len; i++) {\n          const item = props.highlight[i];\n          const isOne = typeof item === 'string';\n          const hitStr = isOne ? item : item.highlight;\n          const iFlag = isOne ? props.flag : item.flag;\n\n          if (hitStr.length) {\n            str = str.replace(new RegExp(hitStr, iFlag), `%c:${hitStr}:c%`);\n          }\n        }\n      } else if (props.highlight.length) {\n        str = str.replace(new RegExp(props.highlight, props.flag), `%c:${props.highlight}:c%`);\n      }\n      setTexts(strToHighlight(str));\n    } else {\n      setTexts(null);\n    }\n  });\n\n  return (\n    <>\n      <style textContent={baseStyle()} />\n      <style textContent={style} />\n      <Show when={props.css}>{css(props.css)}</Show>\n      <div class={cx('text', props.class)}>\n        {hitNode()}\n        {props.extra && <span class=\"hit\">{props.extra}</span>}\n      </div>\n    </>\n  );\n}\n\nexport type HighlightTextElement = CustomElement<HighlightTextProps>;\ncustomElement<HighlightTextProps>(\n  'n-highlight-text',\n  {\n    class: void 0,\n    css: void 0,\n    text: void 0,\n    highlight: void 0,\n    flag: void 0,\n    extra: void 0,\n  },\n  (props, opt) => {\n    const el = opt.element;\n\n    createEffect(() => {\n      clearAttribute(el, ['css', 'text', 'highlight', 'extra']);\n    });\n    return (\n      <>\n        <style textContent={inline} />\n        <HighlightText {...props} />\n      </>\n    );\n  },\n);\nexport default HighlightText;\n"],"names":["createEffect","createMemo","createSignal","Show","css","cx","customElement","clearAttribute","theme","inline","style","HighlightText","props","baseStyle","texts","setTexts","hitNode","map","item","hit","text","highlight","str","Array","isArray","i","len","length","isOne","hitStr","iFlag","flag","replace","RegExp","strToHighlight","RegExp_HighLight","strArr","exec","textArr","normalText","substring","index","trim","push","extra","class","opt","el","element"],"mappings":"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"}
+{"version":3,"sources":["components/highlight-text/index.tsx"],"sourcesContent":["import { createEffect, createMemo, createUniqueId, mergeProps, Show } from 'solid-js';\nimport { css, cx } from '@moneko/css';\nimport { customElement } from 'solid-element';\n\nimport type { CustomElement } from '..';\nimport { clearAttribute } from '../basic-config';\nimport theme, { inline } from '../theme';\n\nconst style = css`\n  .text {\n    word-break: break-word;\n    word-wrap: break-word;\n    white-space: break-spaces;\n    cursor: auto;\n  }\n`;\n\nfunction highlight(\n  box: HTMLDivElement,\n  id: string,\n  regExp: string,\n  flag: HighlightRule['flag'],\n  text: string,\n) {\n  const regex = new RegExp(regExp, flag);\n  const match = regex.exec(text);\n\n  if (match) {\n    const range = new Range();\n    let pos = 0;\n\n    pos += match.index;\n    if (box.firstChild) {\n      range.setStart(box.firstChild, pos);\n      pos += match[0].length;\n      range.setEnd(box.firstChild, pos);\n    }\n    const highlight = CSS.highlights.get(id);\n\n    if (highlight) {\n      highlight.add(range);\n    } else {\n      CSS.highlights.set(id, new Highlight().add(range));\n    }\n  }\n}\n\nexport type HighlightTextJson =\n  | {\n      highlight?: boolean;\n      text: string;\n    }[]\n  | null;\nexport interface HighlightTextProps {\n  /** 自定义样式表 */\n  css?: string;\n  /** 自定义类名 */\n  class?: string;\n  /** 内容 */\n  text?: string;\n  /** 需要高亮的内容 */\n  highlight?: string | (HighlightRule | string)[];\n  /** RegExp flag */\n  flag?: HighlightRule['flag'];\n  /** 额外需要高亮的内容 */\n  extra?: string;\n  children?: string;\n}\n\ninterface HighlightRule {\n  /** 需要高亮的内容 */\n  highlight: string;\n  /** RegExp flag */\n  flag?: 'g' | 'i' | 'm' | 'u' | 'y';\n}\n\nexport interface Highlight {\n  /** 命中高亮 */\n  hit?: boolean;\n  /** 内容 */\n  text: string;\n}\n\nfunction HighlightText(props: HighlightTextProps) {\n  const { baseStyle } = theme;\n  let box: HTMLDivElement | undefined;\n  const id = createUniqueId();\n  const text = createMemo(() => `${props.text}${props.extra ?? ''}`);\n\n  createEffect(() => {\n    if (box && props.highlight) {\n      if (Array.isArray(props.highlight)) {\n        for (let i = 0, len = props.highlight.length; i < len; i++) {\n          const item = props.highlight[i];\n          const isOne = typeof item === 'string';\n          const hitStr = isOne ? item : item.highlight;\n\n          if (hitStr.length) {\n            highlight(box, id, hitStr, isOne ? props.flag : item.flag, text());\n          }\n        }\n      } else if (props.highlight.length) {\n        highlight(box, id, props.highlight, props.flag, text());\n      }\n    }\n  });\n  createEffect(() => {\n    if (box && typeof props.extra === 'string') {\n      const range = new Range();\n      let pos = props.text?.length || 0;\n\n      if (box.firstChild) {\n        range.setStart(box.firstChild, pos);\n        pos += props.extra.length;\n        range.setEnd(box.firstChild, pos);\n      }\n      const highlight = CSS.highlights.get(id);\n\n      if (highlight) {\n        highlight.add(range);\n      } else {\n        CSS.highlights.set(id, new Highlight().add(range));\n      }\n    }\n  });\n\n  return (\n    <>\n      <style textContent={baseStyle()} />\n      <style textContent={style} />\n      <style textContent={`::highlight(${id}) {color: var(--primary-color, #5794ff);}`} />\n      <Show when={props.css}>{css(props.css)}</Show>\n      <div ref={box} class={cx('text', props.class)}>\n        {text()}\n      </div>\n    </>\n  );\n}\n\nexport type HighlightTextElement = CustomElement<HighlightTextProps>;\ncustomElement<HighlightTextProps>(\n  'n-highlight-text',\n  {\n    class: void 0,\n    css: void 0,\n    text: void 0,\n    highlight: void 0,\n    flag: void 0,\n    extra: void 0,\n    children: void 0,\n  },\n  (_, opt) => {\n    const el = opt.element;\n    const props = mergeProps(\n      {\n        text: el.textContent,\n        css: el.css,\n      },\n      _,\n    );\n\n    createEffect(() => {\n      clearAttribute(el, ['css', 'text', 'highlight', 'extra']);\n      el.replaceChildren();\n    });\n    return (\n      <>\n        <style textContent={inline} />\n        <HighlightText {...props} />\n      </>\n    );\n  },\n);\nexport default HighlightText;\n"],"names":["createEffect","createMemo","createUniqueId","mergeProps","Show","css","cx","customElement","clearAttribute","theme","inline","style","highlight","box","id","regExp","flag","text","match","regex","RegExp","exec","pos","range","Range","index","firstChild","setStart","length","setEnd","CSS","highlights","get","add","set","Highlight","HighlightText","props","baseStyle","extra","Array","isArray","i","len","item","isOne","hitStr","class","children","_","opt","el","element","textContent","replaceChildren"],"mappings":"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"}

package/es/icon/index.d.ts

@@ -0,0 +1,43 @@
+/**
+ * API
+ */
+export interface IconAttribute extends Omit<SvgAttribute, 'qualifiedName'> {
+    /**
+     * viewBox 属性允许指定一个给定的一组图形伸展以适应特定的容器元素
+     * @default '0 0 1024 1024'
+     */
+    viewBox?: string;
+}
+interface SvgAttribute {
+    /**
+     * width 属性在用户坐标系统中定义了元素的一个水平长度
+     * @default '1em'
+     */
+    width?: string;
+    /**
+     * height 属性在用户坐标系统中标识了一个垂直长度
+     * @default '1em'
+     */
+    height?: string;
+    /**
+     * @default 'currentcolor'
+     */
+    fill?: string;
+    /**
+     * 子元素配置
+     */
+    children?: SvgAttribute[];
+    /**
+     * 子元素修飾名
+     */
+    qualifiedName?: keyof SVGElementTagNameMap;
+    id?: string;
+    d?: string;
+    opacity?: string;
+    offset?: string;
+    x?: string;
+    y?: string;
+    [key: string]: string | SvgAttribute[] | undefined;
+}
+declare function icon(option: IconAttribute): SVGSVGElement;
+export default icon;

package/es/icon/index.js

@@ -0,0 +1 @@
+let e="http://www.w3.org/2000/svg";export default function(t){let r=document.createElementNS(e,"svg");return!function t(r,n){let{children:l,qualifiedName:i}=r,o=function(e,t){if(null==e)return{};var r,n,l={},i=Object.keys(e);for(n=0;n<i.length;n++)t.indexOf(r=i[n])>=0||(l[r]=e[r]);return l}(r,["children","qualifiedName"]),c=n;for(let r in i&&(c=document.createElementNS(e,i),n.appendChild(c)),Array.isArray(l)&&l.length&&l.forEach(e=>{t(e,c)}),o)Object.prototype.hasOwnProperty.call(o,r)&&c.setAttribute(r,o[r])}(Object.assign({viewBox:"0 0 1024 1024",height:"1em",width:"1em",fill:"currentcolor"},t),r),r}

package/es/icon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/icon/index.ts"],"sourcesContent":["/**\n * API\n */\nexport interface IconAttribute extends Omit<SvgAttribute, 'qualifiedName'> {\n  /**\n   * viewBox 属性允许指定一个给定的一组图形伸展以适应特定的容器元素\n   * @default '0 0 1024 1024'\n   */\n  viewBox?: string;\n}\n\ninterface SvgAttribute {\n  /**\n   * width 属性在用户坐标系统中定义了元素的一个水平长度\n   * @default '1em'\n   */\n  width?: string;\n  /**\n   * height 属性在用户坐标系统中标识了一个垂直长度\n   * @default '1em'\n   */\n  height?: string;\n  /**\n   * @default 'currentcolor'\n   */\n  fill?: string;\n  /**\n   * 子元素配置\n   */\n  children?: SvgAttribute[];\n  /**\n   * 子元素修飾名\n   */\n  qualifiedName?: keyof SVGElementTagNameMap;\n  id?: string;\n  d?: string;\n  opacity?: string;\n  offset?: string;\n  x?: string;\n  y?: string;\n  [key: string]: string | SvgAttribute[] | undefined;\n}\nconst xmlns = 'http://www.w3.org/2000/svg';\n\nfunction parseAttr(opt: SvgAttribute, parent: SVGElement) {\n  const { children, qualifiedName, ...attrs } = opt;\n  let qualified = parent;\n\n  if (qualifiedName) {\n    qualified = document.createElementNS(xmlns, qualifiedName as string);\n    parent.appendChild(qualified);\n  }\n  if (Array.isArray(children) && children.length) {\n    children.forEach((child) => {\n      parseAttr(child, qualified);\n    });\n  }\n  for (const key in attrs) {\n    if (Object.prototype.hasOwnProperty.call(attrs, key)) {\n      qualified.setAttribute(key, attrs[key] as string);\n    }\n  }\n}\n\nfunction icon(option: IconAttribute) {\n  const svg = document.createElementNS(xmlns, 'svg');\n\n  parseAttr(\n    Object.assign(\n      {\n        viewBox: '0 0 1024 1024',\n        height: '1em',\n        width: '1em',\n        fill: 'currentcolor',\n      },\n      option,\n    ),\n    svg,\n  );\n  return svg;\n}\n\nexport default icon;\n"],"names":["xmlns","option","svg","document","createElementNS","parseAttr","opt","parent","children","qualifiedName","attrs","qualified","key","appendChild","Array","isArray","length","forEach","child","Object","prototype","hasOwnProperty","call","setAttribute","assign","viewBox","height","width","fill"],"mappings":"AA0CA,IAAMA,EAAQ,4BAwCd,gBAlBA,SAAcC,CAAqB,EACjC,IAAMC,EAAMC,SAASC,eAAe,CAACJ,EAAO,OAc5C,OAZAK,AAvBF,SAASA,EAAUC,CAAiB,CAAEC,CAAkB,EACtD,GAAM,CAAEC,SAAAA,CAAQ,CAAEC,cAAAA,CAAa,CAAY,CAAGH,EAAVI,qIAAUJ,GAAtCE,WAAUC,kBACdE,EAAYJ,EAWhB,IAAK,IAAMK,KATPH,IACFE,EAAYR,SAASC,eAAe,CAACJ,EAAOS,GAC5CF,EAAOM,WAAW,CAACF,IAEjBG,MAAMC,OAAO,CAACP,IAAaA,EAASQ,MAAM,EAC5CR,EAASS,OAAO,CAAC,AAACC,IAChBb,EAAUa,EAAOP,EACnB,GAEgBD,EACZS,OAAOC,SAAS,CAACC,cAAc,CAACC,IAAI,CAACZ,EAAOE,IAC9CD,EAAUY,YAAY,CAACX,EAAKF,CAAK,CAACE,EAAI,CAG5C,EAMIO,OAAOK,MAAM,CACX,CACEC,QAAS,gBACTC,OAAQ,MACRC,MAAO,MACPC,KAAM,cACR,EACA3B,GAEFC,GAEKA,CACT"}

package/es/index.d.ts

@@ -17,6 +17,7 @@ export { default as Empty, type EmptyElement, type EmptyProps } from './empty';
 export { default as fromSchema } from './from-schema';
 export { default as getOptions } from './get-options';
 export { default as HighlightText, type HighlightTextElement, type HighlightTextProps, } from './highlight-text';
+export { default as icon, type IconAttribute } from './icon';
 export { default as Img, type ImgElement, type ImgProps } from './img';
 export { default as Input, type InputElement, type InputProps } from './input';
 export { default as InputNumber, type InputNumberElement, type InputNumberProps, } from './input-number';

package/es/index.js

@@ -1 +1 @@
-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 dayjs}from"./date-picker/dayjs";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 Prism}from"./prism";export{default as Provider}from"./provider";export{default as QrCode}from"./qrcode";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{generateColor,default as theme,toneColor}from"./theme";export{default as Tree}from"./tree";export{default as Typography}from"./typography";export{customElement,getCurrentElement,hot,noShadowDOM,withSolid}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 dayjs}from"./date-picker/dayjs";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 icon}from"./icon";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 Prism}from"./prism";export{default as Provider}from"./provider";export{default as QrCode}from"./qrcode";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{generateColor,default as theme,toneColor}from"./theme";export{default as Tree}from"./tree";export{default as Typography}from"./typography";export{customElement,getCurrentElement,hot,noShadowDOM,withSolid}from"solid-element";

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, type Language } 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 DatePickerElement, type DatePickerProps } from './date-picker';\nexport { default as dayjs } from './date-picker/dayjs';\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  OpenState,\n  type OpenStateKey,\n} from './modal';\nexport {\n  default as notification,\n  type NotificationProps,\n  type NotificationType,\n} from './notification';\nexport { default as Pagination, type PaginationElement, type PaginationProps } from './pagination';\nexport { default as Popover, type PopoverElement, type PopoverProps } from './popover';\nexport { default as Prism } from './prism';\nexport { default as Provider, type ProviderElement, type ProviderProps } from './provider';\nexport { type IntRange, default as QrCode, type QrCodeElement, type QrCodeProps } from './qrcode';\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 { type TabOption, default as Tabs, type TabsElement, type TabsProps } from './tabs';\nexport { default as Tag, type TagElement, type TagProps } from './tag';\nexport {\n  type ColorScheme,\n  generateColor,\n  default as theme,\n  type ThemeOption,\n  toneColor,\n} from './theme';\nexport {\n  default as Tree,\n  type TreeData,\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} from './tree';\nexport { default as Typography, type TypographyElement, type TypographyProps } from './typography';\nexport type { CustomElement } from 'custom-element-type';\nexport { customElement, getCurrentElement, hot, noShadowDOM, withSolid } from 'solid-element';\nimport type { ICustomElement, Transform } from 'custom-element-type';\n\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  QrCodeElement,\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 '.';\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  /**\n   * 二维码\n   * @since 2.9.0\n   */\n  'n-qrcode': QrCodeElement;\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  // eslint-disable-next-line @typescript-eslint/no-empty-object-type\n  interface HTMLElementTagNameMap extends IntrinsicNekoElement {}\n}\ndeclare global {\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  export namespace JSX {\n    // eslint-disable-next-line @typescript-eslint/no-empty-object-type\n    export interface IntrinsicElements extends IntrinsicNekoElement {}\n  }\n  // eslint-disable-next-line @typescript-eslint/no-empty-object-type\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","dayjs","Dropdown","Empty","fromSchema","getOptions","HighlightText","Img","Input","InputNumber","Md","mdStyle","Menu","Modal","OpenState","notification","Pagination","Popover","Prism","Provider","QrCode","Radio","Segmented","Select","Skeleton","Spin","Switch","Table","Tabs","Tag","generateColor","theme","toneColor","Tree","Typography","customElement","getCurrentElement","hot","noShadowDOM","withSolid"],"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,KAAyD,QAAS,AAC1F,QACEX,WAAWY,YAAY,KAGlB,iBAAkB,AACzB,QACEZ,WAAWa,WAAW,KAGjB,gBAAiB,AACxB,QAASb,WAAWc,IAAI,KAA0C,QAAS,AAC3E,QAASd,WAAWe,UAAU,KAAsD,eAAgB,AACpG,QAASf,WAAWgB,KAAK,KAAQ,qBAAsB,AACvD,QACEhB,WAAWiB,QAAQ,KAKd,YAAa,AACpB,QAASjB,WAAWkB,KAAK,KAA4C,SAAU,AAC/E,QAASlB,WAAWmB,UAAU,KAAQ,eAAgB,AACtD,QAASnB,WAAWoB,UAAU,KAAQ,eAAgB,AACtD,QACEpB,WAAWqB,aAAa,KAGnB,kBAAmB,AAC1B,QAASrB,WAAWsB,GAAG,KAAwC,OAAQ,AACvE,QAAStB,WAAWuB,KAAK,KAA4C,SAAU,AAC/E,QACEvB,WAAWwB,WAAW,KAGjB,gBAAiB,AACxB,QAASxB,WAAWyB,EAAE,KAAsC,MAAO,AACnE,QAASzB,WAAW0B,OAAO,KAAQ,YAAa,AAChD,QACE1B,WAAW2B,IAAI,KAMV,QAAS,AAChB,QACE3B,WAAW4B,KAAK,CAGhBC,SAAS,KAEJ,SAAU,AACjB,QACE7B,WAAW8B,YAAY,KAGlB,gBAAiB,AACxB,QAAS9B,WAAW+B,UAAU,KAAsD,cAAe,AACnG,QAAS/B,WAAWgC,OAAO,KAAgD,WAAY,AACvF,QAAShC,WAAWiC,KAAK,KAAQ,SAAU,AAC3C,QAASjC,WAAWkC,QAAQ,KAAkD,YAAa,AAC3F,QAAwBlC,WAAWmC,MAAM,KAA8C,UAAW,AAClG,QAASnC,WAAWoC,KAAK,KAA8D,SAAU,AACjG,QAASpC,WAAWqC,SAAS,KAAoD,aAAc,AAC/F,QACErC,WAAWsC,MAAM,KAKZ,UAAW,AAClB,QAAStC,WAAWuC,QAAQ,KAAkD,YAAa,AAC3F,QAASvC,WAAWwC,IAAI,KAA0C,QAAS,AAC3E,QAASxC,WAAWyC,MAAM,KAA8C,UAAW,AACnF,QAASzC,WAAW0C,KAAK,KAA4C,SAAU,AAC/E,QAAyB1C,WAAW2C,IAAI,KAA0C,QAAS,AAC3F,QAAS3C,WAAW4C,GAAG,KAAwC,OAAQ,AACvE,QAEEC,aAAa,CACb7C,WAAW8C,KAAK,CAEhBC,SAAS,KACJ,SAAU,AACjB,QACE/C,WAAWgD,IAAI,KAcV,QAAS,AAChB,QAAShD,WAAWiD,UAAU,KAAsD,cAAe,AAEnG,QAASC,aAAa,CAAEC,iBAAiB,CAAEC,GAAG,CAAEC,WAAW,CAAEC,SAAS,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, type Language } 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 DatePickerElement, type DatePickerProps } from './date-picker';\nexport { default as dayjs } from './date-picker/dayjs';\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 icon, type IconAttribute } from './icon';\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  OpenState,\n  type OpenStateKey,\n} from './modal';\nexport {\n  default as notification,\n  type NotificationProps,\n  type NotificationType,\n} from './notification';\nexport { default as Pagination, type PaginationElement, type PaginationProps } from './pagination';\nexport { default as Popover, type PopoverElement, type PopoverProps } from './popover';\nexport { default as Prism } from './prism';\nexport { default as Provider, type ProviderElement, type ProviderProps } from './provider';\nexport { type IntRange, default as QrCode, type QrCodeElement, type QrCodeProps } from './qrcode';\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 { type TabOption, default as Tabs, type TabsElement, type TabsProps } from './tabs';\nexport { default as Tag, type TagElement, type TagProps } from './tag';\nexport {\n  type ColorScheme,\n  generateColor,\n  default as theme,\n  type ThemeOption,\n  toneColor,\n} from './theme';\nexport {\n  default as Tree,\n  type TreeData,\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} from './tree';\nexport { default as Typography, type TypographyElement, type TypographyProps } from './typography';\nexport type { CustomElement } from 'custom-element-type';\nexport { customElement, getCurrentElement, hot, noShadowDOM, withSolid } from 'solid-element';\nimport type { ICustomElement, Transform } from 'custom-element-type';\n\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  QrCodeElement,\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 '.';\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  /**\n   * 二维码\n   * @since 2.9.0\n   */\n  'n-qrcode': QrCodeElement;\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  // eslint-disable-next-line @typescript-eslint/no-empty-object-type\n  interface HTMLElementTagNameMap extends IntrinsicNekoElement {}\n}\ndeclare global {\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  export namespace JSX {\n    // eslint-disable-next-line @typescript-eslint/no-empty-object-type\n    export interface IntrinsicElements extends IntrinsicNekoElement {}\n  }\n  // eslint-disable-next-line @typescript-eslint/no-empty-object-type\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","dayjs","Dropdown","Empty","fromSchema","getOptions","HighlightText","icon","Img","Input","InputNumber","Md","mdStyle","Menu","Modal","OpenState","notification","Pagination","Popover","Prism","Provider","QrCode","Radio","Segmented","Select","Skeleton","Spin","Switch","Table","Tabs","Tag","generateColor","theme","toneColor","Tree","Typography","customElement","getCurrentElement","hot","noShadowDOM","withSolid"],"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,KAAyD,QAAS,AAC1F,QACEX,WAAWY,YAAY,KAGlB,iBAAkB,AACzB,QACEZ,WAAWa,WAAW,KAGjB,gBAAiB,AACxB,QAASb,WAAWc,IAAI,KAA0C,QAAS,AAC3E,QAASd,WAAWe,UAAU,KAAsD,eAAgB,AACpG,QAASf,WAAWgB,KAAK,KAAQ,qBAAsB,AACvD,QACEhB,WAAWiB,QAAQ,KAKd,YAAa,AACpB,QAASjB,WAAWkB,KAAK,KAA4C,SAAU,AAC/E,QAASlB,WAAWmB,UAAU,KAAQ,eAAgB,AACtD,QAASnB,WAAWoB,UAAU,KAAQ,eAAgB,AACtD,QACEpB,WAAWqB,aAAa,KAGnB,kBAAmB,AAC1B,QAASrB,WAAWsB,IAAI,KAA4B,QAAS,AAC7D,QAAStB,WAAWuB,GAAG,KAAwC,OAAQ,AACvE,QAASvB,WAAWwB,KAAK,KAA4C,SAAU,AAC/E,QACExB,WAAWyB,WAAW,KAGjB,gBAAiB,AACxB,QAASzB,WAAW0B,EAAE,KAAsC,MAAO,AACnE,QAAS1B,WAAW2B,OAAO,KAAQ,YAAa,AAChD,QACE3B,WAAW4B,IAAI,KAMV,QAAS,AAChB,QACE5B,WAAW6B,KAAK,CAGhBC,SAAS,KAEJ,SAAU,AACjB,QACE9B,WAAW+B,YAAY,KAGlB,gBAAiB,AACxB,QAAS/B,WAAWgC,UAAU,KAAsD,cAAe,AACnG,QAAShC,WAAWiC,OAAO,KAAgD,WAAY,AACvF,QAASjC,WAAWkC,KAAK,KAAQ,SAAU,AAC3C,QAASlC,WAAWmC,QAAQ,KAAkD,YAAa,AAC3F,QAAwBnC,WAAWoC,MAAM,KAA8C,UAAW,AAClG,QAASpC,WAAWqC,KAAK,KAA8D,SAAU,AACjG,QAASrC,WAAWsC,SAAS,KAAoD,aAAc,AAC/F,QACEtC,WAAWuC,MAAM,KAKZ,UAAW,AAClB,QAASvC,WAAWwC,QAAQ,KAAkD,YAAa,AAC3F,QAASxC,WAAWyC,IAAI,KAA0C,QAAS,AAC3E,QAASzC,WAAW0C,MAAM,KAA8C,UAAW,AACnF,QAAS1C,WAAW2C,KAAK,KAA4C,SAAU,AAC/E,QAAyB3C,WAAW4C,IAAI,KAA0C,QAAS,AAC3F,QAAS5C,WAAW6C,GAAG,KAAwC,OAAQ,AACvE,QAEEC,aAAa,CACb9C,WAAW+C,KAAK,CAEhBC,SAAS,KACJ,SAAU,AACjB,QACEhD,WAAWiD,IAAI,KAcV,QAAS,AAChB,QAASjD,WAAWkD,UAAU,KAAsD,cAAe,AAEnG,QAASC,aAAa,CAAEC,iBAAiB,CAAEC,GAAG,CAAEC,WAAW,CAAEC,SAAS,KAAQ,eAAgB"}

package/es/md/index.d.ts

@@ -32,11 +32,6 @@ export interface MdProps {
      */
     notRender?: boolean;
     children?: JSX.Element;
-    /**
-     * 使用 web worker
-     * @default true
-     */
-    webWorker?: boolean;
 }
 export type MdElement = CustomElement<MdProps>;
 export default MD;

package/es/md/index.js

@@ -1 +1 @@
-function e(e,t,r,o,n,i,l){try{var s=e[i](l),a=s.value}catch(e){r(e);return}s.done?t(a):Promise.resolve(a).then(o,n)}function t(t){return function(){var r=this,o=arguments;return new Promise(function(n,i){var l=t.apply(r,o);function s(t){e(l,n,i,s,a,"next",t)}function a(t){e(l,n,i,s,a,"throw",t)}s(void 0)})}}function r(){return(r=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 o}from"solid-js/web";import{template as n}from"solid-js/web";import"solid-js/web";import{insert as i}from"solid-js/web";import{effect as l}from"solid-js/web";import{createComponent as s}from"solid-js/web";import{className as a}from"solid-js/web";let c=n("<style> "),d=n("<style>"),f=n('<article class="n-md-box" part="box"><div class="n-md-body" part="body">'),u=n('<article part="box">');import{createEffect as m,createResource as h,For as p,Match as v,mergeProps as b,onCleanup as w,Show as g,Switch as y}from"solid-js";import x from"@moneko/common/lib/frameCallback";import{css as k,cx as C}from"@moneko/css";import{customElement as P}from"solid-element";import{clearAttribute as E}from"../basic-config";import j from"../md-style";import L,{block as A}from"../theme";import{code as O,image as T,katexBlock as V,katexInline as z}from"./common";import{create as W,dispose as I}from"./worker";import"../code";import"../img";function q(e){let n,P;let{baseStyle:E}=L,A=b({webWorker:!1,pictureViewer:!0,lazyPicture:!0,text:"",tools:["copy"],getAnchorContainer:()=>window},e);function q(e){return R.apply(this,arguments)}function R(){return(R=t(function*(e){return e?new Worker((yield W())):Promise.resolve(void 0)})).apply(this,arguments)}let[S,{mutate:M}]=h(!1,q);function B(e){P&&(P.innerHTML=e.data)}function D(){return(D=t(function*(e){let{text:t,lazyPicture:o,pictureViewer:i,langToolbar:l}=e,s=function(e,t){if(null==e)return{};var r,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)t.indexOf(r=i[o])>=0||(n[r]=e[r]);return n}(e,["text","lazyPicture","pictureViewer","langToolbar"]),a=(yield import("marked-completed")).default;n||((n=new a.Renderer).katexBlock=V,n.katexInline=z),n.image=T(o,i),n.code=O(l),B({data:a(t,r({renderer:n,langToolbar:l,headerPrefix:"# ",breaks:!0,pedantic:!1,smartLists:!0,smartypants:!0,xhtml:!0},s))})})).apply(this,arguments)}m(()=>{q(A.webWorker).then(e=>{e&&e.addEventListener("message",B),M(e)})}),m(()=>{if(A.webWorker){let e=S();e&&e.postMessage({text:A.text,langToolbar:A.tools,pictureViewer:A.pictureViewer,lazyPicture:A.lazyPicture})}else x(()=>(function(e){return D.apply(this,arguments)})({text:A.text,langToolbar:A.tools,pictureViewer:A.pictureViewer,lazyPicture:A.lazyPicture}))}),w(()=>{if(A.webWorker){let e=S();e&&(e.removeEventListener("message",B),e.terminate()),I()}});let H=[],N=[],U=[];function $(e){e.preventDefault(),e.stopPropagation();let t=e.target;if(t.hash){var r;null==P||null==(r=P.querySelector(decodeURIComponent(t.hash)))||r.scrollIntoView({behavior:"smooth",block:"nearest"}),H.forEach(e=>{e.classList.remove("active")}),t.classList.add("active")}else window.open(t.href)}function F(e){e.forEach(e=>{let t;let r=e.target.getAttribute("id"),o=e.target.querySelectorAll("a");if(H.forEach(e=>{e.hash===`#${r}`?t=e:e.hash||o.forEach(r=>{r.href===e.href&&(t=e)})}),t){let r=U.indexOf(t);if(U.forEach(e=>{e.classList.remove("active")}),e.isIntersecting?U.push(t):-1!==r&&U.splice(r,1),U[0]){var n;U[0].classList.add("active"),null==(n=U[0].offsetParent)||n.scrollTo({top:U[0].offsetTop})}}})}return m(()=>{let e;P&&A.text.startsWith("[TOC]")&&(H=[...P.querySelectorAll(".n-md-toc a[href]")],N=[...P.querySelectorAll("h1, h2, h3, h4, h5, h6")],e=new IntersectionObserver(F,{rootMargin:"-50px 0px",threshold:.5}),N.forEach(t=>{e.observe(t)}),H.forEach(e=>{e.addEventListener("click",$)})),w(()=>{e&&(N.forEach(t=>{e.unobserve(t)}),e.disconnect()),H.forEach(e=>{e.removeEventListener("click",$)})})}),[(()=>{let e=c(),t=e.firstChild;return l(()=>t.data=E()),e})(),(()=>{let e=d();return e.textContent=j,e})(),s(g,{get when(){return A.css},get children(){let e=c(),t=e.firstChild;return l(()=>t.data=k(A.css)),e}}),s(y,{get children(){return[s(v,{get when(){return(A.children||[]).length>0},get children(){let e=f();return i(e.firstChild,s(p,{get each(){return A.children},children:e=>e})),e}}),s(v,{get when(){return A.text},get children(){let e=u(),t=P;return"function"==typeof t?o(t,e):P=e,l(()=>a(e,C("n-md-box",A.class))),e}})]}})]}P("n-md",{class:void 0,pictureViewer:void 0,lazyPicture:void 0,text:void 0,tools:void 0,getAnchorContainer:void 0,css:void 0,children:void 0,notRender:void 0,webWorker:!0},(e,t)=>{let r=t.element,o=b({text:!e.notRender&&r.textContent||r.text,css:r.css,tools:r.tools,getAnchorContainer:r.getAnchorContainer},e);return m(()=>{E(r,["css","text"]),r.replaceChildren()}),[(()=>{let e=d();return e.textContent=A,e})(),s(q,o)]});export default q;
+import{use as e}from"solid-js/web";import{template as t}from"solid-js/web";import"solid-js/web";import{insert as r}from"solid-js/web";import{effect as o}from"solid-js/web";import{createComponent as i}from"solid-js/web";import{className as s}from"solid-js/web";let n=t("<style> "),l=t("<style>"),a=t('<article class="n-md-box" part="box"><div class="n-md-body" part="body">'),c=t('<article part="box">');import{createEffect as d,For as h,Match as m,mergeProps as f,onCleanup as p,Show as u,Switch as v}from"solid-js";import{css as g,cx as w}from"@moneko/css";import{customElement as b}from"solid-element";import{clearAttribute as x}from"../basic-config";import y from"../md-style";import C,{block as E}from"../theme";import{create as L,dispose as j}from"./worker";import"../code";import"../img";function A(t){let b;let{baseStyle:x}=C,E=f({pictureViewer:!0,lazyPicture:!0,text:"",tools:["copy"],getAnchorContainer:()=>window},t),A=new Worker(L());function k(e){b&&(b.innerHTML=e.data)}A.addEventListener("message",k),d(()=>{A.postMessage({text:E.text,langToolbar:E.tools,pictureViewer:E.pictureViewer,lazyPicture:E.lazyPicture})}),p(()=>{A.removeEventListener("message",k),A.terminate(),j()});let P=[],T=[],V=[];function q(e){e.preventDefault(),e.stopPropagation();let t=e.target;if(t.hash){var r;null==b||null==(r=b.querySelector(decodeURIComponent(t.hash)))||r.scrollIntoView({behavior:"smooth",block:"nearest"}),P.forEach(e=>{e.classList.remove("active")}),t.classList.add("active")}else window.open(t.href)}function z(e){e.forEach(e=>{let t;let r=e.target.getAttribute("id"),o=e.target.querySelectorAll("a");if(P.forEach(e=>{e.hash===`#${r}`?t=e:e.hash||o.forEach(r=>{r.href===e.href&&(t=e)})}),t){let r=V.indexOf(t);if(V.forEach(e=>{e.classList.remove("active")}),e.isIntersecting?V.push(t):-1!==r&&V.splice(r,1),V[0]){var i;V[0].classList.add("active"),null==(i=V[0].offsetParent)||i.scrollTo({top:V[0].offsetTop})}}})}return d(()=>{let e;b&&E.text.startsWith("[TOC]")&&(P=[...b.querySelectorAll(".n-md-toc a[href]")],T=[...b.querySelectorAll("h1, h2, h3, h4, h5, h6")],e=new IntersectionObserver(z,{rootMargin:"-50px 0px",threshold:.5}),T.forEach(t=>{e.observe(t)}),P.forEach(e=>{e.addEventListener("click",q)})),p(()=>{e&&(T.forEach(t=>{e.unobserve(t)}),e.disconnect()),P.forEach(e=>{e.removeEventListener("click",q)})})}),[(()=>{let e=n(),t=e.firstChild;return o(()=>t.data=x()),e})(),(()=>{let e=l();return e.textContent=y,e})(),i(u,{get when(){return E.css},get children(){let e=n(),t=e.firstChild;return o(()=>t.data=g(E.css)),e}}),i(v,{get children(){return[i(m,{get when(){return(E.children||[]).length>0},get children(){let e=a();return r(e.firstChild,i(h,{get each(){return E.children},children:e=>e})),e}}),i(m,{get when(){return E.text},get children(){let t=c(),r=b;return"function"==typeof r?e(r,t):b=t,o(()=>s(t,w("n-md-box",E.class))),t}})]}})]}b("n-md",{class:void 0,pictureViewer:void 0,lazyPicture:void 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 d(()=>{x(r,["css","text"]),r.replaceChildren()}),[(()=>{let e=l();return e.textContent=E,e})(),i(A,o)]});export default A;